@charset "utf-8";

/*Common styling Start*/
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 88%;
    }
}

html {
    font-size: 62.5%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #232323;
    font-size: 1.4rem;
    background-color: #f6f6f6;
}

p {
    margin-bottom: 0;
}

.display-none {
    display: none !important;
}

.form-control {
    /* height: 26px; */
    font-size: 1.4rem;
    border-radius: 4px;
}

.form-group {
    margin-bottom: 1.5rem;
}

.main-wrapper {
    overflow: hidden;
}

.top-header {
    background: #a71e22;
    height: 40px;
    padding: 3px 10px;
    color: #fff;
}

.loaderWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
}

    .loaderWrap i {
        top: 50%;
        position: relative;
        font-size: 4rem;
        color: #fff;
    }

.icon-font-size {
    font-size: 20px;
}

.fa {
    font-size: 20px;
}

.mastersMainWrapper {
    overflow: hidden;
}

.font-bold {
    font-weight: bold;
}

.relative {
    position: relative;
}

.menuscroll {
    position: relative;
}

.scrolltop .ps__rail-y {
    top: 0px !important;
}

a:hover {
    text-decoration: none;
}

.background-Red {
    background-color: #b51c30;
}

.background-Green {
    background-color: #28a745;
}

.status_label_full {
    color: #fff;
    font-size: 11px;
    float: right;
    padding: 7px 7px;
    border-radius: 3px;
    width: 100% !important;
}

.disable {
    opacity: .4;
    cursor: default;
}

.selected {
    background-color: #B0BED9;
}

.margin-bottom {
    margin-bottom: 20px;
}

.navigator_default_busy {
    color: red !important;
}

.mapReset {
    position: absolute;
    right: 120px;
    top: 17px;
    background: #fff;
    border: 1px solid #fff;
}

.selectStyle1 select {
    border-radius: 4px;
}
/*Common styling End*/

/*Common width styling Start*/

.width15 {
    width: 15%;
}

.width17 {
    width: 206px !important;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width35 {
    width: 35%;
}

.width40 {
    width: 40%;
}

.width70 {
    width: 70% !important;
}

.width-220 {
    width: 220px;
}

.wd5 {
    width: 5%;
}

.wd7 {
    width: 7%;
}

.wd10 {
    width: 10%;
}

.wd15 {
    width: 15%;
}

.wd20 {
    width: 20%;
}

.wd25 {
    width: 25%;
}

.wd30 {
    width: 30%;
}

.wd40 {
    width: 40%;
}

.wd50 {
    width: 50% !important;
}

/*Common width styling End*/

/*Login page specific styling Start*/
.login-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-size: cover;
    background: #e8e8e8;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

    .login-wrap .login-content {
        min-width: 80%;
    }

.loginBG {
    background: url(../images/login_img_optimized.svg) left top no-repeat;
    background-size: cover;
    border-radius: 10px 0px 0px 10px;
    background-position: bottom;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.signInFormBG {
    background: #fff;
    border-radius: 0px 15px 15px 0px;
}

.signinLogo {
    width: 100%;
    margin-bottom: 0;
    display: block;
    max-width: 350px;
}

.rightB0x {
    width: 49%;
    background: #fff;
    height: calc(80vh);
    border-radius: 0 15px 15px 0;
    padding: 50px;
}

.signInBox {
    width: 80%;
    margin: 40px auto;
}

    .signInBox span {
        font-size: 1.4rem;
        display: block;
        padding-left: 0.7rem;
        margin-bottom: 2rem;
    }

h1 {
    margin-bottom: 43px;
    font-size: 2.8rem;
    width: 100%;
}

.sign {
    padding: 10px 30px;
    background: #5ca6e9;
    color: #fff;
}

.box-forgotPass {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 0px;
}

.box-signBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.change-pwd {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 600px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin: 0 auto;
}
/*Login page specific styling End*/

/*Common button css*/
.btn-primary:hover,
.btn-primary:focus {
    background: #be1a2d;
    border: 1px solid #d92337;
}

.btn-primary {
    background: #d92337;
    font-size: 1.4rem;
    border-radius: 7px;
    border: 1px solid #d92337;
}

.btn-secondary {
    color: #717171;
    background-color: #fff;
    border-color: #717171;
    border-radius: 7px;
    font-size: 1.4rem;
}

.btn_dealloc {
    color: grey;
    font-size: 14px !important;
    margin-top: 3px;
    margin-right: 5px;
    right: 4px;
    top: 4px;
    color: #da433c;
    position: absolute;
}

/*Common clear search textbox css start*/
.clearFilter-btn {
    color: #717171;
    background-color: #fff;
    border-color: #717171;
    border-radius: 7px;
    font-size: 1.4rem;
}

    .clearFilter-btn:hover {
        color: #717171;
        border-color: #be1a2d;
        background-color: transparent;
    }

    .clearFilter-btn:focus {
        color: #717171;
        border-color: #be1a2d;
        background-color: transparent;
    }

.has-clear ::-ms-clear {
    display: none;
}

.has-clear {
    width: 100%;
    display: flex;
    position: relative;
}

    .has-clear .form-control-clear {
        top: 4px;
        right: 5px;
        z-index: 10;
        cursor: pointer;
        position: absolute;
    }

        .has-clear .form-control-clear .fa {
            color: #999999;
        }

.dataTables_scrollHeadInner .has-clear .form-control-clear {
    z-index: 1;
}
/*Common clear search textbox css end*/
/*Layout top and left portion css start*/
.top-header .menu-toggle {
    color: #fff;
    padding: 0px 5px;
    font-size: 18px;
}

.logo-date-wrap {
    display: flex;
    align-items: center;
    padding-top: 2px;
}

.applogo img {
    height: 35px;
}

.date-time {
    padding-left: 10px;
}

.header-service-office {
    display: flex;
    align-items: center;
}

    .header-service-office label {
        margin: 0;
    }

    .header-service-office select {
        background: transparent;
        border: 1px solid #fff;
        padding: 0px 22px 0 0px;
        height: 26px;
        border-radius: 4px;
        min-width: 52px;
    }

    .header-service-office .select .form-control {
        background-color: #fff;
        color: #000;
    }

    .header-service-office .select select {
        color: #fff;
    }

    .header-service-office .select::after {
        color: #777;
        top: 5px;
        right: 4px;
    }

.sidebar-left {
    position: fixed;
    top: 40px;
    height: calc(100vh - 40px);
    background: #313232;
    z-index: 9999;
    width: 81px;
    /*left: -72px;*/
    left: 0px;
    display: none;
}

    .sidebar-left.open {
        /*left: 0;*/
    }

    .sidebar-left .navigation-left {
        margin: 0;
        padding: 0;
        font-size: 1.4rem;
        text-align: center;
        word-wrap: break-word;
    }

        .sidebar-left .navigation-left a {
            color: #fff;
            display: block;
            padding: 10px 0px;
            border-bottom: 1px solid #fff;
            background: #1d1f1e;
            word-wrap: break-word;
        }

            .sidebar-left .navigation-left a:hover,
            .sidebar-left .navigation-left .nav-item.active a {
                background: #485163;
            }

        .sidebar-left .navigation-left .menu-toggle {
            font-size: 18px;
            background: #313232;
        }

        .sidebar-left .navigation-left a img {
            width: 32px;
        }

.sidebar-left-secondary {
    display: none;
    position: fixed;
    top: 40px;
    height: calc(100vh - 40px);
    background: #485163;
    left: -220px;
    z-index: 89;
    width: 220px;
    transition: all .24s ease-in-out;
}

    .sidebar-left-secondary.open {
        left: 81px;
        display: block;
    }

.sidebar-left-secondary-scheduler {
    position: fixed;
    top: 40px;
    height: calc(100vh - 40px);
    background: #485163;
    left: -220px;
    z-index: 88;
    width: 220px;
}

    .sidebar-left-secondary-scheduler.open {
        left: 0px;
    }

.sidebar-overlay.open {
    display: block;
}

.main-content-wrap.sidenav-open {
    width: calc(100% - 72px);
}

.sidebar-overlay {
    display: none;
    position: fixed;
    width: calc(100% - 72px);
    height: calc(100vh - 40px);
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 88;
    cursor: default;
}

.sidebar-left-secondary-scheduler.open-sch {
    left: 0px;
}

.sidebar-left-secondary-scheduler.only-sch-sidebar {
    left: -147px;
}

.sidebar-left-secondary-scheduler .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #6e7e92;
    border-color: #fff;
    height: 25px;
    border-color: #b4b6b9;
    border-bottom: 1px solid #465064;
    background-color: #485163;
}

.GridListViewWrapper {
    background: #384258;
    height: 35px;
}

.main-content-wrap-scheduler.open-sch {
    width: calc(100% - 72px);
}

.main-content-wrap.sidenav-open {
    width: calc(100% - 72px);
}

.main-content-wrap-scheduler.sidenav-open {
    width: calc(100% - 292px);
}

.main-content-wrap {
    /*width: calc(100% - 72px);*/
    width: 100%;
    min-height: calc(100vh - 40px);
    float: right;
    background: #ccc;
    position: relative;
}

.main-content-wrap-scheduler {
    width: calc(100% - 72px);
    min-height: calc(100vh - 40px);
    float: right;
    background: #ccc;
}

    .main-content-wrap-scheduler.full {
        width: 100%;
    }

.nav-master {
    border-top: 0px solid #766971;
    font-size: 1.4rem;
    list-style: none;
    padding: 0;
}

    .nav-master li {
    }

        .nav-master li a {
            color: #fff;
            display: block;
            padding: 7px 11px;
            border-bottom: 1px solid #606065;
        }

            .nav-master li a:focus {
                text-decoration: none;
            }

        .nav-master li .second-level-menu {
            background: #13161d;
            padding: 0px 0px 0px 20px;
            overflow: auto;
            max-height: 320px;
        }

        .nav-master li .scroll-wrapper {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

            .nav-master li .scroll-wrapper .second-level-menu {
                display: block !important;
            }

        .nav-master li .second-level-menu li {
            border-left: 1px dashed #ccc;
        }

        .nav-master li .second-level-menu a {
            border-bottom: 0px;
            padding-left: 20px;
            display: inline-block;
            width: 100%;
        }

        .nav-master li .second-level-menu li a:before {
            content: '';
            position: relative;
            left: -20px;
            width: 10px;
            top: 10px;
            height: 1px;
            background: #fff;
            display: block;
        }

        .nav-master li .second-level-menu a:hover,
        .nav-master li .second-level-menu a.active {
            background: #850b16;
        }

        .nav-master li a .fa-caret-down.fa-caret-up:before {
            content: "\f0d8" !important;
            font-family: FontAwesome;
        }

        .nav-master li a .fa {
            font-size: 20px;
        }

.hide-menu {
    display: none;
}
 
.layout2 .hide-scheduler-sidebar, .layout2 .show-scheduler-sidebar {
    top: 75px;
}
.layout3 .hide-scheduler-sidebar, .layout3 .show-scheduler-sidebar {
    top: 40px;
}  
    .hide-scheduler-sidebar, .show-scheduler-sidebar {
    position: absolute;
    top: 41px;
     right: -22px;
  /*  right: auto;*/
    width: 22px;
    height: 32px;
    background: #485163;
    border-radius: 0px 7px 7px 0px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding-top: 4px;
    text-align: center;
    z-index: 99;
}

.show-scheduler-sidebar {
    display: none;
    left : 0;
}

    .show-scheduler-sidebar .fa-angle-double-left:before {
        content: "\f101";
        font-family: FontAwesome;
    }

.search-menu-sidebar {
    padding: 10px;
}

    .search-menu-sidebar li #searchResults .zerostatemsg {
        height: 81vh;
    }

    .search-menu-sidebar li.search {
        display: flex;
        align-items: stretch;
        /*justify-content: space-between;*/
    }

        .search-menu-sidebar li.search .has-clear .form-control-clear {
            right: 10px;
            position: absolute;
        }

.sidebar-left .navigation-left a span {
    display: block;
    margin-top: 4px;
}

.sidebar-left-secondary-scheduler.GridView {
    width: 30%;
}

    .sidebar-left-secondary-scheduler.GridView.only-sch-sidebar {
        width: 30% !important;
        left: -30%;
    }

.sidebar-left-secondary-scheduler .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #485163;
    border-color: #fff;
}

.sidebar-left-secondary-scheduler .nav-tabs .nav-link {
    border-top-left-radius: .70rem;
    border-top-right-radius: .70rem;
    color: #b4b6b9;
    line-height: 12px;
    font-size: 1.2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem;
}
/*Layout top and left portion css end*/

/* Custom Select and arrow start*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background-image: none;
}
    /* Remove IE arrow */
    select::-ms-expand {
        display: none;
    }

.select {
    position: relative;
    margin: 0px 20px 0px 10px;
    padding: 0 0px 0px 8px;
    background: none;
    overflow: hidden;
    border-radius: 4px;
}

    .select select {
        flex: 1;
        padding: 0 .5em;
        color: #000;
        cursor: pointer;
        padding-right: 25px;
    }

    .select::after {
        content: '\276F';
        font-family: FontAwesome;
        position: absolute;
        top: 7px;
        right: 10px;
        padding: 0 0.3em 0 0;
        background: none;
        cursor: pointer;
        pointer-events: none;
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
        transform: rotate(90deg);
        color: #777;
    }

    .select:hover::after {
    }
/* Custom Select and arrow end*/

.titleArea {
}

.areaTitle {
}

.groupedBySection {
}

    .groupedBySection span {
    }

    .groupedBySection label {
    }

.GridViewWrapper {
    position: absolute;
    bottom: 0;
    right: 10px;
    left: 10px;
    top: 44px;
}

.titleArea {
    display: flex;
    font-size: 12px;
    align-items: center;
    line-height: normal;
    position: relative;
}

.areaTitle {
    color: #fff;
    padding-right: 10px;
    margin-right: 10px;
    font-weight: 600;
    border-right: 0px solid #fff;
}

.groupedBySection {
    color: #ed8d21;
    min-width: 175px;
}

    .groupedBySection span {
        padding-right: 10px;
    }

    .groupedBySection label {
        margin: 0;
        border: 1px solid;
        padding: 2px 10px;
        border-radius: 4px;
    }

.switchView {
    position: absolute;
    right: 0;
    top: 0;
}

    .switchView a {
        color: #fff;
        padding: 0px;
        cursor: pointer;
        display: inline-block;
        width: 21px;
        height: 22px;
        opacity: 0.60;
        border: 1px solid #fff;
    }

        .switchView a:hover,
        .switchView a.active {
            opacity: 1;
        }

    .switchView .ShowTechFilter {
        border: 0;
        opacity: 1;
    }

.tableWrapper {
    position: absolute;
    bottom: 32px;
    top: 37px;
    right: 0;
    left: 0;
}


/*GridView*/

.sop-grid-container .table {
    font-size: 12px;
    margin-bottom: 0;
}

    .sop-grid-container .table thead th {
        background: #eaeaea;
        white-space: nowrap;
        position: relative;
    }

    .sop-grid-container .table td.status-txt {
        font-size: 16px;
    }

.so-fix-col {
    float: left;
    width: 115px;
}

.so-scroll-area {
    overflow: auto;
    float: left;
    border-left: 1px solid #d2d2d2;
}

.wo-textbox {
    width: 90px;
}

.un-textbox {
    width: 80px;
}

.date-textbox {
    width: 100px;
}

select.form-control:not([size]):not([multiple]).asgn-select {
    height: 26px;
    min-width: 75px;
}

.sop-grid-container th .form-control {
    font-size: 12px;
    padding: 6px 7px;
}

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

.show-wo-notification {
    font-size: 9px;
    color: #549d24;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

.service-order-header .grouped-by {
    margin-left: 10px;
    border-left: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    overflow: auto;
    display: flex;
    width: 70%;
}

.label-grouped-by {
    border: 1px solid #fff;
    padding: 2px 4px;
    border-radius: 4px;
    margin-left: 7px;
    margin-bottom: 0;
    float: left;
    display: inline-block;
    white-space: nowrap;
}

.grouped-by-txt {
    margin-top: 3px;
    padding-left: 10px;
    display: inline-block;
    white-space: nowrap;
}

.grouped-by-border-1 td:first-child {
    border-left: 8px solid #53a7da;
}

.grouped-by-border-2 td:first-child {
    border-left: 8px solid #eb9c12;
}

.wo-notification-wrap {
    background: #faf8e7;
    position: absolute;
    left: 112px;
    top: 6px;
    width: 150px;
    z-index: 9;
    box-shadow: 0px 0px 5px 0px #0000009e;
    padding: 10px;
    border-radius: 4px;
    display: none;
}

    .wo-notification-wrap p {
        margin: 0;
        color: #000;
    }

    .wo-notification-wrap .fa-caret-left {
        color: #888888;
        position: absolute;
        margin-top: 0px;
        left: -7px;
        z-index: 99;
        font-size: 17px;
    }

.sop-grid-container table td {
    position: relative;
}

.wo-header-option {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 5px 0px #0000009e;
    font-weight: normal;
    position: absolute;
    z-index: 9;
    right: 4px;
    display: none;
    text-align: left;
}

    .wo-header-option ul {
        padding: 0;
        margin: 0;
    }

        .wo-header-option ul li {
            list-style: none;
        }

            .wo-header-option ul li a {
                color: #000;
                font-size: 14px;
                padding: 7px 10px;
                display: block;
                border-bottom: 1px solid #d2d2d2;
            }

                .wo-header-option ul li a i {
                    color: #7d7d7d;
                    padding-right: 4px;
                }

            .wo-header-option ul li:last-child a {
                border-bottom: 0px;
            }

.show-header-option {
    cursor: pointer;
}

.un-th .wo-header-option {
    left: 50px;
    right: auto;
}

.wo-th .wo-header-option {
    left: 80px;
    right: auto;
}

.promise-th .wo-header-option {
}

.status-th .wo-header-option {
}

.datepicker-th {
}

    .datepicker-th .form-control {
        background: transparent;
        z-index: 2;
        position: relative;
        cursor: pointer;
        width: 100px;
    }

    .datepicker-th .fa {
        position: absolute;
        right: 10px;
        top: 6px;
        z-index: 1;
        color: #a5a5a5;
        font-size: 14px;
    }

    .datepicker-th .datepicker-place {
        background: #fff;
        border-radius: 4px;
        display: inline-block;
        position: relative;
    }

.wo-pagination {
    text-align: center;
    padding: 7px 10px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}
.layout3 #order-listing_paginate {
    bottom: 0px !important;
}
/*.rightBottom .wo-pagination{
    bottom: -40px;
}*/
/*.TechViewWrap .wo-pagination {
    bottom: 25px !important;
}*/
.wo-pagination a {
    color: #999;
    padding-left: 5px;
}

    .wo-pagination a:not([href]):hover {
        color: #999;
    }

.TechViewWrap .wo-pagination a:not([href]):hover {
    color: #000;
}

.TechViewWrap .wo-pagination a {
    color: #000;
}

.TechViewWrap .wo-pagination span.page-numbers {
    color: #000;
}

.wo-pagination .first-page {
}

.wo-pagination .prev-page {
}

.wo-pagination .page-numbers {
    color: #999;
}

.wo-pagination .next-page {
}

.wo-pagination .last-page {
}

.GridViewWrapper .wo-pagination a {
    color: #fff;
}

.wo-pagination a:hover {
    text-decoration: none;
}

.wo-pagination .page-numbers,
.wo-pagination a:not([href]):hover {
    color: #fff;
}

.masterGridPagination .wo-pagination a {
    color: #666;
}

.wo-pagination .page-numbers,
.wo-pagination a:not([href]):hover {
    color: #666;
}

.GridViewWrapper .wo-pagination .page-numbers, .wo-pagination a:not([href]):hover {
    color: #fff;
}

.wo-pagination a:hover {
    text-decoration: none;
}

.assigned-col {
    color: #999;
}

.tableWrapper table {
}

    .tableWrapper table tbody {
    }

    .tableWrapper table th {
        color: #fff;
        position: relative;
        white-space: nowrap;
        background: #485063;
        border-top: 0;
        font-size: 1.2rem;
    }

    .tableWrapper table td {
        background: #fff;
        font-size: 1.2rem;
        position: relative;
        white-space: nowrap;
        vertical-align: middle;
        border-top: 1px solid #dee2e6;
        min-height: 20px;
    }

    .tableWrapper table th .form-control {
        font-size: 1.4rem;
        height: 26px;
        background-color: #fff;
    }


/* table .wo-th{width: 140px;} */

table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

.DTFC_LeftWrapper {
    z-index: 9;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 5px 8px;
    cursor: pointer;
    padding-left: 5px;
}

.dataTables_scrollBody tbody tr td:first-child {
    display: table;
}

.GridViewWrapper th .select {
    margin: 0;
    padding: 0;
}

.GridViewWrapper.autoOverflow {
    overflow: auto !important
}

.DTFC_LeftBodyWrapper {
    /*border-right: 1px solid #ccc;*/
}

.dataTables_sizing .datepicker-place .fa {
    z-index: 0;
}

.groupedBySection .fa {
    margin-left: 4px;
    cursor: pointer;
}

.ListViewWrapper {
    display: none;
}

div.dataTables_length {
    display: none;
}

.datepicker-th .select {
    margin: 0;
    display: inline-flex;
    width: 50px;
    height: 26px;
    margin-right: 10px;
    padding: 0;
}

    .datepicker-th .select select {
        color: #777;
        background: #fff;
        border-radius: 3px;
    }



.gj-icon.chevron-right:before {
    content: '\276F';
    font-family: FontAwesome;
}

.gj-icon.chevron-left:before {
    content: '\276E';
    font-family: FontAwesome;
}

.daterangepicker select.monthselect {
    border: 1px solid #ccc;
    padding: 0px 4px;
}

.tableWrapper table td .fa-user,
.tableWrapper table td .fa-users {
    color: #175be7;
}

.ui-widget.ui-widget-content li {
    font-size: 12px;
}

.ui-timepicker {
    width: 100% !important;
    padding: 0px !important;
}

.ui-timepicker-viewport {
    width: 100% !important;
}

.ui-timepicker-standard .ui-state-hover {
    border: 0px;
}

/*Map and Tech View*/
.MapViewTechViewWrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
}

    .MapViewTechViewWrap .subheader {
        height: 40px;
        background-image: linear-gradient(#fff, #efefef);
        border-bottom: 1px solid #ccc;
    }
.subheader {
    background-image: linear-gradient(#fff, #efefef);
}

.MapViewWrap {
    height: 100%;
    position: relative;
}

.TechViewWrap {
    height: 100% !important;
    position: relative;
    border-top: 1px solid #999;
}

    .TechViewWrap.full {
        height: 95%;
    }

#googleMap {
    position: relative;
    width: 100%;
    height: 100%;
}

/*Technician View*/
/*.layout2 .technican_listing {
    height: calc(100% - 80px);
}*/

.technican_listing {
    position: relative;
    bottom: 40px;
    top: 0px;
    left: 0;
    right: 0;
    height: calc(100% - 42px)
}

    .technican_listing::-webkit-scrollbar {
        width: 2px;
    }

    .technican_listing::-webkit-scrollbar-track {
        background: #ddd;
    }

    .technican_listing::-webkit-scrollbar-thumb {
        background: #555;
    }

        .technican_listing::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    .technican_listing .zerostatemsg {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        /*z-index: 9999;*/
        position: absolute;
    }

/*eSlate map styling start*/

.drop_btn {
    margin: 0 auto;
    text-align: center;
    top: -2px;
    background-color: #dedede;
    z-index: 1;
    border-radius: 2px;
    width: 100%;
    display: table;
    width: auto;
    float: right;
    margin-left: 15px;
    background: none;
    cursor: pointer;
    color: #000;
    font-size: 1.6rem;
}

    .drop_btn .fa {
        margin: 0 5px 4px 5px;
        position: relative;
        text-decoration: none;
    }

    .drop_btn .fa-expand-alt,
    .drop_btn .fa-compress-alt {
        font-size: 23px;
        color: #666;
        cursor: pointer;
    }

    .drop_btn .fa-angle-down,
    .drop_btn .fa-angle-double-up {
        font-size: 31px;
        color: #666;
        top: 4px;
        cursor: pointer;
    }

.MapViewWrap .drop_btn {
    position: absolute;
    right: 10px;
    top: 10px;
}
.layout2 .mapExpandCollapse {
    display: none;
}
.mapExpandCollapse {
    position: absolute;
    right: 60px;
    top: 12px;
    background: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
}

    .mapExpandCollapse .drop_btn {
        color: #000;
        position: relative;
        font-size: 1.6rem;
        top: auto;
        padding: 5px;
        margin: 0;
        text-align: center;
        right: auto;
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 7px;
    }

        .mapExpandCollapse .drop_btn .fa {
            margin: 0;
        }

.slate_collapse {
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

    .slate_collapse.rotate,
    .slate_collapse-up.rotate {
        transform: rotate(-180deg);
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
    }

.slate_fullscreen_active {
    position: fixed;
    width: 75vw;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
    bottom: 0;
    background-color: #ddd;
}

/*eSlate map styling end*/

.tooltip > .tooltip-inner {
    font-size: 10px;
    background-color: #0062cc;
}

.ui-tooltip > .ui-tooltip-content {
    font-size: 10px;
    background-color: #0062cc;
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    border-radius: 0.25rem;
}

.ui-tooltip {
    box-shadow: none;
    padding: 0px !important;
    border: 0px !important;
    border-radius: 0.25rem;
    color: #fff;
}

.custom_options .pull-left {
    float: left;
}

.custom_options .pull-right {
    float: left;
    margin-right: 13px;
}

.task-next-prev {
    float: left;
}

.today_date {
    margin-right: 15px;
    position: relative;
}

    .today_date::after {
        content: "";
        width: 1px;
        background: #89898a;
        height: 20px;
        position: absolute;
        right: -8px;
        top: 0;
    }

.task-next-prev .fa {
    font-size: 16px;
}

.task-next-prev a {
    margin-top: 5px;
    float: left;
}

.select_days {
    float: left;
}

.datepicker_custom::after {
    content: "";
    width: 1px;
    background: #89898a;
    height: 20px;
    position: absolute;
    right: -4px;
    top: 4px;
}


.custom_options {
    background: #eaeaea;
}

.action-checkbox {
    width: 130px;
    max-width: 130px;
}

.inner-table-1 td:first-child {
    max-width: 860px;
}

.colspan-tree {
    padding: 0px !important;
    padding-left: 10px !important;
    border-top: 0px !important;
}

.dropable_items {
    width: 100%;
    height: 100%;
}

.dpsd {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.floating-panel-dp {
    position: absolute;
    top: 0px;
    left: 30px;
}

.scheduler_default_tree_image_no_children {
    display: none;
}

.scheduler_default_rowheader_inner div {
    margin: 0 !important;
    font-size: 10px !important;
    position: relative;
}

    .scheduler_default_rowheader_inner div.shift-totalHours {
        flex: 0 0 100%;
        display: flex;
        margin-top: 6px !important;
    }

.scheduler_default_event_inner {
    /*width: 100%;*/
    float: left;
    align-items: baseline !important;
    padding: 0;
    top: 4px;
    border-width: 2px !important;
    /* height: 55px !important;*/
    background: #efefef;
    background: linear-gradient(360deg, rgba(255,255,255,1) 35%, rgba(221,221,221,1) 100%);
    background: rgb(239,239,239);
    background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 100%);
}

.scheduler_default_event_bar {
    top: 1.5px !important;
    left: 1px !important;
    right: 1px !important;
}

.scheduler_default_event_float_inner {
    width: 97%;
    padding-left: 0;
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
}

    .scheduler_default_event_float_inner .btn_dealloc {
        right: 5px;
    }

.scheduler_default_event_float {
    background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 35%, rgba(255,255,255,1) 100%);
    border-right: 1px solid #ccc;
}

.techName {
    font-weight: 600;
    cursor: pointer;
}

.shiftName,
.officeName {
    width: 100%;
    display: block;
    margin-top: 4px;
}

.techImg {
    margin-top: 4px;
}

.techMap {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 20px;
    color: #da433c;
}

.eventDelete,
.uText,
.eventCopy {
    position: absolute;
}

.eventDelete {
    right: 4px;
    top: 4px;
    color: #da433c;
}

.uText {
    bottom: 4px;
    left: 4px;
    font-size: 16px;
}

.eventCopy {
    bottom: 4px;
    right: 4px;
}

    .eventCopy .fa {
        font-size: 15px;
    }

.event_action_delete {
    opacity: 0;
}

.techPanelTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.serchByTech {
    display: flex;
    align-items: center;
    color: #c0c0c0;
}

    .serchByTech .search-icon {
        background: transparent;
        border: 0;
        padding: 5px;
        margin-left: 8px;
    }

.selectDuration {
    display: flex;
    align-items: center;
    height: 30px;
}

    .selectDuration .fa {
        font-size: 16px;
        color: #777777;
    }

    .selectDuration .select {
        margin-right: 10px;
        height: 26px;
        margin-left: 4px;
    }

        .selectDuration .select select {
            width: 75px;
            height: 26px;
            border-radius: 4px;
            background: #fff;
        }

    .selectDuration .ShowTechFilter {
        margin-left: 10px;
    }

.techDateWrap {
    display: flex;
    align-items: center;
}

    .techDateWrap .gotoTxt {
        margin-right: 6px;
        min-width: 35px;
    }

    .techDateWrap .datepicker-place {
        display: flex;
        align-items: center;
        width: 125px;
        color: #c0c0c0;
        background: #fff;
    }

        .techDateWrap .datepicker-place .form-control {
            cursor: pointer;
            background: transparent;
            position: relative;
            z-index: 2;
        }

        .techDateWrap .datepicker-place .fa {
            margin-left: -26px;
            color: #a5a5a5;
        }

.eventTooltipWrap {
    display: none;
    width: 480px;
    height: 330px;
    background: #1e3657;
    border-radius: 7px;
    position: relative;
    z-index: 9;
    color: #b1b7c3;
    padding: 10px;
    font-size: 11px;
}

.techDetailsTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .techDetailsTop .taskNameTime {
    }

        .techDetailsTop .taskNameTime .name {
            font-size: 18px;
        }

        .techDetailsTop .taskNameTime .time {
            font-style: italic;
        }

    .techDetailsTop .serviceCenterName {
        color: #ffc105;
        border: 1px solid #2a496d;
        padding: 4px 10px;
        border-radius: 20px;
    }

    .techDetailsTop .percentCompleted {
        color: #f6901e;
        align-items: center;
        display: flex;
    }

        .techDetailsTop .percentCompleted span {
            font-size: 18px;
            font-weight: 600;
            display: inline-block;
            line-height: 22px;
            padding-right: 3px;
        }

    .techDetailsTop .taskNumber {
        color: #fff;
        font-size: 12px;
    }

.taskDeatils {
}

    .taskDeatils .topDetails {
    }

        .taskDeatils .topDetails .custStatus {
            background: #344967;
            border-top: 1px solid #5c6d85;
            padding: 5px 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .taskDeatils .topDetails .custStatus .customerName {
            }

            .taskDeatils .topDetails .custStatus .status {
            }

    .taskDeatils .taskInfo {
        border-bottom: 1px solid #5c6d85;
        padding: 0px 10px 10px 10px;
    }

        .taskDeatils .taskInfo .row {
            padding-top: 10px;
        }

        .taskDeatils .taskInfo .col {
        }

.sliderArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .sliderArea .prevArrow {
    }

    .sliderArea .midSection {
        padding: 0;
    }

        .sliderArea .midSection .taskHighlights {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding-top: 15px;
            margin-bottom: 5px;
        }

            .sliderArea .midSection .taskHighlights .taskName {
            }

                .sliderArea .midSection .taskHighlights .taskName span {
                    font-size: 14px;
                    color: #fff;
                    display: block;
                }

            .sliderArea .midSection .taskHighlights .percentCircle {
                text-align: center;
            }

.taskHighlights .circle {
    width: 40px;
    height: 40px;
    display: block;
    background: transparent;
    border: 4px solid #dcdbda;
    border-radius: 50%;
    text-aligacn: center;
    line-height: 30px;
    margin: 0px auto;
    margin-bottom: 7px;
}

.taskHighlights .txtComplete {
}

.midSection .progressBar {
}

.midSection .legends p {
    margin-right: 10px;
}

.midSection .legends {
    display: flex;
    padding-top: 5px;
}

    .midSection .legends span {
        height: 10px;
        width: 10px;
        display: inline-block;
    }

    .midSection .legends .started {
    }

        .midSection .legends .started span {
            background: #27a744;
        }

    .midSection .legends .break {
    }

        .midSection .legends .break span {
            background: #ffc105
        }

    .midSection .legends .idle {
    }

        .midSection .legends .idle span {
            background: #e9ecef
        }

.timeSection {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #b1b7c3;
}

    .timeSection .leftPart,
    .timeSection .rightPart {
        display: flex;
    }

    .timeSection .timeSlot {
        border-right: 1px solid #fff;
        padding: 0px 10px;
    }

    .timeSection .time {
        font-size: 14px;
        color: #fff;
        display: inline-block;
    }

    .timeSection .desc {
        display: flex;
    }

    .timeSection img {
    }

.sliderArea .nextArrow {
}

    .sliderArea .prevArrow .fa,
    .sliderArea .nextArrow .fa {
        font-size: 27px;
        color: #499fd8;
    }

.eventTooltipWrap .carousel-indicators li {
    background: transparent;
    text-indent: 0;
}

.eventTooltipWrap .carousel-control-prev-icon {
    background-image: url(../images/technician_tooltip_scroll_left_icon.svg);
}

.eventTooltipWrap .carousel-control-next-icon {
    background-image: url(../images/technician_tooltip_scroll_right_icon.svg);
}

.eventTooltipWrap .carousel-control-next,
.eventTooltipWrap .carousel-control-prev {
    position: absolute;
    top: auto;
    bottom: 70px;
    right: 0px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3%;
    color: #fff;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
}

.descending .fa-sort-alpha-down:before {
    content: "\f15e";
    font-family: FontAwesome;
}

/*.expandHeight {
    height: 100% !important;
}*/

.collapseHeight {
   /* height: 0%;*/
}

.taskNumber {
    position: absolute;
    right: 0px;
    top: 6px;
    color: #fff;
}

.techInfoTooltipWrap {
    background: #1e3657;
    width: 440px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 99;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border-radius: 7px;
}

.techImageName {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .techImageName .techImg {
        margin: 0;
    }

    .techImageName .techName {
        margin-left: 10px;
        font-weight: normal;
        color: #bdc2cc;
        font-size: 14px !important;
    }

        .techImageName .techName .empID {
            color: #d94f5c;
            display: block;
        }

.modal-footer > * {
    margin: .6rem;
}

.modal-header .close {
    font-size: 2.5rem;
}

.modal-header .modal-title {
    font-size: 1.4rem;
    color: #000;
    font-weight: 600;
}

.modal-header,
.modal-body {
    background: #d7dbdd;
    border-bottom: 0;
}

.modal-footer {
    background: #fff;
}

.TechDetailsBody {
    background: #fff;
}

    .TechDetailsBody .nav-tabs .nav-link {
        color: #000;
        border-left: 0;
        height: 50px;
        display: flex;
        font-weight: 600;
        align-items: center;
        border-right: 1px solid #ccc;
        border-bottom: 5px solid transparent;
        padding: .7rem 1.5rem;
    }

        .TechDetailsBody .nav-tabs .nav-link.active {
            border-bottom: 2px solid #d92337;
            font-weight: 600;
            border-top: 0;
            border-radius: 0;
        }

.techDetailsTabBody {
    /*width: 100%;
    padding: 1rem;*/
    overflow: auto;
    position: relative;
    height: calc(100vh - 140px);
}

    .techDetailsTabBody .details-wrapper {
        width: 100%;
        padding: 0px 12px;
    }

        .techDetailsTabBody .details-wrapper .info-field {
            display: flex;
            font-size: 1.4rem;
        }

        .techDetailsTabBody .details-wrapper .labeloutput {
            color: #707171;
        }

        .techDetailsTabBody .details-wrapper h4 {
            font-size: 1.4rem;
            font-weight: bold;
        }

    .techDetailsTabBody .highlighted {
        background: #f9fafa;
    }

    .techDetailsTabBody .assignments-detalis {
        padding: 14px;
    }

.tab-content .techDetailsTabBody .zerostatemsg {
    height: 93%;
}

.techTimesheetBody {
    width: 100%;
    /*padding: 1rem;*/
    /*overflow: auto;*/
    position: relative;
    height: calc(100vh - 170px);
}

.label-Output {
    height: auto;
}

.formSectionWrap {
    border: 1px solid #ccc;
    padding: .5rem 1rem 1rem 1rem;
    border-radius: 7px;
    margin-top: 10px;
}

    .formSectionWrap .sectionTitle {
        position: relative;
        top: -16px;
    }

        .formSectionWrap .sectionTitle label {
            margin: 0;
            background: #fff;
            padding: 0px 4px;
            font-weight: 600;
            font-size: 1.3rem;
        }

    .formSectionWrap .formWrap {
    }


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.serviceCenterInfo {
    background: #efefef;
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 1.4rem;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
}

    .serviceCenterInfo label {
        margin: 0;
        padding-right: 10px;
        font-weight: 600;
        margin-right: 10px;
        border-right: 1px solid #ccc;
    }

    .serviceCenterInfo span {
        margin-right: 30px;
    }

.techFilterPop {
    background: #fff;
}

    .techFilterPop .nav-link {
        color: #666;
        border-left: 4px solid transparent;
    }

        .techFilterPop .nav-link.active {
            background: #f9fafa;
            border-left: 4px solid #a71e22;
            /*border-left: 4px solid #485263;Nikhil*/
            color: #000;
            border-radius: 0;
        }

    .techFilterPop .tab-content {
    }

    .techFilterPop .leftNavBlock {
        background: #d7dbdd;
        padding: 0px 0px 10px 0px;
    }

    .techFilterPop .filterRightside {
        background: #f9fafa;
    }

    .techFilterPop .tab-content .tab-pane {
        /*height: 385px;*/
        height: calc(100vh - 200px);
    }

    .techFilterPop .tab-content .contentWrap {
        padding: 10px 15px 0px 15px;
    }

    .techFilterPop .tab-content .sortrowby {
        /*height: 270px;*/
        height: calc(100vh - 300px);
    }

    .techFilterPop .tab-content .FilterFields {
        /*height: 360px;*/
        position: relative;
        height: calc(100vh - 250px);
    }

@supports (-moz-appearance:none) {
    .techFilterPop .tab-content .FilterFields {
        padding-right: 30px;
    }
}

.techFilterPop .tab-content .FilterFields .form-group {
    margin-bottom: 1rem;
}

    .techFilterPop .tab-content .FilterFields .form-group .promiseDate {
        display: flex;
    }

        .techFilterPop .tab-content .FilterFields .form-group .promiseDate span {
            width: 30%;
        }

        .techFilterPop .tab-content .FilterFields .form-group .promiseDate div {
            width: 70%;
        }

        .techFilterPop .tab-content .FilterFields .form-group .promiseDate span.select {
            margin-left: 0px;
            margin-right: 10px;
            padding-left: 0px;
        }

        .techFilterPop .tab-content .FilterFields .form-group .promiseDate .searchDate .form-control::-webkit-input-placeholder {
            font-size: 12px;
        }

        .techFilterPop .tab-content .FilterFields .form-group .promiseDate .searchDate .form-control::-moz-placeholder {
            font-size: 12px;
        }

.techFilterPop .tab-content .contentWrap .masterformBox .formtitle {
    background: #f9fafa;
}

.techFilterPop .tab-content .contentWrap .titleArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.techFilterPop .tab-content .tabTitle {
    font-size: 16px;
}

.techFilterPop .tab-content .tabSearch {
    display: flex;
    align-items: center;
}

    .techFilterPop .tab-content .tabSearch input {
        padding-right: 20px;
    }

    .techFilterPop .tab-content .tabSearch .fa {
        margin-left: -26px;
    }

    .techFilterPop .tab-content .tabSearch .form-control-clear .fa {
        margin-left: 0px;
    }

.ListCheckboxes {
    margin: 10px 0px;
}

    .ListCheckboxes .checkboxWrap {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .ListCheckboxes .parent-chekbox {
    }

    .ListCheckboxes .childFormElement {
        background: #ebebec;
        padding: 5px;
        display: none;
    }

.techFilterPromiseDate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .techFilterPromiseDate .select {
        margin: 0;
    }

        .techFilterPromiseDate .select::after {
            top: 6px;
            right: 6px;
        }

        .techFilterPromiseDate .select select {
            height: 28px;
        }

    .techFilterPromiseDate .datepicker-place {
        display: flex;
        padding-right: 5px;
        align-items: center;
        background: #fff;
    }

        .techFilterPromiseDate .datepicker-place input {
            width: 130px;
            background: transparent;
            position: relative;
            z-index: 2;
            cursor: pointer;
        }

        .techFilterPromiseDate .datepicker-place .fa {
            position: relative;
            margin-left: -20px;
            z-index: 1;
        }

.ListCheckboxes .innerCheckBoxWrap {
    background: #fff;
    max-height: 90px;
    overflow: auto;
    position: relative;
}

    .ListCheckboxes .innerCheckBoxWrap .childCheckboxList {
        padding: 2px 7px;
    }

        .ListCheckboxes .innerCheckBoxWrap .childCheckboxList.selected {
            background: #4b70b6;
            color: #fff;
        }

.techFilterPopFooter {
    border-top: 1px solid #ccc;
    padding: 6px;
    align-items: center;
}

    .techFilterPopFooter .appliedFilters {
        position: relative;
        flex: 0 0 70%;
        white-space: nowrap;
        padding-bottom: 10px;
    }

        .techFilterPopFooter .appliedFilters label {
            background: #e4ebeb
        }

    .techFilterPopFooter .appliedFilters {
    }

        .techFilterPopFooter .appliedFilters label {
            border-radius: 4px;
            background: #e4ebeb;
            margin: 0;
            margin-right: 5px;
            padding: 7px;
        }

.appliedFilters .scroll_tabs_container div.scroll_tab_inner {
}

.scroll_tabs_container .scroll_tab_left_button {
    height: 33px;
    text-align: center;
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

    .scroll_tabs_container .scroll_tab_left_button::before {
        line-height: 35px;
        color: transparent;
        background-size: 20px;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(../images/scrollArrowLeft.png);
        padding-left: 0px !important;
    }

.scroll_tabs_container .scroll_tab_right_button {
    height: 33px;
    text-align: center;
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

    .scroll_tabs_container .scroll_tab_right_button::before {
        padding-right: 0px !important;
        line-height: 35px;
        color: transparent;
        background-size: 20px;
        background-position: right center;
        background-repeat: no-repeat;
        background-image: url(../images/scrollArrowRight.png);
        padding-left: 0px !important;
    }

.appliedFilters .scroll_tabs_container div.scroll_tab_inner li {
    border-radius: 4px;
    background: #e4ebeb;
    margin: 0;
    margin-right: 5px;
    padding: 7px;
}

    .appliedFilters .scroll_tabs_container div.scroll_tab_inner li .fa {
        position: relative;
        margin-left: 5px;
        cursor: pointer;
    }

.scroll_arrow_disabled::before {
    opacity: 0.2;
}

.appliedFilters .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher {
    display: none !important;
}

.techFilterPopFooter .setupapplied {
    flex: 0 0 30%;
}

    .techFilterPopFooter .setupapplied .appliedmsg {
        min-width: 75%;
        max-width: 90%;
        font-size: 1.3rem;
        color: #231f20;
        padding: 5px 10px 5px 35px;
        border-radius: 5px;
        background-color: #fffaec;
        border: 1px solid #ebecec;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: 12px center;
        background-image: url(../images/appliedCheckic.png);
    }

.techFilterPopFooter .footerBtns {
    display: flex;
    flex: 0 0 70%;
    align-items: center;
    justify-content: flex-end;
}

.techFilterPopFooter .segmentBtns {
    display: flex;
    flex: 0 0 55% !important;
    justify-content: flex-start !important;
}

.techFilterPopFooter .footerBtns .btn {
    margin-left: 5px;
}

.appliedFilters {
    height: 55px;
    position: relative;
    background: #fff;
    white-space: nowrap;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

    .appliedFilters label {
        border-radius: 4px;
        background: #e4ebeb;
        margin: 0;
        margin-right: 5px;
        padding: 7px;
    }

        .appliedFilters label i {
            width: 9px;
            height: 15px;
            background-size: contain;
            background-repeat: no-repeat;
            margin-bottom: -4px;
            margin-left: 4px;
        }

        .appliedFilters label .fa {
            width: 15px;
            position: relative;
            /*top: 2px;*/
            margin-left: 5px;
            cursor: pointer;
        }

.ShowTechFilter {
    cursor: pointer;
}

.switchView .advFilter {
    padding-left: 5px;
}

.btn {
    cursor: pointer;
}

.techRowInfo {
    display: flex;
    width: 170px !important;
}

    .techRowInfo .techName {
        margin: 4px 4px 0px 4px;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .techRowInfo.compact-view {
        display: flex;
        width: 95px !important;
    }

        .techRowInfo.compact-view .techName {
            margin: 0px;
        }

.notificationIcons a {
    margin-left: 4px;
}

    .notificationIcons a:first-child {
        margin-left: 10px;
    }

.profile-image {
    float: right;
    margin-top: 4px;
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

    .profile-image img {
        height: 26px;
        width: 26px;
        border-radius: 50%;
    }

    .profile-image .showProfileManu {
    }

.profileMenu {
    display: none;
    position: absolute;
    width: 330px;
    background: #fff;
    z-index: 9999;
    right: 0;
    margin-top: 2px;
    box-shadow: 0px 0px 11px #aaa;
    color: #000;
    padding: 10px;
    border-radius: 7px;
}

    .profileMenu .topSection {
    }

        .profileMenu .topSection .userInfo {
        }

            .profileMenu .topSection .userInfo span {
                font-weight: 600;
                padding-right: 5px;
            }

            .profileMenu .topSection .userInfo label {
            }

    .profileMenu .bottomSection {
        border-top: 1px solid #ccc;
        padding: 4px;
    }

        .profileMenu .bottomSection a {
            /*float: right;*/
        }

.addRow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

    .addRow .btn-primary {
        background: #1e94cb;
        border: 1px solid #1e94cb;
    }

.sortingRowArea {
    margin-top: 15px;
    overflow-x: hidden;
}

    .sortingRowArea .sortingRowTitle {
        color: #2393ca;
        font-weight: bold;
        /* margin-bottom: 4px; */
    }

    .sortingRowArea .sortingRows {
        margin: 0px 0px 10px 0px;
        border-bottom: 0px solid #ccc;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-top: 10px;
        background: #fff;
        border-radius: 5px;
    }

        .sortingRowArea .sortingRows:hover {
            background: #d3dfeb;
        }

        .sortingRowArea .sortingRows .columnName {
            display: flex;
            align-items: center;
            font-weight: bold;
        }

        .sortingRowArea .sortingRows .select {
            margin: 0;
            padding: 0;
        }

            .sortingRowArea .sortingRows .select select {
                width: 100%;
                height: 30px;
                font-size: 1.4rem;
                background: #fff;
            }

            .sortingRowArea .sortingRows .select::after {
                right: 7px;
                top: 7px;
            }

        .sortingRowArea .sortingRows .selectOrderby {
            width: 80%;
        }

        .sortingRowArea .sortingRows .removeRow {
            font-size: 18px;
        }

            .sortingRowArea .sortingRows .removeRow .fa {
                cursor: pointer;
                color: #c7c7c7;
            }

                .sortingRowArea .sortingRows .removeRow .fa:hover {
                    color: #db2139;
                }

        .sortingRowArea .sortingRows .orderByCol {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .sortingRowArea .sortingAdvRows {
        margin: 0px 20px 10px 0px;
        border-bottom: 0px solid #ccc;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-top: 10px;
        background: #fff;
        border-radius: 5px;
    }

        .sortingRowArea .sortingAdvRows:hover {
            background: #d3dfeb;
        }

        .sortingRowArea .sortingAdvRows .columnName {
            display: flex;
            align-items: center;
            font-weight: bold;
        }

        .sortingRowArea .sortingAdvRows .select {
            margin: 0;
            padding: 0;
        }

            .sortingRowArea .sortingAdvRows .select select {
                width: 100%;
                height: 30px;
                font-size: 1.4rem;
                background: #fff;
            }

            .sortingRowArea .sortingAdvRows .select::after {
                right: 7px;
                top: 7px;
            }

        .sortingRowArea .sortingAdvRows .selectOrderby {
            width: 80%;
        }

        .sortingRowArea .sortingAdvRows .removeRow {
            font-size: 18px;
        }

            .sortingRowArea .sortingAdvRows .removeRow .fa {
                cursor: pointer;
                color: #c7c7c7;
            }

                .sortingRowArea .sortingAdvRows .removeRow .fa:hover {
                    color: #db2139;
                }

        .sortingRowArea .sortingAdvRows .orderByCol {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

.ml--15 {
    margin-left: -15px;
}

.serviceCenterWrap {
    margin-top: 15px;
}

    .serviceCenterWrap::-webkit-scrollbar {
        display: none;
    }

.techFilterPop .tab-content .contentWrap .serviceCenterWrap {
    /*height: 250px;*/
    position: relative;
    margin-top: 0px;
    height: calc(100vh - 320px);
}

.techFilterPop .tab-content .contentWrap .selectAllServiceCenters {
    display: flex;
    align-items: center;
}

.techFilterPop .tab-content .contentWrap .serviceCenterWrap ul {
    margin: 0px;
    padding: 0px;
}

    .techFilterPop .tab-content .contentWrap .serviceCenterWrap ul li {
        display: block;
        margin: 0 0 12px 0px;
        padding: 0px;
        position: relative;
        list-style-type: none;
    }

.techFilterPop .tab-content .contentWrap .serviceCenterWrap .serviceCenterList {
    height: auto;
}

.serviceCenterWrap .serviceCenterList input {
    margin-right: 4px;
}

.serviceCenterWrap .serviceCenterList label {
}




/*Masters*/

.mastersMainWrapper {
    background: #f5f5f5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.master-heading {
    font-weight: bold;
    padding: 5px 12px;
    background: #f1efef;
    border-bottom: 1px solid #ddd;
}

    .master-heading .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .master-heading .pageTitle {
        display: flex;
        height: 30px;
        align-items: center;
        padding-left: 0px;
    }

    .master-heading .addnotifilterbtn {
        padding-right: 0px;
    }

        .master-heading .addnotifilterbtn form {
            margin-bottom: 0px;
        }

.masterFormArea {
    background: #fff;
    padding: 0px 15px;
    margin: 12px;
    /*nikhil OVERFLOW: auto;*/
    OVERFLOW: hidden;
    position: relative;
    height: calc(100vh - 165px);
    margin-bottom: 0;
}

.masterGridTable {
    background: #f6fafa;
}

.masterFormArea .btn {
    /* height: 40px; */
}

.master-subheading {
    font-weight: bold;
    margin-bottom: 20px;
}

.masterformBox {
    position: relative;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 20px 10px 10px 15px;
}

    .masterformBox .formtitle {
        top: -9px;
        left: 15px;
        font-weight: bold;
        position: absolute;
        background: #fff;
    }

.companyListWrapper .masterformBox {
    padding-bottom: 5px;
    padding-right: 5px;
}

.companylist {
    height: 165px;
    position: relative;
    margin-left: -30px;
    padding-left: 15px;
}

    .companylist ul {
        margin: 0px;
        padding: 0px;
    }

        .companylist ul li {
            width: 96%;
            display: block;
            cursor: pointer;
            padding-left: 30px;
            list-style-type: none;
        }

            .companylist ul li:hover {
                color: #fff;
                background: #427fed;
            }

            .companylist ul li.selected {
                color: #fff;
                position: relative;
                background: #427fed;
            }

                .companylist ul li.selected:before {
                    font-family: FontAwesome;
                    content: "\f00c";
                    font-weight: 600;
                    left: 10px;
                    top: 0px;
                    color: #5ce85c;
                    font-size: 12px;
                    position: absolute;
                }

    .companylist .ps__rail-x {
        display: none !important;
    }

    .companylist ul li.configured {
        position: relative;
    }

        .companylist ul li.configured:before {
            font-family: FontAwesome;
            content: "\f00c";
            font-weight: 600;
            left: 10px;
            top: 0px;
            color: #5ce85c;
            font-size: 12px;
            position: absolute;
        }

.saved-configurations {
    display: flex;
    margin-top: 10px;
    font-size: 1.4rem;
}

    .saved-configurations .count {
    }

        .saved-configurations .count img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

    .saved-configurations .clearall {
        margin-left: 20px;
    }

        .saved-configurations .clearall a {
            text-decoration: underline;
        }

.filterCenters {
    margin-bottom: 15px;
}

    .filterCenters .checkbox-custom-label {
        color: #232323;
    }

    .filterCenters input[type="text"] {
        width: 100%;
    }

.filtersearch-bar {
    width: 100%;
    position: relative;
}

    .filtersearch-bar a {
        color: #777;
        font-size: 14px;
        border: 0px;
        width: 25px;
        height: 25px;
        top: 5px;
        right: 0px;
        z-index: 2;
        display: block;
        position: absolute;
    }

.filterCenters input[type="search"] {
    width: 100%;
}

.filtersearch-bar:after {
    top: 1px;
    right: 18px;
    content: '';
    width: 25px;
    height: 28px;
    position: absolute;
    background: #fff;
    z-index: 1;
}

.filterCenters button {
    /* padding: 8px 20px; */
}

.serviceCentersWrapper .form-check-label {
    margin-left: 5px;
}

.serviceCenterList {
    height: 115px;
    position: relative;
}

.default-parameters {
    padding: 10px;
    background: #f9fafa;
}

.customerSignature {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.work-order .workprogressheight {
    height: auto;
}

.workprogressheight {
    height: 215px;
}

.mapCircle {
    padding: 10px;
}

    .mapCircle .distence {
        justify-content: flex-start;
    }

    .mapCircle .showWeather {
        justify-content: center;
    }

    .mapCircle .showweatherunit {
        justify-content: flex-start;
    }

    .mapCircle .info-field {
        display: flex;
    }

    .mapCircle .labelname {
        width: 40%;
    }

    .mapCircle .form-check {
        width: 50%;
    }

    .mapCircle .labeloutput {
        width: 60%;
        display: flex;
        border-left: 0px;
    }

        .mapCircle .labeloutput .radio-custom-label {
            padding-right: 15px;
        }

.segmenttext {
    padding: 5px;
    background: #f5f5f5;
}

.pbt span {
    display: block;
    font-size: 11px;
    margin-bottom: 10px;
}

.pbt input[type="text"] {
    width: 40%;
    margin-right: 5%;
}

.pbt label {
    font-style: italic;
}

@media (max-width: 992px) {
    .masterformBox {
        margin-top: 25px;
    }
}

@media (min-width: 576px) {
    .technicianFilterLarge {
        max-width: 96% !important;
    }
}

/*Checkbox styling start*/

.checkbox-custom {
    display: none;
}

.checkbox-custom-label {
    margin: 0px;
    cursor: pointer;
    padding-left: 28px;
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0;
}

.checkbox-custom:checked + .checkbox-custom-label:after  {
    content: "";
    height: 6px;
    width: 11px;
    top: 9px;
    left: 10px;
    position: absolute;
    border-left: 2px solid #1d1f1e;
    border-bottom: 2px solid #1d1f1e;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.techSkls .checkbox-custom + div .checkbox-custom-label:first-child:before {
    content: '';
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    position: absolute;
    left: -28px;
    top: 0;
}

.techSkls .checkbox-custom:checked + div .checkbox-custom-label:first-child:after {
    content: "";
    height: 6px;
    width: 11px;
    top: 9px;
    left: -18px;
    position: absolute;
    border-left: 2px solid #1d1f1e;
    border-bottom: 2px solid #1d1f1e;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.techSkls .checkbox-custom-label {
    padding-left: 0;
    padding-right: 0;
}

    .techSkls .checkbox-custom-container {
        padding-left: 28px;
    }

input[type=checkbox]:disabled + .checkbox-custom-label:before {
    opacity: 0.5;
    background: #ddd;
    cursor: not-allowed;
}
/*Checkbox Styling end*/


/*Radio styling start*/

.radio-custom {
    display: none;
}

.radio-custom-label {
    margin: 0px;
    /*display: flex;
    align-items: center;*/
    position: relative;
    cursor: pointer;
    padding-right: 15px;
    padding-left: 25px;
    word-break: break-all;
}

@supports (-moz-appearance:none) {
    .radio-custom-label {
        padding-right: 35px;
    }
}

.radio-custom + .radio-custom-label:before {
    top: 2px;
    left: 0px;
    content: '';
    background: #fff;
    border-radius: 50px;
    border: 1px solid #1d1f1e;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding: 2px;
    /*margin-right: 10px;*/
    text-align: center;
    position: absolute;
}

.radio-custom:checked + .radio-custom-label:after {
    content: "";
    height: 7px;
    width: 7px;
    top: 6px;
    left: 4px;
    border-radius: 50px;
    position: absolute;
    background: #1d1f1e;
    border-left: 0px solid #1d1f1e;
    border-bottom: 0px solid #1d1f1e;
}


/*Radio Styling end*/


/*Custom scroll always visiable*/

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6 !important;
}

.action-btn {
    z-index: 2;
    margin: 0 1.2rem;
    background: #fff;
    padding: 1.5rem 0;
    position: relative;
    border-top: 1px solid #ccc;
}

    .action-btn .btn {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
/* User Management Listing Grid */
.masterOnlyGrid {
    background: #fff;
    padding: 15px;
    margin: 12px;
    height: calc(100vh - 100px);
    margin-bottom: 0;
}

.masterGridWrap {
    margin-top: 10px;
    background: #f6fafa;
    height: calc(100vh - 250px);
    padding: 0rem 1.5rem 0 1.5rem;
}

.masterGridTopForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}

.searchFormControl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .searchFormControl a {
        position: relative;
        left: -20px;
        color: #777;
        font-size: 14px;
    }

.searchUserList {
    display: flex;
    flex: 0 0 90%;
    justify-content: flex-end;
}

    .searchUserList .usersearchfield {
        /*width: 40%;*/
    }

.syncdata {
    flex: 0 0 10%;
}

    .syncdata a {
        left: 0px;
    }

.tableWrapper table .selected td {
    background: #e0eaf5;
}

.masterGridTable thead tr th {
    color: #668f9c;
    overflow: hidden;
    position: relative;
}

    .masterGridTable thead tr th a {
        width: auto !important;
        max-width: 90%;
        display: inline-block;
        overflow: hidden;
    }

.masterGridTable table {
    margin-bottom: 0;
    font-size: 1.4rem;
}

    .masterGridTable table th a {
        color: #668f9c;
    }

    .masterGridTable table th form {
        margin: 0;
    }


.masterGridTable thead th,
.masterGridTable tbody td {
    /*float: left;*/
}

.masterGridTable tbody,
.masterGridTable tr {
    /*width: 100%;*/
    display: flex;
}

.masterGridTable tbody {
    position: relative;
    max-height: calc(100vh - 340px);
    /*width: 100%;*/
    display: block;
}

.masterGridTable .scroll-wrapper {
    height: calc(100vh - 320px) !important;
}

.migrationPage .masterGridTable .scroll-wrapper {
    height: calc(100vh - 230px) !important;
}

.migrationPage .masterGridWrap {
    height: calc(100vh - 180px) !important;
}

.masterGridTable tbody tr {
    background: #fff;
    border-bottom: 5px solid #f7f7f7;
}

.masterGridTable .colUpload {
    width: 22%;
}

.masterGridTable .colUser {
    width: 12%;
}

.masterGridTable .colEmp {
    width: 13%;
}

.masterGridTable .colEmail {
    width: 11%;
}

.masterGridTable .colTime {
    width: 10%;
}

.masterGridTable .colRoleName {
    width: 10%;
}

.masterGridTable .colTransactionMode {
    width: 11%;
}

.masterGridTable .colShift {
    width: 9%;
}

.masterGridTable .colStatus {
    width: 8%;
}

.masterGridTable .colAdUser {
    width: 10%;
}

.masterGridTable .colIcon {
    width: 5%;
}

    .masterGridTable .colIcon a {
        color: #d92337
    }

.masterGridTable .colCreatedBy {
    width: 10%;
}

.masterGridTable .colRole {
    width: 25%;
}

.masterGridTable .colRoleIcon {
    width: 10%;
}

    .masterGridTable .colRoleIcon a {
        color: #d92337;
    }

.masterGridPagination {
    position: relative;
    background: #f6fafa;
    display: flex;
    height: 34px;
    align-items: center;
}

/*Expand Colapse in the list start*/
.accordionlist .samewidth .checkbox-custom + .checkbox-custom-label:before {
    top: 0px;
    border: 1px solid #c8bebe;
}

.mainaccordionheader .arrowicon {
    background: url(../images/accordionuparrow.png) no-repeat center left;
}

.mainaccordionheader .collapsed {
    background: url(../images/accordiondownarrow.png) no-repeat center left;
}

.mainaccordionheader {
    display: flex;
    align-items: center;
    font-weight: bold;
}

    .mainaccordionheader .role-name {
        width: 50%;
    }

    .mainaccordionheader .samewidth {
        width: 10%;
        display: flex;
        justify-content: center;
    }

        .mainaccordionheader .samewidth .checkbox-custom + .checkbox-custom-label:before {
            top: -14px;
            left: 5px;
            margin-right: 0px;
        }

        .mainaccordionheader .samewidth .checkbox-custom:checked + .checkbox-custom-label:after {
            top: -5px;
            left: 15px;
        }

.accordionlist .samewidth .checkbox-custom:checked + .checkbox-custom-label:after {
    top: 9px;
}

/*Expand Colapse in the list end*/


/*Add User Information CSS*/

.masterformBox .select {
    padding: 0px;
    margin: 0px;
}

    .masterformBox .select::after {
        right: 10px;
    }

.adduserformbox .usernamefiled {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
}

    .adduserformbox .usernamefiled .fa {
        color: #636463;
        font-size: 18px;
        cursor: pointer;
        margin-left: 10px;
        position: relative;
    }

    .adduserformbox .usernamefiled .invalid-feedback {
        flex: 0 0 100%;
    }

.adduserformbox .uploadfield {
    border: 0px;
    padding: 0px;
}

.adduserformbox .uploadproimage img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #ccc;
}
.uploadimageMargin {
    margin-left:55px;
}
.adduserformbox .saved-configurations .count {
}

.adduserformbox .saved-configurations .clearall {
    /*width: 80%;*/
}

.nonservicecheck {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}

.uploadfield {
    width: 100%;
}
/*Edit User Information css*/
.name-email {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    background: #f9fafa;
    margin-bottom: 15px;
}

    .name-email:before {
        content: '';
        top: 0px;
        left: 0px;
        width: 30px;
        height: 30px;
        display: block;
        z-index: 1;
        background: #fff;
        position: absolute;
    }

    .name-email:after {
        content: '';
        bottom: 0px;
        left: 0px;
        width: 30px;
        height: 30px;
        display: block;
        z-index: 1;
        background: #fff;
        position: absolute;
    }

    .name-email .userphoto {
        z-index: 2;
        margin-right: 30px;
        position: relative;
    }

        .name-email .userphoto img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

    .name-email .user_name {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: 30px;
    }

        .name-email .user_name label {
            flex: 0 0 100%;
            font-size: 1.3rem;
            margin-bottom: 5px;
        }

        .name-email .user_name span {
            font-size: 1.5rem;
            color: #666;
            font-weight: bold;
            padding-left: 0px;
            border-left: 0px solid #ddd;
        }

    .name-email .profileimage label {
        font-size: 1.3rem;
    }

    .name-email .profileimage input {
        font-size: 12px;
        background: transparent;
    }


/*User Management List css*/

.userlistsubheading {
    display: flex;
    align-items: center;
}

.usercount {
    flex: 0 0 50%;
}

.searchuser {
    display: flex;
    flex: 0 0 50%;
    align-items: center;
    justify-content: flex-end;
}

    .searchuser .searchFormControl {
        flex: 0 0 50%;
    }

.usermanagementlist .width30 {
    width: 30px;
}

.usermanagementlist .width3 {
    width: 3%
}

.usermanagementlist tbody tr {
    /*cursor: pointer;*/
}

    .usermanagementlist tbody tr .accordinicon span {
        width: 15px;
        font-size: 2.5rem;
        color: #d92337;
        text-align: center;
        line-height: 0px;
        padding-top: 8px;
    }

.usermanagementlist tbody td.plusminusicon {
    cursor: pointer;
}

    .usermanagementlist tbody td.plusminusicon .plus {
        display: none;
    }

    .usermanagementlist tbody td.plusminusicon .minus {
        display: block;
    }

.usermanagementlist tbody td.collapsed .plus {
    display: block;
}

.usermanagementlist tbody td.collapsed .minus {
    display: none;
}

.usermanagementlist tbody td.collapsetr {
    border-bottom: 0px;
}

.usermanagementlist tbody tr.collapsetr td {
    width: 100%;
    float: none;
    padding: 0px;
    margin-top: -5px;
    margin-bottom: 5px;
}

    .usermanagementlist tbody tr.collapsetr td.show {
        border-bottom: 5px solid #f6fafa;
    }

    .usermanagementlist tbody tr.collapsetr td .usercreatmodify {
        display: flex;
        padding: 10px;
        background: #efeff5;
        border-right: 1px solid #d3d3d2;
        border-bottom: 1px solid #d3d3d2;
        border-left: 1px solid #d3d3d2;
        border: 0px !important;
        justify-content: flex-start;
    }

        .usermanagementlist tbody tr.collapsetr td .usercreatmodify div {
            margin-right: 10px;
        }

        .usermanagementlist tbody tr.collapsetr td .usercreatmodify .created {
            /*flex: 0 0 30%;*/
            padding-left: 25px;
        }

        .usermanagementlist tbody tr.collapsetr td .usercreatmodify .modified {
            /* flex: 0 0 60%;*/
        }

        .usermanagementlist tbody tr.collapsetr td .usercreatmodify .aduser {
            display: flex;
            /*flex: 0 0 10%;*/
            padding-right: 5px;
            align-items: center;
            justify-content: flex-end;
            margin-right: 0;
            margin-left: auto;
        }

            .usermanagementlist tbody tr.collapsetr td .usercreatmodify .aduser img {
                width: 20px;
                margin-left: 10px;
            }


/*Role Management css*/

.addrole .form-row {
    padding: 10px;
    background: #f5f5f5;
}

    .addrole .form-row .form-group {
        display: flex;
        align-items: center;
    }

    .addrole .form-row .descriptionLabel {
        white-space: nowrap;
    }

.accordionheader .arrowicon {
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center left;
    /*background-image: url(../images/accordionuparrow.png);*/
}

.accordionheader .collapsed {
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center left;
    /*background-image: url(../images/accordiondownarrow.png);*/
}

.accordionheader {
    display: flex;
    /*align-items: center;*/
    font-weight: bold;
}

    .accordionheader .role-name {
        width: 45%;
    }

    .accordionheader .samewidth {
        width: 10%;
        text-align: center;
        /*display: flex;
        justify-content: center;*/
    }

        .accordionheader .samewidth .checkbox-custom + .checkbox-custom-label:before {
            /*top: -10px;
			left: 326px;
			margin-right: 0px;*/
            position: relative;
        }

        .accordionheader .samewidth .checkbox-custom:checked + .checkbox-custom-label:after {
            /*top: -1px;
            left: 15px;*/
        }

.accordionbody {
    height: 280px;
    position: relative;
}

    .accordionbody .accordion > .card:not(:last-of-type) {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }

    .accordionbody .accordion .card {
        margin-bottom: 10px;
        border-radius: 0px;
    }

        .accordionbody .accordion .card:last-child {
            margin-bottom: 0px;
        }

        .accordionbody .accordion .card .card-header {
            font-size: 1.4rem;
            font-weight: bold;
            /*padding: 3px 10px;*/
            background-color: #eee3da;
        }

            .accordionbody .accordion .card .card-header .role-name {
                /*font-size: 1.4rem;*/
                cursor: pointer;
                padding-left: 30px;
                padding-top: 3px;
                position: relative;
                /*width: 192px;*/
            }

                .accordionbody .accordion .card .card-header .role-name span {
                    margin-right: 10px;
                }

            .accordionbody .accordion .card .card-header .role-name-outer {
                width: 100%;
                display: flex;
            }

                .accordionbody .accordion .card .card-header .role-name-outer .role-name {
                    width: 26%;
                }

                .accordionbody .accordion .card .card-header .role-name-outer .form-check {
                    padding-top: 0px;
                }

        .accordionbody .accordion .card .card-body {
            padding: 1.25rem;
            background-color: #f3f0eb;
        }

.accordionChild .card .card-header {
    background-color: #e1d5cc;
    margin-bottom: -1px;
}

.accordionChild .accordionheader .new .checkbox-custom:checked + .checkbox-custom-label:after {
    left: 38px;
}

.accordionChild .accordionheader .edit .checkbox-custom:checked + .checkbox-custom-label:after {
    left: 38px;
}

.accordionChild .accordionheader .delete .checkbox-custom:checked + .checkbox-custom-label:after {
    left: 38px;
}

.accordionChild .accordionheader .authorize .checkbox-custom:checked + .checkbox-custom-label:after {
    left: 38px;
}

.accordionbody .accordion .card .card-header .directRole .role-name {
    width: 45%;
}

.directRole .samewidth .form-check .checkbox-custom-label {
    /*padding-left: 0px;*/
}

.accordionlist {
    display: flex;
    padding: 8px 0px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 8px;
    padding-left: 2px;
}

    .accordionlist .role-name {
        width: 50%;
    }

    .accordionlist .samewidth {
        width: 10%;
        text-align: center;
        /*display: flex;
        justify-content: center;*/
    }

        .accordionlist .samewidth input[type=checkbox]:disabled + .checkbox-custom-label:before {
            opacity: 0.5;
            background: #ddd;
            cursor: not-allowed;
        }

        .accordionlist .samewidth .checkbox-custom + .checkbox-custom-label:before {
            top: -15px;
        }

        .accordionlist .samewidth .checkbox-custom:checked + .checkbox-custom-label:after {
            left: 10px;
            top: -7px;
        }

    .accordionlist .view .checkbox-custom + .checkbox-custom-label:before {
        left: 5px;
    }

    .accordionlist .view .checkbox-custom:checked + .checkbox-custom-label:after {
        left: 15px;
    }

    .accordionlist .new .checkbox-custom + .checkbox-custom-label:before {
        left: 11px;
    }

    .accordionlist .new .checkbox-custom:checked + .checkbox-custom-label:after {
        left: 21px;
    }

    .accordionlist .edit .checkbox-custom + .checkbox-custom-label:before {
        left: 15px;
    }

    .accordionlist .edit .checkbox-custom:checked + .checkbox-custom-label:after {
        left: 25px;
    }

    .accordionlist .delete .checkbox-custom + .checkbox-custom-label:before {
        left: 18px;
    }

    .accordionlist .delete .checkbox-custom:checked + .checkbox-custom-label:after {
        left: 28px;
    }

    .accordionlist .authorize .checkbox-custom + .checkbox-custom-label:before {
        left: 23px;
    }

    .accordionlist .authorize .checkbox-custom:checked + .checkbox-custom-label:after {
        left: 32px;
    }


/*Segmet details Popup css start here*/


/*Details for work order popup*/

.workorderdetailsBody {
    overflow: hidden;
    position: relative;
    background: #fff;
    height: calc(100vh - 90px);
}

    .workorderdetailsBody .nav-tabs {
        /*border-bottom: 0px;*/
    }

        .workorderdetailsBody .nav-tabs .nav-link {
            width: 98px;
            max-width: 100px;
            height: 50px;
            border: 0px;
            font-size: 1.4rem;
            color: #495057;
            font-weight: bold;
            position: relative;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 1rem;
            border-right: 1px solid #ddd;
            border-bottom: 5px solid transparent;
        }

            .workorderdetailsBody .nav-tabs .nav-link .count {
                top: 3px;
                right: 5px;
                color: #fff;
                min-width: 18px;
                height: 18px;
                display: flex;
                font-size: 10px;
                position: absolute;
                align-items: center;
                border-radius: 50px;
                background: #a71e22;
                justify-content: center;
                padding-left: 2px;
                padding-right: 2px;
            }

            .workorderdetailsBody .nav-tabs .nav-link:hover {
                border-bottom: 5px solid #d92337;
            }

            .workorderdetailsBody .nav-tabs .nav-link.active {
                border-bottom: 5px solid #d92337;
            }

    .workorderdetailsBody .details-wrapper {
        padding: 14px;
    }

        .workorderdetailsBody .details-wrapper h4 {
            color: #678e9b;
            font-weight: bold;
        }

        .workorderdetailsBody .details-wrapper .info-field {
            display: flex;
            font-size: 1.4rem;
        }

        .workorderdetailsBody .details-wrapper .wo-pagination {
            position: relative;
        }

            .workorderdetailsBody .details-wrapper .wo-pagination a {
                color: #000;
            }

            .workorderdetailsBody .details-wrapper .wo-pagination .page-numbers {
                color: #000;
            }

.labelname {
    width: 45%;
    padding-bottom: 5px;
    font-weight: bold;
}

.labeloutput {
    color: #9a9999;
    width: 60%;
    padding-left: 5%;
    border-left: 1px solid #ddd;
}

.roleNameDes .labelname {
    width: 100%;
}

.milesMap {
    display: flex;
}

.showmap {
    color: red;
    cursor: pointer;
    margin-left: 15px;
}

    .showmap i {
        font-size: 16px;
        margin-left: 10px;
    }

.worksite-location-map {
    top: 0px;
    width: 100%;
    height: 98%;
    display: none;
    z-index: 15;
    background: #fff;
    position: absolute;
    padding-left: 12px;
    padding-top: 20px;
    padding-right: 10px;
}

.equipmwnttitle {
    left: 10px;
    width: 80%;
    display: none;
    position: absolute;
    background: #d7dbdd;
}

.worksite-location-map .modal-header {
    top: -45px;
    left: -6px;
    position: absolute;
    padding-right: 50px;
    border: 0px;
}

.backbtn {
    right: 40px;
    top: 13px;
    display: none;
    cursor: pointer;
    position: absolute;
}

    .backbtn .fa-arrow-left {
        margin-right: 10px;
    }

.source-destination label {
    display: block;
    font-weight: bold;
}

.map-details {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

    .map-details label {
        display: block;
        font-size: 1.4rem;
        margin-bottom: 2px;
    }

    .map-details span {
        font-weight: bold;
        font-size: 1.3rem;
    }

.distance {
    margin-right: 25px;
    padding-left: 55px;
    background: url(../images/distance.PNG) no-repeat left center;
}

.eta {
    padding-left: 45px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #ddd;
    /*background: url(../images/eta.PNG) no-repeat left center;*/
}

.day {
    margin-right: 20px;
}

.weather {
    margin-right: 25px;
    padding-left: 60px;
    background: url(../images/cloud.PNG) no-repeat left center
}

.wind {
    margin-right: 25px;
}

.worksitelocationmap {
    margin-left: -12px;
    margin-right: -14px;
    overflow: auto;
    height: 468px;
}

    .worksitelocationmap iframe {
        width: 100%;
        height: 520px;
    }

.fa-check-circle {
    color: #6dc05b;
}

.warrant-wrapper {
    padding: 12px;
    background: #f7f7f7;
}

.warranty-table thead tr th {
    color: #668f9c;
}

.warranty-table tbody tr {
    background: #fff;
    border-bottom: 5px solid #f7f7f7;
}

    .warranty-table tbody tr.text-right {
        text-align: right;
    }

.assignments-table tbody tr {
    border-bottom: 0px;
}

.assignments-detalis {
    background: #f6fafa;
}

.assignmentdetails-table tbody tr td span {
    font-size: 11px;
    display: block;
}

.assignmentdetails-table {
    width: 100%;
    display: block;
}

    .assignmentdetails-table tbody {
        width: 100%;
    }

    .assignmentdetails-table tr {
        width: 100%;
        display: block;
    }

    .assignmentdetails-table thead th,
    .assignmentdetails-table tbody td {
        width: 20%;
        float: left;
    }

    .assignmentdetails-table tbody td {
        height: 55px;
        background: #fff;
        border-bottom: 5px solid #f7f7f7;
    }

.fixedHeaderTable table {
    font-size: 1.4rem
}

.fixedHeaderTable tbody {
    height: 200px;
    position: relative;
}

.fixedHeaderTable .scrollbar-inner {
    height: 200px;
}

.fixedHeaderTable thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fixedHeaderTable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.skilldetails-table,
.skilldetails-table tbody {
    /*width: 100%;*/
    display: block;
}

    .skilldetails-table tbody tr {
        display: flex;
    }

    .skilldetails-table thead th,
    .skilldetails-table tbody td {
        width: 33%;
        float: left;
    }

    .skilldetails-table tbody td {
        background: #fff;
        /*border-bottom: 5px solid #f7f7f7;*/
    }

.workorderdetailsBody .tab-content {
    width: 100%;
    /*position: relative;*/
    min-height: 500px;
    max-height: 500px;
}

    .workorderdetailsBody .tab-content .tab-pane {
        overflow-x: hidden;
    }

    .workorderdetailsBody .tab-content .ps__rail-x {
        display: none;
    }

.workorderdetailsBody .tabcontent-extraspace {
    min-height: 700px;
}


/* Tabs scroll css */

.tab-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 50px;
    z-index: 2;
    background: #FFFFFF;
    border-bottom: 1px solid #dee2e6;
}

.list {
    min-width: 3000px;
    margin-top: 0px;
    position: absolute;
}

.tabscroller {
    text-align: center;
    cursor: pointer;
    display: none;
    /* display: block !important; */
    white-space: no-wrap;
    background-color: #fff;
    padding: 12px 18px;
    position: relative;
    z-index: 1;
    /* opacity: 1 !important; */
}

    .tabscroller i {
        font-size: 25px;
    }

.scroller-right {
    float: right;
    -webkit-box-shadow: -8px 6px 9px -5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: -8px 6px 9px -5px rgba(0, 0, 0, 0.19);
    box-shadow: -8px 6px 9px -5px rgba(0, 0, 0, 0.19);
}

.scroller-left {
    float: left;
    -webkit-box-shadow: 8px 6px 9px -5px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 8px 6px 9px -5px rgba(0, 0, 0, 0.19);
    box-shadow: 8px 6px 9px -5px rgba(0, 0, 0, 0.19);
}

.tab-wrapper .nav {
    flex-wrap: nowrap;
}

.tab-wrapper ul li.nav-item {
    padding-left: 0px;
    padding-right: 0px;
}

.tab-wrapper .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher {
    display: none !important;
}

.tab-wrapper .scroll_tabs_container .scroll_tab_left_button {
    z-index: 2;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.tab-wrapper .scroll_tabs_container .scroll_tab_right_button {
    z-index: 2;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.disablearrow {
    opacity: 0.5 !important;
    pointer-events: none;
}

.partstabwrapper {
    /* position: relative; */
}

.partsdetails label {
    display: block;
}

.partsdetails span {
    color: #717172;
    font-size: 1.4rem;
    font-weight: bold;
}

.partsdetails .serviceorder {
    border-right: 1px solid #ddd;
}

.parts-table,
.parts-table tbody,
.parts-table tr {
    /*width: 100%;*/
    display: block;
    height: auto;
}

    /*.parts-table tbody {
        height: 300px;
    }*/

    .parts-table .scroll-wrapper {
        height: 300px;
    }

.partstable {
    margin: 0px 12px;
    background: #f6fafa;
    border-top: 5px solid #d7dbdd;
}

.parts-table thead tr th {
    vertical-align: top;
}

.parts-table tbody tr td {
    word-break: break-all;
}

    .parts-table tbody tr td a {
        color: #007bff;
        cursor: pointer;
        text-decoration: underline;
    }

.parts-table thead th,
.parts-table tbody td {
    width: 8.3%;
}

.ServiceAssignment-table .parts-table .scroll-wrapper {
    height: calc(100vh - 275px);
}

.viewinventorydetails {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 15;
    position: absolute;
    background: #fff;
}

    .viewinventorydetails .partstable {
        position: relative;
        /* height: calc(100vh - 170px); */
    }

    .viewinventorydetails .backbtn {
        top: -87px;
    }

    .viewinventorydetails .partstable h4 {
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .viewinventorydetails .partstable table tbody tr.activerow td {
        background: #e0eaf5;
    }

.code-description {
    display: flex;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.pcode {
    /*width: 40%;*/
    padding: 0px 10px;
    border-right: 1px solid #ddd;
}

.pdescription {
    /*width: 60%;*/
    /*padding-left: 10%;*/
    padding: 0px 10px;
}

.inventory-table .scrollbar-inner {
    height: 150px;
}

.inventory-table,
.inventory-table tbody,
.inventory-table tr, .inventory-table tbody tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .inventory-table tr {
        height: auto;
    }

    .inventory-table tbody {
        align-items: flex-start;
    }

        .inventory-table thead th,
        .inventory-table tbody td {
            width: 12.5%;
            float: left;
        }

        .inventory-table tbody td {
            background: #fff;
            border-bottom: 0px solid #f7f7f7;
        }

.warehousetable tbody {
    height: 100px;
    display: block;
}

.warehousetable .scrollbar-inner {
    height: 80px;
}


.warehousetable thead th,
.warehousetable tbody td {
    float: none;
}

.language {
    text-align: right;
}

.assignments-table tbody {
    height: 250px;
}

.assignments-table .scroll-wrapper {
    height: calc(100vh - 385px);
}

.assignments-table .text-right {
    padding-right: 20px !important;
}

/*Document Managemenet Tab*/
.searchFilterWrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .searchFilterWrap .searchBy {
        display: flex;
        align-items: center;
    }

.searchFormcontrol {
}

.searchFilterWrap .searchBy a {
    position: relative;
    left: -20px;
    color: #777;
    font-size: 14px;
}

.searchFilterWrap .filterBy {
}

.selectStyle1 {
    margin: 0;
}

    .selectStyle1 select {
        height: 30px;
        background: #fff;
        border: 1px solid #ced4da;
    }

    .selectStyle1::after {
        right: 7px;
    }

.workorderdetailsBody .docManageTabsWrap .nav-tabs .nav-link {
    height: 30px;
    border: 1px solid #ddd;
    border-bottom: 5px solid transparent;
    margin-right: 4px;
}

    .workorderdetailsBody .docManageTabsWrap .nav-tabs .nav-link.active {
        border-bottom: 5px solid #d92337;
    }

.workorderdetailsBody .docManageTabsWrap .tab-content {
    min-height: 415px;
    border: 1px solid #ddd;
    background: #ececec;
    padding: 1rem;
}

.dateSection {
    margin-top: 1rem;
}

    .dateSection .imageDate {
        font-weight: 600;
        padding-left: 1rem;
    }

.workorderdetailsBody .docManageTabsWrap .tab-content .tab-pane {
    overflow-x: visible;
}

.dateSection .imageThumbnails {
}

    .dateSection .imageThumbnails img {
        margin: 0 0.7rem;
        border: 1px solid #ddd;
        width: 191px;
        margin-top: 1.1rem;
    }

.dateSection .videoThumbnails {
    display: flex;
}

.imageThumbnails .videoThumb {
    position: relative;
    width: 193px;
    margin: 1.1rem 0.7rem;
}

    .imageThumbnails .videoThumb img {
        margin: 0;
        width: 194px;
    }

    .imageThumbnails .videoThumb a {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }

        .imageThumbnails .videoThumb a img {
            width: 22px;
            border: 0;
        }

.docManageTabsWrap .tab-pane {
    max-height: 400px;
    position: relative;
}

.dateSection .imageThumbnails.docThumbnails img {
    width: 110px;
}


/* Service History Tab */

.serviceHistoryForm {
}

    .serviceHistoryForm label {
        font-weight: 600;
    }

    .serviceHistoryForm .searchbtns {
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
    }

.searchDate {
    position: relative;
}

    .searchDate .form-control {
        background: transparent;
    }

    .searchDate .fa {
        position: absolute;
        right: 10px;
        top: 4px;
        /*font-size: 1.4rem;*/
        font-size: 20px;
        color: #a5a5a5;
        z-index: 1;
    }

.searchbtns {
    padding-top: 22px;
}

.serviceHistoryForm .datepicker-place .form-control[readonly] {
    z-index: 2;
    background: transparent;
}

.serviceOrderDetails {
}

    .serviceOrderDetails .fixedHeaderTable .scroll-wrapper {
        height: 115px !important;
    }

.orderRows {
}

    .orderRows .top-info {
    }

        .orderRows .top-info div {
        }

    .orderRows .rowTwo {
    }

        .orderRows .rowTwo div {
        }

            .orderRows .rowTwo div span {
            }


/*Segment Text Tab css start*/

.segmentext-wrapper {
    height: calc(100vh - 170px);
}

    .segmentext-wrapper .leftsection .language {
        display: flex;
        padding-right: 20px;
        padding-bottom: 5px;
        justify-content: flex-end;
    }

.RightSideContent .segmentext-wrapper .techFilterPopFooter {
    margin-right: 20px !important;
}

.language select {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-left: 5px;
}

.segmentext-sections {
    position: relative;
    padding-right: 20px;
}

    .segmentext-sections .content {
        margin-bottom: 5px;
    }

        .segmentext-sections .content h4 {
            display: flex;
            font-weight: bold;
            align-items: center;
        }

            .segmentext-sections .content h4 .suggest {
                color: #fff;
                font-size: 1.4rem;
                font-weight: normal;
                padding: 5px 10px;
                background: #2c5069;
                border-radius: 5px;
                margin-left: 25px;
            }

        .segmentext-sections .content .description {
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 5px;
        }

        .segmentext-sections .content .seemore {
            display: block;
            margin-top: 10px;
            text-align: right;
        }

            .segmentext-sections .content .seemore a {
                text-decoration: underline;
            }

.thumbitem {
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f9fafa;
    position: relative;
}

    .thumbitem .lSSlideWrapper {
        height: 345px !important;
    }

.partthumb {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

    .partthumb img {
        width: 100%;
        height: 100%;
    }

.prevarrow,
.nextarrow {
    width: 100%;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    background: #fff;
}

.prevarrow {
    top: 0px;
    left: 0px;
    box-shadow: 0 8px 6px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 8px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 6px 0px rgba(0, 0, 0, 0.1);
}

.nextarrow {
    bottom: 0px;
    left: 0px;
    -webkit-box-shadow: 0px -8px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -8px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -8px 6px 0px rgba(0, 0, 0, 0.1);
}

.seemore-wrapper {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2;
    background: #fff;
    position: absolute;
}

.complaintsection {
    padding-right: 0px;
}

.st-seemore-wrapper {
    height: 430px;
    position: relative;
    padding-right: 20px;
}

.complaintsection .language {
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
}

.seemore-wrapper .techFilterPop {
    top: 0px;
    left: 0px;
    right: 0px;
    position: relative;
    box-shadow: none;
}

    .seemore-wrapper .techFilterPop .tab-content .contentWrap {
        padding-top: 0px;
        padding-right: 20px;
    }

    .seemore-wrapper .techFilterPop .leftNavBlock {
        background: #f9fafa;
        padding-top: 30px;
    }

    .seemore-wrapper .techFilterPop .nav-link {
        font-size: 1.4rem;
    }

        .seemore-wrapper .techFilterPop .nav-link.active {
            font-weight: bold;
        }

    .seemore-wrapper .techFilterPop .language {
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .seemore-wrapper .techFilterPop .contentWrap .titleArea {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
    }

.complaint-textarea {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ddd;
    height: calc(100vh - 205px) !important;
}

.addimage-wrapper {
    display: flex;
    margin-top: 15px;
}

    .addimage-wrapper .thumb {
        width: 100px;
        height: 100px;
        padding: 5px;
        border-radius: 5px;
        margin-right: 10px;
        border: 1px solid #ddd;
    }

        .addimage-wrapper .thumb img {
            width: 100%;
        }

.addimagecta {
    color: #666;
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ddd;
}

.see_more {
    color: blue;
    text-decoration: underline;
}

.seemore-wrapper .techFilterPop .techFilterPopFooter {
    justify-content: inherit;
}

    .seemore-wrapper .techFilterPop .techFilterPopFooter .footerBtns {
        width: 100%;
        text-align: center;
    }


/* Service History Tab */

.serviceHistoryForm {
}

    .serviceHistoryForm label {
        font-weight: 600;
    }

.searchDate {
    position: relative;
    background: #fff;
}

    .searchDate .form-control {
        background: transparent;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


.searchbtns {
    padding-top: 22px;
}

.serviceOrderDetails {
    background: #f4f5f6;
    padding: 0.5rem 1rem 1rem 1rem;
    /*max-height: 320px;*/
    overflow-x: hidden;
    position: relative;
    font-size: 1.1rem;
}

.segmentPartsdetails-table table {
    width: 200%;
}

.segmentDetailsWrap .fixedHeaderTable .scrollbar-inner {
    height: 80px;
}

    .segmentDetailsWrap .fixedHeaderTable .scrollbar-inner.partsScroll {
        height: 140px;
    }

.segmentDetailsWrap .segmentPartsdetails-table table {
    width: 100%;
    margin-bottom: 0px;
}

.serviceOrderDetails .segmentPartsdetails-table .tax {
    width: 10%;
    padding-right: 20px;
}

.serviceOrderDetails .segmentPartsdetails-table .segment {
    width: 10%;
}

.serviceOrderDetails .segmentPartsdetails-table .serviceType {
    width: 30%;
}

.serviceOrderDetails .segmentPartsdetails-table thead th {
    width: 15%;
    float: none;
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
}

.serviceOrderDetails .segmentPartsdetails-table tbody td {
    width: 15%;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
}

.serviceOrderDetails .segmentsdetailsparts-table thead tr {
    border: 2px solid transparent;
}

    .serviceOrderDetails .segmentsdetailsparts-table thead tr:hover {
        border: 2px solid transparent;
    }

.serviceOrderDetails .segmentsdetailsparts-table tr {
    margin-bottom: 5px;
    border: 2px solid transparent;
}

    .serviceOrderDetails .segmentsdetailsparts-table tr.selectedRow {
        background-color: #e0eaf5;
    }

    .serviceOrderDetails .segmentsdetailsparts-table tr:hover {
        border: 2px solid #b2cfd6;
    }


        .serviceOrderDetails .segmentsdetailsparts-table tr:hover td {
            background: #f3f6f7;
        }

.orderRows {
    border-bottom: 1px solid #ccc;
    border-left: 4px solid transparent;
    padding: 0.7rem;
    cursor: pointer;
}

    .orderRows:hover {
        background: #fff;
        border-left: 4px solid #485263;
    }

    .orderRows.selectedRow {
        background: #fff;
        border-left: 4px solid #485263;
    }

    .orderRows .top-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
    }

        .orderRows .top-info div {
        }

    .orderRows .rowTwo {
        display: flex;
        align-items: flex-start;
        margin-top: 0.7rem;
    }

        .orderRows .rowTwo div {
            border-right: 1px solid #ccc;
            margin-right: 0.7rem;
        }

            .orderRows .rowTwo div:last-child {
                border-right: 0;
                margin-right: 0;
            }

            .orderRows .rowTwo div span {
                display: block;
                min-width: 83px;
            }

.workorderdetailsBody .docManageTabsWrap.tabsSection .nav-tabs .nav-link {
    height: 30px;
}

.workorderdetailsBody .docManageTabsWrap.tabsSection .nav-tabs .nav-link {
    min-width: 110px;
    /*max-width: 110px;*/
}

.segmentDetailsWrap {
}

    .segmentDetailsWrap .titlearea {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

        .segmentDetailsWrap .titlearea h5 {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 0;
        }

    .segmentDetailsWrap .docManageTabsWrap .tab-content > .tab-pane {
        display: none;
    }

    .segmentDetailsWrap .docManageTabsWrap .tab-content > .active {
        display: block;
    }

.segmentPartsdetails-table thead th {
    width: 20%;
    float: left;
}

.segmentPartsdetails-table tbody td {
    width: 20%;
    float: none;
    word-break: break-all;
}

.segmentPartsdetails-table {
    font-size: 1.1rem;
}

    .segmentPartsdetails-table tbody {
        position: relative;
    }

.orderRows .rowTwo .customerTxt span {
    min-width: 65px;
}

.segmentOthersdetails-table thead th,
.segmentOthersdetails-table tbody td {
    width: 25%;
    float: left;
}

.serviceOrderDetails .orderHistoryTable {
    height: calc(100vh - 500px);
}

.workorderdetailsBody .docManageTabsWrap.tabsSection .tab-content {
    padding: 5px;
    /*min-height: 130px;*/
    min-height: calc(100vh - 510px);
}

    .workorderdetailsBody .docManageTabsWrap.tabsSection .tab-content .segmentPartsdetails-table {
        /*height: calc(100vh - 520px);*/
        height: calc(100vh - 480px);
    }

.segmentsdetailsparts-table,
.segmentsdetailsparts-table tbody,
.segmentsdetailsparts-table tr {
    width: 100%;
}

    .segmentsdetailsparts-table tr {
        display: flex;
    }

        .segmentsdetailsparts-table tr:last-child {
            border-bottom: 0px;
        }

.labourdetails-table thead th {
    float: none;
}

.otherdetails-table {
    width: 100%;
    display: block;
}

    .otherdetails-table tbody {
        width: 100%;
        display: block;
    }

    .otherdetails-table tr {
        width: 100%;
        display: block;
    }

    .otherdetails-table thead th {
        width: 25%;
        float: left;
    }

    .otherdetails-table tbody td {
        width: 25%;
        float: none;
        background: #fff;
        border-bottom: 5px solid #f7f7f7;
    }


/* Genaral Text */

.d-flex1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.complaint-textarea {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.gt-minH {
    min-height: 380px;
}

.language {
    display: inline-flex;
    align-items: center;
}

    .language label {
        margin-bottom: 0;
    }

.modal-open .modal {
    overflow: hidden;
}


/* Role Management Listing*/

.masterGridTable .colIcon.width25 {
    width: 25%;
}

.selectStyle1 {
    margin: 0;
}

    .selectStyle1 select {
        height: 30px;
        background: #fff;
        border: 1px solid #ced4da;
    }

    .selectStyle1::after {
        right: 7px;
    }


/* Organisation Holiday Listing */

.masterGridFilterBy {
    display: flex;
    align-items: center;
    position: relative;
}

    .masterGridFilterBy label {
        margin: 0;
        font-weight: 600;
    }

.orgholidaylist .width3 {
    width: 3% !important;
}

.orgholidaylist .width15 {
    width: 15% !important;
}

.orgholidaylist .colIcon {
    width: 6% !important;
}

/* Filter By service Center */
.filterBySC {
    background: #fff;
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    padding-right: 2.5rem;
    cursor: pointer;
}

    .filterBySC::after {
        top: 2px;
    }

.filterBySCPopup {
    width: 93%;
    display: none;
    position: absolute;
    /* top: 34px;
	right: 0; */
    background: #fff;
    padding: 1rem;
    border: 1px solid #ccc;
    z-index: 9;
    box-shadow: 0px 0px 10px #ccc;
}

.setup.filterBySCPopup {
    width: 110% !important;
}

.showList {
    opacity: 1;
}

.filterBySCPopup label {
    font-weight: normal;
}

.filterBySCPopup .serviceCenterList {
    max-height: 230px;
}

.orgHolidaySC .searchSC {
    margin-bottom: 25px;
}

.orgHolidaySC .scroll-wrapper {
    margin-top: 0px !important;
}

.orgHolidaySC .serviceCenterList {
    margin-top: 0px !important;
}

.otherHolidayDate {
    display: flex;
    align-items: center;
}

    .otherHolidayDate label {
        margin-bottom: 0px;
        margin-right: 10px;
    }

    .otherHolidayDate .datepicker-place {
        width: 65%;
    }
/*Employee Calandar*/
.holidayCalendarForm .searchFormControl {
    width: 30%;
}

.holidayCalendarForm .btn-primary {
    background: #1e94cb;
    border: 1px solid #1e94cb;
}

    .holidayCalendarForm .btn-primary:hover {
        background-color: #1988bb;
    }

.calandarHolidayTable table {
    margin-bottom: 0px;
}

.calandarHolidayTable tbody {
    height: 200px;
    position: relative;
}

.calandarHolidayTable tbody,
.calandarHolidayTable tr {
    width: 100%;
    display: block;
    float: left;
}

    .calandarHolidayTable thead th,
    .calandarHolidayTable tbody tr td {
        float: left;
    }

    .calandarHolidayTable tbody tr {
        background: #fff;
        border-bottom: 5px solid #f7f7f7;
    }

.calandarHolidayTable .colUser {
    width: 20%;
}

.calandarHolidayTable .colEmp {
    width: 20%;
}

.calandarHolidayTable .colFromDate {
    width: 15%;
}

.calandarHolidayTable .colToDate {
    width: 25%;
}

.calandarHolidayTable .colIcon {
    width: 10%;
}

    .calandarHolidayTable .colIcon .fa {
        color: #dc6b51;
        font-size: 16px;
    }


/*Add Holiday css*/

.leaveSearchFilter .filtersearch-bar input {
    width: 100%;
}

.leaveSearchFilter button {
    width: 100%;
}

.datebox .filtersearch-bar input {
    background: #fff;
}

.datebox .filtersearch-bar:after {
    display: none;
}


/*Add Edit New Leave popup*/

.addeditleavepopup .modal-content {
    border: 0px;
}

.addeditleavepopup .action-btn {
    border: 0px;
    margin: 0px;
}

.leaveDetailsArea {
    padding: 20px 10px 10px 15px;
}

.successfulyAdded {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 343px;
    display: flex;
    align-items: center;
    position: absolute;
    flex-wrap: wrap;
    padding: 50px 0px;
    border-right: 10px solid #d7dbdd;
    border-bottom: 10px solid #d7dbdd;
    border-left: 15px solid #d7dbdd;
}

    .successfulyAdded .msg {
        width: 100%;
        font-size: 1.8rem;
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .successfulyAdded .successfulyIc,
    .gotit-btn {
        width: 100%;
    }

.work-order .form-check {
    display: inline-flex;
}

.selectLeaveType .radio-custom-label {
    padding: 3px;
}

.selectLeaveType .radio-custom:checked + .radio-custom-label:after {
    left: 7px;
}

.selectedLeave {
    background: #dae4f5;
}

.actionIcon {
    top: 4px;
    right: 8px;
    display: none;
    position: absolute;
}

    .actionIcon .fa {
        color: red;
        font-size: 15px;
    }

        .actionIcon .fa:last-child {
            margin-left: 8px;
        }

.selectedLeave .actionIcon {
    display: block;
}

.GridViewWrapper th a {
    color: #fff;
}

.dataTables_scrollBody tbody tr td:first-child {
    display: table;
}

.workorderdetailsBody {
    display: flex;
    flex-wrap: wrap;
}

.workorderdetailsBody-new {
    display: block;
}

.technicianmodal .workorderdetailsBody {
    display: block;
}

.title-scrolltabs {
    display: flex;
    flex-wrap: wrap;
}

.tabscrollersection {
    padding-left: 0px;
    padding-right: 0px;
}

.leftFilter {
    padding-left: 0px;
    padding-right: 0px;
    background: #f9fafa;
}

.tabscrollersection {
    padding-left: 0px;
    padding-right: 0px;
}

.filterbyTitle {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}

.leftFilter .nav-link {
    font-size: 1.4rem;
    border-bottom: 1px solid #d7dbdd;
}

    .leftFilter .nav-link.active {
        font-weight: bold;
        background-color: #fff;
    }

.rightcontent .techFilterPop .nav-link.active {
    border-left: 4px solid #d92337;
}

.tabContentSection {
    display: flex;
    flex-wrap: wrap;
}

.segment-tab-content > .tab-pane {
    display: none;
}

.segment-tab-content > .active {
    display: block;
}

.RightSideContent {
    /*width: 100%;*/
    height: calc(100vh - 145px);
    /* height: 500px;
    max-height: 500px;
	max-height: calc(100vh - 130px); */
}

    .RightSideContent .techFilterPopFooter {
        padding: 10px 0px;
        justify-content: flex-end;
        display: flex;
    }

.workorderdetailsBody .tab-content .tab-pane {
    /*Repeat class*/
    overflow-x: visible;
}

.docManageTabsWrap .tab-pane {
    max-height: none;
}

.workorderdetailsBody .tab-content {
    /*Repeat class*/
    max-height: none;
    min-height: auto;
}

.workorderdetailsBody .nav-tabs .nav-link .count {
    background: #3470b6;
}

.complaint-seemore {
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    padding: 1%;
    position: absolute;
    background: #fff;
}

.four-c-content .titleArea {
    display: flex;
    justify-content: space-between;
}

    .four-c-content .titleArea .tabTitle h4 {
        font-weight: bold;
    }

.workorderdetailsBody .nav-tabs .nav-link {
    /*Repeat class*/
    width: auto;
    cursor: pointer;
    min-width: 98px;
    max-width: none;
}

.dateSection .imageDate {
    margin-bottom: 5px;
}

.dateSection .imageThumbnails {
    display: flex;
    flex-wrap: wrap;
}

    .dateSection .imageThumbnails .imgthumb {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 8px;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .dateSection .imageThumbnails .imgthumb:hover {
            border-radius: 3px;
            border: 1px solid #ddd;
            -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
        }

        .dateSection .imageThumbnails .imgthumb img {
            width: 100%;
            max-width: 100%;
            margin: 0px;
        }

        .dateSection .imageThumbnails .imgthumb .productCode {
            font-size: 12px;
            padding: 5px 5px 0px 5px;
            width: 100%;
            display: block;
            text-align: center;
        }

.documentList {
    height: calc(100vh - 250px);
    padding-right: 10px;
    position: relative;
}

.datanotavailable .documentList {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nodoumentdata {
   /* display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;*/
    width: 100%;
    height: 100%;
}

    .nodoumentdata .nodataicon {
        display: flex;
        flex: 0 0 100%;
        /*margin-bottom: 15px;*/
        justify-content: center;
        height: 70%;
        background-image: url(/images/zerostate.svg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
    }

        .nodoumentdata .nodataicon img {
            width: 150px;
        }

    .nodoumentdata .nodata {
        font-size: 2rem;
        color: #666667;
        flex: 0 0 100%;
        display: flex;
        font-weight: bold;
        justify-content: center;
    }

    .nodoumentdata .nodatamsg {
        color: #666667;
        flex: 0 0 100%;
        display: flex;
        font-size: 1.6rem;
        justify-content: center;
    }

.searchdoc {
    display: flex;
    padding: 0px 0px 10px 10px;
    justify-content: flex-end;
    align-items: center;
}

    .searchdoc .tabSearch {
        display: flex;
        align-items: center;
        position: relative;
    }

        .searchdoc .tabSearch input {
            padding-right: 30px;
        }

        .searchdoc .tabSearch .fa {
            right: 10px;
            position: absolute;
        }

.docListItem-details .largeImagePrev {
    margin-bottom: 5px;
    text-align: center;
}

    .docListItem-details .largeImagePrev img {
        width: 100%;
        height: 235px;
        border: 1px solid #ddd;
    }

.docListItem-details .productCode {
    font-size: 1.4rem;
    margin-bottom: 5px;
    font-weight: bold;
}

.filesize {
    font-size: 1.4rem;
}

.dateTime {
    margin-bottom: 10px;
}

    .dateTime .label {
        font-weight: bold;
    }

.hidefilter {
    display: none;
}

.extendcontent {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

    .extendcontent .RightSideContent {
        height: 88vh;
    }

        .extendcontent .RightSideContent .RightSideContent {
            overflow: hidden !important;
        }

.worksite-location-map {
    left: 0px;
    height: 100%;
    padding: 0px;
}


.routeDetails .scroll-wrapper {
    position: static !important;
}

    .routeDetails .scroll-wrapper > .scroll-content {
        position: static !important;
    }

.sourceDestination {
    padding: 15px;
    background: #527abc;
}

    .sourceDestination .source {
        position: relative;
        padding-left: 35px;
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: left 4px;
        background-image: url(../images/source-ic.png);
    }

    .sourceDestination .Destination {
        background-image: url(../images/destination-ic.png);
    }

    .sourceDestination .source input {
        padding-right: 25px;
    }

.sourceAddress:after {
    top: 21px;
    left: 7px;
    content: '';
    width: 8px;
    height: 30px;
    background-size: 5px;
    background-repeat: repeat-y;
    background-position: left top;
    background-image: url(../images/dot-line.png);
    position: absolute;
}

.source label {
    color: #fff;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 0px;
}

.source input {
    width: 100%;
    height: 16px;
    color: #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-size: 1.5rem;
    padding-bottom: 3px;
    background: transparent;
    border-bottom: 1px solid #fff;
}

    .source input:focus {
        outline: none;
    }

.addDestination {
    color: #fff;
    margin-top: 20px;
}

    .addDestination .title {
        margin-bottom: 15px;
        padding-left: 35px;
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url(../images/add-destination-ic.png);
    }

        .addDestination .title span {
            opacity: 0.5;
            font-size: 1.6rem;
            font-weight: bold;
        }

    .addDestination .source {
        opacity: 0.5;
        background: none;
    }

    .addDestination .address {
        width: 98%;
        overflow: hidden;
        font-size: 1.5rem;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.leaveNow {
    padding: 10px;
    position: relative;
    background: #1e4879;
}

.extraSpace {
    height: 70px;
}


/*Leave Now Custom dropdown*/

.custom-select-wrapper {
    position: relative;
    user-select: none;
    /*width: 120px;*/
}

.custom-select {
    position: relative;
    display: flex;
    padding: 0px;
    flex-direction: column;
    border: 0px;
    background: none;
}

.custom-select__trigger {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #fff;
    background: #1e4879;
    cursor: pointer;
    padding: 0px 0px;
}

.custom-options {
    width: 100%;
    position: absolute;
    display: block;
    top: 100%;
    left: 0px;
    right: 0;
    border: 1px solid #ddd;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 1.3rem;
    color: #3b3b3b;
    cursor: pointer;
    transition: all 0.5s;
}

    .custom-option:hover {
        cursor: pointer;
        background-color: #b2b2b2;
    }

    .custom-option.selected {
        color: #ffffff;
        background-color: #305c91;
    }

.arrow {
    position: relative;
    height: 10px;
    width: 10px;
    margin-left: 15px;
}

    .arrow::before,
    .arrow::after {
        content: "";
        position: absolute;
        bottom: 0px;
        width: 0.15rem;
        height: 100%;
        transition: all 0.5s;
    }

    .arrow::before {
        left: -3px;
        transform: rotate(-45deg);
        background-color: #fff;
    }

    .arrow::after {
        left: 3px;
        transform: rotate(45deg);
        background-color: #fff;
    }

.open .arrow::before {
    left: -3px;
    transform: rotate(45deg);
}

.open .arrow::after {
    left: 3px;
    transform: rotate(-45deg);
}


/*Custom dropdown css end*/

.departatForm {
    width: 100%;
    left: 10px;
    top: 40px;
    display: none;
    position: absolute;
}

.arrivebyForm {
    display: none;
    width: 100%;
    left: 10px;
    top: 40px;
    position: absolute;
}

.departtime {
    z-index: 1;
    position: relative;
}

    .departtime input {
        color: #fff;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        cursor: pointer;
        background: transparent;
        border-bottom: 1px solid #ddd;
    }

        .departtime input:focus {
            outline: none;
        }

.departdate {
    position: relative;
}

    .departdate input {
        width: 90%;
        color: #fff;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        cursor: pointer;
        padding-left: 20px;
        background: transparent;
        border-bottom: 1px solid #ddd;
        margin-left: 5px
    }

        .departdate input:focus {
            outline: none;
        }

    .departdate i {
        top: 3px;
        left: 0px;
        color: #fff;
        position: absolute;
    }

.ui-timepicker, .ui-timepicker-viewport {
    height: 80px !important;
}

.ui-timepicker-standard {
    padding: 0px !important;
    height: 80px !important;
    z-index: 1055 !important;
}

    .ui-timepicker-standard a {
        text-align: left;
        padding: 0em .4em !important;
    }

        .ui-timepicker-standard a:hover {
            border-radius: 0px;
        }

.ui-widget.ui-widget-content {
    border: 0px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow: auto;
    border: 1px solid #c5c5c5 !important;
    z-index: 999999 !important;
}

    .ui-autocomplete li {
        border-bottom: 1px solid #c5c5c5;
    }

.ui-timepicker-standard .ui-menu-item {
    width: 100%;
}

.ui-autocomplete::-webkit-scrollbar {
    width: 5px;
}

.ui-autocomplete::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    outline: 1px solid slategrey;
}

.locationInformation {
    /* height: 180px; */
    /*height: calc(100vh - 220px);
      position: relative;*/
    /*height: 350px;*/
    height: calc(60vh - 45px);
    background: #f6f7f7;
}

.back-to-route {
    color: #fff;
    z-index: 15;
    background: #527abc;
    padding: 5px 10px;
    position: relative;
}

.back-route {
    cursor: pointer;
    padding: 0px 5px;
    display: inline-block;
}

.adp-placemark {
    margin-top: 0px !important;
}

.distanceETA {
    /*height: calc(100vh - 475px);
      border-bottom: 1px solid #ddd;*/
    position: relative;
    /*padding: 10px;*/
}

.distanceic {
    font-size: 12px;
    font-weight: 400;
    background-size: 12%;
    padding: 0px 0px 0px 35px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/cabIcon.png);
}

    .distanceic span {
        display: block;
    }

.etaic {
    font-size: 1.4rem;
    background-size: 14%;
    padding: 0px 0px 0px 35px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/cabIcon.png);
}

    .etaic span {
        display: block;
        text-transform: uppercase;
    }

.distanceETA .destance {
    /*height: 55px;*/
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    position: relative;
}

.leavenow-distanceinfo,
.depart-distanceinfo,
.arrive-distanceinfo {
    width: 100%;
    top: 0;
    left: 0;
    /*position: absolute;*/
}

.distanceinfo {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
}

.depart-distanceinfo {
    display: none;
}

.arrive-distanceinfo {
    display: none;
}

.distanceETA .distanceNumber {
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    padding: 0px 0px;
    font-weight: 400;
}

.distanceETA .depart-distanceinfo .departtime {
    color: #ec2224;
}

.distanceETA .arrive-distanceinfo .departtime {
    color: #ec2224;
}

.weatherInfo .dayweather {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .weatherInfo .dayweather .info {
        font-size: 1.4rem;
    }

        .weatherInfo .dayweather .info label {
            display: block;
            font-size: 1.4rem;
        }

.weatherdetails {
    /*display: flex;
    background-size: 20%;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: left center;*/
}

.weatherInfo .dayweather .info img {
    float: left;
    margin-right: 5px;
}

.worksitelocationmap {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
}

.distanceNumber {
    font-weight: bold;
}

.invalid-msg {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.statusmsg {
    display: flex;
    font-size: 2rem;
    padding: 5px 30px;
    align-items: center;
    /*margin-left: -12px;
    margin-top: -12px;
    margin-right: -12px;*/
    margin-bottom: 30px;
}

.statusmsg {
    color: #fff;
    padding-left: 60px;
    background-size: 2.5%;
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: center;
}

    .statusmsg span {
        width: 100%;
        display: block;
        font-size: 1.4rem;
    }

.success-status {
    background-color: #28a745;
    background-size: 30px;
    background-image: url(../images/success_msg_white_icon.svg);
}

.error-status {
    background-color: #dc3545;
    background-size: 30px;
    background-image: url(../images/warning_msg_white_icon.svg);
}

.great {
    color: #77aa5d;
}

.warring {
    color: #d37a06;
}

.someinformation {
    color: #1a74a6;
}

.somthingwrong {
    color: #dd2237;
}

.areyousure {
    color: #2370a8;
}

.iconbg {
    padding-left: 70px;
    background-size: 12%;
    background-position: left center;
    background-repeat: no-repeat;
}

.errorhandlerModel .close {
    font-size: 2rem;
    font-weight: normal;
    text-shadow: none;
    margin-right: 3px;
}

.errorhandlerModel .modal-body {
    background: #fff;
    padding: 0.5rem;
    border: 5px solid #ddd;
}

.errorhandlerModel .MainMessage .ModelStatusIcon {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
    padding-right: 20px;
}

    .errorhandlerModel .MainMessage .ModelStatusIcon img {
        width: 50px;
    }

.errorhandlerModel .MainMessage .ModelStatusMsg {
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .errorhandlerModel .MainMessage .ModelStatusMsg .MainMsg {
        display: flex;
        flex-wrap: wrap;
        font-size: 2.2rem;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .errorhandlerModel .MainMessage .ModelStatusMsg span.msgsmall {
        color: #000;
        width: 100%;
        font-size: 1.3rem;
        word-break: break-word;
    }

    .errorhandlerModel .MainMessage .ModelStatusMsg .actionbtn {
        width: 100%;
        text-align: center;
    }

.toastwrapper .toast {
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1060; /*nikhil*/
    max-width: 100%;
    margin-top: 0px;
    border-radius: 0px;
    position: absolute;
}

.toast-body {
    display: flex;
    align-items: center;
}

.statusName {
    width: 98%;
}

.closetoast {
    width: 2%;
    cursor: pointer;
    text-align: center;
}

    .closetoast .fa {
        color: #fff;
    }

.aduserwrapper {
    padding: 12px;
    background: #f6fafa;
}

    .aduserwrapper .aduserSearchImport {
        display: block;
    }

        .aduserwrapper .aduserSearchImport .masterformBox {
            flex: 0 0 100%;
        }

        .aduserwrapper .aduserSearchImport .importADuser {
            display: flex;
            flex: 0 0 50%;
            align-items: center;
            padding-left: 20px;
        }

            .aduserwrapper .aduserSearchImport .importADuser .disable {
                opacity: .4;
                cursor: default;
            }

    .aduserwrapper .formtitle {
        background: #f6fafa;
    }

    .aduserwrapper .adusersearch {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .aduserwrapper .adusersearch .filtersearch-bar {
            width: 90%;
        }

        .aduserwrapper .adusersearch button {
            margin-left: 10px;
        }

        .aduserwrapper .adusersearch .searchbyroot {
            flex: 0 0 100%;
            margin-top: 10px;
        }

        .aduserwrapper .adusersearch .has-clear {
            width: 90%;
        }

.adUserList label input[type="radio"] {
    margin-right: 3px;
}

.adUserList label {
    margin: 0 20px 10px 0;
    display: flex;
    align-items: center;
}

.ADUsrLoader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7);
}

    .ADUsrLoader i {
        top: 50%;
        position: relative;
        font-size: 4rem;
        color: #fff;
    }

.searchErrorText {
    color: #e96e1a;
    font-size: 11px;
}

.nouserselected {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 60px;
}

    .nouserselected img {
        width: 180px;
    }

    .nouserselected .nouser {
        font-size: 2rem;
        color: #666766;
    }

    .nouserselected span {
        font-size: 1.4rem;
        color: #666766;
        display: block;
    }

.aduserlist-table {
    margin-top: 20px;
    position: relative;
}

    .aduserlist-table tr {
        width: 100%;
        display: flex;
        height: auto;
    }

    .aduserlist-table thead tr th,
    .aduserlist-table tbody tr td {
        width: 25%;
        font-size: 1.4rem;
        word-break: break-word;
    }

    .aduserlist-table .selectuser-radio {
        width: 8%;
        padding-left: 3%;
    }

.aduserlist-table-tbody {
    width: 100%;
    height: 280px;
    display: block;
    position: relative;
}

.importADuser {
    text-align: center;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

.is-invalid {
    border: 1px solid #dc3545 !important;
}

    .is-invalid ~ .invalid-feedback {
        display: block;
    }


/* Manage Labour Bubble */

.right-menu-list {
    display: none;
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 0;
}

    .right-menu-list ul {
        padding: 0;
        list-style: none;
    }

        .right-menu-list ul li {
        }

            .right-menu-list ul li a {
                color: #000;
                padding: 0.5rem 1rem;
                display: block;
            }

.techDetailsTop .percentCompleted {
    display: block;
    text-align: center;
    width: 25%;
}

.percentCompleted .progress {
    width: 100%;
    clear: both;
    height: 0.6rem;
    background-color: #355b8a;
}

.techDetailsTop .percentCompleted span {
    font-size: 1.4rem;
}

.techDetailsTop .taskNameTime .name {
    color: #fff;
}

.techDetailsTop .serviceCenterName {
    color: #da433c;
}

.eventTooltipWrap {
    width: 410px;
    height: auto;
}

.scrollArea {
    max-height: 475px;
    overflow: auto;
    /*margin-top: 2rem;*/
}

.storyline-info .scrollArea {
    max-height: 350px;
}

.storyLine {
    margin-left: 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.scrollArea .breaksDetailsWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 12px;
}

.breaksDetailsWrapper {
}

.scrollArea .breakIcon {
    background: #1e3557;
    width: 40px;
    height: 40px;
    padding: 2px;
    z-index: 5;
    border-radius: 50px;
}

.scrollArea .breakTime {
    /*color: #fff;*/
}

.scrollArea .breakDetailsCard {
    background: #eee;
    color: #000;
    padding: 0.7rem;
    position: relative;
    width: 247px;
}

    .scrollArea .breakDetailsCard .fa-caret-left {
        color: #eee;
        position: absolute;
        left: -7px;
        font-size: 22px;
    }

    .scrollArea .breakDetailsCard .cardTitle {
        font-weight: 600;
    }

    .scrollArea .breakDetailsCard .breakSummary {
    }

.scrollArea .timeTaken {
    /*color: #fff;*/
    min-width: 45px;
}

.breakIcon::after {
    content: '';
    width: 1px;
    height: 100%;
    border: 1px solid #1e3557;
    position: absolute;
    margin-left: -16px;
    z-index: -1;
    top: 10px
}

.tasksWrap {
    margin: 1rem 0;
    border-bottom: 1px solid #ccc;
}

.taskDetailsRow {
    border-top: 1px solid #ccc;
    /* padding: 0.7rem 0; */
}

.taskDetailsRow {
}

    .taskDetailsRow .taskTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 0.7rem;
    }

    .taskDetailsRow .taskName {
        display: flex;
    }

        .taskDetailsRow .taskName a {
            background-image: url(../images/icon_show_more_revised.svg);
            width: 15px;
            height: 15px;
            display: inline-block;
            background-position: center;
            background-size: cover;
            margin-right: 0.6rem;
        }

            .taskDetailsRow .taskName a.expand {
                background-image: url(../images/icon_show_less_revised.svg);
            }

.tasksWrap .expandedTask {
    padding-left: 2rem;
    display: none;
    background: #efefef;
    padding-bottom: 0.1rem;
}

    .tasksWrap .expandedTask p {
    }

.taskTitle.active {
    background: #efefef;
}

.percentCompleted span {
    color: #f6901e;
}

.tasksWrap .percentCompleted {
    width: 50px;
}

    .tasksWrap .percentCompleted .progress {
        background: #ccc;
    }

.breakIcon.lastCard::after {
    top: 0;
}

.headerNumber {
    font-size: 1.1rem;
    position: absolute;
    top: -2px;
    margin-left: 6px;
    color: #ffc532;
}

.max-content {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

    .max-content div {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tooltip .arrow {
    display: none;
}

.profileimage img {
    width: 80px;
    margin-top: 5px;
    border: 1px solid #ccc;
}


/*Modified CSS for on/off switch*/

.onoffswitch {
    position: relative;
    width: 55px;
    margin-left: 15px;
    margin-right: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 0px;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before,
    .onoffswitch-inner:after {
        float: left;
        width: 50%;
        height: 22px;
        padding: 0;
        line-height: 22px;
        font-size: 14px;
        color: white;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: attr(data-before);
        padding-left: 11px;
        background-color: #607d8c;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: attr(data-after);
        padding-right: 11px;
        background-color: #d7dbdd;
        color: #858788;
        text-align: right;
    }

.onoffswitch-switch {
    width: 14px;
    height: 14px;
    margin: 2px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 33px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 2px;
}


/* Change Password */

.profileMenu .bottomSection {
    padding: 10px;
    padding-bottom: 0;
}

    .profileMenu .bottomSection a {
        padding: 0 0.5rem;
        border-left: 0px solid #000;
    }

        .profileMenu .bottomSection a:last-child {
            border: 0px;
        }

        .profileMenu .bottomSection a.changepwd {
            margin-left: 0px;
            padding-left: 0px;
        }

.changePasswordModalBody {
    background: #fff;
    padding: 1.5rem;
    min-height: 250px;
}

    .changePasswordModalBody .changePassForm .form-inline input {
        width: 100%
    }

.passwordInstructionWrap {
}

    .passwordInstructionWrap h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .passwordInstructionWrap ul {
        padding: 0;
        list-style: none;
    }

    .passwordInstructionWrap li {
        margin-bottom: 0.5rem;
    }

.successMsgWrap {
    text-align: center;
    margin-top: 4rem;
    display: none;
}

    .successMsgWrap img {
        width: 40px;
    }

    .successMsgWrap h3 {
        margin: 1.5rem 0;
    }


/* Change Password */


/* Customize Grid */

.customizeGridWrap .list {
    position: relative;
}

.listContainer {
    width: 100%;
    margin: 0 auto;
    width: 94%;
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    height: calc(100% - 100px);
    position: relative;
}

    .listContainer > .list {
        min-width: auto;
        width: 40%;
        background-color: #fff;
        padding: 20px;
        height: 330px;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 1px solid #ccc;
        margin: 2rem 0;
        max-height: 400px;
    }

        .listContainer > .list > h2 {
            margin: 0 0 10px 0;
            font-size: 1.4rem;
            font-weight: 600;
        }

        .listContainer > .list > ul {
            list-style-type: none;
            display: block;
            width: 100%;
            margin: 0;
            padding: 0;
            flex-grow: 1;
            overflow: hidden;
            overflow-y: auto;
            position: relative;
        }

            .listContainer > .list > ul > li {
                width: 100%;
                padding: 5px 30px 5px 15px;
                background-color: #fff;
                border: 1px solid transparent;
                color: #575757;
                position: static;
                /* min-height: 40px; */
                cursor: pointer;
                position: relative;
            }

                .listContainer > .list > ul > li:hover {
                    color: #000;
                    border-color: #000;
                }

                    .listContainer > .list > ul > li:hover:after {
                        content: "";
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        right: 15px;
                        width: 10px;
                        height: 10px;
                        background-image: url(../images/icon_move.svg);
                        background-position: center center;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

    .listContainer > .list1 > ul > li.selected {
        border-color: #0c8200;
        color: #0c8200;
        border: 1px solid;
    }

    .listContainer > .list2 > ul > li.selected {
        border-color: #2196F3;
        color: #2196F3;
    }

    .listContainer > .list > ul > li.selected:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: none;
    }

    .listContainer > .list1 > ul > li.selected:after {
        background-color: #0c8200;
        border: 1px solid #0c8200;
    }

    .listContainer > .list2 > ul > li.selected:after {
        background-color: #2196F3;
        border: 1px solid #2196F3;
    }

.divActions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.btnAction {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;
    position: relative;
}

    .btnAction.btnAdd {
        background-image: url(../images/btnAdd.svg);
        margin-bottom: 25px;
    }

    .btnAction.btnRemove {
        background-image: url(../images/btnRemove.svg);
    }

    .btnAction:hover:before {
        content: "";
        position: absolute;
        bottom: calc(100% + 3px);
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        background-color: #000;
    }

    .btnAction.btnAdd:hover:before {
        bottom: calc(100% + 3px);
    }

    .btnAction.btnRemove:hover:before {
        top: calc(100% + 3px);
    }

    .btnAction:hover:after {
        content: "";
        position: absolute;
        background-color: #000;
        color: #fff;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 20px;
        font-size: 0.9rem;
        padding: 5px 15px;
    }

    .btnAction.btnAdd:hover:after {
        content: "Add Items";
        bottom: calc(100% + 6px);
    }

    .btnAction.btnRemove:hover:after {
        content: "Remove Items";
        top: calc(100% + 6px);
    }

.listContainer > .list > ul > li.ui-state-highlight.ui-sortable-placeholder {
    background-color: #f3f3f3;
    border: 1px dashed #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b9b0b0;
}

    .listContainer > .list > ul > li.ui-state-highlight.ui-sortable-placeholder:before {
        content: "Drop here";
        display: inline-block;
        pointer-events: none;
    }

.listContainer > .list.segmentList {
    height: 355px
}

.listContainer > .list {
    height: 310px;
}

.woOrderTabWrap .listContainer {
    height: calc(100% - 137px);
}

.btnAction.disable {
    pointer-events: none;
    opacity: 0.3;
}

.customizedGridModalBody {
    position: relative;
    height: 100%;
}

    .customizedGridModalBody .listContainer .list.segmentList {
        max-height: none;
        height: calc(100vh - 280px);
    }

    .customizedGridModalBody .listContainer .list.serviceOrderList {
        max-height: none;
        height: calc(100vh - 300px);
    }

.disableItem {
    color: #d92337;
    padding: 5px 30px 5px 15px;
    /* border: 1px solid #efefef; */
}

.noteTxt {
    color: #d92337;
    text-align: center
}

.woOrderTabWrap .listContainer {
    display: none;
}

    .woOrderTabWrap .listContainer.activeTab {
        display: flex;
    }

.woOrderTabs {
    text-align: center;
}

    .woOrderTabs a:hover {
        text-decoration: none;
    }

    .woOrderTabs a {
        padding: 0.7rem;
        display: inline-block;
        background: #efefef;
        color: #000;
    }

        .woOrderTabs a.active {
            background: #d92337;
            color: #fff;
        }

/*.custGridBtnAlign {
    margin-top: -54px !important;
}*/


/* Customize Grid  */


/*Zero State */

.zerostatefilter .masterFormArea {
    height: calc(100vh - 110px);
}

.zerostatefilter .row {
    align-items: center;
}

.zerostatemsg {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 20px 0px;*/
    background-color: #f6f9f9;
    margin-top: 16px;
}

    .zerostatemsg .nodataicon img {
        width: 200px;
        height: 200px;
    }

    .zerostatemsg.nodoumentdata .nodataicon {
        margin-bottom: 0px;
    }

#searchResults .zerostatemsg {
    height: 100%;
    display: block;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
    background-color: #f6f9f9;
    text-align: center;
    width: 100%;
    position: relative;
}

#searchResults .NoDataFoundImg {
    width: 100% !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
}

#searchResults .nodoumentdata .nodata {
    font-size: 2rem;
    color: #666667;
    flex: 0 0 100%;
    display: flex;
    font-weight: bold;
    justify-content: center;
    margin: 0px !important;
}

.somthingWrong {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

    .somthingWrong .somthingwrongImg {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

        .somthingWrong .somthingwrongImg img {
            width: 250px;
            height: 250px;
        }

    .somthingWrong P {
        width: 100%;
        font-weight: bold;
        padding-left: 20px;
        padding-right: 20px;
    }

.noDataGrid {
    position: absolute;
    bottom: 0;
    top: 57px;
    left: 0;
    right: 0;
    text-align: center;
}

.dataTables_empty {
    text-indent: -2000px !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
}

.DTFC_NoData {
    height: 0 !important;
    background-color: #f6f9f9 !important;
}

/*Zero State end */


/*Notification CSS start*/

.defaultNote {
    padding-top: 20px;
}

.notificationSendTO .sendtotitle {
    font-weight: bold;
    margin-top: -8px;
    margin-bottom: 15px;
}

.notificationSendTO .email,
.sms,
.push {
    flex: 0 0 30%;
    max-width: 30%;
    padding-left: 5px;
    padding-right: 5px;
}

.general {
    padding: 10px;
    margin-left: -15px;
    margin-right: -10px;
    background: #f9fafa;
}

.userLabel {
    margin-bottom: 20px;
}

.TechnicianLabel {
    margin-bottom: 18px;
}

.foremanLabel {
    margin-bottom: 16px;
}

.generalLabel {
    padding-left: 5px;
    padding-top: 12px;
}

.generalto {
    margin-bottom: 30px;
}

.editnotificationinfo .info-field {
    display: flex;
}

.editnotificationinfo .labeloutput {
    color: #707171;
}

.filterlistarea {
    padding: 10px;
    background-color: #f6f9f9;
}

.notifilterlisttable {
    position: relative;
}

    .notifilterlisttable table tbody {
        height: 260px;
    }

        .notifilterlisttable table tbody tr td a {
            color: #dc6b51;
        }

.addnotifilterbtn {
    text-align: right;
}

    .addnotifilterbtn .btn-primary {
        background: #1e94cb;
        border: 1px solid #1e94cb;
    }


/* Sort column icon */

.sortCoulmn {
    padding: 0.4rem;
    width: 100%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: left;
    color: #668f9c;
}

.sortedCol .default {
    display: none !important
}

.sortCoulmn .up,
.sortCoulmn .down {
    display: none
}

.sortCoulmn.sortedCol .up,
.sortCoulmn.sortedCol .down {
    display: inline-flex;
    /*position:absolute;*/
}

.sortCoulmn embed {
    pointer-events: none;
    margin-left: 2px;
}

.sortCoulmn:hover {
    text-decoration: none;
}


/* Sort column icon */


/* Segment Grid View */

.techInfoTooltipWrap {
    display: none;
}

.tab-content > .tab-pane {
    display: block;
    /* margin-left: -30000px; */
    opacity: 1;
    position: absolute;
    left: -1000000px;
}

.tab-content > .active {
    display: block;
    opacity: 1;
    position: static;
    left: 0;
}

.tab-content .zerostatemsg {
    margin-top: 0px;
}


/* Segment Grid View */


/*Edit Holiday*/

.TechDetailsBody .tab-content > .tab-pane {
    display: none;
}

.TechDetailsBody .tab-content > .active {
    display: block;
}

.editholidatdetails {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f9fafa;
}

    .editholidatdetails .company .labelname {
        width: 25%;
    }

    .editholidatdetails .info-field {
        display: flex;
    }

    .editholidatdetails .labelname {
        width: 40%;
    }

    .editholidatdetails .labeloutput {
        color: #707171;
    }

.googleapiekey {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    background-color: #f9fafa;
}

.OrderStatusbyList {
    position: relative;
}

.customDropdown {
    cursor: pointer;
    background: #fff;
    border: 1px solid #ccc;
    height: 30px;
    position: relative;
    line-height: 30px;
    padding-right: 2.5rem;
}

    .customDropdown:after {
        top: 0px;
    }

.OrderStatuslist {
    display: none;
}

.customList {
    top: 52px;
    left: 14px;
    width: 40%;
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 10px 10px 0px 10px;
    border: 1px solid #ddd;
}

.NotifyBylist {
    width: 55%;
}

.timeField {
    display: flex;
}

    .timeField input {
        width: 55px;
        padding: 3px;
        margin-right: 10px;
        position: relative;
        text-align: center;
    }

    .timeField span {
        display: flex;
        font-weight: bold;
        align-items: center;
        padding-left: 3px;
        padding-right: 3px;
        justify-content: center;
    }

    .timeField .select:after {
        right: 6px;
    }

.right-menu-list {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    right: auto;
    top: 10px;
    box-shadow: 0px 1px 7px #999;
}

.orgholidaylist .orgserviceCenterList ul {
    display: flex;
    margin: 0px 0 0 10px;
    padding: 0px;
    height: 32px;
    flex-wrap: wrap;
    overflow: hidden;
}

    .orgholidaylist .orgserviceCenterList ul li {
        color: #231f20;
        padding: 6px;
        margin-right: 8px;
        border-radius: 5px;
        white-space: nowrap;
        list-style-type: none;
        border: 1px solid #b6b7b7;
        background-color: #fdf9e0;
    }

.orgholidaylist tbody tr.collapsetr td .usercreatmodify {
    align-items: center;
}

.orgholidaylist tbody tr.collapsetr td .assignsc {
    flex: 0 0 16%;
}

.orgholidaylist tbody tr.collapsetr td .orgserviceCenterList {
    flex: 0 0 76%;
    overflow: hidden;
}

.orgholidaylist tbody tr.collapsetr td .showMore {
    flex: 0 0 9%;
    padding-right: 10px;
    text-align: right;
}

.assignservicecenters {
    padding: 12px;
    background-color: #fff;
}

    .assignservicecenters .userlistsubheading {
        margin-bottom: 20px;
    }

        .assignservicecenters .userlistsubheading .usercount {
            flex: 0 0 30%;
            font-weight: bold;
        }

        .assignservicecenters .userlistsubheading .searchuser {
            flex: 0 0 70%;
        }

        .assignservicecenters .userlistsubheading .searchFormControl {
            flex: 0 0 70%;
            align-items: flex-start;
        }

.assignservicecentersname {
    padding: 8px;
    background-color: #f6fafa;
}

    .assignservicecentersname .scroll-wrapper {
        height: calc(100vh - 200px);
    }

    .assignservicecentersname .heading {
        color: #678f9c;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .assignservicecentersname ul {
        margin: 0px;
        padding: 0 20px 0px 0px;
        position: relative;
    }

        .assignservicecentersname ul li {
            display: block;
            padding: 6px;
            border-radius: 3px;
            background-color: #fff;
            list-style-type: none;
            margin-bottom: 5px;
        }

.sslbg {
    display: flex;
    padding: 6px;
    align-items: center;
    margin-bottom: 12px;
    background-color: #f9fafa;
}

    .sslbg .onoffswitch {
        width: 90px;
    }

    .sslbg .onoffswitch-switch {
        right: 68px;
    }

    .sslbg .onoffswitch-inner:before {
        content: attr(data-before);
        background-color: #419844;
    }

    .sslbg .onoffswitch-inner:after {
        content: attr(data-after);
    }

.authLabel {
    background-color: transparent;
}

    .authLabel label input[type="radio"] {
        margin-right: 8px;
    }

    .authLabel label {
        display: flex;
        margin-left: 10px;
        margin-bottom: 0;
    }

.smptport {
    flex-wrap: wrap;
}

    .smptport .field-validation-valid {
        flex: 0 0 100%;
    }

.iconPW {
    display: flex;
    cursor: pointer;
    margin-left: -20px;
    position: relative;
    align-items: center;
}

.passwordField {
    width: 68%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

    .passwordField .is-invalid ~ .invalid-feedback {
        flex: 0 0 100%;
    }

.ldappath {
    padding-left: 0px;
}

.eschedulersettingwrapper .CommonSettings .OrderStatusbyList .customList {
    width: 256px;
}

.eschedulerToggle-divider {
    padding-left: 30px;
    border-left: 1px solid #ddd;
}

.eschedulerToggle {
    display: flex;
    align-items: center;
}

.togglelabel {
    width: 62%;
}


.eschedulerToggle .onoffswitch {
    margin-right: 0px;
}

.eschedulerToggle label {
    margin-bottom: 0px;
}

.eschedulerToggle .onoffswitch-inner:before {
    content: attr(data-before);
    background-color: #419844;
}

.eschedulerToggle .onoffswitch-inner:after {
    content: attr(data-after);
}

.eservicetechbox .eschedulerToggle .onoffswitch {
    width: 75px;
}

.eservicetechbox .eschedulerToggle .onoffswitch-switch {
    right: 55px;
}

.eservicetechbox .eschedulerToggle .togglelabel {
    width: auto;
}

.CommonSettings .togglelabel {
    width: 70%;
}

.allocationSettingToggle .togglelabel {
    width: 70%;
}

.allocationhours {
    display: flex;
    width: 60%;
}

    .allocationhours input {
        text-align: center;
    }

    .allocationhours span {
        display: block;
        text-align: right;
        font-size: 10px;
        margin-right: 4px;
    }

    .allocationhours .hours {
        margin-right: 10px;
    }

.attributelist {
    height: 350px;
    position: relative;
}

    .attributelist .attributename {
        display: flex;
        /*flex-wrap: wrap;*/
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }

        .attributelist .attributename:hover {
            background-color: #ebf6f6;
        }

        .attributelist .attributename .attlabel {
            flex: 0 0 65%;
            padding: 6px;
            font-weight: bold;
        }

        .attributelist .attributename .attoutput {
            flex: 0 0 35%;
            padding: 6px;
            cursor: pointer;
            margin-left: -50px;
        }

.templateeditactive {
    padding: 10px;
    display: flex;
    align-items: center;
    background: #f9fafa;
    margin-bottom: 15px;
}

    .templateeditactive .onoffswitch-inner:before {
        content: attr(data-before);
        background-color: #419844;
    }

    .templateeditactive .onoffswitch-inner:after {
        content: attr(data-after);
    }

.showpanelbtn {
    display: flex;
    margin-top: 15px;
}

.showhidepanel {
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: bold;
    color: #4588c8;
    padding-left: 35px;
    background-size: 25px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/hidepanel.png);
}

.showpanel {
    background-size: 25px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/showpanel.png);
}

.showhidepanel.showpanel .hide {
    display: none;
}

.showhidepanel.showpanel .show {
    display: block;
}

.showhidepanel .show {
    display: none;
}

.showhidepanel .hide {
    display: block;
}

.editerfullwidth {
    flex: 0 0 100%;
    max-width: 100%;
}

.Grid-no-filter {
    height: calc(100vh - 90px);
}

    .Grid-no-filter .masterGridWrap {
        height: calc(100vh - 170px);
    }

    .Grid-no-filter .scroll-wrapper {
        height: calc(100vh - 260px) !important;
    }


/* 08042020 */

#ShowRightMenu {
    user-select: none;
}

.right-menu-list ul {
    margin: 0;
}


/*.up {
    background-image: url("../images/sort-up.svg")
}

.down {
    background-image: url("../images/sort-down.svg")
}*/

.up {
    background-image: url(../images/sort-up-white.svg);
    position: relative;
    top: -4px;
}

.down {
    background-image: url(../images/sort-down-white.svg);
    position: relative;
    top: -4px;
}

.sortCoulmn div {
    width: 9px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -4px;
    margin-left: 4px;
    display: contents;
}


/* .dataTables_scrollHead .sortCoulmn, .dataTables_scrollBody .sortCoulmn{display: none!important} */

.status-th {
    width: 70px
}


/* 08042020 */


/* disable the masterboxform list*/

.disableControl {
    opacity: 0.4;
    pointer-events: none;
}


/* 28042020 */

.cke_chrome {
    width: 100%;
}


/*IE Edge only*/

@supports (-ms-ime-align:auto) {
    .cke_top {
        padding: 0px;
    }

    .cke_bottom {
        width: 98%;
    }
}


/*Notification Setup Table start*/

.sendto {
    width: 10%;
}

.notificationthead {
    width: 30%;
}

.notificationSendTO table {
    border: 1px solid #ddd;
    font-size: 12px;
}

.notificationSendTO thead tr th {
    padding-left: 15px;
    background: #f9fafa;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.notificationSendTO tbody tr td {
    padding-left: 15px;
    vertical-align: middle;
    border-right: 1px solid #ddd;
}


/*Notification Setup Table end*/


/*Access Denied start*/

.accessdenied {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}

    .accessdenied .masterGridWrap {
        margin-top: 0px;
        background: #fff;
    }

    .accessdenied .zerostatemsg {
        background-color: #fff;
    }

.accessdeniedicon img {
    max-width: 100%;
    height: auto;
}

.accessdenied .nodoumentdata .nodata {
    color: #979696;
    font-weight: normal;
    font-size: 3rem;
    margin-bottom: 10px;
    margin-top: 20px;
}

.accessdenied .nodoumentdata .nodatamsg {
    color: #979696;
    font-size: 1.8rem;
    margin-bottom: 30px;
}


/*Access Denied end*/


/*Select Address Radio button Start*/

.selectAddress {
    padding: 15px 10px 10px 15px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-bottom: 15px;
}

    .selectAddress .title {
        top: -10px;
        color: #c9d5ea;
        font-size: 1.4rem;
        font-weight: bold;
        position: absolute;
        background: #527abc;
    }

.addresstype {
    display: flex;
}

    .addresstype label {
        color: #fff;
        word-break: keep-all;
    }

    .addresstype .radio-custom + .radio-custom-label:before {
        background: #527abc;
        border: 1px solid #fff;
    }

    .addresstype .radio-custom:checked + .radio-custom-label:after {
        background: #fff;
    }

.source {
    position: relative;
}

.sourceSearchIcon {
    right: 2px;
    bottom: 4px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
    display: block;
    cursor: pointer;
    position: absolute;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/search_icon.svg);
}

.searchIcon .sourceSearchIcon:hover {
    opacity: 1;
}


/*Select Address Radio button Start*/


/*Show on map direction panel*/

#directionsPanel {
    position: unset !important;
}

.adp-fullwidth {
    width: 100%;
}

.adp-list {
    padding: 0px !important;
    border: 0px !important;
}

.adp-listsel a {
    font-size: 12px;
    padding: 5px;
    display: block;
}

.adp-listinfo {
    font-size: 12px;
    min-height: 90px;
    padding: 15px 10px 20px 35px;
    position: relative;
    display: block;
    border-bottom: 1px solid #ddd;
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 7px 16px;
    background-image: url(../images/cabIcon.png);
}

    .adp-listinfo > b {
        width: 140px;
        float: left;
        /*display: inline-block;*/
    }

    .adp-listinfo:last-child {
        border-bottom: 0px;
    }

    .adp-listinfo span:nth-child(2) {
        bottom: 5px;
        position: absolute;
    }

    .adp-listinfo span:nth-child(3) {
        font-size: 0px;
        float: left;
        width: 140px;
    }

    .adp-listinfo span:nth-child(4) {
        /*top: 5px;
        right: 15px;
        position: absolute;*/
        display: block;
        padding-left: 140px;
    }

    .adp-listinfo span:nth-child(5) {
        display: block;
        padding-left: 140px;
        padding-top: 5px;
        padding-bottom: 5px;
        /* right: 11px; */
        /* bottom: 15px; */
        /* position: absolute; */
        /* text-align: right; */
    }

.adp {
    top: 30px;
    left: 0px;
    width: 100%;
    z-index: 99;
    height: 82vh;
    overflow: auto;
    background: #fff;
    position: absolute;
}

.adp-step,
.adp-substep {
    font-size: 14px;
}


/*Show on map direction panel*/

.appCompSC .masterformBox {
    height: 250;
}

.appCompSC .companylist {
    height: 225;
}

.appCompSC .serviceCenterList {
    height: 175;
}


/*Section Loader*/

.Sectionloader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 99;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7);
}

    .Sectionloader i {
        top: 50%;
        position: relative;
        font-size: 4rem;
        color: #fff;
    }

/*Start---Menu Search---*/
.NoDataFoundImg {
    width: 170px !important;
    padding-bottom: 450px !important;
    margin-left: 134px !important;
}

.NoDataFoundLabel {
    margin-right: 300px !important;
    font-size: 15px !important;
    padding-bottom: 266px !important;
}


/*End---Menu Search---*/


/*Start-Tech Adv Filter*/

.showScroll {
    /*overflow: auto !important;*/
}


/*End- Tech Adv Filter*/


/* gridView Work Order panel */

.scrollDiv {
    overflow: auto;
}

.expandedGrid {
    width: 100%;
}

.tableWrapper table td.expandedTd {
    background: #efefef;
}

.detailedRow {
    display: none;
}

.showDetailedRow {
    width: 30px;
    height: 17px;
    display: block;
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.tableWrapper table th {
    vertical-align: middle;
}

.sortCoulmn {
    justify-content: flex-start;
}

.align-center .sortCoulmn {
    justify-content: center;
}

.SearchAddress {
    width: 215px;
    margin: auto;
}

.tableWrapper table td.ttpBorder {
    border-top: 1px solid #dee2e6;
    white-space: normal
}

    .tableWrapper table td.ttpBorder div {
        white-space: nowrap
    }

.tableWrapper table.expandedGrid th {
    background: #e3f1f5;
    padding: 5px 7.5px;
}

.tableWrapper table td.expandedTd {
    padding: 0px 50px;
}

.tableWrapper table td.ttpBorder {
    border-top: 0px;
}

.tableWrapper table.segmentTable td {
    border-top: 0px;
}

.tableWrapper table.segmentTable tbody tr {
    border-top: 3px solid #dee2e6;
}

.tableWrapper table td.details-control::after {
    width: 15px;
    font-size: 2.5rem;
    color: #d92337;
    text-align: center;
    line-height: 0px;
    padding-top: 8px;
    content: "+"
}

.tableWrapper table tr.shown td.details-control::after {
    content: "-"
}

td.details-control {
    background: url('../images/accordiondownarrow.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/accordionuparrow.png') no-repeat center center;
}

.segmentTable tbody tr {
    background: #fff;
}

.pac-container {
    z-index: 9999;
}


/*Alert popup css started 02/07/20 */

.alertpopup .aduserwrapper {
    height: calc(100vh - 75px);
}

    .alertpopup .aduserwrapper .alertError {
        display: flex;
        color: #ba2029;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 10px;
    }

        .alertpopup .aduserwrapper .alertError img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

    .alertpopup .aduserwrapper .adusersearch {
        justify-content: flex-end;
    }

        .alertpopup .aduserwrapper .adusersearch .filtersearch-bar {
            width: 40%;
        }

    .alertpopup .aduserwrapper .aduserlist-table table {
        font-size: 1.4rem;
    }

    .alertpopup .aduserwrapper .aduserlist-table .aduserlist-table-tbody {
        height: calc(100vh - 370px);
    }

    .alertpopup .aduserwrapper .aduserlist-table .pendingnotification-list {
        height: calc(100vh - 325px);
        margin-bottom: 4rem;
    }


.alertList thead tr th,
.alertList tbody tr td {
    width: 20%;
    float: left;
}

    .alertList thead tr th.w60 {
        width: 60%;
    }

    .alertList tbody tr td.w60 {
        width: 60%;
    }

.alertpopup .aduserwrapper .aduserlist-table tr {
    display: flex;
}

.alert-btns {
    padding: 15px 15px 0px 15px;
    text-align: center;
}

    .alert-btns button {
        margin-right: 5px;
    }

.confirmationBoxhidden {
    top: 0px;
    width: 96%;
    display: none;
    position: absolute;
}

.confirmationBox {
    top: 0px;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    background: #f6fafa;
    vertical-align: middle;
    height: 98%;
    align-content: center;
}

.confirmTitle {
    left: 1rem;
    display: none;
    position: absolute;
}

.confirmTitleShow {
    display: block;
}

.confirmationBox .success_icon,
.success_msg,
.success_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .confirmationBox .success_icon img {
        width: 100px;
        height: 100px;
    }

.confirmationBox .success_msg {
    font-size: 2rem;
    margin: 30px 0px;
}


/*Alert popup css ended 02/07/20 */


/* User profile started 09/07/20*/

.profileMenu {
    padding: 0px;
    overflow: hidden;
}

    .profileMenu .topSection {
        padding: 10px;
    }

        .profileMenu .topSection .userInfo {
            display: flex;
            flex-wrap: wrap;
        }

            .profileMenu .topSection .userInfo .userPhoto {
                width: 15%;
            }

                .profileMenu .topSection .userInfo .userPhoto img {
                    width: 30px;
                    height: 30px;
                    border-radius: 50px;
                }

            .profileMenu .topSection .userInfo .userNameEmail {
                width: 75%;
            }

                .profileMenu .topSection .userInfo .userNameEmail .userName {
                    font-size: 1.5rem;
                    font-weight: bold;
                }

        .profileMenu .topSection .loginInfo {
            padding-top: 10px;
        }

    .profileMenu .bottomSection {
        padding: 0px;
    }

        .profileMenu .bottomSection a {
            color: #000;
            width: 100%;
            float: none;
            border: 0px;
            display: block;
            font-weight: bold;
            font-size: 1.3rem;
            padding: 5px 10px;
        }

            .profileMenu .bottomSection a:hover {
                text-decoration: none;
                background: #edeff0;
            }


/* User profile ended 09/07/20 */


/*Weather Popup started 09/07/20 */

.weatherpopupbody {
    display: block;
    background: #f3f6f7;
    height: calc(100vh - 130px);
}

    .weatherpopupbody .sourceDestination {
        width: 100%;
    }

    .weatherpopupbody .selectAddress .title {
        color: #fff;
    }

    .weatherpopupbody .selectAddress {
        border: 1px solid #7197d6;
    }

    .weatherpopupbody .source input {
        border-bottom: 1px solid #7197d6;
    }

    .weatherpopupbody .sourceDestination .source {
        padding-left: 25px;
    }

.weatherInfo {
    height: calc(100vh - 280px);
}

    .weatherInfo .cityName {
        font-size: 1.7rem;
        text-align: center;
    }

    .weatherInfo .dayDate {
        font-size: 2.4rem;
        text-align: center;
        margin-bottom: 10px;
    }

.temperature {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .temperature img {
        width: 90px;
        margin-right: 10px;
    }

    .temperature span {
        font-size: 7rem;
        font-weight: normal;
    }

.weatherType {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 15px;
}

.temp-up-down {
    display: flex;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
}

    .temp-up-down .down img,
    .up img {
        width: 12px;
        height: 14px;
        margin-right: 5px;
    }

    .temp-up-down .down {
        margin-right: 20px;
        background-image: none;
    }

    .temp-up-down .up {
        background-image: none;
    }

        .temp-up-down .up img {
            transform: scaleY(-1);
        }

.wind-pressure {
    display: flex;
    font-size: 1.7rem;
    margin-top: 30px;
    justify-content: space-between;
}

    .wind-pressure .wind {
        margin-right: 0px;
    }

        .wind-pressure .wind span {
            display: block;
            font-size: 1.6rem;
        }


/*Weather Popup ended 09/07/20 */


/*Alert popup css ended 02/07/20 */


/* Add Role Management New */

.switchScreen,
.compressScreen {
    width: 5%;
    text-align: right;
    padding-right: 10px;
}

    .switchScreen,
    .compressScreen .fa {
        font-size: 18px;
        color: #666;
        cursor: pointer;
    }

.hiddenNameDes {
    display: none;
}

.accordionWrapper {
    margin-top: 3rem;
}

.accordionExtraHeight {
    margin-top: 0px;
}

    .accordionExtraHeight .accordionbody {
        height: calc(100vh - 265px);
    }

.accordionheader .compressScreen {
    display: none;
}

.accordionbody .accordion .card .card-header {
    padding: 8px;
    background-color: #edeff0;
    border-bottom: 1px solid #d2d3d0;
}

.accordionbody .accordion .card .card-body {
    background-color: #f9fafa;
}

.accordionbody .accordion > .card > .card-header {
    margin-bottom: 0px;
}


/*.accordionheader .samewidth .checkbox-custom + .checkbox-custom-label:before {
    width: 18px;
    height: 18px;
    border: 1px solid #aaabab;
}*/

.accordionheader .samewidth .checkbox-custom:checked + .checkbox-custom-label:after {
    left: 38px;
}

.accordionbody .accordion .card .card-header {
    background-color: #edeff0;
    border-bottom: 1px solid #d2d3d0;
}

    .accordionbody .accordion .card .card-header .role-name {
        cursor: pointer;
        padding-left: 0px;
        padding-top: 3px;
        position: relative;
    }

.accordionlist .role-name {
    width: 45%;
}

.accordionheader .arrowicon {
    background-image: none;
}

    .accordionheader .arrowicon:before {
        color: #cf202a;
        content: "\f068";
        margin-right: 10px;
        background-image: none;
        font-family: "FontAwesome";
    }

.accordionheader .collapsed {
    background-image: none;
}

    .accordionheader .collapsed:before {
        color: #cf202a;
        content: "\f067";
        margin-right: 10px;
        background-image: none;
        font-family: "FontAwesome";
    }

.display-chkbx-disable {
    border: 1px solid #ddd;
}

.map-marker-wrapper table {
    font-size: 1.4rem;
}

    .map-marker-wrapper table tbody tr td {
        max-width: 360px;
        white-space: nowrap;
    }

.filterAction {
    display: flex;
    flex-wrap: wrap;
}

    .filterAction label {
        flex: 0 0 100%;
    }
/*24-07-20 New Scroll Class start*/
.iListTable .scrollbar-inner {
    /*height: 300px;*/
}

.iListTable thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.iListTable tbody {
    display: block;
    /*overflow: auto;*/
}

    .iListTable tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }


/*24-07-20 New Scroll Class end*/
.dptimsheet-wrapper {
    padding: 10px;
    background: #fff;
}

.dpTimesheet-header {
    background: #ebebec;
    padding: 10px;
}

.Searchtechnician {
    display: flex;
}

.dpTimesheetYear {
    display: flex;
    justify-content: center;
}

.timesheetmonth {
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.prevyear img {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.segment-storyline .scrollArea {
    max-height: calc(100vh-210px);
}

.tab-content .techDetailsTabBody .storyline-wrapper .zerostatemsg {
    height: calc(100vh - 265px);
}

.storyline-datepicker {
    display: flex;
    align-items: center;
}

    .storyline-datepicker input[type="text"] {
        z-index: 2;
        cursor: pointer;
        background: transparent;
    }

    .storyline-datepicker i {
        margin-left: -20px;
    }

.storyline-info {
    /*overflow: hidden;*/
    position: relative;
    padding: 0px !important;
}

.breaksDetailsWrapper-header {
    z-index: 1;
    display: flex;
    padding: 10px 12px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

    .breaksDetailsWrapper-header .width10 {
        flex: 0 0 10%;
    }

    .breaksDetailsWrapper-header .width20 {
        flex: 0 0 20%;
    }

    .breaksDetailsWrapper-header .width30 {
        flex: 0 0 30%;
    }

    .breaksDetailsWrapper-header .width35 {
        flex: 0 0 35%;
    }

    .breaksDetailsWrapper-header .width45 {
        flex: 0 0 45%;
    }

    .breaksDetailsWrapper-header .width50 {
        flex: 0 0 50%;
    }

    .breaksDetailsWrapper-header .width60 {
        flex: 0 0 60%;
    }

.timesheet-norecord .zerostatemsg {
    margin-top: 0px;
}

.storyline-header {
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-bottom: 15px;
    position: relative;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
}

.technician-info {
    display: flex;
    position: relative;
}

.technician-icon {
    flex: 0 0 8%;
}

    .technician-icon img {
        width: 38px;
        height: 44px;
        border-radius: 50px;
    }

.techincian-name-phone {
    flex: 0 0 72%;
}

.techincian-phone-email {
    display: flex;
    align-items: center;
}

.techincian-name {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.techincian-email {
    display: flex;
    margin-left: 15px;
}

    .techincian-email label {
        margin-left: 5px;
    }

.techincian-phone {
    display: flex;
    font-weight: bold;
    color: #707171;
}

    .techincian-phone img {
        width: 20px;
        height: 20px;
    }

.map-thumb {
    bottom: 0px;
    cursor: pointer;
    position: absolute;
}

    .map-thumb img {
        width: 25px;
        height: 30px;
    }

.timeperiod-datepicker {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
}

    .timeperiod-datepicker .form-control[readonly] {
        cursor: pointer;
        background-color: #fff;
        z-index: 6;
        background: transparent;
    }

    .timeperiod-datepicker i {
        z-index: 5;
        color: #a5a5a5;
        margin-left: -26px;
    }

    .timeperiod-datepicker img {
        height: 30px;
        width: 25px;
    }

    .timeperiod-datepicker label {
        font-weight: bold;
        font-size: 1.3rem;
        margin-bottom: 0px;
    }

    .timeperiod-datepicker img {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

.storyPrgress {
    padding-right: 20px;
}

    .storyPrgress .prgressPercentage {
        color: #f7911e;
        font-size: 2.2rem;
        text-align: center;
    }

    .storyPrgress .progress {
        height: 0.6rem;
    }

        .storyPrgress .progress .bg-success {
            background-color: #f7911e !important;
        }

.map-thumb i {
    font-size: 25px;
}

.TechnicianDetails label {
    margin-bottom: 0px;
}

.storylineInfo-wrapper {
    position: relative;
}

.storylineRow {
    color: #707171;
    display: flex;
    margin-top: 15px;
    padding: 0px 12px 15px 12px;
}

    .storylineRow .width15 {
        flex: 0 0 15%;
    }

    .storylineRow .width20 {
        flex: 0 0 20%;
    }

    .storylineRow .width25 {
        flex: 0 0 25%;
    }

    .storylineRow .width40 {
        flex: 0 0 40%;
    }

    .storylineRow .width35 {
        flex: 0 0 35%;
    }

    .storylineRow .width45 {
        flex: 0 0 45%;
    }

    .storylineRow .width50 {
        flex: 0 0 50%;
    }

.storylinegMap {
    position: absolute;
}

.redcolourtime {
    color: #ef4d4f;
}

.TechnicianActivity {
    display: flex;
    position: relative;
}

    .TechnicianActivity:after {
        top: 0px;
        right: 20px;
        width: 1px;
        content: '';
        height: 25px;
        display: block;
        position: absolute;
        background: #ccc;
    }

    .TechnicianActivity .activityIcon {
        flex: 0 0 28%;
    }

    .TechnicianActivity .clock img {
        width: 30px;
        height: 35px;
    }

    .TechnicianActivity .travel img {
        width: 50px;
        height: 30px;
    }

    .TechnicianActivity .break img {
        width: 35px;
        height: 35px;
    }

    .TechnicianActivity .work img {
        width: 30px;
        height: 38px;
    }

    .TechnicianActivity .idle img {
        width: 30px;
        height: 26px;
    }

    .TechnicianActivity .activityName {
        color: #232323;
        flex: 0 0 60%;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 20px;
    }

.technicianTask {
    display: flex;
    width: 70%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px;
    border-top: 1px dotted #cdcece;
    border-bottom: 1px dotted #cdcece
}

    .technicianTask .task {
        flex: 0 0 70%;
    }

.task {
    flex: 0 0 70%;
}

.technicianTask .taskProgress {
    display: flex;
    flex: 0 0 30%;
    align-items: center;
    justify-content: flex-end;
}

    .technicianTask .taskProgress .progressPercentage {
        color: #f7911e;
        font-style: italic;
        margin-left: 8px;
    }

    .technicianTask .taskProgress .progress {
        flex: 0 0 80%;
        height: 0.3rem;
    }

        .technicianTask .taskProgress .progress .bg-success {
            background-color: #f7911e !important;
        }

#storylinegMap {
    width: 100%;
    height: 100%;
}

.techincian-map {
    top: 0px;
    left: 0px;
    z-index: 15;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
}

    .techincian-map .backStoryline {
        top: 10px;
        right: 10px;
        z-index: 20;
        cursor: pointer;
        padding: 5px 12px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
        box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
    }

.storyline-info .techincian-map {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 63vh;
    z-index: 15;
    position: absolute;
}

    .storyline-info .techincian-map iframe {
        width: 100%;
        height: 100%;
    }

.technicanmap {
    height: 84%;
    overflow: hidden;
}

.timesheetPeriod {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .timesheetPeriod .selectperiodlabel {
        font-weight: bold;
    }

    .timesheetPeriod .datepicker-place {
        display: flex;
        align-items: center;
        background-color: white;
        background-clip: content-box;
    }

        .timesheetPeriod .datepicker-place .form-control {
            background: transparent;
            position: relative;
            z-index: 2;
            cursor: pointer;
        }

        .timesheetPeriod .datepicker-place .fa {
            margin-left: -26px;
            color: #a5a5a5;
        }

.technicanTimesheet {
    display: flex;
    flex-wrap: wrap;
}

.technicanName-icon {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
}

.dptechnicanName {
    width: 72%;
    font-weight: bold;
    display: inline-block;
    margin: 0px 4px 0px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timesheet-shift {
    flex: 0 0 50%;
}

.timesheetHours {
    background: #2493cb;
    color: #fff;
    border-radius: 5px;
    padding: 2px 4px;
    font-weight: bold;
    font-size: 9px;
}


.serviceorderhistory .serviceOrderDetailsWrap .zerostatemsg {
    height: 72%;
}

.docManageTabsWrap .segmentPartsdetails-table .zerostatemsg {
}

    .docManageTabsWrap .segmentPartsdetails-table .zerostatemsg .nodataicon img {
        width: 100px;
        height: 85px;
    }

    .docManageTabsWrap .segmentPartsdetails-table .zerostatemsg .nodoumentdata .nodataicon {
        margin-bottom: 0px;
    }

    .docManageTabsWrap .segmentPartsdetails-table .zerostatemsg .nodoumentdata .nodata {
        font-size: 1.5rem;
    }

.moreInfo_tooltip {
    height: 20px;
    position: relative;
}

    .moreInfo_tooltip i {
        color: #1494cb;
    }

    .moreInfo_tooltip span.info_tooltip {
        right: -150px;
        top: -58px;
        width: 328px;
        display: none;
        padding: 3px 6px;
        border-radius: 6px;
        position: absolute;
        background-color: rgba(0, 98, 204, 0.7);
        border: 1px solid #0062cc;
        color: #fff;
    }

        .moreInfo_tooltip span.info_tooltip:after, .moreInfo_tooltip span.info_tooltip:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .moreInfo_tooltip span.info_tooltip:after {
            border-color: rgba(218, 237, 243, 0);
            border-top-color: rgba(0, 98, 204, 0.7);
            border-width: 7px;
            margin-left: -7px;
        }

        .moreInfo_tooltip span.info_tooltip:before {
            border-color: rgba(191, 218, 227, 0);
            border-top-color: rgba(0, 98, 204, 0.7);
            border-width: 8px;
            margin-left: -8px;
        }

    .moreInfo_tooltip:hover span.info_tooltip {
        display: block;
    }

.directRole {
    display: flex;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 9px;
    background: #fff;
}

/*EET Setting CSS*/
/*By Nikhil Sawant On 18/11/2020*/
.eetSettingbox {
    padding-top: 12px;
}

.eetsetting-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    border: 1px solid #ddd;
}

.eetsetting-group {
    padding-right: 0px;
    background: #f9fafa;
    border-right: 1px solid #d7dbdd;
}

    .eetsetting-group .leftFilter .nav-link {
        display: flex;
    }

.group-name {
    flex: 80%;
}

.group-action {
    flex: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.group-action {
    display: none;
}

.leftFilter .nav-link.active .group-action {
    display: flex;
    justify-content: flex-start;
}

.group-action i {
    font-size: 1.5rem;
    color: #6dacd8;
    cursor: pointer;
}

    .group-action i:hover {
        color: #1594cb;
    }

.search-add-group {
    display: flex;
    align-items: center;
    padding: 1rem 1rem 2rem 1rem;
    justify-content: space-between;
}

.search-group {
    display: flex;
    align-items: center;
    position: relative;
    /*nikhil*/
    width: 90%;
}

    .search-group i {
        right: 10px;
        cursor: pointer;
        position: absolute;
    }

    .search-group input::-webkit-input-placeholder {
        font-size: 13px;
    }

    .search-group input::-moz-placeholder {
        font-size: 13px;
    }

.addgroup span {
    color: #1594cb;
    cursor: pointer;
    font-size: 3rem;
    line-height: normal;
}

.filterTabs {
    height: calc(100vh - 300px);
}

.eetsetting-group {
    padding-left: 0px;
    flex: 0 0 20.666667%;
    max-width: 20.666667%;
}

.eetgroupinfo {
    flex: 0 0 79.333333%;
    max-width: 79.333333%;
}

.eetSettingGroup_Details {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.group_title {
    display: flex;
    align-items: center;
}

    .group_title .name {
        width: 50%;
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }

.add_Parameter {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .add_Parameter a {
        display: flex;
        color: #1594cb;
        cursor: pointer;
        font-size: 1.5rem;
        align-items: center;
        line-height: normal;
    }

        .add_Parameter a span {
            font-size: 2.5rem;
            margin-right: 5px;
        }

        .add_Parameter a:hover {
            text-decoration: none;
        }

.group_info {
    margin-top: 0.5rem;
    height: calc(100vh - 280px);
}

    .group_info input, select, textarea {
        width: 92%;
    }

    .group_info textarea, select, textarea {
        width: 92%;
    }

.eetSettingModel form {
    margin: 0px;
}

.EETsettingModelBody {
    min-height: 80vh;
    overflow: auto;
    padding: 0px 12px;
    background: #f6fafa;
}

    .EETsettingModelBody .masterformBox {
        margin-top: 20px;
        margin-bottom: 20px;
        height: calc(100vh - 230px);
    }

        .EETsettingModelBody .masterformBox .formtitle {
            background: #f6fafa;
        }

.settingParameter .labelname {
    width: 15%;
}

.SettingParameterRow {
    max-height: calc(100vh - 370px);
}

    .SettingParameterRow .removeRow {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .SettingParameterRow .removeRow .fa {
            color: #c7c7c7;
            font-size: 20px;
            cursor: pointer;
        }

            .SettingParameterRow .removeRow .fa:hover {
                color: #db2139;
            }

.add_more_Parameter {
    margin-top: 10px;
    justify-content: flex-start;
}

.somthingWrong {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

    .somthingWrong .somthingwrongImg {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

        .somthingWrong .somthingwrongImg img {
            width: 250px;
            height: 250px;
        }

    .somthingWrong P {
        width: 100%;
        font-weight: bold;
        padding-left: 20px;
        padding-right: 20px;
    }

.group-text {
    display: flex;
    font-weight: bold;
    background-color: #fff;
    border-left: 4px solid #485263;
    color: #000;
    border-radius: 0;
    padding: 0.5rem 1rem;
}

    .group-text .group-action {
        display: flex;
        justify-content: flex-start;
    }

.CenterContainer i {
    font-size: 1.5rem;
    color: #6dacd8;
    cursor: pointer;
}

.ztop {
    z-index: 1100 !important;
}

.techImg {
    border-radius: 50%;
}

@supports (-moz-appearance:none) {
    .scroll-wrapper > .scroll-content {
        scrollbar-width: unset !important;
    }

    .gridFilters > .scroll-content {
        scrollbar-width: none !important;
    }
}

.estimated-hr .select {
    width: 40px;
}

.settingLabel {
    display: flex;
    align-items: center;
}

.settingField {
    display: flex;
    align-items: center;
}

.estimated-hr .datepicker-place.has-clear {
    width: 70px !important;
}

.estimated-hr .datepicker-place .fa {
    right: 0px;
    top: -1px;
    font-size: 20px;
}

.searchCustomer .un-textbox {
    width: 100%;
}

.mobileView .onoffswitch-inner:before {
    content: attr(data-before);
    background-color: #419844;
}

.mobileView .onoffswitch-inner:after {
    content: attr(data-after);
}

.select_attributename {
    background-color: #e0eaf5;
}



/*07-01-2021 CSS added ruby Kshiteej*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .masterGridTable {
        width: 100%;
        overflow-x: auto;
    }

        .masterGridTable .colUser {
            width: 90px !important;
        }

        .masterGridTable .colTransactionMode {
            width: 230px !important;
        }

        .masterGridTable .colIcon {
            width: 75px !important;
        }

    .usermanagementlist table {
        width: 1070px;
    }
}

.errorDetailsGrid {
    padding: 12px 5px 12px 12px;
}

    .errorDetailsGrid .scrollbar-inner {
        padding-right: 15px;
        height: calc(100vh - 125px);
    }

    .errorDetailsGrid .iListTable .labelname {
        width: 10%;
        font-size: 1.4rem;
    }

    .errorDetailsGrid .iListTable .labeloutput {
        font-size: 1.4rem;
    }

        .errorDetailsGrid .iListTable .labeloutput label {
            margin-bottom: 0rem;
        }

    .errorDetailsGrid .iListTable .bordertop {
        border-top: 1px solid #ddd;
    }

    .errorDetailsGrid .iListTable .borderbottom {
        border-bottom: 1px solid #ddd;
    }

    .errorDetailsGrid .iListTable .multicolumn .labelname {
        width: 13%;
    }

    .errorDetailsGrid .iListTable .multicolumn .labeloutput {
        width: 19%;
        font-size: 1.4rem;
    }

.smalltextarea {
    padding: 0.8rem;
    border-radius: 5px;
    background-color: #e7e9eb;
}

.largetextarea {
    padding: 0.8rem;
    border-radius: 5px;
    background-color: #e7e9eb;
}

.smalltextarea .scrollbar-inner {
    height: 80px;
}

.largetextarea .scrollbar-inner {
    height: 120px;
}

.masterGridTable tbody td {
    word-break: break-all;
}

.errorDetailsGrid table td input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.brWrap {
    overflow-wrap: break-word;
}

.viewSelection .onoffswitch {
    width: 95px;
}

.viewSelection .onoffswitch-switch {
    right: 70px;
}

.viewSelection .onoffswitch-inner:before {
    content: attr(data-before);
    background-color: #419844;
}

.viewSelection .onoffswitch-inner:after {
    content: attr(data-after);
}


.PendNotif thead tr th,
.PendNotif tbody tr td {
    width: 25%;
    float: left;
}

.PendNotif .wd20 {
    width: 20% !important;
}

.segmentLiveFeed .scrollArea {
    height: calc(100vh-210px);
    max-height: none;
}
/*.service-order-table {
    display: block;
    overflow-x: scroll;
}
.service-order-table thead,tbody {
    display: block;
}
.service-order-table tbody {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 150px;
}*/

.DTFC_LeftBodyLiner {
    min-height: 200px !important;
}
/* Added on 240221 for Segment text Alarms */
.show-alarm-popup {
    /*width: 45px;*/
    width: 39px;
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    top: -5px;
    cursor: pointer;
    /* padding-bottom: 5px; */
}

.alarm-popup-container::before, .notification-popup-container::before {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 15px solid #1d62a2;
    border-bottom: 11px solid transparent;
    content: '';
    position: absolute;
    left: -10px;
    display: none;
}

.alarm-popup-container {
    max-height: 250px;
}

.alarm-popup-container, .notification-popup-container {
    background: #1d62a2;
    display: none;
    padding: 10px;
    min-width: 370px;
    z-index: 99;
    margin-left: 23px;
    margin-top: -24px;
}
/* .DTFC_LeftBodyLiner .alarm-popup-container{display: none!important} */
.popupTitle {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

    .popupTitle span {
        background: #c61919;
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 11px;
        padding: 0px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        line-height: 18px;
        font-weight: normal;
    }

.rowHeader {
    color: #fff;
}

.scroolablePart {
    max-height: 140px !important;
    padding-right: 15px;
}

.alarmNotificationRow {
    background: #deebf7;
    border-radius: 4px;
    padding: 4px 0px;
    line-height: normal;
    margin-bottom: 7px
}

    .alarmNotificationRow:last-child {
        margin-bottom: 0;
    }

.severity::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
    border: 1px solid #bbb;
}

.severity.high::before {
    background: #ff0000;
}

.severity.medium::before {
    background: #ffee31;
}

.severity.low::before {
    background: #41c200;
}

.severity.none::before {
    background: #d8d8d8;
}

.severity {
    margin-bottom: 0px;
}

.show-more-alarm {
    border: 1px solid #fff;
    background: #5b9bd5;
    color: #fff;
    border-radius: 10px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
}

    .show-more-alarm:focus {
        outline: none;
    }

.alarmNotificationRow .show-more-alarm {
    padding: 4px 7px;
}

.redCircle {
    background: #ff0000;
}

.yellowCircle {
    background: #ffee31
}

.greenCircle {
    background: #41c200;
}

.grayCircle {
    background: #d8d8d8;
}

.show-alarm-popup label {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
    border: 1px solid #bbb;
    margin: 4px 6px 0px 0px;
}

.alarmListWrap ul {
    margin: 0;
    list-style: none;
    padding: 0px;
    padding-bottom: 6px;
    height: 340px;
    overflow: auto;
}

    .alarmListWrap ul li {
        border-bottom: 1px solid #ccc;
        padding: 7px 2px;
        padding-left: 19px;
        position: relative;
    }

        .alarmListWrap ul li.severity::before {
            position: absolute;
            top: 11px;
            left: 0;
            width: 12px;
            height: 12px;
        }

.notificationRow {
    padding: 10px 0px;
    align-items: center;
}

    .notificationRow img {
        margin-right: 10px;
    }

.listTitle {
    color: #cc0000 !important;
    font-weight: 600
}

.alarmColumn {
    width: 20px;
}

/*140321*/
.alarmNotificationRow div {
    word-break: break-word;
    white-space: normal;
}

.GridViewWrapper table.dataTable thead th.wo-th a {
    display: table-cell;
}

.GridViewWrapper table.dataTable thead th {
    padding-top: 0;
}

.DTFC_LeftBodyLiner {
    overflow-y: hidden !important
}


/*140321*/
.alarmSorting {
    /*margin-bottom: 3px;*/
    display: inline-block;
    position: relative;
    width: 40px;
}

    .alarmSorting a {
        border-radius: 4px;
        background: #fff;
        padding: 4px;
        color: #000 !important;
        padding-right: 15px;
        position: relative;
        width: 42px;
        margin-left: -7px;
        display: table;
        height: 26px;
        position: absolute;
        white-space: normal;
    }

    .alarmSorting ul {
        margin: auto;
        background: #fff;
        padding: 10px;
        padding-bottom: 5px;
        position: fixed;
        z-index: 9;
        box-shadow: 0px 0px 7px #ccc;
        margin-top: 28px;
        margin-left: -6px;
        display: none
    }

        .alarmSorting ul li {
            list-style: none;
        }

    .alarmSorting label {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0px;
        position: relative;
        top: -2px;
        border: 1px solid #bbb;
        margin: 0;
        margin-left: 2px;
    }

    .alarmSorting a:before {
        content: "\f107";
        font-family: FontAwesome;
        font-weight: 900;
        position: absolute;
        right: 5px;
    }

    .alarmSorting a.selectedOption {
        display: inline-block;
        height: 28px;
    }


    /*.selectedOptionBlank.open {
        display: inline-block;
        width:60px;
        height:28px;
    }*/
    .alarmSorting a label {
        top: -1px;
        margin-top: 2px
    }

.serviceOrderCol {
    display: inline-block;
    margin-left: 0px;
    width: 124px;
    z-index: 1;
}
/*.servicecolth{width:164px!important;}*/
.servicecolth {
    width: 134px !important;
}

.w40px {
    width: 40px;
}
/*.w124px{width:124px;display: inline-block;}*/
.w124px {
    width: 124px;
    display: inline-block;
}

.serviceOrderCol .SearchOrder {
    padding-right: 12px;
}

#expandTableFix_wrapper .serviceOrderCol {
    /*width: 124px*/
}

    #expandTableFix_wrapper .serviceOrderCol input[type="text"] {
        padding-right: 22px;
        width: 124px
    }

#expandTableFix_wrapper .dataTables_scrollBody tbody tr td:first-child {
    display: table-cell;
}

.GridViewWrapper table.dataTable tr table thead th {
    padding-top: 5px;
}

.expandTable tr table {
    width: auto;
}

#SegmentTableGrid_wrapper .serviceOrderCol input[type="text"] {
    width: 124px
}

.GridViewWrapper table#expandTableFix thead th:first-child, .GridViewWrapper table.expandTable tbody td:first-child {
    width: 10px !important;
    padding-right: 0px;
}

.dataTables_scrollBody .alarmSorting ul {
    display: none !important;
}

.alarmSorting ul li .btn {
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0;
}

.filterBy .alarmSorting .selectedOptionBlankAdv {
    border: 1px solid #ccc;
    padding-top: 7px;
    width: 65px;
}

.filterBy .alarmSorting a:before {
    top: 5px
}

.menu_default_main {
    border-radius: 10px;
    box-shadow: none !important;
}

    .menu_default_main a {
        border-bottom: 0px !important;
    }

.subheader_options {
    display: flex;
    padding-top: 7px;
    padding-left: 10px;
}

    .subheader_options .options_left {
        width: 17%;
    }

    .subheader_options .options_right {
        width: 100%;
    }

    .subheader_options img {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

.moreHeaderIcons {
    display: none;
    position: absolute;
    background: #efefef;
    padding: 10px;
    box-shadow: 0px 0px 7px #333;
    border-radius: 4px;
    z-index: 9;
    list-style: none;
}

    .moreHeaderIcons li:last-child label {
        margin-bottom: 0px;
    }

    .moreHeaderIcons li label {
        cursor: pointer
    }

.switchView a.showGridFilter {
    opacity: 1;
    color: #fff;
    text-align: center;
    border: 0;
    position: relative;
    top: 3px;
}

.girdFilterMenu {
    background: #384258;
    padding: 10px;
    list-style: none;
    position: absolute;
    z-index: 99;
    min-width: 160px;
    border-radius: 7px;
    border: 1px solid #ccc;
    right: 0;
    display: none;
}

    .girdFilterMenu li a {
        color: #fff;
        width: 100%;
        border: 0;
        opacity: 1;
        margin-bottom: 7px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

        .girdFilterMenu li a img {
            width: 26px;
            margin-right: 4px;
        }

    .girdFilterMenu li:last-child a {
        margin-bottom: 0px;
    }

    .girdFilterMenu li a:hover {
        text-decoration: underline;
    }

.sidebar-left-secondary {
    border-right: 1px solid #fff;
}

.assignment-searbar {
    display: flex;
    justify-content: flex-end;
}

.test {
    border: none;
    background: none;
}

.TechniciansList {
    height: calc(100vh - 420px);
}

    .TechniciansList .checkbox-custom-label {
        padding-right: 10px;
    }

.locationMiles {
    display: flex;
    align-items: center;
    padding-left: 0px;
}

    .locationMiles input {
        width: 80px;
        margin: 0px 10px;
    }

.searchTechnician {
    width: 166px;
    position: relative;
}

.searchTechnicianField {
    display: flex;
    margin-right: 15px;
    align-items: center;
}

.searchTechnician input {
    width: 168px;
    margin-right: 10px;
}

.searchTechnicianField i {
    color: #000;
    font-size: 20px;
}

.technicianList {
    left: 0px;
    top: 30px;
    z-index: 999;
    display: none;
    width: 400px;
    padding: 10px;
    position: absolute;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #707070;
}

    .technicianList .TechniciansList .checkbox-custom-label {
        color: #000;
    }

.selectedTechnician {
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #707070;
    ;
}

    .selectedTechnician .appliedFilters {
        border: 0px;
        padding: 0px;
        height: 35px;
    }

        .selectedTechnician .appliedFilters .scroll_tabs_container div.scroll_tab_inner ul {
            padding-top: 3px;
        }

        .selectedTechnician .appliedFilters .scroll_tabs_container div.scroll_tab_inner li {
            border-radius: 8px;
            background: #f7f7f7;
            padding: 3px 10px;
            border: 1px solid #b4b4b4;
            color: #000;
        }

        .selectedTechnician .appliedFilters .scroll_tabs_container .scroll_tab_left_button {
            box-shadow: none;
        }

        .selectedTechnician .appliedFilters .scroll_tabs_container .scroll_tab_right_button {
            box-shadow: none;
        }

.TechniciansList ul {
    padding: 0px;
    margin: 0px;
}

.iListTable .labelname {
    width: 20%;
}

.viewinventorydetails .inventory {
    padding-left: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
}

.AvailDate {
    width: 108%;
}

.daterange {
    width: 103%;
}

.min-height-233 {
    min-height: 233px;
}

.segmentnorecord {
    width: 100%;
}

    .segmentnorecord .zerostatemsg {
        height: calc(100vh - 266px);
    }

.singleroutedetails {
    width: 100%;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px 10px;
    border-top: 1px solid #ddd;
}

.technicianFilterLarge .leftNavBlock {
    flex: 0 0 10.666667%;
    max-width: 10.666667%;
}

.technicianFilterLarge .filterRightside {
    flex: 0 0 89.333333%;
    max-width: 89.333333%;
}

.manualAllocPage .listBox {
    height: 192px;
}

.manualAllocPage .col-lg-3 {
    flex: 0 0 27% !important;
    max-width: 27% !important;
}

.manualAllocPage .col-lg-6 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
}

.otherParametes .formtitle {
    background: #fafafa;
}

.otherParametes .form-group .searchDate {
    width: 50%;
}

    .otherParametes .form-group .searchDate .dateCalendarIcon {
        left: auto !important;
    }

.workOrderSegments .serviceCenterList .d-flex .form-check {
    width: 31%;
}

.workOrderSegments .serviceCenterList .d-flex .addressTxt {
    width: 67%;
    margin-left: 0px !important;
}

.technicianNote {
    color: #cd092a;
}

.weekArea .weekDays a {
    color: #000;
}

/*About us*/
.aboutus p {
    font-size: 1.4rem;
}

.resoureCenterWrapper {
    padding: 2rem;
    border-radius: 5px;
    background-color: #f0f6f8;
}

.resoureCenter {
    padding: 2rem;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

    .resoureCenter a {
        color: #fff;
        font-size: 1.4rem;
        border-radius: 5px;
        padding: 0.8rem 1rem;
        background-color: #2c94e1;
    }

        .resoureCenter a:hover {
            background-color: #1976bb;
        }

.aboutus {
    padding: 15px;
    background: #fff;
    margin: 12px;
    overflow: hidden;
    position: relative;
}

.aboutHeading {
    display: flex;
}

    .aboutHeading .aboutIcon img {
        width: 50px;
        height: 50px;
    }

.aboutContent {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: calc(100vh - 160px);
}

.aboutname {
    font-size: 1.8rem;
    margin-left: 5px;
}

    .aboutname span {
        display: block;
        color: #787878;
        font-size: 1.4rem;
        font-weight: normal;
    }

.footerlink {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}

    .footerlink a {
        padding: 0px 5px 0px 5px;
        border-right: 1px solid #0056b3;
    }

        .footerlink a:last-child {
            border-right: 0px;
        }

.copyrights {
    display: flex;
    font-size: 1.2rem;
    justify-content: flex-end;
}

.about-profile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .about-profile .aboutus_icon {
        margin-right: 10px;
        margin-top: 4px;
    }

        .about-profile .aboutus_icon a {
            color: #fff;
        }

            .about-profile .aboutus_icon a i {
                font-size: 2.6rem;
                margin-top: 3px;
            }

.reportData {
    border-radius: 10px;
    border: 1px solid #ddd;
    background: none !important;
    padding: 10px;
}

    .reportData .dataTables_wrapper table {
        font-size: 1.4rem;
    }

    .reportData .dataTables_wrapper .dataTables_scrollBody tbody tr td:first-child {
        display: block !important;
        background-color: transparent !important;
    }

.recurrenceTime {
    width: 50%;
}

.repeatseverylabel {
    position: relative;
}

    .repeatseverylabel .invalid-feedback {
        left: 15px;
        bottom: -18px;
    }

.ui-autocomplete {
    white-space: nowrap;
    position: absolute;
}

@media (min-width: 992px) {
    .rightcontent {
        flex: 0 0 89.333333%;
        max-width: 89.333333%;
    }

    .leftFilter {
        flex: 0 0 10.666667%;
        max-width: 10.666667%;
    }

    .eetsetting-group .leftFilter {
        flex: auto;
        max-width: none;
    }
}

/* Context menu */
.dt-context-menu {
    color: #f9fafa;
    display: none;
    width: 150px;
    padding: 6px;
    font-size: 14px;
    position: absolute;
    border-radius: 5px;
    background: #2795fc;
    border: 1px solid #fff;
}

    .dt-context-menu ul {
        list-style: none;
        padding: 2px;
        margin: 0px;
        padding: 0px;
    }

        .dt-context-menu ul li {
            padding: 5px 2px;
            margin-bottom: 5px;
            color: white;
        }

            .dt-context-menu ul li a {
                color: #fff;
                text-decoration: none;
            }

            .dt-context-menu ul li:hover {
                cursor: pointer;
            }

.segmentContext {
    z-index: 9999;
    color: #f9fafa;
    width: 165px;
    padding: 6px;
    font-size: 14px;
    border-radius: 5px;
    background: #2795fc;
    border: 1px solid #fff;
}

    .segmentContext li {
        padding: 5px 2px;
        margin-bottom: 5px;
        color: #fff;
        position: relative;
        font-size: 14px !important;
    }

.wordBreak {
    word-break: break-all;
}

.segmentContext li {
    padding-left: 20px;
    position: relative;
}

    .segmentContext li:before {
        content: '\f129';
        top: 4px;
        left: 4px;
        font-size: 1.5rem;
        position: absolute;
        font-family: FontAwesome;
    }

    .segmentContext li:nth-child(2):before {
        content: '\f185';
        font-family: FontAwesome;
        left: 0px;
    }
    /*Suitable tech icon*/
    .segmentContext li:nth-child(3):before {
        content: '\f0c0';
        left: 0px;
    }
    /*Proforma invoice icon*/
    .segmentContext li:nth-child(4):before {
        content: '\f0f6';
        left: 0px;
    }
/*Datatable scroll start*/
.dataTables_scrollBody {
    height: 100vh;
}

    .dataTables_scrollBody::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .dataTables_scrollBody::-webkit-scrollbar-track {
        background-color: #eee;
    }

    .dataTables_scrollBody::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: #aaa;
    }
/*Datatable scroll end*/

/*Daypilot scroll start*/
.scheduler_default_scrollable::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scheduler_default_scrollable::-webkit-scrollbar-track {
    background-color: #eee;
}

.scheduler_default_scrollable::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}
/*Daypilot scroll end*/

/*Service Order History scroll start*/
.serviceOrderDetails .orderHistoryTable::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.serviceOrderDetails .orderHistoryTable::-webkit-scrollbar-track {
    background-color: #eee;
}

.serviceOrderDetails .orderHistoryTable::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}

.segmentPartsdetails-table::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.segmentPartsdetails-table::-webkit-scrollbar-track {
    background-color: #eee;
}

.segmentPartsdetails-table::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}
/*Service Order History scroll end*/

/*Grid view filters scroll start*/
.gridFilters div::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.gridFilters div::-webkit-scrollbar-track {
    background-color: #eee;
}

.gridFilters div::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}

.gridFilters {
    width: 77%;
    white-space: nowrap;
    padding-bottom: 0.5rem;
    background: transparent;
    border: 0;
    padding: 0;
    height: 38px;
}

    .gridFilters .ps__rail-x {
        height: 10px;
    }

    .gridFilters div {
        width: 100%;
        font-size: 1.1rem;
        overflow-x: auto;
    }

    .gridFilters label {
        border: 1px solid #e96e1a;
        padding: 0.4rem;
        color: #fff;
        border-radius: 0.4rem;
        background: transparent;
        display: inline-flex;
        margin-bottom: 2px;
    }

        .gridFilters label .fa {
            cursor: pointer;
            margin-left: 3px;
        }
/*Grid view filters scroll end*/

.radioValidByInAD {
    color: #9a9999;
    width: 60%;
    padding-left: 5%;
}

.margin-right-10 {
    margin-right: 10px;
}

.notificationList .wo-pagination {
    bottom: 120px;
}


/*Manual Assignment*/
.alarmSorting {
    margin-bottom: 3px;
    vertical-align: top;
}

    .alarmSorting a {
        border-radius: 4px;
        background: #fff;
        padding: 4px;
        color: #000 !important;
        padding-right: 15px;
        line-height: 8px;
    }

    .alarmSorting ul {
        /*margin: auto;*/
        background: #fff;
        padding: 10px;
        padding-bottom: 5px;
        position: fixed;
        z-index: 9;
        box-shadow: 0px 0px 7px #ccc;
        margin-top: 26px;
        display: none
    }

        .alarmSorting ul li {
            list-style: none;
        }

    .alarmSorting label {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0px;
        position: relative;
        top: -2px;
        border: 1px solid #bbb;
        margin: 0;
        margin-left: 2px;
    }

.selectedOptionBlank {
    display: none
}

.filterIcon {
    margin-top: -33px
}

.datetimepicker {
    position: relative;
    z-index: 1;
    background: transparent;
    cursor: pointer;
}

    .datetimepicker:focus {
        background: transparent;
    }

.dateCalendarIcon {
    position: absolute;
    top: 32px;
    left: 76%;
    z-index: 0;
}

.recurrenceContainer {
    background: #fafafa;
    border: 1px solid #ebebeb;
    padding: 10px;
}

.frequencyContainer {
    background: #f2f2f2;
    border: 1px solid #949494;
    padding: 5px 10px;
    border-radius: 20px;
}

.topRow {
    display: flex;
}

.repeatFrequency {
    width: 90px;
}

.addressTxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.weekArea {
    display: flex;
}

.weekDays {
    padding-left: 10px;
}

    .weekDays a {
        display: inline-block;
        width: 40px;
        height: 24px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
        line-height: 24px;
    }

        .weekDays a:hover, .weekDays a.active {
            background: #007bff;
            color: #fff;
            text-decoration: none;
        }
/*Manual Assignment*/

/*context menu styling start*/
.menu_default_main {
}

.menu_default_item a {
    padding: 6px 6px 6px 34px !important;
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer !important;
}

.segmentPartsdetails-table {
    height: 150px;
    overflow: auto;
}

.menu_default_main a {
    color: #f9fafa !important;
}

.menu_default_item a {
    background: #2795fc !important;
}

.menu_icon {
    padding-top: 3px;
    font-size: 17px;
}
/*context menu styling end*/


.datepicker th.next, .datepicker th.prev {
    cursor: pointer;
}

/*Datepicker CSS start*/
.datepicker-place.has-clear {
    width: 70% !important;
}

    .datepicker-place.has-clear input {
        width: 100% !important;
    }

.has-clear .un-textbox {
    width: 100%;
}

.datepicker-th .form-control {
    width: 110px;
}

.ui-widget.ui-widget-content {
    padding: 8px;
    border: 1px solid #ddd;
}

.ui-datepicker {
    width: auto;
}

.ui-widget-header {
    border: 0px;
    background: transparent;
}

.ui-datepicker th {
    border: 0;
    width: 32px;
    height: 24px;
    font-size: 12px;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    width: 32px;
    height: 24px;
    border: none;
    color: #454545;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    font-weight: normal;
    background: transparent;
    border: 0px solid transparent;
}

    .ui-state-default, .ui-widget-content .ui-state-default:hover {
        background: #ddd;
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    color: #fff;
    background: #357ebd;
    border: 1px solid #357ebd;
}

    .ui-state-highlight, .ui-widget-content .ui-state-highlight:hover {
        background: #357ebd;
    }

.ui-datepicker .ui-datepicker-buttonpane button {
    border: 1px solid transparent;
}

.ui-icon {
    width: 10px;
    height: 10px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}

.ui-datepicker .ui-datepicker-prev span {
    padding: 3px;
    font-size: 12px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(135deg);
    margin-left: -3px;
    margin-top: -5px;
    -webkit-transform: rotate(135deg);
}

.ui-datepicker .ui-datepicker-next span {
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    margin-left: -6px;
    margin-top: -5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}
/*Datepicker CSS end*/

/*marker css start*/
.parent_checkbox_Markers {
    background: #fff;
}

.ulMarkers {
    padding: 1rem;
    list-style: none;
}

.parent_checkbox_Markers .ulMarkers .checkbox-custom + .checkbox-custom-label:before {
    background: #347aea;
}

.parent_checkbox_Markers .ulMarkers .checkbox-custom:checked + .checkbox-custom-label:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
/*marker css end*/

#GeneralText, #Internal, #External,#Reason,#ShippingInst {
    height: calc(100vh - 265px) !important
}

.segmentText4C {
    height: calc(100vh - 200px);
}

.calendarModal {
    max-width: 90% !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

.show_filter_ribbon a i {
    color: #6a7284;
    font-size: 1.8rem;
    transform: rotate(180deg);
}

.show_filter_ribbon a.collapsed i {
    transform: rotate(0deg);
}

.filters_tag .filters_tag_body {
    display: flex;
    border-radius: 0px;
    padding: 1rem;
    align-items: center;
    background-color: #f1f1f1;
   /* z-index: 99;*/
}

.show_filter_ribbon {
    margin-right: 10px;
}

.filters_tag .filters_tag_body .filterList {
    width: 100%;
}

.filterList ul {
    display: flex;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .filterList ul li {
        color: #5f5f5f;
        border: 1px solid #cbc9c9;
        background: #fff;
        position: relative;
        border-radius: 10px;
        padding: 3px 10px 3px 10px;
        margin-right: 10px;
        list-style-type: none;
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

        .filterList ul li span.closeFilter {
            margin-left: 5px;
        }

            .filterList ul li span.closeFilter i {
                cursor: pointer;
                font-size: 1.4rem;
            }

                .filterList ul li span.closeFilter i:first-child {
                    margin-right: 5px;
                }

.moreFilters {
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.filterList ul li span.closeFilter i.fa-arrow-up {
    pointer-events: none;
}

.filterList ul li span.closeFilter i.fa-arrow-down {
    pointer-events: none;
}

.moreFilters a {
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    background: #20b7ea;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
}

    .moreFilters a:hover {
        color: #fff;
    }

.clearFilters img {
    width: 20px;
    cursor: pointer;
    margin-left: 10px;
}

.filtters-body {
    background: #fff;
    padding: 1rem;
}

    .filtters-body .filterList {
        margin-top: 2rem;
        height: calc(100vh - 175px);
        overflow: auto;
    }

        .filtters-body .filterList ul {
            flex-wrap: wrap;
        }

            .filtters-body .filterList ul li {
                margin-bottom: 1rem;
            }

.filter-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
    transition: opacity .15s linear;
}

.customScroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.customScroll::-webkit-scrollbar-track {
    background-color: #eee;
}

.customScroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}

.expandHeightWithToggle {
    height: 78% !important
}

.TechViewWrapWithToggle {
    height: 59% !important;
    position: relative;
    border-top: 1px solid #999;
    z-index: 1;
}

.height-65 {
    height: 100% !important
}

.height-57 {
    height: 68% !important
}

.margin-left-60 {
    margin-left: 60px;
}

/*moduleEditionRoleGrid Grid CSS*/
.moduleEditionRoleGrid {
    background: #fafbfb;
    border: 1px solid #ddd;
    padding: 10px;
    width: 91%;
}

    .moduleEditionRoleGrid th {
        color: #668f9c;
    }

    .moduleEditionRoleGrid table {
        font-size: 1.4rem;
    }

    .moduleEditionRoleGrid tbody tr {
        background: #fff;
        border-bottom: 5px solid #f7f7f7;
    }

        .moduleEditionRoleGrid tbody tr td {
            vertical-align: middle;
        }

.margin-left-26 {
    margin-left: 26px;
}

.width-360 {
    width: 360px;
}

.width-480 {
    width: 480px;
}

.width-120-Per {
    width: 120% !important;
}

.errorhandlerModel .MainMessage .ModelStatusMsg.height-260 {
    height: 260px;
}

    .errorhandlerModel .MainMessage .ModelStatusMsg.height-260 .ModelStatusIcon {
        flex: 0 0 15%;
        text-align: center;
    }

.text-orange {
    color: #d37a06;
}

.text-blue {
    color: #2370a8;
}

/*Module and Edition in UserMangement*/
.background-grey {
    background: #efeff4;
}

.border-bottom {
    border-bottom: 0;
    border-left: 0;
}

.background-padding {
    background: #efeff5;
    padding: 0 10px;
}

.background-transparent {
    background: transparent !important;
}

.background-border-radius {
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}

.display-font {
    display: block;
    font-weight: 600;
}

.role-details-card .col-3 {
    padding-left: 8px;
    padding-right: 8px;
}
/*End*/

.position-relative {
    position: relative;
}

    .position-relative .loaderWrap i {
        top: 30%;
        font-size: 4rem;
    }

.font-size-10 {
    font-size: 10px !important;
}

.height-317 {
    height: 317px;
}

.position-absolute {
    position: absolute;
}

.height-44 {
    height: 44px;
}

.errorhandlerModel .MainMessage .ModelImgMsg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.max-height-300px {
    max-height: 300px;
}

.margin-left-261 {
    margin-left: 261px;
}

.cursor-pointer {
    cursor: pointer;
}

.scheduler_default_main {
    box-sizing: content-box;
    border: 1px solid rgb(192, 192, 192);
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 12px
}

.spdashboard {
    height: calc(100vh - 160px);
}

    .spdashboard .row {
        height: calc(100vh - 100px);
    }

    .spdashboard .col-md-7 {
        padding: 100px;
    }


table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 6px !important;
}

.height-23 {
    height: 23px !important;
    width: 23px;
}

.dashboard-menu {
    padding: 5px;
    background: #a71e22;
    width: 26px;
    height: 26px;
}

.align-center-dashboard {
    display: flex;
    align-items: center;
    height: 100%;
}

.height-263-important {
    height: 263px !important;
}

.info-icon {
    font-size: 1.5rem;
    color: #6dacd8;
    cursor: pointer;
}

.width-561 {
    width: 561px;
}

.font-red {
    color: #b51c30;
}

.font-green {
    color: #28a745;
}

.float-right {
    float: right;
}

.margin-align {
    margin: 0 25px 0 25px
}

.width-125 {
    width: 125px;
}

.migrate-btn-align {
    white-space: nowrap;
    margin-right: 10px;
}

.width-107 {
    width: 107px;
}

.cursor-default {
    cursor: default;
}

.bubble_Default_main {
    z-index: 9999999 !important;
}

.imgDefSize {
    height: 20px;
    width: 20px
}

.fixed-ht-wd-26 {
    height: 26px;
    width: 26px;
}

.fixed-ht-wd-35 {
    height: 28px !important;
    width: 28px !important;
}

.fixed-ht-wd-256 {
    height: 48px;
    width: 256px;
}

.position-static {
    position: static;
}

.checkbox-custom + .checkbox-custom-label.position-static:before {
    top: 0px;
}

.bubble_default_main {
    z-index: 9999999 !important;
}

.information-section {
    /*  overflow-y: scroll;
    height: 580px;*/
}

.top-0 {
    top: 0px !important;
}

.month_default_main > div:nth-child(3)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.month_default_main > div:nth-child(3)::-webkit-scrollbar-track {
    background-color: #eee;
}

.month_default_main > div:nth-child(3)::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #aaa;
}

.month_default_event_inner {
    display: block !important
}

.fullsize_TextArea {
    height: calc(100vh - 265px) !important;
}

.drawDown {
    margin-top: 22.6%;
}

.imageDocPageCount {
    /*float: right;*/
    font-weight: bold;
}

.margin-right-25 {
    margin-right: 25px;
}

.margin-right-245 {
    margin-right: 245px;
}

.fa-refresh:before {
    cursor: pointer;
}

.scroll-z-index {
    /* z-index:-1;*/
}

/* Login cookies */
.cookiesContainer {
    position: absolute;
    background: #fff;
    padding: 15px;
    bottom: 0;
    border-top: 1px solid #aeaeae;
    width: 100%;
    z-index: 9999;
}

.btn-secondary.loginbtn {
    background: #f0f0f0;
    color: #000;
    border-color: #dadada
}

.btn-primary.loginbtn {
    background: #84b219;
    border-color: #84b219;
}

.cookiesModal .modal-header, .cookiesModal .modal-body {
    background: #fff;
}

.cookiesSubTitle {
    font-size: 13px
}

.toggle {
    --width: 44px;
    --height: calc(var(--width) / 3);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    margin-bottom: 0;
}

    .toggle input {
        display: none;
    }

    .toggle .slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--height);
        background-color: #ccc;
        transition: all 0.4s ease-in-out;
    }

        .toggle .slider::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: calc(var(--height));
            height: calc(var(--height));
            border-radius: calc(var(--height) / 2);
            background-color: #fff;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
            transition: all 0.4s ease-in-out;
        }

    .toggle input:checked + .slider {
        background-color: #84b219;
    }

        .toggle input:checked + .slider::before {
            transform: translateX(calc(var(--width) - var(--height)));
        }
/* Login cookies */

/*Suitable technician start*/
.margin-top-5 {
    margin-top: -5%;
}
/*Suitable technician end*/

/*Retry Image\document upload start*/
.dateSection .imageThumbnails .imgthumb {
    position: relative;
}

.failedDeleteIcon {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(255, 255, 255, 0.4);
}

.dateSection .imageThumbnails .imgthumb .failedDeleteIcon img {
    width: 36px;
    margin: auto;
    border: 0;
}

.alertContainer.error {
    background: #D51919;
}

.alertContainer.success {
    background: #539B5A;
}

.alertContainer {
    padding: 15px;
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 9;
    display: flex;
}

    .alertContainer .alertMsgText p {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .alertContainer .alertMsgText span {
        font-size: 12px;
    }

    .alertContainer.uploading {
        background: #ffffff;
        color: #000000;
        border: 0.25px solid #707070;
    }

.ps.docListItem-details {
    overflow-x: hidden !important;
}

.uploadBtnWrap {
    background: #fff
}

.filePropertiesCol {
    border-left: 1px solid #dcdcdc;
}

.width-68-percent {
    width: 68%;
}

.width-28-percent {
    width: 28%;
}

.margin-btnupload-img {
    margin: -2% 0% 0% -5%
}

.margin-left-245 {
    margin-left: 245px;
}

.border-t-grey1 {
    border-top: 1px solid #dee2e5;
}

.text-color-777 {
    color: #777;
}

.width-percentage-105 {
    width: 105%;
}

.success-upload-status {
    background-color: #28a745;
    background-size: 30px;
}
/*Retry Image\document upload end*/

.selected td {
    background-color: #B0BED9 !important;
}

/* legend screen UI */
/* .showLegend{border: 0;background: #4690c3;color: #fff;padding: 5px 15px;position: relative;border-radius: 7px;} */
.legendWrapper {
    top: 24px;
    right: 0px;
    width: 600px;
    box-shadow: 0px 0px 7px #ccc;
    border-radius: 7px;
    z-index: 999;
    position: absolute;
    display: none;
    cursor: move;
}

.showLegend.dropdown-toggle::after {
    display: none;
}
/* .showLegend:hover, .showLegend:focus, .show>.btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled):active{background: #4690c3;box-shadow: none!important;border: 0;color: #ffffff;} */
/* .dropdownLegend {
    width: 102px;
} */

.closeLegend {
    font-size: 20px;
    cursor: pointer;
}

.panelBorder {
    position: relative;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 20px 10px 10px 15px;
}

    .panelBorder .formtitle {
        top: -9px;
        left: 15px;
        font-weight: bold;
        position: absolute;
        background: #fff;
    }

.legendPlace {
    border-radius: 4px;
    border: 1px solid #6d9bbb;
    width: 40px;
    height: 25px;
    margin-right: 8px;
    text-align: center;
    flex: none;
}

.panelRow {
    margin-bottom: 10px;
}

.panelContent {
    height: calc(100vh - 67px);
    overflow: auto;
    max-height: calc(100vh - 255px);
}


.subheader_Legend_options {
    height: 14px !important;
    margin-right: 5px !important;
}


.imgNotifDefSize {
    height: 14px;
    width: 22px;
}

.text-decor {
    text-decoration: underline;
}


/*Language page*/
.uploadBox {
    background: #FAFEFF;
    border: 1px dashed #0083BF;
    border-radius: 6px;
    padding: 15px;
    height: 344px;
}

.uploadTitle {
    font-weight: 600;
}

.cardformat1 {
    background: #FCFCFC;
    border: 1px solid #B9B9B9;
    padding: 15px;
    border-radius: 6px;
}

.txtLink {
    color: #037BFE;
}

.languageForm .form-group {
    padding-right: 8px;
}

.languageForm .select {
    margin: 0;
    padding: 0;
}

    .languageForm .select select {
        width: 100%;
        height: 30px;
        border-radius: 6px;
        border-color: #ccc;
    }

    .languageForm .select::after {
    }

.addedLanguageBg {
    background: #FAFEFF;
    border: 1px solid #CCCCCC;
    padding: 15px;
    border-radius: 6px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.lastDownloaded {
    font-size: 11px;
    font-style: italic;
    color: #7C7C7C
}

.whiteBg {
    background: #fff;
}

.min-h-36 {
    min-height: 36px;
}

.languageScroll {
    height: 100px;
    overflow: auto;
}

    .languageScroll label {
        background: #30A5DB;
        color: #fff;
        border-radius: 20px;
        padding: 10px 20px;
        margin-right: 15px;
        margin-bottom: 10px
    }

.noLanguageAdded {
    color: #0083BF;
}

.theadBg {
    background: #DFE7EA;
}

.paginationRight {
}

    .paginationRight span {
        margin: 0px 10px;
    }

    /*  .paginationRight a {
        margin: 5px 2px;
    }*/

    .paginationRight .disabled {
        opacity: 0.3;
    }

.rotade-h {
    transform: rotate(180deg);
}

.dragDropArea {
    color: #0083BF;
    text-align: center;
}

    .dragDropArea img, .uploadedFiles span, .uploadedFiles label {
        display: block;
        text-align: center;
        margin: 0px auto;
    }

/*.sortCoulmn {
    color: #668f9c;
    justify-content: start;
}

    .sortCoulmn:focus {
        color: #668f9c;
    }*/

.uploadedFiles label {
    background: #ECF0FD;
    border: 1px solid #9A93FC;
    border-radius: 20px;
    padding: 5px 10px;
    display: inline-block;
}


.importBtn {
    display: block;
    text-align: center;
    align-items: center;
    margin: 0px auto;
}

.width33 {
    width: 33.33%;
}

.wordBrk {
    word-break: break-word;
}

.addNewTxt {
    margin: 0 0 20px 15px;
}

.languageBoxSize {
    height: 156.5px;
}

.popupHeight {
    height: 280px;
    width: 100%;
}

.languageTable tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.smallFont12 {
    font-size: 1.2rem;
}

.col-per-12 {
    flex: 0 0 12%;
    max-width: 12%;
}

.soSelect::after {
    top: 15px;
    right: 15px;
}

.adduserimg {
    position: absolute;
    top: 25px;
    left: 286px;
}

.width-114 {
    width: 114px;
}

.font-color-red {
    color: #cd092a;
}

.font-size-15 {
    font-size: 15px;
}

#text_save_btn {
    cursor: not-allowed;
    pointer-events: none;
    background: #B8B8B8;
}

.colEmailNotify {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-image: url(../images/ResendEmail.svg);
    display: block;
}

.tooltip.bs-tooltip-right .tooltip-inner {
    background-color: #fff !important;
    border: 1px solid #FD9C17;
    color: #000;
}

.tooltip.bs-tooltip-right .arrow {
    display: block;
    margin-left: 0px;
}

    .tooltip.bs-tooltip-right .arrow::before {
        left: auto;
        transform: rotate(-0deg);
    }

    .tooltip.bs-tooltip-right .arrow::after {
        background-color: transparent;
    }

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #FD9C17;
}

.max-width-88 {
    max-width: 88%;
}

.font-size-18 {
    font-size: 18px;
}

#text4C_save_btn, #text4C_complaintsave_btn, #text4C_causesave_btn, #text4C_correctionsave_btn, #text4C_coveragesave_btn {
    cursor: not-allowed;
    pointer-events: none;
    background: #B8B8B8;
}

.masterFormArea.LanguageFormArea {
    height: calc(100vh - 100px);
}

.lang-modal-scroll {
    height: calc(100vh - 75px);
    padding-right: 7px !important;
}

.width-95 {
    width: 95px;
}

.spaceRefreshIcon {
    margin-left: 10px;
    color: #457bb1;
    cursor: pointer;
}

div#FromDateBox {
    margin-left: -176px;
}

div#ToDateBox {
    margin-left: -20px;
}

.filterByStatus {
    width: 100%;
   /* position: absolute;*/
    line-height: 30px;
}

div#statusdiv {
    margin-left: 65%;
    position: absolute;
}

div#searchbtn {
    margin-left: 100px;
}

.filterByStatusPopup {
    top: 52px;
    left: 14px;
   /* width: 40%;*/
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 10px 10px 0px 10px;
    border: 1px solid #ddd;
}

.filterByStatus::after {
    top: 2px;
}

.allocationrpt {
    width: 175px;
}

input#azureSendTestMail {
    height: 30px;
    margin: auto;
}

.display-block {
    display: block !important;
}

.sslbg .onoffswitch.width-100 {
    width: 100px;
}

    .sslbg .onoffswitch.width-100 .onoffswitch-inner:after {
        padding-right: 13px;
    }

    .sslbg .onoffswitch.width-100 .onoffswitch-switch {
        right: 78px;
    }

    .sslbg .onoffswitch.width-100 .onoffswitch-inner:before {
        padding-left: 27px;
    }

.br-4 {
    border-radius: 4px;
}

table.dataTable.sortrpttbl thead th, table.dataTable.sortrpttbl td {
    padding-right: 18px !important;
}


.datatablesearchlbl {
    margin-top: 0%;
    position: absolute;
    margin-left: -18%;
    font-size: 17px;
}

#AutoRefreshInterval {
    display: inline-block;
    width: 215px;
}

.margin-0 {
    margin: 0px !important;
}

.margin-left-72 {
    margin-left: 72% !important;
}

.margin-left-117 {
    margin-left: -117px !important;
}

.sslbgeSch .onoffswitch {
    width: 60px;
}

    .sslbgeSch .onoffswitch .onoffswitch-inner:after {
        padding-right: 10px;
    }

    .sslbgeSch .onoffswitch .onoffswitch-switch {
        right: 39px !important;
    }

    .sslbgeSch .onoffswitch .onoffswitch-inner:before {
        padding-left: 24px;
    }

.fontBold {
    font-weight: bold;
}

div#emp-map-pop-wrap td {
    padding: 0 25px 0 0;
}

.soheaderinfo {
    position: relative;
}

.font-color-white {
    color: #FFFFFF;
}

.storyline-info-scroll {
    overflow: auto;
    position: relative;
    height: calc(100vh - 290px);
    max-height: calc(100vh - 290px) !important;
}

.usernamefield {
    align-items: center;
}


/* Layout Swap Option 1 and 6 */
.layoutSwapOption.option1 .leftColArea {
    width: 30%;
}

.layoutSwapOption.option1 .rightColArea {
    width: 70%;
}

/* Layout Swap Option 2 and 3 */
.layoutSwapOption.option2 .leftColArea {
    width: 30%;
}

.layoutSwapOption.option2 .rightColArea {
    width: 70%;
}

.layoutSwapOption .sidebar-left-secondary-scheduler.GridView {
    width: auto;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
}
/* Layout Swap Option 2 and 3 */

/* Layout Swap Option 4 and 5 */
.layoutSwapOption.option4 .leftColArea {
    width: 70%;
}

.layoutSwapOption.option4 .rightColArea {
    width: 30%;
    left: auto !important;
}
/* map css */
.mapSize {
    width: 100%;
    height: 100%;
}

.mapouter {
    position: relative;
    text-align: right;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
}

.hide-left-sidebar, .show-left-sidebar {
    right: auto;
    z-index: 99;
}

.hide-left-sidebar,
.show-left-sidebar {
    position: absolute;
    top: 160px;
    right: -22px;
    width: 22px;
    height: 60px;
    background: #485163;
    border-radius: 0px 7px 7px 0px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding-top: 16px;
    text-align: center;
}

.hide-right-sidebar,
.show-right-sidebar {
    position: absolute;
    top: 160px;
    left: -22px;
    width: 22px;
    height: 60px;
    background: #485163;
    border-radius: 7px 0px 0px 7px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding-top: 16px;
    text-align: center;
}

.show-left-sidebar, .show-right-sidebar {
    display: none;
}

    .show-left-sidebar .fa-angle-double-left:before, .hide-right-sidebar .fa-angle-double-left:before {
        content: "\f101";
    }

.loaderWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
}

    .loaderWrap i {
        top: 50%;
        position: relative;
        font-size: 4rem;
        color: #fff;
    }

.icon-font-size {
    font-size: 20px;
}

.rightTop {
    height: 37%;
}

.rightBottom {
    height: 63%;
}

.layout4 .rightTop {
    height: 50%;
}

.layout4 .rightBottom {
    height: 50%;
}

.layout2 .rightBottom {
    height: 55%;
}

.layout2 .rightTop {
    height: 45%;
}

.layout3 .rightBottom {
    height: 63%;
}
.layout3 .rightTop {
    height: 37%;    
}

.h-40 {
    height: 30%;
}

.h-60 {
    height: 60%;
}

.tech-grid-loader {
    background: rgba(0, 0, 0, 0.5);
}

/* zoom option css */
.pointer {
    cursor: pointer;
}

.zoomViewWrap .cls-2 {
    fill: #fff;
}

.zoomViewWrap a {
    padding: 4px;
    display: inline-flex;
}

    .zoomViewWrap a:hover {
        background: #6a0003;
        border-radius: 4px;
    }

.noscroll {
    overflow: hidden !important;
}

body {
    transform: scale(1);
}

.layoutOptions {
    position: fixed;
    top: 40px;
    right: 10px;
    z-index: 9999999999;
    background-color: #ddd;
}

    .layoutOptions a {
        color: #000;
        padding: 10px;
        display: inline-block;
        margin: 0 5px;
    }

.layout2 {
    /*display: none !important;*/
    width: 100%;
    min-height: calc(100vh - 40px);
    float: right;
    background: #ccc;
    position: relative;
    display: flex;
}

    .layout2.active {
        display: flex !important;
    }

        .layout2.active.addLayout3 .rightColArea {
            flex-direction: column-reverse;
            display: flex;
        }

        .layout2.active.addLayout6 .layoutSwapOption {
            flex-direction: row-reverse;
        }

        .layout2.active.addLayout6 .rightColArea {
            flex-direction: column-reverse;
            display: flex;
        }

        .layout2.active.addLayout5 .layoutSwapOption {
            flex-direction: row-reverse;
        }

        .layout2.active.addLayout5 .rightColArea {
            flex-direction: column;
            display: flex;
        }

.layout1.addLayout4 .rightColArea {
    flex-direction: column-reverse;
    display: flex;
}

.layout1 {
    width: 100%;
    min-height: calc(100vh - 40px);
    float: right;
    background: #ccc;
    position: relative;
    display: flex;
}
    /*.layout1*/ 
    .technican_listing {
        position: inherit;
        height: calc(100% - 78px);
        margin-top : 40px;
    }
   /* .layout3 .technican_listing {
        position: inherit;
        height: calc(100% - 75px);
        margin-top: 40px;
    }*/


    .layout1 .TechViewWrap .wo-pagination {
        bottom: -0px;
    }

.layout1-bottom-16 {
    bottom: -16px !important;
}

.layout1-h-calc {
    height: calc(100% - 75px) !important;
}

.layout1-bottom-125 {
    bottom: -125px !important;
}

.MapViewParent {
    height: 50%;
    display: block;
}

.opacity-show-hide {
    opacity: 0;
}

.layout1-h-ribbon-filter-open {
    height: calc(100% - 124px) !important;
    position: inherit !important;
    margin-top: 89px !important;

}

.layout1-h-40-percent {
    height: 40%;
}

.layout1-h-50-percent {
    height: 50% !important;
}

.layout1-h-100-percent {
    height: 100% !important;
}
.layout1-h-86-percent {
    height : 86% !important;
}

.layout1-h-91-percent {
    height: 91% !important;
}

.layout1-bottom-63 {
    bottom: -63px !important;
}
.layout1-margin-top-89 {
    margin-top: 89px !important;
    height : calc(100% - 124px) !important;
}
.layout1-margin-bottom-50 {
    bottom: -50px !important;
}
.z-index-999999 {
    z-index: 999999;
}

.white-space-nowrap {
    white-space: nowrap;
}

.vertical-align-top {
    vertical-align: top;
}

.text-align-right {
    text-align: right;
}

.techinfo-assignso-align-padright {
    padding-right: 10px;
    vertical-align: top;
}

.techinfo-assignso-align-padtop {
    text-align: right;
    padding-top: 5px;
}

.width-130 {
    width: 130px
}

.width-height-40 {
    width: 40px;
    height: 40px;
}

.layoutgridlabel input {
    width: auto;
}
.layoutgridlabel, .layoutgridlabel img {
    text-align: center;
    width: 80%;
}
.TechViewWrap .wo-pagination {
    background:#ccc;
}
.bottom-footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.resizable-helpericon {
    position: absolute;
    text-align: center;
    width: auto;
    left:50%;
    cursor:s-resize;
    color: #fbfbfb;
    z-index: 100;
    margin-top: -10px;
}
/*.leftColArea .ui-resizable-handle {
    top: 50%;
}
.rightColArea .ui-resizable-handle {
    left: 50%;
}*/
.ui-resizable-s {
    background: url(../images/Icons/drag_icon.svg) no-repeat;
    background-size: 14px;
    background-position: center;
    height: 15px;
    background-position-y: 2px;
}

.ui-resizable {
    border-top: 0px solid gray;
}
.sidebar-left-secondary-scheduler.GridView.open.only-sch-sidebar.opacity-show-hide {
    display: none;
}
.ft img {
    padding-left : 10px
}
.ft label {
    padding-left: 5px;
}

.z-index-999999 {
    z-index: 999999;
}

.white-space-nowrap {
    white-space: nowrap;
}

.vertical-align-top {
    vertical-align: top;
}

.text-align-right {
    text-align: right;
}

.techinfo-assignso-align-padright {
    padding-right: 10px;
    vertical-align: top;
}

.techinfo-assignso-align-padtop {
    text-align: right;
    padding-top: 5px;
}

.width-130 {
    width: 130px
}

.width-height-40 {
    width: 40px;
    height: 40px;
}

.hiddendiv {
    display: none;
}

#TemplateRow {
    display: none;
}

.colHeader {
    width: 15%;
}

.colOTPTable {
    width: 30%;
}

.addlabel {
    padding: 1px;
}

.colIcon a {
    color: #d92337;
}

.colIcon {
    width: 10% !important;
}

.masterGrid {
    background: #fff;
    padding: 15px;
    margin: 12px;
    height: calc(100vh - 170px);
    margin-bottom: 0;
}

.tech-timline-refresh-icon {
    position: absolute;
    bottom: 2px;
    left: 40px;
}

.tech-timeline-position-map-icon {
    position: relative;
}

.overalloc-report-wordwrap {
    white-space: normal;
    width: 200px;
}

.mapResetAssignSO {
    position: absolute;
    right: 78px;
    top: 16px;
    background: #fff;
    border: 1px solid #fff;
    z-index: 1;
}

.textbold {
    font-weight: bold;
}

.customEvent {
    padding-top: 2px;
}

.width-100 {
    width: 100%;
}

.width-60 {
    width: 60%;
}

.month_default_shadow_inner {
    background-color: transparent !important;
}

.border-0 {
    border-top : 0px !important;
}

.height-75-per {
    height : 75%;
}

.highlight-layout {
    border: #a71e22 2px solid;
    margin-bottom: 3px;
    padding: 0px;
}

.z-index-99 {
    z-index : 99;
}

.margin-top-45-per {
    margin-top : 45%;
}

.z-index-9 {
    z-index: 9;
}

.wd164 {
    width: 164%;
}

.top13 {
    top:13px;
}

.ht125 {
    height: 125%;
}

.no-data-found {
    font-size: 2rem;
    color: #666667;
    flex: 0 0 100%;
    display: flex;
    font-weight: bold;
    justify-content: center;
}

.ht80 {
    height: 80%;
}      

.d-flex {
    display: flex;
}

.z-index-999 {
    z-index : 999;
}

.otpdetails-margin {
    margin: 0px 25px 0px 0px;
}

.color-red {
    color: #d92337;
}

.wd-60 {
    width: 60%;
}
.width10 {
    width: 10%;
}

.ErrorLoglabeloutput {
    width: 60%;
    padding-left: 5%;
    border-left: 1px solid #ddd;
}

.sslspanishbg .onoffswitch.width-100 {
    width: 118px;
}

    .sslspanishbg .onoffswitch.width-100 .onoffswitch-inner:after {
        padding-right: 9px;
    }

    .sslspanishbg .onoffswitch.width-100 .onoffswitch-switch {
        right: 95px;
    }

    .sslspanishbg .onoffswitch.width-100 .onoffswitch-inner:before {
        padding-left: 30px;
    }

.tooltip .tooltip-inner {
    font-size: 13px !important;
}

.custtoggle:before {
    padding-left: 23px;
}

.custonoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 34px;
}

.NLogPagination {
    position: relative;
   
    display: flex;
    height: 34px;
    align-items: center;

    background-color: white;
    margin-top: 12px;
    font-size: 14px;
}

.selectentries {
    margin: 0px 7px 0px 0px;
}
.showdata-margin {
   margin-left:26px;
}
nlogGridPagination {
    background-color: white;
    margin-top: 12px;
    font-size: 14px;
}
.logtransaction-margin {
    margin-left: 138px;
}
.logtransaction-marginFR {
    margin-left: 85px;
}
.message-overflow {
    display: inline-block;
    width: 250px;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.ErrorLogGridWrapper .dataTables_filter {
    float: left !important;
    margin-top: -30px;
   
}
    .ErrorLogGridWrapper .dataTables_filter input {
        border: 1px solid #ced4da;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        border-radius: 4px;
 }
  .ErrorLogGridWrapper .dataTables_filter input:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
 }

.SearchTraceDatainput {
    margin-left: -45px;


}

.alertpopup .aduserwrapper .aduserlist-table.newtable .pendingnotification-list {
    height: calc(100vh - 257px);
    margin-bottom: 0;
}

.white-space-normal {
    white-space: normal;
}

.orderHistoryTable table th,
.orderHistoryTable table td {
    width: 180px !important;
    overflow: hidden !important;
    white-space: normal !important;
}

.documentList .nodoumentdata .nodataicon {
    height: auto !important;
}

.customizeGridModalWrap {
    max-width : 800px !important;
}

.wd-100 {
    width: 100%;
}
.btnseemoremargin {
    margin-right:10px;
}

.exesc {
    height: 160px !important;
    padding-right: 15px;
    padding-left: 5px;
}
.btn-margin {
    margin-top: -40px;
}
.onoffbtn{
    width:35px;
}
.onoffbtn .custtoggle:before {
    padding-left: 23px;
}
.onoffbtn .onoffswitch-inner:after {
    padding-right: 21px;
}
.onoffbtn .onoffswitch-switch{
    right:3px;
}
.fulldatasyncnote {
    margin-top: -45px;
}
.fulldatasyncnote .notemargin {
    margin-right: 192px;
 }

.gm-ui-hover-effect {
    height: 25px !important; 
}

/* vitaltext css */

#chatapp {
    height: 93% !important;
}

.chat-icon-home-page {
    position: fixed;
    bottom: 4px;
    right: 4px;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index:99 !important;
}

.chat-app-name {
    font-size: 1.5rem;
    font-weight: 700;
}

.chat_window_close-btn {
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    opacity: 1 !important;
    font-size: 2rem !important;
}

.chat_window {
    position: fixed;
    bottom: 5px !important;
    right: 45px !important;
    top: auto !important;
    left: auto !important;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: none;
    flex-direction: column;
    max-height: 400px;
    overflow: hidden;
    padding-bottom: 13px;
}


.chat-window-header {
    padding: 10px;
    background-color: #b02020;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0;
}

.chat_icon_td {
    text-align: center !important;
}

.chat_icon_td:hover {
    cursor: pointer;
}

.message-count {
    top: 0px;
    right: 17px;
    color: #fff;
    min-width: 18px;
    height: 18px;
    display: flex;
    font-size: 10px;
    position: absolute;
    align-items: center;
    border-radius: 50px;
    background: #a71e22;
    justify-content: center;
    /*padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;*/
}
.message-count-segmentpopup {
    top: 179px !important;
    right: 6px !important;
}
.message-count-chatIcon {
    top: 0px;
    right: 5px;
    color: #fff;
    min-width: 18px;
    height: 18px;
    display: flex;
    font-size: 10px;
    position: absolute;
    align-items: center;
    border-radius: 50px;
    background: #a71e22;
    justify-content: center;
    /*padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;*/
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAABHNCSVQICAgIfAhkiAAAAhZJREFUWEftmC1TxDAQhjkHDpBIkEiQIM8isVgkGGbgJ2BAggOLBIkECRIJEhwnwcH7dLKdXKdJr23uCjPdmZ1pr8nmyZuPTW4wV20bKrItX6kumqTEu6I8yJ+JNqgIuavvm3Iqvcm/kiCEgyzo07p8Sf4kv4kBbqnAjvze+ZTZxsKbMFHAY6fY+SzJvLay9mMKnnaknjEyelt/GXAowGEP2GL+/k8F2X9wbL/jRTKm4Kpg9uRslL51sQda+zkgcKhFtniUf9ZUkEBkGOr6Vvf34nTNAYFjWM/k316pSfdBUhOApELf6v4eBAyBTApYDJzqPVewB2woaa9gQ+Hyar2CbRXMj1uhVXzgWujywDriuBUC5C7C0ZsLzF1bOWrWtyP/dQyQmFZwpOdXuaXBmu2NFSdbFdMiYizKl+VrcjIbZW6rAIlMZdIWFefbkHl1sxub984oYsAjBKOWpc5JAFMw2YHkwqnEyPiQwbQKILenF+RMQRKIke1p8iP33ea3QUYB6Q1DeCnnyJXamBaHcuYxCpr5kDyXnj1RkAAn8h+nJAvhwz0TjO9c4psYk57O0w5wRQEMkthBQINgY7QVxAQlIHCcF5v+L4NqQDF9eC4zg4wC+hUBwq4cHCqU9b6JoqE6qMzq9Q/MWdmyezGAtp3MAi7a0RAg2wK9mbZylaNQBsjtjrnYOVxoiBlerp+hSV3Z65QFfgE1PaP6xyosogAAAABJRU5ErkJggg==) !important;
}

#toast-container > div {
    padding: 15px 15px 15px 60px !important;
    opacity: 1.8 !important;
}
#chat_modal {
padding-left:0px !important;
}
/* End of vitaltext css */



.scheduler_default_selected .scheduler_default_event_inner {
    background-color: #FFA500 !important;
}

.hover-highlight {
    color: #000000; /* Default text color (black) */
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

    .hover-highlight:hover {
        color: var(--hover-color); /* Dynamic hover color */
        cursor: pointer; /* Change cursor to pointer */
    }

.andor {
    position: absolute;
    top: -10px;
    left: 43px;
}

.andor .onoffswitch {
    width : 62px;
    margin-right: 0;
}
    .andor .onoffswitch-switch{
        right:39px;
    }

    .andor .onoffswitch-inner:after {
        background-color: #607d8c !important;
        color: #FFFFFF !important;
    }
.tooltip.bs-tooltip-right .tooltip-inner {
    font-size: 10px;
    background-color: #0062cc !important;
    color:#fff !important;
    border:0 !important;
    border-radius:8px !important;
}

.tooltip .arrow {
    display: none !important;
}
.moreInfo_tooltip i {
    font-size: 1.5rem;
    color: #6dacd8;
    cursor: pointer;
}
.andor-left {
    left : 96px !important;
}

.groupSos {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 105px;
}