html, body {
    width: 100%;
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--FontFamily);
    /*  font-family: 'Poppins', sans-serif;*/
    /*background: #15181b;*/
    background-color: var(--SideBarPanelColor,black);
    /*  background-color: var(--BodyPanelColor);*/
    /*color: var(--FontColor);*/
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.woff2') format('woff2'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-SemiExt.eot');
    src: url('../fonts/MyriadPro-SemiExt.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-SemiExt.woff2') format('woff2'), url('../fonts/MyriadPro-SemiExt.woff') format('woff'), url('../fonts/MyriadPro-SemiExt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.container {
    max-width: 1170px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/*.btn {
    border-radius: 20px;
    background-color: var(--ButtonColor) !important;
    color: var(--FontColor) !important;
}*/

.btn:not(.btn-danger):not(.btn-success) {
    border-radius: 20px !important;
    background-color: var(--ButtonColor) ;
    color: var(--ButtonTextColor) ;
}

.btn:hover {
    /*color: #fff;
    background-color: rgba(0, 105, 217, 0.9); */

    color: var(--ButtonHoverTextColor) !important;
    background-color: var(--ButtonHoverColor) !important /* 90% opacity */
}


.btn-danger, .btn-success {
    border-radius: 20px !important; /* Ensure rounded corners */
    color: #fff !important;
}

/* Specific background colors */
.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-success {
    background-color: #00809c !important;
    border-color: #a4bcbc !important;
}



/*.btn:not(.btn-danger) {
    border-radius: 20px;
    background-color: var(--ButtonColor) !important;
    color: var(--FontColor) !important;
}

.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
    border-radius: 20px;*/ /* Ensure rounded corners */
/*}*/
.card-header:first-child {
    border-radius: 0;
}

.light-blue {
    /*background-color: #00bcd4;*/
    border: 0;
}

    .light-blue:hover {
        background-color: #0a93a5;
        border: 0;
    }

.light-purple {
    background-color: #983fd7;
    border: 0;
}

    .light-purple:hover {
        background-color: #6b15a9;
        border: 0;
    }

.light-orange {
    background-color: #fab656;
    border: 0;
}

    .light-orange:hover {
        background-color: #ae6e13;
        border: 0;
    }

.light-conifer {
    background-color: #b2e43d;
    border: 0;
}

    .light-conifer:hover {
        background-color: #6f980e;
        border: 0;
    }
/* Login Page css Started*/
.login-form .logo {
    text-align: center;
}

.login-form h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    display: block;
    margin-top: 10px;
    text-align: center;
}

    .login-form h4:after {
        content: "";
        width: 51px;
        height: 3px;
        display: block;
        margin-top: 22px;
        background: #1d8acf;
        margin-left: auto;
        margin-right: auto;
    }

.login-form-2 {
    background: rgb(32,38,43);
    text-align: center;
    padding-top: 38px !important;
}

    .login-form-2 h2 {
        text-align: center;
        color: #ebebeb;
        font-size: 36px;
        font-weight: 300;
        text-transform: uppercase;
        position: relative;
        text-align: center;
        margin-bottom: 44px;
    }

    .login-form-2 .form-up {
        padding: 36px;
    }

    .login-form-2 p {
        color: #747a81;
        text-align: center;
        display: block;
    }

    .login-form-2 ul {
        padding: 0;
        margin: 0
    }

        .login-form-2 ul li {
            padding: 0;
            color: #747a81;
            text-align: left;
            margin: 0;
            list-style: none;
        }

.login-form .input-group {
    margin-bottom: 30px;
}

.login-form .input-group-prepend {
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 99
}

.login-form h2:before {
    content: "";
    width: 270px;
    height: 1px;
    display: block;
    margin-top: 35px;
    background: #31353a;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
}

.login-form h2:after {
    content: "";
    position: absolute;
    width: 53px;
    height: 4px;
    display: block;
    margin-top: 34px;
    background: #1d8acf;
    margin-left: auto;
    margin-right: auto;
    top: 43px;
    left: 0;
    right: 0;
}

.login-form-2 .user-icon {
    display: inline-block;
    margin: 0 auto;
    border: 2px solid #999;
    margin-bottom: 20px;
    padding: 19px;
}

.login-form input {
    background: #15181b;
    border: 0;
    color: #747a81;
    font-size: 16px;
    border-radius: 0;
    border: 1px solid #15181b;
}

.login-form .form-control:focus {
    background-color: #15181b;
    border-color: #205a7f;
    box-shadow: none;
    border: 1px solid #205a7f;
}

.login-form .input-group-text {
    background: none;
    border: 0;
    border-left: 1px solid #2d3038;
    padding-right: 20px;
    padding-right: 20px;
}

.login-form input {
    padding: 30px;
}

.form-submit {
    background: #23272d;
    padding: 40px;
    -webkit-box-shadow: 0px -8px 8px 0px rgba(21,24,27,0.25);
    -moz-box-shadow: 0px -8px 8px 0px rgba(21,24,27,0.25);
    box-shadow: 0px -8px 8px 0px rgba(21,24,27,0.25);
}

.login-form-2 .btnSubmit {
    font-weight: 500;
    color: #fff;
    background-color: #1d8acf;
    padding: 23px 20px;
    min-width: 270px;
    border: none;
    cursor: pointer;
    font-family: 'Myriad Pro';
    font-size: 18px;
    border-radius: 52px;
}

    .login-form-2 .btnSubmit:hover {
        background-color: #15181b;
    }

.login-form-2 .backToLgon {
    font-weight: 500;
    color: #fff;
    background-color: #15181b;
    padding: 23px 20px;
    min-width: 270px;
    border: none;
    cursor: pointer;
    font-family: 'Myriad Pro';
    font-size: 18px;
}

    .login-form-2 .backToLgon:hover {
        background-color: #1d8acf;
    }

.login-form-2 .ForgetPwd {
    color: #747a81;
    text-decoration: none;
}

    .login-form-2 .ForgetPwd:hover {
        color: #1d8acf;
        text-decoration: none;
    }
/* Css for custom checkbox 
 Customize the label (the container) */

.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #747a81;
}

    .checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 2px solid #3b3f48;
}

.checkbox:hover input ~ .checkmark {
    background-color: #15181b;
}

.checkbox input:checked ~ .checkmark {
    background-color: #15181b;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Custom radio button css */


/* The container */
.radio-button {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio-button input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom radio button */
    .radio-button .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: transparent;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .radio-button:hover input ~ .checkmark {
        background-color: #15181b;
    }

    /* When the radio button is checked, add a blue background */
    .radio-button input:checked ~ .checkmark {
        background-color: #15181b;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .radio-button .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .radio-button input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .radio-button .checkmark:after {
        top: 7px;
        left: 7px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }



/* Custom radio button css ended */




.back-to-login {
    color: #747a81;
}

    .back-to-login a {
        color: #747a81;
    }

        .back-to-login a:hover {
            color: #1d8acf;
            text-decoration: none;
        }
/* Custom checkbox css ended */



/* Login page css ended*/


/*dashboard pag css */




/*top header nav bar*/
body .main-header {
    border-bottom: 0;
}

.navbar {
    /* background-color: #1b1f24;*/
    background-color: var(--TopBarColor, #1b1f24);
}

    .navbar .navbar-nav {
        padding-top: 5px;
    }

        .navbar .navbar-nav .nav-item {
            padding-left: 10px;
            padding-right: 10px;
            background: #a4bcbc;
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .navbar .btn-default {
        color: #555555;
    }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show > .nav-link {
    color: #555555;
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show > .nav-link:hover {
        color: #1d8acf;
    }

    .navbar-light .navbar-nav .nav-link .user-info img {
        border-radius: 50%;
        border: 2px solid #999;
        padding: 5px;
    }

.navbar-light .navbar-nav .dropdown-menu {
    background-color: var(--SignoutColor,#a4bcbc);
    background-clip: padding-box;
    border: 0;
  /*  color: var(--SignoutTextColor, #949ea9);*/
}

    .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
        /*color: #949ea9;*/
        color: var(--SignoutTextColor, #949ea9);
    }

.dropdown-divider {
    border-top: 1px solid #585f68
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    /*  color: #15181b;background-color: #15181b;*/
    color: var(--SignoutTextColor, #949ea9);
    background-color:  var(--SignoutColor,#a4bcbc);
    opacity: 0.5; /* Adjust opacity for the entire element */
}

.main-header .nav-link {
    height: 2.5rem;
    position: relative;
}

.text-sm .main-header .nav-link, .main-header.text-sm .nav-link {
    height: 1.93725rem;
    padding: 0.35rem 1rem;
}

.main-header .navbar-nav .nav-item {
    margin: 0;
    background: none;
}

.main-header .navbar-nav[class*='-right'] .dropdown-menu {
    left: auto;
    margin-top: -3px;
    right: 0;
}

@media (max-width: 575.98px) {
    .main-header .navbar-nav[class*='-right'] .dropdown-menu {
        left: 0;
        right: auto;
    }
}

.navbar-img {
    height: calc(3.5rem + 1px)/2;
    width: auto;
}

.navbar-badge {
    font-size: .6rem;
    font-weight: 300;
    padding: 2px 4px;
    position: absolute;
    right: 5px;
    top: -5px;
}

.btn-navbar {
    background-color: transparent;
    border-left-width: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../images/menu-bars.png) !important;
}
/*side bar css */
.sidebar .user-panel {
    margin-left: 52px;
}

    .sidebar .user-panel .info {
        font-size: 16px;
        color: #747a81;
        background-color: #a4bcbc;
        padding-top: 33px;
        padding-bottom: 30px;
        padding-left: 45px;
        -webkit-box-shadow: inset 0px 9px 21px 0px rgba(21,24,27,1);
        -moz-box-shadow: inset 0px 9px 21px 0px rgba(21,24,27,1);
        box-shadow: inset 0px 9px 21px 0px rgba(21,24,27,1);
    }

.main-sidebar {
    height: inherit;
    min-height: 100%;
    position: absolute;
    top: 0;
    /*background: #1e2226 url(../images/left-sidebar.png) repeat left top;*/
    background-color: var(--SideBarPanelColor) url(../images/left-sidebar.png) repeat left top;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
    margin-left: -258px;
}

.main-sidebar, .main-sidebar::before {
    width: 258px;
}

[class*="sidebar-dark"] .brand-link, [class*="sidebar-dark"] .user-panel {
    border-bottom: 0;
}

.main-sidebar .brand-link {
    display: block;
    font-size: 24px;
    line-height: 1.5;
    transition: width .3s ease-in-out;
    white-space: nowrap;
    padding: 17px 10px;
    color: rgba(255, 255, 255, 1);
    background: url(../images/bg-logo.png) repeat top;
    -webkit-box-shadow: 0px 9px 21px 0px rgba(21,24,27,0.78);
    -moz-box-shadow: 0px 9px 21px 0px rgba(21,24,27,0.78);
    box-shadow: 0px 9px 21px 0px rgba(21,24,27,0.78);
}

    .main-sidebar .brand-link .brand-text {
        margin-left: 8px;
    }
/*.main-sidebar .brand-link .brand-image {
		float: left;
		line-height: .8;
		margin:0;
		width: 60px;
	}*/
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    box-shadow: none;
}

.sidebar .user-panel {
    display: none;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active {
    /*background-color: #a4bcbc;*/
    background-color: var(--SideBarPanelColor);
    text-decoration: none;
    /*color: #b0b6bd;*/ color: var(--SideBarFontColor);
    text-decoration: none;
    padding: 15px 10px;
    white-space: nowrap;
    /*font-size: 14px;*/ font-size: var(--SideBarFontSize);
    display: block;
}

.nav-sidebar > .nav-item {
    position: relative;
}

    .nav-sidebar > .nav-item .nav-icon {
        position: absolute;
        left: -56px;
        top: 0;
        width: 56px;
        height: 50px;
        background: none;
        background-repeat: no-repeat;
        background-position: center;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon {
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #1d8acf;
        background-repeat: no-repeat;
        background-position: center;
    }


    .nav-sidebar > .nav-item a .nav-icon.getting-started-icon {
        background: var(--GettingStartedIcon) no-repeat center center;
        /*background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.getting-started-icon {
        background: white var(--GettingStartedIcon) no-repeat center center;
        /*  background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.configuration-icon {
        background: var(--ConfigurationIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.configuration-icon {
        background: white var(--ConfigurationIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.device-ins-icon {
        /*//background: url(../images/Device-Insights.png) no-repeat center center;*/
        background: var(--DeviceInsightIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.device-ins-icon {
        /*background: white url(../images/Device-Insights-hover.png) no-repeat center center;*/
        background: white var(--DeviceInsightIcon) no-repeat center center;
        /*        background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.user-ins-icon {
        /*background: url(../images/usermenu-iconnew.png) no-repeat center center;*/
        background: var(--UserInsightIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.user-ins-icon {
        /*background: white url(../images/user-iconnew-hover.png) no-repeat center center;*/
        background: white var(--UserInsightIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.device-mns-icon {
        /*background: url(../images/device-management1.png) no-repeat center center;*/
        background: var(--DeviceMgmtIcon) no-repeat center center;
        background-size: 40px 40px;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.device-mns-icon {
        /*background: white url(../images/device-management1-hover.png) no-repeat center center;*/
        background: white var(--DeviceMgmtIcon) no-repeat center center;
        /*background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.content-mns-icon {
        /*background: url(../images/content-management-icon.png) no-repeat center center;*/
        background: var(--ContentMgmtIcon) no-repeat center center;
        /*background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.content-mns-icon {
        /*background: white url(../images/content-management-icon-hover.png) no-repeat center center;*/
        background: white var(--ContentMgmtIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }


    .nav-sidebar > .nav-item a .nav-icon.service-icon {
        /*background: url(../images/Service.png) no-repeat center center;*/
        background: var(--ServicesIcon) no-repeat center center;
        /*background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.service-icon {
        /*background: white url(../images/Service-hover.png) no-repeat center center;*/
        background: white var(--ServicesIcon) no-repeat center center;
        background-size: 40px 40px;
    }

    /**manage-icon*/
    .nav-sidebar > .nav-item a .nav-icon.customer-icon {
        /*background: url(../images/manage-new.png) no-repeat center center;*/
        background: var(--CustomerIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.customer-icon {
        /*background: white url(../images/Help-hover.png) no-repeat center center;*/
        background: white var(--CustomerIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.contact-icon {
        /*background: url(../images/Contact-Us.png) no-repeat center center;*/
        background: var(--ContactUsIcon) no-repeat center center;
        background-size: 40px 40px;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.contact-icon {
        /*background: white url(../images/Contact-Us-hover.png) no-repeat center center;*/
        background: white var(--ContactUsIcon) no-repeat center center;
        /*background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.help-icon {
        /*background: url(../images/Help.png) no-repeat center center;*/
        background: var(--HelpIcon) no-repeat center center;
        background-size: 40px 40px;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.help-icon {
        /*background: white url(../images/Help-hover.png) no-repeat center center;*/
        background: white var(--HelpIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    /**content-mns-icon*/


    .nav-sidebar > .nav-item a .nav-icon.contract-manager-icon {
        /*//background: url(../images/Device-Insights.png) no-repeat center center;*/
        background: var(--ContractManagerIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.contract-manager-icon {
        /*background: white url(../images/Device-Insights-hover.png) no-repeat center center;*/
        background: white var(--ContractManagerIcon) no-repeat center center;
        /*  background-size: 40px 40px;*/
    }

    /*manage-app-icon*/

    .nav-sidebar > .nav-item a .nav-icon.manage-app-icon {
        /*background: url(../images/device-management1.png) no-repeat center center;*/
        background: var(--AppIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.manage-app-icon {
        /*background: white url(../images/device-management1-hover.png) no-repeat center center;*/
        background: white var(--AppIcon) no-repeat center center;
        /*  background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.started-icon {
        background: url(../images/dashboard-logo.png) no-repeat center center;
    }

    .nav-sidebar > .nav-item a .nav-icon.dashboard-icon {
        background: url(../images/dashboardnew.png) no-repeat center center;
    }


    .nav-sidebar > .nav-item a .nav-icon.home-icon {
        /*background: url(../images/home-new.png) no-repeat center center;*/

        background: var(--HomeIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.home-icon {
        /*background: white url(../images/Device-Insights-hover.png) no-repeat center center;*/
        background: white var(--HomeIcon) no-repeat center center;
        /* background-size: 40px 40px;*/
    }

    .nav-sidebar > .nav-item a .nav-icon.marketplace-icon {
        background: url(../images/marketplace.png) no-repeat center center;
    }














    .nav-sidebar > .nav-item a .nav-icon.dashboard-icon {
        background: url(../images/dashboardnew.png) no-repeat center center;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.dashboard-icon {
        background: white url(../images/dashboardnew-hover.png) no-repeat center center;
    }


    .nav-sidebar > .nav-item a .nav-icon.alret-icon {
        background: url(../images/Alerts.png) no-repeat center center;
    }

    .nav-sidebar > .nav-item.menu-open a .nav-icon.alret-icon {
        background: white url(../images/Alerts-hover.png) no-repeat center center;
    }



    .nav-sidebar > .nav-item.menu-open a i.nav-icon:before, .nav-sidebar > .nav-item a i.nav-icon:before {
        display: none;
    }

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 17px;
}

.nav-sidebar .menu-open > .nav-link i.right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link padding-bottom: 13px;
padding-top: 12px;
}

.nav-sidebar .nav-link p {
    font-size: 14px;
    list-style: none;
    color: #747a81;
    margin-left: 0px;
    padding-left: 0px;
}

.nav-treeview {
    padding: 0;
    /*background-color: #23282d;*/
    background-color: var(--SideBarPanelColor);
    -webkit-box-shadow: inset 0px 0px 8px 0px rgb(21 24 27 / 80%);
    -moz-box-shadow: inset 0px 0px 8px 0px rgb(21 24 27 / 80%);
    box-shadow: inset 0px 0px 8px 0px rgb(21 24 27 / 80%);
}

.nav-sidebar .nav-treeview li {
    list-style: none;
    color: #747a81;
    font-size: 14px;
    border-bottom: 1px solid var(--TableLineColor,#201919);
    /*background-color: transparent;*/
    background-color: var(--SideBarPanelColor);
    position: relative;
    margin: 0;
    padding: 0;
}

.nav-treeview > .nav-item > .nav-link.active, .nav-treeview > .nav-item > .nav-link.active:focus, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    /*background-color: transparent;*/
    background-color: var(--SideBarPanelColor);
    color: #1d89cf;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover {
    /*background-color: transparent;*/
    background-color: var(--SideBarPanelColor);
    /*color: #fff;*/
    color: var(--SideBarFontColor);
}
/*child menu item css*/

.nav-sidebar .nav-treeview li::before {
    content: '';
    position: absolute;
    border-color: #747a81;
    border-style: solid;
    border-width: 1px;
    height: 10px;
    top: 1.6em;
    left: 17px;
    width: 10px;
    border-radius: 50%;
    display: none;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active {
    padding-left: 15px !important;
}

[class*="sidebar-dark-"] li.has-treeview ul.nav-treeview li ul.nav-treeview li a.nav-link.active {
    padding-left: 25px !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active.selected {
    background: white;
    color: #fff;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active.selected {
    background: white;
    color: #fff;
}

[class*="sidebar-dark-"] li.has-treeview ul.nav-treeview li ul.nav-treeview li a.nav-link.active.selected {
    background: white;
    color: #fff;
}
/*child menu css ended*/

/* top nave ended*/

.content-wrapper {
    /*background: #000;*/
    background-color: var(--BodyPanelColor);
}

.content-header {
    padding: 15px .5rem;
    /*	background-color: {{account:: getColorBasedOnEvent()}}*/
    /*background-color: var(--HeaderColor);*/
    background-color: var(--TopPanelColor);
}

.content-wrapper > .content {
    padding: 0 .5rem;
}

.content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    color: var(--FontColor);
    /*  color: #747a81;*/
}

    .content .card {
       /*   background-color: #a4bcbc;*/
       background-color: var(--BodyFrontPanelColor,#a4bcbc);
        box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
        margin-bottom: 2rem;
        border: 0;
        border-radius: 0rem;
    }

        .content .card .card-body {
            /* color: #949ea9;*/ color: var(--FontColor);
            padding-top: 24px;
            padding-bottom: 24px;
        }

        .content .card.wire-bg {
            background-image: url(../images/wire.png);
            background-position: center 92%;
            background-repeat: no-repeat;
            background-size: auto;
        }

        .content .card .card-body .card-icons {
            margin-bottom: 30px;
        }

        .content .card .card-body, .content .card .card-title {
            /*color: #949ea9;*/
            color: var(--FontColor);
        }

            .content .card .card-body .card-title {
                color: #fff;
                text-transform: uppercase;
                font-size: 24PX;
                position: relative;
                margin-bottom: 34px;
                float: none;
            }

                .content .card .card-body .card-title:before {
                    content: "";
                    width: auto;
                    height: 1px;
                    display: block;
                    margin-top: 35px;
                    background: #31353a;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: -23px;
                    left: 0;
                    right: 0;
                }

                .content .card .card-body .card-title:after {
                    content: "";
                    position: absolute;
                    width: 35px;
                    height: 2px;
                    display: block;
                    margin-top: 15px;
                    background: #fff;
                    margin-left: auto;
                    margin-right: auto;
                    bottom: -23px;
                    left: 0;
                    right: 0;
                }

.content-header h1 {
    font-size: 20px;
    margin: 0;
    /*color: #fff;*/ color: var(--TitleTextColor);
}

.content-header span {
    font-size: 14px;
    /*  color: #747a81;*/
    color: var(--TitleSubTextColor,#747a81);
}

.content .card .btn.buttons {
    font-size: 16px;
    padding: 13px .75rem;
    min-width: 202px
}
/*right side content*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 15px;
    padding-right: 15px;
}

.navmenu {
    padding-left: 52px;
    background-color: var(--SideBarPanelColor);
    /*background: #1e2226 url(../images/left-sidebar.png) repeat left top;*/
    height: 100vh;
    font-family: var(--SideBarFontFamily);
}

.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0;
}

.nav-pills .nav-link {
    border-radius: 0;
}


/* Device page css */

.content-wrapper .content .alret-bar {
    background-color: #a4bcbc;
    font-size: 20px;
    color: #747a81;
}

.alret-bar .btn {
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.bg-dark {
    background-color: transparent !important;
    color: var(--FontColor,white) !important;
}

.content-wrapper .content .card .card-header {
    border-bottom: 1px solid transparent;/*#2e3338*/
}

    .content-wrapper .content .card .card-header h4 {
        font-size: 16px;
        font-weight: 300;
        /*border-bottom: 1px solid #2e3338;*/
        /*color: #fff;*/
    }

    .content-wrapper .content .card .card-header .card-tools, .content-wrapper .content .card .card-header .card-tools a {
        color: #898989;
        font-size: 14px;
    }

.dashboard-wrapper .content .card .card-header .card-tools, .dashboard-wrapper .content .card .card-header .card-tools a {
    color: #898989;
    font-size: 14px;
}

.content-wrapper .content .card .card-header .card-tools li {
    padding: 5px 14px;
}

.dashboard-wrapper .content .card .card-header .card-tools li {
    padding: 5px 14px;
}

.content-wrapper .content .card .card-header .card-tools li.active, .content-wrapper .content .card .card-header .card-tools li:hover {
    background-color: #fff;
    border-radius: 20px;
    padding: 5px 14px;
}

.dashboard-wrapper .content .card .card-header .card-tools li.active, .dashboard-wrapper .content .card .card-header .card-tools li:hover {
    background-color: #fff;
    border-radius: 20px;
    padding: 5px 14px;
}

.content-wrapper .content .card .card-header .card-tools li:last-child {
    color: #898989;
    font-size: 14px;
    background-color: transparent;
}

.dashboard-wrapper .content .card .card-header .card-tools li:last-child {
    color: #898989;
    font-size: 14px;
    background-color: transparent;
}

.fnt-16-l {
    font-size: 16px;
    font-weight: 300;
    color: #949ea9;
}

ul.baseulli li {
    font-size: 16px;
    font-weight: 300;
    color: #949ea9;
    list-style: none;
    line-height: 30px;
}

ul.baseulli.blue li::before, ul.baseulli.orange li::before, ul.baseulli.purple li::before, ul.baseulli.green li::before {
    content: "\2022";
    font-weight: bold;
    font-size: 24px;
    display: inline-block;
    width: 2rem;
    margin-left: -2em;
}

ul.baseulli.blue li::before {
    color: #1d89cf;
}

ul.baseulli.orange li::before {
    color: #fab656;
}

ul.baseulli.purple li::before {
    color: #983fd7;
}

ul.baseulli.green li::before {
    color: #b2e43d;
}

/* Device page css */


/* LISTING PAGE CSS*/

.listing-page .btn.btnSubmit {
    font-weight: 500;
    /*color: #fff;*/
    color: var(--ButtonTextColor);
    min-width: auto;
    /* background-color: white;*/
    background-color: var(--ButtonColor);
    border: none;
    border-radius: 20px;
    cursor: pointer;
    /*font-family: 'Myriad Pro';*/
    font-size: 16px;
}

.listing-page .form-control, .listing-page select, .listing-page button {
    width: 100%;
    background-color: #a4bcbc;
    border-color: #545b64;
    border-radius: 0;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    /*background-color: rgb(44, 50, 57);*/
    /*background-color: lighten((var(--TableColor)), 50%);*/
}

.table-bordered td, .table-bordered th {
    border: 1px solid #3a4046;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom: 1px solid #000;
    font-weight: 600;
}

.listing-page .addNew {
    font-size: 20px;
}

.listing-page .pagination .page-item .page-link {
    color: #747a81;
    background-color: transparent;
    border: 1px solid var(--TableTextColor);
    /*  background-color: var(--ButtonColor);
    color: var(--FontColor);*/
}

    .listing-page .pagination .page-item .page-link:hover, .listing-page .pagination .page-item .page-link.active {
        /*     color: #fff;
        background-color: #1d8acf;*/
        background-color: var(--TableColor);
        color: var(--TableTextColor);
        border: 1px solid var(--TableTextColor,#1d8acf);
    }

.listing-page .pagination .page-item:first-child .page-link, .listing-page .pagination .page-item:last-child .page-link {
    border-radius: 0;
    /* background-color: #1d8acf; color: #fff;*/
    border: 1px solid var(--TableTextColor,#1d8acf);
    background-color: var(--TableColor);
    color: var(--TableTextColor);
    font-family: var(--FontFamily);
}

.page-item.active .page-link {
    z-index: 3;
    color: black;
    background-color: white !important;
    border: 1px solid var(--TableTextColor,#1d8acf);
}

.listing-page .addNew > .btn {
    color: #fff;
    background-color: #007bff;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    font-family: 'Myriad Pro';
    font-size: 16px;
    width: auto;
}

    .listing-page .addNew > .btn:hover {
        color: #fff;
        background-color: #15181b;
        border: none;
    }
/* LISTING PAGE CSS*/


/*COMMON FORMS CSS  */
.forms .form-control, .forms select {
    width: 100%;
    color: #747a81;
    background-color: #a4bcbc;
    border-color: #545b64;
    border-radius: 0;
}

.forms .custom-select {
    color: #747a81;
}

.forms .btn.btnSubmit {
    font-weight: 500;
    width: 100%;
    color: #fff;
    min-width: auto;
    background-color: #1d8acf;
    padding: 8px 20px;
    border: none;
    cursor: pointer;
    font-family: 'Myriad Pro';
    font-size: 16px;
}

    .forms .btn.btnSubmit:hover {
        background-color: #000;
    }

.forms .addNew > .btn {
    color: #fff;
    background-color: #1d8acf;
    border: none;
    padding: 8px 20px;
    font-size: 16px;
    font-family: 'Myriad Pro';
    font-size: 16px;
    width: auto;
}

    .forms .addNew > .btn:hover {
        color: #fff;
        background-color: #15181b;
        border: none;
    }

.forms .form-control:focus, .forms .custom-select:focus {
    border-color: #205a7f;
    box-shadow: none;
    border: 1px solid #205a7f;
}

.forms textarea.form-control {
    height: 180px;
}

.forms button {
    border-color: #545b64;
    border-radius: 0;
}

    .forms button:hover, .forms .btn:hover {
        background-color: #15181b;
        border: none;
    }
/*.forms a.btn {line-height: normal; padding: 12px 20px}*/
/*COMMON FORMS CSS  */


/*dilog box css*/
body .alertify .ajs-dialog {
    background-color: #a4bcbc;
}

body .alertify .ajs-header {
    color: #fff;
    font-weight: normal;
    background: #32363a;
    border-bottom: 1px solid #2e3338;
    font-size: 20px;
}

body .alertify .ajs-body .ajs-content {
    padding: 24px 24px 24px 16px;
}

body .alertify .ajs-body {
    color: #fff;
}

body .alertify .ajs-footer {
    background: #a4bcbc;
    border-top: #2e3338 1px solid;
}

    body .alertify .ajs-footer .ajs-buttons .ajs-button {
        color: #fff;
        font-weight: normal !important;
        border-radius: 20px;
        outline: none;
        min-height: auto;
        padding: 4px 12px;
    }

        body .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
            background-color: #dc3545 !important;
            color: #fff;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

            body .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
                background-color: #c82333 !important;
                color: #fff;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            }

body button.ajs-button.ajs-cancel {
    background-color: #0069d9 !important;
    color: #fff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    body button.ajs-button.ajs-cancel:hover {
        background-color: #1d8acf !important;
        color: #fff;
    }



/* Css for chart device dashboard */
.donut-chart .carousel {
    width: 100%;
}

div#pieChartResult_15 div > div {
    margin: 0 auto;
}

    div#pieChartResult_15 div > div g > text {
        fill: #949ea9;
        font-size: 14px;
    }

@media (min-width: 576px) {
}

@media (min-width: 768px) {
    /*Login page css started*/

    .login-form .logo {
        text-align: left
    }

    .login-form h4 {
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        display: block;
        margin-top: 10px;
        text-align: left;
    }

        .login-form h4:after {
            content: "";
            width: 51px;
            height: 3px;
            display: block;
            margin-top: 22px;
            background: #1d8acf;
            margin-left: 0
        }
    /*Login page css ended*/


    /*dashboard page css started */
    .content .card .card-body .card-title:before {
        width: 270px;
    }
    /* device page css */
    .content-wrapper .content .card .card-header h4 {
        font-size: 20px;
    }

    .content-wrapper .content .card .card-header .card-tools li {
        padding: 5px 20px;
    }

        .content-wrapper .content .card .card-header .card-tools li.active, .content-wrapper .content .card .card-header .card-tools li:hover {
            background-color: #fff;
            border-radius: 20px;
            padding: 5px 20px;
        }

        .dashboard-wrapper .content .card .card-header .card-tools li.active, .content-wrapper .content .card .card-header .card-tools li:hover {
            background-color: #fff;
            border-radius: 20px;
            padding: 5px 20px;
        }
    /*alert page css started */
    .bg-amber {
        background-color: #FFBF00;
    }

    .alert-section label {
        font-weight: 400 !important;
        color: #b0b6bd !important;
    }

    /* LISTING PAGE CSS*/

    .listing-page .custom-select {
        color: #747a81;
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .navbar .navbar-nav .nav-item {
        padding-left: 10px;
        padding-right: 10px;
        background: none;
    }

    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 258px;
    }

    .sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link, .sidebar-mini .nav-sidebar > .nav-header {
        overflow: inherit;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-left: 0;
        width: 52px;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 52px !important;
    }
}

@media (min-width: 1200px) {
    .p-left0 {
        padding-left: 0;
    }
}


/*11-6-2020*/
.main-sidebar .brand-link {
    text-align: center;
}

    .main-sidebar .brand-link .brand-image {
        float: none;
        max-width: 100%;
        max-height: inherit;
    }

.main-sidebar .brand-link {
    padding: 5px 10px;
    min-height: 71px;
    background-image: none;
    background-color:var(--TopBarColor,#15181b);
    max-height: 71px;
    line-height: 60px;
}
/*11-6-2020*/

/*3-7-2020*/
/*.sidebar-collapse .main-sidebar .brand-link .brand-image{max-height:30px;}*/
/*.nav-sidebar > .nav-item a .nav-icon.started-icon {
    background: url(../images/dashboard-logo.png) no-repeat center center;
}

.nav-sidebar > .nav-item a .nav-icon.dashboard-icon {
    background: url(../images/dashboardnew.png) no-repeat center center;
}

.nav-sidebar > .nav-item a .nav-icon.manage-icon {
    background: url(../images/manage-new.png) no-repeat center center;
}

.nav-sidebar > .nav-item a .nav-icon.home-icon {*/
/*background: url(../images/home-new.png) no-repeat center center;*/

/*background: var(--HomeIcon) no-repeat center center;
    background-size: 40px 40px;
}

.nav-sidebar > .nav-item a .nav-icon.marketplace-icon {
    background: url(../images/marketplace.png) no-repeat center center;
}*/

.login-form .logo {
    text-align: center;
}

.viewdetail a {
    display: block;
    border-radius: 5px;
    margin-top: 25px;
    color: #fff;
}

.viewdetail .small-box {
    /*background-color: #1f2328;*/
    background-color: var(--BodyFrontPanelColor, #1f2328);
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

    .viewdetail .small-box i {
        color: rgba(255,255,255,0.55);
    }

.viewdetail {
    margin-bottom: 20px;
}

/*3-7-2020*/

/*21-7-2020*/
.container1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    max-width: 100% !important;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100% !important;
    width: 100%;
    height: 100%;
}

.gotoportal {
    color: #fff !important;
}

.loader .spinner {
    position: relative;
    top: 70%;
    left: 50%;
}

.container1 .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
}

.container1 iframe {
    background: transparent;
    z-index: 1;
}

#loader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
}

.isagree {
    font-size: 14px;
    text-align: justify;
}

.alertdiv span {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 30px;
    margin: auto;
}

.alertdiv {
    text-align: center;
}

.alert-parent {
    display: flex;
    padding: 0px 3px;
    justify-content: center;
    align-items: center;
}

    .alert-parent label {
        font-size: 15px;
        margin-top: 10px;
    }

    .alert-parent a {
        width: 115px;
    }

#myModal .form-control, .custom-select, .btn-default {
    /*color: #b0b6bd !important;*/
    color: var(--FontColor);
}

.responsive-iframe .banner {
    border: unset !important;
    border-bottom: 1px solid #ebeef0 !important;
}

.mycontent-right {
    border-right: 1px solid #fff;
}

    .mycontent-right a {
        color: #fff;
    }

.reviews-service .card-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/*28-7-2020*/

/*02-09-2020*/
.devicedetail-title {
    float: left;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.custom-file-label {
    background-color: #a4bcbc;
    border: 1px solid #545b64;
    color: #fff !important;
    border-radius: 0px;
}

    .custom-file-label::after {
        background-color: #1d8acf;
        color: #fff;
        border-radius: 0px;
    }

#loadingElement {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#loadingElement::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-color: #007bff;
    border-top-color: transparent;
    border-width: 6px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
/*02-09-2020*/
.btn-hide-cs {
    display: none;
}
/*9-9-2021*/



.mobility-block .card-body {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 220px;
    padding-left: 220px
}

.icon-block {
    width: 180px;
    text-align: center;
    background: #1f2328;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

    .icon-block img {
        max-width: 70px
    }

.info-block {
    flex: auto
}

.mobility-block .btn.btn-primary {
    position: absolute;
    right: 50px;
    padding: 15px 40px;
    border-radius: 50px
}
/*.info-block h4{color:#fff;margin:0 0 20px}*/
.info-block h4 {
    margin: 0 0 20px 40px
}

.info-block ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .info-block ul li {
        background: url(../images/check.png) no-repeat left center;
        padding: 0 0 0 40px;
        margin: 0 0 15px
    }

@media only screen and (max-width:1199px) {
    .mobility-block .card-body {
        padding-right: 160px;
        padding-left: 160px;
    }

    .icon-block {
        width: 140px;
    }

    .mobility-block .btn.btn-primary {
        right: 18px;
        padding: 10px 25px;
        font-size: 14px;
    }
}

@media only screen and (max-width:767px) {
    .mobility-block.card .card-body {
        padding: 15px;
        display: block
    }

    .icon-block {
        width: auto;
        position: relative;
        margin: -15px -15px 15px;
        padding: 15px
    }

        .icon-block img {
            max-width: 46px
        }

    .info-block h4 {
        margin: 0 0 10px
    }

    .info-block ul li {
        background: url(../images/check.png) no-repeat left 2px;
        padding: 0 0 0 25px;
        margin: 0 0 10px;
        background-size: 15px auto;
        font-size: 14px;
        line-height: 18px
    }

    .mobility-block .btn.btn-primary {
        position: relative;
        right: auto;
        margin: 10px 0 0
    }

    /*-----------------------*/
    /*Global css*/
    * {
        scrollbar-width: thin;
        scrollbar-color: #e6e2dc #fbfaf9;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 10px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 6px
        }

    ::-webkit-scrollbar-thumb {
        background-color: #e6e2dc;
    }

    ::-webkit-scrollbar-track {
        background-color: #fbfaf9;
    }

    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

    body {
        background-color: #fbfaf9;
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;
        color: #262625;
    }

    a, button {
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    a {
        text-decoration: none;
        color: #0060FF;
    }

        a:hover {
            text-decoration: none;
            outline: 0;
            color: #000;
        }

    a, img {
        border: none;
        outline: none;
    }

    img {
        max-width: 100%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    label {
        font-weight: 400;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: 'Noto Sans', sans-serif;
        line-height: 1.3;
        margin: 0;
        padding: 0 0 20px;
        color: #262625;
        font-weight: 700;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 26px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 22px;
    }

    ul, ol {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    p {
        display: block;
        line-height: 26px;
        margin: 0;
        padding: 0 0 20px;
        font-family: 'Noto Sans', sans-serif;
        color: #262625;
        font-size: 14px;
    }

        p:last-child {
            padding: 0;
        }

    .btn-custom {
        cursor: pointer;
        background: #0060ff;
        border: none;
        display: inline-block;
        font-size: 14px;
        color: #fff;
        border-radius: 30px;
        font-family: 'Noto Sans', sans-serif;
        padding: 5px 30px 6px;
        outline: none;
        font-weight: 700;
    }

        .btn-custom:hover, .btn-custom:focus {
            background: #262523;
            color: #fff;
            outline: none;
        }

    .full-wdth {
        display: block;
        width: 100%;
        position: relative;
    }

    .form-control {
        background: #fff;
        border-radius: 0;
        border: solid 1px #bfb8af;
        outline: none;
        height: 32px;
        line-height: 32px;
        padding: 0 10px;
        font-size: 14px;
        color: #585858;
    }

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #d9d9d9;
            outline: 0;
            box-shadow: none;
            outline: none;
        }

        .form-control::-webkit-input-placeholder {
            color: #585858;
        }

        .form-control:-ms-input-placeholder {
            color: #585858;
        }

        .form-control::placeholder {
            color: #585858;
        }

    textarea.form-control {
        height: 100px;
    }

    button:focus {
        outline: none;
    }

    select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 10px;
        height: 32px !important;
        line-height: 32px;
        background: #fff url(../images/select-arrow.svg) no-repeat center right 10px;
    }

    label {
        display: block;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 6px;
    }

    /* checkbox */
    .custom-checkbox {
        display: block;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 400;
        margin-bottom: 0;
    }

        .custom-checkbox input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
        border: solid 2px #262625;
        border-radius: 3px;
    }

    .custom-checkbox input:checked ~ .checkmark {
        background-color: #0060ff;
        border-color: #0060ff;
    }

    .checkmark::after {
        content: "";
        position: absolute;
        display: none;
    }

    .custom-checkbox input:checked ~ .checkmark::after {
        display: block;
    }

    .custom-checkbox .checkmark::after {
        left: 4px;
        top: -1px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }
    /*checkbox end*/

    /*Global css end*/

    .header {
        background-color: #262523;
        padding-right: 15px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .nav-icon {
        width: 48px;
        border-right: solid 1px #000;
        height: 64px;
        line-height: 64px;
        text-align: center;
        display: block;
        margin-right: 15px;
    }

    .logo {
        margin-right: 15px;
    }

    .logo-name {
        padding-left: 15px;
        border-left: solid 1px #fff;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }

    .nav-open .side-block {
        width: 48px;
    }

        .nav-open .side-block:hover {
            width: 230px;
        }

        .nav-open .side-block ul li .nav-bio {
            opacity: 0;
            width: 0;
        }

        .nav-open .side-block:hover ul li .nav-bio {
            opacity: 1;
            width: auto;
        }

        .nav-open .side-block ul li.sub-menu-list > a::after {
            opacity: 0;
        }

        .nav-open .side-block:hover ul li.sub-menu-list > a::after {
            opacity: 1;
        }

        .nav-open .side-block ul li.sub-menu-list .sub-menu {
            display: none
        }

        .nav-open .side-block:hover ul li.sub-menu-list .sub-menu {
            display: block
        }

    .side-block {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #f5f3f1;
        width: 230px;
        padding: 80px 8px 30px;
        transition: all 0.3s ease;
        z-index: 99;
        overflow: auto;
    }

        .side-block::-webkit-scrollbar:vertical {
            width: 6px
        }

        .side-block::-webkit-scrollbar-thumb {
            background-color: #e6e2dc;
        }

        .side-block::-webkit-scrollbar-track {
            background-color: #f5f3f1;
        }

        .side-block ul li {
            list-style: none;
            font-size: 14px;
            margin-bottom: 5px;
        }

            .side-block ul li a {
                color: #262523;
                display: flex;
                align-items: center;
                position: relative;
                padding: 6px 4px;
                border-left: solid 2px transparent;
            }

                .side-block ul li.active a, .side-block ul li a:hover {
                    font-weight: 700;
                    background-color: #e6e2dc;
                    border-color: #0060ff;
                }

                .side-block ul li a .icon-nav {
                    display: block;
                    margin-right: 10px;
                    width: 22px;
                    flex: 0 0 22px;
                }

                    .side-block ul li a .icon-nav img {
                        display: block;
                        margin: 0 auto;
                    }

                .side-block ul li a .nav-bio {
                    transition: all 0.3s ease;
                    white-space: nowrap;
                }

            .side-block ul li.sub-menu-list > a::after {
                top: 50%;
                margin-top: -7px;
                transition: all 0.3s ease;
                background: url(../images/nav-arrow.svg) no-repeat center right;
                width: 13px;
                height: 12px;
                position: absolute;
                right: 8px;
                content: "";
                transition: all 0.3s ease;
            }

            .side-block ul li a[aria-expanded="true"] {
                font-weight: 700;
            }

                .side-block ul li a[aria-expanded="true"]::after {
                    transform: rotate(90deg);
                }

            .side-block ul li.sub-menu-list .sub-menu {
                margin: 0;
                padding: 10px 0 0 35px;
            }

                .side-block ul li.sub-menu-list .sub-menu li {
                    margin: 0 0 5px;
                }

                    .side-block ul li.sub-menu-list .sub-menu li:last-child {
                        margin: 0;
                    }

                    .side-block ul li.sub-menu-list .sub-menu li a {
                        display: block;
                        padding: 0 10px;
                        border-left: solid 2px transparent;
                        line-height: 32px;
                        height: 32px;
                    }

                        .side-block ul li.sub-menu-list .sub-menu li a:hover, .side-block ul li.sub-menu-list .sub-menu li.active a {
                            background-color: #e6e2dc;
                            border-color: #0060ff;
                            font-weight: 700;
                        }

    .nav-open .dashboard-block {
        padding-left: 75px;
    }

    .dashboard-block {
        padding: 90px 30px 30px 260px;
        transition: all 0.3s ease;
    }

    .heading-block {
        padding-bottom: 30px;
    }

        .heading-block h1 {
            font-weight: 700;
            padding: 0;
            margin: 0;
            font-size: 32px;
        }

    .ans-card-block ul {
        display: flex;
        flex-wrap: wrap;
    }

        .ans-card-block ul li {
            padding-right: 30px;
            margin-bottom: 30px;
            width: 18%;
        }

    .list-card-block {
        background-color: #fff;
        border-top: solid 2px transparent;
        padding: 15px;
        height: 100%;
    }

    .red-border {
        border-color: #c62828;
    }

    .orange-border {
        border-color: #db6b22;
    }

    .list-heading {
        display: flex;
        font-weight: 700;
        color: #262523;
        font-size: 14px;
        padding-bottom: 2px;
        align-items: self-start;
        justify-content: space-between;
    }

        .list-heading i {
            flex: 0 0 23px;
        }

    .number-card {
        display: block;
        font-size: 32px;
        font-weight: 700;
        line-height: 100%;
        color: #262523;
    }

        .number-card small {
            font-size: 10px;
            line-height: 100%;
        }

    .device-card {
        margin-bottom: 45px;
    }

        .device-card h3 {
            font-weight: 700;
            font-size: 18px;
        }

    .map-block img {
        display: block;
        width: 100%;
    }

    .tab-outer-block {
        padding-bottom: 20px; /*margin-top: -55px;*/
    }

    .tab-app-block {
        border-bottom: solid 1px #BFB8AF;
    }

        .tab-app-block li {
            font-size: 14px;
        }

            .tab-app-block li a {
                display: block;
                color: #262523;
                padding: 5px 40px;
                position: relative;
            }

                .tab-app-block li a.active {
                    font-weight: 700;
                }

                .tab-app-block li a::after {
                    position: absolute;
                    bottom: -1px;
                    left: 0;
                    right: 0;
                    width: 0;
                    content: "";
                    height: 3px;
                    background-color: #262523;
                    transition: all 0.3s ease;
                }

                .tab-app-block li a.active::after, .tab-app-block li a:hover::after {
                    opacity: 1;
                    width: 100%;
                }

    .days-tab-block {
        border: solid 1px #BFB8AF;
        margin: -1px;
    }

        .days-tab-block li {
            font-size: 14px;
            margin: -2px;
            border: solid 1px transparent;
        }

            .days-tab-block li.active, .days-tab-block li:hover {
                border-color: #000;
                background: #fff;
            }

            .days-tab-block li a {
                color: #262523;
                display: block;
                padding: 6px 10px;
            }

    .graph-img {
        text-align: center;
    }

    .filter-android {
        padding-bottom: 15px;
    }

        .filter-android .form-group {
            margin: 0;
        }

        .filter-android label {
            font-size: 14px;
            font-weight: 700;
            margin: 0 0 5px;
        }

    .search-android {
        width: 265px;
    }

    .search-icon-btn {
        position: absolute;
        top: 4px;
        right: 0;
        border: none;
        background: none;
    }

    .filter-android .select-all {
        width: 165px;
        margin-left: 30px;
    }

    .custom-table {
        margin-bottom: 25px;
    }

        .custom-table table {
            margin: 0;
            width: 100% !important;
        }

            .custom-table table tr th {
                background-color: #F2EEE9;
                border-bottom: none;
                border-top: none;
            }

            .custom-table table tr th, .custom-table table tr td {
                font-size: 14px;
                padding: 5px 15px;
                width: auto !important;
            }

            .custom-table table tr td {
                background-color: #fbfaf9;
                border-bottom: solid 1px #c7c0b9;
                border-top: none;
                padding: 5px 15px 5px 30px;
            }

    .white-space-block table tr th, .white-space-block table tr td {
        white-space: nowrap;
    }
    /* .fixed-custom-table table tr{position:relative;} */
    .fixed-custom-table table tr .table-nav {
        display: block;
        position: sticky;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 10px;
        border-left: solid 1px #c7c0b9;
        height: 32px;
        min-width: 32px;
    }

        .fixed-custom-table table tr .table-nav .table-down {
            width: 100%;
            display: block;
            text-align: center;
            padding: 5px 0;
        }

    .table-nav-th {
        border-left: solid 1px #c7c0b9;
        width: 35px;
    }

    .fixed-custom-table table tr .table-nav.dropdown.show {
        z-index: 1;
    }

    .custom-table ::-webkit-scrollbar-thumb {
        background-color: #e6e2dc;
        border-radius: 10px;
    }

    .custom-table ::-webkit-scrollbar-track {
        background-color: #fbfaf9
    }


    .home-card {
        /*  background-color: #fff;
         background-color: red;
        border-top: solid 2px #bfb8af;*/
        padding-bottom: 20px;
    }

    .home-info {
        padding: 20px 15px;
        position: relative;
    }

    .home-icon {
        display: block;
        position: absolute;
        top: 20px;
        right: 15px;
    }

        .home-icon img {
            display: block;
        }

    .home-info h3 {
        padding-bottom: 0;
        margin-bottom: 0;
        min-height: 65px;
        font-size: 18px;
        font-weight: 700;
        padding-right: 25px;
    }

        .home-info h3 a {
            color: #000;
        }

    .view-btn {
        text-align: right;
        /*border-top: solid 4px #fbfaf9;*/
        padding: 10px 15px;
    }

        .view-btn a {
            /*color: #0060FF;*/
            font-weight: 700;
            font-size: 14px;
        }

    /*footer*/
    .footer {
        background-color: #262523;
    }

    .sign-page-footer {
        padding: 15px 15px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
    }

        .sign-page-footer p {
            color: #fff;
            font-size: 13px;
        }
    /*footer end*/


    /**sign-page**/
    .sign-page-header {
        padding: 15.5px 15px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .sign-page-block {
        background: #F5F3F1;
        height: 100vh;
        min-height: 678px;
    }

    .signIn-img {
        width: 100%;
    }

        .signIn-img img {
            width: 100%;
            height: 100%;
            min-height: 678px;
            object-fit: cover;
        }

    .signIn-block {
        max-width: 496px;
        margin-left: auto;
        padding: 80px;
        flex: 0 0 496px;
    }

    .signIn-card {
        width: 100%;
    }

    .signIn-heading {
        padding-bottom: 30px;
    }

    .signIn-card h3 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 10px;
        line-height: 27px;
    }

    .signIn-card p {
        line-height: 21px;
    }

    .signIn-card .form-group {
        margin-bottom: 30px;
    }

        .signIn-card .form-group:last-child {
            margin-bottom: 0;
        }

    .sign-in-btns {
        padding-top: 25px;
        padding-bottom: 20px;
    }

        .sign-in-btns .btn-custom {
            width: 135px;
            text-align: center;
        }

    .forgot-tag {
        display: block;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
    }

    .reset-btn .btn-custom {
        width: 48%;
    }

    .cancel-btn {
        background-color: #f2eee9;
        color: #262523;
        border: solid 1px #bfb8af;
        padding: 4px 30px 5px;
    }

        .cancel-btn:hover {
            border-color: #262523;
        }

    .dropdown-menu {
        min-width: 80px;
        padding: 8px;
        margin: 0;
        font-size: 14px;
        color: #000000;
        border: none;
        border-radius: 0;
        box-shadow: 0px 2px 12px rgba(38, 37, 35, 0.12);
    }

        .dropdown-menu a {
            font-size: 14px;
            color: #000000;
            text-align: left;
            padding: 5px 8px;
            display: block;
        }

            .dropdown-menu a:hover {
                background-color: #e6e2dc;
            }

    .pagination-ruselt {
        position: relative;
        justify-content: center;
    }

        .pagination-ruselt .all-ruselt {
            position: absolute;
            top: 0;
            left: 0;
        }

    .all-ruselt span {
        display: block;
        padding-right: 10px;
    }

    .all-ruselt .form-control {
        width: 65px;
        margin-right: 10px;
    }

    .all-form-btn {
        padding-top: 10px;
    }

        .all-form-btn .btn-custom {
            margin-left: 15px;
        }

    .search-alerts {
        max-width: 500px;
    }

        .search-alerts .btn-custom {
            width: 100%;
        }

    .alerts-list ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        padding: 10px 15px;
        margin-bottom: 2px;
    }

    .alert-info {
        display: inline-block;
    }

    .alert-number {
        display: inline-block;
        min-width: 20px;
        height: 20px;
        border-radius: 30px;
        text-align: center;
        line-height: 20px;
        color: #fff;
        padding: 0 5px;
        font-size: 11px;
        margin-left: 10px;
        font-weight: 600;
    }

    .read {
        background-color: #dc3545;
    }

    .yellow {
        background-color: #FFBF00;
    }

    .user-block {
        height: 66px;
    }

    .user-sign-block {
        display: flex;
        height: 100%;
        line-height: 100%;
        width: 25px;
        align-items: center;
    }

        .user-sign-block img {
            width: 100%;
            height: 25px;
            object-fit: cover;
            border-radius: 25px;
        }

    .user-name {
        display: block;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 15px;
    }

        .user-name span {
            display: block;
            font-weight: 400;
        }

    .user-block .dropdown-menu {
        min-width: 180px;
        padding: 15px;
    }

    .signOut {
        display: block;
    }

        .signOut a {
            padding: 0;
        }

            .signOut a:hover {
                background: #fff;
            }

    .disabled {
        pointer-events: none;
        opacity: 0.6;
    }

    .custom-popup .modal-dialog {
        max-width: 680px;
    }

    .custom-popup .modal-content {
        display: block;
        border: none;
        border-radius: 0;
        padding: 20px;
    }

    .custom-popup .modal-body {
        padding: 0;
    }

    .custom-popup .custom-table {
        margin-bottom: 0;
    }

    .close {
        position: absolute;
        top: 15px;
        right: 18px;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 32px;
    }

        .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: 20px;
            width: 20px;
            left: 6px;
            bottom: 6px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider {
        background-color: #0060ff;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    .slider.round {
        border-radius: 34px;
    }

        .slider.round:before {
            border-radius: 50%;
        }

    .iframe-Block {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%;
        max-width: 100% !important;
    }

        .iframe-Block iframe {
            width: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            max-width: 100% !important;
            width: 100%;
            height: 100%;
        }

    .custom-table table tr th::before, .custom-table table tr th::after {
        display: none !important;
    }

    .custom-table table tr th.sorting, .custom-table table tr th.sorting_desc, .custom-table table tr th.sorting_asc {
        background: #F2EEE9 url(../images/table-arrow.svg) no-repeat center left 15px;
    }

    .custom-table table tr th {
        padding-left: 30px;
    }

    .dataTables_length {
        margin-bottom: 15px;
        float: left;
    }

        .dataTables_length .form-control {
            width: 65px;
            margin: 0 10px;
        }

        .dataTables_length label {
            font-weight: 400;
            margin: 0;
        }

    .dataTables_filter {
        max-width: 265px;
        margin-left: auto;
    }

        .dataTables_filter label {
            margin: 0;
        }

    .pagination li {
        text-align: center;
        margin: 0 3px;
        line-height: 14px;
    }

        .pagination li a.page-link {
            margin-left: 0;
            color: #262625;
            background-color: inherit;
            border: none;
            padding: 0 5px;
            line-height: 18px;
        }

        .pagination li.active .page-link {
            color: #262625;
            background-color: inherit;
            border-color: inherit;
        }

        .pagination li a.page-link:focus {
            box-shadow: none;
        }

        .pagination li .form-control {
            width: 35px;
            padding: 0;
            text-align: center;
        }

        .pagination li.inactive img {
            opacity: 0.6;
        }

        .pagination li.previous a {
            font-size: 0px;
            background: url(../images/last-preview.svg) no-repeat center center;
            width: 10px;
            height: 17.5px;
            border-radius: 0 !important;
            padding: 0;
        }

        .pagination li.next a {
            font-size: 0px;
            background: url(../images/last-next.svg) no-repeat center center;
            width: 10px;
            height: 17.5px;
            border-radius: 0 !important;
            padding: 0;
        }


    .contact-info-list {
        padding: 25px 0 0 0;
    }

        .contact-info-list ul li {
            display: flex;
            font-size: 15px;
            margin-bottom: 20px;
        }

            .contact-info-list ul li i {
                display: block;
                width: 26px;
                flex: 0 0 26px;
                margin-right: 10px;
            }

    .img-card .home-info h3 {
        min-height: auto;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .user-img-block {
        height: 220px;
    }

        .user-img-block img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    .dataTables_scrollBody {
        min-height: 200px;
    }

    .switch-group {
        align-items: center;
        font-weight: 700;
    }

        .switch-group .switch {
            margin-bottom: 0;
            margin-right: 10px;
        }

    .table-responsive {
        margin: 0;
    }

    .dt-buttons.pull-right {
        margin: 0 !important;
        float: right;
    }

    .message-block {
        background: #e6efff;
        border: solid 1px #dce5f5;
        padding: 5px 10px;
        margin-bottom: 15px;
    }

    .select-all-mrg .select-all {
        margin-left: 0;
        margin-right: 15px;
    }

    .date {
        position: relative;
    }

    .input-group-append {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .input-group-text {
        background-color: inherit;
        border: none;
        border-radius: 0;
    }

    .android-list-search .dataTables_filter {
        margin-bottom: 15px;
        margin-left: inherit;
    }

    .dataTables_scroll {
        margin-bottom: 20px;
    }


    .outerTableBlock {
        margin-bottom: 20px;
    }

    .datepicker.dropdown-menu {
        border: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0px 2px 12px rgb(38 37 35 / 12%) !important;
        padding: 20px !important;
    }

    .datepicker-dropdown:before, .datepicker-dropdown:after {
        display: none !important;
    }

    .datepicker td, .datepicker th {
        /*width: 32px !important;
    height: 32px !important;*/
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        padding: 5px 7.5px !important;
    }

    .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
        background-color: #E6E2DC !important;
        background-image: inherit !important;
        border: none !important;
    }

    .dataTables_filter .form-control {
        background: url(../images/search-icon.svg) no-repeat center right 10px;
    }

    .table-responsive {
        min-height: 200px;
    }


    @-moz-document url-prefix() {
        .fixed-custom-table table tr .table-nav {
            display: table-cell;
            border-left: none;
        }

            .fixed-custom-table table tr .table-nav:after {
                border-left: solid 1px #c7c0b9;
                position: absolute;
                left: 0;
                top: 0;
                bottom: -1px;
                content: "";
                border-bottom: solid 1px #c7c0b9;
                width: 100%;
                z-index: -1;
            }
    }

    /*//*/
    .mobility-block .card-body {
        display: flex;
        align-items: center;
        /* position: relative;*/
        padding-right: 220px;
        padding-left: 220px
    }

    .icon-block {
        width: 180px;
        text-align: center;
        background: #e6e2dc;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 50px 0 20px 0;
    }

        .icon-block img {
            max-width: 70px
        }

    .info-block {
        flex: auto
    }

    .mobility-block .btn.btn-primary {
        position: absolute;
        right: 50px;
        padding: 15px 40px;
        border-radius: 50px
    }
    /*.info-block h4{color:#fff;margin:0 0 20px}*/
    /*.info-block h4{ margin:0 0 20px 40px}*/
    .info-block ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .info-block ul li {
            background: url(../images/check.png) no-repeat left center;
            padding: 0 0 0 40px;
            margin: 0 0 15px
        }

    @media only screen and (max-width:1199px) {
        .mobility-block .card-body {
            padding-right: 160px;
            padding-left: 160px;
        }

        .icon-block {
            width: 140px;
        }

        .mobility-block .btn.btn-primary {
            right: 18px;
            padding: 10px 25px;
            font-size: 14px;
        }
    }

    @media only screen and (max-width:767px) {
        .mobility-block.card .card-body {
            padding: 15px;
            display: block
        }

        .icon-block {
            width: auto;
            position: relative;
            margin: -15px -15px 15px;
            padding: 15px
        }

            .icon-block img {
                max-width: 46px
            }

        .info-block h4 {
            margin: 0 0 10px
        }

        .info-block ul li {
            background: url(../images/check.png) no-repeat left 2px;
            padding: 0 0 0 25px;
            margin: 0 0 10px;
            background-size: 15px auto;
            font-size: 14px;
            line-height: 18px
        }


        .mobility-block .btn.btn-primary {
            position: relative;
            right: auto;
            margin: 10px 0 0
        }
    }
}