/* /!\ 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;*/
}
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: #1c84c6;
	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: #1c84c6 !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: #1c84c6;
	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: #1c84c6;
	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: #1c84c6;
	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: #1c84c6;
	margin: 0 auto;
	text-align: center;border-radius: 90px !important;
}
/* 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: #1c84c6 !important;
    background: #1c84c6 !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: #1c84c6 !important;
}
#CloserSelectAdd a:hover{
	color: #fff !important;
    background-color: #1c84c6 !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;border-radius: 90px;
}
#CloserSelectBox .sh_text a:hover{
	background-color: #1c84c6;
}
#CloserSelectBox .sh_text a:first-child  {

	background-color: #1c84c6;
}
/*
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, #1c84c6 0%,#1c84c6 100%);*/
	background: url(img/tick.png) 4px center no-repeat #1c84c6;
}
#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, #1c84c6 0%,#1c84c6 100%);*/
	
	background: url(img/tick.png) 4px center no-repeat #1c84c6;
}
#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{
/*	right: 0;*/
	z-index: 7 !important;
	width: 100%;
	position: relative !important;
}


#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: #1c84c6;
	background: url(img/info.png) center 30px no-repeat #1c84c6;
	position: absolute;
	left: 30px;
	top: 32px;
	content: "";border-radius: 50% !important;
}

#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;
	    border-radius: 90px !important;
    text-align: center;
}
#NoneInSessionBox a:first-child{
	 background-color: #1c84c6;margin-right: 0;
}
#NoneInSessionLink{
	display: inline-flex;
}
#NoneInSessionID{
	clear: both;
    overflow: hidden;
    font-size: 18px;
    display: block;
    width: 100%;
    font-weight: 500;
    color: #1c84c6;
    margin-bottom: 21px;
    text-align: left;
    margin-top: 16px;
	
}     
/*
#NoneInSessionID::before { 
   width: 0; 
   height: 0; 
   border-bottom: 15px solid #1c84c6; 
   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: #1c84c6;
	background: url(img/alerts.png) center 30px no-repeat #1c84c6;
	position: absolute;
	left: 30px;
	top: 32px;
	content: "";border-radius: 50% !important;

}
#NoneInSessionBox a:hover:first-child{
	background-color: #1e8cd2;
}
.btnsubmit-calender:hover{
	background-color: #1e8cd2;
}
#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;
	border-radius: 90px;
}
#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: #1c84c6;
	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;border-radius: 90px !important;
	
}
.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: #1c84c6;
    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: #1c84c6;
	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: 37px;
    top: 0;
    width: 37px;
    text-align: center;
    padding-top: 10px;
	border-radius: 90px;
}

#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: #1c84c6;
    min-height: 37px;
    top: 0;
    width: 37px;
    text-align: center;
    padding-top: 10px;
    border-radius: 90px;
}

#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 #1c84c6;
}
#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 #1c84c6;
}
#DispoSelectStop[type="checkbox"]:not(:disabled):hover:after{
    background-color: #1c84c6;
}
#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: #1c84c6;
	display: flex;
	justify-content: center;
	align-items: center;
		border-radius: 90px !important;
	
}
.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: #1c84c6;
	font-size: 15px;
/*	padding-bottom: 10px;*/
	
	display: block;
    padding: 3px 0;
	border-radius: 5px 5px 0 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: #1c84c6;
	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: #1c84c6;
    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: #1c84c6;
    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;
	border-radius: 90px;
}

.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: #1c84c6 !important;
}
#SBC_timezone_span table tr td table tr:first-child{
	background-color: #1c84c6;
    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: #1c84c6;
    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: #1c84c6;*/
    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 #1c84c6;
}
#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 #1c84c6;
}
#CallBackOnlyMe[type="checkbox"]:not(:disabled):hover:after{
    background-color: #1c84c6;
}
#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 8px 0 35px;
    border-radius: 5px;
	    margin-left: 12px;
	position: relative;
	width: 159px;
	    height: 32px;
	justify-content: center;
/*	    margin-top: -5px;*/
	border-radius: 90px;
}
#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 #1c84c6;
	border-radius: 90px;
}
.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 #1c84c6 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: #1c84c6;
}
#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: #1c84c6;
}
#dispoviewcommentsdisplay input {
    text-align: center;
    font-size: 12px;
    border: none;
    height: 36px;
    color: #fff;
    width: 100%;
    background-color: #1c84c6;
    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: #1c84c6;
    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: #1c84c6;
    color: #fff;
    border-color: #1c84c6;
}
#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: #1c84c6 !important;
}
#AgentViewSpan{
	    right: 0 !important;
    min-height: calc(100vh - 51px);
    width: 471px !important;
    top: 51px !important;
}
.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: #1c84c6;
    background: url(img/logout.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";border-radius: 50% !important;
}
#DeactivateDOlDSessioNSpan table::after {
    width: 116px;
    height: 116px;
    background-color: #1c84c6;
    background: url(img/user.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";border-radius: 50% !important;
}
#LogouTBox table::after {
    width: 116px;
    height: 116px;
    background-color: #1c84c6;
    background: url(img/login.png) center 30px no-repeat #ff6258;
    position: absolute;
    left: 30px;
    top: 32px;
    content: "";border-radius: 50% !important;
}
.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;
}