html,body{background:#f5f5f5;font-family:"Open Sans",Arial,Helvetica,Sans-Serif;min-height: 100vh;}
.sorting{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right}
#left-panel{height:100vh}
#ribbon{background:#eee;border-bottom:solid 1px #ddd}
#ribbon .breadcrumb li{color:black!important}
.fixed-header.fixed-ribbon #header{max-width:100vw}
.container.out-page{width:100%;position:fixed;left:0;top:0;z-index:100000;background: url(../images/bg.png);height:100%;padding-top:calc(100vh - 40%)}
sites-header #sparks li{cursor:default}
.data-table tr th{vertical-align:top!important}
.active-user-info{color:#FFF;font-size:14px;padding:20px 11px}
.realtime .ng-progress-bar{display:none}
body.login-page.smart-style-6,body.forgot-password.smart-style-6{background:#FFF}
.ns-pre-loader{width:100%;height:100%;position:fixed;top:0;z-index:10000;background:#FFF}
.page-footer{position:fixed;z-index:100}
.hidden-menu #main{margin-left:10px!important}
.hidden-menu.fixed-ribbon #ribbon{left:10px!important}
.minified #left-panel{width:45px!important}
.cust-search-bar{padding:5px}
.block-row.pointer{color:#2a8007;text-decoration:underline}
.page-footer .txt-color-white{padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wan-vpn-icon{font-size:35px}
.ns-pre-loader img{height:auto;position:absolute;left:calc(50% - 150px);top:calc(50vh - 80px)}
.data-table-box .table-bordered>tbody>tr>td,.data-table-box .table-bordered>thead>tr>th{border:0;border-bottom:1px solid #ddd!important}
.data-table-box .index-column-header,.data-table-box .index-column,.data-table-header,.data-table-box .substitute-rows{display:none}
.data-table.table td:last-child,.data-table.table th:last-child{text-align:center}
.data-table.table .fa-eye{font-size:17px;cursor:pointer}
.data-table-wrapper .pagination-box{margin-bottom:50px}
#header .cxd{padding-top:10px}
#header .cxd span{font-size:2rem;color:#fff}
.loggedin-user-wrapper{padding:10px;color:#fff}
#main{background:#f5f5f5}
#accounts-wid-id-1>div,#alertcfg-wid-id-1>div,#cfgprofiles-wid-id-1>div,#conndevs-wid-id-1>div,#mlink-traffic-analytics-wid-id-0>div,#mlink-wid-id-1>div,#mlink-wid-id-2>div,#qosprofiles-wid-id-1>div,#site-mlinks-wid-id-11>div,#sites-wid-id-1>div,#trafficprofiles-wid-id-1>div,#urlprofiles-wid-id-1>div{padding:0}
#accounts-wid-id-1>div>div.widget-body,#alertcfg-wid-id-1>div>div.widget-body,#cfgprofiles-wid-id-1>div>div.widget-body,#conndevs-wid-id-1>div>div.widget-body,#mlink-traffic-analytics-wid-id-0>div>div.widget-body,#mlink-wid-id-1>div>div.widget-body,#mlink-wid-id-2>div>div.widget-body,#qosprofiles-wid-id-1>div>div.widget-body,#site-mlinks-wid-id-11>div>div.widget-body,#sites-wid-id-1>div>div.widget-body,#trafficprofiles-wid-id-1>div>div.widget-body,#urlprofiles-wid-id-1>div>div.widget-body{padding-bottom:0}
#extr-page{background: url(../images/bg.png);}
#extr-page #header #logo{margin-top:0;margin-left:0}
#extr-page #header #logo img{width:210px}
#extr-page #main{margin-left:0!important;overflow-x:auto!important;height:auto!important}
#extr-page aside{display:none}
ul.nav-site-list li{padding-right:8px}
.form-horizontal .has-feedback .form-control-feedback{right:-13px}
.has-feedback .form-control .form-control-ip{padding-right:0!important}
body.smart-style-6 .form-control-feedback{right:-15px}
[has-buttons="true"] h4{display:none}
ul.left-panel-ul li.active{background:#232322}
a.link{font-style:normal;color:#194F90 !important;text-decoration:underline;cursor:pointer}
a.link:focus{color:#005377!important}
.login-form .alert{margin:10px}
#suppress_deleteurlmsg{position:relative;top:3px}
.smart-form footer .btn[disabled]{cursor:not-allowed}
.ui-resizable-e{width:10px}
.hidden-menu .ui-resizable-e{display:none}
.radio-inline{margin-right:15px}
[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}
[type="radio"]:checked+label,[type="radio"]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666}
[data-bb-width] #content{margin-top:0!important}
[type="radio"]:checked+label:before,[type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #9a9a9a;border-radius:100%;background:#fff}
[type="radio"]:checked+label:after,[type="radio"]:not(:checked)+label:after{content:'';width:10px;height:10px;background:#333;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
[type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.label{padding:.3em .6em .3em;}
table .col-action{width:70px;text-align:center}
table .col-count{width:100px;text-align:center}
.form-control[disabled],fieldset[disabled]{cursor:not-allowed}
[data-type="SubCustomer"]>ul>li>a{padding:10px 10px 10px 15px}
body.smart-style-6 .minified nav li a{overflow:visible}
.minified nav li a:hover .menu-item-parent{display:block}
ul.left-panel-ul>li{position:relative}
.dropdown-menu{right:0;left:inherit}
.smart-form input{box-sizing:border-box;-webkit-box-sizing:border-box}
.form-control{padding:6px 12px!important}
.table tr th{line-height:2!important}
.required{color:red;padding:2px;font-weight:normal}
.relative{position:relative}
.capitalize{text-transform:capitalize}
header a[rel="popover"]{float:left;padding:5px}
.toggle_password{position:absolute;top:30px;right:10px;font-size:18px;cursor:pointer}
.fileUploadWrapper{width:150px;margin:0 auto;display:block;cursor:pointer;padding:16px;border:1px dashed #CCC;margin-bottom:5px}
.inline-block{display:inline-block}
.fileUploadWrapper:hover{border:1px dashed #000}
.fileUploadWrapper span{position:relative;top:-9px;left:3px}
.file-input{display:none!important}
.eth-sec .toggle_password{position:absolute;right:24px}
.modal-header{padding:10px}
.modal-footer{padding:10px}
label{font-weight:bold}
textarea{resize:vertical}
input[type="number"]{-moz-appearance:textfield}
.modal-header{padding:10px;background:#24272A;color:#FFF}
.modal-header .close:focus{background:#000}
.modal-header h4{font-weight:bold;font-size:16px}
.modal-header .close{color:#FFF;opacity:1;padding:3px 6px}
.modal-header .close:hover{background:#000}
.page-footer .popover{right:2px!important;max-width:600px;width:600px!important;height:calc(100vh - 145px);position:fixed;top:114px!important;left:initial!important;z-index:9999}
.page-footer .popover-arrow{left:92%!important}
.audit-logs .log-list ul{margin:0 5px;padding:0}
.audit-logs .log-list{height:calc(100vh - 230px);overflow:scroll}
.audit-logs .log-list .log-time{position:absolute;right:5px;top:5px;color:#8c8c8c}
.audit-logs .log-list .title{padding-top:25px;display:block;font-size:12px}
.audit-logs .list-group-item{position:relative;display:block;padding:0 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.audit-logs ul li p{font-style:italic;font-size:12px;word-wrap:break-word}
.pointer{cursor:pointer!important}
.audit-logs .small-box{height:calc(100vh - 300px);overflow:scroll}
.audit-btn{background:#222;color:#FFF;padding:4px 10px;margin:0;position:absolute;right:7px!important;top:-3px;border:1px solid #FFF;border-radius:4px}
.mt10{margin-top:10px}
.device-ssid{padding-right:5px;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wan-tooltip{background:#FFF;position:absolute;z-index:10;padding:10px;width:175px;left:-175px;border:1px solid #CCC;display:none}
.wan-tooltip p{margin:0}
.no-gutters:hover .wan-tooltip, .sim-data:hover .wan-tooltip{display:block}
.mr20{margin-right:20px}
.pb10{padding-bottom:10px!important}
.pb5{padding-bottom:5px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt0{padding-top:0!important}
.pt50{padding-top:50px!important}
.pr10{padding-right:10px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mt0{margin-top:0!important}
.pl10{padding-left:10px}
.ml10{margin-left:10px}
.pl0{padding-left:0!important}
.con-devs{border-bottom:1px dashed #009ADE;color:#009ADE;cursor:default}
.con-devs:hover{color: #194F90 !important;}
.text-red{color:#E1251B;font-size:16px}
.text-green{color:#006937;font-size:16px}
.text-yellow{color:#D79A28;font-size:16px}
ul.con-devs-list{padding:0 0 0 10px;margin:0;font-size:12px;min-width:230px}
ul.con-devs-list li{padding-bottom:10px}
.cxd-grid .popover-body, .all-cxd-grid .popover-body, .site-single-grid .popover-body{max-height:170px;min-width:250px;overflow-y:auto}
ul.con-devs-list p{margin:0}
.ng-touched input.ng-invalid,.ng-touched select.ng-invalid, .ng-touched textarea.ng-invalid{border:1px solid #E1251B;background-color:#ffeaea!important}

.popover{color:#676767}
.jarviswidget.full-screen{width:100%;height:calc(100vh - 50px);position:fixed;left:0;z-index:1040;top:0;margin:0}
.jarviswidget.full-screen [role="content"]{height:calc(100vh - 33px);overflow-y:scroll}
.smart-form .toggle i{height:20px}
.nav-tabs>li>a{border-radius:0;color:#5d5d5d}
.form-control:focus{border-color:#000!important;outline:0;-webkit-box-shadow:none;box-shadow:none}
li[data-type="Sites"] ul{max-height:200px;overflow-y:auto}
::placeholder{color:#24272A}
:-ms-input-placeholder{color:#c1c1c1}
::-ms-input-placeholder{color:#c1c1c1}
::-moz-selection{color:#FFF;background:#5bb94a}
::selection{color:#FFF;background:#194F90;}
th.narrow{width:120px;text-align:center}
.block{width:100%}
.cxd-box:hover{background:#e5ffe0}
.cxd-box:hover .table-striped>tbody>tr:nth-of-type(odd){background-color:transparent}
.cxd-edit-box table{margin-bottom:5px}
.fixed-width-table{table-layout:fixed}
.select-shrink{padding:4!important}
.no-border-child td{border-top:transparent!important}
.no-border-child:last-child td{border-bottom:1px solid #ddd}
.cxd-edit-box table>tbody>tr>td{padding:6px 3px!important}
.cxd-edit-box table>tbody>tr>td .checkbox{margin-top:3px;margin-bottom:3px}
tabset .nav-tabs{float:left;width:100%;padding-bottom:15px}
tabset .nav-tabs li a span{color:#333}
.cxd-diagnostics-modal tabset .nav-tabs{padding-bottom: 0;}
#extr-page h4.paragraph-header{color:#565656;font-size:44px;font-weight:100;line-height:inherit;width:100%;text-align:center}
#extr-page .login-app-icons{vertical-align:top;margin-top:55px;width:100%;text-align:center}
#extr-page .hero{background:0}
table tr th{font-weight:bold}
.sparks-info a{color:#292929}
.ns-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:10px;background:#e6e6e6}
header .fa-info-circle{font-size:20px;color:#4c4c4c}
header .glyphicon-question-sign{font-size:17px;top:4px}
.jarviswidget>header h2{line-height:30px}
#sparks li{padding:0 9px;text-align:center;cursor:pointer}
#sparks li .fa{font-size:20px;margin-top:3px}
#sparks li h5:hover{color:#000;transform:translateY(-1px);transition:all .2s}
body.smart-style-6 .page-title{text-transform:capitalize;margin-bottom:0;letter-spacing:normal;border-bottom:0;display:block;color:#646464;font-weight:400}
.jarviswidget{margin:10px 0 0 0;transition:all .2s ease-in-out}
.jarviswidget header{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none}
.mobile-detected.fixed-navigation nav>ul{padding-right:0!important}
.cxdPage .jarviswidget-ctrls .popover{top:0!important}
.cxdPage .jarviswidget-ctrls .popover>.arrow{top:18px!important}
.cxdPage .jarviswidget-ctrls .popover .tab-content{float:left!important;padding:10px 5px}
.ngx-table-wrapper .fa-trash{position:initial;font-size:initial}
.confirm-modal .modal-dialog{right:15px;position:absolute;bottom:15px;margin:0;width:370px}
.confirm-modal button{min-width:80px}
.confirm-modal .modal-header{padding:10px;background:#dcdcdc;color:#4e4e4e}
.cxd-confirm .modal-header{background:#ff7911;color:#FFF}
.cxd-confirm .modal-body{background:#ffd367;padding:15px}
.cxd-confirm .modal-footer{background:#ffe79b}
.modal-xlg .tab-content{margin-top:40px}
.modal-dialog.modal-fullscreen {
  margin: 0;
  width: 100%;
}
div#eula_content {
  overflow-y: scroll;
  height: calc(100vh - 145px);
  border: 1px solid #B9B9B9;
  padding: 20px;
}
.modal-fullscreen .modal-footer .checkbox {
  float: left;
}
@media only screen and (min-width:768px){.modal-xlg{width:92%;max-width:1200px}
}@media(min-width:992px){.modal-sm{width:450px}
}.form-actions{margin-bottom:0}
.ng-spinner{top:70px!important}
.ngx-tbl{table-layout:fixed}
.port-text{width:120px}
.sec-mfa{background:#e0ffc6;padding:10px}
.sec-mfa p{float:left;width:100%}
.checkbox label,.radio label,.radio-inline{user-select:none}
.nooverflow .jarviswidget-ctrls a{display:none}
.nooverflow .jarviswidget{margin:0}
.jarviswidget-ctrls .button-icon:hover{background-color:#000}
.nooverflow .jarviswidget-ctrls a.expand{display:block}
.nooverflow .jarviswidget-ctrls a[title="Refresh"] {display: block;}
.jarviswidget-ctrls a{cursor:pointer}
body.smart-style-6.minified nav>ul>li>a>.menu-item-parent{display:none!important}
.minified nav>ul>li.active>a::before{content:none}
.minified nav ul .active>a,.minified nav ul .active>a:hover{background:#5bb94a}
nav ul .active>a{color:#fff!important;position:relative;background:#222;border-right:6px solid #5bb94a}
.loading .ng-progress-bar{pointer-events:all;height:100%;background:rgba(255,255,255,0.2)}
span.logo-tagline{color:#c7c7c7;width:100%;text-align:center;font-size:11px;height:16px!important}
h3.dotted{border-bottom:1px dashed #CCC;padding-bottom:7px}
#logo img{padding-left:14px;width:190px;cursor:pointer}
#extr-page #logo img{padding-left:0;width:190px;cursor:pointer;margin-top:0}
.jarviswidget-color-light header{background:#dedede}
.jarviswidget-color-light .jarviswidget-ctrls .button-icon:hover{background-color:#c5c5c5}
body.smart-style-6 nav ul li a:hover,ul li body.smart-style-6 nav ul>a:hover{background:#222}
.cxd-edit-box .nav>li>a:focus,.cxd-edit-box .nav>li>a:hover{background-color:#dedede}
.log-user-info a,.log-user-info a:hover{background:#777776!important;border-right:transparent;background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.3))!important;border-bottom:2px solid #393a39;font-weight:bold!important;border-top:1px solid #909090;color:#FFF;text-overflow:ellipsis;user-select:none}
.cxd-config-modal{width:1150px}
.help-block{color:#b94a48}
.label-yellow{background:#D79A28}
.login-form fieldset{padding:5px 14px 5px}
.display-inline{display:inline}
.traffic-analytics .pagination-limit .input-group{display:none!important}
.traffic-analytics .glyphicon-sort:before{display:none!important}
.traffic-analytics .data-table{table-layout:auto!important}
.traffic-analytics .column-usage,.traffic-analytics .column-sent,.traffic-analytics .column-received{text-align:center!important}
.traffic-analytics .data-table-box th{user-select:none!important;-moz-user-select:none!important;-webkit-user-select:none!important;-o-user-select:none!important}
.traffic-analytics .pagination-nextpage:before{content:"Next"!important;color:#000!important}
.traffic-analytics .pagination-prevpage:before{content:"Prev"!important;color:#000!important}
.traffic-analytics .pagination-firstpage:before{content:"First"!important;color:#000!important}
.traffic-analytics .pagination-lastpage:before{content:"Last"!important;color:#000!important}
.traffic-analytics .pagination-nextpage,.traffic-analytics .pagination-lastpage,.traffic-analytics .pagination-firstpage,.traffic-analytics .pagination-prevpage{color:transparent!important}
.traffic-analytics .pagination-controllers input{pointer-events:none!important}
interface-renderer > div{min-width:100px}
.historical-graph .smart-form .radio,.historical-graph .smart-form .checkbox{padding-left:0}
.ng-multi-select .selected-list .c-btn{width:100%;padding:5px!important;cursor:pointer;box-shadow:none!important;display:flex;position:relative;border-radius:0!important}
.ng-multi-select .pure-checkbox input[type="checkbox"]+label:before{border:2px solid #6ec300!important;color:#6ec300!important}
.ng-multi-select .pure-checkbox input[type="checkbox"]:checked+label:before,.ng-multi-select .selected-list .c-list .c-token,.ng-multi-select .pure-checkbox input[type="checkbox"]:checked+label:before,.ng-multi-select .pure-checkbox input[type="checkbox"]+label:after{background:#6ec300!important}
.separator{width:100%;float:left;margin:5px 0 15px;border-bottom:1px dotted #CCC}
.margin-auto>canvas{margin:0 auto}
ol.breadcrumb li:first-child{text-transform:uppercase}
sidebar-menu nav ul{display:block}
div#no-connection{position:fixed;z-index:1015;background:rgba(255,255,255,0.1);width:100%;height:100vh;top:0;text-align:center;color:#FFF;display:none}
body.no-conn{filter:saturate(0); float: left;}
.inner-menu-panel{border-left:2px solid #768e64;margin-left:4%}
#left-panel nav{padding-bottom:0;}
#left-panel nav ul li a{overflow:hidden;white-space:nowrap}
#left-panel nav ul li a:hover,#left-panel nav ul li a:focus{color:#FFF}
a.fa-trash:hover,a.fa-trash:focus{transform:scale(1.2);-webkit-transition:all .2s ease;transition:all .2s ease;color:#E1251B}
ul.nav-site-list li a .badge{position:absolute;right:3px}
.minified .inner-menu-panel,.minified .customer-single-item,.minified .cust-search-bar{display:none}
.inner-menu-panel nav ul li a{padding-left:20px}
#left-panel nav ul,#left-panel nav ul ul{padding:0}
.minifyme{height:30px;bottom:5px;right:15px}
.no-clicks{pointer-events:none}
.no-clicks .fa-trash,.no-clicks button{display:none}
.pagination>.disabled>a{color:#999!important}
body.smart-style-6 .label-warning{background-color:#D79A28;color:#FFF}
.checkbox label>input[type=checkbox]:focus+span strong,[type="radio"]:focus+label{text-decoration:underline}
input[type=checkbox].checkbox,input[type=radio].radiobox{visibility:visible;opacity:0}
.wrap-text{word-wrap:break-word;max-width:220px}
label input[type=checkbox]:focus+span:before{border:1px solid #000}
.modal-dialog input[type="password"]{padding-right:35px!important}
.modal.fade.confirm-modal.in{background:rgba(0,0,0,0.5)}
.nooverflow .modal.fade.in{background:rgba(0,0,0,0.5)}
.nooverflow .modal-backdrop{display:none}
.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#adadad}
body.smart-style-6 .btn-primary{background:#194F90; }
#sparks li h5{margin:0}
.no-link {border:none; color: #000;}

#time-picker-wrapper { z-index: 3000 !important;}
.lte-carriers [type="radio"]:checked+label:before, .lte-carriers [type="radio"]:not(:checked)+label:before{
  top: 14px;
}

.lte-carriers [type="radio"]:checked+label:after, .lte-carriers [type="radio"]:not(:checked)+label:after {
  top:18px;
}
section.lte-carriers > div {
  padding: 10px;
  background: #F2F2F2;
  margin: 10px 0px;
  cursor: pointer;
  height: 65px;
  border: 1px solid #CCC;
  position: relative;
}
section.lte-carriers img {height: 40px;object-fit: contain;width: 100%;position: relative;left: 10px;}
section.lte-carriers label {width: 90%;z-index: 2;}
section.lte-carriers > div:before { content: ''; width: 38px; height: 64px; background: #d6d6d6; position: absolute; z-index: 1; left: 0; top: 0;}
input[popover] { position: relative; }
top-cxds{ display: none; }
/* WYSIWYG editor changes */
.ngx-editor-textarea {height: 350px !important;}
.ngx-toolbar {font-size: 1.2rem !important;}
.ngx-editor-grippie{display: none;}
.firefox .ngx-editor [contenteditable="true"]:empty::before { content: initial !important;}
.ngx-toolbar .ngx-toolbar-set:nth-child(6){
  display: none !important; opacity: 0; z-index: -1;width: 0;height: 0; overflow: hidden; visibility: hidden; position: absolute;
  top: -10000px;}
.preview-pane {  width: 100%;height: 390px;border: 1px solid #DDD;overflow-y: auto;}
.mode-options {float: left;}
.mode-options span {padding: 6px 10px;float: left;user-select:none; background: #dadada;border-radius: 0 0px 8px 8px;
  cursor: pointer; border: 1px solid #dadada; border-top-style: none; margin: 0 1px;}
.mode-options span.active {background: #FFF !important;font-weight: bold;position: relative;top: -1px;z-index: 2;left: -1px;}
.splash-page{padding: 10px;box-sizing: border-box;font-family: arial !important;}
.splash-page .logo{max-width: 300px;}
.splash-page h1{font-family: arial !important;font-weight: 500;font-size: 24px;letter-spacing: 0; margin: 20px 0px;}