/* /!\ DO NOT EDIT THIS FILE !!! Please edit custom.css to keep your customizations after an upgrade /!\ */

html {
  box-sizing: border-box;
}

/*@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");*/


/*@import "fontawsome/css/all.min.css"; */

/*@import url("fontawsome/css/all.min.css");  Using a url */


@import "fontawsome/css/all.min.css"; 


@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff'),
         url('font/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'Roboto';
    src: url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff'),
         url('font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

/* flat-icon */


@font-face {
  font-family: "Flaticon";
  src: url("flat-icon/Flaticon.eot");
  src: url("flat-icon/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("flat-icon/Flaticon.woff2") format("woff2"),
       url("flat-icon/Flaticon.woff") format("woff"),
       url("flat-icon/Flaticon.ttf") format("truetype"),
       url("flat-icon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
      
font-style: normal;

}

.flaticon-mail-black-envelope-symbol:before { content: "\f100"; }
.flaticon-support:before { content: "\f101"; }
.flaticon-microphone-of-voice:before { content: "\f102"; }
.flaticon-play-button:before { content: "\f103"; }
.flaticon-volume-up-interface-symbol:before { content: "\f104"; }
.flaticon-house-black-silhouette-without-door:before { content: "\f105"; }
.flaticon-stop:before { content: "\f106"; }
.flaticon-quaver-outline:before { content: "\f107"; }
.flaticon-tiles:before { content: "\f108"; }
.flaticon-telephone-handle-silhouette:before { content: "\f109"; }
.flaticon-power:before { content: "\f10a"; }
.flaticon-search:before { content: "\f10b"; }
.flaticon-programming-code:before { content: "\f10c"; }
.flaticon-speak:before { content: "\f10d"; }
.flaticon-user:before { content: "\f10e"; }
.flaticon-checked:before { content: "\f10f"; }
.flaticon-settings-work-tool:before { content: "\f110"; }
.flaticon-restore-screen:before { content: "\f111"; }
.flaticon-full-screen:before { content: "\f112"; }
.flaticon-clock:before { content: "\f113"; }
.flaticon-phone-receiver:before { content: "\f114"; }
.flaticon-phone-receiver-1:before { content: "\f115"; }
.flaticon-call:before { content: "\f116"; }
.flaticon-call-1:before { content: "\f117"; }
.flaticon-telephone:before { content: "\f118"; }
.flaticon-phone-receiver-2:before { content: "\f119"; }
.flaticon-call-2:before { content: "\f11a"; }
.flaticon-transfer:before { content: "\f11b"; }
.flaticon-phone-receiver-3:before { content: "\f11c"; }
.flaticon-phone:before { content: "\f11d"; }
.flaticon-telephone-1:before { content: "\f11e"; }
.flaticon-call-3:before { content: "\f11f"; }
.flaticon-call-4:before { content: "\f120"; }
.flaticon-cancel:before { content: "\f121"; }
.flaticon-phone-1:before { content: "\f122"; }
.flaticon-call-5:before { content: "\f123"; }
.flaticon-phone-2:before { content: "\f124"; }
.flaticon-copy:before { content: "\f125"; }
.flaticon-document:before { content: "\f126"; }

/* new */

.flaticon1-refresh:before { content: "\f100"; }
.flaticon1-pause-sign:before { content: "\f101"; }
.flaticon1-mic:before { content: "\f102"; }
.flaticon1-mic-1:before { content: "\f103"; }
.flaticon1-info:before { content: "\f104"; }
.flaticon1-customer-service:before { content: "\f105"; }
.flaticon1-call:before { content: "\f106"; }
.flaticon1-call-1:before { content: "\f107"; }
.flaticon1-phone:before { content: "\f108"; }
.flaticon1-call-2:before { content: "\f109"; }
.flaticon1-headset:before { content: "\f10a"; }
.flaticon1-support:before { content: "\f10b"; }
.flaticon1-call-3:before { content: "\f10c"; }
.flaticon1-call-4:before { content: "\f10d"; }
.flaticon1-phone-1:before { content: "\f10e"; }
.flaticon1-external-link:before { content: "\f10f"; }
.flaticon1-call-5:before { content: "\f110"; }
.flaticon1-support-1:before { content: "\f111"; }
.flaticon1-support-2:before { content: "\f112"; }
.flaticon1-call-6:before { content: "\f113"; }
.flaticon1-call-7:before { content: "\f114"; }
.flaticon1-call-8:before { content: "\f115"; }
.flaticon1-telephone-call:before { content: "\f116"; }
.flaticon1-end-call:before { content: "\f117"; }
.flaticon1-call-9:before { content: "\f118"; }
.flaticon1-end:before { content: "\f119"; }
.flaticon1-ringtone:before { content: "\f11a"; }
.flaticon1-telephone:before { content: "\f11b"; }
.flaticon1-close:before { content: "\f11c"; }
.flaticon1-problem:before { content: "\f11d"; }
.flaticon1-insect:before { content: "\f11e"; }
.flaticon1-error:before { content: "\f11f"; }
.flaticon1-error-1:before { content: "\f120"; }
@font-face {
  font-family: "Flaticon1";
  src: url("flat-icon/1/Flaticon.eot");
  src: url("flat-icon/1/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("flat-icon/1/Flaticon.woff2") format("woff2"),
       url("flat-icon/1/Flaticon.woff") format("woff"),
       url("flat-icon/1/Flaticon.ttf") format("truetype"),
       url("flat-icon/1/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon1";
    src: url("flat-icon/1/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon1-"]:before, [class*=" flaticon1-"]:before,
[class^="flaticon1-"]:after, [class*=" flaticon1-"]:after {   
  font-family: Flaticon1;
font-style: normal;
/*font-size: 20px;*/
/*margin-left: 20px;*/
}



/* new flat icons */

@font-face {
  font-family: "Flaticon5";
  src: url("flat-icon/5/Flaticon.eot");
  src: url("flat-icon/5/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("flat-icon/5/Flaticon.woff2") format("woff2"),
       url("flat-icon/5/Flaticon.woff") format("woff"),
       url("flat-icon/5/Flaticon.ttf") format("truetype"),
       url("flat-icon/5/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon5";
    src: url("flat-icon/5/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon5-"]:before, [class*=" flaticon5-"]:before,
[class^="flaticon5-"]:after, [class*=" flaticon5-"]:after {   
  font-family: Flaticon5;
/*        font-size: 20px;*/
font-style: normal;
/*margin-left: 20px;*/
}

.flaticon5-documents-symbol:before { content: "\f100"; }
.flaticon5-turn-off:before { content: "\f101"; }
.flaticon5-link-break:before { content: "\f102"; }
.flaticon5-connections:before { content: "\f103"; }
.flaticon5-dial:before { content: "\f104"; }
.flaticon5-dial-pad:before { content: "\f105"; }
.flaticon5-phone-call:before { content: "\f106"; }
.flaticon5-interlocking:before { content: "\f107"; }
.flaticon5-telephone:before { content: "\f108"; }
.flaticon5-user:before { content: "\f109"; }
.flaticon5-globe:before { content: "\f10a"; }
.flaticon5-signal:before { content: "\f10b"; }
.flaticon5-globe-1:before { content: "\f10c"; }
.flaticon5-globe-2:before { content: "\f10d"; }
.flaticon5-share:before { content: "\f10e"; }
.flaticon5-radio:before { content: "\f10f"; }
.flaticon5-signal-tower:before { content: "\f110"; }
.flaticon5-search:before { content: "\f111"; }
.flaticon5-radio-antenna:before { content: "\f112"; }
.flaticon5-followers:before { content: "\f113"; }
.flaticon5-add-user:before { content: "\f114"; }
.flaticon5-user-1:before { content: "\f115"; }
.flaticon5-add-group:before { content: "\f116"; }
.flaticon5-play-button-arrowhead:before { content: "\f117"; }
.flaticon5-stop-button:before { content: "\f118"; }
.flaticon5-stop:before { content: "\f119"; }
.flaticon5-musical-note:before { content: "\f11a"; }
.flaticon5-transfer:before { content: "\f11b"; }
.flaticon5-database:before { content: "\f11c"; }
.flaticon5-email:before { content: "\f11d"; }
.flaticon5-calendar:before { content: "\f11e"; }
.flaticon5-call-back:before { content: "\f11f"; }
.flaticon5-call-back-1:before { content: "\f120"; }
.flaticon5-messenger:before { content: "\f121"; }
.flaticon5-chat:before { content: "\f122"; }
.flaticon5-speech-bubble-with-text-lines:before { content: "\f123"; }
.flaticon5-speech-bubble:before { content: "\f124"; }
.flaticon5-music-player:before { content: "\f125"; }
.flaticon5-microphone:before { content: "\f126"; }
.flaticon5-button:before { content: "\f127"; }
.flaticon5-microphone-1:before { content: "\f128"; }
.flaticon5-feedback:before { content: "\f129"; }
.flaticon5-voice-recorder:before { content: "\f12a"; }
.flaticon5-microphone-2:before { content: "\f12b"; }
.flaticon5-mute:before { content: "\f12c"; }
.flaticon5-microphone-3:before { content: "\f12d"; }
.flaticon5-volume:before { content: "\f12e"; }
.flaticon5-loud-speaker:before { content: "\f12f"; }
.flaticon5-speaker-filled-audio-tool:before { content: "\f130"; }
.flaticon5-volume-1:before { content: "\f131"; }
.flaticon5-mute-1:before { content: "\f132"; }
.flaticon5-web-development:before { content: "\f133"; }
.flaticon5-web-development-1:before { content: "\f134"; }
.flaticon5-code:before { content: "\f135"; }
.flaticon5-chat-1:before { content: "\f136"; }
.flaticon5-chat-2:before { content: "\f137"; }
.flaticon5-menu:before { content: "\f138"; }
.flaticon5-menu-1:before { content: "\f139"; }
.flaticon5-menu-2:before { content: "\f13a"; }
.flaticon5-notification:before { content: "\f13b"; }
.flaticon5-group:before { content: "\f13c"; }
.flaticon5-maximize:before { content: "\f13d"; }
.flaticon5-minimize:before { content: "\f13e"; }
.flaticon5-minimize-1:before { content: "\f13f"; }
.flaticon5-minimize-2:before { content: "\f140"; }
.flaticon5-rectangle:before { content: "\f141"; }
.flaticon5-square:before { content: "\f142"; }
.flaticon5-group-1:before { content: "\f143"; }
.flaticon5-telephone-1:before { content: "\f144"; }
.flaticon5-call:before { content: "\f145"; }
.flaticon5-phone-call-1:before { content: "\f146"; }
.flaticon5-phone-call-2:before { content: "\f147"; }
.flaticon5-end-call:before { content: "\f148"; }
.flaticon5-phone-call-3:before { content: "\f149"; }
.flaticon5-phone-call-4:before { content: "\f14a"; }
.flaticon5-phone-call-5:before { content: "\f14b"; }
.flaticon5-call-1:before { content: "\f14c"; }
.flaticon5-phone-call-6:before { content: "\f14d"; }
.flaticon5-incoming-call:before { content: "\f14e"; }
.flaticon5-call-2:before { content: "\f14f"; }
.flaticon5-outgoing-call:before { content: "\f150"; }
.flaticon5-phone-call-7:before { content: "\f151"; }
.flaticon5-service-call:before { content: "\f152"; }
.flaticon5-phone-call-8:before { content: "\f153"; }
.flaticon5-telephone-call:before { content: "\f154"; }
.flaticon5-international-call-symbol-of-earth-grid-with-a-phone-auricular-on-top:before { content: "\f155"; }
.flaticon5-phone-call-9:before { content: "\f156"; }
.flaticon5-phone-call-10:before { content: "\f157"; }
.flaticon5-phone-call-11:before { content: "\f158"; }
.flaticon5-merge-call:before { content: "\f159"; }
.flaticon5-missed-call:before { content: "\f15a"; }
.flaticon5-missed-call-1:before { content: "\f15b"; }
.flaticon5-call-3:before { content: "\f15c"; }
.flaticon5-call-4:before { content: "\f15d"; }
.flaticon5-call-5:before { content: "\f15e"; }
.flaticon5-phone:before { content: "\f15f"; }
.flaticon5-split-call:before { content: "\f160"; }
.flaticon5-call-6:before { content: "\f161"; }
.flaticon5-international-call-symbol-for-interface-of-half-earth-grid-with-a-phone-auricular:before { content: "\f162"; }
.flaticon5-phone-call-12:before { content: "\f163"; }
.flaticon5-call-7:before { content: "\f164"; }
.flaticon5-call-8:before { content: "\f165"; }
.flaticon5-facebook:before { content: "\f166"; }
.flaticon5-facebook-circular-logo:before { content: "\f167"; }
.flaticon5-whatsapp:before { content: "\f168"; }
.flaticon5-whatsapp-1:before { content: "\f169"; }
.flaticon5-twitter:before { content: "\f16a"; }
.flaticon5-youtube:before { content: "\f16b"; }
.flaticon5-youtube-1:before { content: "\f16c"; }
.flaticon5-instagram:before { content: "\f16d"; }
.flaticon5-instagram-1:before { content: "\f16e"; }
.flaticon5-add:before { content: "\f16f"; }
.flaticon5-add-1:before { content: "\f170"; }
.flaticon5-google-plus:before { content: "\f171"; }
.flaticon5-google-plus-logo-on-black-background:before { content: "\f172"; }
.flaticon5-checked:before { content: "\f173"; }
.flaticon5-tick:before { content: "\f174"; }
.flaticon5-tick-1:before { content: "\f175"; }
.flaticon5-double-tick-indicator:before { content: "\f176"; }
.flaticon5-exchange:before { content: "\f177"; }
.flaticon5-transfer-1:before { content: "\f178"; }
.flaticon5-transfer-2:before { content: "\f179"; }
.flaticon5-queue:before { content: "\f17a"; }
.flaticon5-phone-1:before { content: "\f17b"; }
.flaticon5-smartphone:before { content: "\f17c"; }
.flaticon5-chat-3:before { content: "\f17d"; }

/* new maps */
@font-face {
  font-family: "Flaticon2";
  src: url("flat-icon/icon2/Flaticon.eot");
  src: url("flat-icon/icon2/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("flat-icon/icon2/Flaticon.woff2") format("woff2"),
       url("flat-icon/icon2/Flaticon.woff") format("woff"),
       url("flat-icon/icon2/Flaticon.ttf") format("truetype"),
       url("flat-icon/icon2/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon2";
    src: url("flat-icon/5/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon2-"]:before, [class*=" flaticon2-"]:before,
[class^="flaticon2-"]:after, [class*=" flaticon2-"]:after {   
  font-family: Flaticon2;
/*        font-size: 20px;*/
font-style: normal;
/*margin-left: 20px;*/
}

.flaticon2-right:before { content: "\f100"; }
.flaticon2-skip:before { content: "\f101"; }
.flaticon2-separation:before { content: "\f102"; }
.flaticon2-microphone:before { content: "\f103"; }
.flaticon2-transfer:before { content: "\f104"; }
.flaticon2-size:before { content: "\f105"; }
.flaticon2-loop:before { content: "\f106"; }
.flaticon2-button:before { content: "\f107"; }
.flaticon2-volume-2:before { content: "\f108"; }
.flaticon2-volume:before { content: "\f109"; }
.flaticon2-volume-3:before { content: "\f10a"; }
.flaticon2-mute:before { content: "\f10b"; }
.flaticon2-mute-1:before { content: "\f10c"; }
.flaticon2-volume-1:before { content: "\f10d"; }
.flaticon2-mute-2:before { content: "\f10e"; }
.flaticon2-bell:before { content: "\f10f"; }
.flaticon2-notification:before { content: "\f110"; }
.flaticon2-silence:before { content: "\f111"; }
.flaticon2-mute-microphone:before { content: "\f112"; }
.flaticon2-chat:before { content: "\f113"; }
.flaticon2-missed-call:before { content: "\f114"; }
.flaticon2-merge:before { content: "\f115"; }
.flaticon2-end:before { content: "\f116"; }
.flaticon2-contact:before { content: "\f117"; }
.flaticon2-help:before { content: "\f118"; }
.flaticon2-phone-call-1:before { content: "\f119"; }
.flaticon2-phone:before { content: "\f11a"; }
.flaticon2-incoming-call:before { content: "\f11b"; }
.flaticon2-phone-2:before { content: "\f11c"; }
.flaticon2-emergency-call:before { content: "\f11d"; }
.flaticon2-call-2:before { content: "\f11e"; }
.flaticon2-call-3:before { content: "\f11f"; }
.flaticon2-telephone:before { content: "\f120"; }
.flaticon2-user:before { content: "\f121"; }
.flaticon2-phone-1:before { content: "\f122"; }
.flaticon2-telephone-1:before { content: "\f123"; }
.flaticon2-customer-service:before { content: "\f124"; }
.flaticon2-merge-call:before { content: "\f125"; }
.flaticon2-phone-call:before { content: "\f126"; }
.flaticon2-call:before { content: "\f127"; }
.flaticon2-call-1:before { content: "\f128"; }
.flaticon2-phone-3:before { content: "\f129"; }
.flaticon2-split-call:before { content: "\f12a"; }
.flaticon2-healthcare-and-medical:before { content: "\f12b"; }
.flaticon2-update-arrows:before { content: "\f12c"; }
.flaticon2-around:before { content: "\f12d"; }
.flaticon2-shuffle:before { content: "\f12e"; }
.flaticon2-two-arrows:before { content: "\f12f"; }
.flaticon2-round-arrows:before { content: "\f130"; }
.flaticon2-double-angle-pointing-to-right:before { content: "\f131"; }



body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
    font-weight: 400;
    min-width: 320px;
	
	
background: #f1f2f7; overflow: hidden; 
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
p {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}

h1 {
    font-size: 18px;
}
h2 {
    font-size: 17px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 15px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 13px;
}

p {
    font-size: 14px;
}

a:focus,
a:hover {
    color: inherit;
   
    text-decoration: none;
}
a:focus, a:active, button, input[type="submit"] {
     outline: none !important;
}
a {
    color: inherit;
}
#wrapper {
    position: relative;
    overflow: hidden;
}
img {
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}
table{
	border-spacing: 0;
	border-collapse: collapse;
}
*, ::after, ::before {
    box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: border-box;
}

div.scroll_list { height: 400px; width: 140px; overflow: scroll; }
div.text_input { overflow: auto; font-size: 10px;  font-family: sans-serif; }
.body_text { font-size: 13px;  font-family: sans-serif; }
.queue_text_red { font-size: 12px;  font-family: sans-serif; font-weight: bold; color: red; }
.queue_text { font-size: 12px;  font-family: sans-serif; color: black; text-decoration:none; }
.preview_text { font-size: 13px;  font-family: sans-serif; background: #CCFFCC; }
.preview_text_red { font-size: 13px;  font-family: sans-serif; background: #FFCCCC; }
.body_small { font-size: 11px;  font-family: sans-serif; }
.body_small_bold { font-size: 11px;  font-family: sans-serif; font-weight: bold; }
.body_tiny { font-size: 10px;  font-family: sans-serif; }
.log_text { font-size: 11px;  font-family: monospace; }
.log_text_red { font-size: 11px;  font-family: monospace; font-weight: bold; background: #FF3333; }
.log_title { font-size: 12px;  font-family: monospace; font-weight: bold; }
.sd_text { font-size: 16px;  font-weight: bold; }
.sh_text { font-size: 14px;  font-weight: bold; }
.sh_text_white { font-size: 14px;  font-family: sans-serif; font-weight: bold; color: white;}
.sb_text { font-size: 12px;  font-family: sans-serif; }
.sk_text { font-size: 11px;  font-family: sans-serif; }
.skb_text { font-size: 13px;  font-family: sans-serif; font-weight: bold; }
.ON_conf { font-size: 11px;  font-family: monospace; color: black; background: #FFFF99; }
.OFF_conf { font-size: 11px;  font-family: monospace; color: black; background: #FFCC77; }
.cust_form { font-family: sans-serif; font-size: 10px; overflow: hidden; }
.cust_form_text { font-family: sans-serif; font-size: 10px; overflow: auto; }
.loading_text { font-family: sans-serif; font-size: 20px; overflow: auto; }

.blink {
-webkit-animation: blink .75s linear infinite;
-moz-animation: blink .75s linear infinite;
-ms-animation: blink .75s linear infinite;
-o-animation: blink .75s linear infinite;
animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}

@-moz-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}

@-ms-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}

@-o-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}

@keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
table {
border-spacing: 0;
border-collapse: separate;
border: 0;
}
td    {
border: 0;
border-spacing: 0;
border-collapse: separate;
}
#PauseCodeSelectBox{
	
    right: 0;
	bottom: 0;
}

#PauseCodeSelectBox table{
/*	width: 100%;*/
/*	background-color: rgba(34,46,58, 0.9);*/
	    height: auto;
    margin: 0 auto;
    margin-top: 3%;
	
}
#PauseCodeSelectBox .sd_text{
	background-color: #5e7072;
	height: 39px;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	display: none;
}
#PauseCodeSelectContent table{
	width: 100%;
/*	border: 1px solid #e2e2e2;*/
	background-color: #fff;
/*	margin-top: 12%;*/
}

#PauseCodeSelectContent table tr:first-child{
		background-color: #5e7072 !important;
	height: 35px;
	
}
#PauseCodeSelectContent table tr:first-child td{
	padding-left: 16px;
}
#PauseCodeSelectContent table tr:nth-child(2) td{
	background-color: #fff;
	height: auto;
	padding: 15px 15px 0 15px;
	float: left;
	width: 50%;
}
#PauseCodeSelectContent .sh_text{
	color: #fff !important;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 300;
}
.log_text{
	width: 100%;
}

#PauseCodeSelectA{
	width: 100%;
	display: block;
}
#PauseCodeSelectB{
	width: 100%;
	display: block;
}
 #PauseCodeSelectContent .log_text b a{
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 1px solid #ededed;

	font-size: 13px;
	color: #777777;
	text-decoration: inherit;
	padding-left: 54px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 17px;
	position: relative;
	height: 38px;
    line-height: 39px;
		
}
#PauseCodeSelectContent .log_text b a:hover{
	background-color: #222e3a;
	color: #fff;
}
#PauseCodeSelectContent .log_text b a::before{
	position: absolute;
	width: 38px;
	height: 38px;
	background-color: #222e3a;
	content: "";
	left: -1px;
    top: -2px;

	
}
#PauseCodeSelectContent .log_text b a::after{
	position: absolute;
width: 20px;
    height: 20px;
    border: 1px solid #fff;
    margin: 0 auto;
	content: "";
	left: 8px;
	top: 8px;
	opacity: 0.5;
	
}
#PauseCodeSelectContent .log_text b a:hover::before{

	background-color: #5e7072;
	content: "\f00c";
	text-align: center;
	color: #fff;
	 font-family: FontAwesome;
	font-weight: 300 !important;
	
}
#PauseCodeSelectA br{
	display: none;
}
#PauseCodeSelectB br{
	display: none;
}
/*
#PauseCodeSelectA{
	width: 100%;
	display: block;
}
#PauseCodeSelectA font{
	background-color: #fff;
}
#PauseCodeSelectA a{
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 1px solid #ededed;

	font-size: 14px;
	color: #777777;
	text-decoration: inherit;
	padding-left: 43px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 17px;
	position: relative;
	height: 38px;
    line-height: 32px;
		
}

#PauseCodeSelectA font b a::before{
	position: absolute;
	width: 32px;
	height: 32px;
	background-color: #222e3a;
	content: "";
	left: 0;
	top: 0;
	
}
#PauseCodeSelectA font b a:hover::before{

	background-color: #5e7072;
	content: "\f00c";
	text-align: center;
	color: #fff;
	 font-family: FontAwesome;
	font-weight: 300 !important;
	
}
#PauseCodeSelectA br{
	display: none;
}
*/

/*

#PauseCodeSelectB{
	width: 100%;
	display: block;
}
#PauseCodeSelectB font{
	background-color: #fff;
}
#PauseCodeSelectB font b a{
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 1px solid #ededed;

	font-size: 13px;
	color: #777777;
	text-decoration: inherit;
	padding-left: 43px;
	font-weight: 300;
	text-transform: capitalize;
	margin-bottom: 17px;
	position: relative;
	    height: 32px;
    line-height: 32px;
}
#PauseCodeSelectB font b a::before{
	position: absolute;
	width: 38px;
	height: 32px;
	background-color: #222e3a;
	content: "";
	left: 0;
	top: 0;
	
}
#PauseCodeSelectB font b a:hover::before{

	background-color: #5e7072;
	content: "\f00c";
	text-align: center;
	color: #fff;
	 font-family: FontAwesome;
	font-weight: 300 !important;
	
}
#PauseCodeSelectB br{
	display: none;
}
*/

body {font-family: 'Roboto' !important; }




#alert_form{
/*
	    position: relative;
    left: 0px;
    top: 0px;
	    right: 0;
    bottom: 0;
*/
}
#alert_button{
	height: 38px;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
    width: 112px;
	background-color: #5e7072;
	margin: 0 auto;
	text-align: center;
}
/* CLOSER INBOUND GROUP SELECTION */

#CloserSelectBox table br{
	display: none;
}
#CloserSelectBox{
	
    right: 0;
	bottom: 0;
}

#CloserSelectBox table{
	width: 100%;
	background-color: rgba(34,46,58, 0.9);
	height: 100%;
	
}

#CloserSelectBox tr td .sd_text{
	align-items: flex-start;
    justify-content: center;
    padding: 0;
    padding-left: 10px;
    background-color: #5e7072 !important;
    background: #5e7072 !important;
    height: 39px;
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
	display: flex;
    color: #fff;
    padding-top: 10px;
	width: 570px;
	box-sizing: border-box;
	margin: 0 auto;
	    margin-top: 7%;
	
}
#CloserSelectContent table{ 
/*    border: 1px solid #e2e2e2;*/
	height: auto;
}
#CloserSelectContent tr{
	background-color: #fff;
}
#CloserSelectContent tr td{ 
    border: 1px solid #e2e2e2;
	    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #fff;
}
#CloserSelectAdd a br{
	display: none;
}

#CloserSelectAdd a{
	display: block !important;
    font-size: 14px !important;
    color: #777777 !important;
    font-weight: 400 !important;
    min-height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ededed !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    overflow: hidden;
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff !important;
}
#CloserSelectAdd a:nth-child(even){
	    background-color: #f3f3f3 !important;
}

#CloserSelectDelete a{
	display: block !important;
    font-size: 12px !important;
    color: #777777 !important;
    font-weight: 400 !important;
    min-height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ededed !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    overflow: hidden;
    width: 100% !important;
    margin: 0 !important;
    background-color: #fff !important;
}
#CloserSelectDelete a:nth-child(even){
	    background-color: #f3f3f3 !important;
}
#CloserSelectDelete a:hover{
	color: #fff !important;
    background-color: #5e7072 !important;
}
#CloserSelectAdd a:hover{
	color: #fff !important;
    background-color: #5e7072 !important;
}
#CloserSelectContent table{
	width: 570px;
	margin-bottom: 15px;
	height: auto;
}
#CloserSelectContent tr td .sd_text{
	width: auto;
	background-color: #222e3a !important;
	margin-top: 0;
	
}
#CloserSelectDelete a:first-child{
	margin-top: -15px !important;
}
#CloserSelectAdd a:first-child{
	margin-top: -15px !important;
}
#CloserSelectBox .sh_text {
    color: rgba(0,0,0, 0.7);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    clear: both;
    overflow: hidden;
    display: block;
        width: 570px;
    background-color: #fff;
}

#CloserSelectBox .sh_text a{
	float: right;
	    height: 38px;
    border: none;
    border-radius: 0 ;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-right: 10px;
    width: 105px;
	background-color: #303030;
/*	margin-top: 10px;*/
	margin-bottom: 10px;
	text-decoration: none;box-sizing: border-box;
	
	    display: flex;
    align-items: center;
    justify-content: center;
}
#CloserSelectBox .sh_text a:hover{
	background-color: #5e7072;
}
#CloserSelectBox .sh_text a:first-child  {

	background-color: #5e7072;
}
/*
input[type="checkbox"] {
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
	position: relative;
	left: -20px;
}
*/
/*
input[type="checkbox"] {
     -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
	position: relative;
	left: -20px;
}
input[type="checkbox"]::before{
	width: 20px;
	height: 20px;
	border: 1px solid #000;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}
*/
/*
input[type="checkbox" i] {
    background-color: #fff;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
}
#CloserSelectBlended{
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0,0,0, 0.5);
}
*/

/* only check box */
/* Main Classes */
#CloserSelectBlended{
	margin-right: 5px;
}
#CloserSelectBlended[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #e2e2e2;
    content: "";
    background: #FFF;
	overflow: hidden;
}
#CloserSelectBlended[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 0px;
    top: -18px;
    width: 18px;
    height: 18px;
/*    border-width: 1px;*/
/*    border-style: solid;*/
/*    border-color: #B3B3B3 #dcddde #dcddde #B3B3B3;*/
    content: "";
/*    background-image: linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);*/
    background-repeat: no-repeat;
    background-position:center;
}
#CloserSelectBlended[type="checkbox"]:checked:after{
/*    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #5e7072 0%,#5e7072 100%);*/
	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#CloserSelectBlended[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
#CloserSelectBlended[type="checkbox"]:not(:disabled):checked:hover:after{
/*    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #5e7072 0%,#5e7072 100%);*/
	
	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#CloserSelectBlended[type="checkbox"]:not(:disabled):hover:after{
    background-image: linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);  
    border-color: #85A9BB #92C2DA #92C2DA #85A9BB;  
}
#CloserSelectBlended[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}
#MainPanel{
/*
	right: 0;
	top: 89px !important;
*/
}
#Tabs{
/*
	right: 0;
	top: 51px !important;
*/
}
#Header{
position: relative !important;
    max-height: 100px;
    z-index: 6 !important;

}
.content-wrapper, .main-footer{
	margin-right: 0;
}

#Header table {
	width: 100%;
	display: block;
}
#Tabs table {
	width: 100%;
}

#MainPanel table {
	width: 100%;
}
.top-header{
	height: 51px;
}
.logos{
	margin: 0 auto;
	display: block;
	height: 51px;
	display: flex;
    align-items: center;
	justify-content: center;
}
.logos img{
	height: 50px;
    margin: 0 auto;
/*    margin-bottom: 50px;*/
}
/* new header */

.diable-ld {
    border-left: 1px solid #e3e3e3;
    /* transform: skew(20deg); */
    transform-origin: bottom left;
    padding-top: 8px;
    height: 51px;
}
.diable-ld a {
    display: block;
    color: #c1c1c1;
    font-size: 14px;
    font-weight: 400;
    /* background-color: #eeeeee; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #787878;
}
.warningclr2{
        position: absolute;
    top: 10px;
    left: 20px;
/*    text-align: center;*/
    font-size: 11px;
    height: 17px;
    width: 17px;
    border-radius: 50px;
    background-color: #ec5451;
/*    line-height: normal;*/
/*    padding-left: 2px;*/
    font-weight: 500;
	color: #fff;
   
	
}



.blink{  animation: blink 1s linear infinite;
overflow: hidden;
}

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


#NoneInSessionBox{
	right: 0 !important;
	bottom: 0 !important;
	top: 0 !important;
}
#NoneInSessionBox br{
	display: none;
}
#NoneInSessionBox .sd_text{
    width: 490px;
    /* padding: 25px; */
    height: 180px;
    margin: 0 auto;
    background-color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
	padding-left: 165px;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0,0,0, 0.8);
	text-align: left;
	font-weight: 400;
}
#NoneInSessionBox .sd_text::before{
	width: 470px;
	height: 160px;
	border: 1px solid rgba(0,0,0, 0.1);
	position: absolute;
	left: 10px;
	top: 10px;
	content: "";
}
#NoneInSessionBox .sd_text::after{
	width: 116px;
	height: 116px;
	background-color: #5e7072;
	background: url(img/info.png) center 30px no-repeat #5e7072;
	position: absolute;
	left: 30px;
	top: 32px;
	content: "";
	border-radius: 3px;
}

#NoneInSessionBox table{
	width: 100%;
	background-color: rgba(34,46,58, 0.9);
	    height: 100%;
}
#PauseCodeSelectContent .sh_text{
	color: #fff !important;
	
}
#PauseCodeSelectContent tr td .sh_text{
	color: #fff !important;
	
}
#NoneInSessionBox a{
	display: inline-block;
    height: 38px;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-right: 10px;
    width: 140px;
    background-color: #303030;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
	line-height: 39px;
	cursor: pointer;
	position: relative;
    z-index: 1;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	
    text-align: center;
}
#NoneInSessionBox a:first-child{
	 background-color: #5e7072;margin-right: 0;
}
#NoneInSessionLink{
	display: inline-flex;
}
#NoneInSessionID{
	clear: both;
    overflow: hidden;
    font-size: 18px;
    display: block;
    width: 100%;
    font-weight: 500;
    color: #5e7072;
    margin-bottom: 21px;
    text-align: left;
    margin-top: 16px;
	
}     
/*
#NoneInSessionID::before { 
   width: 0; 
   height: 0; 
   border-bottom: 15px solid #5e7072; 
   border-left: 15px solid transparent; 
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	position: absolute;
}
*/
/*
#alert_form{
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(34,46,58, 0.9);
	width: 100%;
	height: 100vh;
}
*/

#AlertBox br{
	display: none;
}
#AlertBox img{
	display: none;
}
#AlertBox{
		left: 0 !important;
	top: 0px !important;
	bottom: 0 !important;
	right: 0 !important;
	background-color: rgba(34,46,58, 0.9);
	width: 100%;
	height: 100vh;
}

#AlertBox table tr{
	background-color: #fff !important;
}
#AlertBox table tr td{
	background-color: #fff !important;
}
#AlertBox table{
	width: 525px;
	height: 180px;
	margin: 12% auto 0 auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	    padding: 30px 0 0 110px;
    display: block;
}

#AlertBox table::before{
	position: absolute;
    width: 505px;
    height: 160px;
    content: "";
    left: 10px;
    top: 10px;
    border: 1px solid #e5e5e5;
}

#AlertBox table::after{
	width: 116px;
	height: 116px;
	background-color: #5e7072;
	background: url(img/alerts.png) center 30px no-repeat #5e7072;
	position: absolute;
	left: 30px;
	top: 32px;
	border-radius: 3px;
	content: "";

}
#NoneInSessionBox a:hover:first-child{
	background-color: #85b3b9;
}
.btnsubmit-calender:hover{
	background-color: #85b3b9;
}
#NoneInSessionBox a:hover{
	background-color: #1d1d1d;
}
#AlertBox table tr td table{
	width: 401px !important;
	height: auto !important;
	margin: -27px 0 0 0 !important;
	padding: 0 !important;
}

#AlertBox tbody{
	width: 100%;
	display: block;
}
#AlertBox table tr td table::before{
	display: none;
}
#AlertBox table b{
font-size: 18px;
	color: #000000;
	font-weight: 500;
	font-weight: 600;
	    font-weight: 400 !important;
    padding-left: 45px;
	position: relative;
	z-index: 999;
	
}
#AlertBoxContent{
	color: #606060;
    font-size: 15px;
    margin: 0 0 0 0;
    overflow: hidden;
/*    display: block;*/
    text-align: left;
    padding-right: 18px;
    min-height: 38px;
	display: flex;
    align-items: center;
    min-width: 335px;
    max-width: 335px;
}
#AlertBox button{
	float: right !important;
	cursor: pointer !important;
	    margin-right: 5px;
}
#AlertBox button:hover{
	background-color: #222e3a;
}
#AlertBox table tr td table::after{
	display: none;
}
/* dispositions */

#DispoSelectBox {
	right: 0;
	bottom: 0;
	height: 100%;
}
#DispoSelectBox br {
	display: none;
}

#DispoSelectBox table{
	width: 100% !important;
	height: 100%;
    background-color: rgba(34,46,58, 0.9);
}

#DispoSelectBox table tr {
	width: 760px;
	display: block;
    margin: 0 auto;
	margin-top: 6%;
}
#DispoSelectBox table tr td table tr{
	padding: 0;
	width: 100% !important;
	margin-top: 0;
}
#DispoSelectBox table tr td table{
height: auto !important;
	background-color: #fff !important;
}
#DispoSelectBox table tr td{
	background-color: #fff;
}

#DispoSelectBox table tr td .sd_text{
	float: left;
	    height: 38px;
	    text-transform: uppercase;
    font-weight: 400;
    display: flex;
    color: #fff;
		    align-items: center;
    padding: 0;
    padding-left: 10px;
	font-size: 14px !important;
	background-color: #222e3a;
}
#DispoSelectBox table tr td .sh_text{
	position: relative;
	float: left;
	background-color: #222e3a;
	height: 38px;
    width: 592px;
	
    margin-right: -1px;
}

#DispoSelectBox .sh_text:last-child{
float: none;
	background-color: #fff;
    width: 100% !important;
	height: auto !important;
}
#DispoSelectPhonE{
	color: #fff !important;
}
#DispoSelectContent b{
	align-items: center;
    padding: 0;
    padding-left: 10px;
    height: 38px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    color: #fff;
    padding-top: 10px;
    box-sizing: border-box;
    display: block;
    background-color: #222e3a !important;
}
#DispoSelectContent table tr:first-child td{
	width: 100%;
	display: block;
	background-color: #222e3a !important;
	border-spacing: 0;
    border-collapse: collapse;
    border: 0;
}
#DispoSelectContent{
	background-color: #fff;
}
#DispoSelectPhonE {
    color: #fff !important;
    float: left;
    display: flex;
    align-items: center;
    height: 38px;
    padding-left: 10px;
	font-size: 14px;
	font-weight: 400 !important;
}
#DispoSelectMaxMin{
	position: absolute;
    right: 0;
    color: #3e4a56;
	height: 38px;
	width: 38px;
	background-color: #3e4a56;
/*	border-left: 1px solid #35d8b7;*/
}
#DispoSelectHAspan{
	position: absolute;
    right: 38px;
    color: #5e7072;
	height: 38px;
	width: 38px;
	border-left: 1px solid #35d8b7;
}
#DispoSelectHAspan a{
width: 100%;
	display: block;
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
    position: relative;
	    display: flex;
    justify-content: center;
    align-items: center;
}
#DispoSelectMaxMin a{
	width: 100%;
	display: block;
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
    position: relative;
	    display: flex;
    justify-content: center;
    align-items: center;
}
#DispoSelectMaxMin a::before{
	color: #fff !important;
	content: "\f068";
    text-align: center;
    color: #fff;
    font-family: FontAwesome;
    font-weight: 300 !important;
	position: absolute;
	font-size: 14px;
	
	
}
#DispoSelectHAspan a::before{
	color: #fff !important;
	content: "\f118";
    text-align: center;
    color: #fff;
  font-family: "Flaticon1";
    font-weight: normal !important;
	position: absolute;
	font-size: 14px;
	
}
#DispoSelectBox table tr td .log_text span font{
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom: 14px;
}

#DispoSelectBox table tr td .log_text span font a{
	background-color: #fff;
	display: block;
	width: 100%;
	border: 1px solid #e6e6e6;
    text-align: left;
    color: #797979;
    font-size: 12px;
    font-weight: 400;
	min-height: 39px;
	display: flex;
    align-items: center;
	padding-left: 10px;
	padding-right: 30px;
	position: relative;
	
}
.server-time-clander a:hover{
	color: #fff !important;
}
#DispoSelectBox table tr td .log_text span font a:hover::before{
	    position: absolute;
    content: "\f10f";
    right: 9px;
    top: 9px;
    color: #5e7072;
    font-size: 13px;
    font-family: Flaticon;
}
#DispoSelectBox table tr td .log_text span font a:hover{
		background-color: #fff !important;
}
#DispoSelectBox table tr td .log_text span font b{
	padding: 0 !important;
}
#DispoSelectBox table tr td .log_text span font b a{
	background-color: #5e7072;
	color: #fff;
}
#DispoSelectBox table tr td .log_text span font b a::before{
	    position: absolute;
    content: "\f10f";
    right: 0;
    color: #fff;
    font-size: 13px;
    font-family: Flaticon;
    background-color: #222e3a;
    min-height: 39px;
    top: 0;
    width: 30px;
    text-align: center;
    padding-top: 10px;
}

#DispoSelectBox table tr td .log_text span font b a:hover::before{
	    position: absolute;
    content: "\f10f";
    right: 0;
    color: #fff;
    font-size: 13px;
    font-family: Flaticon;
    background-color: #5e7072;
    min-height: 39px;
    top: 0;
    width: 30px;
    text-align: center;
    padding-top: 10px;
}

#DispoSelectBox table tr td .log_text span font b a:hover{
		
    color: #fff;
    background-color: #222e3a !important;
}
#PauseCodeSelectContent table tr td .sh_text{
	color: #fff !important;
}
/* check box disposition */


#DispoSelectStop[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #e2e2e2;
    content: "";
    background: #FFF;
	overflow: hidden;
}
#DispoSelectStop[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 0px;
    top: -18px;
    width: 18px;
    height: 18px;
    content: "";
    background-repeat: no-repeat;
    background-position:center;
}
#DispoSelectStop[type="checkbox"]:checked:after{

	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#DispoSelectStop[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
#DispoSelectStop[type="checkbox"]:not(:disabled):checked:hover:after{
	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#DispoSelectStop[type="checkbox"]:not(:disabled):hover:after{
    background-color: #5e7072;
}
#DispoSelectBox[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}


/* scorall */

/*

::-webkit-scrollbar {
    width: 8px;
	height: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-border-radius: 10px;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: rgba(0,59,119,0.6);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,59,119,0.2);
}

::-webkit-scrollbar {
    width: 8px;
	height: 8px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-border-radius: 10px;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background: rgba(72,179,148,0.6);
    -webkit-box-shadow: inset 0 0 6px rgba(72,179,148,0.6);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(72,179,148,0.6);
}
*/

#DispoSelectContent table tr:nth-child(2){
	padding-top: 10px;
	height: 400px;
/*	overflow-y: auto;*/
	display: block;
	width: 100%;
	margin-top: 0;

}
.dispoSelection-bottom p{
	float: left;
    margin-left: 10px;
	padding-top: 11px;
	margin-right: 151px;
	opacity: 0.6;
}
.dispoSelection-bottom{
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0;
	overflow: hidden;
}
#DispoSelectStop{
	float: left;
	margin-top: 12px;
    margin-left: 12px;
}

.dispoSelection-bottom a{
	float: left;
	    height: 38px;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
/*    width: 112px;*/
	padding-left: 15px;
	padding-right: 15px;
	background-color: #5e7072;
	display: flex;
	justify-content: center;
	align-items: center;
		
	
}
.dispoSelection-bottom a:first-child{
	background-color: #222e3a;
}
.dispoSelection-bottom a:nth-child(6){
	background-color: #222e3a;
}
#DispoSelectContent table tr:nth-child(2) td{
	padding-left: 11px;
}
#CallBackSelectBox{
	right: 0 !important;
	bottom: 0 !important;
	background-color: rgba(34,46,58, 0.7);
    width: 100%;
}
#CallBackSelectBox table{
	width: 100%;
	background-color: rgba(255,255,255, 1) !important;
}
#CallBackDateContent a{
   display: block;
    padding: 8px 0;
    font-size: 11px;
    color: rgba(0,0,0, 0.7);
    font-weight: 500;
}

#CallBackSelectBox br{
	display: none !important;
}
.callback-wrapper{
    width: 90% !important;
    background-color: rgba(255,255,255, 1) !important;
/*	height: 100%;*/
	margin: 0 auto;
    margin-top: 30px;
}

#CallBackSelectBox table tr td{
/*	padding: 10px;*/
}
#CallBackDateContent table tr td table tr:first-child td{
	background-color: #fff !important;
}
#CallBackDateContent table tr td table tr:first-child td div font{
	color: #fff;
	background-color: #5e7072;
	font-size: 15px;
/*	padding-bottom: 10px;*/
	
	display: block;
    padding: 3px 0;
	
}
#CallBackDateContent table tr td table tr:nth-child(2){
	background-color: #f0f0f0 !important;
}
#CallBackDateContent table tr td table tr:nth-child(2) td div font{
	color: rgba(0,0,0, 0.7);
	display: block;
    padding: 3px 0;
	
    font-size: 13px;
    font-weight: 600;
}

#CallBackDateContent table tr td table tr td{
	border: 1px solid #f0f0f0;
	padding: 0;
}
#CallBackDateContent{
	display: block;
    max-height: 350px;
    overflow-y: auto;
	clear: both;
    width: 100%;
	    padding: 0 10px 10px 10px;
}
.call-bk-cl-wrapper{
	float: left;
    width: 50%;
}
#CallBackDateContent table tr td table{
/*	border: 1px solid rgba(0,0,0, 0.2);*/
	border-collapse: collapse;
	    margin-bottom: 5px;
}
#CallBackDateContent a:hover{
	background-color: #5e7072;
	color: #fff !important;
}
#ViewCommentsBox{
	right: 2px;
	
}

#ViewCommentsBox table{
/*
	width: 100%;
	border: 1px solid #dbdbdb;
*/
	width: 52%;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
    margin-top: 7%;
}
#ViewCommentsBox table tr:first-child{
	
    color: #fff;
    background-color: #fff;
}
#ViewCommentsBox table tr:first-child td{
	    background-color: #5e7072;
    height: 40px;
    display: block;
    color: #fff;
}
#ViewCommentsBox table tr:first-child td .sh_text{
	      font-weight: 400;
    padding-left: 10px;
    padding-top: 8px;
    display: block;
    float: left;
}
#ViewCommentsShowHide a{
	    color: #5e7072;
    position: relative;
    float: right;
    height: 40px;
    font-size: 0;
    width: 42px;
    text-align: center;
    right: -3px;
    top: -3px;
}
#ViewCommentsShowHide a::before{
/*	font-family: "Font Awesome 5 Free";*/
/*	    font-weight: 900;*/
	/*
	font-family: FontAwesome;
*/
   justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;

    content: "\f11c";

  font-family: "Flaticon1";
    position: absolute;
    display: flex;
    height: 40px;
    width: 40px;
	

}
#ViewCommentsBox{
    left: 0 !important;
	right: 0 !important;
    bottom: 0px !important;
    top: 0px !important;
    background-color: rgba(34, 46, 58, 0.5);
}
#ViewCommentsShowHide a:hover{
	background-color: #222e3a;
}
.btnsubmit-calender{
	height: 38px;
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
    width: 112px;
/*	margin: 0 auto;*/
	background-color: rgba(34,46,58, 1);
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;

    float: right;
    margin-right: 20px;
}

.btnsubmit-calender:hover{
	
    color: #fff;
	opacity: 0.9;
}
#ViewCommentsBox{
	    left: 0 !important;
    right: 0 !important;
    bottom: 0px !important;
    top: 0px !important;
    background-color: rgba(34, 46, 58, 0.5);
}
#SBC_timezone_span table{
	border: 1px solid #dbdbdb;
    margin: 0 auto;
    margin-top: 10%;
}
#SBC_timezone_span{
	    left: 0 !important;
    right: 0 !important;
    bottom: 0px !important;
    top: 0px !important;
    background-color: rgba(34, 46, 58, 0.5);
}

#SBC_timezone_span table tr td {
	    padding: 0;
}

#SBC_timezone_span table tr td table{
	border: none;
	margin: 0;
	border-collapse: collapse;
}
#SBC_timezone_span table tr td table tr td{
	    border: 1px solid #f0f0f0;
	
        padding: 10px 14px;
}
#SBC_timezone_span table tr td table tr td font{
	       font-size: 13px;
    font-weight: 400;
    color: rgba(0,0,0, 0.8);
    
}

#SBC_timezone_span table tr td table tr td font b a{
	font-size: 13px;
    font-weight: 500;
    color: #868686;
}

#SBC_timezone_span table tr td table tr:nth-child(odd){
	background-color: #f0f0f0;
/*	background-color: rgba(240,240,240, 0.6);*/
}

#SBC_timezone_span table tr td table tr td font b a:hover{
	color: #5e7072 !important;
}
#SBC_timezone_span table tr td table tr:first-child{
	background-color: #5e7072;
    height: 40px;
/*    display: block;*/
    color: #fff;
}
#SBC_timezone_span table tr td table tr:first-child td{
	border: none;
	padding: 0;
}
#SBC_timezone_span table tr td table tr:first-child td font b font a{
	    color: #5e7072;
    position: relative;
    float: right;
    height: 40px;
    font-size: 0;
    width: 42px;
    text-align: center;
   left: 179px;
    top: 0px;
}

#SBC_timezone_span table tr td table tr:first-child td font b font a:hover{
	
	background-color: #222e3a;
}
#SBC_timezone_span table tr td table tr:first-child td font b font a::before{
	justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;

    content: "\f11c";

  font-family: "Flaticon1";
    position: absolute;
    display: flex;
    height: 40px;
    width: 40px;
}
#SBC_timezone_span table tr td table tr:first-child td font b font {
    font-weight: 400;
    padding-left: 10px;
    display: block;
    float: left;
	color: #fff !important;
	    line-height: 40px;
	opacity: 1;
	    font-size: 14px;
}

#SBC_timezone_span table tr td table tr td font b{
	font-weight: normal !important;
}
#SBC_timezone_span table tr td table tr:first-child td font{
	opacity: 1 !important;
}
.callback-clnd {
/*	padding-left: 11px;*/
/*	padding-right: 18px;*/
	display: block;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    overflow: hidden;
	background-color: rgba(34,46,58, 1) !important;
}
.callback-clnd p{
	
    text-align: left;
/*    background-color: #5e7072;*/
    color: #fff;
    font-weight: 300;
    padding: 5px 12px;
	float: left;
}
#CallBackDatEPrinT {
	float: left;
    margin-left: 8px;
}
#CallBackDatEPrinT .sh_text{
font-size: 13px;
/*	color: rgba(0,0,0, 0.6);*/
	color: #fff;
	font-weight: 500 !important;
}
#CallBackOnlyMe{
	float: left;	
}


#CallBackOnlyMe[type="checkbox"]:before{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #e2e2e2;
    content: "";
    background: #FFF;
	overflow: hidden;
}
#CallBackOnlyMe[type="checkbox"]:after{
    position: relative;
    display: block;
    left: 0px;
    top: -18px;
    width: 18px;
    height: 18px;
    content: "";
    background-repeat: no-repeat;
    background-position:center;
}
#CallBackOnlyMe[type="checkbox"]:checked:after{

	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#CallBackOnlyMe[type="checkbox"]:disabled:after{
    -webkit-filter: opacity(0.4);
}
#CallBackOnlyMe[type="checkbox"]:not(:disabled):checked:hover:after{
	background: url(img/tick.png) 4px center no-repeat #5e7072;
}
#CallBackOnlyMe[type="checkbox"]:not(:disabled):hover:after{
    background-color: #5e7072;
}
#CallBackOnlyMe[type="checkbox"]:not(:disabled):hover:before{
    border-color: #3D7591;
}
#ScriptPanel{
	top: 0 !important;
	width: 100%;
}
#EmailPanel{
	width: 100%;
	top: 0 !important;
}
#CustomerChatPanel{
	width: 100%;
	top: 0 !important;
}
#InternalChatPanel{
	
	width: 100%;
	top: 0 !important;
}
#ChatContents{
	    width: 100% !important;
}
.model-section-wrapper{
	    right: 0 !important;
    bottom: 0 !important;
    width: 100%;
	    background-color: rgba(34,46,58, 0.9);
}

.model-section-wrapper table {
	margin: 0 auto;
	background-color: #fff;
}
#CallBackDatEPrinT{
	float: right;
    background-color: #222e3a;
    color: #fff;
    /* height: 35px; */
    /* line-height: 30px; */
    /* margin-bottom: 10px; */
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
/*    justify-content: center;*/
    padding: 0 0 0 35px;
    border-radius: 5px;
	    margin-left: 12px;
	position: relative;
	width: 159px;
	    height: 32px;
	justify-content: center;
/*	    margin-top: -5px;*/
}
#CallBackDatEPrinT::before{
	position: absolute;
	content: "";
	width: 32px;
	height: 32px;
	left: -2px;
	top: 0;
	border-radius: 5px 0 0 5px;
/*	background: url(img/calender-icon.png) 8px center no-repeat;*/
	background: url(img/calender-icon.png) 8px center no-repeat #5e7072;
}
.callback-clnd-checkbox{
	float: left;
	margin-left: 10px;
	margin-right: 35px;
}
.callback-clnd-checkbox input {
	margin-right: 10px;
}
.callback-clnd-checkbox p{
	float: left;
	font-size: 14px;
    color: #797979;
    font-weight: 400;
	    line-height: 23px;
    margin-left: 5px;
}
.comments-cb{
clear: both;
    width: 100%;
    display: block;
    overflow: hidden;
	margin-bottom: 20px;
    margin-top: 20px;
	padding-left: 10px;
	padding-right: 23px;
}
.select-time{
	font-size: 14px;
    color: #797979;
    font-weight: 400;
	    font-size: 14px;
/*
    float: right;
    width: 50%;
*/
}
.callback-select-container{
	float: right;
	width: 50%;
	padding-right: 23px;
    margin-bottom: 15px;
}
.server-time-clander{
	    float: right;
/*	display: inline-block;*/
    background-color: #222e3a;
    border-radius: 3px;
    padding-left: 5px;
    position: relative;
/*        width: 270px;*/
	margin-left: 20px;
}

.server-time-clander a{
/*
	    position: absolute;
    width: 100%;
*/
    text-align: left;
/*    left: 10px;*/
    cursor: pointer;
    height: 30px;
    z-index: 99;
    display: block;
/*    overflow: hidden;*/
    font-size: 14px;
    color: rgba(0,0,0, 0.6);
    font-weight: 500 !important;
    line-height: 29px;
	padding: 0 7px;
	position: relative;
	color: #fff;float: left;
	    padding-left: 33px;
}
.server-time-clander a::before{
	
	    left: -5px;
    position: absolute;
    content: "";
    top: 0;
    background: url(img/time1.png) center 8px #5e7072 no-repeat;
    height: 30px;
    width: 30px;
    border-radius: 3px 0 0 3px;
}
.select-time select{
	height: 30px;
    border: 1px solid #e7e7e7 !important;
    border-radius: 0;
    font-size: 13px;
    color: #6e6e6e;
    font-weight: 400;
}
#CBCommentsContent{
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	    font-size: 14px;
    color: #797979;
    font-weight: 400;
	    text-align: left;
}
#cbviewcommentsdisplay{
	position: absolute;
    right: 0px;
    top: 0;
    width: 36px;
    background-color: #5e7072;
}
#cbviewcommentsdisplay input{
	text-align: center;
	font-size: 12px;
	border: none;
	height: 36px;
	color: #fff;
	width: 100%;
	background-color: #222e3a;
/*	margin-left: 10px;*/
    padding: 0;
	cursor: pointer;
}
#cbcomment_comments{
	height: 36px;
	    width: 94%;
    border: 1px solid #e7e7e7 !important;
	margin-left: 10px;
}
#CallBackCommenTsField{
	
    border: 1px solid #e7e7e7 !important;
}
#CallBackTimezone::before{
/*
	width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
*/
	
/*    opacity: 0.5;*/
/*
    position: absolute;
    content: "";
    right: 7px;
    top: 8px;
	background-image: url(img/time.png);
	height: 15px;
    width: 15px;
*/
	
}
#CallBackTimezone
{
	background-color: #334251;
    padding: 0 15px 0 15px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255, 0.9);
    position: relative;
    border-radius: 0 5px 5px 0 !important;
    height: 30px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
	    margin-right: -3px;
}
#PerCallNotesContent{
	    clear: both;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
	padding-left: 10px;
    padding-right: 10px;
}
#DispoCommentsContent{
	    clear: both;
    width: 100%;
    display: block;
    margin-bottom: 10px;
	position: relative;
	padding: 0 10px;    margin-top: 5px;
	
}
#dispo_comments {
    height: 36px;
    border: 1px solid #e7e7e7 !important;
	margin-left: 10px;
	max-height: 36px;
	width: 110% !important;
}
#dispoviewcommentsdisplay {
   position: absolute;
    right: 10px;
    top: 0;
    width: 36px;
    background-color: #5e7072;
}
#dispoviewcommentsdisplay input {
    text-align: center;
    font-size: 12px;
    border: none;
    height: 36px;
    color: #fff;
    width: 100%;
    background-color: #5e7072;
    padding: 0;
}
#CBCommentsContent table tr td{
	padding: 0;
}

#DispoCommentsContent table tr td .body_text{
	
	font-size: 14px;
    color: #797979;
    font-weight: 400;
}
#call_notes_dispo{
	 height: 36px;
    border: 1px solid #e7e7e7 !important;
	width: 88%;
	max-height: 36px;
}
#PerCallNotesContent b font{
    font-size: 14px;
    color: #797979;
    font-weight: 400;
    text-align: left;
	display: flex;
    align-items: center;
    height: 36px;
}
#PerCallNotesContent b{
    width: 83px;
    float: left;
    font-weight: 400;
    text-align: left;
}
.selet-time-clander{
	margin-left: 15px;
	font-size: 14px;
    color: #797979;
    font-weight: 400;
	    font-size: 14px;
	
    float: left;
/*    margin-right: 25px;*/
	margin-top: -5px;
}
.selet-time-clander select{
	height: 30px;
    border: 1px solid #e7e7e7 !important;
    border-radius: 0;
    font-size: 13px;
    color: #6e6e6e;
    font-weight: 400;
}
.comments-cb-left-wrapper{
	       font-size: 14px;
    color: #797979;
    font-weight: 400;
    float: left;
    width: 49%;
    position: relative;
    text-align: left;
	text-align: left;
}
.comments-cb-right-wrapper{
	    font-size: 14px;
    color: #797979;
    font-weight: 400;
	float: right;
	width: 49%;
}
#CallBackCommenTsField{

    height: 36px;
    border: 1px solid #e7e7e7 !important;	
	    height: 36px;
    border: 1px solid #e7e7e7 !important;
    width: 81%;
    margin-left: 10px;
}
#CBCommentsContent .body_text{
	    font-size: 14px;
    color: #797979;
    font-weight: 400;
}
#CBT_hour{
	    margin: 0 7px;
}
#CBT_minute{
	  margin: 0 7px;
}
.callback-clnd a{
	background-color: #3e4a56;
	color: #5e7072;
    position: relative;
    float: right;
    height: 31px;
    font-size: 0;
    width: 31px;
    text-align: center;
    right: 0;
    top: 0;
}
.callback-clnd a::before {
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* font-family: FontAwesome; */
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
    content: "\f11c";
    font-family: "Flaticon1";
    position: absolute;
    display: flex;
    height: 31px;
    width: 31px;
}


#Tabs table tr td a{
	    padding: 0;
    margin: 0;
    line-height: normal;
	border-right: 1px solid #e3e3e3;
    border-radius: 0 !important;
    transform: skew(20deg);
    transform-origin: bottom left;
    color: #c1c1c1;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px 9px 15px;
	display: block;
}
#Tabs table tr td a p {
    transform: skew(-20deg);
	    padding: 0;
    margin: 0;
    line-height: normal;
}
#Tabs table tr td a p i{
  
    margin-right: 10px;

}

#Tabs table tr td a:hover{
	background-color: #5e7072;
    color: #fff;
    border-color: #5e7072;
}
#Tabs table tr:first-child{
	    border-top: 1px solid #e3e3e3 ;
	    border-bottom: 1px solid #e3e3e3 ;
}
#Header table {
    width: 100%;
    display: block;
}
#Header table tbody {
    width: 100%;
    display: block;
}
#Header table tbody tr{
    width: 100%;
    display: block;
}
#Header table tbody tr td{
   width: 50% ;
    display: block;
	float: left;
}
/*
#AgentViewSpan{
	
    top: 68px !important;
}
*/
.topmenu-active{
	color: #5e7072 !important;
}
#AgentViewSpan{
/*
	    right: 0 !important;
    min-height: calc(100vh - 51px);
    width: 471px !important;
    top: 51px !important;
*/
	right: 70px;
    min-height: calc(100vh - 52px);
    width: 471px !important;
    top: 52px !important;
    /* overflow: hidden; */
    background-color: rgba(34,46,58,1);
	background-color: #161f27;
}
.main-header .navbar {
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-bottom: 0;
    margin-left: 230px;
    border: none;
    min-height: 50px;
    border-radius: 0;
    padding: 0;
/*    box-shadow: 0px 13px 27px 0px rgba(0, 0, 0, 0.05);*/
/*    background-color: #fff;*/
}
.diable-ld {
    border-left: 1px solid #e3e3e3;
    /* transform: skew(20deg); */
    transform-origin: bottom left;
    padding-top: 8px;
    height: 51px;
}
.diable-ld a {
    display: block;
    color: #c1c1c1;
    font-size: 14px;
    font-weight: 400;
    /* background-color: #eeeeee; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #787878;
}
.diable-ld a p {
    /* transform: skew(-20deg); */
}
#CallbacksButtons{
	top: inherit !important;
	left: inherit !important;
} 
.main-header{
/*	background-color: #fff;*/
	    position: relative;
    max-height: 100px;
}
.header-right-wrapper{
	
}
.main-header .logo {
    -webkit-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}
.wrapper{
/*
	    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
*/
}
.content-wrapper{
	z-index: 5 !important;
}
.tabs-wrappers{
	position: relative;
	
}
#AgenTDisablEBoX table::after {
    width: 116px;
    height: 116px;
    background-color: #5e7072;
    background: url(img/logout.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";
	border-radius: 3px;
}
#DeactivateDOlDSessioNSpan table::after {
    width: 116px;
    height: 116px;
    background-color: #5e7072;
    background: url(img/user.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";
	border-radius: 3px;
}
#LogouTBox table::after {
    width: 116px;
    height: 116px;
    background-color: #5e7072;
    background: url(img/login.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";
	border-radius: 3px;
}
.login-wrp-inner .alert-error{
	    background-color: #fff !important;
    border: 1px solid #f5c6cb !important;
    border-radius: 0px !important;
    color: #cc616c !important;
    /* height: 35px; */
    padding: 7px 8px;
    margin: 0 auto;
    margin-bottom: 20px;
	font-size: 13px;
}
#DispoSelectContent{
	    height: 450px;
    overflow: hidden;
    display: block;
    clear: both;
    overflow-y: auto;
}

.warning-wrapper i{
	border-right: 1px solid rgba(0,0,0, 0.10);
    margin-right: 15px;
}


#blind_monitor_alert_span{
  right: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
}
#blind_monitor_alert_span table {
    width: 100%;
    background-color: rgba(34, 46, 58, 0.9);
    height: 100%;
}
#blind_monitor_alert_span table tr td{
  width: 490px;
    /* padding: 25px; */
    height: 180px;
    margin: 0 auto;
    background-color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    padding-left: 165px;
    font-weight: normal;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    font-weight: 400;
    margin-top: 10%;
}
#blind_monitor_alert_span table tr td::before {
    width: 470px;
    height: 160px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 10px;
    top: 10px;
    content: "";
}


#blind_monitor_alert_span table tr td::after{
  width: 116px;
  height: 116px;
  background-color: #ff0f0f;
  background: url(img/info.png) center 30px no-repeat #ff0f0f;
  position: absolute;
  left: 30px;
  top: 32px;
  content: "";
  border-radius: 3px;
}

#blind_monitor_alert_span_contents{
  text-align: left;
}
 #blind_monitor_alert_span a{
  display: inline-block;
    height: 38px;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-right: 10px;
    width: 140px;
    background-color: #303030;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
  line-height: 39px;
  cursor: pointer;
  position: relative;
    z-index: 1;
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box;
  
    text-align: center;
    margin: 7px 0 0 50px;
    border-radius: 5px;
}
#blind_monitor_alert_span a:hover{
  background-color: #5e7072;
}
#blind_monitor_alert_span br,
#blind_monitor_alert_span .sd_text{
  display: none;
}