body {
    font-size: .9rem;
}
table.dataTable tr.dtrg-group td {
	background-color:rgba(166, 230, 255, 0.26)
}
.table td {
	vertical-align: middle;
}
.blured_pic_bg {
	background: url(../images/non_contract.png) no-repeat center center;
    background-size: contain;
}
label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 500 !important;
}
.chart-wrapper {
	position: relative;
	width: 100%;
	height: 60vh;
}
.chart-wrapper-radar {
	position: relative;
	width: 100%;
	height: 40vh;
}

/* Gauge - Мониторинг доступности 1С:Фреш */
.textfield-gauge {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2e3b4d;
}
.canvas-gauge {
    width: 100%;
	top: 1.5rem;
    position: relative;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}
.badge {
	vertical-align: top !important;
}

input:invalid, select:invalid {
	border-color: #d12133 !important;
	background-color: rgba(255, 0, 0, 0.052);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
input:optional, select:optional {
	border-color: gray;
}
input:required:valid, select:required:valid {
	border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
input:invalid, select:invalid {
	border-color: #fcacb4 !important;
	background-color: rgba(255, 0, 0, 0.017);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.select2-container--default .select2-selection--single {
    height: 38px !important;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
	border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 65% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #CCC !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

select:invalid + .select2-container > span.selection > span.select2-selection {
    border-color: #dc3545 !important;
}
select:invalid + .select2-container--focus > span.selection > span.select2-selection {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
select:valid + .select2-container > span.selection > span.select2-selection {
    border-color: #28a745 !important;
}
select:valid + .select2-container--focus > span.selection > span.select2-selection {
    border-color: #28a745 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}
.modal-dialog {
	max-width: 80%;
}

.timeline > div > .timeline-item > .timeline-header {
	border-bottom: none !important;
}
h3.h3-timeline-footer {
	font-size: 16px;
	line-height: 1.1;
	margin: 0;
	padding: 10px;
}

@media screen and (max-width: 767px) {
	.modal-dialog {
		max-width: 100%;
	}
}

img.avatar {
	width: 25px !important;
	height: 25px !important;
}


/********************  Preloader Demo-8 *******************/
.loader8 .loader-inner,.loader8 .loader-inner:before{border-radius:50%;width:50px;height:50px;position:absolute}
.loader8{width:200px;height:90px;margin:60px auto;position:relative}
.loader8 .loader-inner{margin-top:22%;margin-left:50%;transform:translate(-50%,-50%)}
.loader8 .loader-inner:before{content:"";background:0 0;box-shadow:0 0 0 3px #1c5770,0 0 0 17px #03b5aa,-3px -3px 0 #1c5770 inset;left:0;z-index:1}
.loader8 .loader-inner:after{content:"";width:30px;height:30px;border-radius:50%;background:#ffb03b;box-shadow:-7px -7px 0 #cc8c2c inset;position:absolute;top:10px;left:80px;z-index:-1;-webkit-animation:loading-8 3s linear infinite;animation:loading-8 3s linear infinite}
@-webkit-keyframes loading-8{
	0%,100%{width:30px;height:30px;left:15px;z-index:10}
	13%,64%{width:40px;height:40px}
	22%,28%{left:-56px}
	23%,27%{left:-57px}
	24%{width:30px;height:30px;z-index:10}
	25%{left:-60px;z-index:-10}
	38%,89%{width:20px;height:20px}
	49%{width:30px;height:30px;z-index:-10}
	50%{left:15px;z-index:10}
	72%,78%{left:86px}
	73%,77%{left:87px}
	74%{z-index:10}
	75%{width:30px;height:30px;left:90px;z-index:-10}
	99%{z-index:-10}
}
@keyframes loading-8{
	0%,100%{width:30px;height:30px;left:15px;z-index:10}
	13%,64%{width:40px;height:40px}
	22%,28%{left:-56px}
	23%,27%{left:-57px}
	24%{width:30px;height:30px;z-index:10}
	25%{left:-60px;z-index:-10}
	38%,89%{width:20px;height:20px}
	49%{width:30px;height:30px;z-index:-10}
	50%{left:15px;z-index:10}
	72%,78%{left:86px}
	73%,77%{left:87px}
	74%{z-index:10}
	75%{width:30px;height:30px;left:90px;z-index:-10}
	99%{z-index:-10}

@media (max-width: 575.98px) {
.chart-wrapper {
	height: 40vh;
}
.chart-wrapper-radar {
	height: 30vh;
}
}