/*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;border-top:solid 2px #bfb8af;}
.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
    }
}