label{
    text-shadow:none;
}
@font-face{
    font-family:Calibri;
    src:url(../fonts/Calibri.eot);
    src:url(../fonts/Calibri.eot?#iefix) format("embedded-opentype"),url(../fonts/Calibri.woff) format("woff"),url(../fonts/Calibri.ttf) format("truetype"),url(../fonts/Calibri.svg#svgFontName) format("svg")
}
body,html{
    margin:0;
    background:#21242d;
    overflow:auto;
    -moz-user-select:text;
    -webkit-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    font-family:Calibri,Fallback,open-sans
}

.tool-bar,.unit-info{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
    cursor:default
}
.leaflet-bottom.leaflet-right{
    display:none
}
::-webkit-scrollbar{
    width:0;
}
::-webkit-scrollbar-track{
    border-radius:0;
}
::-webkit-scrollbar-thumb{
    background-color:#393937;
    border:0 solid hsla(0,0%,83.9%,.7);
    border-radius:0
}
/* ::-webkit-scrollbar-corner{
    background-color: hsl(0deg 77.57% 48.11% / 70%);
    border-radius:10px;
} */
::-webkit-scrollbar-corner {
    background: transparent !important;
}
a.add-another-group,a.add-another-location{
    background:#2577b2;
    padding:10px;
    margin-top: 5px;
    text-align:center;
    border-radius:6px;
    color:#fff;
    text-decoration:none
}
#map input{
    width:auto
}
a.leaflet-draw-draw-circlemarker{
    display:none;
}
a.leaflet-draw-show-linklines{
    background-position-x:2px;
    background-position-y:2px
}
a.leaflet-draw-show-linklines.show{
    background-color:#597ba2;
    border:1px solid #fff;
    box-sizing:border-box;
    color:#fff;
    background-position:1px 1px
}
div#sensorRTUAlert{
    display:none;
    position:absolute;
    top:30%;
    left:33%;
    height:10%;
    width:33%;
    z-index:9999999;
    background:#fff;
    border-radius:6px;
    border:2px solid red;
    box-shadow:2px 1px 9px #443e3e;
    padding:8px 8px 45px;
    min-height:160px;
    max-height:200px
}
#sensorRTUAlert .message{
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
    font-size:15px
}
#sensorRTUAlert .button{
    width:100px;
    float:right;
    margin-top:0;
    margin-right:5px;
    background:#921515;
    border-radius:3px;
    height:22px;
    font-weight:700;
    cursor:pointer
}

body.operator .view-saved-logs{
    margin-top:10px
}
.mobile-bar-top{
    position:fixed;
    top:0;
    width:100%;
    height:22px;
    background:#40566f
}
#toast{
    display:none;
    position:fixed;
    bottom:45px;
    z-index:99999999;
    padding:10px 25px;
    border-radius:22px;
    font-size:small;
    margin:0 auto;
    background: black;
    color: white;
}
#toast.showing{
    display:block;
}
#toast.message{
    background:#000;
    color:#fff
}
#toast.alert{
    background:red;
    color:#000
}
p.clear{
    clear:both
}
.tooltip_templates{
    display:none
}
div#log-file-tree{
    width:60%;
    float:left;
    height:100%
}
div#log-file-tree ul{
    overflow-y:auto;
    height:100%
}
@keyframes blinkerCircle{
    50%{
        opacity:.4
    }
}
@keyframes blinkerIcon{
    50%{
        opacity:.6
    }
}
@keyframes blinker{
    50%{
        opacity:0
    }
}
.sir-logo{
    width:95%;
    height:50px;
    margin:8px auto 0 3px
}
img.sir-logo-onair2{
    position:relative;
    top:-62px;
    margin-bottom:-56px;
    animation:blinker 1.25s linear infinite
}
img.sir-logo-onair1,img.sir-logo-onair2{
    width:95%;
    margin:12px auto 0;
    height:50px;
    display:none
}
.onair img.sir-logo{
    display:none
}
.onair img.sir-logo-onair1,.onair img.sir-logo-onair2{
    display:block
}
button#audioFile{
    border-radius:10px;
    background:rgba(89,123,162,.95);
    font-size:13px;
    padding:5px 13px;
    font-family:calibri;
    color:#fff;
    border:0;
    cursor:pointer
}
.script-button.hot.always.stop-all{
    float:none;
    width:96.4%;
    margin-left:1px;
    margin-top:-11px;
    border:1px solid #ddd
}
div#msg-compose-area {
    padding: 25px 12px;
    box-sizing: border-box;
    width: 99%;
    margin-top: 35px;
    border-top: 1px solid var(--border-medium-grey);
    padding-top: 35px;
}

#message-center .form-group {
    margin-bottom: 15px;
}

.form-group.push-msg {
    flex-direction: column;
    gap: 0px;
    display: flex;
}

.form-group.push-title.width-50 {
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.form-group.alert-title-area {
    padding-right: 20px;
}
a,div,p,span{
    font-family:Calibri
}
a{
    cursor:pointer;
}
.console #map{
    visibility:hidden;
}
body.console.splitscreen #login .wrapper{
    min-height:210px;
    height:210px;
    margin:15% auto 0;
}
.console #coordinates,.console .third-party-logo,.console nav#filters{
    display:none
}
.console .stop-active-script-big.all{
    top:73px;
}
.console #legend{
    right:335px;
    left:auto;
    bottom:14px
}
.console.splitscreen .confirm-alarm-dialog,.console.splitscreen .confirm-beacon-dialog,.console.splitscreen .confirm-script-dialog{
    left:40%
}
.scriptLineBreakdown{
    background:#f5f5f5;
    margin-top:-7px;
    margin-bottom:10px;
    border:1px solid #ddd;
    box-sizing:content-box;
    padding:10px 10px 35px
}
#jstreex .hot-select-bar{
    display:block;
    right:23px;
    width:260px;
    background:rgba(64,86,111,.95);
    top:15px
}
#jstreex .hot-select-bar .selected{
    background:red;
}
#jstreex #jstree{
    width:97%;
    height:94.8%;
    margin-top:7px;
    margin-bottom:0;
    margin-left:5px
}
#map{
    height:100%;
    margin-left:0;
    margin-top:0;
    background:rgba(21,36,53,.95);
    z-index:0;
}

.menu-ui{
    background:#fff;
    position:absolute;
    top:10px;
    left:47px;
    z-index:1;
    border-radius:3px;
    width:120px;
    border:1px solid rgba(0,0,0,.4)
}
.menu-ui a{
    font-size:13px;
    color:#404040;
    display:block;
    margin:0;
    padding:10px;
    text-decoration:none;
    border-bottom:1px solid rgba(0,0,0,.25);
    text-align:center
}
.menu-ui a:first-child{
    border-radius:3px 3px 0 0
}
.menu-ui a:last-child{
    border:none;
    border-radius:0 0 3px 3px
}
.menu-ui a:hover{
    background:rgba(89,123,162,.95);
    color:#fff
}
.menu-ui a.active,.menu-ui a.active:hover{
    background:#40546b;
    color:#fff
}
.ui-select{
    background:#fff;
    position:absolute;
    top:10px;
    right:10px;
    z-index:100;
    padding:10px;
    border-radius:3px
}
.command-box{
    position:absolute;
    background:rgba(53,60,72,.96);
    box-shadow:3px 4px 4px 3px rgba(0,0,0,.43)
}
label{
    font-family:Calibri;
    font-size:15px
}
.selected-recipients,.selected-units{
    font-family:Calibri;
    font-size:12px;
    text-align:left;
    overflow-x:hidden;
    overflow-y:auto;
    margin-top:10px;
    padding:0 10px 15px;
    box-sizing:border-box;
    max-height:415px
}
.console .selected-units,.selected-recipients,body.splitscreen .selected-units{
    height:calc(100% - 133px);
    padding-bottom:6px;
    max-height:unset;
    border:1px solid #9c9999;
    width:92%;
    padding-top:10px;
    margin:10px auto;
    border-radius:3px;
    font-size:15px;
    line-height:21px
}
.selected-recipients div,.selected-units div{
    border:1px solid #777474;
    margin-bottom:5px;
    border-radius:4px;
    background:#2f2f2f;
    box-sizing:border-box;
    max-width:252px;
    height:27px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:13px;
    line-height:19px;
    padding:4px 8px 8px
}

.map-circle-bounce.leaflet-interactive,path.map-circle-bounce.leaflet-interactive{
    animation:blinkerCircle 1.25s linear infinite
}
.selected-recipients div.activated,.selected-units div.activated{
    background: #1da06d !important;
    color: white;
}
#remove-link{
    background:#a21d1d;
    padding:0 0 3px;
    width:10px;
    height:10px;
    overflow:hidden;
    top:-2px;
    margin-right:6px;
    border-radius:10px;
    text-align:center;
    cursor:pointer
}
#remove-link,a.remove-link{
    font-weight:900;
    position:relative
}
a.remove-link{
    color:#fff;
    text-decoration:none;
    top:-.5px;
    left:-.5px
}
#remove-link:hover{
    color:#fff;
    background:#000
}
#remove-link:hover a{
    color:#fff
}
.top-bar{
    display:none;
    position:absolute;
    top:0;
    width:100%;
    height:40px;
    left:0;
    background:#6485a9;
}
.mobile .right-bar{
    top:35px
}
.right-bar{
    position:absolute;
    top:15px;
    width:300px;
    padding:25px 0;
    max-height:calc(100% - 100px);
    right:9px;
    background:#000;
    border-radius:20px;
    overflow:scroll
}
.right-bar{
    position:absolute;
    top:15px;
    width:300px;
    padding:25px 0;
    max-height: calc(100% - 130px);
    right:9px;
    background:#000;
    border-radius:20px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.right-bar::-webkit-scrollbar{
    display:block;
    width: 18px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.right-bar::-webkit-scrollbar-track{
    background: #000000;
    width: 38px !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.right-bar::-webkit-scrollbar-thumb{
    background:#af0d10;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 3px solid #000000;
    width: 20px !important;
}

/* top horizontal scrollbar in ag grid */
.ag-header-viewport::-webkit-scrollbar{
    display:block;
    height: 8px;
}

.ag-header-viewport::-webkit-scrollbar-thumb{
    background:#3e3e3e;
}

/* hides the bottom horizontal scrollbar in ag grid*/
.ag-center-cols-viewport::-webkit-scrollbar{
    height: 0px;
}

.hot-select-bar{
    position:absolute;
    top:15px;
    background:rgba(64,86,111,.95);
    text-align:center;
    color:#fff;
    padding:10px;
    height:calc(100% - 53px);
    overflow-y:hidden;
    overflow-x:hidden
}
.quick-select{
    width:95%;
    background:#2f363e;
    padding:10px 6px;
    border:1px solid #989898;
    box-sizing:border-box;
    margin:0 auto 5px
}
.quick-select a{
    font-family:Calibri;
    font-size:14px;
    text-decoration:none;
    color:#fff;
    font-weight:700
}

.quick-select:hover a,.quick-select a:hover{
    color:#fff
}
.buttons .script-button.fa,.buttons .script-button.fab,.buttons .script-button.far,.buttons .script-button.fas{
    display:grid;
}
.buttons .script-button{
    font-weight:400;
    font-family:calibri;
}
.fab:before{
    font-family:Font Awesome\ 5 Brands
}
.jstree .fa:before{
    color:#444141;
    font-weight:100
}
.buttons .script-button.fa:before,.buttons .script-button.fab:before,.buttons .script-button.far:before,.buttons .script-button.fas:before{
    font-size:20px;
    margin-top:10px;
    font-weight:900
}
#threats{
    display:none
}
.dashboard-active-alert-box{
    position:absolute;
    top:15px;
    right:318px;
    background:rgb(234 234 234);
    min-width:301px;
    max-width:400px;
    text-align:center;
    min-height:70px;
    color:#111;
    padding:15px;
    display:none;
    border:2px solid #111;
    box-shadow:0 4px 8px rgba(0,0,0,.2);
    z-index:999
}
.dashboard-active-alert-box .active-alert-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    text-align:center;
    color:#fff
}
.dashboard-active-alert-box .alert-item{
    font-size:14px;
    margin-bottom:10px;
    padding:10px;
    background:rgb(255 255 255);
    text-align:left
}
.dashboard-active-alert-box .alert-item b{
    color:#af0e0e;
    display:inline;
    margin:2px 0
}
.dashboard-active-alert-box .acknowledge-btn,.dashboard-active-alert-box .view-sent-btn{
    background-color:#af0e0e;
    color:#fff;
    border:none;
    padding:10px 20px;
    cursor:pointer;
    font-size:14px;
    margin-top:10px
}
.dashboard-active-alert-box .acknowledge-btn:hover{
    background-color:#e6b800
}
.selection-box {
    position: absolute;
    top: 0;
    left: 119px;
    min-width:250px;
    text-align:center;
    margin-top:37px;
    min-height:70px;
    color:#fff;
    padding:10px;
    display:none;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
    z-index:999;
    border-radius: 18px;
    background: #ffffff;
}

.selection-box .title, .title {
    border-radius: 14px !important;
    background: #FFF !important;
    margin-bottom: 6px !important;
    color: #000 !important;
}
.selection-box .clear-all, .selection-box .clear-all-recipients {
    border-radius: 11px !important;
}

.splitscreen .selection-box.none{
    display:block;
}

.splitscreen .selection-box{
    position:absolute;
    top:15px;
    left:auto;
    background:rgba(64,86,111,.95);
    text-align:center;
    color:#fff;
    padding:10px;
    height:calc(100% - 45px);
    overflow-y:hidden;
    overflow-x:hidden;
    border:0;
    left:unset;
    min-width:unset;
    max-height:unset
}

.hot-select-bar .title,.splitscreen .selection-box .title{
    margin-top:-5px;
    margin-left:-5px;
    margin-bottom:20px;
    border:0;
    width:calc(100% + 10px)
}

.splitscreen .hot-select-bar .title,.splitscreen .selection-box .title{
    height:58px;
    padding-top:17px;
    box-sizing:border-box;
    background:#3d4b5b;
    overflow:hidden;
    font-size:1.1vw;
    line-height:1.5vw
}

.clear-all-recipients.none,.clear-all.none{
    background:#2f363e;
    border:1px solid #615e5e;
    color:#ddd
}
.clear-all-recipients.none a,.clear-all.none a{
    color:#ddd;
    font-style:italic
}
.clear-all-recipients.none:hover,.clear-all.none:hover{
    background:#2f363e;
    border:1px solid #615e5e;
    color:#ddd;
    cursor:auto;
}
.clear-all-recipients.none:hover a,.clear-all.none:hover a{
    color:#ddd;
    cursor:auto;
}
.clear-all-recipients.none a:hover,.clear-all.none a:hover{
    color:#ddd;
    cursor:default;
}
.clear-all,.clear-all-recipients{
    width:92%;
    background:#a21e1e;
    padding:10px 6px;
    position:relative;
    bottom:0;
    border:1px solid #989898;
    box-sizing:border-box;
    margin:0 auto
}
.clear-all-recipients a,.clear-all a{
    font-family:Calibri;
    font-size:14px;
    text-decoration:none;
    color:#f5f5f5;
    font-weight:700
}
.clear-all-recipients:hover,.clear-all:hover{
    background:#fff;
    cursor:pointer
}
.clear-all-recipients:hover a,.clear-all-recipients a:hover,.clear-all:hover a,.clear-all a:hover{
    color:red
}
.leaflet-overlay-pane path{
    cursor:inherit;
}
ul.leaflet-draw-actions{
    left:36px
}
.leaflet-draw-actions a{
    height:36px;
    line-height:36px;
}
.ui-dialog-titlebar-close{
    visibility:hidden
}
input#map-search,input#unit-search{
    display:block;
    padding:4px;
    border-radius:4px;
    border:1px solid silver;
    width:50%;
    height:28px;
    margin:0 auto 13px 6px;
    background:#fff
}
div#jstree,div#jstree_map{
    overflow-y:scroll;
    background:#f1f0f0;
    margin:20px;
    width:88%;
    border:1px solid #ddd;
    padding:.5em .1em;
    overflow-x:hidden
}
ul.jstree-children{
    font-size:13px
}
i.jstree-icon.jstree-themeicon.jstree-themeicon-custom{
    background-size:70%;
}
i.jstree-icon.jstree-themeicon.green{
    background-color:#0f0;
    border-radius:20px
}
i.jstree-icon.jstree-themeicon.red{
    background-color:#ff0005;
    border-radius:20px
}
i.jstree-icon.jstree-themeicon.orange{
    background-color:#ffe200;
    border-radius:20px
}
.toolbar{
    height:60px
}
.middle-bar .toolbar{
    background:transparent
}
.toolbar.one-third a{
    width:50%
}
.toolbar.selection.one-third a:hover{
    background:rgba(89,123,162,.95);
    cursor:pointer;
}
.toolbar.selection.one-third a.selected:hover{
    background:rgba(64,86,111,.95);
    cursor:default;
}
.toolbar a{
    float:left;
    text-align:center;
    color:#fff;
    padding-top:10px;
    padding-bottom:5px;
    text-decoration:none;
    font-family:Calibri;
    font-size:13px;
    height:45px;
    background:rgba(51,66,83,.84)
}
.toolbar a i{
    font-size:20px;
    padding-bottom:5px
}
.middle-bar .toolbar .selected{
    background:rgba(64,86,111,.95)
}
.toolbar a.selected{
    background:rgba(72,93,117,0)
}
.middle-bar .toolbar.selection a:hover{
    cursor:pointer;
}
.middle-bar .toolbar.selection a.selected:hover{
    background:rgba(64,86,111,.95);
    cursor:default;
}
.right-bar a:hover{
    background:rgba(89,123,162,.95)
}
.right-bar a.selected:hover{
    cursor:default;
    background:rgba(72,93,117,0)
}
.hot-select-bar,.middle-bar{
    display:none;
}
.hot-select-bar .zone-list{
    padding:1px 1px 25px;
    box-sizing:border-box;
    overflow-y:auto;
    overflow-x:hidden;
    height:calc(100% - 83px)
}
.splitscreen .hot-select-bar,.splitscreen .middle-bar,.splitscreen .selection-box{
    display:block;
}
.hot-select-bar hr{
    width:55%;
    margin:15px auto
}
.middle-bar .action-sections ul{
    list-style:none
}
.toolbar.selection.one-third{
    width:40.5%
}
.middle-bar .action-sections.new ul li{
    float:left;
    width:97%;
    background:rgba(47,54,62,.74);
    border:1px solid #d2d0d0;
    border-radius:1px;
    margin-right:.5%;
    margin-bottom:10px;
    text-align:center;
    cursor:pointer;
    box-shadow:1px 1px 1px #000;
    height:140px;
    overflow:hidden;
    vertical-align:middle;
    padding:10px 21px 21px;
    font-size:14px;
    font-weight:700;
    box-sizing:border-box;
    color:#fff
}
.middle-bar .action-sections.new li div.unit-title{
    float:left;
    height:23px;
    text-align:left;
    position:relative;
    top:-10px;
    left:-21px;
    background:#807979;
    width:178px;
    padding:3px 10px;
    border-bottom-right-radius:10px;
    overflow:hidden;
    font-size:.7vw
}
.middle-bar .action-sections.new ul li.selected div.unit-title,.middle-bar .action-sections.new ul li:hover div.unit-title{
    background:#807979;
}
.action-sections.new li.status-0 .unit-title{
    background:#ce8808;
}
.action-sections.new li.status-1 .unit-title{
    background:#bd0a0a;
}
.action-sections.new li.status-2 .unit-title{
    background:#169316;
}
.middle-bar .action-sections.new li div{
    width:100%;
    height:100%;
    box-sizing:border-box;
    display:unset;
    padding:unset;
    overflow-x:unset;
    overflow-y:unset;
    margin:unset;
}
.middle-bar .action-sections.new table{
    width:100%
}
.middle-bar .action-sections.new li td{
    width:12.5%;
    padding:1px 10px
}
.middle-bar .action-sections.new li .health-info td.fault{
    color:red;
}
.middle-bar .action-sections.new li td.unit-title{
    text-align:left;
    background:unset;
    padding:0 4px 7px
}
.middle-bar .action-sections.new li img{
    width:35px;
    margin:0 auto;
    text-align:center
}
.middle-bar .action-sections ul li{
    float:left;
    width:16%;
    background:#f5f5f5;
    border:1px solid #d2d0d0;
    border-radius:1px;
    margin-right:.5%;
    margin-bottom:5px;
    text-align:center;
    cursor:pointer;
    box-shadow:1px 1px 1px #000;
    height:71px;
    box-sizing:border-box;
    overflow:hidden;
    vertical-align:middle;
    padding:10px;
    font-size:14px;
    font-weight:700
}
.middle-bar #unitid{
    float:left;
    position:relative;
    top:-21px;
    margin-bottom:-25px;
    padding-top:0;
    margin-top:0;
    font-size:11px;
    display:none
}
.middle-bar .action-sections ul li:hover,.middle-bar .action-sections ul li:hover div,.middle-bar .action-sections ul li:hover td{
    background:rgba(89,123,162,.95);
    color:#fff;
    cursor:pointer;
}
.middle-bar .action-sections ul li.selected,.middle-bar .action-sections ul li.selected:hover,.middle-bar .action-sections ul li.selected:hover div,.middle-bar .action-sections ul li.selected:hover td,.middle-bar .action-sections ul li.selected div,.middle-bar .action-sections ul li.selected div:hover,.middle-bar .action-sections ul li.selected td,.middle-bar .action-sections ul li.selected td:hover{
    background:#0083d2;
    color:#fff;
    cursor:pointer;
}
.action-sections li span.status{
    width:14px;
    height:14px;
    background:#06c546;
    float:right;
    position:relative;
    top:-15px;
    border-radius:20px;
    margin-top:8px;
    margin-bottom:-25px;
    right:-6px
}
.splitscreen .clear-all-selected-recipients,.splitscreen .clear-all-selected-units,.splitscreen .select-units{
    display:none;
}
.middle-bar{
    display:none;
    position:absolute;
    top:15px;
    height:100%;
    overflow:hidden
}
.console .middle-bar{
    right:325px;
    width:calc(70% - 325px)
}
.console .hot-select-bar{
    right:calc(70% + 12px);
    width:calc(15% - 40px)
}
.action-sections ul{
    padding-left:3%
}
.action-sections{
    width:100%;
    height:calc(100% - 175px);
    background:rgba(64,86,111,.95)
}
#admin-section,#home-section,#status-section{
    padding:0 5%
}
#admin-section,#status-section{
    display:none
}
#admin-section.selected,#home-section.selected,#status-section.selected{
    display:block
}
.middle-bar .action-sections{
    overflow-y:auto;
    height:calc(100% - 85px)
}
.middle-bar .action-sections div{
    display:none;
    width:99%;
    height:calc(100% - 58px);
    overflow-x:hidden;
    overflow-y:auto;
    box-sizing:border-box;
    margin-top:15px;
    padding:0 0 2%
}
.middle-bar .action-sections div.selected{
    display:block;
}
.middle-bar .toolbar.selection a{
    width:20%;
    border-right:1px solid rgba(25,40,56,.67)
}
.middle-bar .toolbar.selection a:hover{
    background:rgba(63,85,108,.76)
}
.logo{
    display:none;
    background:#6485a9;
    margin-top:-30px;
    max-width:235px;
    padding:10px;
    overflow:hidden
}
.logo img{
    width:100%
}
.command-box{
    display:none;
    width:15%;
    height:85%;
    top:65px;
    right:25px;
    min-width:275px
}
.status-loggedin{
    position:fixed;
    background:#3f536a;
    width:300px;
    text-align:center;
    color:#fff;
    margin-top:5px
}
.top-half{
    height:75%
}
.bottom-half{
    height:25%;
    border-top:2px solid #cacaca;
    width:100%;
    background:rgba(197,195,195,.39)
}
.active-scripts{
    margin:10px auto;
    height:12%;
    min-height:100px;
    background:#fff;
    border:1px solid #5a5757;
    overflow-x:hidden;
    overflow-y:scroll
}
.active-scripts ul{
    padding:0 10px;
    list-style:none;
    margin:7px 0 0
}
.active-scripts ul li{
    font-family:Calibri;
    font-size:14px;
    border-bottom:1px solid #b9b3b3;
    padding:11px 3px;
    color:#483f3f
}

.active-scripts ul li:first-child{
    background:red;
    padding:11px 5px;
    color:#fff;
    margin-bottom:5px;
    border-radius:5px
}

.active-scripts ul li.no-active-scripts{
    background:#afabab;
}

.active-scripts ul li span.stop-active-script{
    float:right;
    background:#fff;
    padding:4px 5px;
    border-radius:13px;
    color:red;
    font-family:Calibri;
    font-size:10px;
    margin-top:-2px
}
.active-scripts ul li span.stop-active-script:hover{
    background:#000;
    cursor:pointer;
    color:#fff
}
span.stop-active-script.cancel{
    background:red;
    color:#fff;
}
span.stop-active-script.cancel:hover{
    background:#000;
    color:#fff;
}
.stop-active-script-big{
    display:none;
    position:absolute;
    top:15px;
    right:325px;
    z-index:99999999;
    background:red;
    padding:19px;
    height:60px;
    overflow:hidden;
    color:#fff;
    border:2px solid #1c1616;
    cursor:pointer;
    box-sizing:border-box;
    width:336px;
    text-align:center
}
.stop-active-script-big:hover{
    background:#c70d0d
}
.stop-active-script-big.all{
    padding:5px;
    height:35px;
    background:#7b2626
}
.active-scripts span.stop-active-script.cancel{
    display:inline;
}
.custom-actions{
    overflow:hidden;
    overflow-y:auto;
    margin-top:5px;
    height:80%
}
.select-units:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(89,123,162,.95)
}
.clear-all-selected-recipients,.clear-all-selected-units{
    text-align:center;
    font-family:Calibri;
    font-size:10px;
    padding:9px 0;
    margin-bottom:-17px;
    color:red;
    cursor:pointer;
    font-weight:bolder;
    visibility:hidden;
    display:none
}
.clear-all-selected-recipients:hover,.clear-all-selected-units:hover{
    color:#fff
}
.buttons{
    display:table;
    padding:0 0 30px
}
.activate-alarm,.activate-stored-message,.beacon-alert{
    width:93%;
}
.script{
    display:none;
}
.script-button.disabled{
    background:#6f6e6e;
    color:#484747;
    font-style:italic;
    cursor:default;
}
.script-button{
    vertical-align:middle;
    width:47%;
    float:left;
    background:#393b3e;
    text-align:center;
    height:39px;
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    box-pack:center;
    box-align:center;
    font-family:Calibri;
    font-size:13px;
    border:1px solid #615e5e;
    color:#585656;
    cursor:default;
    font-style:italic
}
.script-button.tooltip.hot.always{
    background:#5d0303
}
.script-button.tooltip.hot.always:hover{
    background:maroon
}
.script-button.enabled,.script-button.hot{
    cursor:pointer;
    color:#fff;
    font-style:normal;
    background:#2f363e
}
.main-actions .script-button.hot{
    background:#5d0303
}
.main-actions .script-button.hot:hover{
    background:maroon
}
.script-button.enabled:hover,.script-button.hot:hover{
    color:#fff;
    background:rgba(89,123,162,.95);
    font-style:normal
}
.ui-widget-overlay{
    background:#000;
    opacity:.5;
    filter:Alpha(Opacity=50);
}
.save-log{
    width:98%;
    text-align:center;
    background:#2f363e;
    padding-top:7px;
    height:25px;
    border:1px solid #615e5e;
    cursor:pointer;
    font-size:14px;
    font-family:Calibri;
    color:#fff;
    margin-top:10px;
    float:left;
    width:48%;
    margin-right:1%
}
.save-log:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(89,123,162,.95)
}
.clear-log{
    width:98%;
    text-align:center;
    background:#2f363e;
    padding-top:7px;
    height:25px;
    border:1px solid #615e5e;
    cursor:pointer;
    font-size:14px;
    font-family:Calibri;
    color:#fff;
    margin-top:10px;
    float:left;
    width:48%;
    margin-left:1%;
    margin-bottom:10px
}
.clear-log:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(89,123,162,.95)
}
.view-saved-logs{
    width:98%;
    text-align:center;
    background:#2f363e;
    padding-top:7px;
    height:25px;
    border:1px solid #615e5e;
    cursor:pointer;
    font-size:14px;
    font-family:Calibri;
    color:#fff;
    float:left;
    margin-right:1%;
    margin-bottom:5%;
    margin-top:15px
}
.view-saved-logs:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(89,123,162,.95)
}
#status-section .wrapper{
    height:95%;
    overflow:hidden;
    width:100%
}
.system-log{
    height:calc(100% - 39px);
    background:#fff;
    border:1px solid #5a5757;
    overflow-x:hidden;
    overflow-y:scroll;
    width:98%;
    margin-bottom:10px
}
.system-log ul{
    padding:0 10px;
    list-style:none;
    margin:7px 0 0
}
.system-log ul li{
    font-family:Calibri;
    font-size:12px;
    border-bottom:1px solid #b9b3b3;
    padding:15px 5px;
    color:#483f3f
}
.system-log ul li span.date-time{
    float:right;
    border-radius:12px;
    color:#a09f9f;
    font-family:Calibri;
    font-size:9px;
    position:relative;
    top:0;
    right:-4px
}
.system-log .message{
    text-align:left;
    padding-top:5px;
    margin-bottom:5px;
    word-break:break-word
}
ul.system-log-list li:hover,ul.system-log-list li div:hover,ul.system-log-list li span:hover{
    background:#f5f5f5;
    cursor:pointer
}
li.selected{
    color:#fff;
    background:#597ba2
}
.leaflet-popup-tip{
    border-top-color:#fff;
    background:#fff;
}
.leaflet-popup-content,.leaflet-popup-content-wrapper,.unit-info-box{
    background:rgb(255 255 255);
    border-color:#fff;
}
.leaflet-popup-content{
    margin-right:10px;
    margin-left:13px;
    margin-bottom:20px;
}
.unit-info-box{
    width:260px;
    color:#fff;
    font-family:Calibri;
    height:283px
}
.unit-info-box.small{
    height:213px;
    float:left
}
.unit-info-box.wide{
    width:480px;
}
.unit-info-box.TRX{
    height:367px
}
.unit-info-box.TRX-SPT{
    height:456px
}
.zones{
    width:205px;
    padding-top: 55px;
    box-sizing:border-box;
    padding-left:15px;
    border-left: 1px solid #DDD;
    background: #344555;
    color: white;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px !important;
}
.zone-title{
    font-size:18px;
    font-weight:bolder;
    margin-top:-36px;
    margin-bottom:8px
}
.zone-selector{
    /* border:1px solid #a9a9a9; */
    margin-bottom: 4px;
    height:38px;
    box-sizing:border-box;
    padding:7px;
    font-size: 14px;
    background:#585858;
    font-style:italic;
    color:grey;
    cursor:default;
    border-radius: 8px;
    padding-top: 1px;
}
.zone-selector.enabled{
    cursor:pointer;
    color:#fff;
    font-style:normal;
    background:#16576b
}
.zone-selector.selected{
    background:#761818
}
.zone-selector input{
    margin-right: 3px;
    position:relative;
    top: 3px;
    width: 29px !important;
    height: 18px;
    margin-left: -3px;
}
.zone-selector.disabled{
    font-size:13px;
    padding-top:10px
}
.edit-unit,.move-unit,.select-unit{
    float:left;
    background:#2f363e;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    width:32%;
    margin:20px 1px 1px;
    text-align:center;
    padding:5px;
    border:1px solid #615e5e
}
.edit-unit:hover,.move-unit:hover,.select-unit:hover{
    color:#fff;
    background:#597ba2
}
.unit-type{
    position:relative;
    top:-7px
}
.unit-type span{
    font-weight:700;
    font-size:20px
}
.unit-ac,.unit-amps,.unit-battery,.unit-bwdrssi,.unit-comm,.unit-crc,.unit-door,.unit-drivers,.unit-id,.unit-miscor,.unit-quality,.unit-rs232,.unit-rssi,.unit-solar,.unit-source,.unit-status{
    float:left;
    width:31%;
    background:#354454;
    color:#fff;
    text-align:center;
    padding-top:5px;
    margin:1%;
    height:75px;
    position:relative;
    top:10px;
    line-height:14px
}
.unit-info-box div.no-fault{
    background:#1d6f1b
}
.unit-info-box div.fault{
    background:red;
}
.unit-info-box.status-0 .fault,.unit-info-box.status-0 .no-fault{
    background:#72720d;
}
.unit-info-box.status-0 .unit-status{
    background:#72720d
}
.unit-info-box.status-1 .unit-status{
    background:#1d6f1b
}
.unit-info-box.status-2 .unit-status{
    background:red
}
.unit-info-box .label{
    font-size:15px;
    font-weight:bolder
}
.unit-info-box img{
    width:33px
}
.select-units-box{
    display:none;
    position:absolute;
    top:20%;
    left:35%;
    width:30%;
    height:60%;
    background:#f5f5f5;
    overflow:hidden;
    z-index:1001
}
.select-units-list{
    height:91%;
    overflow-y:scroll;
    overflow-x:hidden
}
.title{
    text-align:center;
    font-family:Calibri;
    font-weight:bolder;
    font-size:21px;
    color:#fff;
    width:100%;
    background:#0d4b53;
    height:9%;
    min-height:42px;
    margin:0 auto;
    padding-top:7px;
    height:40px;
    box-sizing:border-box
}
.modal{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:.85;
    z-index:1000
}
.select-units-list ul li span{
    font-family:Calibri;
    font-size:15px
}
.select-units-list ul li{
    padding:10px 5px;
    border:1px solid #ddd;
    margin-bottom:10px;
    border-radius:10px;
    cursor:pointer
}
.select-units-list ul{
    list-style:none;
    margin:0;
    padding:11px
}
.select-units-list ul li span.unitID{
    float:right;
    margin-right:10px;
    background:#bfbebe;
    width:60px;
    text-align:center;
    padding:4px;
    font-size:12px;
    border-radius:6px
}
.select-units-list ul li span.name{
    padding-left:10px
}
.select-units-list ul li.selected,.select-units-list ul li:hover{
    background:#8ea7c3;
    color:#fff
}
.unitTypeSmall span{
    float:left;
    height:15px;
    width:100%;
    margin-top:-10px;
    font-size:11px;
}
.edit-unit{
    display:none;
    float:right;
    margin-top:-16px;
    background:transparent;
    color:#000;
    border:0;
    text-transform:uppercase;
    font-weight:700;
    width:42px;
    margin-right:10px;
    padding:0;
    position:relative;
    z-index:99999999
}
.edit-unit:hover{
    background-color:#c9ced4;
    color:#000
}
.move-unit,.select-unit{
    display:none;
}

div#legend{
    position:absolute;
    left:155px;
    background:#212121;
    height:7px;
    /* z-index:999; */
    bottom:10px;
    padding: 9.4px;
    font-size:11px;
    font-family:Calibri;
    text-transform:uppercase;
    width:340px;
    padding-right:0;
    display: flex;
    overflow:hidden;
    border-radius: 8px;
    color:#fff;
    line-height: 8px;
}

div#legend div{
    display: flex;
}

div#legend div span{
    height:12px;
    width:12px;
    margin-right:5px;
    border-radius:10px;
    margin-top: -2px;
    margin-left: 9px;
}

.legend-green, .legend-red, .legend-orange  {
    margin-right: 4px;
}
.legend-green span{
    background:green;
    margin-left: 0px !important;
}
.legend-orange span{
    background:#b7b433
}
.legend-red span{
    background:red
}

.count-degraded,.count-operational,.count-unknown{
    width:auto;
}

.count-degraded,.count-operational,.count-unknown{
    padding-right:5px
}
.third-party-logo img{
    width:100%
}
.third-party-logo{
    bottom:36px;
    padding:10px;
    width:142px;
    box-sizing:border-box;
    border-bottom:0;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    z-index:1000;
    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
}
.third-party-logo,div#coordinates{
    background:#212121;
    position:absolute;
    left:10px
}
div#coordinates{
    height:7px;
    z-index:999;
    bottom:10px;
    padding:10px 5px;
    font-size:10px;
    font-family:Calibri;
    text-transform:uppercase;
    font-weight:700;
    width:130px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow:hidden;
    text-align:center;
    color:#fff;
}

.filter-ui.no-gv{
    left:155px;
}
.filter-ui{
    background:#212121;
    position:absolute;
    bottom:10px;
    left: 509.5px;
    z-index:100;
    width:140px;
    font-family:Calibri;
    text-transform:capitalize;
    padding-bottom:10px;
    border-radius: 8px;
    overflow:hidden;
    height:16px;
    color:#fff
}
.filter-ui label{
    font-size:11px;
    padding-left:5px;
    cursor:pointer;
    color:#fff
}
.filter-ui div{
    padding:0 10px
}
#filters div.filter-title{
    background:#212121;
    font-family:Calibri;
    font-size: 13px;
    color:#fff;
    padding:5px 13px;
    border-radius: 8px;
    text-align:center;
    margin:0
}
.leaflet-top{
    top:26px;
}
nav#filters div{
    padding:2px 10px;
    background:#505050;
    border:1px solid #585656;
    margin:5px 5% 0;
    color:#f30000;
    cursor:pointer
}
.leaflet-label{
    z-index:99999999;
    position:relative;
    right:-15px;
}
.leaflet-draw-toolbar.leaflet-bar,a.leaflet-draw-draw-marker,a.leaflet-draw-draw-polyline,a.leaflet-draw-edit-edit,a.leaflet-draw-edit-remove{
    display:none;
}
.leaflet-draw-toolbar.leaflet-bar.leaflet-draw-toolbar-top{
    display:block;
}
.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{
    border-width:1px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-circle{
    background-position:-87px 1px;
    display:none
}
.leaflet-bar a,.leaflet-control-layers-toggle,.map-tooltip.closable .close,.mapbox-button-icon:before,.mapbox-icon{
    width:35px;
    height:35px;
    background-repeat:no-repeat
}
a.leaflet-control-zoom-in{
    background-size:35px 336px;
}
a.leaflet-control-zoom-out{
    background-size:35px 281px;
}
a.leaflet-control-layers-toggle{
    background-size:22px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{
    background-position:-27px 2px;
}
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{
    background-position:-57px 2px;
}
a.leaflet-control-layers-toggle:hover{
    border-width:2px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
div.zoom-out-popup-location-edit a,div.zoom-out-popup-location a,div.zoom-out-popup a,div.zoom-out a{
    background-image:url(images/earth-icon.png)
}
div.zoom-out,div.zoom-out-popup,div.zoom-out-popup-location,div.zoom-out-popup-location-edit{
    margin-top:-4px;
    border-top:1px solid #f3f3f3;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.leaflet-retina div.zoom-out-popup-location-edit a,.leaflet-retina div.zoom-out-popup-location a,.leaflet-retina div.zoom-out-popup a,.leaflet-retina div.zoom-out a{
    background-image:url(images/earth-icon-2x.png)
}
.btnSignOut{
    width:97%;
    text-align:center;
    background:#f5f5f5;
    padding-top:5px;
    height:23px;
    border:1px solid #615e5e;
    cursor:pointer;
    font-size:14px;
    font-family:Calibri;
    color:#a21e1e;
    margin-bottom:3px;
    margin:0 auto;
    font-weight:700
}
.btnSignOut:hover{
    color:red;
    text-decoration:none;
    background:#fff
}
input#opensplitscreen{
    width:10%;
}
#admin-section .wrapper{
    height:94%;
    margin-top:15px;
    overflow-y:scroll
}
.manage-app,.manage-map,.manage-units,.manage-users{
    border:1px solid #8e8e8e;
    padding:25px;
    font-size:15px;
    font-family:Calibri;
    margin-bottom:20px;
    background:#fff;
    color:#344355;
    width:75%;
    margin-top:1px
}
.manage-app .admin-title,.manage-map .admin-title,.manage-units .admin-title,.manage-users .admin-title{
    margin-top:-24px;
    margin-left:-24px;
    background:#8b96a5;
    padding:8px;
    width:116.5%;
    font-size:13px;
    margin-bottom:15px;
    color:#fff;
    font-weight:bolder;
    cursor:pointer
}
.admin-title img{
    width:20px;
    float:right;
    margin-top:-3px
}
div#admin-section div.closed{
    height:0;
    overflow:hidden;
    padding-bottom:8px
}
.button{
    width:100%;
    text-align:center;
    background:#2f363e;
    font-family:Calibri;
    cursor:pointer;
    color:#fff
}
.button:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(89,123,162,.95)
}
.manage-app div,.manage-map div,.manage-uders div,.manage-units div{
    margin-bottom:10px
}
.manage-app label,.manage-map label,.manage-units label,.manage-users label{
    font-weight:700;
    line-height:22px
}
.loading #login .wrapper{
    margin-top:5%;
    margin-left:10%;
    min-height:300px
}
#login{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10001
}
body.splitscreen #login .wrapper{
    margin-left:9%;
    height:31%;
    margin-top:9%;
}
#login .wrapper{
    width:20%;
    margin:auto;
    min-height:25%;
    background:#f5f5f5;
    padding:70px;
    min-width:300px;
    box-shadow:0 0 16px 6px #3c3b3b;
    min-height:200px
}
.login-welcome{
    margin-bottom:22px;
    font-family:Calibri;
    font-size:28px;
    color:#404040;
    margin-top:-35px
}
#login label{
    width:100%;
    float:left
}
#login input.password,#login input.username{
    width:96.1%;
    margin-bottom:15px;
    margin-top:2px;
    height:30px;
    padding-left:10px;
    font-size:15px;
    font-family:Calibri
}
a.btnSignIn{
    float:right;
    background:#fff;
    padding:10px 25px;
    color:#000;
    cursor:pointer;
    border-radius:5px;
    border:thin solid #888;
    box-shadow:1px 1px 1px grey;
    transition:background-color .3s;
    text-align:center;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    font-family:Roboto,sans-serif
}
a.btnSignIn:hover{
    background:#f1f1f1
}
a.btnSignIn.loading{
    background-color:#f1f1f1
}
a.btnSignIn.loading,a.btnSignIn.loading:hover{
    background-image:url(images/loading.gif);
    background-size:15%;
    background-repeat:no-repeat;
    background-position:93% 50%;
    cursor:default;
}
a.btnSignIn.loading:hover{
    background-color:#f1f1f1;
}
div.checkbox-wrapper{
    float:left;
    width:165px;
    background:#ddd;
    padding:5px 0 5px 15px;
    border-radius:2px
}
div.checkbox-wrapper .label{
    cursor:pointer
}
input#opensplitscreen{
    width:30px;
    padding:11px;
    height:13px;
    margin-right:10px;
    margin-left:0
}
.error-msg{
    margin-top:-10px;
    margin-bottom:10px;
    color:red;
    text-align:center;
    font-size:13px;
    font-weight:700;
    display:none
}
body.admin .hidden-admin,body.operator .hidden-operator{
    display:none;
}
body.operator a.home,body.operator a.status{
    width:50%;
}
.confirm-alarm-dialog .ui-dialog-buttonset button:last-Child,.confirm-beacon-dialog .ui-dialog-buttonset button:last-Child,.confirm-script-dialog .ui-dialog-buttonset button:last-Child{
    background:red;
    border-radius: 8px;
    padding: 8px 16px;
    color:#fff;
}
/* User Profile Dialog - 4 button layout */
.user-profile-dialog .ui-dialog-buttonpane {
    padding: 10px 15px !important;
}
.user-profile-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    width: 100%;
}
.user-profile-dialog .ui-dialog-buttonset button {
    flex: 0 1 auto;
    margin: 0 !important;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    min-width: 100px;
}
/* Cancel button - default grey */
.user-profile-dialog .ui-dialog-buttonset button:first-child {
    background: #e0e0e0;
    color: #333;
}
/* Link SSO and Change Password - grey */
.user-profile-dialog .ui-dialog-buttonset button:nth-child(2),
.user-profile-dialog .ui-dialog-buttonset button:nth-child(3) {
    background: #6c757d;
    color: #fff;
}
/* Sign Out button - red */
.user-profile-dialog .ui-dialog-buttonset button:last-child {
    background: #c62828;
    color: #fff;
}
.ui-dialog{
    z-index:10005 !important;
}
#alert-dialog-popup span.date-time{
    float:right;
    font-size:10px;
    margin-top:18px;
    margin-right:8px
}
.confirm-select-dialog .ui-dialog-buttonset button:last-Child{
    background:#54595e;
    color:#fff;
}
select{
    padding-top: 12px !important;
    padding-bottom: 10px !important;
    line-height:20px;
    height: 45px;
    padding-left:19px;
    background: #f5f5f5;
    font-weight:bolder;
    color:#4a4d50;
    margin-top: 3px;
}
.splitscreen .confirm-alarm-dialog,.splitscreen .confirm-beacon-dialog,.splitscreen .confirm-script-dialog{
    position:fixed;
    left:75%
}
div#log-box{
    display:none;
    overflow:hidden
}
div#file-tree{
    float:left;
    width:60%;
    height:100%;
    overflow-x:auto;
    overflow-y:auto
}
div#file-data{
    float:right;
    margin-left:1%;
    width:37%;
    background:#f2f2f2;
    height:99%;
    border:1px solid #ddd;
    padding-left:10px;
    overflow:hidden
}
div#file-data p,div#file-data td{
    font-size:12px;
    font-family:Calibri
}
.selected-item-data{
    display:none
}
p.selected-item-title{
    font-weight:bolder;
    font-size:14px;
    margin-bottom:-8px
}
.selected-item-actions{
    margin-top:15px
}
.selected-item-actions a{
    background:#00f;
    color:#fff;
    padding:5px 10px;
    text-transform:none;
    font-size:15px;
    font-family:Calibri;
    text-decoration:none;
    margin-top:10px;
}
a.selected-item-delete-btn{
    padding:6px 25px;
    background:red;
    margin-left:0
}
.fa-8x{
    font-size:8em;
    margin-bottom:15px
}
.status_0 i.jstree-themeicon{
    background-color:rgba(255,255,0,.79);
    border-radius:15px
}
.status_1 i.jstree-themeicon{
    background-color:rgba(0,128,0,.4);
    border-radius:15px
}
.status_2 i.jstree-themeicon{
    background-color:rgba(255,0,0,.65);
    border-radius:15px
}
div#stream-audio-dialog{
    overflow-y:hidden
}
div.stream-audio-dialog{
    overflow:hidden
}
div#audio-file-upload-box{
    box-sizing:border-box;
    background:#f2f2f2;
    height:19%;
    margin-top:1%;
    padding:10px;
    border:1px solid #ddd;
    min-height:101px
}
.audio-file-box{
    height:78%
}
.audio-file-upload-title{
    font-family:Calibri;
    font-weight:bolder;
    color:#7d0303
}
div#progress-div{
    height:20px;
    background:#ddd;
    border-radius:9px;
    overflow:hidden;
    text-align:center;
    color:#fff;
    font-size:14px
}
div#progress-bar{
    background:green;
    height:100%;
    padding-top:1px;
    width:0
}
input#audioFile{
    font-family:Calibri;
    font-size:14px
}
div#audio-file-tree{
    float:left;
    width:60%;
    height:100%;
    overflow-x:auto;
    overflow-y:auto
}
div#audio-file-data{
    float:right;
    margin-left:1%;
    width:36%;
    background:#f2f2f2;
    height:99%;
    border:1px solid #ddd;
    padding-left:10px;
    overflow:hidden
}

div#audio-file-data p,div#audio-file-data td{
    font-size:12px;
    font-family:Calibri
}

div#audio-file-data .selected-audio-item-actions a{
    background:#000000;
    color:#fff;
    padding:4px 10px;
    text-transform:none;
    font-size:15px;
    font-family:Calibri;
    text-decoration:none
}

.selected-audio-item-actions {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
}
a.selected-audio-item-broadcast-btn {
    background: red !important;
    padding: 10px !important;
}

a.selected-audio-item-delete-btn {
    background: red !important;
}

body.map .leaflet-draw-section{
    display:none
}
body.map div#userLoginBox{
    position:fixed;
    top:5%;
    right:2%;
    z-index:10000001;
    background:#fff;
    width:200px;
    min-height:90px;
    box-sizing:border-box;
    border:2px solid #ddd
}
body.map div#userLoginBox .title{
    font-size:18px;
    height:28px;
    min-height:28px;
    padding-top:0
}
.right-bar.wide.assets{
    width:35%;
    height:97%;
    background:#fff;
    padding:10px;
    box-sizing:border-box;
    overflow:hidden;
    min-width:675px;
    border:2px solid #2a2a2a
}
.right-bar.wide.assets.manage{
    display:none
}
.wide.assets .action-sections{
    height:100%;
    background:rgba(64,86,111,.98)
}
p.ipaws-uri_en,p.ipaws-uri_es{
    text-align:left;
}
p.assets-title{
    font-size:22px;
    margin-bottom:6px;
    margin-top:0;
    color:#696969;
    text-align:center;
    background:#ececec;
    padding:10px
}
.filter-categories p{
    float:left;
    width:32.4%;
    margin-top:0;
    background:#fff;
    margin-right:.7%;
    font-family:calibri;
    font-weight:bolder;
    margin-bottom:0;
    padding:5px 0 5px 2px;
    box-sizing:border-box
}
select#filter-bldg,select#filter-dept,select#filter-type{
    width:32.35%;
    margin-right:.07%;
    background:#fff;
    margin-top:-7px
}
.asset-tracker-list{
    height:calc(100% - 150px);
    overflow-y:auto
}
#signInButtons{
    display:flex;
    gap:6px;
    margin-top:50px
}
#google-btn,#microsoft-btn,#sso-btn{
    display:flex;
    align-items:center;
    background:#fff;
    color:#444;
    width:40%;
    max-width:240px;
    border-radius:5px;
    border:thin solid #888;
    box-shadow:1px 1px 1px grey;
    white-space:nowrap;
    padding:10px;
    text-align:center;
    transition:background-color .3s
}
#google-btn:hover,#microsoft-btn:hover{
    cursor:pointer;
    background-color:#f1f1f1
}
#sso-btn{
    background:#e0e0e0;
    color:#888;
    cursor:not-allowed
}
.google-label,.microsoft-label,.sso-label{
    font-family:serif;
    font-weight:400;
    display:block;
    margin-bottom:10px
}
.google-icon,.microsoft-icon,.sso-icon{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    margin-right:10px
}
.google-buttonText,.microsoft-buttonText,.sso-buttonText{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    font-weight:700;
    font-family:Roboto,sans-serif
}
#jstree_map_modal .hot-select-bar::-webkit-scrollbar{
    width:15px;
    display:block;
    border-top-right-radius:10px
}
#jstree_map_modal .hot-select-bar::-webkit-scrollbar-track{
    width:15px;
    display:block;
    border-radius:27px
}
#jstree_map_modal .hot-select-bar::-webkit-scrollbar-thumb{
    width:15px;
    display:block;
    border-radius:10px
}
#jstree_map_modal .hot-select-bar,#jstreex .hot-select-bar{
    overflow-y:scroll;
    height:calc(100% - 120px);
    padding-bottom:82px
}
.awxgl-control-legend{
    left:261px;
    right:auto;
    bottom:72px;
    width:416px;
    background:#dde8e9;
    color:#1d1616;
}
.awxgl-control-legend div,.awxgl-control-legend i,.awxgl-control-legend label,.awxgl-control-legend p,.awxgl-control-legend span{
    color:#0c0b0b;
}
.toolbar.action.one-third{
    display:none
}
.popup-for-sensor .unit-amps .data{
    font-size:9px
}
#qrcode{
    width:96%;
    border-radius:5px;
    overflow:hidden
}
ul.jstree-children li a{
    text-overflow:ellipsis;
    max-width:80%;
    overflow:hidden
}
#jstree_map_modal #jstree_map,#jstreex #jstree{
    width:62%;
    font-size:16px
}
li#Location a{
    font-size:13px;
}
.hot-select-bar{
    padding-bottom:16px
}
.print-qrcode{
    width:99%;
    background:#151514;
    padding:12px;
    box-sizing:border-box;
    border-radius:5px;
    text-align:center;
    color:#fff;
    margin-bottom:10px;
    cursor:pointer;
    margin-top:13px;
    display:none
}
div#qrcode img{
    width:100%
}
.print-qrcode:hover{
    background:red
}
.width-75{
    float:left;
    width:75%
}
.width-25 select{
    width:78%;
    height:47px;
}
.confirm-beacon-dialog input{
    width:67%;
    border:1px solid #c5c5c5;
}
.recipient-list td:nth-child(6),.recipient-list td:nth-child(7),.recipient-list th:nth-child(6){
    width:104px;
    max-width:65px;
}
input#group-search-box,input#location-search-box{
    width:98%;
    background:#fff
}
.confirm-beacon-dialog textarea{
    width:94%;
    border:1px solid #c5c5c5;
}
div#jstree a{
    font-size:18px
}
div#jstree li,div#jstree li a{
    margin-bottom:0;
    margin-top:0;
    min-height:32px
}
.width-25 input{
    background:#f5f5f5
}
input#recipient-street{
    width:93%
}
a.detailed_report{
    float:right;
    text-decoration:none;
    color:#10105e;
    background:#f5f5f5;
    padding:10px;
    border-radius:10px;
    font-weight:700;
    font-size:15px
}
.dt-buttons button{
    background:#fff;
    border-radius:8px;
}
.clear-log.hidden-operator,.save-log.hidden-operator{
    display:none
}
input.dynamic_var{
    background:#fff
}
ul.jstree-container-ul.jstree-children.jstree-wholerow-ul.jstree-no-dots li.jstree-node{
    padding-bottom:0;
    padding-top:0;
    margin-bottom:0;
    margin-top:0;
}
select.recipient-groups,select.recipient-locations{
    margin-top:2px;
    margin-bottom:5px;
    padding-left:22px;
}
a.detailed_report:hover{
    background:#4d0404;
    color:#fff
}
select.admin-locations{
    padding-left:22px;
}
.remove_group_admin,.remove_group_recipient,.remove_location_admin,.remove_location_recipient{
    float:left;
    margin-left:-20px;
    position:relative;
    top:5px;
    right:-20px;
    background:red;
    padding:10px 5px;
    height:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    color:#fff;
    cursor:pointer
}
.remove_group_recipient,.remove_location_recipient{
    top:2px;
}
.width-50.groups-picker select{
    padding-left:20px;
}
.remove_group_admin:hover,.remove_group_recipient:hover,.remove_location_admin:hover,.remove_location_recipient:hover{
    background:#6b0808
}
#stat-quantities .ipaws-status-header{
    display:none
}
#stat-quantities .ipaws-message-status{
    border:0;
    width:95%;
    margin-top:0;
    display:block;
    margin-bottom:10px;
    background: #fff;
    flex: .75;
    height: 100%;
}
div#alert-stats{
    display:none;
    min-height:215px;
    margin-bottom:34px;
    border-radius:10px;
    background:#f8fafb;
    border:1px solid #ddd;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:20px
}
.stats-top-row{
    width:100%
}
div#stat-info{
    flex:0.25
}
div#stat-info,div#stat-quantities{
    border-radius:10px;
    background:#fff;
    border:1px solid #ddd
}
div#stat-quantities{
    flex:2;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-sizing:border-box
}
.chart-container{
    flex:1;
    max-width:33%
}
.stats-text{
    flex:2;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.stats-text>div{
    flex:1 1 calc(50% - 5px)
}
#stat-channels,#stat-quantities,div#stat-info{
    padding:20px;
    word-break: break-all;
    box-sizing:border-box;
    align-self: baseline;
}
div#stat-channels{
    height:calc(100% - 50px);
    border-radius:10px;
    background:#fff;
    border:1px solid #ddd;
    margin-left:1%
}
.alert-stats-table{
    width:100%;
    border-radius:10px;
    box-sizing:border-box;
    padding:14px 0 14px 14px
}
.survey-response-table{
    width:100%;
    border-radius:10px;
    background:#fff;
    border:1px solid #ddd;
    padding:20px;
    box-sizing:border-box
}
@media screen and (max-width:1200px){
    .stats-top-row{
        flex-direction:column
    }
    div#stat-info,div#stat-quantities{
        width:100%
    }
    div#stat-quantities{
        margin-top:20px
    }
}
.stats-header ul{
    margin-left:0;
    margin-top:25px
}
div#stat-quantities .stats-header{
    width:100%
}
.charts-one{
    font-variant:discretionary-ligatures;
    float:right;
    margin-bottom:25px
}
.charts-two{
    float:left;
    height:260px;
    margin-left:32px
}
#map-popup{
    display:none;
    width:700px;
    height:700px;
    margin-left:0;
    margin-top:0;
    background:#fff;
    z-index:0;
}
#map-popup input.leaflet-control-layers-selector{
    width:25px
}
#map-popup a.leaflet-draw-draw-circle{
    display:block
}
#map-popup .leaflet-draw-toolbar.leaflet-bar,#map-popup a.leaflet-draw-draw-marker,#map-popup a.leaflet-draw-draw-polyline,#map-popup a.leaflet-draw-edit-edit,#map-popup a.leaflet-draw-edit-remove{
    display:block;
}
#map-popup .selected-areas{
    background:#fff;
    position:relative;
    z-index:9999;
    float:right;
    padding:16px 35px;
    border:1px solid grey
}

div#selected-recipients-popup{
    z-index:99999;
    position:absolute;
    top:20px;
    right:20px;
    background:#fff;
    border:2px solid #ddd;
    padding-right:27px
}
#map-popup-location{
    left:334px;
    width:calc(100% - 343px)
}
#map-popup-location,#map-popup-location-custom{
    position:absolute;
    height:100%;
    float:left
}
#map-popup-location-custom{
    left:0;
    width:100%
}
#map-popup-location-box-custom .box-left,#map-popup-location-box-edit .box-left,#map-popup-location-box .box-left{
    width:268px;
    float:left;
    overflow:hidden;
    min-width:20%
}
#map-popup-location-edit{
    position:absolute;
    left:334px;
    width:calc(100% - 343px);
    height:100%;
    float:left
}
#map-popup-location-box-custom .box-left,#map-popup-location-box-edit .box-left{
    width:295px;
    float:left;
    overflow:hidden;
    min-width:20%;
    position:relative;
    left:-290px;
    border-bottom:2px dashed #ddd
}
.leaflet-control-layers-base input{
    text-align:left;
    width:20px
}
.leaflet-control-layers-base{
    width:150px;
    float:left
}
#map-popup-location-custom input.leaflet-control-layers-selector,#map-popup-location-edit input.leaflet-control-layers-selector,#map-popup-location input.leaflet-control-layers-selector{
    width:25px
}
#map-popup-location-custom a.leaflet-draw-draw-circle,#map-popup-location-edit a.leaflet-draw-draw-circle,#map-popup-location a.leaflet-draw-draw-circle{
    display:block
}
#map-popup-location-custom .leaflet-draw-toolbar.leaflet-bar,#map-popup-location-custom a.leaflet-draw-draw-marker,#map-popup-location-custom a.leaflet-draw-draw-polyline,#map-popup-location-custom a.leaflet-draw-edit-edit,#map-popup-location-custom a.leaflet-draw-edit-remove,#map-popup-location-edit .leaflet-draw-toolbar.leaflet-bar,#map-popup-location-edit a.leaflet-draw-draw-marker,#map-popup-location-edit a.leaflet-draw-draw-polyline,#map-popup-location-edit a.leaflet-draw-edit-edit,#map-popup-location-edit a.leaflet-draw-edit-remove,#map-popup-location .leaflet-draw-toolbar.leaflet-bar,#map-popup-location a.leaflet-draw-draw-marker,#map-popup-location a.leaflet-draw-draw-polyline,#map-popup-location a.leaflet-draw-edit-edit,#map-popup-location a.leaflet-draw-edit-remove{
    display:block;
}
#map-popup-location-custom .selected-areas,#map-popup-location-edit .selected-areas,#map-popup-location .selected-areas{
    background:#fff;
    position:relative;
    z-index:9999;
    float:right;
    padding:16px 35px;
    border:1px solid grey;
    margin-right:10px
}
.alert-audio div:last-Child{
    padding-bottom:15px
}
.clear-all-recipients,.ui-dialog div.import-devices{
    display:none
}
.ui-dialog .content.ui-dialog-content.ui-widget-content{
    left:0;
    height:100%;
    max-height:750px;
}
.legend-green,.legend-orange,.legend-red{
    cursor:pointer
}
.ui-dialog.legend-dialog{
    top:250px
}
.ui-dialog .dataTables_wrapper{
    overflow:scroll;
    max-height:500px;
    height:100%
}
.ui-dialog table{
    left:0;
    height:100%;
    max-height:650px;
}
.search-control.leaflet-control{
    overflow:hidden;
    padding:5px;
    border:1px solid #b5b3b3;
    border-radius:4px;
    margin-bottom:0;
    background-position:0 0;
    box-sizing:border-box;
    background:#fff;
    font-size:20px;
    width:37px;
    height:36px
}
.search-control.leaflet-control i{
    color:red;
    font-weight:100;
    position:relative;
    top:-5px;
    right:-1px
}
.search-control.leaflet-control span{
    position:relative;
    top:-25px;
    font-size:9px;
    left:-1px;
    font-weight:600;
    color:#210d5d;
    font-family:sans-serif
}
.search-control.leaflet-control:hover{
    cursor:pointer
}
.search-control.leaflet-control i{
    font-size:22px;
    margin-top:5px;
    color:#464646;
}
.language-option{
    width:48%;
    float:left;
    margin-right:2%;
}
.language-option{
    display:block;
    height:38px;
    width:100%;
    margin-bottom:5px;
    font-size:14px;
    border:1px solid #ddd;
    border-radius:5px;
    background:#f5f5f5;
    padding:8px 25px 8px 8px;
    box-sizing:border-box;
    cursor:pointer;
    position:relative
}
.language-option i{
    font-size:12px;
    margin-right:8px;
    vertical-align:middle
}
.language-option input{
    float:left;
    width:25px;
    margin-top:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.language-option:hover{
    background:#ad1c1c;
    color:#fff
}
div#county-warning{
    background:red;
    color:#fff;
    padding:10px;
    font-size:14px;
    margin-bottom:11px
}
button.ui-button.ui-corner-all.ui-widget:first-Child{
    margin-left:10px;
}
.language-option.selected,.language-option:hover{
    background:#ad1c1c;
    color:#fff
}
.leaflet-popup.IPAWS_BOX.leaflet-zoom-animated .leaflet-popup-tip-container .leaflet-popup-tip{
    border-color:#fff;
    background:#fff;
    box-shadow:none;
}
p.ipaws-event b,p.ipaws-sender b{
    display:none
}
.ipaws_info p b{
    font-weight:800;
    font-family:system-ui;
    color:#3e3c3c;
    font-size:11px
}
p.ipaws-event,p.ipaws-sender{
    margin-top:-23px;
    margin-bottom:-8px;
}
p.ipaws-expires,p.ipaws-sent{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ddd
}
.leaflet-popup.IPAWS_BOX.leaflet-zoom-animated div.leaflet-popup-content{
    background:#fff;
    max-height:500px;
    overflow-y:scroll
}
.leaflet-pane.leaflet-marker-pane img.unit.ipaws{
    width:22px;
}
.ipaws_info{
    background:#fff;
    font-size:14px;
    padding:10px;
}
.ipaws_info p{
    margin:0 0 5px;
    text-align:justify
}
p.ipaws-headline_es{
    margin-top:20px
}
p.ipaws-wea_long_text_en,p.ipaws-wea_long_text_es,p.ipaws-wea_short_text_en,p.ipaws-wea_short_text_es{
    background:#f5f5f5;
    padding:5px 8px
}
p.ipaws-wea_long_text_en{
    margin-top:-7px;
    border-bottom:1px solid #ddd
}
p.ipaws-wea_long_text_es{
    margin-top:-7px
}
p.ipaws-title b{
    display:none
}
p.ipaws-title{
    font-size:20px;
    font-weight:700;
    font-size:23px
}
p.ipaws-sent{
    float:left;
    width:50%
}
p.ipaws-expires{
    float:right;
    width:50%
}
fieldset{
    border:0;
    padding:10px 0;
    font-size:14px
}
fieldset input{
    width:23px;
    margin:0;
    position:relative;
    top:2px
}
span.array-item{
    padding:2px 9px;
    background:#2d4471;
    color:#fff;
    margin-right:4px;
    margin-top:2px;
    top:2px;
    margin-bottom:19px;
    font-size:13px;
    min-width:100px;
    box-sizing:border-box
}
span.array-item.ipaws-alert-live{
    background:red
}
span.array-item.ipaws-alert-test{
    background:green
}
p.additional-ipaws-text-test{
    background:green
}
p.additional-ipaws-text-live,p.additional-ipaws-text-test{
    color:#fff;
    padding:3px 12px;
    font-weight:100;
    width:calc(100% - 45px)
}
p.additional-ipaws-text-live{
    background:red
}
.scriptLineBreakdown ul.recipient-count li:first-Child{
    font-weight:700;
    margin-bottom:5px;
    margin-left:-17px;
    margin-top:10px;
    font-size:15px
}
.scriptLineBreakdown ul li{
    margin-bottom:5px;
    font-weight:700
}
.scriptLineBreakdown ul.recipient-count li{
    margin-bottom:0;
    font-weight:400;
    font-size:smaller
}
ul.jstree-container-ul.jstree-children{
    padding-bottom:74px
}
.trumbowyg-editor{
    min-height:150px !important;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    max-width:100%;
}
.trumbowyg-body-fullscreen #tabs #current a{
    z-index:2;
}
.trumbowyg-fullscreen{
    z-index:4;
    top:48px;
    height:calc(100% - 48px)
}
.width-100.pass-picker input{
    width:86%;
}

select#new-fips-code{
    height:55px;
    width:98%
}
.ipaws-details.expanded{
    height:100%;
    background:#fdfefe;
}
.ipaws-status-images img.ipaws-logo{
    width:76px
}
.ipaws-status-images img.eas-logo{
    width:73px;
    margin-top:-5px
}
.ipaws-status-images img.att-logo{
    width:90px;
    margin-top:-2px
}
.ipaws-status-images img.verizon-logo{
    width:110px;
    margin-top:-2px
}
.ipaws-status-images img.sprint-logo{
    margin-top:-7px
}
.ipaws-status-images img.tmobile-logo{
    width:102px;
    margin-top:-2px
}
.ipaws-status-images img.pbs-logo{
    width:80px
}
.ipaws-status-images{
    overflow:hidden;
    text-align:center;
    margin-bottom:18px;
    padding:0 20px
}
.ipaws-status-images img{
    width:85px;
    margin-right:11px;
    vertical-align:middle
}
.ipaws-details .detail-header{
    background:rgba(5,60,117,.58);
    margin-left:-10px;
    margin-top:-10px;
    height:37px;
    width:calc(100% + 20px);
    color:#fff;
    cursor:pointer;
    box-sizing:border-box;
    padding:7px
}
.detail-header i{
    float:right
}
span.this-only{
    display:none;
    padding:2px 5px;
    background:#b7b1b1
}
img.super-admin{
    width:12px;
    margin-left:2px;
    margin-right:2px
}
span.custom-group{
    background:red;
    color:#fff;
    padding:4px 9px;
    font-size:12px;
    cursor: pointer;
}

span.custom-group:hover{
    background:#a90a0a
}

span.custom-location{
    background:red;
    color:#fff;
    padding:4px 9px;
    font-size:12px;
    position:relative;
    top:-3px;
    cursor:pointer;
    text-align:center;
    padding: 4px 20px !important;
}

span.custom-location:hover{
    background:#a90a0a
}
a.jstree-anchor:hover span{
    display:inline;
}
span.this-only:hover{
    color:#fff;
    background:#184498
}
#msg-compose-area{
    display:none
}
.ipaws-target-channel{
    float:left;
    background:#a7b5b5;
    color:#4a4d50;
    font-size:13px;
    font-weight:700;
    padding: 7px 14px;
    margin: 2px;
    border-radius: 8px;
}

p.ipaws_keystore_live_url,p.ipaws_keystore_test_url{
    margin-top:-10px;
    margin-left:22px
}

.ipaws-message-status{
    display:none;
    border:2px solid #073c75;
    padding-bottom:25px;
    background:#fff;
    border-radius:5px;
    height: 100%;
    font-size:14px;
}

.generateTTS {
    float:right;
    margin-right:-17px;
    cursor:pointer
}
.generateTTS.IPAWS-EN,.generateTTS.IPAWS-ES{
    margin-top:25px;
    display:inherit
}
.ipaws-content.disabled .ipaws{
    opacity:.4;
    cursor:default;
}
p.ipaws-web_url_en br,p.ipaws-web_url_es br{
    display:none
}
.delete-attachment{
    display:none;
    float:left;
    margin-top:0;
    margin-right:6px;
    color:red;
    margin-left:2px;
    cursor:pointer
}
.delete-attachment:hover{
    color:#5a0b0b
}
p.ipaws-web_url_en b,p.ipaws-web_url_es b{
    margin-right:8px
}
.ipaws-status-live.ipaws-status-test{
    margin-bottom:15px;
    height:30px;
    line-height:31px;
    border-radius:2px;
    margin-top:-30px;
}
.ipaws-status-header{
    text-align:center;
    font-size:15px;
    font-weight:bolder;
    background:#073c75;
    margin-bottom:20px;
    padding:7px;
    color:#fff;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    width:100%;
    box-sizing:border-box
}
span.charlen{
    font-size:10px;
    position:relative;
    top:-1px;
    color:grey
}
.ipaws-message-status .error{
    color:red
}
.ipaws-identifier{
    display:none;
}
.ipaws-headline,.ipaws-instructions,.mobile-app,.or-signin,.short-message{
    display:none
}
.ipaws-wea-handling-box{
    margin-top:15px
}
.ipaws-wea-handling-box select{
    width:97%;
}
.abcRioButton.abcRioButtonLightBlue{
    width:232px;
    text-align:left;
    box-shadow:1px 1px 2px #dcdcdc;
    border:1px solid #ddd;
    border-radius:2px
}
label.alert-headline{
    display:block
}

.ipaws-live{
    background:#888888;
    text-align:center;
    color:#f5f5f5;
    font-size:16px;
    padding:10px;
    box-sizing:content-box;
    cursor:pointer;
    font-style:italic
}

.ipaws-live.active{
    background:red;
    font-style:normal;
    font-weight:700;
    color:#fff;
    cursor:default
}

.ipaws-test{
    background:#888888;
    text-align:center;
    color:#b7b7b7;
    font-size:16px;
    padding:10px;
    box-sizing:content-box;
    cursor:pointer;
    font-style:italic
}

.ipaws-test.active{
    background: green;
    font-style:normal;
    font-weight:700;
    color:#fff;
    cursor:default
}

.ipaws-status-live{
    background:red
}
.ipaws-status-live,.ipaws-status-test{
    color:#fff;
    padding:7px;
    text-align:center;
    font-size:15px;
    font-weight:700;
    line-height:15px;
    margin-bottom:15px;
    margin-left:-24px;
    width:calc(100% + 35px);
    margin-top:-20px
}
.ipaws-status-test{
    background:green
}

p.remaining{
    float:right;
    margin-top:-10px;
    font-size:10px;
    margin-bottom:-28px;
    text-align: right;
}
p.remaining.desc,p.remaining.eas-desc,p.remaining.instructions{
    margin-top:0;
}
.ipaws-content.live{
    border:3px solid red
}
.ipaws-content.test{
    border:3px solid green
}

/* IPAWS area text warning styling that syncs with test/live selection */
.ipaws-area-text-warning {
    background:red;
    color:#fff;
    padding:8px 12px;
    border-radius:4px;
    font-weight:bold;
    margin:10px 0;
    display:block;
}

.ipaws-content.test .ipaws-area-text-warning {
    background: green;
    color:#fff;
}

.ipaws-content.live .ipaws-area-text-warning {
    background:red;
    color:#fff;
}

.ipaws-content.test .ipaws-generate-xml {
    background: green;
}

.ipaws-content.live .ipaws-generate-xml {
    background:red;
}

.ipaws-generate-xml:hover {
    cursor: pointer;
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

.abcRioButton.abcRioButtonLightBlue span{
    font-size:15px;
}
.alert-headline{
    display:none
}
.email-message{
    padding:20px 25px 36px 22px;
    border:1px solid #ddd;
    background:#f9fafb;
    border-radius:4px;
    box-shadow:2px 2px 2px #ddd;
    margin-bottom:25px;
    box-sizing:border-box
}
.narrow .width-50{
    width:100%
}
div#disconnect-facebook,div#disconnect-instagram,div#disconnect-twitter,div#login-facebook,div#login-instagram,div#login-twitter{
    background:#f5f5f5;
    padding:10px
}
.spacer{
    margin:0 5px
}
.short-message-content, div.cap-message, div.desktop-message, div.fb-message, div.feed-title, div.phone-message, div.sms-message, div.twitter-message, div.whatsapp-message, div.safe-network-message{
    padding:20px 25px 18px 22px;
    border:1px solid #ddd;
    background:#f9fafb;
    box-sizing:border-box;
    border-radius: 8px;
}
.short-message-content.no-ipaws{
    padding:20px 25px 18px 22px;
    border:1px solid #ddd;
    background:#f9fafb;
    border-radius:4px;
    box-shadow:2px 2px 2px #ddd;
    margin-bottom:15px;
}
.recipient-count{
    margin-top:5px;
    width:90%
}
table.recipient-count td{
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd
}
.no-ipaws.live .ipaws-status-live,.no-ipaws.test .ipaws-status-live{
    margin-left:-23px;
    background:#24667b
}
.short-message-content.live{
    border:3px solid #ff0102;
    background:rgb(249 250 251)
}
.short-message-content.test{
    border:3px solid #048004;
    background:rgba(0,128,18,.06)
}
.abcRioButton.abcRioButtonLightBlue span:first-child:after{
    content:" with Google Apps"
}
.button.assets{
    display:none;
}
textarea{
    height:200px;
    background:#f5f5f5;
    border:1px solid #ddd;
    border-radius:10px
}
.tool-bar{
    --button-max-width:150px;
    --button-min-width:45px;
    --text-size:15px;
    --user-icon-size:40px;
    --user-button-max-width:200px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:50px;
    background:#000;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:visible;
    z-index: 100;
    border:0;
}
.tool-bar-buttons{
    display:flex;
    flex-grow:1;
    height:100%;
    border-bottom:1px solid rgba(99,87,98,.33)
}
.tool-bar .button{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    justify-content:center;
    min-width:var(--button-min-width);
    max-width:var(--button-max-width);
    height:100%;
    padding:5px 10px;
    box-sizing:border-box;
    background:rgba(39,38,38,.93);
    border:0;
    border-left:1px solid #383838;
    border-right:1px solid #383838;
    font-size:var(--text-size);
    overflow:hidden
}
.tool-bar .button span{
    transition:opacity .3s ease
}
.tool-bar .button:hover{
    background:#772f2c
}
.tool-bar .button.selected{
    background:#903131
}
.tool-bar .button.selected:hover{
    cursor:default
}
.tool-bar .button.disabled,.tool-bar .button.disabled:hover{
    cursor:default;
    background:#232020;
    font-style:italic;
    color:grey
}
.user-signed-in{
    display:flex;
    align-items:center;
    text-align:center;
    flex-direction:row;
    height:100%;
    padding:0 15px;
    background:#393937;
    cursor:pointer;
    box-sizing:border-box;
    text-transform:capitalize;
    min-width:var(--button-min-width);
    max-width:var(--user-button-max-width)
}
.user-signed-in:hover{
    background:#772f2c
}
.user-signed-in img.userIcon{
    width:var(--user-icon-size);
    height:var(--user-icon-size);
    border-radius:50%;
    margin-left:10px;
    object-fit:cover
}
.user-signed-in span{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    font-size:var(--text-size);
    cursor:pointer;
    max-width:calc(var(--user-button-max-width) - var(--user-icon-size) - 25px);
    line-height:1.2
}
.user-signed-in span:after{
    content:attr(data-fullname);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    max-height:2.4em
}
@media (max-width:1600px){
    .tool-bar{
        --button-max-width:130px;
        --text-size:14px;
        --user-icon-size:36px;
        --user-button-max-width:180px
    }
}
@media (max-width:1400px){
    .tool-bar{
        --button-max-width:110px;
        --text-size:12px;
        --user-icon-size:32px;
        --user-button-max-width:160px
    }
    .choose-template.width-50 {
        min-width: unset;
        width: 65%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
}
@media (max-width:1200px){
    .tool-bar{
        --button-max-width:90px;
        --text-size:11px;
        --user-icon-size:28px;
        --user-button-max-width:140px
    }
    .choose-template.width-50 {
        min-width: unset;
        width: 75%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
}
@media (max-width:1000px){
    .tool-bar{
        --button-max-width:90px;
        --text-size:20px;
        --user-icon-size:40px;
        --user-button-max-width:120px
    }
    .tool-bar .button span{
        display:none
    }
    .tool-bar .button:hover:after{
        content:attr(data-title);
        position:absolute;
        bottom:100%;
        left:50%;
        transform:translateX(-50%);
        background:rgba(0,0,0,.8);
        color:#fff;
        padding:5px;
        border-radius:3px;
        white-space:nowrap;
        z-index:1000;
        font-size:14px
    }
    .user-signed-in span{
        display:none
    }
    .user-signed-in span:after{
        -webkit-line-clamp:1;
        max-height:1.2em
    }
}

span.user_info_name,span.user_info_phone{
    position:relative;
    top:-25px;
    left:15px
}


div#logs div#file-data{
    float:left;
    margin-left:0;
    width:100%;
    background:#f2f2f2;
    height:157px;
    padding-left:10px;
    overflow:hidden;
    border:0;
    border-bottom:2px solid #ddd
}
div#logs a.selected-item-delete-btn.hidden-operator{
    display:none
}
div#log-file-tree-list{
    overflow-y:scroll;
    height:calc(100% - 200px);
    float:left;
    width:100%;
    border-top:8px solid #edefef
}
div#logs div#log-box{
    display:flex;
    height:90%;
    overflow:hidden;
    max-height:86%;
    width:94%;
    border: 0px solid #ddd;
    border-radius:10px;
}

.collapsed .log-date-sidebar{
    display:none
}
.collapsed #log-box {
    border: none !important;
}

.sent span.timestamp{
    float:right;
    position:absolute;
    bottom:-16px;
    font-size:9px;
    min-width: 400px;
    right:2px;
    text-align:right;
    font-size: 9px !important;
}
.received span.timestamp{
    float:left;
    position:absolute;
    bottom:-16px;
    font-size: 9px !important;
    /* width:150px; */
    left:0
}
li.alert-header span.timestamp{
    display:block;
    font-size:9px;
    color:#fff;
    margin-top:5px;
    text-align:right
}
li.alert-header{
    list-style:none;
    background-color:#0e7a90;
    color:#000;
    font-weight:700;
    text-align:center;
    width:100%;
    clear:both;
    border-radius:4px;
    margin-top:15px;
    margin-bottom:25px;
    color:#fff;
    margin-left:-8px;
    padding:27px 10px 10px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px
}
li.received{
    float:left;
    border:1px solid #ddd;
    border-radius:10px;
    background:rgba(68,158,204,.35);
    min-width:85px;
    text-align:left;
    padding:5px 25px 9px 17px;
    left:35px;
    margin-bottom:33px;
    border-bottom-left-radius:0;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    border-top-right-radius:0;
    max-width:70%
}
li.received,li.sent{
    list-style:none;
    position:relative
}
li.sent{
    float:right;
    border:1px solid #ddd;
    padding:10px 25px;
    border-radius:10px;
    background:#f5f5f5;
    min-width:82px;
    text-align:right;
    margin-top:10px;
    border-top-left-radius:0;
    border-bottom-left-radius:20px;
    border-top-right-radius:20px;
    border-bottom-right-radius:0;
    max-width:60%
}


.message_info {
    border-left: 4px solid #ddd;
    float: right;
    flex-grow: 0;
    width: calc(100% - 350px);
    height: calc(100%);
    flex-wrap: nowrap
}
.toolbar{
    background:transparent;
}
.right-bar .toolbar a{
    background:rgba(51,50,50,.9);
}
.right-bar .toolbar a:hover{
    background:rgba(144,50,48,.94);
}
.action-sections,.right-bar a.selected,.right-bar a.selected:hover,.status-loggedin{
    background:rgba(33,33,33,.9)
}
.script-button{
    background: rgba(33,33,33,.9);
    border:0 solid rgba(236,189,189,.8);
    font-size:16px;
    border-radius:0
}
.script-button.hot.always.stop-all{
    width:100%;
    margin-left:0;
    background-color:#af0e0e;
    margin-top:-1px
}
.main-actions .script-button.hot{
    background:#af0e0f
}
.script-button.hot.always.activate-pa,.script-button.hot.always.select-units{
    width: 100%;
}
.active-scripts {
    margin:0
}
.main-actions{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.right-bar hr{
    width:96%;
    margin-left:3px;
    margin-top:10px
}
.right-bar .custom-actions .buttons{
    display:table;
    padding:0 0 30px
}
.custom-actions .buttons div.script-button{
    height:50px
}
#assets,#devices,#logs,#main-box,#message-center,#regions,#reports,#roster,#roster-admin,#settings,#settings-master,#threats,#command-post{
    position:absolute;
    width:100%;
    height:calc(100% - 46px);
    top:46px;
    overflow:hidden
}

#message-center .content-window .content .alert-templates-table,
#message-center .content-window .content .alert-sent-table,
#message-center .content-window .content .alert-survey-table,
#message-center .content-window .content .alert-draft-table,
#message-center .content-window .content .alert-trash-table,
#message-center .content-window .content .alert-scheduled-table,
#message-center .content-window .content .alert-pending-table,
#message-center .content-window .content .alert-newsletter-table {
    width: 100%;
    height: calc(100% - 110px) !important;
}

/* AG Grid containers need explicit height */
#message-center .admin-grid {
    height: calc(100% - 60px) !important;
    min-height: 400px;
}

#assets,#devices,#logs,#message-center,#regions,#reports,#roster,#roster-admin,#settings,#settings-master,#threats,#command-post,.right-bar.wide.assets,img.leaflet-marker-icon.unit.asset{
    display:none
}

/* Default Login Page - Show correct container based on body class on initial load (before JS takes over) */
/* These use body.startup to only apply during initial page load */
body.startup.message-center #message-center,
body.startup.mobile #message-center { display: block; }
body.startup.message-center #main-box,
body.startup.mobile #main-box { display: none; }

body.startup.threats #threats { display: block; }
body.startup.threats #main-box { display: none; }

body.startup.roster-admin #roster-admin { display: block; }
body.startup.administrators #roster-admin { display: block; }
body.startup.roster-admin #main-box,
body.startup.administrators #main-box { display: none; }

body.startup.roster #roster { display: block; }
body.startup.roster #main-box { display: none; }

body.startup.rallypoint #main-box { display: block; }

table#DataTables_Table_0{
    width:100%;
}
div#devices,div#logs,div#message-center,div#regions,div#reports,div#roster,div#roster-admin,div#settings,div#settings-master,div#threats,div#command-post{
    background:#f9f9f9
}
body,html,html a{
    -webkit-font-smoothing:antialiased
}

.sidebar{
    border-right:1px solid #ddd;
    height:100%;
    position:fixed;
    width:20%;
    min-width:260px;
    max-width:340px
}
.sidebar,.sidebar-header{
    box-sizing:border-box;
    background:#f9fbfb
}
.sidebar-header{
    width:100%;
    padding:20px;
    margin-bottom:22px;
    padding-right:10px;
}

.box-title{
    font-weight:700;
    color:grey;
    width:100%;
    margin-bottom:10px;
    font-size:16px;
    text-align:center
}

div#new-message-area, div#new-template-message-area{
    border:1px solid #ddd;
    border-radius:12px;
    padding: 22px;
    background:rgba(36,102,123,.03);
}

a.delete-group,a.delete-location,a.edit-group,a.edit-location{
    font-size:21px
}
.manage-devices,.manage-logs,.manage-threat-sources{
    width:13%;
    margin-left:2%;
    float:left;
    background:#2a2a28;
    color:#fff;
    vertical-align:middle;
    padding:12px;
    box-sizing:border-box;
    border-radius:4px;
    height:40px;
    cursor:pointer
}

.manage-regions, .manage-groups, .manage-locations {
    display: flex;
    justify-content: center;
    color: #000000;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #d8d9d9;
    align-items: center;
    background: white;
}

.add-new-location, .add-new-region, .add-new-group, .add-new-device {
    display: flex;
    color: black;
    padding: 10px;
    border-radius: 4px;
    background: #ffffff;
    align-items: center;
    border: 1px solid #dcdddd;
}

.add-new-location:hover , .add-new-region:hover , .add-new-group:hover , .manage-regions:hover , .manage-groups:hover , .manage-locations:hover, .add-new-administrator:hover {
    background: #e6e8e7;
}

.grid-header-item {
    display: flex;
    gap: 4px;
    cursor: pointer;
    justify-content: center;
    font-size: 14px;
}

.add-new-threat-source{
    float:left;
    width:85%;
    margin-right:0;
    text-align:center;
    height:40px;
    background:#2a2a28;
    color:#fff;
    vertical-align:middle;
    padding:11px;
    box-sizing:border-box;
    border-radius:4px;
    cursor:pointer
}

img.flag-icon{
    width:19px;
    position:relative;
    top:4px;
    left:-10px
}
.add-new-recipient, .export-recipients, .import-devices, .import-recipients, .import-regions, .sync-devices, .sync-roster, .add-new-device, .export-devices, .import-devices, .manage-push-devices{
    float:right;
    background:#fff;
    padding: 10px;
    border:1px solid #ddd;
    border-radius:5px;
    cursor:pointer;
    font-size:14px
}

.add-new-administrator, .sync-administrators, .add-new-recipient, .import-recipients, .export-recipients, .manage-push-devices {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    background: white;
    border: 1px solid #d8d9d9;
    border-radius: 6px;
    padding: 10px;
}
.sync-administrators, .export-devices, .import-devices{
    background: #e0e0e0 !important;
    color: #888 !important;
    cursor:not-allowed
}
.sync-administrators:hover{
    background:#e0e0e0;
    color:#888;
    cursor:not-allowed;
}
.add-lang:hover,.add-new-recipient:hover,.clear-text:hover,.export-recipients:hover,.import-devices:hover,.import-recipients:hover,.sync-devices:hover,.translate-alert:hover {
    background:#15517d;
    color:#fff;
}
.export-recipients i, .import-devices i, .import-recipients i, .sync-administrators i, .sync-devices i, .sync-roster i, .translate-alert i, .manage-push-devices i {
    margin-right:10px
}

div.import-devices{
    margin-right:0
}
div.import-devices.scoot,div.import-recipients.scoot{
    margin-right:390px
}
#loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000000
}
#loader{
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#3498db;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    z-index:10000002
}
#loader:before{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#e74c3c;
    -webkit-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite
}
#loader:after{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#f9c922;
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn);
        -ms-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
#loader-wrapper .loader-section{
    position:fixed;
    top:0;
    width:50%;
    height:100%;
    background:rgba(34,34,34,.72);
    z-index:10000001
}
#loader-wrapper .loader-section.section-left{
    left:0
}
#loader-wrapper .loader-section.section-right{
    right:0
}
.loaded #loader-wrapper .loader-section.section-left{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.loaded #loader-wrapper .loader-section.section-left,.loaded #loader-wrapper .loader-section.section-right{
    -webkit-transition:all .7s cubic-bezier(.645,.045,.355,1) .3s;
    transition:all .7s cubic-bezier(.645,.045,.355,1) .3s
}
.loaded #loader-wrapper .loader-section.section-right{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%)
}
.loaded #loader{
    opacity:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.loaded #loader-wrapper{
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .3s ease-out 1s;
    transition:all .3s ease-out 1s
}
input.disabled,select.disabled,textarea.disabled{
    background:#f5f5f5;
    color:#888585;
    font-style:italic;
    cursor:not-allowed
}
.loading-middle{
    background-image:url(assets/css/images/loading.gif);
    background-size:15%;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.loading-left{
    background-position:10% 53%;
    padding-left:33px
}
.loading-left,.loading-right{
    background-image:url(assets/css/images/loading.gif);
    background-size:10%;
    background-repeat:no-repeat;
}
.loading-right{
    background-position:91% 53%;
    padding-right:33px
}
#administrator-tree li#all_groups{
    display:none;
}
h2 i{
    margin-right:10px
}

input#recipient-email{
    width:87%
}
form.admin-data input,form.recipient-data input{
    width:75%
}
img.add-admin-image,img.add-recipient-image{
    width:110px;
    margin-top:6px;
    margin-left:30px
}
a.add-another-group{
    float:left;
    margin-left:2px
}
a.add-another-location{
    float:right;
    margin-right:20px
}
progress,progress.alert,progress.template{
    display:none;
    float:right
}
p.alert-attachment-url,p.template-attachment-url{
    font-size:12px;
    margin-top:-10px;
    margin-bottom:25px;
    margin-left:20px
}
p.alert-attachment-url a,p.template-attachment-url a{
    text-decoration:none
}
p.alert-attachment-url a:hover,p.template-attachment-url a:hover{
    color:#00008b
}
div#login label{
    display:none
}
#login input#password{
    margin-bottom:25px
}
#login input#username{
    margin-top:15px
}
#login .wrapper{
    margin-top:12%;
    padding-bottom:80px;
    min-width:400px
}
.user-sync-ic{
    background:#b51c14;
    color:#fff;
    font-size:12px;
    text-align:center;
    margin:0 8px;
    border-radius:5px;
    padding:4px 0
}
.form-group.ipaws-area{
    /* width:31%; */
    /* box-sizing:border-box; */
    /* margin-bottom:31px; */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:start;
    /* float:right; */
    /* margin-top:-10px; */
}
.form-group.ipaws-area label{
    width:100%;
    padding:4px
}
.ipaws-content{
    background:#dbe1e2;
    border-radius:7px;
    height:100%;
    box-shadow:2px 2px 2px #d2d2d2;
    max-width:1200px
}
input#ipaws-msg-identifier,input#ipaws-msg-reference{
    width:96%;
    background:#f5f5f5
}
.ipaws-reference,.ipaws-restricted-scope{
    display:none
}
.ipaws-test .width-33{
    width:33%;
    margin:0
}
button.btn.disabled{
    font-style:italic;
    background:#a7a3a3;
    border:1px solid #867f7f;
    color:#6f6969;
    cursor:default
}
.ipaws-area-box{
    margin-top:15px
}

.ipaws-header {
    display:flex;
    justify-content: space-between;
    font-weight: bold;
}
.ipaws-connected{
    display:none;
    font-size:13px;
    color:green;
}
.ipaws-connected i{
    margin-right:4px
}
.reload-cogs{
    color:#903130;
    font-size:15px;
    cursor:pointer;
}
.reload-cogs:hover{
    color:#557faf
}
.reload-cogs i{
    font-size:15px;
    margin-right:5px
}

.ipaws-area-actions {
    display: flex;
    width: 100%;
    gap: 10px;
}
.ipaws-area-actions div{
    width: 100%;
    background:#073c75;
    color:#fff;
    text-align:center;
    padding:5px;
    cursor:pointer;
}
.ipaws-area-actions div:hover{
    background:#2a5c92
}
.ipaws-area-actions div i{
    margin-right:10px;
    margin-left:-15px
}
.ipaws-cogs{
    display:none
}
.alert-audio textarea,.alert-phone textarea,textarea.eas-desc,textarea.ipaws-instructions,textarea.short-desc{
    height:100px
}
.ipaws-area-selection,.ipaws-cogs-selection{
    background:#f5f5f5;
    margin-top:5px;
    margin-bottom:8px;
    height:115px;
    padding:16px;
    box-sizing:border-box;
    border-radius:8px;
    overflow:auto;
    border:1px solid #ddd
}
.ipaws-area-item{
    float:left;
    background:#fff;
    padding:6px 25px;
    border-radius:15px;
    font-size:13px;
    border:1px solid #ddd;
    margin-bottom:4px;
    margin-right:3px
}
.ipaws-area-item i{
    font-size:17px;
    margin-left:-18px;
    margin-right:10px;
    position:relative;
    top:1px;
    cursor:pointer
}
.ipaws-area-item i:hover{
    color:red
}

.ipaws-generate-xml {
    padding:10px 20px;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    margin-top: 10px;
    text-align: center;
}

.ipaws-msg-identifier,.ipaws-msg-restriction{
    width:96%;
    background:#f5f5f5;
}

#main-box .right-bar .custom-actions .buttons{
    display:block
}
#filters input{
    width:20px;
    top:4px;
    position:relative;
    margin-bottom:0;
    margin-top:0
}
[contenteditable]{
    -webkit-user-select:text;
    user-select:text
}
img.logo-upload,img.logo-upload-banner{
    margin-left:41px;
    float:left;
    margin-bottom:-110px;
    z-index:9999999999;
    position:relative;
    top:80px;
    height:auto;
    width: auto;
    max-height:120px;
    max-width: 80%;
}
input#appLogo,input#appLogoBanner{
    float:right;
    height:218px;
    margin-bottom:-200px
}
#settings input{
    width:calc(100% - 21px);
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
    background:#fff;
    height:45px
}
#settings input[type="color"]{
    width:100px;
    padding:2px;
    cursor:pointer
}
#settings select{
    width: 100%;
    margin-bottom: 10px;
    background:#fff
}
#settings .preferences{
    padding-bottom:0;
    overflow:auto;
    height:auto;
}
#settings-master input{
    width:calc(100% - 21px);
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
    background:#fff;
    height:45px
}
#settings-master select{
    width:calc(100% - 22px);
    height:45px;
    background:#fff
}
#settings-master .preferences{
    padding-bottom:0;
    overflow:auto;
    height:auto;
}
.config-labels-container {
    width: 100%;
}
.config-labels-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.config-labels-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.config-table-container {
    width: 100%;
}
.config-table-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.config-table-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.save-result,.save-result-options{
    display:none;
    float:right;
    margin-top:35px;
    margin-right:41px;
    padding:11px 25px;
    background:green;
    color:#fff;
    border:1px solid #ddd
}
.save-buttons{
    position:fixed;
    bottom:223px;
    height:55px;
    width:62.4%;
    background:#ddd;
    padding:0;
    border:1px solid #bfb1b1;
    margin-left:-1px;
    overflow:hidden
}
.show-hide-advanced-settings-button{
    float:left;
    cursor:pointer;
    margin-left:10px;
    background:green;
    padding:8px 27px;
    margin-right:6px;
    border:1px solid #ddd;
    color:#fff;
    border-radius:6px;
    margin-top:10px
}
.show-hide-advanced-settings-button.enabled{
    background:#9a0333;
    padding:8px 29.7px
}
.show-hide-advanced-settings-button:hover{
    background:#3ba712
}
.show-hide-advanced-settings-button.enabled:hover{
    background:#ef2c6a
}
.sep-title{
    margin-top:20px;
    margin-bottom:20px;
    background:#ddd;
    padding:11px;
    color:#404040;
    text-shadow:0 1px 0 #ccc
}
form.app-info{
    padding:28px;
    border:1px solid #ddd;
    box-sizing:border-box;
    margin-top:-1px
}
.description{
    text-align:justify;
    font-size:15px;
    font-family:calibri;
    color:#404040;
    background:rgba(36,102,123,.03);
    margin-top:-5px;
    border:1px solid #ddd;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    padding:18px 15px 15px 26px
}
.description,.save-settings{
    width:100%;
    box-sizing:border-box
}
.save-settings{
    text-align:right;
    background:#f5f5f5;
    padding:10px 80px;
    border:1px solid #ddd;
    margin-top:-1px;
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px
}
.sms-from,.sms-msg{
    text-align:left;
    padding-left:25px
}
.script-button{
    box-shadow:2px 2px 2px #3d1010;
    box-sizing:border-box
}
.sms-msg{
    font-weight:700
}
input[type=""],input[type=text]{
    padding:13px 15px;
}
#settings-master .lang-groups,#settings-master .sync-groups,#settings .lang-groups,#settings .sync-groups{
    width:100%;
    padding:5px;
    box-sizing:border-box;
    margin-bottom:50px
}
#settings-master .lang,#settings-master .sync,#settings .lang,#settings .sync{
    float:left;
    background:#ccd6d6;
    border:1px solid #ddd;
    box-sizing:border-box;
    height:40px;
    border-radius:8px;
    cursor:pointer;
    overflow:hidden;
    padding:6px 23px 6px 8px;
    width:200px;
    font-size:14px;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-top:10px;
    margin-right:10px
}
#settings .lang input,#settings .sync input{
    width:14px;
    text-align:left;
    margin-top:6px;
    position:relative;
    top:1px;
    margin-right:10px;
    height:auto;
}
#settings .lang i,#settings .sync i{
    margin-right:8px
}
#settings .lang:hover,#settings .sync:hover{
    background:#478ba0;
    color:#fff
}
#settings .lang.selected,#settings .sync.selected{
    background:#24667b;
    color:#fff
}
#settings hr{
    margin-top:22px;
    margin-bottom:30px;
    width:98%;
    border-top:1px solid #ddd;
    margin-left:0
}
#settings-master .lang input,#settings-master .sync input{
    width:14px;
    text-align:left;
    margin-top:6px;
    position:relative;
    top:1px;
    margin-right:10px;
    height:auto;
}
#settings-master .lang i,#settings-masters .sync i{
    margin-right:8px
}
#settings-master .sync:hover,#settings-masters .lang:hover{
    background:#478ba0;
    color:#fff
}
#settings-master .lang.selected,#settings-master .sync.selected{
    background:#24667b;
    color:#fff
}
#settings-master hr{
    margin-top:22px;
    margin-bottom:30px;
    width:98%;
    border-top:1px solid #ddd;
    margin-left:0
}
.settings-box-master {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.leaflet-control-scale.leaflet-control{
    bottom:38px;
    left:151px
}
.leaflet-control-layers-base{
    border-bottom:2px solid #f5f5f5;
    margin-bottom:6px
}
.leaflet-control-layers-separator{
    display:none;
}
.active-alert-box{
    display:none;
    margin-top:-19px;
    margin-bottom:34px;
    background:#6a0a0a;
    padding:20px;
    color:#fff;
    border-radius:13px
}
.copy-to-empty.sms{
    margin-top:-10px;
    border-radius:3px
}
.copy-to-empty.call,.copy-to-empty.sms{
    display:block !important;
    float:right;
    z-index:99999;
    position:relative;
    padding:7px;
    cursor:pointer
}
.copy-to-empty.call{
    margin-top:-7px;
    right:4px;
    margin-bottom:-92px;
}
input#admin-approval-required-other{
    width:82%
}
span.device-bubble{
    font-size:13px;
    padding: 3px 8px;
    border-radius:11px
}
div.admin-approval-required-other{
    display:none
}
input#alert-pre-message-ar,input#alert-sms-message-ar,input#alert-subject-ar, textarea#alert-phone-msg-ar,textarea#alert-tts-ar{
    direction:rtl
}
.toolbar-logo{
    width:167px;
    height:auto;
    margin-right:25px;
    margin-left:18px;
    border:1px solid #fff
}
.alert-tool-bar{
    --button-max-width:150px;
    --button-min-width:45px;
    --text-size:15px;
    --user-icon-size:40px;
    --user-button-max-width:200px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    height:50px;
    background:#000;
    width:100%;
    /* position:absolute; */
    top:0;
    left:0;
    overflow:visible;
    z-index:100;
    border:0;
}
.alert-tool-bar-buttons{
    display:flex;
    width:150px;
    height:100%
}
.alert-tool-bar .button{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    justify-content:center;
    min-width:var(--button-min-width);
    max-width:var(--button-max-width);
    height:100%;
    padding:5px 10px;
    box-sizing:border-box;
    background:rgba(39,38,38,.93);
    border:0;
    border-left:1px solid #383838;
    border-right:1px solid #383838;
    font-size:var(--text-size);
    overflow:hidden
}
.alert-tool-bar .button span{
    transition:opacity .3s ease
}
.alert-tool-bar .button:hover{
    background:#772f2c
}
.alert-tool-bar .button.selected{
    background:#903131
}
.alert-tool-bar .button.selected:hover{
    background:#903131;
    cursor:default
}
.alert-tool-bar .button.disabled,.alert-tool-bar .button.disabled:hover{
    cursor:default;
    background:#232020;
    font-style:italic;
    color:grey
}
.alert-layout{
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    max-width:80%;
    /* max-height:525px; */
    width:80%;
    /* height:525px; */
}
.vertical-bar-seperator{
    position:center;
    height: 1px;
    width: 100%;
    background-color:#ccc;
    margin:0 10px;
}

#logs .sidebar-header h2{
    font-size:18px;
    margin-top:10px;
    margin-bottom: 22px;
}

#logs .sidebar-header {
    box-sizing: border-box;
    padding-bottom: 0;
    margin-bottom: -25px;
    padding-top: 15px;
}
#logs .sidebar-body {
    padding-left: 10px
}

.log-date-sidebar {
    width: 100%;
    overflow-y: auto;
    border: none;
    background:transparent;
    padding: 5px;
    box-sizing: border-box;
}
.log-date-item {
    padding: 10px;
    margin: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    height: 43px
}
.message-buttons{
    display:flex;
    background:red;
    gap:4px;
    flex-wrap:true
}
.btn-delete-template{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px
}
.nws-settings-container{
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.nws-item{
    flex:1 1 100%;
    max-width:100%;
    box-sizing:border-box
}
.nws-item .select2-container .select2-selection--multiple{
    height:80px;
    border-radius:7px;
    border:1px solid #ddd;
}
@media (min-width:600px){
    .nws-item{
        flex:1 1 48%;
        max-width:48%
    }
}
@media (min-width:900px){
    .nws-item{
        flex:1 1 30%;
        max-width:30%
    }
}

.awxgl-control-legend{
    display:none
}

div#msg-type-area{
    width:100%;
    margin-bottom:28px;
}
div#msg-type-area label{
    margin-left:7px;
    font-weight:800
}

.msg-type-area-container {
    display: flex;
    flex-wrap: wrap;
}

.channel.alert,.channel.emergency,.channel.newsletter,.channel.survey,.channel.ticket{
    max-width: 180px;
}

.channel.disabled-alt{
    background:#a5a5a5 !important;
    color:#676363 !important;
    cursor:default !important;
    font-style:italic !important
}
.alert-approval-text{
    color:#d32f2f;
    font-weight:700;
    background-color:#ffebee;
    padding:10px;
    border-radius:5px;
    border:1px solid #ffcdd2;
    margin-top:15px
}
.alert-approval-text strong{
    color:#b71c1c
}
.alert-approval-text ul{
    margin-top:5px;
    padding-left:20px
}
.alert-approval-text li{
    color:#c62828
}
.confirm-script-dialog .ui-dialog-buttonpane{
    border-top:2px solid #ffcdd2;
    margin-top:10px;
    padding-top:10px
}
div#home-section{
    border:1px solid #535353
}
div#ui-datepicker-div{
    z-index: 999 !important;
    box-sizing: border-box;
}
nav#filters div{
    background:#484b4b;
    padding-bottom:8px;
    border:0;
}

#launcher-frame{
    padding:0;
    width:0;
}
.xweather-settings{
    display:flex;
    flex-direction:column;
    gap:1rem
}
.xweather-settings .width-100{
    width:100%
}

.alert-socials, .pa-message {
    border: 5px solid #3e2944;
    background: #dbe1e2;
    border-radius: 4px;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 15px;
}
.action-type-select {
    background: #fff;
    margin-top: 15px;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 5px
}
#new-message-area{
    position:relative
}
.message-area-loading{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:hsla(0,0%,100%,.8);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:100;
    border-radius:12px
}
.loading-spinner{
    width:50px;
    height:50px;
    border:5px solid #f3f3f3;
    border-top-color:#24667b;
    border-radius:50%;
    animation:spin 1s linear infinite
}
.badge-marker{
    text-align:center
}
.badge-icon{
    background:#3498db;
    border-radius:10px;
    padding:5px;
    color:#fff;
    display:flex;
    align-content:center;
    justify-content:center
}
.badge-sos{
    background:red;
    box-shadow:0 0 10px red;
    animation:pulse 1.5s infinite;
    transform-origin:center;
    border:2px solid #fff
}
.badge-battery{
    position:absolute;
    bottom:-12px;
    left:50%;
    transform:translateX(-50%);
    background:rgba(0,0,0,.7);
    padding:2px 4px;
    border-radius:3px;
    font-size:10px
}
.badge-popup{
    padding:5px;
    background:#fff;
    border-radius:3px
}
.badge-popup h4{
    margin:0 0 5px;
    color:#3498db
}
.badge-popup p{
    margin:2px 0
}
.popup-sos{
    background:#fff0f0;
    border:2px solid red;
    box-shadow:0 0 5px rgba(255,0,0,.3)
}
.popup-sos h4{
    color:red;
    font-weight:700
}
.popup-sos p{
    color:#d63031
}
.recipient-extra-data{
    text-align:center;
    background:#253148;
    padding-top:8px;
    padding-bottom:8px;
    margin-top:10px;
    color:#fff;
    text-shadow:unset;
}
.unit-data-box{
    scrollbar-width:thin
}
#loader2{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:hsla(0,0%,100%,.8);
    z-index:10000000;
    display:flex;
    justify-content:center;
    align-items:center
}
#loader2 .spinner{
    display:block;
    position:relative;
    width:150px;
    height:150px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#3498db;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite
}
#loader2 .spinner:before{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#e74c3c;
    -webkit-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite
}
#loader2 .spinner:after{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#f9c922;
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
.groupLocationWrapper{
    max-height:62px;
    overflow-y:scroll;
    padding:10px;
    margin-top: -13px;
}
.channelWrapper{
    min-width:216px
}
i.fa.fa-plus-circle{
    margin-right:10px
}
b.ipaws_type{
    font-size:18px
}
b.ipaws_type.test{
    background:green
}
b.ipaws_type.live,b.ipaws_type.test{
    color:#fff;
    padding:10px;
    margin-bottom:-15px
}
b.ipaws_type.live{
    background:red
}
.btn-update-alert{
    align-self:flex-end;
    margin-top:-76px;
    background:#3d3e3e;
    padding:10px 22px;
    box-sizing:content-box;
    color:#fff;
    cursor:pointer;
    border-radius:5px
}
.btn-update-alert i{
    margin-right:10px
}
.ipaws-details .detail-header{
    background:#4d294a
}
.linked_alerts a{
    font-size:15px;
    background:#37a2eb;
    color:#fff;
    padding:3px 7px;
    border-radius:4px;
    text-decoration:none
}
.linked_alerts{
    padding-top:5px
}
.right-bar-content{
    display:flex;
    flex-direction:column;
    overflow-y:auto
}
.right-bar-content::-webkit-scrollbar{
    display:block;
    width:15px;
}
.right-bar-content::-webkit-scrollbar-track{
    background:#3e3e3e;
    width:38px;
    border:.5px solid #646161;
    border-radius:5px;
}
.right-bar-content::-webkit-scrollbar-corner{
    background:green
}
.right-bar-content::-webkit-scrollbar-thumb{
    background:#af0d10;
    border-radius:4px;
    border:2px solid #cc7c7c;
    width:24px;
}
.sidebar-header .clear{
    height:5px
}
.right-bar-queue hr{
    width:98%
}
.custom-scripts .buttons{
    padding:0;
    display:flex;
    flex-direction:column
}
.emns-system-templates{
    padding-bottom:10px;
    display:flex;
    flex-direction:column
}
.emns-system-templates{
    padding-left:2px;
    padding-top:5px
}

.right-bar span.select2.select2-container.select2-container--default{
    width: 100% !important;
}

span.select2-selection.select2-selection--single{
    border-radius:0
}
.emns-system-templates .select2-container .selection{
    border-radius:11px;
}
.emns-system-templates .select2-container .select2-selection{
    border-radius:28px;
    font-weight:700
}
.custom-scripts .script-button.divider-emns,.script-button.divider-pa-system{
    font-size:15px;
}
.form-group.recipient-area{
    width:100%;
    box-sizing:border-box;
    margin:0
}
.pac-container{
    z-index:10000000000000000000;
}
div#DataTables_Table_4_processing{
    background:rgba(91,11,11,.52);
    height:100%;
    top:119px;
    margin:0;
    left:0;
    color:#fff
}
.sidebar-body{
    height:calc(100% - 155px);
    overflow-x:hidden;
    overflow-y:scroll;
    box-sizing:border-box;
    min-height:500px;
    margin-top: 5px;
}
.sidebar-footer{
    position:absolute;
    bottom: 45px;
    background:#3e2944;
    width:100%;
    text-align:left;
    left:0;
    color:#fff;
    padding:13px;
    text-align:center;
    cursor:pointer;
    font-size:26px;
    box-sizing:border-box
}
.demo-mode .sidebar-footer{
    bottom:70px;
}
.sidebar-footer:hover{
    background:#000
}
.collapse-sidebar i{
    margin-right:10px
}
.sidebar-footer.collapsed{
    background:#3e2944;
}
 #sisa table.dataTable {
    height:calc(100% - 100px);
    max-height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    word-wrap: break-word;
    border-top: 1px solid #DDD;
    padding-top: 6px;
}
#sisa table.dataTable tbody{
    overflow-y: auto;
    width:100%;
    height:calc(100% - 50px);
    flex-direction:column
}
#sisa table.dataTable tbody tr{
    width:100%;
    display:flex;
    flex-direction: row;
    box-sizing:border-box;
    min-height:55px;
    margin-bottom:0;
    gap:0;
    margin-top:0;
    max-height:300px;
    overflow:hidden
}
#sisa table.dataTable thead tr{
    display:flex
}
table.dataTable.nowrap td.child{
    width:100%;
    display:block;
    padding:25px;
    box-sizing:border-box;
    min-width:100%;
    max-width:100%;
    border:0;
}
table.dataTable>tbody>tr.child ul.dtr-details{
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:100%;
    max-width:100%;
    margin-top: 0px;
    padding-top: 0px;
    background: #DDD;
}
table.dataTable>tbody>tr.child ul.dtr-details li{
    display:flex;
    height:100%;
    min-height:50px;
    width:100%;
    flex-direction:row;
    padding-top: 10px;
    padding-bottom: 25px;
}
.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(3),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(3){
    min-width:350px !important;
    width:100%;
}
.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(4),.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(5),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(4),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(5){
    min-width:100px;
    width:100px;
}
.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(6),.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(7),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(6),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(7){
    min-width:100px;
    width:100%;
}
.roster-admin table.dataTable.nowrap tbody tr td:nth-Child(8),.roster-admin table.dataTable.nowrap thead tr th:nth-Child(8){
    min-width:140px;
    width:140px;
    display: flex;
    justify-content: center;
}
.alert-sent-table table.dataTable.nowrap tbody tr td:nth-Child(6),.alert-sent-table table.dataTable.nowrap thead tr th:nth-Child(6){
    min-width:140px;
    width:140px;
    display: flex;
    justify-content: center;
}
.threats table.dataTable.nowrap tbody tr td,.threats table.dataTable.nowrap thead tr th{

}
.threats table.dataTable.nowrap tbody tr td{
    padding-left:25px;
    overflow-y:scroll;
}
.threats table.dataTable.nowrap tbody tr td:first-child,.threats table.dataTable.nowrap tbody tr td:nth-Child(2),.threats table.dataTable.nowrap thead tr th:first-child,.threats table.dataTable.nowrap thead tr th:nth-Child(2){
    min-width:150px;
    width:100%;
}
.threats table.dataTable.nowrap tbody tr td:nth-Child(3), .threats table.dataTable.nowrap thead tr th:nth-Child(3), .threats table.dataTable.nowrap tbody tr td:nth-Child(8), .threats table.dataTable.nowrap thead tr th:nth-Child(8), .threats table.dataTable.nowrap tbody tr td:nth-Child(9), .threats table.dataTable.nowrap thead tr th:nth-Child(9){
    width: 25% !important;
    min-width: 150px !important;
}
.logs table.dataTable.nowrap thead tr th,.logs table.dataTable tbody tr td{
    min-width:75px;
    width:100%;
}
.logs table.dataTable tbody tr td:nth-Child(4),.logs table.dataTable thead tr th:nth-Child(4){
    min-width:900px;
    width:100%;
}
.devices table.dataTable.nowrap tbody tr td{
    min-width: 75px;
    width: 75px;
    padding-top:20px;
    box-sizing:border-box
}
.devices table.dataTable.nowrap tbody tr td:nth-Child(5),.devices table.dataTable.nowrap tbody tr td:nth-Child(6),.devices table.dataTable.nowrap tbody tr td:nth-Child(7),.devices table.dataTable.nowrap tbody tr td:nth-Child(8),.devices table.dataTable.nowrap thead tr th:nth-Child(5),.devices table.dataTable.nowrap thead tr th:nth-Child(6),.devices table.dataTable.nowrap thead tr th:nth-Child(7),.devices table.dataTable.nowrap thead tr th:nth-Child(8){
    min-width:200px;
    width:100%;
}
#sisa table.dataTable>tbody>tr.child{
    height:auto;
}
tr.child td.child ul li span.dtr-title{
    padding-top:11px;
}
span.dtr-data{
    padding-top:13px
}
.roster-admin .sidebar-header{
    margin-bottom:0;
    padding:13px;
    margin-top:40px;
}
.custom-group-box table td,.custom-group-box table th,.custom-group-box table tr{
    width: 100% !important;
    min-width:25px;
    padding:0;
    max-height:50px;
    box-sizing:border-box
}
.custom-group-box table td:first-child,.custom-group-box table th:first-child{
    width:50px !important;
    min-width:50px;
}
#sisa .custom-group-box table tbody{
    height:calc(100% - 85px);
    border-bottom:2px solid #ddd
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable.custom-group-box-dialog{
    height:100%;
    top:0;
    width: 80% !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable.custom-group-box-dialog .custom-group-box.ui-dialog-content.ui-widget-content{
    height:calc(100% - 140px);
    max-height:unset;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0px;
}
#sisa .ui-dialog.custom-group-box-dialog div.dataTables_wrapper{
    height:calc(100% - 10px);
    max-height:100%;
    overflow:hidden;
    box-sizing:border-box
}
.ui-dialog.custom-group-box-dialog tbody tr td:first-child:before{
    margin-top:4px
}
.ui-dialog.custom-group-box-dialog tbody tr td:first-child:after{
    margin-top:-11px
}
table.recipient-count{
    width:90%
}
table.recipient-count tbody,table.recipient-count tbody td,table.recipient-count tbody tr{
    width:100%;
    text-align:center;
    padding-top:7px
}
table.recipient-count tbody td:first-child{
    text-align:left
}
table.recipient-count tbody td{
    border-right:0;
}
table.custom-list.dataTable{
    height:100%;
    max-height:100%;
    min-height:calc(100% - 50px)
}
.ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper input{
    background:#fff;
    padding-left:25px;
}
.ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper:before{
    top:21px
}
.ag-header-cell.ag-floating-filter{
    padding-top:10px
}
.ag-header-cell.ag-floating-filter input{
    height:34px
}
body.split div#stat-info{
    width:100%;
    min-width:100%
}
body.split #stat-quantities{
    min-width:100%
}
body.split .stats-top-row{
    flex-direction:column
}
body.split section.alert-end-info-section{
    margin-left:0;
    margin-right:0;
}
span.select2.select2-container.select2-container--default{
    margin-right: 0px;
    /* float: none; */
}

.view-recipient-list{
    display: flex;
}

.view-recipient-list-button{
    background: #af0e0f !important;
    color: #fff !important;
}

.view-recipient-list-button:hover{
    background: #ab7c7c;
}

.map-center-controls{
    border:1px solid #ddd;
    background-color:#f5f5f5
}
#layer-preview-map{
    display:none
}
a.toggle-group-visibility.eye,a.toggle-group-visibility.eye-slash{
    /* font-size:22px; */
}
a.toggle-group-visibility.eye-slash:hover,a.toggle-group-visibility.eye:hover{
    background:#095b55;
    color:#fff;
    border-radius:4px
}
.group-actions a{
    font-size:12px;
    padding:6px 8px;
    margin-top:4px;
    text-decoration:none
}
a.toggle-group-default:hover{
    background:green;
    color:#fff;
    border-radius:5px
}
a.toggle-group-default .fa-check{
    font-size:22px
}
.group-actions a i{
    font-size:23px;
    position:relative
}

.group-actions a{
    display:flex;
    flex-direction:column;
    text-align:center;
    gap:0;
    width:16%;
    box-sizing:border-box
}
a.toggle-group-notification:hover{
    background:red;
    color:#fff;
    border-radius:5px
}
a.toggle-group-visibility.eye-slash{
    color:red
}
a.toggle-group-visibility.eye{
    color:green
}
a.toggle-group-default.auto-disabled{
    color:red
}
a.toggle-group-default.auto-enabled{
    color:green
}
a.toggle-group-notification.always-notify-disabled{
    color:red
}
a.toggle-group-notification.always-notify-enabled,a.toggle-group-read-only.read-only-enabled{
    color:green
}
a.toggle-group-read-only.read-only-disabled{
    color:red
}
a.qr-code-viewer{
    border-left:1px solid #ddd;
    border-radius:0
}
a.toggle-group-default.auto-disabled:hover,a.toggle-group-default.auto-enabled:hover,a.toggle-group-notification.always-notify-disabled:hover,a.toggle-group-notification.always-notify-enabled:hover{
    color:#fff
}
a.toggle-group-read-only.read-only-disabled:hover,a.toggle-group-read-only.read-only-enabled:hover{
    color:#fff;
    background:grey;
    border-radius:5px
}
.group-edit-box-header-legend{
    display:flex;
    flex-direction:row;
    gap:10px
}
.group-edit-box-header-legend div{
    gap:10px
}
.group-edit-box-header-legend-items{
    display:flex;
    gap:5px;
    width:97%;
    background:#f5f5f5;
    padding:10px;
    box-sizing:border-box;
    border-radius:5px;
    border:1px solid #ddd;
    margin-top:10px;
    text-align:center;
    flex-wrap:wrap
}
.group-edit-box-header-legend-items p{
    display:flex;
    flex-direction:column;
    font-size:12px;
    gap:7px;
    flex-wrap:wrap;
    flex:1;
    min-width:23%;
    background:#fff;
    padding:10px;
    box-sizing:border-box;
    margin:0
}
.group-edit-box-header-legend-items p i{
    font-size:22px
}
.group-edit-box-header-legend-items p.green{
    color:green
}
.group-edit-box-header-legend-items p.red{
    color:red
}
#alert-stats-v2-summary .chart-text-summary{
    padding:15px;
    font-size:.9em;
    color:#333;
    background-color:#fff;
    border:1px solid #ddd;
    border-bottom:none;
    border-radius:10px 10px 0 0;
    position:relative;
    overflow:hidden
}
#alert-stats-v2-summary .delivery-summary-section{
    position:relative;
    padding-top:5px
}
#alert-stats-v2-summary .summary-title{
    margin-top:0;
    margin-bottom:15px;
    font-size:1.1em;
    font-weight:600;
    color:#1a2a4a;
    padding-right:150px
}
#alert-stats-v2-summary .download-report-btn{
    float:right;
    margin-left:10px;
    margin-top:-2px;
    background:#4d2a4a;
    color:#fff;
    padding:10px 22px;
    border-radius:5px;
    cursor:pointer
}
#alert-stats-v2-summary .download-report-btn:hover{
    background:#703d6c
}
#alert-stats-v2-summary .delivery-summary-section p{
    margin:5px 0;
    line-height:1.4;
    clear:both
}
#alert-stats-v2-chart-container{
    width:100%;
    height:350px;
    position:relative;
    background:#fff;
    border:1px solid #ddd;
    border-top:none;
    border-radius:0 0 10px 10px;
    padding:15px;
    box-sizing:border-box
}
#alert-stats-v2-chart-container canvas{
    width:100%;
    height:100%;
}
@media (max-width:768px){
    #alert-stats-v2-chart-container{
        height:300px
    }
    #alert-stats-v2-summary .chart-text-summary{
        font-size:.85em
    }
    #alert-stats-v2-summary .summary-title{
        font-size:1em;
        padding-right:130px
    }
}
@media (max-width:480px){
    #alert-stats-v2-chart-container{
        height:250px
    }
    #alert-stats-v2-summary .summary-title{
        margin-bottom:10px;
        padding-right:0;
        float:none;
        display:block;
        text-align:center
    }
    #alert-stats-v2-summary .download-report-btn{
        float:none;
        display:block;
        margin:5px auto 10px;
        width:80%
    }
    #alert-stats-v2-summary .delivery-summary-section p{
        clear:none;
        text-align:center
    }
}
.stats-top-row{
    display:flex;
    gap:15px;
    align-items: center;
    align-content: center;
}
.alert-stats-main-content{
    flex: 1;
    position: relative;
    overflow-x: hidden;
}
#alert-stat-loader{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:hsla(0,0%,100%,.85);
    z-index:10;
    display:none;
    justify-content:center;
    align-items:center;
    border-radius:10px
}
#alert-stat-loader .fa-spinner{
    font-size:3em;
    color:#1a2a4a
}
.alert-stats-main-content:empty+#alert-stat-loader{
    display:none
}
.msg-type-area-container .channel {
    min-width: 220px;
}
.evacuation-zone-input-group {
    margin-top: 15px;
}
.content div#options .settings {
    margin-top: 20px;
}

#sisa #roster .ag-body-viewport::-webkit-scrollbar, #roster-admin .ag-body-viewport::-webkit-scrollbar, #message-center .ag-body-viewport::-webkit-scrollbar {
    width: 15px !important;
}

div#recipient-grid {
    height: calc(100% - 140px) !important;
}

div#administrator-grid {
    height: calc(100% - 110px) !important;
}
    
.ag-body-viewport,.ag-center-cols-viewport,.ag-header-viewport, .ag-root-wrapper-body.ag-layout-auto-height.ag-focus-managed {
    -ms-overflow-style: unset;
} 

.admin-time-restrictions {
    display: flex;
    align-items: center;
    gap: 2px;
}

.admin-time-restrictions span.select2.select2-container.select2-container--default {
    width: 120px !important;
}

.grid-header {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #d8d9d9; */
    /* background: #fafafa; */
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
}

.grid-header-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 0px;
    flex: 2;
    text-align: left;
    padding-left: 0px;
}

.nogv div#legend {
    display: none;
}

.nogv nav#filters {
    left: 154px;
}
.export-devices i.fa {
    padding-right: 10px;
}

#threats .content {
    overflow-y: scroll;
}


.send-groups.disabled .select-group, .send-locations.disabled .select-location, .send-groups-container.disabled .select-group, .send-locations-container.disabled .select-location {
    background: #a5a5a5;
    font-style: italic;
    color: #676363;
    cursor: default;
}

.send-groups.disabled #group-search-box, .send-locations.disabled #location-search-box, .send-groups-container.disabled #group-search-box, .send-locations-container.disabled #location-search-box {
    background: #a5a5a5;
    cursor: default;
    width: calc(100% - 185px);
}

.send-groups.disabled, .send-locations.disabled, .send-groups-container.disabled, .send-locations-container.disabled {
    background: #DDD;
    opacity: .4;
    overflow: auto;
    padding: 13px 0px;
    border-radius: 14px;
    margin-top: 15px;
    cursor: not-allowed !important;
}

.send-groups.disabled .clear-search, .send-locations.disabled .clear-search, .send-groups-container.disabled .clear-search, .send-locations-container.disabled .clear-search {
    display: none;
}


.box-header.disabled {
    opacity: .2;
    cursor: default !important;
}

.box-header.disabled span {
    background: #686868 !important;
    font-style: italic !important;
    cursor: default !important;
}

.box-header.disabled span:hover {
    background: #686868 !important;
    font-style: italic !important;
    cursor: default !important;
}
.ipaws-area-item i.fa-map-o:hover {
    color: black !important;
    cursor: default;
}
.pa-unit-selector input {
    width: 20px !important;
}

.unit-info-box.small.wide {
    width: 290px;
}

.maplibregl-popup-content:has(> .unit-info-box), .maplibregl-popup-content:has(> .zones) {
    background: #fff !important;
    border-radius: 15px;
}

.maplibregl-popup-content .zones {
    display: flex;
    flex-direction: column;
    margin-left: -5px;
    padding-right: 20px;
}

.maplibregl-popup-content .zones .zone-title {
    margin-bottom: 25px;
}

.unitTypeSmall .label {
    font-size: 12px !important;
    font-weight: 300 !important;
    margin-bottom: 5px;
    margin-top: -15px;
}

.zone-selector:hover {
    background: #635762;
}

.threats-list td::-webkit-scrollbar {
    width: 14px !important;
    display: block;
}

.threats-list td {
    font-size: 14px;
}

.threats-list td:nth-Child(2), .threats-list th:nth-Child(2) {flex: 14 !important;min-width: 400px !important;}

tr.parent.dt-hasChild {
    color: black;
}

.threats table.dataTable.nowrap tbody tr td.child {
    margin-top: 0px !important;
    padding-top: 0px;
    border-left: 25px solid #aeaeae !important;
    padding-left: 0px;
    padding-bottom: 0px !important;
    border-top: 2px solid #aeaeae;
}

.threats table.dataTable.nowrap tbody tr td:nth-Child(2), .threats table.dataTable.nowrap thead tr th:nth-Child(2) {
    min-width: 125px !important;
}

.threats table.dataTable.nowrap tbody tr td:nth-Child(3), .threats table.dataTable.nowrap thead tr th:nth-Child(3), .threats table.dataTable.nowrap tbody tr td:nth-Child(8), .threats table.dataTable.nowrap thead tr th:nth-Child(8) {
    min-width: 300px !important;
}

.context-menu {
    position: absolute;
    z-index: 999;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    display: none; /* hidden by default */
    min-width: 180px;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }

  /* Remove default list styling */
  .context-menu ul {
    list-style: none;
    margin: 0;
    padding: 4px 0;
  }
  .context-menu li {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .context-menu li i {
    margin-right: 8px;
    width: 18px;        /* fix width so text always lines up */
    text-align: center; /* center the icon in that fixed width */
    color: #555;        /* icon color */
    font-size: 16px;
  }
  .context-menu li span {
    flex: 1;
  }
  .context-menu li:hover {
    background-color: #f0f0f0;
  }
  /* Optionally change icon color on hover */
  .context-menu li:hover i {
    color: #000;
  }


  .recipient-list-selection-container {
    padding: 6px 8px;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #e0e1e1;
    justify-content: space-between;
}

.recipient-list-section-start {
    display: flex;
    gap: 10px;
}

.recipient-list-selector-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.recipient-list-selection-container select {
    width: unset !important;
    height: unset !important;
    padding: 8px 12px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background: white !important;
    margin-top: 0px !important;
}
.recipient-list-actions {
    margin-left: auto;
}

.recipient-list-actions button {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

#recipient-grid .ag-root-wrapper {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: none;
}

.channel-options { grid-area: channels; }
.group-options { grid-area: groups; }
.location-options {grid-area: locations;}

#msg-options-area {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns by default */
    grid-template-areas: "channels groups locations";
    gap: 16px; /* adjust as needed */
    padding: 0;
    margin: 0;
}

/* Medium screens: 2 rows, first row 1 column, second row 2 columns */
@media (max-width: 1100px) {
    #msg-options-area {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "channels channels"
            "groups locations";
    }
}

/* Small screens: 1 column */
@media (max-width: 800px) {
    #msg-options-area {
        grid-template-columns: 1fr;
        grid-template-areas:
            "channels"
            "groups"
            "locations";
    }

    .recipient-list-selector-group {
        gap: 0px;
        flex-direction: column;
    }

    div#new-message-area, div#new-template-message-area {
        padding: 10px;
    }

    .recipient-list-section-start {
        flex-direction: column;
    }
}

/* Handling split mode */
body.split #msg-options-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "channels channels"
        "groups locations";
    gap: 40px;
}

@media (max-width: 1250px) {
    body.split #msg-options-area {
        grid-template-columns: 1fr;
        grid-template-areas:
            "channels"
            "groups"
            "locations";
    }
}

input#group-search-box, input#location-search-box {margin-left: 6px;width: 88%;}

.hide-technician.activate-alarm-parent, .hide-technician.activate-stream-parent {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 4px;
}
.ipaws-status-error {
    background: red;
    color: white;
    padding: 20px;
}
.send-groups.disabled, .send-locations.disabled {
    overflow: hidden;
    padding-left: 12px;
}

.disabled .select-group.all_groups, .disabled .select-location.all_locations {
    margin-left: 18px;
}
.send-groups-container .select-group.all_groups, .send-locations-container .select-location.all_locations {
    display: block !important;
}
p.remaining.over {
    color: red;
    font-weight: bolder;
}

input.over {
    border: 2px solid red;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.confirm-alarm-dialog.ui-dialog-buttons.ui-draggable {
    max-width: 1200px;
    border-radius: 8px;
    min-width: 680px;
}

.alert-end-time-container {
    display: flex;
    flex-direction: column;
}

.alert-end-time-container-title {
    font-size: 15px;
    margin-right: 10px;
    font-family: 'Calibri', sans-serif;
    color: grey;
}

.alert-end-time-container-title.text-danger {
    font-weight: 600;
    background: red;
    color: white;
    padding: 2px;
}

/* System Layer Styling */
.saved-layer-item.system-layer {
    background-color: #f8f9fa;
    border-left: 4px solid #007bff;
}

.saved-layer-item.system-layer .layer-title {
    font-weight: 600;
    color: #495057;
}

.saved-layer-item.user-layer {
    background-color: #fff;
    border-left: 4px solid #28a745;
}

.system-badge {
    background-color: #007bff !important;
    color: white !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    margin-left: 5px !important;
}

.layer-badge {
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.enabled-badge {
    background-color: #28a745;
    color: white;
}

.view-badge {
    background-color: #17a2b8;
    color: white;
}

.edit-badge {
    background-color: #ffc107;
    color: #212529;
}

.select-badge {
    background-color: #6f42c1;
    color: white;
}

.popup-badge {
    background-color: #fd7e14;
    color: white;
}

.ipaws-status-container {
    display: grid;
    grid-template-columns: 2fr 2fr;
}

.app-info.ipaws {
    padding: 20px;
}

section.alert-message-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

section.alert-message-section.has-ipaws {
    grid-template-columns: minmax(100px, 1fr) minmax(100px, 1fr);
}

/* Mobile: single column when screen is too narrow */
@media (max-width: 768px) {
    section.alert-message-section.has-ipaws {
        grid-template-columns: 1fr;
    }
    
    /* Ensure content areas properly constrain to mobile width */
    section.alert-message-section .form-group {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    section.alert-message-section .form-group.ipaws-area {
        max-width: 100%;
        overflow-x: auto;
    }
    
    section.alert-message-section .alert-message-tabs {
        max-width: 100%;
        overflow-x: auto;
    }
}

body.split section.alert-message-section.has-ipaws {
    grid-template-columns: 1fr;
}

.popup-alert-targets {
    padding: 15px 0px;
}

.alert-target-warning {
    background: red;
    color: white;
    padding: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.popup-alert-targets .scriptLineBreakdown {
    padding: 0px;
    border: 0px !important;
}

.edit-alert-link {
    cursor: pointer;
    color: white;
    padding: 4px;
    border: 1px solid #fff;
}

.edit-alert-link:hover {
    background: #000;
    color: white;
}


div.msg-options-area-wrapper.group-options.all-locations {
    width: 200%;
  }

  .sidebar .item.selected:hover {
    color: white;
    background: black;
}

.settings select {
    width: calc(100% - 20px) !important;
}

.manage-push-device-groups-inline {
    height: 48px;
    padding-top: 16px !important;
    box-sizing: border-box;
}

span.select2-selection__clear {
    margin-top: 8px !important;
    font-size: 20px !important;
}

span.select2-selection__choice__remove {
    margin-top: -15px !important;
    margin-left: 0px !important;
    margin-right: 8px !important;
    position: relative;
    top: 1px;
    font-size: 21px !important;
}

.stats-grid .stats-push-devices i {
    font-size: 80px !important;
    margin-left: -13px !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}

div#stat-info.large {
    flex: 3;
}
.alert-stats-main-content .no-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    height: 100% !important;
    flex: 1;
}

.alert-stats-main-content .no-stats i {
    font-size: 48px;
    color: #b2b2b2;
    flex: 1;
    align-content: end;
}



.no-stats p.text-danger {
    flex: 1;
}

/* Pending Approvals Table */
.alert-pending-table {
    display: none;
}

/* Import Private Recipients Dialog (jQuery UI) */
.import-recipients-dialog .ui-dialog-buttonset button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.import-recipients-dialog .import-option-radio:hover {
    border-color: #3d3e3e;
    background: #f5f5f5;
}

/* Circle Radius Edit Panel */
.circle-radius-panel {
    position: absolute;
    top: 80px;
    right: 10px;
    width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.circle-radius-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: #4a90d9;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

.circle-radius-panel-title {
    font-weight: 600;
    font-size: 14px;
}

.circle-radius-panel-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.circle-radius-panel-close:hover {
    opacity: 0.8;
}

.circle-radius-panel-body {
    padding: 12px;
}

/* Live radius tooltip during circle drawing */
.live-radius-tooltip {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    pointer-events: none;
    z-index: 1001;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.live-radius-tooltip::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
}

.live-radius-value {
    display: flex;
    align-items: center;
    gap: 5px;
}

.radius-display {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.radius-value-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.radius-value-group label {
    flex: 0 0 80px;
    font-size: 13px;
    color: #333;
    margin: 0;
}

.radius-input {
    flex: 1;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    width: 100%;
}

.radius-input:focus {
    outline: none;
    border-color: #4a90d9;
    box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.2);
}

.radius-actions {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

/* Circle-from-Coordinates Modal */
.circle-coords-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-coords-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.circle-coords-dialog {
    position: relative;
    width: 280px;
    max-width: 90%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    overflow: hidden;
}

.circle-coords-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: #4a90d9;
    color: #fff;
}

.circle-coords-title {
    font-weight: 600;
    font-size: 14px;
}

.circle-coords-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.circle-coords-close:hover {
    opacity: 0.8;
}

.circle-coords-body {
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.circle-coords-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.circle-coords-field label {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.circle-coords-radius-row {
    display: flex;
    gap: 6px;
}

.circle-coords-radius-row .radius-input:first-child {
    flex: 1;
}

.circle-coords-radius-row select.radius-input {
    flex: 0 0 60px;
    padding: 6px 4px;
}

.circle-coords-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
}

.radius-actions .btn {
    padding: 6px 16px;
    font-size: 13px;
}

/* ZIP Code Targeting Section */
.zip-code-options {
    margin-top: 10px;
}

.zip-code-options .box-header {
    background: #2d3e50;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
}

.zip-code-options .box-title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.zip-code-options .box-title i {
    margin-right: 8px;
}

.zip-codes-container {
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.zip-code-help {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #666;
}

/* Grid Header Controls - Export buttons and search bar */
.grid-header-controls {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    justify-content: flex-end;
}

.export-buttons {
    display: flex;
    gap: 8px;
}

.btn-export {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.btn-export:hover {
    background: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
}

.btn-export:active {
    background: #dee2e6;
}

.btn-export i {
    font-size: 14px;
}

/* DataTables custom search styling - hide default search when using custom */
.alert-sent-table .dataTables_filter,
.alert-survey-table .dataTables_filter,
.alert-draft-table .dataTables_filter {
    display: none;
}

/* Grid header title icon spacing */
.grid-header-title i {
    margin-right: 10px;
}

/* Responsive adjustments for grid header */
@media (max-width: 768px) {
    .grid-header-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .export-buttons {
        justify-content: flex-start;
    }

    .quick-filter-group {
        width: 100%;
    }
}

/* AFN Modal - Scoped overrides for inputs/selects inside flex layouts */
#afn-modal input[type="text"],
#afn-modal input[type="number"],
#afn-modal input[type="date"],
#afn-modal input[type="email"],
#afn-modal select {
    box-sizing: border-box;
    height: 36px;
    min-height: 30px;
    max-height: 40px;
    padding: 6px 10px !important;
    font-size: 14px;
    font-weight: normal;
    margin-top: 2px;
}
#afn-modal label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
    display: block;
}
#afn-modal fieldset div[style*="flex"] > div {
    min-width: 0;
}

/* ── Dynamic Variable Decoration ────────────────────────────────── */
.dvar-overlay-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}
.dvar-overlay {
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    color: transparent;
    z-index: 1;
    box-sizing: border-box;
}
.dvar-decorated {
    border-bottom: 2px solid #f0c239;
    position: relative;
}
.trumbowyg-editor .dvar-decorated {
    margin-right: 2px;
}
.dvar-decorated::before {
    content: attr(data-dvar-name);
    position: absolute;
    bottom: 100%;
    left: 0;
    transform: none;
    background: #f0c239;
    color: #333;
    font-size: 9px;
    line-height: 1.2;
    padding: 1px 4px;
    border-radius: 3px;
    white-space: nowrap;
    pointer-events: none;
    margin-bottom: 2px;
    z-index: 2;
}
.dvar-decorated::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 4px;
    transform: none;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #f0c239;
    pointer-events: none;
    z-index: 2;
}
.dvar-marker {
    pointer-events: none;
    z-index: 2;
}
.dvar-marker-cont::before,
.dvar-marker-cont::after {
    display: none;
}
.dvar-label-toggle {
    margin: 6px 0 8px;
}
.dvar-label-toggle label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    color: #777;
    user-select: none;
}
.dvar-label-toggle label:hover {
    color: #444;
}
.dvar-label-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.dvar-toggle-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}
.dvar-toggle-check .fa {
    font-size: 9px;
    color: #fff;
    opacity: 0;
    transition: opacity 0.15s;
}
.dvar-label-toggle input[type="checkbox"]:checked + .dvar-toggle-check {
    background: #f0c239;
    border-color: #d4a82e;
}
.dvar-label-toggle input[type="checkbox"]:checked + .dvar-toggle-check .fa {
    opacity: 1;
}
.dvar-label-toggle label:hover .dvar-toggle-check {
    border-color: #aaa;
}
.dvar-hide-labels .dvar-decorated::before,
.dvar-hide-labels .dvar-decorated::after,
.dvar-hide-labels .dvar-marker::before,
.dvar-hide-labels .dvar-marker::after {
    display: none;
}