/*.apexcharts-tooltip span {*/
/*	color: #ffffff;*/
/*}*/


/* НОВЫЙ СТИЛЬ */
:root {
    --ct-link-color: #191b1e;
    --ct-link-hover-color: #3755fa;
    --ct-body-color: #191b1e;
}
.dropdown-item {
    white-space:wrap;
}
.noti-counter-badge{
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 3px;
}
.smnp-font-4 {
    font-size: 4rem;
}
.smnp-font-6 {
    font-size: 6rem;
}
.snmp-text-justify {
    text-align: justify;
}
.snmp-text-blue {
    color: #3755fa;
}
.snmp-text-black {
    color: #191b1e;
}
.bg-main-blue {
    background-color: #3755fa;
}
.bg-light-grey {
    background-color: #f9fafc;
}
.bg-light-black {
    background-color: #191b1e;
}
.btn-color-primary {
    background-color: #3755fa;
    color: #fff;
}
.btn-color-primary:hover {
    background-color: #014ea2;
    color: #fff;
}
.btn-color-white {
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(0,51,153,.04), 0 2px 2px rgba(0,51,153,.08);
    color: var(--color, #2b2f33);
}
.btn-color-white:hover {
    box-shadow: 0 8px 20px rgba(0,51,153,.08), 0 4px 8px rgba(0,51,153,.08);
    color: var(--hover-color, var(--color, #2b2f33));
    transform: translateY(-2px);
}
.rounded-10 {
    border-radius: 1rem!important;
}
.rounded-8-px {
    border-radius: 8px;
}

.topnav-logo:hover {
    color: #191b1e;
}
.app-search .form-control {
    background-color: #fff;
    border: 1px solid #dfe3e8;
}
.profile-btn {
    height: calc(1.5em + 0.9rem + 2px);
    outline: none!important;
}

.snmp-input:hover {
    border-color: #3755fa;
}
.snmp-input:focus {
    border-color: #3755fa;
}
.show-hide-eye-position {
    top: 11px;
    right: 20px;
}
.snmp-btn-primary {
    color: #fff;
    background-color: #3755fa!important;
    border-color: #3755fa!important;
}
.snmp-btn-primary:hover {
    color: #fff;
    background-color: #1229A2!important;
    border-color: #1229A2!important;
}
.snmp-btn-secondary {
    color: #fff;
    background-color: #FFBD1B!important;
    border-color: #FFBD1B!important;
}
.snmp-btn-secondary:hover {
    color: #fff;
    background-color: #A67909!important;
    border-color: #A67909!important;
}
.snmp-btn-light-grey {
    color: #98A6AD;
    background-color: #fff!important;
    border: 1px solid #dfe3e8;
}

.snmp-btn-white {
    color: #3755fa;
    background-color: #fff!important;
    border-color: #fff!important;
}
.snmp-btn-white:hover {
    color: #fff;
    background-color: #3755fa!important;
    border-color: #fff!important;
}
.export-snmp-btn {
    color: #3755fa;
    background-color: #fff!important;
    border: none;
}
.export-snmp-btn:hover {
    color: #1229A2;
}
.export-snmp-btn:focus {
    box-shadow: none!important;
    border: none!important;
    outline: none!important;
}
.export-snmp-btn:active {
    box-shadow: none!important;
}
.main-page-block1 {
    --background: #f9fafc;
    background-image: url(/images/3d/comp.png);
    /* background-image: url(/images/3d_main1.png); */
    background-size: 34%;
    background-position: 89% 21%;
    background-repeat: no-repeat;
}
.main-page-block2 {
    --background: #f9fafc;
    position: relative;
    /* background-image: url(/images/3d_main2.png); */
    background-image: url(/images/3d/call_07.png);
    background-size: 130%;
    background-position: 142% 21%;
    background-repeat: no-repeat;
}
.main-page-block3 {
    --background: #f9fafc;
    background-image: url(/images/3d/main1.png);
    background-size: 50%;
    background-position: 100% 26%;
    background-repeat: no-repeat;
}
.main-page-block4 {
    --background: #f9fafc;
    background-image: url(/images/main5.png);
    /* background-image: url(/images/main4.png); */
    background-size: 84%;
    background-position: 110% 108%;
    background-repeat: no-repeat;
}
.main-page-block5 {
    --background: #f9fafc;
    background-image: url(/images/main5.jpg);
    background-size: 103%;
    background-position: 84% 103%;
    background-repeat: no-repeat;
}
.main-page-block6 {
    --background: #f9fafc;
    background-image: url(/images/199.png);
    background-size: 120%;
    background-position: 18% 59%;
    background-repeat: no-repeat;
}

.favotire-star {
    --ct-text-opacity: 1;
    color: rgba(var(--ct-light-rgb),var(--ct-text-opacity))!important;
}
.favotire-star:hover {
    --ct-text-opacity: 1;
    opacity: 1;
    text-shadow: 0 0 3px rgb(255, 213, 0);
}
.favotire-star-active {
    --ct-text-opacity: 1;
    opacity: 1;
    color: rgb(255, 213, 0)!important;
}
.favotire-star-active:hover {
    --ct-text-opacity: 1;
    opacity: 1;
    text-shadow: 0 0 3px rgb(255, 213, 0);
}
.info-device-block {
    box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);
}
.in-info-device-block {
    padding: 20px;
}
/* НОВЫЙ СТИЛЬ END*/

/* убрали стрелки в input number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}
/* убрали стрелки в input number END*/

.snmpicon path {
    fill: #6c757d!important;
    color: #6c757d!important;
}
.snmp-icon-home {
    fill: #6c757d!important;
    color: #6c757d!important;
}
.snmp-icon-home::before {
    content: url('/images/icons/home.svg');
}
.custom-blue-text {
    color: #00aeef;
}
.custom-blue-bg {
    background-color: #00aeef;
}
.custom-primary-bg {
    background-color: #014ea2;
}
.block-life-text {
    font-size: 14px;
    font-weight: 800;
}
.block-life-blue-icon {
    font-size: 52px;
    color: #00aeef;
    font-weight: 800;
}
.block-life {
    width: 100%;
    border-radius: 2px;
    height: 4px;
    position: relative;
}

.block-life-1 {
    position: absolute;
    opacity: 0.4;
    border-radius: 2px;
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}
.block-life-2 {
    position: absolute;
    border-radius: 2px;
    height: 4px;
    left: 0;
    top: 0;
    max-width: 100%;
}

.border-primary {
    border-color: #3755fa!important;
}
.text-primary {
    color: #3755fa!important;
}
/*--Buttons --*/

.btn {
    border-radius: 8px;
}

.text-color-primary {
    color: #3755fa!important;
}

.btn-primary {
    color:#fff;
    background-color: #014ea2!important;
    border-color: #014ea2!important;
}

.btn-primary:focus {
    color:#fff;
    background-color: #0165d3;
    border-color: #0165d3;
}

.btn-primary:hover {
    color:#fff!important;
    background-color: #003269!important;
    border-color: #003269!important;
}

.btn-outline-primary {
    color:#014ea2!important;
    background-color: #fff;
    border-color: #014ea2!important;
}

.btn-outline-primary:hover {
    color:#fff!important;
    background-color: #014ea2!important;
    border-color: #014ea2!important;
}
/*--End Buttons --*/


.char-block {
    border-bottom: 1px dotted rgba(204,214,228,.6);
}

.char-block-item {
    background: #fff;
}

.support-btns-block {

    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0 20px 12px -16px rgba(0,30,85,.1), 0 8px 24px 18px rgba(0,30,85,.05);
}

.in-support-btns-block {
    background-color: #fafbfe;
    border-radius: 10px;
    padding: 20px;
}

th.sorting {
    padding-left: 0!important;
}

th.sorting_disabled {
    padding-left: 0!important;
}

/* .servnum-custom {
    width: 200px;
    height: 80px;
    background-color: #014ea2;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    font-weight: 800;
}

.servnum-custom-white {
    background-color: #fff;
    color: #014ea2;
    font-size: 20px;
} */

.art-pad-form {
    padding: 0 1.5rem;
}


/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

/*Select2 ReadOnly End*/



.navbar-toggler {
    /* padding: 0.25rem 0.75rem;
    line-height: 1;
    background-color: transparent; */
    /* margin: 0.5rem 0.75rem 0rem 0.75rem; */
    font-size: calc(1.5rem + .0012vw);
    border: none!important;
    /* border-radius: 0.15rem;
    color:#fff; */
}
/* .online-status {
    border-left: 3px solid #3bd640;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #3bd640;
} */
.online-status {
    border-left: 3px solid #169e5c;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #169e5c;
}

.offline-status {
    border-left: 3px solid #99a2a9;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #99a2a9;
}
/* .online-status {
    border-left: 3px solid #0ACF97;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #0ACF97;
}

.offline-status {
    border-left: 3px solid #6C757D;
    padding-top: 3px;
    padding-bottom: 3px;
} */

.progress-w-percent{
    min-height: 40px !important;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.overlay {
    background-color: rgba(59, 67, 76, 0.1);
    width: 100%;
    height: 100%;
    padding: 10px 0;
    position: absolute;
    z-index:  9999;
    /* top: 50%;
    left: 50% */
}

.in-overlay {
    -webkit-box-align: center;
    align-items: center;
    min-height: calc(100% - 38rem);
}



.buttons-copy {
    margin-right: 10px;
    border-radius: 0.15rem!important;
}

.buttons-print {
    border-radius: 0.15rem!important;
}

.input-uid {
    outline: 0;
    background:#fff;
    border: none;
    width: 80%;
}

.custom-head-height {
	line-height: 30px;
	/* line-height: 70px; */
}

.hero-section {
	padding: 0 0 40px 0;
}

.hero-section::after {

	background-color: var(--ct-bg-dark-topbar)!important;
}

.navbar-dark-custom {
	padding: 0;
}

.feedback-section-dark {
	position: relative;
    padding: 0 0 120px 0;
	
}

.feedback-section-dark::before {
	content: " ";
    position: absolute;
    top: -70px;
    right: 0;
    bottom: 100px;
    z-index: -1;
    width: 100%;
    border-radius: 0;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
	background-color: var(--ct-bg-dark-topbar)!important;
}

.feedback-section-dark::after {
	content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    border-radius: 0;
    -webkit-transform: skewY(0);
    transform: skewY(0);
	background-color: var(--ct-bg-dark-topbar)!important;
}

.bg-magenta {
    background-color: magenta;
}
.text-magenta {
    color: magenta;
}
.text-cyan {
    color: #536de6;
}
.font-custom-56 {
    font-size: 56px;
}
.font-custom-42 {
    font-size: 42px;
}
.font-custom-34 {
    font-size: 34px;
}
.font-custom-24 {
    font-size: 24px;
}
.bg-yellow {
    background-color: rgb(255, 213, 0);
}
.text-yellow {
    color: rgb(255, 213, 0);
}

.bg-opaticy {
    opacity: 0.7;
}
.text-magenta {
    color: magenta;
}

.text-yellow {
    color: rgb(255, 213, 0);
}

.text-black {
    color: #000;
}

.text-opaticy {
    opacity: 1;
}
.only-mobile {
    display: none;
}
.h-130 {
    height: 130px;
}

@media screen and (max-width: 430px) {
    .login-btn-block {
        display: none;
    }
    .font-20 {
        font-size: 16px!important;
    }
    .smnp-font-4 {
        font-size: 2rem;
    }
    .main-page-block1 {
        --background: #f9fafc;
        background-image: none;
    }
    .main-page-block3 {
        --background: #f9fafc;
        background-image: none;
    }
    .main-page-block4 {
        /* --background: #f9fafc; */
        /* background-image: url(/images/main5.png); */
        background-size: 128%;
        background-position: 27% 105%;
        /* background-repeat: no-repeat; */
    }
    .main-page-block5 {
        --background: #f9fafc;
        background-image: none
    }
    .main-page-block6 {
        --background: #f9fafc;
        background-image: none;
    }
    .no-mobile {
        display: none!important;
    }
    .only-mobile {
        display: inline-block;
    }
    .functional-block {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 499;
    }

    .support-btns-block {
        border-radius: 10px 10px 0 0;
    }

    .in-support-btns-block {
        padding: 10px;
    }

    .counter-block-item {
        flex-basis: 48%;
        text-align: center;
    }
    .custom-info-block {
        margin-bottom: 170px;
    }
}