.btn-set {
    /* position: absolute; */
    right: 15px;
    z-index: 1;
    width: 20vw;
    font-size: 12px;
    background: white;
    text-align: center;
    /* top: 15px; */
    display: none;
    bottom: 30%;
  }
  .btn-set-body {
    -webkit-animation: slide-down 0.3s ease-out;
    -moz-animation: slide-down 0.3s ease-out;
    /* padding: 25px 0px; */
    transition: background-position 1s;
  }
  .btn-set-body-active {
    display: block;
    background-position: 0 -100%;
  }
  .btn-set-body-inactive {
    background-position: 0 -100%;
    display: none;
  }
  .btn-set-head {
    background: #19282c;
  }
  .btn-set-head i {
    padding: 10px;
    border: 1px solid white;
    color: white;
    margin: 1px;
  }
  .btn-set-head {
    color: white;
    font-size: 20px;
    font-weight: 600;
  }
  .btn-head-title {
    float: left;
    padding: 6px 0px 0px 6px;
  }
  .btn-set h4 {
    font-size: 20px;
    font-weight: 600;
  }

  @-webkit-keyframes slide-down {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes slide-down {
    0% {
      opacity: 0;
      -moz-transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateY(0);
    }
  }
  .mamiz {
    display: none;
  }
  .disableEle {
    opacity: 0.6;
    pointer-events: none;
  }
  .hide {
    display: none;
  }
  .font10 {
    font-size: 10px !important;
  }
  #saveRef,
  #listRef {
    display: none;
  }
  .shapSS img {
    width: 60px;
    background: white;
    cursor: pointer;
  }
  .shapSS img.add {
    width: 25px;
    background: white;
    cursor: pointer;
    margin-right: 5px;
  }
  .shapSS {
    padding: 6px 0 6px 0px;
    width: 100%;
    border: black 1px solid;
    margin-bottom: 2px;
  }
  .shapSSs {
    float: right;
  }
  .listnone {
    list-style: none;
  }
  #component_list a {
    cursor: pointer;
  }

  .com_title {
    font-size: 16px;
    background: #dddddd;
    padding: 0px 5px 0 5px;
    border-radius: 5px;
    color:#000 !important;
  }
  #component_list {
    list-style: none;
  }
  .com_contain,
  .rru_contain {
    border: #6c757d 1px dotted;
    background: #343a40;
    border-radius: 5px;
    margin-bottom: 5px;
  }
  .leg_contain {
    border: #6c757d 1px dotted;
    background: #343a40;
    border-radius: 5px;
    margin-bottom: 5px;
  }
  .modal-content.cus {
    width: auto !important;
  }
  .cushr {
    border-top: 1px solid rgba(255, 233, 233, 0.28);
    margin: 10px 1px 10px 1px !important;
  }
  .disin {
    display: inline;
  }

  /* The container */
  .ckcontainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
  }

  /* Hide the browser's default radio button */
  .ckcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .ckcontainer:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .ckcontainer input:checked ~ .checkmark {
    background-color: #2196f3;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .ckcontainer input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .ckcontainer .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
  }
  .rediocontain {
    background: black;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-radius: 15px;
    color: #eee;
  }
  .curPoint {
    cursor: pointer;
  }
  .pageloader {
    position: fixed;
    z-index: 99;
    background-color: #495057bf;
    width: 100vw;
    height: 100vh;
    text-align: center;
    display: none;
  }
  .pageloader img {
    background-color: white;
    border-radius: 10pc;
    position: fixed;
    top: 35%;
    height: 100px;
  }
  .pageloader p {
    position: fixed;
    top: 45%;
    right: -55px;
    color: white;
    width: 100%;
  }
  .com_contain h4,
  .rru_contain h4 {
    text-align: center;
    font-weight: 700;
    color: white;
    font-size: 18px;
    margin: 0;
  }
  .leg_contain h4 {
    text-align: center;
    font-weight: 700;
    color: white;
    font-size: 18px;
    margin: 0;
  }
  #listRedioType {
    position: absolute;
    background-color: white;
    list-style: none;
    padding: 0;
    left: 20.5%;
    text-align: center;
    /* top: 30px; */
    bottom: 8px;
  }
  ul#listRedioType li {
    padding: 4px 10px;
    cursor: pointer;
  }
  ul#listRedioType li:hover {
    background-color: black;
    color: white;
  }
  .typeCollect {
    width: 75px;
    border-radius: 3px;
    border: none;
    padding: 3px;
  }
  .rediocontain img {
    width: 200px;
    margin-left: -3px;
    height: 20px;
  }
  .f-16 {
    font-size: 16px;
  }
  .ml-10 {
    margin-left: 10px;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .f-18 {
    font-size: 18px;
  }
  .imageSS {
    float: right;
    border: 2px solid;
    border-radius: 10pc;
    margin-right: 5px;
  }
  .points-contain {
    z-index: 1;
    position: absolute;
    background: beige;
    bottom: 5px;
    left: 21%;
    width: 300px;
    text-align: center;
    line-height: 100%;
    padding-bottom: 6px;
    display: none;
  }
  .points-contain h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  div.point-contain p {
    text-align: justify;
    margin: 0;
    padding: 3px 30px;
    border: 1px solid #c5b6b6;
  }
  .point-contain {
    padding: 0 10px;
  }
  div.point-contain p span {
    float: right;
  }


  .unselectable {
    -webkit-user-select: none;
  }

  /******************notification******************/
  #asNotifyBox {
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: solid 1px #fff;
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 1000000;
    padding: 10px;
    width: 280px;
    -webkit-animation: fadeIn 300ms ease;
  }

  #asNotifyBox img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }

  #as-notifyMessage {
    font: normal 12px/14px arial, Helvetica;
    white-space: normal;
    word-break: break-all;
    display: inline-block;
    width: 230px;
    vertical-align: middle;
  }

  #as-notifyClose {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 12px;
    width: 12px;
    background-image: url("chrome-extension://__MSG_@@extension_id__/images/clear.png");
    opacity: 0.3;
    cursor: pointer;
  }

  #as-notifyClose:hover {
    opacity: 0.5;
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /***********Admanage**********/

  #sa-admanage-box {
    margin: 0px -28px 11px 0px;
    padding: 2px 8px 6px 8px;
    background-color: #fff7ed;
  }

  #sa-admanage-box ol {
    margin-top: -14px;
  }

  #sa-admanage-box h2 span {
    font-size: 10px;
    text-align: left;
    color: #767676;
    font-weight: normal;
  }

  #sa-admanage-box h2 {
    margin: 0px;
    text-align: right;
    line-height: 10px;
  }

  #sa-admanage-box li {
    margin: 20px 8px 0 0;
    max-width: 440px;
  }

  /***************** delay div *******************/
  #awe_delay_div {
    box-sizing: content-box !important;
    height: 90px !important;
    width: 120px !important;
    text-align: center !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    font-size: 72px !important;
    font-weight: bold !important;
    position: fixed !important;
    right: 20px !important;
    top: 20px;
    z-index: 1000000 !important;
    line-height: 100px !important;
    color: white !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    font-family: Arial !important;
  }

  #awe_delay_cancel {
    width: 120px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    position: absolute !important;
    bottom: -31px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    cursor: pointer !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  #awe_delay_cancel:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  legend {
    font-size: inherit !important;
  }
  .pointerCus {
    cursor: pointer;
  }
  .hide {
    display: none !important;
  }
  .imgSH {
    /* display: block; */
    text-align: center;
    background-color: #272727;
    padding: 7px;
    margin-left: 2px;
  }
  .shapSS a {
    font-size: 16px;
    /* color: white !important; */
    padding: 5px;
  }
  .shapSS a.shapSSs {
    /* font-size: 16px; */
    color: white !important;
    padding: 0px;
  }
  .curPoint.ac {
    float: right;
    background: #dddddd !important;
    color: black;
    padding: 0px 2px 0px 2px;
  }
  .curPoint.ac img {
    width: 10px;
  }
  .radio-toolbar {
    margin: 10px;
  }

  .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
  }

  .radio-toolbar label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 15px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
  }

  .radio-toolbar label:hover {
    background-color: #dfd;
  }

  .radio-toolbar input[type="radio"]:focus + label {
    border: 2px dashed #444;
  }

  .radio-toolbar input[type="radio"]:checked + label {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
    font-weight: 600;
  }
  .modal-dialog {
    max-width: 100% !important;
  }
  img#previewImg {
    width: 100%;
  }
  .rrutitle {
    padding: 5px;
    text-align: left;
    background: #ece6e6;
    width: fit-content;
    color: black !important;
    font-size: 16px;
    font-weight: 600;
  }
  .shapSS a {
    /* padding: 12px; */
  }
  span.imageSS a {
    padding: 5px;
  }
  .disabledid{
    pointer-events: none !important;
    cursor: default !important;
     color: grey!important;
  }
  .enabledid{
    color: white !important;

  }
  .btns{
  display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .btn-infos {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.azimuthhead{
  text-align: center;
  font-size: 1rem;
  font-weight: 700!important;
}

.rows {

  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
.m-0s {
  margin: 0!important;
}
.p-0s {
  padding: 0!important;
}
.pr-1s, .px-1s {
  padding-right: .25rem!important;
}

.col-6s {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.form-controls {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-sms, .input-group-sms>.form-controls, .input-group-sms>.input-group-appends>.btns, .input-group-sms>.input-group-appends>.input-group-texts, .input-group-sms>.input-group-prepends>.btn, .input-group-sms>.input-group-prepends>.input-group-texts {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.col-12s {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.mt-3s, .my-3s {
  margin-top: 1rem!important;
}
.text-center {
  text-align: center!important;
}
.collapse.show {
  display: block;
}
.collapse {
  display: none;
}
.com_contain, .rru_contain {
  border: #6c757d 1px dotted;
  background: #343a40;
  border-radius: 5px;
  margin-bottom: 5px;
}
#component_list {
  list-style: none;
}
.com_title {
  font-size: 16px;
  background: #dddddd;
  padding: 0px 5px 0 5px;
  border-radius: 5px;
  color: #000 !important;
}
.font-weight-bold {
  font-weight: 700!important;
}

.h6, h6 {
  font-size: 1rem;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

.text-danger {
  color: #dc3545!important;
}
.text-right {
  text-align: right!important;
}
.mr-1, .mx-1 {
  margin-right: .25rem!important;
}
.float-right {
  float: right!important;
}
.text-success {
  color: #28a745!important;
}
.curPoint.ac {
  float: right;
  /* background: white !important; */
  color: black;
  padding: 0px 2px 0px 2px;
}

.pointercss{
  cursor: pointer;
}
.towersidecss{
  width: 80%;
  margin: 5px
}
.Antennawidth{
  width: 40%;
}