@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400&display=swap');

h3{font-family:"Fira Sans Condensed", sans-serif; font-size:2.3rem; color:#485576; font-weight:bold; margin-bottom:20px}
h4{font-size:1.3rem;}
p{margin-bottom:.8rem; line-height: 1.2rem}

.material-icons{float:left; margin-right:10px; font-size:1.2rem!important; margin-top:3px}
.nav-item{margin-left:30px;}


html{position:relative; height:100%; font-family:'Segoe UI', 'Roboto', Helvetica, Arial, sans-serif;}
.form-control{border-color:#999; background:#fff;}

.btn-outline-default{background-color:#ddd; border-color:#999; color:#777; background:linear-gradient(to top, #ddd, #ededed); font-size:1.2rem}
.btn-outline-default:hover{background-color:#bbb; border-color:#999; color:#777}

.btnW50{width:50%!important}
.btnH64{min-height:40px}
.btn-block+.btn-block{margin-top:0}

.divGroup1{visibility:}
.modalQueueA{font-size:1.2rem}

hr{border-top: 1px solid rgba(0,0,0,.2);}
.hr{text-align: left; margin-left:0; width:300px}

/*a.queueLink, a.queueLink:hover, a.queueLink:visited, a.queueLink:active{display:inline-block; color:#6b85a5; font-weight:400; font-size:1.2rem; cursor:pointer}*/
a.zvonkiLink, a.zvonkiLink:hover, a.zvonkiLink:visited, a.zvonkiLink:active{display:inline-block; color:#6b85a5; font-weight:400; font-size:1.2rem}
a.btn, a.btn:hover, a.btn:active, a.btn:visited{color:#6b85a5}

a, a:visited, a:active{color:#6b85a5; font-size:1.2rem;}
a:hover{text-decoration:none}
.st1{text-decoration:underline}

.zBlock{font-size:1.2rem; color:#777; cursor:pointer}

body{
	margin: 0;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.6;
	color: #333;
	overflow:hidden;
	background:#e5e4e1;
	height:100%
	/*background:linear-gradient(to right, #91ddff, #fff 50%);*/
}

#propushennayaZayavkaCount{color:#999; font-size:2rem; width:30px; display:inline-block}
.propushennayaZayavkaGetBtn{margin-bottom:10px; cursor:pointer}

.datepicker-days table td{padding:8px; border:solid 1px #fff;}
.datepicker td, .datepicker th {width: 1.5em; height: 1.5em;}
.datepicker-days .range-start, .datepicker-days .range-end, .datepicker-days .selected, .datepicker-days .active{color:#212529!important; text-shadow:none!important}

#startInformer{color:#465e7c}
#k_btnInQueueGo_wrap{min-height:66px;}
#queueNameWrap{margin-left:30px; font-size:1.2rem; font-weight:400; display:inline-block; color:#6b85a5}
#txtCallStatus{font-size:1.2rem; color:#999}

label {font-size:1rem}

.operatorDictorHidden{display:none}

/* ------------ */
/* ------------ */
/* ------------ */
.container{max-width:90%}
.upravlenieTabsDiv{display:flex; z-index:8}
.upravlenieTabsDiv a, .upravlenieTabsDiv a:hover, .upravlenieTabsDiv a:visited, .upravlenieTabsDiv a:active{display:inline-block; background:#ccc; margin-bottom:-1px; color:#777; font-weight:400; padding-left:10px; padding-right:10px;  border-top-left-radius:10px; border-top-right-radius:10px; border:solid 1px #aaa; border-left:none}
.upravlenieTabsDiv>a:first-of-type{border-left:solid 1px #aaa!important}
.upravlenieTabsDiv a.active{color:#485576; background:#fff; border-bottom:none}
.upravlenieTabsDiv a.colored{background:#d1b7b7!important; color:#603636!important}
.upravlenieTabsTab{background:#fff; border:solid 1px #aaa; margin-top:0;}

.upravlenieSubTabsDiv{display:flex; z-index:8}
.upravlenieSubTabsDiv a, .upravlenieSubTabsDiv a:hover, .upravlenieSubTabsDiv a:visited, .upravlenieSubTabsDiv a:active{display:inline-block; background:#ccc; margin-bottom:-1px; color:#777; font-weight:400; padding-left:10px; padding-right:10px;  border-top-left-radius:10px; border-top-right-radius:10px; border:solid 1px #aaa; border-left:none}
.upravlenieSubTabsDiv>a:first-of-type{border-left:solid 1px #aaa!important}
.upravlenieSubTabsDiv a.active{color:#485576; background:#fff; border-bottom:none}
.upravlenieSubTabsTab{background:#fff; border:solid 1px #aaa; margin-top:0;}

.table{color:#777; font-size:1rem}
.table th{border-top:none; font-size:.9rem}
.statusWrapDiv{position:absolute; top:75px; left:0; width:100%; height:45px; font-size:1.6rem; color:#485576; padding-left:15px; padding-right:15px}
.statusWrapDiv>.statusDiv{float:left; height:45px; font-size:1.6rem; color:#485576; margin-right:30px}
.statusWrapDiv>.statusDiv2{float:left; height:45px; font-size:1.6rem; color:#485576}
.statusWrapDiv>.sipDiv{float:right; height:45px; font-size:1.6rem; color:#485576}

.btn-primary{background-color:#485576; border-color:#485576; color:#fff; font-weight:400}
.btn-primary:hover{color:#fff; background-color:#2c4177; border-color:#2c4177}

.btn-warning{background-color:#dc3447; border-color:#dc3447; color:#fff; font-weight:400}
.btn-warning:hover{color:#fff; background-color:#8e1e2a; border-color:#8e1e2a}

.btn-success{background-color:#5ca563; border-color:#5ca563; color:#fff; font-weight:400}
.btn-success:hover{color:#fff; background-color:#387a3f; border-color:#387a3f}

.btn-noColor{background-color:#fff; border-color:#485576; color:#485576; font-weight:400}
.btn-noColor:hover{color:#485576; background-color:#fff; border-color:#485576}

.btn{border-radius:10px; box-shadow:0 5px 8px rgba(0,0,0,0.2);}

.FD_audioPlayPart{display:block; cursor:pointer; line-height:1.5rem; margin-top:10px}
.audioInModalTitleCss{margin-left:10px; display:inline-block; color:#485576}
.audioModalHeaderCss{padding-top:25px; padding-bottom:25px}
.audioModalBodyCss{padding-top:0; padding-bottom:25px}

button>.material-icons{margin-right:0}
.FD_audioBtnCss{margin-right:10px; padding:5px}

.forOpacityCss{opacity:0.4}
.zayavkaForm_nomertelefona{color:#333; font-weight:400; font-size:2.5rem; border-radius:5px; margin-right:10px;}

.k_zayavkaFormSipBtnJS{display:none; width:180px}
.zayavkaForm_radioBtnsWrap{margin-top:20px}

#perezvonTableBody>tr{cursor:pointer}
.perezvonModalDivCss{margin-bottom:20px}
.perezvonModalDivCss>small{color:#999}
.perezvonModalDivCommentCss{background:#eee; overflow-y:scroll; padding:15px; border-radius:15px; min-height:120px; position:relative}

#zayavkiTableBody>tr{cursor:pointer}
.zayavkaModalDivCss{margin-bottom:20px}
.zayavkaModalDivCss>small{color:#999}

#callHistoryTableBody>tr{cursor:pointer}
.callHistoryModalDivCss{margin-bottom:20px}
.callHistoryModalDivCss>small{color:#999}

.perezvonRecycle{cursor:pointer}

.statDiv{display:inline-block; width:24%; color:#999}
.statDiv>span{display:block; width:100%; color:#485576; font-size:3rem}
.statDiv>small{display:block; width:100%; color:#485576; font-size:2rem}
.statTitleDiv{color:#333}
.statTitleDiv>div{border-bottom:solid 2px #ddd;}
/*
.btn-success{background-color:#5ca563; border-color:#306e36; color:#fff; background:linear-gradient(to top, #306e36, #40af47); font-size:1.2rem}
.btn-success:hover{color:#fff;background-color:#387a3f;border-color:#306e36}
*/

.autoExitTimer{display:inline-block; font-size:.9rem; color:#999; margin-right:10px}




.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#dc3447!important
}
.navbar-light .navbar-nav .nav-link{color:#374173!important}
.navbar{margin-bottom:100px}

.nav-tabs .nav-link{font-weight:600; border-top-left-radius:20px!important; background:#485576; color:#fff;}
a.nav-link:hover{color:#999!important;}

.nav-item .specialLink1{border-color:#25456b; background:none; padding:3px 15px; margin-top:5px; border-radius:10px; color:#fff!important; box-shadow:0 0 15px rgba(185,197,202,0.9); font-weight:500}
@media screen and (max-width:425px){
	.nav-item .specialLink1{border-color:#374173; padding:8px 15px; font-weight:400; background:none; color:#374173!important; box-shadow:none; display:inline-block; margin-left:-18px}
}

.footer{position:absolute; bottom:0; width:100%; height:120px; line-height:18pt; background-color:#f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
@media screen and (max-width:425px){
	html{padding-bottom:150px}
	.footer{height:150px}	
}
.footer a,.footer a:hover{color:#525e7f!important;text-decoration:none !important}
.footer a:hover{color:#eb929c!important;text-decoration:none !important}


/* SLIDERS */
.switch {position:relative; display:inline-block; width:60px; height:34px;}
.switch input {opacity:0; width:0; height:0;}
.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s;}
.slider:before {position: absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s;}
input:checked + .slider {background-color:#2196F3;}
input:focus + .slider {box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}
/*
<label class="switch">
  <input type="checkbox">
  <span class="slider"></span>
</label>
*/