body {
    color: #272727 !important;
}

.collapsedropdown {
    border: 0px solid black !important;
    font-size: 14px;
}

body button.btn-primary {
    background: #3E78CF !important;
    border: 1px solid #3E78CF !important;
}

body button.btn.collapsed {
    background: none !important;
    border: 0px solid !important;
    font-size: 14px;
}

.btn:hover {
    /* color: white;*/
}

.text-success {
    color: green;
}

select option:hover,
select option:focus {
    background-color: yellow !important;
}

.menu-icon {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    margin-right: 10px;
    margin-left: 10px;
}

.view-profile-btn:hover {
    color: #272727;
}

::-webkit-scrollbar {
    height: 5px;
}

.btn-primary {
    background: #2693F8 !important;
    border-color: #2693F8 !important;
}

tbody {
    font-size: 14px;
}

.chatIcon {
    color: #e0e0d1 !important;
}

.sidebar li .material-icons {
    width: 30px;
}

.mutedText {
    color: #6c757d;
}

#leaveHistoryTable tbody .fontSmall {
    line-height: 1.2rem;
}

#icon-change {
    margin-top: 2px;
}

#empleaveCompOffTable td {
    border: 1px solid transparent;
}

input[type=radio] {
    border: 2px solid white;
    box-shadow: 0 0 0 1px #007bff;
    appearance: none;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: #fff;
    transition: all ease-in 0.2s;
}

    input[type=radio]:checked {
        background-color: #007bff;
    }

div.main-content {
    /*padding-top: 35px;*/
}

#profileDropdown .profile-dropdown-info .loggedinempname {
    display: inline-block;
    color: #343a40;
}

#profileDropdown .profile-dropdown-info .loggedinempid {
    display: inline-block;
    color: #343a40;
}

.res-adminadvfilter-leavehistory .clearleavehistory-filter {
    cursor: pointer;
    color: #007bff;
    text-decoration: underline;
    margin-left: 10px;
}

.res-adminadvfilter-hrticketlisting .clearhrticketing-filter,
.res-adminadvfilter-itticketlisting .cleariticketing-filter {
    cursor: pointer;
    color: #007bff;
    text-decoration: underline;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 14px;
    display: inline-block;
}

.select2-selection__rendered {
    padding: 5px 15px !important;
    color: #495057 !important;
}

.select2-selection.select2-selection--single {
    height: 40px !important;
    border: 1px solid #ced4da !important;
}

.select2-selection__arrow {
    top: 6px !important;
    right: 5px !important;
}

.select2-container .select2-dropdown span.select2-search--dropdown {
    /*display: none;*/
}

.normal-design #navbarNav .header-notification .nav-notification {
    padding: 7px 10px;
    background: #D6E2F3;
    border-radius: 3px;
}

    .normal-design #navbarNav .header-notification .nav-notification img {
        width: 14px;
        height: 14px;
        vertical-align: initial;
    }

    .normal-design #navbarNav .header-notification .nav-notification .notification-count {
        position: absolute;
        font-size: 9px;
        background: #267EC4;
        color: #fff;
        border-radius: 25px;
        width: 15px;
        height: 15px;
        text-align: center;
        vertical-align: middle;
        top: 7px;
    }

.normal-design .res-header-notification {
    margin-right: -100px;
    display: none;
}

    .normal-design .res-header-notification .nav-notification {
        padding: 12px 10px;
        background: #D6E2F3;
        border-radius: 3px;
    }

        .normal-design .res-header-notification .nav-notification .notification-count {
            position: absolute;
            font-size: 9px;
            background: #267EC4;
            color: #fff;
            border-radius: 25px;
            width: 15px;
            height: 15px;
            text-align: center;
            vertical-align: middle;
            top: 7px;
        }

/* hover tooltip start */

[data-tooltip] {
    --arrow-size: 5px;
    position: relative;
    z-index: 10;
}

    /* Positioning and visibility settings of the tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 50%;
        bottom: calc(100% + var(--arrow-size));
        pointer-events: none;
        transition: 0.2s;
        will-change: transform;
    }

    /* The actual tooltip with a dynamic width */
    [data-tooltip]:before {
        content: attr(data-tooltip);
        padding: 10px 18px;
        min-width: 50px;
        max-width: 300px;
        width: max-content;
        width: -moz-max-content;
        border-radius: 6px;
        font-size: 14px;
        background-color: rgba(59, 72, 80, 0.9);
        background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
        color: #fff;
        text-align: center;
        white-space: pre-wrap;
        transform: translate(-50%, calc(0px - var(--arrow-size))) scale(0.5);
    }

    /* Tooltip arrow */
    [data-tooltip]:after {
        content: '';
        border-style: solid;
        border-width: var(--arrow-size) var(--arrow-size) 0px var(--arrow-size); /* CSS triangle */
        border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
        transition-duration: 0s; /* If the mouse leaves the element, 
                            the transition effects for the 
                            tooltip arrow are "turned off" */
        transform-origin: top; /* Orientation setting for the
                            slide-down effect */
        transform: translateX(-50%) scaleY(0);
    }

    /* Tooltip becomes visible at hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1;
    }
    /* Scales from 0.5 to 1 -> grow effect */
    [data-tooltip]:hover:before {
        transition-delay: 0.3s;
        transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
    }

    [data-tooltip]:hover:after {
        transition-delay: 0.5s; /* Starting after the grow effect */
        transition-duration: 0.2s;
        transform: translateX(-50%) scaleY(1);
    }

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
    left: auto;
    right: calc(100% + var(--arrow-size));
    bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.5);
}

[data-tooltip-location="left"]:hover:before {
    transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
    border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="left"]:hover:after {
    transform: translateY(50%) scaleX(1);
}

/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
    left: calc(100% + var(--arrow-size));
    bottom: 50%;
}

[data-tooltip-location="right"]:before {
    transform: translate(var(--arrow-size), 50%) scale(0.5);
}

[data-tooltip-location="right"]:hover:before {
    transform: translate(var(--arrow-size), 50%) scale(1);
}

[data-tooltip-location="right"]:after {
    border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0);
}

[data-tooltip-location="right"]:hover:after {
    transform: translateY(50%) scaleX(1);
}

/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + var(--arrow-size));
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    transform: translate(-50%, var(--arrow-size)) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    transform: translate(-50%, var(--arrow-size)) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}

/* hover tooltip end */


/* sidebar menu start */

.admin-ticket-main-menu .side-menubar-updown {
    display: inline-block;
    text-align: right;
    width: 32%;
    font-size: 12px;
}

.admin-leave-main-menu .side-menubar-updown {
    display: inline-block;
    text-align: right;
    width: 44%;
    font-size: 12px;
}

.sidebar .admin-leave-main-menu .side-menubar-updown {
    width: 45%;
}

.sidebar .sidebar-dropdown {
    display: inline-block;
    width: 100%;
}

    .sidebar .sidebar-dropdown .sidebar-submenu {
        display: none;
    }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-red {
            width: 5px;
            background-color: lawngreen;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-blue {
            width: 5px;
            background-color: #2693F8;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-darkcyan {
            width: 5px;
            background-color: darkcyan;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-chocolate {
            width: 5px;
            background-color: chocolate;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-slategrey {
            width: 5px;
            background-color: slategrey;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

        .sidebar .sidebar-dropdown .sidebar-submenu .menu-bar-design-lightcyan {
            width: 5px;
            background-color: #44CFCF;
            display: inline-block;
            height: 20px;
            border-radius: 5px 0px 0px 5px;
            margin-right: 10px;
            position: relative;
        }

.sidebar .sidebar-submenu ul {
    padding-left: 0px;
    cursor: pointer;
}

.sidebar .sidebar-submenu li a {
    padding-left: 15px;
}

.sidebar .sidebar-dropdown.active div.sidebar-submenu {
    display: block;
}

.submenu-sidebar-dropdown .sidebar-submenu li a {
    padding-left: 40px;
}

.admin-itsupport-main-menu .submenu-sidebar-dropdown .side-menubar-updown {
    width: 50%;
}

.pink-effect {
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
    box-shadow: 0 0rem 0 0 rgba(10, 75, 195, 0.50), 0 0px 1.5rem rgba(255, 29, 88, 1) inset, 0 0.75rem 0.5rem rgba(255, 29, 88, 0.4) inset, 0 0.1px 0px 0 rgba(255, 29, 88, 1) inset;
}

.black-effect {
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(248, 188%, 54%, 1));
    box-shadow: 0 0rem 0 0 rgba(10, 75, 195, 0.50), 0 0px 1.5rem rgba(22, 23, 72, 1) inset, 0 0.75rem 0.5rem rgba(255, 255, 255, 0.4) inset, 0 0.1px 0px 0 rgba(152, 70, 158, 1) inset;
}

.orange-effect {
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(235, 77%, 68%, 1));
    box-shadow: 0 0rem 0 0 rgba( 255, 137, 40, 0.50), 0 0px 1.5rem rgba( 255, 137, 40, 1) inset, 0 0.75rem 0.5rem rgba( 255, 137, 40, 0.4) inset, 0 0.1px 0px 0 rgba( 255, 137, 40, 1) inset;
}

.yellow-effect {
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(25, 35%, 74%, 1));
    box-shadow: 0 0rem 0 0 rgba( 255, 137, 40, 0.50), 0 0px 1.5rem rgba( 247, 195, 49, 1) inset, 0 0.75rem 0.5rem rgba(247, 195, 49, 0.4) inset, 0 0.1px 0px 0 rgba(247, 195, 49, 1) inset;
}

.blue-effect {
    background-clip: text;
    filter: drop-shadow(0 2px 2px hsla(222, 77%, 83%, 1));
    box-shadow: 0 0rem 0 0 rgba( 255, 137, 40, 0.50), 0 0px 1.5rem rgba( 0, 73, 183, 1) inset, 0 0.75rem 0.5rem rgba(0, 73, 183, 0.4) inset, 0 0.1px 0px 0 rgba(0, 73, 183, 1) inset;
}

#empdash-menu span {
    padding-top: 2.5px;
    display: inline-block;
    vertical-align: middle;
}

#admindash-menu span {
    padding-top: 2.5px;
    display: inline-block;
    vertical-align: middle;
}

/* sidebar menu end */

/* notification start */

#NotificationPopup #notification-header-title {
    font-size: 18px;
}

#NotificationPopup .modal-header button i {
    font-size: 14px;
}

#NotificationPopup .modal-body {
}

    #NotificationPopup .modal-body .notification-list-blocks {
    }

        #NotificationPopup .modal-body .notification-list-blocks .notification-block {
            display: inline-block;
            width: 100%;
            margin-bottom: 10px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

            #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left {
                width: 12%;
                display: inline-block;
                border-radius: 44px;
                text-align: center;
                padding: 5px;
                vertical-align: middle;
                float: left;
            }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left.light-blue {
                    background: #C5E6F6;
                }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left.light-gray {
                    background: #E4E4E4;
                }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left.light-green {
                    background: #C2F3C2;
                }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left.light-red {
                    background: #C2F3C2;
                }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-left img {
                    width: 21px;
                    height: 21px;
                }

            #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-right {
                display: inline-block;
                width: 88%;
                padding: 0px 10px;
            }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-right .notification-info-title {
                    font-size: 13px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    overflow-x: hidden;
                    overflow-y: hidden;
                    width: 230px;
                }

                #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-right .notification-info-date {
                    font-size: 12px;
                    color: gray;
                    display: flex;
                    justify-content: space-between;
                }

                    #NotificationPopup .modal-body .notification-list-blocks .notification-block .notification-block-right .notification-info-date .notification-reply {
                        border-radius: 15px;
                        border: 1px solid #267EC4;
                        padding: 0 10px;
                        color: #267EC4;
                        cursor: pointer;
                    }

/* notification end */


/* admin dashnoard start */
.res-admin-dashboard .dashcard_style {
    height: auto;
    width: auto;
}

.res-admin-dashboard .header-title {
    margin-left: -7px !important;
}

.admindash_card .dashhoiday_description {
}

.admindash_card .res-holidays-details-left {
    display: inline-block;
    font-size: 12px;
    width: 80%;
    cursor: pointer;
}

.admindash_card .res-holidays-details-right {
    display: inline-block;
    font-size: 10px;
    width: 18%;
    text-align: center;
}

    .admindash_card .res-holidays-details-right div.res-holiday-count {
        border: 1px solid #3E78CF;
        border-radius: 10px;
        width: 25px;
        text-align: center;
        font-size: 11px;
        margin: 0 auto;
        color: #3E78CF;
    }

    .admindash_card .res-holidays-details-right div.res-holiday-desc {
        padding: 2px 5px;
        color: #3E78CF;
    }

.res-holidays-details-left.compOff-request .res-admin-dash-location {
    display: inline;
}

.res-admin-dash-upcomingholidays-block li {
    margin-bottom: 10px;
}

.admin-dashboard-view .admindash_card tbody#calendarBody:before,
.emp-dashboard .employeedash tbody#calendarBody:before {
    /* This doesn't work because of border-collapse */
    line-height: 10px;
    content: "_";
    color: white;
    display: block;
}

.admindashcompempname label,
.admindashcompempname span.select2.select2-container {
    width: 100% !important;
}

.admindash_card table {
    border-collapse: separate;
    border-spacing: 5px 0;
    table-layout: fixed;
}

    .admindash_card table thead th {
        width: 10px;
        border-bottom: 0px;
    }

    .admindash_card table thead {
        border-bottom: 1px solid #ccc !important;
        box-shadow: 0px 4px 5px -4px #ccc;
    }

.admin-dash-holidaylist-block .card-header {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
}

    .admin-dash-holidaylist-block .card-header .all-holidays-list {
        font-size: 15px;
        cursor: pointer;
        font-weight: normal;
    }

/* admin dashnoard end */

/* admin employee management start */

.res-admin-employee-management .res-admin-filter-inside {
    /* display: inline-block !important;*/
    margin-right: 0px !important;
}

    .res-admin-employee-management .res-admin-filter-inside .dropdown {
        display: inline-block;
        width: 21%;
        margin: 0 5px;
    }

.res-admin-employee-management .res-clear-btn {
    /*background: #2693F8;*/
    padding: 5px 15px;
    border-radius: 5px;
    /* color: #fff;*/
    text-transform: capitalize;
    margin-left: 0 !important;
    margin-top: 10px;
    display: inline-block;
    text-decoration: underline;
}

.res-admin-employee-management .admin-empadd-view #myTabContent .save-and-next,
.res-admin-employee-management .admin-empadd-view #myTabContent .addemp-submit-btn {
    height: auto;
    width: auto !important;
    margin-top: auto !important;
    margin-left: 0px !important;
    float: left;
    margin-bottom: 30px;
    float: right;
}

.admin-empmanagement-container .submit-button {
    margin-top: 20px;
    text-align: left;
    margin-right: 0;
    margin-bottom: 20px;
}

.admin-empmanagement-container .import-user-head {
    margin-top: 0;
    margin-bottom: 15px;
}

.admin-empmanagement-container {
    margin-top: 15px;
}

.dropdown-toggle {
    color: white;
}

.admin-empmanagement-view .res-admin-filter {
    margin-right: 0px !important;
}

.admin-empmanagement-view .res-admin-title {
    padding: 0 0 0 3px;
}

#adminempmanagementtable {
    /* margin-top: -15px;*/
    /*table-layout: fixed; */
}

    #adminempmanagementtable thead {
        /* width: inherit !important;
    visibility: hidden;
    background: #f9f9f9 !important;
    display: none;*/
    }

    #adminempmanagementtable tbody tr:nth-child(1) {
        margin-top: 0px;
    }

.dataTables_scrollHeadInner table.display.dataTable thead {
    font-size: 14px;
}

.dataTables_scrollBody {
    border-bottom: 0px !important;
}

.admin-empmanagement-view .res-admin-empman-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
}

.admin-empmanagement-view .res-admin-empman-filter {
    justify-content: end;
    display: inline-block;
    margin-top: 5px;
}

.admin-empmanagement-view .res-admin-empman-add {
    display: inline-block;
}

.admin-empmanagement-view #myTabContent .container.tab-container .row {
}

    .admin-empmanagement-view #myTabContent .container.tab-container .row .col-lg-3 {
    }

.admin-empmanagement-view .res-admin-empman-filter advanced-filtertab .advance-button {
    margin-left: 16px !important;
}

.admin-empmanagement-view .admin-empadd-view {
    margin-left: 15px;
    margin-top: 20px;
}

    .admin-empmanagement-view .admin-empadd-view input.form-control {
        background: transparent;
    }

.admin-empmanagement-view .res-admin-filter-inside #status-dropdown {
    font-size: 1rem !important;
    width: 100% !important;
}

.res-admin-emp-import {
    margin-left: -10px;
}

#adminempmanagementtable .odd {
    /*background-color: #f9f9f9 !important;*/
}

#adminempmanagementtable .even {
    background-color: #EBFAFF !important;
}

.admin-empadd-view .res-admin-emp-import #file-upload-area {
    width: 100%;
}
#adminempmanagementtable_wrapper thead th:nth-child(8) {
    width: 65px !important;
}
#adminempmanagementtable tbody td:nth-child(1) {
    width: 10px !important;
}

#adminempmanagementtable tbody td:nth-child(2) {
    width: 65px !important;
}

#adminempmanagementtable tbody td:nth-child(3) {
    width: 240px !important;
}

#adminempmanagementtable tbody td:nth-child(4) {
    width: 130px !important;
}

#adminempmanagementtable tbody td:nth-child(5) {
    width: 130px !important;
}

#adminempmanagementtable tbody td:nth-child(6) {
    width: 100px !important;
}

#adminempmanagementtable tbody td:nth-child(7) {
    width: 80px !important;
}

#adminempmanagementtable tbody td:nth-child(8) {
    width: 30px !important;
}

#adminempmanagementtable tbody td:nth-child(9) {
    width: 100px !important;
}

#adminempmanagementtable tbody td:nth-child(10) {
    width: 50px !important;
}

#adminempmanagementtable_info,
#adminaddendancetable_info,
#attendancetable_info {
    /* margin-top: 0px;*/
}

#adminempmanagementtable_wrapper {
    padding-top: 0px;
}

.admin-empmanagement-view .res-admin-empman-filter-show #demo {
    margin-bottom: 20px;
    margin-top: -10px;
}

.admin-empmanagement-view .client-details-header .client-det {
    display: inline-block;
    font-size: large;
    font-weight: 600;
    margin-bottom: 32px;
}

.admin-empmanagement-view .client-details-header .input-group-append {
    display: inline-block;
}

    .admin-empmanagement-view .client-details-header .input-group-append button {
        border-radius: 0;
    }

.admin-empmanagement-view .res-admin-emp-table thead th {
    color: #fff;
    font-weight: normal;
}

.admin-empmanagement-view #myTabContent .client-details-header .btn-add-new-client {
    float: right;
    clear: both;
}

.admin-empmanagement-view #clientRowsContainer .btn-remove-client {
    height: 30px;
    display: inline-block;
    margin-top: 30px;
}

.admin-empmanagement-view .admin-empadd-view .nav-tabs .nav-link {
    color: #fff;
}

    .admin-empmanagement-view .admin-empadd-view .nav-tabs .nav-link.active {
        color: dodgerblue;
    }

.res-admin-emp-table #adminempmanagementtable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .res-admin-emp-table #adminempmanagementtable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* admin employee management end */

/* admin employee selfservice start */

.admin-selfservice-list-horizon {
    min-height: 95vh;
    padding: 0 25px;
}

    .admin-selfservice-list-horizon .main-content {
        /*margin-left: 0;*/
        width: 87% !important;
        margin-top: 15px;
    }

    .admin-selfservice-list-horizon .admin-selfservice-details {
        background: #fff;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left {
        }

            .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 {
                width: 100%;
                display: inline-block;
                padding: 30px 30px 0px 45px;
                margin-bottom: 25px;
            }

                .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-left {
                    width: 23%;
                    display: inline-block;
                    vertical-align: top;
                    margin-right: 15px;
                }

                    .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-left .img-edit-icon {
                        position: relative;
                        top: -40px;
                        left: 107px;
                        width: 30px;
                    }

                        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-left .img-edit-icon span {
                            color: #fff;
                            background: #267EC4;
                            padding: 6px 7px;
                        }

                    .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-left img {
                        width: 130px;
                        height: 130px;
                        border-radius: 50%;
                        object-fit: cover;
                    }

                .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-right {
                    width: 70%;
                    display: inline-block;
                }

.admin-ss-details-designation,
.admin-ss-details-category,
.admin-ss-details-dob {
    font-size: 14px;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block2 {
    position: absolute;
    bottom: 0;
    padding: 0 25px;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-left .admin-ss-details-block1 .admin-ss-details-block1-right .admin-ss-details-user-info-2 {
    margin-top: 15px;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .res-admin-ss-tabs {
    border-bottom: none;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .nav-tabs .nav-item.show .nav-link,
.admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .nav-tabs .nav-link {
    border: 0px;
}

    .admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .nav-tabs .nav-item.show .nav-link,
    .admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .nav-tabs .nav-link.active {
        color: #000;
        border-bottom: 2px solid #267EC4;
    }

.admin-selfservice-list-horizon .admin-selfservice-details .admin-ss-details-block2 .nav-tabs .nav-item {
    padding: 0 10px;
}

.admin-selfservice-list-horizon .color-gray {
    color: gray;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-center {
    border-left: 1px dashed;
    margin-top: 25px;
    margin-bottom: 45px;
}

.admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right {
    padding: 25px 20px 15px 20px;
    max-width: 40%;
}

    .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block3 {
    }

        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block3 .admin-ss-details-right-left {
            padding: 3px 0;
        }

        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block3 .admin-ss-details-left-block {
            display: inline-block;
        }

        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block3 .admin-ss-details-right-block {
            /*display: inline-block;*/
        }

    .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block4 {
    }

        .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block4 .admin-change-password {
            float: right;
            margin-right: 20px;
        }

            .admin-selfservice-list-horizon .admin-selfservice-details .admin-selfservice-details-right .admin-ss-details-block4 .admin-change-password button {
                padding: 5px 25px;
                border-radius: 20px;
            }

.admin-selfservice-list-horizon .admin-selfservice-details-all {
    margin: 15px 0;
    background: #fff;
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
}

    .admin-selfservice-list-horizon .admin-selfservice-details-all .admin-ss-details-all-block1,
    .admin-selfservice-list-horizon .admin-selfservice-details-all .admin-ss-details-all-block2,
    .admin-selfservice-list-horizon .admin-selfservice-details-all .admin-ss-details-all-block3 {
        justify-content: right;
        margin: 25px 0;
    }

    .admin-selfservice-list-horizon .admin-selfservice-details-all .admin-ss-detailed-all-header {
        background-color: #267EC4;
        color: #fff;
    }

    .admin-selfservice-list-horizon .admin-selfservice-details-all label {
        margin-left: 20px !important;
    }

    .admin-selfservice-list-horizon .admin-selfservice-details-all .block-view .form-group.row div {
        color: gray;
    }

    .admin-selfservice-list-horizon .admin-selfservice-details-all .block-view:hover {
        /*transform: scale(1.002);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
    }

#adminChangePasswordModal .modal-header button {
    font-size: 14px;
}

#adminChangePasswordModal .modal-footer {
    border-top: 0px;
    padding-top: 0px;
}

    #adminChangePasswordModal .modal-footer button {
        padding: 5px 15px;
        border-radius: 30px;
    }

.admin-selfservice-list-horizon .admin-ss-assetview .tree-structure .allocate-details.tree-child img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-bottom: 10px;
}

.admin-selfservice-list-horizon .admin-ss-assetview .tree-structure .allocate-info span {
    color: gray;
}

.admin-selfservice-list-horizon .admin-ss-monthlymaintenanceview {
    margin: 0 20px;
}

    .admin-selfservice-list-horizon .admin-ss-monthlymaintenanceview .admin-ss-mm-year {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .admin-selfservice-list-horizon .admin-ss-monthlymaintenanceview .mm-year-dropdown {
        position: relative;
        display: inline-block;
    }

.admin-selfservice-list-horizon #adminmaintenanceinfotable thead th:first-child {
    border-top-left-radius: 5px;
}

.admin-selfservice-list-horizon #adminmaintenanceinfotable thead th:last-child {
    border-top-right-radius: 5px;
}

.admin-selfservice-list-horizon #adminmaintenanceinfotable thead th {
    color: #fff;
    font-weight: normal;
}

.admin-selfservice-list-horizon .admin-maintenanceinfo-image-btn .default-image-navbar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
    display: inline-flex;
}

.admin-selfservice-list-horizon .admin-maintenanceinfo-image-btn img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
}

.admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenance-id-select {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 71px;
    display: inline-block;
    vertical-align: middle;
}

.admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenance-status {
    padding: 2px 9px;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    text-align: center;
    width: 75px;
}

    .admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenance-status.completed {
        background: #34C7AC;
    }

    .admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenance-status.pending {
        background: #26ABED;
    }

.admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenanceinfo-list-edit .admin-maintenance-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

    .admin-selfservice-list-horizon #adminmaintenanceinfotable .admin-maintenanceinfo-list-edit .admin-maintenance-options a {
        padding: 3px 10px;
        color: #8693a1;
    }

.admin-selfservice-list-horizon #adminmaintenanceinfotable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .admin-selfservice-list-horizon #adminmaintenanceinfotable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

        .admin-selfservice-list-horizon #adminmaintenanceinfotable tbody tr:nth-child(even) {
            background-color: #EBFAFF !important;
        }

#RescheduleadminMaintenancePopup #reschedulemaintenance-header-title {
    font-size: 18px;
}

#RescheduleadminMaintenancePopup .modal-header button {
    font-size: 14px;
}

#RescheduleadminMaintenancePopup .maintenanceapprove-info .text-right button {
    padding: 5px 15px;
    border-radius: 30px;
}

.admin-selfservice-list-horizon .admin-selfservice-details-all .admin-ss-assetview .tree-structure {
    overflow-y: scroll;
}

.admin-selfservice-details-all .admin-asset-no-data.allocate-info {
    margin: 30px 0;
    text-align: center;
}

/* admin employee selfservice end */

/* admin self service project start */

.admin-selfservice-list-horizon .admin-project-details-main {
    margin: 25px 0;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

    .admin-selfservice-list-horizon .admin-project-details-main .admin-project-details-header {
        display: inline-flex;
        justify-content: space-between;
        margin-bottom: 7px;
    }

    .admin-selfservice-list-horizon .admin-project-details-main .admin-project-details-title {
        font-size: 18px;
        font-weight: bold;
    }

    .admin-selfservice-list-horizon .admin-project-details-main .admin-project-details-edit span {
        background: #ccc;
        border-radius: 50px;
        padding: 4px 7px;
        text-align: center;
        cursor: pointer;
    }

    .admin-selfservice-list-horizon .admin-project-details-main .admin-project-details-edit img {
        width: 14px;
        height: 14px;
        vertical-align: middle;
    }

    .admin-selfservice-list-horizon .admin-project-details-main .admin-project-clientinfo {
        background: #D6E2F3;
        padding: 15px;
        border-left: 4px solid #267EC4;
        margin-bottom: 30px;
        width: 95%;
    }

        .admin-selfservice-list-horizon .admin-project-details-main .admin-project-clientinfo div {
            margin-bottom: 2px;
        }

        .admin-selfservice-list-horizon .admin-project-details-main .admin-project-clientinfo span {
            font-weight: bold;
        }

#adminProjectRoleResModal .modal-header {
    border-bottom: none;
}

    #adminProjectRoleResModal .modal-header button {
        font-size: 14px;
    }

#adminProjectRoleResModal .modal-footer {
    border-top: none;
}

    #adminProjectRoleResModal .modal-footer button {
        padding: 5px 15px;
        border-radius: 30px;
    }

.admin-selfservice-list-horizon .admin-project-details-main .admin-project-details-body-block ul {
    padding-left: 20px;
}

/* admin self service project end */

/* admin maintenance acknowledge start */

.admin-maintenanceacknowledge-list-horizon {
    background: #efefef;
    min-height: 95vh;
}

    .admin-maintenanceacknowledge-list-horizon .main-content {
        margin-left: 0;
        padding-bottom: 20px;
        width: 100% !important
    }

    .admin-maintenanceacknowledge-list-horizon .maintenanceacknowledge-header-title {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .admin-maintenanceacknowledge-list-horizon .maintenanceacknowledge-image-btn img {
        border-radius: 50%;
        width: 42px;
        height: 42px;
        object-fit: cover;
        margin-right: 7px;
    }

    .admin-maintenanceacknowledge-list-horizon .maintenanceacknowledge-id-select {
        font-size: 18px;
    }

    .admin-maintenanceacknowledge-list-horizon #adminMaintenanceAcknowledge {
        background: #fff;
        padding: 10px 20px;
        height: 520px;
        box-shadow: 0px 3px 3px 1px #ccc;
    }

        .admin-maintenanceacknowledge-list-horizon #adminMaintenanceAcknowledge .maintenanceacknowledge-info .admin-maintenanceacknowledge-submit {
            padding: 5px 25px;
            border-radius: 20px;
        }

    .admin-maintenanceacknowledge-list-horizon .maintenanceacknowledge-image-btn .default-image-navbar {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 8px 0;
    }

/* admin maintenance acknowledge end */

/*admin attendance start*/

.admin-attendancemgmt-view .b-from label,
.admin-attendancemgmt-view .b-to label {
    margin-right: 10px;
}

.admin-attendancemgmt-view .res-date-from-to {
    padding: 0 15px !important;
}

.admin-attendance-container .addshiftcontent {
    margin-top: -15px;
    margin-left: -15px;
}

#leaveUpdateModal .leaveupdate_checkin, #leaveUpdateModal .leaveupdate_checkout {
    width: 100%;
}

#leaveUpdateModal .res-submit-btn {
    margin: 0 15px !important;
    padding: 0;
    padding-right: 30px !important;
}

    #leaveUpdateModal .res-submit-btn button {
        float: right;
    }

.res-admin-individual-att-from-to {
    margin-left: 0% !important;
}

    .res-admin-individual-att-from-to .form-inline {
        justify-content: right;
    }

.adminatt-dropdown label {
    margin-right: 12px !important;
}

.admin-attendancemgmt-view .dropdowns-container {
    justify-content: left;
}

    .admin-attendancemgmt-view .dropdowns-container .day {
        /*margin: 0 4px;*/
    }

.admin-attendance-container #adminaddendancetable thead th {
    /*text-align: center;*/
    font-size: 14px;
    color: #fff;
}

.admin-attendance-container #adminaddendancetable .leave-btn,
.admin-attendance-container #adminaddendancetable .gray-btn {
    width: 100%;
}

.addshiftcard #departmentDropdown .multiselect-native-select .btn {
    color: #212529;
}

.addshiftcard #departmentDropdown .multiselect-native-select .multiselect-selected-text {
    float: left;
    width: 94%;
}

.addshiftcard #departmentDropdown .multiselect-native-select button b {
    float: right;
    width: 100%;
}

.addshiftcard #departmentDropdown .multiselect-native-select button .multiselect-container > li > a > label {
    padding: 3px 20px 3px 15px;
}

.admin-empmanagement-view .nav-tabs .nav-link {
    padding: 7px 12px;
    text-transform: capitalize;
}

.admin-empmanagement-view .nav-tabs.responsive-tabs {
    border-radius: 10px 10px 0px 0px;
}

.res-admin-individual-attendance-table .leave-btn,
.res-admin-individual-attendance-table .gray-btn,
.res-admin-individual-attendance-table .present-btn,
.res-admin-individual-attendance-table .yellow-btn,
.res-admin-individual-attendance-table .absent-btn {
    width: 80% !important;
}

.addshiftcard #employeeDropdown .multiselect-native-select .btn {
    color: #212529;
}

.addshiftcard #employeeDropdown .multiselect-native-select .multiselect-selected-text {
    float: left;
    width: 94%;
}

.addshiftcard #employeeDropdown .multiselect-native-select button b {
    float: right;
    width: 100%;
}

.addshiftcard #employeeDropdown .multiselect-native-select button .multiselect-container > li > a > label {
    padding: 3px 20px 3px 15px;
}

.res-admin-attendance-main #adminaddendancetable_wrapper {
    padding-right: 0;
}

.res-admin-attendance-individual #adminaddendancetable_wrapper {
    margin-right: 20px;
}

.res-admin-individual-attendance {
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 15px;
}

.res-admin-attendance-individual #adminaddendancetable {
    padding-left: 0;
    margin-left: 0 !important;
}

.addshiftcontent .addshiftcard .res-adminatt-dept-dropdown {
    width: 80%;
    margin-left: -10px;
    display: inline-block;
}

    .addshiftcontent .addshiftcard .res-adminatt-dept-dropdown #departmentDropdown {
        width: 100%;
    }

    .addshiftcontent .addshiftcard .res-adminatt-dept-dropdown #employeeDropdown {
        width: 100%;
    }

.res-admin-individual-attendance .admin-individual-att-title-header {
    margin-top: 10px;
}

.addshiftcard .res-start-end-time {
    display: inline-block;
    width: 82%;
}

.addshiftcard .res-admin-addshift-submit {
    float: right;
    margin-right: 78px;
}

.admin-attendance-container #adminaddendancetable .odd {
    /*background-color: #f9f9f9 !important;*/
}

.admin-attendance-container #adminaddendancetable .even {
    background-color: #EBFAFF !important;
}

.addshiftcard #departmentDropdown .multiselect-container.dropdown-menu li label {
    padding: 3px 15px;
}

.addshiftcard #employeeDropdown .multiselect-container.dropdown-menu li label {
    padding: 3px 15px;
}

#adminaddendancetable .adminatt_thead {
    /*display: none;*/
}

#adminaddendancetable {
    /* table-layout: fixed;*/
    margin-top: -35px;
}

    #adminaddendancetable .adminatt_tbody tr td:nth-child(1) {
        width: 5%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(2) {
        /* display: inline !important;*/
        width: 22%;
        cursor: pointer;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(3) {
        width: 8%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(4) {
        width: 10%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(5) {
        width: 10%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(6) {
        width: 10%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(7) {
        width: 8%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(8) {
        width: 10%;
    }

    #adminaddendancetable .adminatt_tbody tr td:nth-child(9) {
        width: 8%;
        text-align: center;
    }

    #adminaddendancetable .attemployee-image {
        vertical-align: sub;
    }

    #adminaddendancetable .employee-details {
        width: 72% !important;
        display: inline-block;
    }

    #adminaddendancetable .initials-circle {
        display: inline-block;
        vertical-align: bottom;
        text-align: center;
        padding-top: 7px;
    }

.res-admin-attendance .adminaddendancedetailedtable {
    margin-top: 0 !important;
}

.res-admin-attendance-main thead th:last-child {
    text-align: center;
}

.res-admin-attendance-main tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .res-admin-attendance-main tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

#adminaddendancetable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminaddendancetable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/*admin attendance end*/

/* admin leave start*/
.res-admin-leave .res-admin-leave-history .admin-leave-history-header-title h4 {
    margin-top: -5px;
}

.res-admin-leave .main-content.container-fluid {
    width: 87% !important;
    margin-left: 180px;
    margin-top: 20px;
}

.res-admin-leave #adminleaveSettingsDropdown {
    background-color: #2693F8;
    color: #fff;
}

.res-admin-leave .empleave-calendar-header {
    margin-right: 0;
}

.highlight-currentleave {
    background-color: #e6f2ff;
}

.res-admin-leave .leavemonthmonth-dropdown {
    margin-right: 10px;
}

.res-admin-leave #daysLeaveContainer.Leave-days-container {
    width: 900px;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0px;
}

.res-admin-leave .leavemonthmonth-dropdown #myLeaveMonth {
    width: 85%;
    border-radius: 5px;
    margin-left: 0px;
    background-color: aliceblue;
}

.res-admin-leave #daysLeaveContainer.Leave-days-container .dayLeave {
    display: inline-block;
    width: 29px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    margin: 0 2px;
    cursor: pointer;
    font-size: 14px;
}

#adminleaveTable-mgmt .mutedText {
    color: #6c757d;
}

#adminleaveTable-mgmt .chatIcon {
    top: 5px;
}

#adminleaveTable-mgmt .acceptLeaveBtn {
    border: 1px solid #3E78CF;
    color: #3E78CF;
    margin-right: 10px;
}

    #adminleaveTable-mgmt .acceptLeaveBtn:hover {
        border: 1px solid #3E78CF;
        color: #fff;
        background: #3E78CF;
    }

#adminleaveTable-mgmt .rejectLeaveBtn {
    border: 1px solid #ff4d4d;
    color: #ff4d4d;
}

    #adminleaveTable-mgmt .rejectLeaveBtn:hover {
        border: 1px solid #ff4d4d;
        color: #fff;
        background: #ff4d4d;
    }

.adminleave-dropdown select, .adminleave-dropdown .multiselect-container {
    border: 0px solid #ced4da;
}

.adminleave-dropdown .form-control:focus {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}

.admin-leave-container #LeaveDateDropdown {
    margin-left: 56%;
}

.admin-leave-container .export-label {
    margin-right: 15px !important;
}

.res-adminleaveTable-mgmt #adminleaveTable-mgmt_wrapper {
    padding: 0;
    margin-bottom: 30px;
}

#LeaveDateDropdown label {
    margin-top: 4px;
}

.res-adminleave-header-right {
    padding-right: 0px;
}

.admin-leavecalender-view .empleave-calendar-table .empleave-leave-request {
    position: relative;
    float: left;
    top: 15px;
    left: 0px;
}

    .admin-leavecalender-view .empleave-calendar-table .empleave-leave-request img {
        margin-left: -7px;
    }

    .admin-leavecalender-view .empleave-calendar-table .empleave-leave-request .more-count {
        background: #ccc;
        border-radius: 20px;
        width: 25px;
        height: 25px;
        text-align: center;
        font-size: 12px;
        margin-left: -5px;
        padding-top: 4px;
    }

.admin-leavecalender-view .container.admin-leave-tracker {
    max-width: 100%;
}

.admin-leave-tracker .res-admin-leave-header h4 {
    margin-top: 10px;
}

.admin-leave-container .res-adminleave-date-align {
    justify-content: left;
}

.res-admin-leave .leaveSettings-dropdown a {
    cursor: pointer;
}

#adminleaveTable-mgmt .admin-leaveapprovaloptions {
    position: absolute;
    font-size: 12px;
    top: -25px;
    /*left: 55px;*/
}

    #adminleaveTable-mgmt .admin-leaveapprovaloptions .changestatusreject {
        padding: 4px 5px;
        background: #f5f5f0;
        color: #000;
        border: 0px solid #f5f5f0;
        font-size: 10px;
        box-shadow: 1px 4px 5px 1px #f5f5f0;
    }

    #adminleaveTable-mgmt .admin-leaveapprovaloptions .changestatusapprove {
        padding: 4px 5px;
        background: #f5f5f0;
        color: #000;
        border: 0px solid #f5f5f0;
        font-size: 10px;
        box-shadow: 1px 4px 5px 1px #f5f5f0;
    }

#adminleaveTable-mgmt .adminleave-leave-approval {
    margin-left: 10px;
    cursor: pointer;
}

#adminleaveTable-mgmt .commentSec .statusBtnFlex {
    position: relative;
    right: 0px;
}

.admin-leave-tracker .empleave-calendar-body {
    padding-left: 0;
}

.admin-leave-container .balance-section-wrapper .res-emp-apply-leave .balance-section {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    background: #e6ffff;
    width: 60%;
}

.admin-leave-container .res-emp-apply-leave .balance-section .leave-apply-info-block {
    display: inline-block;
    width: 100%;
}

    .admin-leave-container .res-emp-apply-leave .balance-section .leave-apply-info-block .res-leave-apply-left {
        display: inline-block;
        width: 90%;
    }

    .admin-leave-container .res-emp-apply-leave .balance-section .leave-apply-info-block .res-leave-apply-right {
        display: inline-block;
        width: 10%;
    }

.res-adminleaveTable-mgmt #adminleaveTable-mgmt .userLeaveDetails .fontSmall a {
    text-decoration: none !important;
}

.admin-leavecalender-view .adminside-leaveapply {
    background: #2693F8;
    color: #fff;
    cursor: pointer;
}

#adminleaveTable-mgmt .admin-leaverequest-reasons p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#adminleaveTable-mgmt tbody tr td:nth-child(1) {
    display: block;
    margin-top: 12px;
}

.admin-leaveHistory-view #adminleaveHistoryTable thead th {
    color: #fff;
}

.res-adminleaveTable-mgmt #adminleaveTable-mgmt tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

/* admin leave end*/

/* admin leave balance start*/
.res-admin-leave-balance {
    margin-top: -25px;
    margin-left: -1%;
    width: 103%;
}

    .res-admin-leave-balance .search-container {
        margin-left: 5% !important;
    }

    .res-admin-leave-balance .res-admin-leave-balance-export {
        margin-left: 0%;
    }

    .res-admin-leave-balance #leaveBalanceTable {
        margin: 0px;
        width: 112%;
    }

        .res-admin-leave-balance #leaveBalanceTable thead {
            background-color: transparent;
        }

            .res-admin-leave-balance #leaveBalanceTable thead th {
                color: #fff;
                border-top: 0px;
                text-align: center;
            }

                .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(1),
                .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(2) {
                    /*visibility: hidden;*/
                }

        .res-admin-leave-balance #leaveBalanceTable tbody td {
            text-align: center;
        }

            .res-admin-leave-balance #leaveBalanceTable tbody td:nth-child(1),
            .res-admin-leave-balance #leaveBalanceTable tbody td:nth-child(2) {
                text-align: left;
            }

        .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(3) {
            width: 95px;
        }

        .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(5) {
            width: 90px;
        }

        .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(7) {
            width: 140px;
        }

        .res-admin-leave-balance #leaveBalanceTable thead th:nth-child(11) {
            width: 60px;
        }

#exportLeaveButton i {
    color: #212529;
}

.res-admin-leave-balance-update h1 {
    font-size: 20px;
}

.table.leaveblanceupdate-table {
    width: 80%;
}

    .table.leaveblanceupdate-table thead th {
        border-bottom: 0px solid #dee2e6;
        width: 20%;
        font-weight: normal;
    }

        .table.leaveblanceupdate-table thead th:nth-child(1) {
            visibility: hidden;
        }

.res-admin-leave-balance-update .res-adminleaveapply-btn {
    width: 70%;
    display: inline-block;
    text-align: right;
    padding-right: 27px;
}

.res-admin-leave-balance .res-admin-leave-balance-header-right {
    justify-content: end;
    display: inline-flex;
}

.admin-leave-container #updateleavebalanceButton {
    margin-bottom: 20px;
}

.res-admin-leave-balance-dropdown {
    margin-top: 16px;
}

.employeeinfo-balance .fontSmall a {
    color: #3E78CF;
    text-decoration: none !important;
}

.admin-leaveimport-view {
    margin-left: 10px !important;
}

.res-admin-leave-balance .res-admin-leave-balance-title h4 {
    margin-top: 10px;
}

#leaveBalanceTable tbody tr td:nth-child(1) {
    display: block;
    margin-top: 10px;
}

.res-adminleavebalance-update-block {
    margin-bottom: 30px;
    margin-left: 15px;
    display: inline-block;
}

.res-admin-leave-balance-main-header {
    justify-content: space-between;
}

.res-admin-leavebalance-select select {
    width: 30% !important;
}

    .res-admin-leavebalance-select select option {
    }

#updateleavebalanceButton {
    float: right;
    margin-right: 32.5%;
}

#leaveBalanceTable_wrapper {
    padding: 0px 20px 20px 20px;
}

/* admin leave balance end*/

/* admin leave history start */

.res-admin-leave .res-admin-filter-inside {
    margin-right: 0px !important;
}

.res-admin-leave.res-admin-filter {
    margin-right: 0px !important;
}

.res-admin-leave .res-admin-filter-inside .dropdown {
    display: inline-block;
    width: 21%;
}

.res-admin-leave-balance-export .form-group select, .res-admin-leave-balance-export .multiselect-container {
    border: none;
}

.res-admin-leave-balance-export .form-control:focus {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25);
}

.res-admin-leave-history .res-admin-leavehistory-block-header {
    display: inline-block;
    justify-content: end;
}

.res-admin-leave-history .res-admin-leavehistory-filter {
    width: 20%;
}

    .res-admin-leave-history .res-admin-leavehistory-filter .advanced-leavehistory-filtertab {
        margin-top: 6px;
        justify-content: center;
    }

.res-admin-leave-history .res-admin-leave-balance-export {
    width: 12%;
    /*margin-top: -5px;*/
}

.res-admin-leave-history .res-admin-leave-balance-calender {
    width: 2%;
    margin-left: -4%;
    display: inline-flex;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

#adminleavehistoryfilter .res-adminadvfilter-leavehistory {
    display: inline-block !important;
}

    #adminleavehistoryfilter .res-adminadvfilter-leavehistory label,
    #adminleavehistoryfilter .res-adminadvfilter-leavehistory input {
        display: inline-flex;
        font-size: 12px;
    }

    #adminleavehistoryfilter .res-adminadvfilter-leavehistory select {
        font-size: 12px;
        height: 30px !important;
    }

.res-admin-leavehistory-block-header.leavehistory-exportdropdown {
    margin-bottom: 0 !important;
}

#adminleaveHistoryTable .mutedText {
    color: #6c757d;
}

.res-admin-leave-history .adminleavehistory-dropdown-toggle {
    border: 1px solid #ced4da;
    border-radius: 5px;
    color: #212529;
    width: 85%;
}

    .res-admin-leave-history .adminleavehistory-dropdown-toggle i {
        font-size: 12px;
    }

    .res-admin-leave-history .adminleavehistory-dropdown-toggle:hover, .res-admin-leave-history .adminleavehistory-dropdown-toggle:focus {
        background-color: transparent;
        color: #212529;
        border: 1px solid #ccc;
    }

    .res-admin-leave-history .adminleavehistory-dropdown-toggle:active {
        background-color: transparent !important;
        color: #212529 !important;
        border: 1px solid #ccc;
    }

.res-admin-leave-history .adminleavehistory-dropdown-menu #employeeSearchinput {
    border-radius: 5px;
    border: 1px solid #80ccff;
}

.res-admin-leave-history .adminleavehistory-dropdown-menu {
    width: 79%;
    box-shadow: 0 0 3px 2px #ccc;
    height: 266px;
    overflow: scroll;
}

    .res-admin-leave-history .adminleavehistory-dropdown-menu #employeeList {
        height: 180px;
        overflow: scroll;
    }

/*.res-admin-leave-history .res-admin-total-leaves-import {
    display: none;
}*/

.res-admin-leave-history .res-admin-total-leaves-import button {
    background: #2693F8;
}

.res-admin-leave-history .res-admin-leave-balance-export button {
    background: #2693F8;
}

.res-admin-leave-history .advanceleave-history-button {
    margin-left: 16px !important;
}

#empleave-calendarBody .empleave-leave-request {
    position: relative;
    /*float: initial !important;*/
    top: 18px;
    left: 0px;
    height: auto !important;
}

    #empleave-calendarBody .empleave-leave-request > div {
        padding: 2px 0px;
    }

.LeaveEmpHistory-calender .res-leavehistpry-calender-search #employeeDropdown {
    border: 1px solid #ced4da;
    border-radius: 5px;
    color: #212529;
    width: 85%;
}

.LeaveEmpHistory-calender .res-leavehistpry-calender-search .LeaveEmp-dropdown {
    width: 85%;
}

.LeaveEmpHistory-calender .leave-history-calender {
    justify-content: right;
    display: flex;
    cursor: pointer;
}

.dropdowns-leave-container .res-adminleave-drop {
    margin-right: 0px;
    display: inline-flex;
    justify-content: right;
}

.highlight-festival-leave i {
    margin-right: 2px;
}

.res-leavehistpry-calender-search #employeeDropdown {
    background-color: initial;
}

.res-leavehistpry-calender-search .dropdown-menu.LeaveEmp-dropdown {
    box-shadow: 0 0 3px 2px #ccc;
}

.res-admin-leave-history .res-admin-total-leaves-import {
    margin-right: 20px;
}

.admin-empadd-view .download-btn {
    color: #fff;
}

#leaveistory-file-upload-input {
    display: none;
}

#leave-file-upload-label {
    cursor: pointer;
}

.admin-leave-container .res-adminleave-header-left {
    margin-top: 17px;
}

#adminleaveHistoryTable .admin-leavehistory-reasons span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.res-admin-leave .admin-leave-container .container-fluid {
    margin-top: 10px;
}

.adminsideapplypage .employeeleaveapply-view {
    margin-left: -18px;
    margin-top: 10px;
}

.adminsideapplypage .emp-apply-leave-reason-right {
    /*margin-left: 260px;*/
}

#empApplyLeaveFields .emp-apply-leave-reason label {
    display: flex;
    justify-content: space-between;
}

#empApplyLeaveFields .emp-apply-leave-reason-right {
    margin-left: 0;
}

#adminleaveHistoryTable tbody tr td:nth-child(1) {
    vertical-align: middle;
}

#adminleaveHistoryTable tbody tr td:nth-child(2) {
    display: block;
    margin-top: 10px;
}

#adminleaveHistoryTable .odd {
    /*background-color: #f9f9f9 !important;*/
}

#adminleaveHistoryTable .even {
    background-color: #EBFAFF !important;
}

.AdminIndiEmpLeave-History {
    color: #272727;
}

.res-admin-leave-history-reason-head {
    border-top-right-radius: 10px !important;
}

#adminleaveHistoryTable_wrapper {
    padding: 0px 20px 20px 20px;
}

#adminleaveHistoryTable img.leavehistory_status {
    width: 22px !important;
    height: 22px !important;
}

.admin-leaveHistory-view #adminleaveHistoryTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .admin-leaveHistory-view #adminleaveHistoryTable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* admin leave history end*/

/* admin leave import start*/

.admin-leaveimport-view {
}

    .admin-leaveimport-view .download-leave-btn {
        border: 2px solid #007bff;
        background-color: #fff;
        color: #fff;
    }

    .admin-leaveimport-view .leave-file-upload {
        border: 2px dashed #007bff;
        padding: 32px;
        text-align: center;
        border-radius: 10px;
        cursor: pointer;
        width: 100%;
    }

    .admin-leaveimport-view #leave-file-upload-input {
        display: none;
    }

    .admin-leaveimport-view .submit-button {
        margin-top: 20px;
        text-align: left;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .admin-leaveimport-view .download-leave-btn:hover {
        color: #fff;
        background-color: #007bff;
    }

.admin-leave-container #leavehistory-file-upload-label {
    cursor: pointer;
}

/* admin leave import end*/

/* admin leave compoff start*/

.res-admin-leavecompoff-view .dropdowns-leave-compoff-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.res-admin-leavecompoff-view .adminleave-compoff-dropdown select, .res-admin-leavecompoff-view .adminleave-compoff-dropdown .multiselect-container {
    border: 0px solid #ced4da;
}

.res-admin-leavecompoff-view #LeavecompoffDateDropdown {
    margin-left: 56%;
    margin-top: 10px;
}

.res-admin-leavecompoff-view #adminleavecompoffTable_filter,
.res-admin-leavecompoff-view #adminleavecompoffTable_length {
    display: none;
}

.res-admin-leavecompoff-view #adminleavecompoffTable .mutedText {
    color: #6c757d;
}

.res-admin-leavecompoff-view #adminleavecompoffTable .chatIcon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.res-admin-leavecompoff-view #adminleavecompoffTable .statusBtnFlex .acceptLeavecompoffBtn {
    border: 1px solid #3E78CF;
    color: #3E78CF;
    margin-right: 10px;
    border-radius: 30px;
    padding: 5px 17px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 500;
}

    .res-admin-leavecompoff-view #adminleavecompoffTable .statusBtnFlex .acceptLeavecompoffBtn:hover {
        border: 1px solid #3E78CF;
        color: #fff;
        background: #3E78CF;
    }

.res-admin-leavecompoff-view #adminleavecompoffTable .statusBtnFlex .rejectLeavecompoffBtn {
    border: 1px solid #ff4d4d;
    color: #ff4d4d;
    border-radius: 30px;
    padding: 5px 17px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 500;
}

    .res-admin-leavecompoff-view #adminleavecompoffTable .statusBtnFlex .rejectLeavecompoffBtn:hover {
        border: 1px solid #ff4d4d;
        color: #fff;
        background: #ff4d4d;
    }

.res-admin-leavecompoff-view .statusBtnFlex {
    display: flex;
    justify-content: flex-end;
}

.res-admin-leavecompoff-view .res-adminleave-compoff-header-right {
    margin-top: -10px;
}

.res-admin-leavecompoff-view #adminleavecompoffTable {
    margin-top: 15px;
}

    .res-admin-leavecompoff-view #adminleavecompoffTable tbody tr {
        border-bottom: 1px solid #ccc;
    }

    .res-admin-leavecompoff-view #adminleavecompoffTable tbody .even {
        background-color: #EBFAFF !important;
    }

.res-admin-leavecompoff-view .res-adminleave-drop {
    margin-right: 0px;
}

.res-admin-leavecompoff-view .res-adminleave-compoff-header-right .adminleave-compoff-dropdown {
    margin-right: 35px;
}

.res-admin-leavecompoff-view .export-compoff-label {
    margin-right: 20px !important;
}

.res-admin-leavecompoff-view .res-admincompoff-header {
    justify-content: space-around;
}

.res-admin-leavecompoff-view #adminleavecompoffTable .commentSec p {
    display: inline-block;
    width: 280px;
}

#adminleavecompoffTable .adminleave-edit-history {
    margin-top: 7px;
    color: #aaa;
    margin-left: 10px;
    cursor: pointer;
}

.res-admin-leavecompoff-view #adminleavecompoffTable .admin-leavehistoryoptions {
    position: absolute;
    background: #f5f5f0;
    border: 0px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    right: 50px;
}

    .res-admin-leavecompoff-view #adminleavecompoffTable .admin-leavehistoryoptions .rejectLeavecompoffBtn {
        padding: 4px 5px;
        background: #f5f5f0;
        color: #000;
        border: 0px solid #f5f5f0;
        font-size: 10px;
        box-shadow: 1px 4px 5px 1px #f5f5f0;
    }

        .res-admin-leavecompoff-view #adminleavecompoffTable .admin-leavehistoryoptions .rejectLeavecompoffBtn:hover {
            padding: 4px 5px;
            background: #f5f5f0;
            color: #000;
            border: 0px solid #f5f5f0;
            font-size: 10px;
            box-shadow: 1px 4px 5px 1px #f5f5f0;
        }

    .res-admin-leavecompoff-view #adminleavecompoffTable .admin-leavehistoryoptions .acceptLeavecompoffBtn {
        padding: 4px 5px;
        background: #f5f5f0;
        color: #000;
        border: 0px solid #f5f5f0;
        font-size: 10px;
        box-shadow: 1px 4px 5px 1px #f5f5f0;
    }

        .res-admin-leavecompoff-view #adminleavecompoffTable .admin-leavehistoryoptions .acceptLeavecompoffBtn:hover {
            padding: 4px 5px;
            background: #f5f5f0;
            color: #000;
            border: 0px solid #f5f5f0;
            font-size: 10px;
            box-shadow: 1px 4px 5px 1px #f5f5f0;
        }

#adminleavecompoffTable .admin-leavecompoff-reasons p {
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.res-admin-leavecompoff-view .res-adminleave-compoff-header-left h4 {
    margin-top: 3px;
}

.res-adminleave-compoff-from-to label {
    padding-top: 3px;
}

#adminleavecompoffTable tbody tr td:nth-child(1) {
    display: block;
    margin-top: 12px;
}

#adminleavecompoffTable_wrapper {
    padding: 0px 20px 20px 20px;
}

.admin-leaveBalance-view #leaveBalanceTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .admin-leaveBalance-view #leaveBalanceTable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* admin leave compoff end*/

/* admin it ticket start */

.res-admin-it-ticket-listing .adminitticketlisting-dropdown-toggle {
    border: 1px solid #ced4da;
    border-radius: 0;
    color: #212529;
    width: 75%;
    padding: 0.375rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}

.res-admin-it-ticketlisting-searchbar .adminitticketlisting-dropdown-menu {
    width: 71%;
    box-shadow: 0 0 3px 2px #ccc;
}

.res-admin-it-ticket-listing .admin-it-ticket-title-header h4 {
    margin-top: 7px;
}

.res-admin-it-ticket-listing .res-admin-it-ticketlisting-header-right .res-admin-it-ticketlisting-block-header {
    display: inline-flex;
    padding-top: 0px;
    justify-content: right;
    margin-right: 40px;
}

.res-admin-it-ticket-listing .res-admin-it-ticketlisting-header-right {
    display: inline-flex;
    justify-content: right;
}

.res-admin-it-ticket-listing #adminitticketlistingTable .userIcon {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

#adminitticketlistingTable .res-admin-it-ticketlisting-user-details .admin-it-ticketing-listing-details {
    margin: 5px 0;
}

#adminitticketlistingTable .admin-it-ticketing-listing-details .id-name {
    color: #2693F8;
}

#adminitticketlistingTable .it-ticket-info {
    width: 130px;
    display: inline-block;
    text-align: center;
}

#adminitticketlistingTable .admin-it-ticketing-listing-closedby {
    display: inline-block;
    background: #b3ffff;
    padding: 3px 10px;
    font-size: 12px;
    color: gray;
}

    #adminitticketlistingTable .admin-it-ticketing-listing-closedby span {
        color: #2693F8;
    }

#adminitticketlistingTable .res-it-ticketlisting-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px;
}

#adminitticketlistingTable .res-it-ticketlisting-color-red {
    background: red;
}

#adminitticketlistingTable .res-it-ticketlisting-color-orange {
    background: orange;
}

#adminitticketlistingTable .res-admin-it-ticketlisting-date .res-itticketlisting-priority-status {
    margin-left: 2px;
}

#adminitticketlistingTable .fa-solid.fa-clock {
    color: #ccc;
}

#adminitticketlistingTable .it-ticketing-response-time {
    display: inline-block;
    /*background: #ffe6e6;*/
    color: #ff9999;
    /*padding: 0 10px;*/
    margin-bottom: 5px;
}

#adminitticketlistingTable .it-ticket-prioritylevel {
    display: inline-block;
    width: 160px;
}

#adminitticketlistingTable .it-ticketing-empty-block {
    display: inline-block;
    visibility: hidden;
}

#adminitticketlistingTable .res-itticketlisting-status-level {
    width: 80px;
    text-align: center;
    padding: 5px 0px;
    font-size: 13px;
    border-radius: 3px;
}

#adminitticketlistingTable .ticket-status-closed {
    background: #b3ffec;
    color: #00b386;
    border: 1px solid #00b386;
}

#adminitticketlistingTable .ticket-status-open {
    background: #e6f2ff;
    color: #3399ff;
    border: 1px solid #3399ff;
}

#adminitticketlistingTable .it-ticket-info i {
    margin-right: 5px;
    color: #ccc;
}

#adminitticketlistingTable .res-itticketlisting-location {
    margin-top: 5px;
}

#adminitticketlistingTable.admin-it-ticketlisting-button .collapsedropdown {
    border: 0px;
}

#adminticketlistingTable, #adminticketlistingTable th, #adminticketlistingTable td {
    border: none;
}

#adminitticketlistingTable, #adminitticketlistingTable th, #adminitticketlistingTable td {
    border: none;
}

#adminticketlistingTable tbody tr {
    border-bottom: 1px solid #ccc;
}

#adminitticketlistingTable tbody tr {
    border-bottom: 1px solid #ccc;
}

#adminticketlistingTable tbody .even {
    background-color: #EBFAFF !important;
}

#adminitticketlistingTable tbody .even {
    background-color: #EBFAFF !important;
}

.res-admin-it-ticketlisting-user-details .it-ticket-msg-icon {
    display: inline-block;
    padding: 15px;
    border-radius: 25px;
    margin-right: 10px;
    color: #fff;
    height: 44px;
}

.admin-it-ticketlisting-button .collapsedropdown {
    border: 0px solid black;
}

#adminitticketlistingfilter .res-adminadvfilter-itticketlisting {
    display: inline-block !important;
}

    #adminitticketlistingfilter .res-adminadvfilter-itticketlisting label,
    #adminitticketlistingfilter .res-adminadvfilter-itticketlisting input {
        display: inline-flex;
        font-size: 12px;
        margin-top: 15px;
    }

    #adminitticketlistingfilter .res-adminadvfilter-itticketlisting button {
        margin-top: 15px;
    }

#adminitticketlistingTable .odd .it-ticket-msg-icon {
    background: #ffb3b3;
}

#adminitticketlistingTable .even .it-ticket-msg-icon {
    background: #99ccff;
}

#adminitticketlistingTable .admin-it-ticketing-listing-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
    text-decoration: underline;
    color: blue;
}

#adminitticketlistingTable_wrapper {
    padding: 0px 5px 20px 5px;
}

#adminitticketlistingTable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminitticketlistingTable td:nth-child(1) {
    vertical-align: middle;
}

#adminitticketlisttable_length {
    display: none;
}

.admin-it-ticket-title-header {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}


.res-admin-it-ticket-listing .res-admin-it-ticket-header-blocks {
    margin-bottom: 15px;
}

.res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info {
    display: inline-flex;
    width: 100%;
}

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info {
        box-shadow: 0 0px 3px 1px #ccc;
        padding: 15px 15px;
        margin-right: 44px;
    }

        .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:last-child {
            margin-right: 0px;
        }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info-img img {
        width: 45px;
        padding: 10px 10px;
        border-radius: 3px;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:nth-child(1) .res-admin-it-ticket-header-info-img img {
        background: #EFF6FF;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:nth-child(2) .res-admin-it-ticket-header-info-img img {
        background: #F0FDF4;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:nth-child(3) .res-admin-it-ticket-header-info-img img {
        background: #FAF5FF;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:nth-child(4) .res-admin-it-ticket-header-info-img img {
        background: #FFF7ED;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info:nth-child(5) .res-admin-it-ticket-header-info-img img {
        background: #F9FAFB;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info-title {
        margin: 10px 0 0px 0px;
        font-weight: bold;
        font-size: 14px;
    }

    .res-admin-it-ticket-header-blocks .res-admin-it-ticket-header-block-info .res-admin-it-ticket-header-info-subtitle {
        color: #8B8B8B;
        font-size: 13px;
    }

#adminitticketlisttable_filter {
    display: none;
}

#adminitticketlisttable .res-itticketlisting-status-level {
    width: 80px;
    text-align: center;
    padding: 5px 0px;
    font-size: 13px;
    border-radius: 1px;
}

#adminitticketlisttable .itticketlisting-list-edit i.itticketlisting-edit-dropdown {
    padding: 3px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

#adminitticketlisttable .itticketlisting-list-edit .itticketlisting-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

.res-admin-itticketlisting-color-high {
    color: red;
}

.res-admin-itticketlisting-color-medium {
    color: orange;
}

.res-admin-itticketlisting-color-low {
    color: #50BEEA;
}

#adminitticketcategorylisttable .res-itticketlisting-status-level {
    text-align: center;
}

#adminitticketlisttable {
    table-layout: fixed;
}

    #adminitticketlisttable thead th:nth-child(1) {
        width: 10px !important;
    }

    #adminitticketlisttable thead th:nth-child(2) {
        width: 60px !important;
    }

    #adminitticketlisttable thead th:nth-child(3) {
        width: 130px !important;
    }

    #adminitticketlisttable thead th:nth-child(4) {
        width: 100px !important;
    }

    #adminitticketlisttable thead th:nth-child(5) {
        width: 50px !important;
    }

    #adminitticketlisttable thead th:nth-child(6) {
        width: 70px !important;
    }

    #adminitticketlisttable thead th:nth-child(7) {
        width: 100px !important;
    }

    #adminitticketlisttable thead th:nth-child(8) {
        width: 90px !important;
    }

    #adminitticketlisttable thead th:nth-child(9) {
        width: 100px !important;
    }

    #adminitticketlisttable thead th:nth-child(10) {
        width: 80px !important;
    }

    #adminitticketlisttable thead th:nth-child(11) {
        width: 50px !important;
    }


#adminitticketcategorylisttable {
    table-layout: fixed;
}

    #adminitticketcategorylisttable thead th:nth-child(1) {
        width: 60px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(2) {
        width: 130px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(3) {
        width: 100px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(4) {
        width: 100px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(5) {
        width: 50px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(6) {
        width: 85px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(7) {
        width: 100px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(8) {
        width: 90px !important;
    }

    #adminitticketcategorylisttable thead th:nth-child(9) {
        width: 50px !important;
    }

/* admin it ticket end */

/* admin it ticket form start */

.admin-ticket-it-popup-form {
    margin-top: 10px;
}

.admin-itticketing-block .form-control {
    display: inline-block;
}

.admin-itticketing-block .div-admin-itticket-status {
    display: inline-block;
    padding-left: 0;
    max-width: 46%;
    margin-right: 15px;
}

.admin-itticketing-block .div-admin-itticket-closeddate {
    display: inline-block;
    padding-right: 0;
    max-width: 49%;
}

.admin-itticketing-block #admin-itticketing-closeddate {
    padding: 19px 10px;
    font-size: 1rem;
}

.admin-ticket-it-popup-form #admin-ticket-it-Form .admin-itticket-submit {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.admin-ticket-it-popup-form .div-admin-itticketing-subject {
    width: 110%;
}

    .admin-ticket-it-popup-form .div-admin-itticketing-subject input {
        width: 90%;
        display: inline-block;
    }

    .admin-ticket-it-popup-form .div-admin-itticketing-subject a {
        position: relative;
        background: #d9d9d9;
        padding: 5px 6px;
        color: #000;
        border-radius: 2px;
    }

.admin-ticket-it-popup-form .div-admin-itticket-raisedon {
    width: 46%;
    display: inline-block;
    margin-right: 20px;
}

.admin-ticket-it-popup-form .div-admin-itticket-priority {
    display: inline-block;
    width: 48%;
}

#admin-ticket-it-Form textarea {
    scrollbar-width: none;
}

#admin-ticket-it-Form .admin-raiseticketing-upload-field {
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

#admin-ticket-it-Form .admin-it-upload-left {
    float: left;
    border: 1px solid #ced4da;
    padding: 10px 10px;
    border-radius: 3px;
    max-width: 74%;
}

#admin-ticket-it-Form .admin-it-upload-icon {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}

    #admin-ticket-it-Form .admin-it-upload-icon img {
        width: 55px;
    }

#admin-ticket-it-Form .admin-it-upload-btn {
    display: inline-block;
    width: 80%;
    vertical-align: text-top;
    margin-left: 10px;
}

#admin-ticket-it-Form .admin-it-attach-upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

#admin-ticket-it-Form .admin-it-attach-label {
    border: 0px solid #b3b3b3;
    color: #0066B1;
    background-color: transparent;
    font-size: 12px;
    padding: 0;
    text-decoration: underline;
    border-radius: 2px;
    cursor: pointer;
}

#admin-ticket-it-Form .admin-it-attach-upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 31%;
    height: 30px;
    cursor: pointer;
}

#admin-ticket-it-Form .admin-it-file-name {
    margin-left: 10px;
    font-size: 12px;
}

#admin-ticket-it-Form .admin-it-attach-file-upload-size {
    font-size: 12px;
    margin-top: -6px;
    color: #6B6B6B;
}

#admin-ticket-it-Form .admin-it-upload-right {
    display: inline-block;
    position: absolute;
}

#admin-ticket-it-Form .admin-it-upload-right img {
    height: 50px;
    width: auto;
}

#admin-ticket-it-Form .admin-it-upload-right .admin-it-uploaded-image-close {
    font-size: 10px;
    cursor: pointer;
    /*position: absolute;*/
    color: #F8284A;
    margin-left: -5px;
    margin-top: -5px;
    top: 0;
}

#admin-ticket-it-Form .admin-it-upload-right .admin-it-upload-preview {
    display: inline-flex;
    margin-right: 15px;
}




#admin-ticket-it-Form {
    font-size: 14px;
}

#admin-ticket-it-Form .admin-it-ticketing-title {
    padding: 0;
}

#admin-ticket-it-Form .admin-it-ticketing-title .admin-emponboardview-leftarrow {
    margin-right: 10px;
    margin-top: 3px;
    cursor: pointer;
}

#admin-ticket-it-Form .admin-ticket-it-view-block {
    display: inline-flex;
    width: 100%;
}

    #admin-ticket-it-Form .admin-ticket-it-view-block .admin-ticket-it-view-block-left {
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 20px 25px;
    }

    #admin-ticket-it-Form .admin-ticket-it-view-block .admin-ticket-it-view-block-right {
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 20px 25px;
        margin-left: 25px;
    }

#admin-ticket-it-Form .form-group label {
    color: #8B8B8B;
    font-weight: bold;
}

#admin-ticket-it-Form .div-admin-itticket-status {
    padding: 0;
}

#admin-ticket-it-Form .admin-itticket-info {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
}

#admin-ticket-it-Form .admin-itticket-info-img {
    margin-right: 10px;
}

#admin-ticket-it-Form .admin-itticket-info-img i {
    background: #ccc;
    padding: 10px 10px;
    border-radius: 25px;
}

#admin-ticket-it-Form .admin-itticket-info .admin-itticket-info-title {
    color: #8B8B8B;
    font-weight: bold;
}

    #admin-ticket-it-Form .admin-ticket-it-view-block-2,
    #admin-ticket-it-Form .admin-ticket-it-view-block-3 {
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-top: 20px;
        padding: 15px 30px;
        width: 102%;
    }

#admin-ticket-it-Form .admin-ticket-it-view-block-2 .admin-itticket-info {
    margin-bottom: 0;
}

#admin-ticket-it-Form .admin-ticket-it-view-block-2 .vertical-line {
    margin-left: 15px;
    border-left: 1px solid #8B8B8B;
}

#admin-ticket-it-Form .admin-ticket-it-view-block-title {
    font-size: 20px;
    margin-bottom: 15px;
}

#admin-ticket-it-Form .admin-ticket-it-view-block-3 .admin-ticket-it-view-block-desc {
    display: inline-flex;
    width: 100%;
}

#admin-ticket-it-Form .admin-ticket-it-view-block-3 .admin-itticket-info-title {
    color: #212529;
}

#admin-ticket-it-Form .admin-ticket-it-view-block-3 .admin-itticket-info-desc {
    color: #8B8B8B;
}

    #admin-ticket-it-Form .admin-ticket-it-view-block-3 .admin-itticket-info-download i {
        cursor: pointer;
    }


#adminItTicketUploadedImgModal {
    padding-right: 2px;
}

#adminItTicketUploadedImgModal .modal-content {
    background: none;
    text-align: center;
    border: none;
}

#adminItTicketUploadedImgModal .modal-content .modal-header {
    border-bottom: none;
}

#adminItTicketUploadedImgModal .modal-content .modal-title {
    visibility: hidden;
}


/* admin it ticket form end */

/* admin it ticket comment popup start */

#adminItTicketCommentsModal .modal-header {
    border-bottom: 0px;
    padding: 0 5px;
}

.admin-it-ticketing-commentbox-popup-list {
    height: 250px;
    overflow-y: scroll;
    margin: 15px 10px;
}

.admin-it-ticketing-commentbox-list {
    display: flex;
    font-size: 14px;
}

    .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-left {
        padding: 0;
        margin-right: 20px;
    }

        .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-left img {
            width: 45px;
            height: 45px;
            object-fit: cover;
            border-radius: 50%;
            margin-right: 10px;
        }

        .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-left .vl {
            border-left: 2px solid #ccc;
            height: 60px;
            margin-left: 20px;
        }

    .admin-it-ticketing-commentbox-list:last-child .admin-it-ticketing-commentbox-left .vl {
        display: none;
    }

    .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-mid {
        padding: 0;
        margin-right: 25px;
    }

        .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-mid .admin-it-ticketing-commentbox-status {
            color: #2693F8;
            margin-bottom: 10px;
        }

        .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-mid .admin-it-ticketing-commentbox-desc {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-right {
        padding: 0;
    }

    .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-mid .admin-it-ticketing-commentbox-status .emp-it-ticketing-commentbox-image {
        margin-left: 10px;
        cursor: pointer;
    }

        .admin-it-ticketing-commentbox-list .admin-it-ticketing-commentbox-mid .admin-it-ticketing-commentbox-status .emp-it-ticketing-commentbox-image .emp-it-ticketing-commentbox-image-count {
            margin-left: 5px;
            text-decoration: underline;
        }

/* admin it ticket comment popup end */

/* admin hr ticket start */

.res-admin-hr-ticket-listing .adminhrticketlisting-dropdown-toggle {
    border: 1px solid #ced4da;
    border-radius: 0;
    color: #212529;
    width: 75%;
    padding: 0.375rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}

.res-admin-hr-ticketlisting-searchbar .adminhrticketlisting-dropdown-menu {
    width: 71%;
    box-shadow: 0 0 3px 2px #ccc;
}

.res-admin-hr-ticket-listing .admin-hr-ticket-title-header h4 {
    margin-top: 7px;
}

.res-admin-hr-ticket-listing .res-admin-hr-ticketlisting-header-right .res-admin-hr-ticketlisting-block-header {
    display: inline-flex;
    padding-top: 0px;
    justify-content: right;
}

.res-admin-hr-ticket-listing #adminhrticketlistingTable .userIcon {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

#adminhrticketlistingTable .res-admin-hr-ticketlisting-user-details .admin-hr-ticketing-listing-details {
    margin: 5px 0;
}

#adminhrticketlistingTable .admin-hr-ticketing-listing-details .id-name {
    color: #2693F8;
}

#adminhrticketlistingTable .hr-ticket-info {
    width: 130px;
    display: inline-block;
    text-align: center;
}

#adminhrticketlistingTable .admin-hr-ticketing-listing-closedby {
    display: inline-block;
    background: #b3ffff;
    padding: 3px 10px;
    font-size: 12px;
    color: gray;
}

    #adminhrticketlistingTable .admin-hr-ticketing-listing-closedby span {
        color: #2693F8;
    }

#adminhrticketlistingTable .res-hr-ticketlisting-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px;
}

#adminhrticketlistingTable .res-hr-ticketlisting-color-red {
    background: red;
}

#adminhrticketlistingTable .res-hr-ticketlisting-color-orange {
    background: orange;
}

#adminhrticketlistingTable .res-admin-hr-ticketlisting-date .res-ticketlisting-priority-status {
    margin-left: 2px;
}

#adminhrticketlistingTable .fa-solid.fa-clock {
    color: #ccc;
}

#adminhrticketlistingTable .hr-ticketing-response-time {
    display: inline-block;
    /*background: #ffe6e6;*/
    color: #ff9999;
    /*padding: 0 10px;*/
    margin-bottom: 5px;
}

#adminhrticketlistingTable .hr-ticket-prioritylevel {
    display: inline-block;
    width: 160px;
}

#adminhrticketlistingTable .hr-ticketing-empty-block {
    display: inline-block;
    visibility: hidden;
}

#adminhrticketlistingTable .res-ticketlisting-status-level {
    width: 80px;
    text-align: center;
    padding: 5px 0px;
    font-size: 13px;
    border-radius: 3px;
}

#adminhrticketlistingTable .ticket-status-closed {
    background: #b3ffec;
    color: #00b386;
    border: 1px solid #00b386;
}

#adminhrticketlistingTable .ticket-status-open {
    background: #e6f2ff;
    color: #3399ff;
    border: 1px solid #3399ff;
}

#adminhrticketlistingTable .hr-ticket-info i {
    margin-right: 5px;
    color: #ccc;
}

#adminhrticketlistingTable .res-ticketlisting-location {
    margin-top: 5px;
}

#adminhrticketlistingTable.admin-hr-ticketlisting-button .collapsedropdown {
    border: 0px;
}

#adminticketlistingTable, #adminticketlistingTable th, #adminticketlistingTable td {
    border: none;
}

#adminhrticketlistingTable, #adminhrticketlistingTable th, #adminhrticketlistingTable td {
    border: none;
}

#adminticketlistingTable tbody tr {
    border-bottom: 1px solid #ccc;
}

#adminhrticketlistingTable tbody tr {
    border-bottom: 1px solid #ccc;
}

#adminticketlistingTable tbody .even {
    background-color: #EBFAFF !important;
}

#adminhrticketlistingTable tbody .even {
    background-color: #EBFAFF !important;
}

.res-admin-hr-ticketlisting-user-details .hr-ticket-msg-icon {
    display: inline-block;
    padding: 15px;
    border-radius: 25px;
    margin-right: 10px;
    color: #fff;
    height: 44px;
}

.admin-hr-ticketlisting-button .collapsedropdown {
    border: 0px solid black;
}

#adminhrticketlistingfilter .res-adminadvfilter-hrticketlisting {
    display: inline-block !important;
}

    #adminhrticketlistingfilter .res-adminadvfilter-hrticketlisting label,
    #adminhrticketlistingfilter .res-adminadvfilter-hrticketlisting input {
        display: inline-flex;
        font-size: 12px;
        margin-top: 15px;
    }

    #adminhrticketlistingfilter .res-adminadvfilter-hrticketlisting button {
        margin-top: 15px;
    }

#adminhrticketlistingTable .odd .hr-ticket-msg-icon {
    background: #ffb3b3;
}

#adminhrticketlistingTable .even .hr-ticket-msg-icon {
    background: #99ccff;
}

#adminhrticketlistingTable .admin-hr-ticketing-listing-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 310px;
}

#adminhrticketlistingTable_wrapper {
    padding: 0px 5px 20px 5px;
}

/* admin hr ticket end */

/* admin hr ticket form start */

.admin-ticket-hr-popup-form {
    margin-top: 10px;
}

.admin-hrticketing-block .form-control {
    display: inline-block;
}

.admin-hrticketing-block .div-admin-hrticketing-status {
    display: inline-block;
    padding-left: 0;
    max-width: 46%;
    margin-right: 15px;
}

.admin-hrticketing-block .div-admin-hrticketing-closeddate {
    display: inline-block;
    padding-right: 0;
    max-width: 49%;
}

.admin-hrticketing-block #hrticketing-closeddate {
    padding: 19px 10px;
    font-size: 1rem;
}

.admin-ticket-hr-popup-form #admin-ticket-hr-Form .admin-hrticketing-submit {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.admin-ticket-hr-popup-form .div-hrticketing-subject {
    width: 110%;
}

    .admin-ticket-hr-popup-form .div-hrticketing-subject input {
        width: 90%;
        display: inline-block;
    }

    .admin-ticket-hr-popup-form .div-hrticketing-subject a {
        position: relative;
        background: #d9d9d9;
        padding: 5px 6px;
        color: #000;
        border-radius: 2px;
    }

.admin-ticket-hr-popup-form .div-hrticketing-raisedon {
    width: 46%;
    display: inline-block;
    margin-right: 20px;
}

.admin-ticket-hr-popup-form .div-hrticketing-priority {
    display: inline-block;
    width: 48%;
}

/* admin hr ticket form end */

/* admin it ticket comment popup start */

#adminHrTicketCommentsModal .modal-header {
    border-bottom: 0px;
    padding: 0 5px;
}

.admin-hr-ticketing-commentbox-popup-list {
    height: 250px;
    overflow-y: scroll;
    margin: 15px 10px;
}

.admin-hr-ticketing-commentbox-list {
    display: flex;
    font-size: 13px;
}

    .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-left {
        padding: 0;
        margin-right: 20px;
    }

        .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-left img {
            width: 42px;
            height: 42px;
            object-fit: cover;
            border-radius: 50%;
            margin-right: 10px;
        }

        .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-left .vl {
            border-left: 2px solid #ccc;
            height: 60px;
            margin-left: 20px;
        }

    .admin-hr-ticketing-commentbox-list:last-child .admin-hr-ticketing-commentbox-left .vl {
        display: none;
    }

    .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-mid {
        padding: 0;
        margin-right: 25px;
    }

        .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-mid .admin-hr-ticketing-commentbox-status {
            color: #2693F8;
            margin-bottom: 10px;
        }

        .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-mid .admin-hr-ticketing-commentbox-desc {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .admin-hr-ticketing-commentbox-list .admin-hr-ticketing-commentbox-right {
        padding: 0;
    }

/* admin hr ticket comment popup end */

/* other asset add start */

.res-admin-otherassetadd-tabs li a {
    border: none !important;
}

    .res-admin-otherassetadd-tabs li a.active {
        border-bottom: 2px solid !important;
    }

.admin-otherasset-add .otherassetadd-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.admin-otherasset-add .upload-btn-wrapper {
    /*position: relative;
    overflow: hidden;*/
    /*display: inline-block;*/
    width: 70%;
    top: 13px;
    position: initial;
}

.admin-otherasset-add .otherasset-upload-btn {
    border: 1px solid deepskyblue;
    color: white;
    background-color: deepskyblue;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-otherasset-add .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    /*position: absolute;*/
    left: 0;
    top: 0;
    opacity: 0;
    float: left;
    position: inherit;
    margin-top: -40px;
    height: 40px;
}

.admin-otherasset-add .add-otherasset-block {
    margin-top: 10px;
    font-size: 17px;
}

.admin-otherasset-add .upload-btn-wrapper a {
    float: left;
    position: absolute;
}

.admin-otherasset-add .upload-btn-wrapper img {
    /*position: fixed;*/
    margin-left: 20px;
    height: 37px;
    width: 37px;
    border: 1px solid #ced4da;
    padding: 5px;
    position: absolute;
    left: auto;
}

.admin-otherasset-add #otherassetadd-form .upload-btn-wrapper .uploaded-image-close {
    /*position: fixed;*/
    margin-left: 52px;
    margin-top: -5px;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
}

#otherassetadd-form,
#otherassetadd-purchaseinfo-form,
#otherassetadd-allocateinfo-form {
    margin-top: 10px;
    margin-bottom: 20px;
}

    #otherassetadd-form .otherassetadd-main-left-block {
        padding: 0;
    }

.otherassetadd-left-block {
    display: inline-block;
}

.otherassetadd-right-block {
    display: inline-block;
}

#otherassetadd-form #otherassetadd-file-upload-input-label {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

.otherasset-upload-btn i {
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

.admin-otherasset-add .otherassetadd-purchaseinfo-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.otherassetadd-left-block-main {
    display: inline-block;
    padding: 0;
}

.otherassetadd-purchaseinfo-left-block-main {
    display: inline-block;
    padding: 0;
}

.otherassetadd-allocateinfo-left-block-main {
    display: inline-block;
    padding: 0;
}

.otherassetadd-allocate-left-block {
    padding: 0;
}

.admin-otherasset-add .otherassetadd-allocateinfo-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.otherassetadd-allocate-left-block {
    display: inline-block;
}

.otherassetadd-allocate-right-block {
    display: inline-block;
    font-size: 14px;
}

    .otherassetadd-allocate-right-block input {
        display: inline-block;
        width: 13px;
        vertical-align: middle;
        margin-right: 5px;
        outline: none;
    }

    .otherassetadd-allocate-right-block span.otherAssetAllocate-AcknowledgeEmail {
        display: inline-block;
    }

.otherassetadd-allocate-employee-field .select2.select2-container {
    width: 100% !important;
}

#otherassetadd-form .container {
    margin-bottom: 20px;
    display: inline-block;
}

/* other asset add end */

/* other asset list start*/

.admin-otherassetinfo-container {
    margin-top: 0px;
}

.admin-otherassetinfoview {
    width: 100%;
    height: 65px;
}

.admin-otherassetinfo {
    width: 100%;
    height: 65px;
}

.admin-otherassetinforadd .navbar {
    padding-left: 30px;
}

.admin-otherassetinfoadd {
    padding-left: 0px;
}

.assetinfo-tab {
    padding-left: 5px;
}

.admin-otherassetinfo-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-otherassetinfo-view .res-admin-otherassetinfo-export {
    justify-content: end;
    display: inline-block;
    margin-top: 0px;
}

.admin-otherassetinfo-view .res-admin-otherassetinfo-add {
    display: inline-block;
}

.addingotherassetinfo {
    margin: 0px;
    padding: 0px;
}

#adminotherassetinfotable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminotherassetinfotable_filter {
    display: none;
}

#adminotherassetinfotable thead th {
    font-size: 14px;
    color: white;
    font-weight: 100;
}

.admin-otherassetinfo-view .res-admin-otherassetinfo-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
    padding-top: 20px;
}

.res-otherassetinfo {
    padding: 0 1.5rem;
}

#otherassetinfo-status-dropdown {
    padding-left: 5px;
    border: none;
    padding: 0px;
    font-size: 16px;
    width: 135px;
    padding: 0px;
}

#otherassetinfo-type-dropdown {
    border: 1px solid transparent;
    width: 125px;
    padding: 0px;
    margin-right: 10px;
}

#exportotherAssetinfo img {
    height: 30px;
}

#adminotherassetinfotable tbody tr:nth-child(odd) {
    /*background-color: #f9f9f9 !important;*/
}

.otherasset-list-header .otherassetlist_cardset {
    padding: 10px;
    max-width: 18%;
    flex: 0 0 18%;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 10px;
}

    .otherasset-list-header .otherassetlist_cardset:nth-child(1) {
        margin-left: 0px;
    }

.otherasset-list-header .card {
    border: none;
}

.otherasset-list-header .otherassetlist_cardset .otherasset_totallist {
    font-size: 26px;
    /*margin-top: 5px;*/
    margin-bottom: 8px;
}

.admin-otherassetinfo-container .otherassetinfo-list-edit i.otherasset-edit-dropdown {
    padding: 3px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.admin-otherassetinfo-container .otherassetinfo-list-edit .otherasset-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

    .admin-otherassetinfo-container .otherassetinfo-list-edit .otherasset-options a {
        padding: 3px 10px;
        color: #8693a1;
    }

    .admin-otherassetinfo-container .otherassetinfo-list-edit .otherasset-options i {
        margin-right: 10px;
        font-size: 10px;
    }

.admin-otherassetinfo-container .otherasset_listdetails_card {
    line-height: 1.5rem;
}

.admin-otherassetinfo-container .icon_otherassetlist {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    align-content: center;
    margin: 0px 10px;
}

    .admin-otherassetinfo-container .icon_otherassetlist img {
        width: 50px;
        height: 50px;
    }

#adminotherassetinfotable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminotherassetinfotable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

.admin-otherassetinfo-view .card {
    padding-right: 0px;
    padding-left: 20px;
    margin-top: 40px;
    margin-bottom: 0px;
}

.otherasset_itemslist {
    font-size: 15px;
    margin-bottom: 0px;
}

#otherassettransfer-popup .modal-dialog.modal-lg {
    max-width: 800px !important;
}

#otherassettransfer-popup .otherasset-transfer-popup-details {
    text-align: left;
    font-size: 12px;
}

    #otherassettransfer-popup .otherasset-transfer-popup-details .otherasset-transfer-popup-title {
        font-weight: bold;
        font-size: 14px;
    }

    #otherassettransfer-popup .otherasset-transfer-popup-details .otherasset-transfer-popup-info {
        margin: 10px 0;
    }

#otherassettransfer-popup .otherassetview-assettransfer-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    #otherassettransfer-popup .otherassetview-assettransfer-tabs img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

#otherassettransfer-popup .otherassetview-assettransfer-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    #otherassettransfer-popup .otherassetview-assettransfer-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

#otherassettransfer-popup .otherasset-transfer-popup-details .otherasset-transfer-popup-subtitle {
    font-weight: bold;
    font-size: 14px;
}

#otherassettransfer-popup .otherassettransfer-left-block-main {
    display: inline-block;
    padding: 0;
}

.otherassettransfer-left-block-main .otherassettransfer-field-info {
    padding-left: 0;
}

#otherassettransfer-popup .otherassettransfer-left-block {
    display: inline-block;
    padding: 0;
}

#otherassettransfer-popup .otherassettransfer-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

#otherassettransfer-popup .otherassettransfer-right-block {
    display: inline-block;
    font-size: 14px;
}

    #otherassettransfer-popup .otherassettransfer-right-block input {
        display: inline-block;
        width: 13px;
        vertical-align: middle;
        margin-right: 5px;
        outline: none;
    }

    #otherassettransfer-popup .otherassettransfer-right-block span.otherAssetTransfer-AcknowledgeEmail {
        display: inline-block;
    }

/*  other asset list end */

/* other asset view start */

.res-admin-otherassetview-tabs li a {
    border: none !important;
}

    .res-admin-otherassetview-tabs li a.active {
        border-bottom: 2px solid !important;
    }

.admin-otherasset-view #otherassetview-TabContent {
    margin-top: 20px;
}

.admin-otherasset-view .otherassetview-assetinformation-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-otherasset-view .otherassetview-assetinformation-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

.admin-otherasset-view .otherassetview-assetinformation .row {
    margin-bottom: 10px;
}

.admin-otherasset-view .otherassetview-purchaseinfo-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-otherasset-view .otherassetview-purchaseinfo-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

.admin-otherasset-view .otherassetview-assettransfer-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-otherasset-view .otherassetview-assettransfer-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

    .admin-otherasset-view .otherassetview-assettransfer-tabs img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

.admin-otherasset-view .otherassetview-assettransfer-details .vertical-line {
    margin: 0 22px;
    border-left: 1px solid #ccc;
    height: 45px;
}

.admin-otherasset-view .otherassetview-assettransfer-details .profile-pic {
    max-width: 6%;
    flex: 0 0 6%;
}

.admin-otherasset-view .otherassetview-allocateinfo-details .tree-structure .allocate-details.tree-root img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.admin-otherasset-view .otherassetview-allocateinfo-details .tree-structure .user-info,
.admin-otherasset-view .otherassetview-allocateinfo-details .tree-structure .allocate-info {
    margin-top: 7px;
}

    .admin-otherasset-view .otherassetview-allocateinfo-details .tree-structure .allocate-info span {
        color: gray;
    }

.admin-otherasset-view .otherassetview-allocateinfo-details .tree-structure .allocate-details.tree-child img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.admin-otherasset-view .otherassetview-allocateinfo-details .allocate-info .model-item {
    display: inline;
}

/* other asset view end */

/* other asset bulk upload start */

.res-otherasset-import {
    margin: 0px;
    padding-top: 2%;
}

/* other asset bulk upload end */

/* employee dashboard start*/

.dashcard_style {
    height: 310px;
    width: auto;
}

.dashholiday_body {
    height: 306px;
}

.emp-dashboard .main-content.container-fluid {
    padding: 75px 0px;
}

.Emp-CompOffRequest {
    text-decoration: none;
    color: black;
}

    .Emp-CompOffRequest:hover {
        text-decoration: none;
        color: black;
    }

.dashholiday_body .card-body.scrollbar {
    padding: 10px 10px;
}

.employeedash {
    margin-left: 20px;
    width: 99%;
}

.emp-dashboard #dashcurrentDate {
    margin-top: 10px;
    margin-bottom: 22px;
}

.emp-dashboard #checkInTime,
.emp-dashboard #checkOutTime,
.emp-dashboard #checkinhoursminutes {
    margin-top: 10px;
}

.emp-dashboard #dashcurrentTime {
    margin-top: 10px;
}

/*.emp-dashboard .btn-checkin {
    margin-top: 0px;
    margin-left: -5px;
}*/

.emp-dashboard .res-emp-dash-checkout-time {
    margin-top: 15px !important;
}

.emp-dashboard .res-emp-dash-checkin-checkout {
    margin-top: 10px;
}

.emp-dash-ticket-info {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .emp-dash-ticket-info .emp-dash-ticket-title {
        width: 100%;
        display: inline-block;
    }

    .emp-dash-ticket-info .emp-dash-ticket-desc {
        width: 100%;
        display: inline-block;
        margin-top: 5px;
    }

        .emp-dash-ticket-info .emp-dash-ticket-desc span.dash-ticket-desc-left-block {
            display: inline-block;
            width: 35%;
            font-size: 12px;
        }

            .emp-dash-ticket-info .emp-dash-ticket-desc span.dash-ticket-desc-left-block i {
                margin-right: 5px;
            }

.dash-ticket-priority-high {
    color: #fff;
    background-color: #dc3545;
    padding: 0 5px;
}

.dash-ticket-priority-mid {
    color: #fff;
    background-color: #ff6600;
    padding: 0 5px;
}

.dash-ticket-priority-low {
    color: #fff;
    background-color: #50BEEA;
    padding: 0 5px;
}

.emp-dash-ticket-info .emp-dash-ticket-desc span.dash-ticket-desc-right-block {
    display: inline-block;
    width: 60%;
    font-size: 12px;
}

    .emp-dash-ticket-info .emp-dash-ticket-desc span.dash-ticket-desc-right-block i {
        margin-right: 5px;
    }

.emp-dashboard-calendar table {
    border-collapse: separate;
    border-spacing: 5px 3px;
    table-layout: fixed;
}

    .emp-dashboard-calendar table thead th {
        width: 10px;
        border-bottom: 0px;
    }

    .emp-dashboard-calendar table thead {
        border-bottom: 1px solid #ccc !important;
        box-shadow: 0px 4px 5px -4px #ccc;
    }

/* employee dashboard end*/

/* employee details start*/

.emp-data .block-view {
    border: 1px solid #c7e7f0 !important;
    border-radius: 4px;
}

.emp-data .empviewrow .block-view:hover {
    transform: scale(1.002);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.emp-data .emp-change-password {
    max-width: 31%;
    flex: 0 0 31%;
}

    .emp-data .emp-change-password button {
        float: right;
        margin-right: 5px;
    }

.toggle-changepassword,
.toggle-newpassword,
.toggle-confirmpassword,
.toggle-resetPassword,
.toggle-resetconfirmPassword {
    float: right;
    position: relative;
    z-index: 2;
    right: 16px;
    top: -27px;
    cursor: pointer;
    color: #272727;
}

.toggle-resetPassword,
.toggle-resetconfirmPassword {
    right: 57px;
}

#empChangePasswordSuccessModal .change-password-success-popup {
    text-align: center;
    padding: 35px 0px;
}

    #empChangePasswordSuccessModal .change-password-success-popup i {
        font-size: 40px;
        border: 3px solid green;
        border-radius: 50px;
        padding: 20px 20px;
        color: green;
    }

    #empChangePasswordSuccessModal .change-password-success-popup .status-head {
        margin: 15px 0px 5px 0;
        font-size: 24px;
    }

/* employee details end */

/* employee attendance start */

.attendance-nav .attendence-title {
    margin-top: 6px;
}

#attendanceTable_wrapper {
    padding: 0;
}

.attendance-nav .att-calender {
    width: 50%;
    display: inline-block;
    margin-top: -7px;
    margin-right: 0;
}

    .attendance-nav .att-calender .from-to-calen {
        /*width: 74%;*/
        display: inline-flex;
    }

    .attendance-nav .att-calender .apply-div {
        width: 20%;
        padding: 0;
        display: inline-block;
    }

/*#attendanceTable .empatt-body .attendance-bar.res-emp-attendance-absent-btn {
    border: 1px solid #00B4F2;
}

#attendanceTable .empatt-body .attendance-bar.res-emp-attendance-present-btn {
    border: 1px solid #0FCD92;
}

#attendanceTable .empatt-body .attendance-bar.res-emp-attendance-leave-btn {
    border: 1px solid #F8284A;
}*/

#attendanceTable .empatt-body .attendance-bar.res-emp-attendance-gray-btn {
    //border: 1px solid lightgray;
}

.attendance-nav {
    margin-left: 5px;
}

#empAttendance #attendanceTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* employee attendance end */

/* emp leave start */

.leave-dashboard-data {
    margin-top: 5px !important;
    margin-left: 10px !important;
}

.empleave-container .container-fluid {
    padding: 0;
}

#leaveCarousel .carousel-item.carousel-leave-item .col-md-2 {
    padding: 0;
}

.empleave-container .tracker_topic {
    margin: 20px 0px 0px 0px !important;
}

.empleave-container .empleave-calendar-body {
    padding: 20px 0;
}

#leaveHistoryTable_wrapper {
    padding: 0 !important;
}

#leaveHistoryTable {
    margin: 0 !important;
}

.leavehistory_btn i {
    color: #007bff;
}

.empleave-calendar-body .highlight-festival-leave div {
    font-size: 12px;
    text-align: left;
    color: orangered;
}

.empleave-calendar-body .highlight-festival-leave {
    color: #212529;
}

.empleave-calendar-body thead th {
    padding: 5px 0;
    height: 26px;
    font-size: 14px;
}

.empleave-calendar-body .empleave-calendar-table td {
    border: 1px solid #ccc;
    text-align: right;
}

.leave-dashboard-data .popup-form {
    margin-top: 20px;
}

.leave-dashboard-data #dayTypeContainer {
    border: 0px solid #ccc;
    padding: 0;
}

.apply-leave-form .form-control:disabled, .apply-leave-form .form-control[readonly] {
    background-color: transparent;
    color: #ccc;
}

input[type=checkbox], input[type=radio] {
    accent-color: #007bff;
}

.leave-dashboard-data .apply-leave-form {
    margin-bottom: 5px;
}

.leave-dashboard-data #dayTypeLabel {
    margin-bottom: 0;
}

.leave-dashboard-data .vertical-line {
    border-left: 1px solid #ccc;
}

#leaveForm #dayTypeContainer {
    border: 0px solid #ccc;
    padding: 0;
}

.empleave-container .empleave-calendar-body .empleave-leave-request {
    height: auto !important;
    text-align: center;
    background: none;
}

    .empleave-container .empleave-calendar-body .empleave-leave-request div {
        height: auto !important;
        border-radius: 3px;
    }

#leaveHistoryTable .emp-leaveoptions {
    position: absolute;
    top: auto;
    cursor: pointer;
    padding: 5px 5px;
    width: 70px;
}

.leave-history #leaveHistoryTable .chatIcon {
    margin-right: 10px;
    display: inline-block;
}

.leave-history #leaveHistoryTable .commentSec p {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leave-history #empleaveCompOffTable .chatIcon {
    margin-right: 10px;
    display: inline-block;
}

.leave-history #empleaveCompOffTable .commentSec p {
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    min-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#empleaveCompOffTable .compoff-actions i {
    cursor: pointer;
}

#empleaveCompOffTable .emp-compoffs {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 2px;
}

    #empleaveCompOffTable .emp-compoffs a.dropdown-item {
        padding: 4px 5px;
        font-size: 12px;
    }

.empleavecompoff-year #empleaveCompOffTable_wrapper {
    padding: 0;
}

.emp-leave .leave-dashboard-data .balance-section-wrapper .res-emp-apply-leave .balance-section {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    background: #e6ffff;
    width: 60%;
}

.emp-leave .leave-dashboard-data .res-emp-apply-leave .balance-section .leave-apply-info-block {
    display: inline-block;
    width: 100%;
}

    .emp-leave .leave-dashboard-data .res-emp-apply-leave .balance-section .leave-apply-info-block .res-leave-apply-left {
        display: inline-block;
        width: 90%;
    }

    .emp-leave .leave-dashboard-data .res-emp-apply-leave .balance-section .leave-apply-info-block .res-leave-apply-right {
        display: inline-block;
        width: 10%;
    }

.leave-dashboard-data .res-emp-leave-title {
    margin-left: 0px;
}

.empleave-container .res-emp-carousel {
    margin-left: 0;
}

.emp-leave-apply-form {
    padding-left: 0px;
}

.res-admin-leave .emp-leave-apply-form #leaveForm {
    margin-left: 20px;
}

.emp-leave-apply-form #leaveForm .btn-apply-empleave {
    /*float: right;*/
}

.emp-leave-apply-form #leaveForm .apply-leave-submit-block {
    float: right;
}

/* emp leave end*/

/* emp ticket history start */

.res-emp-tickethistory-header .res-emp-tickethistory-title h4 {
    margin-top: 6px;
}

#empticketlistingTable .emp-ticket-edit-history {
    border: 2px solid lightgray;
    font-size: smaller;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 1rem;
    color: gray;
    cursor: pointer;
    margin-top: 23px;
}

#empticketlistingTable .emp-tickethistoryoptions {
    position: absolute;
    top: auto;
    cursor: pointer;
    padding: 5px 5px;
    width: 70px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    right: 0;
    margin-top: 0px;
}

    #empticketlistingTable .emp-tickethistoryoptions a {
        display: block;
        padding: 2px 4px;
        color: #333;
        text-decoration: none;
    }

.res-emp-tickethistory-header .res-emp-tickethistory-right {
    display: flex;
    justify-content: right;
}

#empticketlistingTable, #empticketlistingTable th, #empticketlistingTable td {
    border: none;
}

    #empticketlistingTable tbody tr {
        border-bottom: 1px solid #ccc;
    }

    #empticketlistingTable .odd .emp-ticket-msg-icon {
        background: #ffb3b3;
    }

.res-emp-ticketlisting-user-details .emp-ticket-msg-icon {
    display: inline-block;
    padding: 15px;
    border-radius: 25px;
    margin-right: 10px;
    color: #fff;
}

#empticketlistingTable .res-emp-ticketlisting-user-details .emp-ticketing-listing-details {
    margin: 5px 0;
}

#empticketlistingTable .emp-ticket-info {
    width: 160px;
    display: inline-block;
    margin-left: 15px;
}

    #empticketlistingTable .emp-ticket-info i {
        margin-right: 5px;
        color: #ccc;
    }

#empticketlistingTable .emp-ticketing-listing-details .id-name {
    color: #2693F8;
}

#empticketlistingTable .emp-ticketing-response-time {
    display: inline-block;
    /*background: #ffe6e6;*/
    color: #ff9999;
    /*padding: 0 10px;*/
    margin-bottom: 5px;
}

#empticketlistingTable .emp-ticketing-empty-block {
    display: inline-block;
    visibility: hidden;
}

#empticketlistingTable .res-empticketlisting-location {
    margin-top: 5px;
}

#empticketlistingTable .emp-ticket-prioritylevel {
    display: inline-block;
    width: 100px;
}

#empticketlistingTable .res-emp-ticketlisting-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px;
}

#empticketlistingTable .fa-solid.fa-clock {
    color: #ccc;
}

#empticketlistingTable .res-emp-ticketlisting-date .res-empticketlisting-priority-status {
    margin-left: 2px;
}

.res-emp-ticketlisting-color-red {
    background: red;
}

.res-emp-ticketlisting-color-orange {
    background: orange;
}

.res-emp-ticketlisting-color-green {
    background: #50BEEA;
}

#empticketlistingTable .res-empticketlisting-status-level {
    width: 80px;
    text-align: center;
    padding: 5px 0px;
    font-size: 13px;
}

#empticketlistingTable .ticket-status-open {
    background: #e6f2ff;
    color: #3399ff;
    border: 1px solid #3399ff;
}

#empticketlistingTable .even .emp-ticket-msg-icon {
    background: #99ccff;
}

#empticketlistingTable .ticket-status-closed {
    background: #b3ffec;
    color: #00b386;
    border: 1px solid #00b386;
}

#empticketlistingTable .emp-ticketing-listing-closedby {
    display: inline-block;
    /*background: #b3ffff;*/
    padding: 3px 10px;
    font-size: 14px;
    color: gray;
    margin-top: 23px;
}

    #empticketlistingTable .emp-ticketing-listing-closedby label {
        color: #2693F8;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100px;
        display: inline-flex;
    }

#empticketlistingTable .emp-ticketing-listing-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 285px;
}

#empticketlistingTable .emp-ticketing-listing-closedby span {
}

#empticketlistingTable {
    table-layout: fixed;
    margin: 0 0%;
}

#empticketlistingTable_wrapper {
    padding: 10px 5px 20px 5px;
}

/* emp ticket history end */

/* emp ticket raise start */

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-submit {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-attach-upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-attach-label {
    border: 1px solid #b3b3b3;
    color: #595959;
    background-color: #ccc;
    padding: 5px 35px;
    border-radius: 2px;
    font-size: 12px;
    cursor: pointer;
}

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-attach-upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 31%;
    height: 30px;
    cursor: pointer;
}

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-file-name {
    margin-left: 10px;
    font-size: 12px;
}

.emp-ticket-raise-popup-form #emp-ticket-raise-Form .emp-raiseticket-attach-file-upload-size {
    font-size: 10px;
}

#emp-ticket-raise-Form {
    margin-left: -5px;
}

/* emp ticket raise end */

/* emp ticket comment popup start */

#empTicketCommentsModal .modal-header {
    border-bottom: 0px;
}

.emp-ticketing-commentbox-popup-list {
    height: 250px;
    overflow-y: scroll;
}

.emp-ticketing-commentbox-list {
    display: flex;
    font-size: 13px;
}

    .emp-ticketing-commentbox-list .emp-ticketing-commentbox-left {
        padding: 0;
        margin-right: 20px;
    }

        .emp-ticketing-commentbox-list .emp-ticketing-commentbox-left img {
            width: 42px;
            height: 42px;
            object-fit: cover;
            border-radius: 50%;
            margin-right: 10px;
        }

        .emp-ticketing-commentbox-list .emp-ticketing-commentbox-left .vl {
            border-left: 2px solid #ccc;
            height: 60px;
            margin-left: 20px;
        }

    .emp-ticketing-commentbox-list:last-child .emp-ticketing-commentbox-left .vl {
        display: none;
    }

    .emp-ticketing-commentbox-list .emp-ticketing-commentbox-mid {
        padding: 0;
        margin-right: 25px;
    }

        .emp-ticketing-commentbox-list .emp-ticketing-commentbox-mid .emp-ticketing-commentbox-status {
            color: #2693F8;
            margin-bottom: 10px;
        }

        .emp-ticketing-commentbox-list .emp-ticketing-commentbox-mid .emp-ticketing-commentbox-desc {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .emp-ticketing-commentbox-list .emp-ticketing-commentbox-right {
        padding: 0;
    }

.emp-ticketing-commentbox-popup .emp-tickethistory-comment-submit {
    display: inline-block;
    width: 100%;
    text-align: right;
}

    .emp-ticketing-commentbox-popup .emp-tickethistory-comment-submit .btn-apply-emp-tickethistory-comment-reopen {
        background: red;
        color: #fff;
        margin-right: 10px;
    }

/* emp ticket comment popup end */

/* vendor view start */

#adminvendortable tbody tr:nth-child(odd) {
    /*background-color: #f9f9f9 !important;*/
}

#adminvendortable {
    table-layout: fixed;
}

    #adminvendortable thead th:nth-child(1) {
        width: 10px !important;
    }

    #adminvendortable thead th:nth-child(2) {
        width: 60px !important;
    }

    #adminvendortable thead th:nth-child(3) {
        width: 200px !important;
    }

    #adminvendortable thead th:nth-child(4) {
        width: 120px !important;
    }

    #adminvendortable thead th:nth-child(5) {
        width: 170px !important;
    }

    #adminvendortable thead th:nth-child(6) {
        width: 100px !important;
    }

    #adminvendortable thead th:nth-child(7) {
        width: 120px !important;
    }

    #adminvendortable thead th:nth-child(8) {
        width: 50px !important;
    }

    #adminvendortable thead th:nth-child(9) {
        width: 55px !important;
    }

    #adminvendortable .tdvendorname .t-vendorname,
    #adminvendortable .tdvendorname .t-vendoremail {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 200px;
    }

    #adminvendortable .tdvendorcontact {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 195px;
    }

    #adminvendortable .tdvendoraddress {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 310px;
    }

#hr-vendorlisting-status-dropdown {
    width: 108px;
}

#adminvendortable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminvendortable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* vendor view end */

/* vendor approval start */

#sadminvendorapprovaltable tbody tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

#sadminvendorapprovaltable {
    table-layout: fixed;
}

    #sadminvendorapprovaltable thead th:nth-child(1) {
        width: 10px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(2) {
        width: 60px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(3) {
        width: 200px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(4) {
        width: 120px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(5) {
        width: 170px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(6) {
        width: 100px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(7) {
        width: 120px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(8) {
        width: 50px !important;
    }

    #sadminvendorapprovaltable thead th:nth-child(9) {
        width: 55px !important;
    }

    #sadminvendorapprovaltable .tdvendorapprovalname .t-vendorname,
    #sadminvendorapprovaltable .tdvendorapprovalname .t-vendoremail {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 200px;
    }

    #sadminvendorapprovaltable .tdvendoraddress {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 310px;
    }

/* vendor approval end */

/* Purchase start */

.admin-purchase-container {
    margin-top: 0px;
}

.admin-purchaseapproval-container {
    margin-top: 15px;
}

.itadmin-purchaseview {
    width: 100%;
    height: 65px;
}

.admin-purchaseapproval {
    width: 100%;
    height: 65px;
}

.itadmin-purchase-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-purchaseapproval .res-admin-title {
    padding: 0 0 0 3px;
}

.itadmin-purchase-view .res-itadmin-purchase-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
}

.itadmin-purchase-view .res-itadmin-purchase-export {
    justify-content: end;
    display: inline-block;
    margin-top: 6px;
}

.PurchaseType {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input-group-append button {
    border-radius: 0 0.25rem 0.25rem 0;
}

.itadmin-purchase-view .res-itadmin-purchase-add {
    display: inline-block;
    margin-top: 2px;
}

.addingpurchase {
    margin: 0px;
    padding: 0px;
}

#adminpurchasetable a {
    color: #3E78CF;
}

#adminpurchasetable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminpurchasetable_filter, #adminpurchaseapprovaltable_filter {
    display: none;
}

#adminpurchasetable thead th, #adminpurchaseapprovaltable thead th {
    font-size: 14px;
}

#purchaselisting-status-dropdown {
    border: none;
    padding: 0px;
    font-size: 1.1rem;
    padding-left: 5px;
    outline: none;
}

    #purchaselisting-status-dropdown:focus {
        outline: none;
        box-shadow: none;
    }

.res-purchaselisting {
    padding: 0 1.5rem;
}

.res-itadmin-purchase-header-right {
    /*padding-top: 20px;*/
}

#exportPurchase img {
    height: 30px;
}

.itadmin-purchase-view .res-admin-title .header {
    font-size: 23px;
}

#purchaseStatusModal .modal-header, #itpurchaseStatusModal .modal-header {
    border-bottom: 0px;
    padding: 0 5px;
    margin-bottom: 10px;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-list, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-list {
    display: flex;
    font-size: 13px;
    margin-top: -1px;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left i.fa-check-circle, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left i.fa-check-circle {
    font-size: 20px;
    color: blue;
    /*margin-top: 17px;*/
    position: relative;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left i.fa-circle, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left i.fa-circle {
    font-size: 15px;
    color: gray;
    margin-left: 4px;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl-none, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl-none {
    height: 17px;
    margin-left: 10px;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl-0, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl-0 {
    border-left: 2px solid #ccc;
    height: 17px;
    margin-left: 10px;
}

#purchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl, #itpurchaseStatusModal .purchaseStatus-popup-list .purchaseStatus-left .vl {
    border-left: 2px solid #ccc;
    height: 45px;
    margin-left: 10px;
    margin-top: -5px;
}

#purchaseStatusModal .purchaseStatus-list:last-child .purchaseStatus-left .vl, #itpurchaseStatusModal .purchaseStatus-list:last-child .purchaseStatus-left .vl {
    display: none;
}

#purchaseStatusModal .purchaseStatus-statusinfo, #itpurchaseStatusModal .purchaseStatus-statusinfo {
    font-weight: bold;
    font-size: 14px;
}

#purchaseStatusModal .purchaseStatus-sentby, #itpurchaseStatusModal .purchaseStatus-sentby {
    font-size: 12px;
}

    #purchaseStatusModal .purchaseStatus-sentby .sent-by, #itpurchaseStatusModal .purchaseStatus-sentby .sent-by {
        font-weight: bold;
    }

    #purchaseStatusModal .purchaseStatus-sentby .approved-by, #itpurchaseStatusModal .purchaseStatus-sentby .approved-by {
        color: darkturquoise;
        font-weight: bold;
    }

    #purchaseStatusModal .purchaseStatus-sentby .sender-name, #itpurchaseStatusModal .purchaseStatus-sentby .sender-name {
        color: blue;
    }

#purchaseStatusModal .purchaseStatus-date, #itpurchaseStatusModal .purchaseStatus-date {
    color: gray;
    font-size: 12px;
}

#purchaseStatusModal .purchaseStatus-list .purchaseStatus-mid, #itpurchaseStatusModal .purchaseStatus-list .purchaseStatus-mid {
    margin-top: -2px;
}

.itp_filepath {
    text-decoration: none;
    font-size: 12px;
}

    .itp_filepath:hover {
        text-decoration: none;
    }

.purchaseitadmin-approval-edit {
    cursor: pointer;
}

.PurchaseListPage-View {
    margin-top: 10px;
}

/* Purchase end */

/* Purchase add start */

.admin-purchase-add .purchaseadd-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.admin-purchase-add .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.admin-purchase-add .vendor-upload-btn {
    border: 0px solid gray;
    color: darkslategrey;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-purchase-add .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.admin-purchase-add .add-vendor-block {
    margin-top: 10px;
    font-size: 17px;
}

.purchasevendor-add-details {
    margin-bottom: 10px;
}

.admin-purchase-add #purchase-form .container {
    margin-bottom: 20px;
    display: inline-block;
}

/* Purchase add end */

/* Purchase bulk upload start */

.res-purchase-import {
    margin: 0px;
    padding-top: 2%;
}

/* Purchase bulk upload end */

/* purchase account start */

.admin-purchaseaccount-container {
    margin-top: 0px;
}

.admin-purchaseaccountapproval-container {
    margin-top: 15px;
}

.admin-purchaseaccountview {
    width: 100%;
    height: 65px;
}

.admin-purchaseaccountapproval {
    width: 100%;
    height: 65px;
}

.admin-purchaseaccount-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-purchaseaccountapproval .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-purchaseaccount-view .res-admin-purchaseaccount-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
}

.admin-purchaseaccount-view .res-admin-purchaseaccount-export {
    justify-content: end;
    display: inline-block;
    margin-top: 5px;
}

.purchaseaccountType {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input-group-append button {
    border-radius: 0 0.25rem 0.25rem 0;
}

.admin-purchaseaccount-view .res-admin-purchaseaccount-add {
    display: inline-block;
}

.addingpurchaseaccount {
    margin: 0px;
    padding: 0px;
}

#adminpurchaseaccounttable a {
    color: #3E78CF;
}

#adminpurchaseaccounttable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
}

#adminpurchaseaccounttable_filter, #adminpurchaseaccountapprovaltable_filter {
    display: none;
}

#adminpurchaseaccounttable thead th, #adminpurchaseaccountapprovaltable thead th {
    font-size: 14px;
}

#purchaseaccountlisting-status-dropdown {
    border: none;
    padding: 0px;
    font-size: 1.1rem;
    padding-left: 5px;
    outline: none;
}

    #purchaseaccountlisting-status-dropdown:focus {
        outline: none;
        box-shadow: none;
    }

.res-purchaseaccountlisting {
    padding: 0 1.5rem;
}

.res-admin-purchaseaccount-header-right {
    /*padding-top: 20px;*/
}

#exportpurchaseaccount img {
    height: 30px;
}

.admin-purchaseaccount-view .res-admin-title .header {
    font-size: 23px;
}

#adminpurchaseaccounttable .odd {
    background-color: #f9f9f9 !important;
}

#exportPurchaseAccount img {
    height: 30px;
}

.PurchaseAccountListPage-View {
    margin-top: 10px;
}

.res-admin-purchaseaccount-table #adminpurchaseaccounttable_wrapper {
    padding-top: 5px;
}

/* purchase account end */

/* purchase account edit start */

.admin-purchaseaccount-add .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.admin-purchaseaccount-add .purchaseorder-upload-btn {
    border: 0px solid gray;
    color: darkslategrey;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-purchaseaccount-add .taxinvoice-upload-btn {
    border: 0px solid gray;
    color: darkslategrey;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-purchaseaccount-add .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#purchaseaccount-form .purchaseaccountadd-tabs a.PAFiles {
    display: block;
    border: 1px solid #ced4da;
    padding: 6px 10px;
    border-radius: .25rem;
    background-color: #e9ecef;
    height: 38px;
}

/* purchase account edit end */

/* purchase super admin start */

.admin-purchasesuperadmin-container {
    margin-top: 0px;
}

.admin-purchasesuperadminapproval-container {
    margin-top: 15px;
}

.admin-purchasesuperadminview {
    width: 100%;
    height: 65px;
}

.admin-purchasesuperadminapproval {
    width: 100%;
    height: 65px;
}

.admin-purchasesuperadmin-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-purchasesuperadminapproval .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-purchasesuperadmin-view .res-admin-purchasesuperadmin-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
}

.admin-purchasesuperadmin-view .res-admin-purchasesuperadmin-export {
    justify-content: end;
    display: inline-block;
    margin-top: 4px;
}

.purchasesuperadminType {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input-group-append button {
    border-radius: 0 0.25rem 0.25rem 0;
}

.admin-purchasesuperadmin-view .res-admin-purchasesuperadmin-add {
    display: inline-block;
}

.addingpurchasesuperadmin {
    margin: 0px;
    padding: 0px;
}

#adminpurchasesuperadmintable a {
    color: #3E78CF;
}

#adminpurchasesuperadmintable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
}

#adminpurchasesuperadmintable_filter, #adminpurchasesuperadminapprovaltable_filter {
    display: none;
}

#adminpurchasesuperadmintable thead th, #adminpurchasesuperadminapprovaltable thead th {
    font-size: 14px;
}

#purchasesuperadminlisting-status-dropdown {
    border: none;
    padding: 0px;
    font-size: 1.1rem;
    padding-left: 5px;
    outline: none;
}

    #purchasesuperadminlisting-status-dropdown:focus {
        outline: none;
        box-shadow: none;
    }

.res-purchasesuperadminlisting {
    padding: 0 1.5rem;
}

.res-admin-purchasesuperadmin-header-right {
    padding-top: 20px;
}

#exportPurchaseSuperAdmin img {
    height: 30px;
}

.admin-purchasesuperadmin-view .res-admin-title .header {
    font-size: 23px;
}

.table-psa-vendor-info .pending, .table-itp-vendor-info .pending {
    background: orange;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}

.table-psa-vendor-info .approved, .table-itp-vendor-info .approved {
    background: green;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}

.table-psa-vendor-info .rejected, .table-itp-vendor-info .rejected {
    background: red;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}

#adminpurchasesuperadmintable thead th:nth-child(1), #adminpurchasetable thead th:nth-child(1) {
}

#adminpurchasesuperadmintable thead th:nth-child(2), #adminpurchasetable thead th:nth-child(2) {
}

#adminpurchasesuperadmintable thead th:nth-child(3), #adminpurchasetable thead th:nth-child(4) {
    border-top-right-radius: 10px;
    border-right: 3px solid #fff;
}

#adminpurchasesuperadmintable thead th:nth-child(4), #adminpurchasetable thead th:nth-child(5) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    background: #B7CEF0;
}

#adminpurchasesuperadmintable thead th:nth-child(5), #adminpurchasetable thead th:nth-child(6) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    background: #A5C0E9;
}

#adminpurchasesuperadmintable thead th:nth-child(6), #adminpurchasetable thead th:nth-child(7) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    background: #95B6E7;
}

#adminpurchasesuperadmintable thead th:nth-child(7), #adminpurchasetable thead th:nth-child(8) {
    text-align: center;
    border-top-left-radius: 10px;
    border-left: 3px solid #fff;
}

#adminpurchasesuperadmintable tbody tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

/* purchase super admin end */

/* purchase super approval start */

.admin-purchasesuperapproval-view {
}

    .admin-purchasesuperapproval-view .admin-purchasesuperapprovalview {
        margin-top: 10px;
        padding-left: 0;
    }

    .admin-purchasesuperapproval-view .purchasesuperapproval-block {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px 5px;
        display: flex;
    }

        .admin-purchasesuperapproval-view .purchasesuperapproval-block .purchasesuperapproval-block-left {
        }

        .admin-purchasesuperapproval-view .purchasesuperapproval-block .purchasesuperapproval-block-right {
        }

            .admin-purchasesuperapproval-view .purchasesuperapproval-block .purchasesuperapproval-block-right .purchasesuperapproval-vendorname-info .vendor-name {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: 265px;
            }

            .admin-purchasesuperapproval-view .purchasesuperapproval-block .purchasesuperapproval-block-right .psa-block {
                margin-bottom: 10px;
            }

                .admin-purchasesuperapproval-view .purchasesuperapproval-block .purchasesuperapproval-block-right .psa-block .psalabel {
                    font-weight: bold;
                }

    .admin-purchasesuperapproval-view .color-blue {
        color: #3E78CF;
    }

    .admin-purchasesuperapproval-view .psa-content-block {
        margin-left: 5px;
        margin-top: 10px;
    }

        .admin-purchasesuperapproval-view .psa-content-block .psa-footer {
            margin-top: 20px;
        }

            .admin-purchasesuperapproval-view .psa-content-block .psa-footer .psaadd-approve {
                margin-left: 10px;
            }

#adminpurchasetable tbody tr:nth-child(odd) {
    /*background-color: #f9f9f9 !important;*/
}

#adminpurchasetable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminpurchasetable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* purchase super approval end */

/* subscription view start*/

.admin-subscriptioninfo-container {
    margin-top: 0px;
}

.admin-subscriptioninfoview {
    width: 100%;
    height: 65px;
}

.admin-subscriptioninfo {
    width: 100%;
    height: 65px;
}

.admin-subscriptioninforadd .navbar {
    padding-left: 30px;
}

.admin-subscriptioninfoadd {
    padding-left: 0px;
}

.subscriptioninfo-tab {
    padding-left: 5px;
}

.admin-subscriptioninfo-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-subscriptioninfo-view .res-admin-subscriptioninfo-export {
    justify-content: end;
    display: inline-block;
    margin-top: 0px;
}

.admin-subscriptioninfo-view .res-admin-subscriptioninfo-add {
    display: inline-block;
}

.addingsubscriptioninfo {
    margin: 0px;
    padding: 0px;
}

#adminsubscriptioninfotable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
}

#adminsubscriptioninfotable_filter {
    display: none;
}

#adminsubscriptioninfotable thead th {
    font-size: 14px;
}

.admin-subscriptioninfo-view .res-admin-subscriptioninfo-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
    padding-top: 20px;
}

.res-subscriptioninfo {
    padding: 0 1.5rem;
}

#subscriptioninfo-status-dropdown {
    padding-left: 5px;
    border: none;
    padding: 0px;
    font-size: 1.1rem;
}

#exportSubscriptioninfo img {
    height: 30px;
}

#adminsubscriptioninfotable tbody tr:nth-child(odd) {
    background-color: #f9f9f9 !important;
}

.admin-subscriptioninfo-list {
    margin: 20px 2%;
}

    .admin-subscriptioninfo-list .subscriptioninfo-list-block {
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }


        .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-left {
            display: inline-block;
            width: 13%;
            vertical-align: top;
        }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-left #subscription-list-checkbox {
                margin-left: 5px;
                display: block;
                margin-top: 5px;
            }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-left img {
                width: 45px;
                height: 45px;
                object-fit: cover;
                border-radius: 50%;
                margin-right: 5px;
                margin-top: -5px;
                display: inline-block;
                margin-left: 18px;
            }

        .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right {
            display: inline-block;
            width: 86%;
            font-size: 12px;
            padding-left: 5px;
        }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-1 {
                text-align: right;
                height: 20px;
                margin-right: -1px;
            }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-1 span {
                    display: inline-block;
                    padding: 2px 15px;
                    font-size: 12px;
                    border-radius: 0 0 0 5px;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-1.subscriptioninfo-list-due span {
                    background: orange;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-1.subscriptioninfo-list-no-expiration span {
                    background: DarkTurquoise;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-1.subscriptioninfo-list-expired span {
                    background: red;
                }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-2 {
                font-weight: bold;
                display: inline-block;
                cursor: pointer;
            }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-3 {
                margin: 5px 0 10px 0px;
            }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-fields {
                display: inline-block;
                width: 23%;
                margin-right: 1%;
            }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-fields label {
                    margin-bottom: 0;
                    color: gray;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-fields .subscriptioninfo-field-details {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 100px;
                }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-list-right-4 {
                margin: 10px 0 5px 0px;
            }

            .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action {
            }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action .subscriptioninfo-edit-menu {
                    float: right;
                    position: relative;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action i.subscriptioninfo-edit {
                    background: #ccc;
                    padding: 3px 6px;
                    border-radius: 2px;
                    text-align: center;
                    cursor: pointer;
                    font-size: 10px;
                }

                .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action .subscriptioninfooptions {
                    position: absolute;
                    background: white;
                    box-shadow: 0px 1px 3px 1px #ccc;
                    text-align: left;
                    right: 0;
                    cursor: pointer;
                    padding: 3px 0;
                    z-index: 1;
                }

                    .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action .subscriptioninfooptions a {
                        padding: 3px 10px;
                        color: #8693a1;
                    }

                    .admin-subscriptioninfo-list .subscriptioninfo-list-block .subscriptioninfo-list-right .subscriptioninfo-action .subscriptioninfooptions i {
                        margin-right: 10px;
                        font-size: 10px;
                    }

.addingsubscriptioninfo .addsubscriptioninfo {
    border: 1px solid #ccc;
}

/* subscription view end*/

/* subscription add end*/

.subscriptionAdding-tab {
    padding-left: 5px;
}

.admin-subscriptionadd {
    padding-left: 0px;
}

    .admin-subscriptionadd .navbar {
        padding-left: 30px;
    }

.subscriptionadd-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 550;
    padding-left: 3px;
}

.admin-subscription-add .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.admin-subscription-add .subscriptionadd-upload-btn {
    border: 1px solid #ced4da;
    color: darkslategrey;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-subscription-add .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#subscriptionadd-form .form-control.is-invalid {
    padding-right: 10px;
}

#subscriptionadd-form .container {
    margin-bottom: 20px;
    display: inline-block;
}

/* subscription add end*/

/* subscription listing start */

.subscriptionlisting-header {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .subscriptionlisting-header img {
        width: 45px;
        height: 45px;
        object-fit: cover;
        border-radius: 50%;
        margin-right: 5px;
        display: inline-block;
    }

    .subscriptionlisting-header .subscriptionlisting-title {
        display: inline-block;
        font-weight: bold;
    }

.res-admin-subscriptionlisting-tabs li a {
    border: none !important;
}

    .res-admin-subscriptionlisting-tabs li a.active {
        border-bottom: 2px solid !important;
    }

#subscriptionlisting-TabContent {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #subscriptionlisting-TabContent .subscriptionlisting-field-info {
        width: 50%;
        margin-bottom: 5px;
        margin-top: 5px;
        display: inline-block;
    }

        #subscriptionlisting-TabContent .subscriptionlisting-field-info label {
            color: grey;
            width: 40%;
            display: inline-block;
        }

        #subscriptionlisting-TabContent .subscriptionlisting-field-info .subscriptioninfo-field-details {
            display: inline-block;
            width: 50%;
        }

/* subscription listing end */

/* asset list start*/

.admin-assetinfo-container {
    margin-top: 0px;
}

.admin-assetinfoview {
    width: 100%;
    height: 65px;
}

.admin-assetinfo {
    width: 100%;
    height: 65px;
}

.admin-assetinforadd .navbar {
    padding-left: 30px;
}

.admin-assetinfoadd {
    padding-left: 0px;
}

.assetinfo-tab {
    padding-left: 5px;
}

.admin-assetinfo-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-assetinfo-view .res-admin-assetinfo-export {
    justify-content: end;
    display: inline-block;
    margin-top: 0px;
}

.admin-assetinfo-view .res-admin-assetinfo-add {
    display: inline-block;
}

.addingassetinfo {
    margin: 0px;
    padding: 0px;
}

#adminassetinfotable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminassetinfotable_filter {
    display: none;
}

#adminassetinfotable thead th {
    font-size: 14px;
    color: white;
    font-weight: 100;
}

.admin-assetinfo-view .res-admin-assetinfo-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
    padding-top: 20px;
}

.res-assetinfo {
    padding: 0 1.5rem;
}

#assetinfo-status-dropdown {
    padding-left: 5px;
    border: none;
    padding: 0px;
    font-size: 16px;
    width: 135px;
    padding: 0px;
}

#assetinfo-type-dropdown {
    border: 1px solid transparent;
    width: 125px;
    padding: 0px;
    margin-right: 10px;
}

#exportAssetinfo img {
    height: 30px;
}

#adminassetinfotable tbody tr:nth-child(odd) {
    /*background-color: #f9f9f9 !important;*/
}

.asset-list-header .assetlist_cardset {
    padding: 10px;
    max-width: 18%;
    flex: 0 0 18%;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 10px;
}

    .asset-list-header .assetlist_cardset:nth-child(1) {
        margin-left: 0px;
    }

.asset-list-header .card {
    border: none;
}

.asset-list-header .assetlist_cardset .asset_totallist {
    font-size: 26px;
    /*margin-top: 5px;*/
    margin-bottom: 8px;
}

.admin-assetinfo-container .assetinfo-list-edit i.asset-edit-dropdown {
    padding: 3px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.admin-assetinfo-container .assetinfo-list-edit .asset-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

    .admin-assetinfo-container .assetinfo-list-edit .asset-options a {
        padding: 3px 10px;
        color: #8693a1;
    }

    .admin-assetinfo-container .assetinfo-list-edit .asset-options i {
        margin-right: 10px;
        font-size: 10px;
    }

.admin-assetinfo-container .asset_listdetails_card {
    line-height: 1.5rem;
}

.admin-assetinfo-container .icon_assetlist {
    border: 1px solid transparent;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    align-content: center;
    margin: 0px 10px;
}

    .admin-assetinfo-container .icon_assetlist img {
        width: 50px;
        height: 50px;
    }

#adminassetinfotable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminassetinfotable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* asset list end*/

/* asset add start */

.res-admin-assetadd-tabs li a {
    border: none !important;
}

    .res-admin-assetadd-tabs li a.active {
        border-bottom: 2px solid !important;
    }

.admin-asset-add .assetadd-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.admin-asset-add .upload-btn-wrapper {
    /*position: relative;
    overflow: hidden;*/
    /*display: inline-block;*/
    width: 70%;
    top: 13px;
    position: initial;
}

.admin-asset-add .asset-upload-btn {
    border: 1px solid deepskyblue;
    color: white;
    background-color: deepskyblue;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    padding: 8px 0px;
    cursor: pointer;
}

.admin-asset-add .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    /*position: absolute;*/
    left: 0;
    top: 0;
    opacity: 0;
    float: left;
    position: inherit;
    margin-top: -40px;
    height: 40px;
}

.admin-asset-add .add-asset-block {
    margin-top: 10px;
    font-size: 17px;
}

.admin-asset-add .upload-btn-wrapper a {
    float: left;
    position: absolute;
}

.admin-asset-add .upload-btn-wrapper img {
    /*position: fixed;*/
    margin-left: 20px;
    height: 37px;
    width: 37px;
    border: 1px solid #ced4da;
    padding: 5px;
    position: absolute;
    left: auto;
}

.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-1,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-2,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-3,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-4,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-5,
.admin-asset-add #assetadd-form .upload-btn-wrapper .uploaded-image-close-6 {
    /*position: fixed;*/
    margin-left: 52px;
    margin-top: -5px;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
}

#assetadd-form,
#assetadd-purchaseinfo-form,
#assetadd-allocateinfo-form {
    margin-top: 10px;
    margin-bottom: 20px;
}

    #assetadd-form .assetadd-main-left-block {
        padding: 0;
    }

.assetadd-left-block {
    display: inline-block;
}

.assetadd-right-block {
    display: inline-block;
}

#assetadd-form #assetadd-file-upload-input-label {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

.asset-upload-btn i {
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

.admin-asset-add .assetadd-purchaseinfo-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.assetadd-left-block-main {
    display: inline-block;
    padding: 0;
}

.assetadd-purchaseinfo-left-block-main {
    display: inline-block;
    padding: 0;
}

.assetadd-allocateinfo-left-block-main {
    display: inline-block;
    padding: 0;
}

.assetadd-allocate-left-block {
    padding: 0;
}

.admin-asset-add .assetadd-allocateinfo-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

.assetadd-allocate-left-block {
    display: inline-block;
}

.assetadd-allocate-right-block {
    display: inline-block;
    font-size: 14px;
}

    .assetadd-allocate-right-block input {
        display: inline-block;
        width: 13px;
        vertical-align: middle;
        margin-right: 5px;
        outline: none;
    }

    .assetadd-allocate-right-block span.AssetAllocate-AcknowledgeEmail {
        display: inline-block;
    }

.assetadd-allocate-employee-field .select2.select2-container {
    width: 100% !important;
}

#assetadd-form .container {
    margin-bottom: 20px;
    display: inline-block;
}

/* asset add end */

/* asset bulk upload start */

.res-asset-import {
    margin: 0px;
    padding-top: 2%;
}

/* asset bulk upload end */

/*  asset view start */

.res-admin-assetview-tabs li a {
    border: none !important;
}

    .res-admin-assetview-tabs li a.active {
        border-bottom: 2px solid !important;
    }

.admin-asset-view #assetview-TabContent {
    margin-top: 20px;
}

.admin-asset-view .assetview-assetinformation-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-asset-view .assetview-assetinformation-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

.admin-asset-view .assetview-assetinformation .row {
    margin-bottom: 10px;
}

.admin-asset-view .assetview-purchaseinfo-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-asset-view .assetview-purchaseinfo-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

.admin-asset-view .assetview-assettransfer-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    .admin-asset-view .assetview-assettransfer-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

    .admin-asset-view .assetview-assettransfer-tabs img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

.admin-asset-view .assetview-assettransfer-details .vertical-line {
    margin: 0 22px;
    border-left: 1px solid #ccc;
    height: 45px;
}

.admin-asset-view .assetview-assettransfer-details .profile-pic {
    max-width: 6%;
    flex: 0 0 6%;
}

.admin-asset-view .assetview-allocateinfo-details .tree-structure .allocate-details.tree-root img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.admin-asset-view .assetview-allocateinfo-details .tree-structure .user-info,
.admin-asset-view .assetview-allocateinfo-details .tree-structure .allocate-info {
    margin-top: 7px;
}

    .admin-asset-view .assetview-allocateinfo-details .tree-structure .allocate-info span {
        color: gray;
    }

.admin-asset-view .assetview-allocateinfo-details .tree-structure .allocate-details.tree-child img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.admin-asset-view .assetview-allocateinfo-details .allocate-info .model-item {
    display: inline;
}

/*  asset view end */

/*  asset transfer start */

#assettransfer-popup .modal-dialog.modal-lg {
    max-width: 800px !important;
}

#assettransfer-popup .asset-transfer-popup-details {
    text-align: left;
    font-size: 12px;
}

    #assettransfer-popup .asset-transfer-popup-details .asset-transfer-popup-title {
        font-weight: bold;
        font-size: 14px;
    }

    #assettransfer-popup .asset-transfer-popup-details .asset-transfer-popup-subtitle {
        font-weight: bold;
        font-size: 14px;
    }

    #assettransfer-popup .asset-transfer-popup-details .asset-transfer-popup-info {
        margin: 10px 0;
    }

#assettransfer-popup .assetview-assettransfer-tabs {
    font-size: 13px;
    margin-bottom: 0px;
}

    #assettransfer-popup .assetview-assettransfer-tabs label {
        font-weight: bold;
        margin-bottom: 0px;
    }

    #assettransfer-popup .assetview-assettransfer-tabs img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

#assettransfer-popup .assetview-assettransfer-details .vertical-line {
    margin: 0 22px;
    border-left: 1px solid #ccc;
    height: 45px;
}

#assettransfer-popup .assetview-assettransfer-details .profile-pic {
    max-width: 6%;
    flex: 0 0 6%;
}

#assettransfer-popup .assettransfer-left-block-main {
    display: inline-block;
    padding: 0;
}

#assettransfer-popup .assettransfer-left-block {
    padding: 0;
}

#assettransfer-popup .assettransfer-tabs label {
    font-size: 13px;
    margin-bottom: 0px;
}

#assettransfer-popup .assettransfer-left-block {
    display: inline-block;
}

#assettransfer-popup .assettransfer-right-block {
    display: inline-block;
    font-size: 14px;
}

    #assettransfer-popup .assettransfer-right-block input {
        display: inline-block;
        width: 13px;
        vertical-align: middle;
        margin-right: 5px;
        outline: none;
    }

    #assettransfer-popup .assettransfer-right-block span.AssetTransfer-AcknowledgeEmail {
        display: inline-block;
    }

#assettransfer-popup .assettransfer-right-block-main {
    display: inline-block;
}

#assettransfer-popup #assettransfer-file-upload-input-label {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

.assettransfer-left-block-main .assettransfer-field-info {
    padding-left: 0;
}

.assettransfer-employee-field .select2.select2-container {
    width: 100% !important;
    font-size: 16px;
}

/*  asset transfer end */

/* monthly maintenance start */

.admin-maintenanceinfo-container {
    margin-top: 0px;
}

.admin-maintenanceinfo-view .res-admin-title {
    padding: 0 0 0 3px;
}

.admin-maintenanceinfo-view .res-admin-maintenanceinfo-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
    padding-top: 20px;
}

.admin-maintenanceinfo-view .res-admin-maintenanceinfo-status {
    justify-content: end;
    display: inline-block;
    margin-top: 0px;
}

.admin-maintenanceinfo-view .res-admin-maintenanceinfo-add {
    display: inline-block;
    padding: 0;
}

.addingmaintenanceinfo {
    margin: 0px;
    padding: 0px;
}

    .addingmaintenanceinfo .addmaintenanceinfo {
        border: 1px solid #ccc;
        background-color: #3E78CF;
        color: #fff;
        margin-top: -5px;
    }

.maintenanceinfo-image-btn img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
}

#adminmaintenanceinfotable .maintenancestatus-icon {
    text-align: center;
}

#adminmaintenanceinfotable .maintenance-status {
    padding: 2px 9px;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    text-align: center;
    width: 75px;
}

    #adminmaintenanceinfotable .maintenance-status.completed {
        background: #34C7AC;
    }

    #adminmaintenanceinfotable .maintenance-status.pending {
        background: #26ABED;
    }

#adminmaintenanceinfotable thead {
    border-radius: 10px !important;
    font-weight: normal;
    font-size: 14px;
}

/*#adminmaintenanceinfotable thead th:first-child {
    border-top-left-radius: 3px;
}

#adminmaintenanceinfotable thead th:last-child {
    border-top-right-radius: 3px;
}*/

#adminmaintenanceinfotable .maintenanceinfo-list-edit,
#adminmaintenanceinfotable .maintenance-id-select.maintanace-emp-history {
    cursor: pointer;
}

#adminmaintenanceinfotable_length {
    display: none;
}

#adminmaintenanceinfotable tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

#addmaintenanceinfo-popup .schedulemaintenance-tabs .form-check-label {
    margin-left: 20px;
}

#addmaintenanceinfo-popup .schedulemaintenance-tabs .schedulemaintenance-radio1 {
    margin-right: 20px;
}

#addmaintenanceinfo-popup .addmaintenanceinfo-header-title {
    margin-bottom: 10px;
    font-size: 20px;
}

#adminmaintenanceinfotable .maintenanceinfo-list-edit .maintenance-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

    #adminmaintenanceinfotable .maintenanceinfo-list-edit .maintenance-options a {
        padding: 3px 10px;
        color: #8693a1;
    }

.res-admin-maintenanceinfo-table {
    margin-top: -20px;
}

.res-admin-maintenanceinfo-filter .advancetitle {
    width: 20px;
    display: inline;
}

.res-admin-maintenanceinfo-filter .admin-maintenanceinfo-button {
    width: 20px;
    display: inline-block;
}

#res-maintenance-filter-popup {
    position: absolute;
    z-index: 9;
    width: 715%;
    background: #fff;
    right: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px #000;
    display: none;
}

    #res-maintenance-filter-popup.show {
        display: block !important;
    }

.res-admin-maintenanceinfo-filter .maintenance-filter-fileds {
    display: inline-block;
    /*width: 22%;*/
}

#res-maintenance-filter-popup .maintenance-filter-header-title {
    border-bottom: 1px solid #ccc;
    padding: 7px 15px;
    margin-bottom: 10px;
}

#res-maintenance-filter-popup .maintenance-filter-header-body {
    padding: 5px 15px;
}

.res-maintenance-filter-submit {
    display: inline-block;
}

    .res-maintenance-filter-submit button {
        padding: 7px 6px;
        width: 59px;
        margin-top: -1px;
    }

#addmaintenanceinfo-popup .schedulemaintenance-tabs .multiselect.btn {
    color: #212529 !important;
}

#addmaintenanceinfo-popup .schedulemaintenance-tabs .multiselect-container li a label {
    padding-left: 10px;
}

#addmaintenanceinfo-popup .schedulemaintenance-popup-info .schedulemaintenance-tabs .dropdown-toggle::after {
    right: 12px;
    position: absolute;
    top: 18px;
}

#adminmaintenanceinfotable {
    table-layout: fixed;
}

    #adminmaintenanceinfotable thead th:nth-child(1) {
        width: 150px;
    }

    #adminmaintenanceinfotable thead th:nth-child(2) {
        width: 130px;
    }

    #adminmaintenanceinfotable thead th:nth-child(3) {
        width: 130px;
    }

    #adminmaintenanceinfotable thead th:nth-child(4) {
        width: 150px;
    }

    #adminmaintenanceinfotable thead th:nth-child(5) {
        width: 100px;
    }

    #adminmaintenanceinfotable thead th:nth-child(6) {
        width: 95px;
    }

    #adminmaintenanceinfotable thead th:nth-child(7) {
        width: 100px;
    }

    #adminmaintenanceinfotable thead th:nth-child(8) {
        width: 60px;
    }

.maintenanceinfo-image-btn .default-image-navbar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
    display: inline-flex;
}

#adminmaintenanceinfotable .maintenanceinfo-notes span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    display: inline-block;
}

#addmaintenanceinfo-popup .modal-footer {
    border: none;
    padding-right: 0;
}

#adminmaintenanceinfotable .tdmaintenance-ename .maintanace-emp-history,
#adminmaintenanceinfotable .tdmaintenance-agentname .maintenance-id-select {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 71px;
    display: inline-block;
    vertical-align: middle;
}

.admin-maintenanceinfoview {
    /*padding-right: 0;*/
}

#adminmaintenanceinfotable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminmaintenanceinfotable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* monthly maintenance end */

/* maintenance approve start */

.maintenanceapprove-tab {
    margin-top: 15px;
}

.maintenanceapprove-header-title {
    margin-bottom: 20px;
}

.maintenanceapprove-id-select {
    font-size: 18px;
}

.maintenanceapprove-info .maintenanceapprove-left-block-main {
    padding-left: 0;
}

.maintenanceapprove-image-btn img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    object-fit: cover;
    margin-right: 7px;
}

/* maintenance approve end */

/* maintenance history start */
.admin-maintenanceinfo-view .res-admin-maintenanceinfo-filter .res-maintenanceinfo {
    cursor: pointer;
}

.admin-maintenancehistoryview {
    width: 100%;
    height: 65px;
}

.admin-maintenancehistory-container {
    margin-left: -25px;
}

.maintenancehistory-image-btn img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    object-fit: cover;
    margin-right: 7px;
}

.res-maintenancehistorylisting {
    padding: 0 1.5rem;
}

#exportmaintenancehistory img {
    height: 30px;
}

.admin-maintenancehistory-view .admin-maintenancehistory-header-right {
    justify-content: end;
    display: flex;
    padding-right: 0;
    margin-top: 10px;
}

.admin-maintenancehistory-view .admin-maintenancehistory-export {
    justify-content: end;
    display: inline-block;
    margin-top: 5px;
}

#maintenancehistory-status-dropdown {
    border: none;
    padding: 0px;
    font-size: 1.1rem;
}

#maintenancehistorytable .maintenancehistory-image-btn img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
}

#maintenancehistorytable .maintenancehistoryacknowledge-icon {
    text-align: center;
}

#maintenancehistorytable .maintenancehistory-status {
    padding: 2px 9px;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    text-align: center;
    width: 75px;
}

    #maintenancehistorytable .maintenancehistory-status.completed {
        background: #34C7AC;
    }

    #maintenancehistorytable .maintenancehistory-status.pending {
        background: #26ABED;
    }

#maintenancehistorytable thead {
    background-color: #3E78CF !important;
    border-radius: 10px;
    /*color: #fff;*/
    font-weight: normal;
    font-size: 14px;
}

/*#maintenancehistorytable thead th:first-child {
    border-top-left-radius: 3px;
}

#maintenancehistorytable thead th:last-child {
    border-top-right-radius: 3px;
}
*/
#maintenancehistorytable_length {
    /*display: none;*/
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#maintenancehistorytable tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

#maintenancehistorytable .tdmaintenancehistory-agentname .maintenance-id-select {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 110px;
    display: inline-block;
    vertical-align: middle;
}

#maintenancehistorytable .tdmaintenancehistory-notes span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 190px;
    display: inline-block;
}

.maintenancehistory-image-btn .default-image-navbar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 7px;
    display: inline-flex;
}

#maintenancehistorytable {
    table-layout: fixed;
}

#maintenancehistory-status-dropdown {
    width: 80px;
}

/*#maintenancehistorytable thead th:nth-child(1) {
    width: 6px;
}*/

#maintenancehistorytable thead th:nth-child(1) {
    width: 100px;
    text-align: center;
}

#maintenancehistorytable thead th:nth-child(2) {
    width: 130px;
}

#maintenancehistorytable thead th:nth-child(3) {
    width: 140px;
}

#maintenancehistorytable thead th:nth-child(4) {
    width: 150px;
}

#maintenancehistorytable thead th:nth-child(5) {
    width: 70px;
}

#maintenancehistorytable thead th:nth-child(6) {
    width: 200px;
}

#maintenancehistorytable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #maintenancehistorytable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

/* maintenance history end */

/* maintenance reschedule start */

#RescheduleMaintenancePopup #reschedulemaintenance-header-title {
    font-size: 18px;
}

#RescheduleMaintenancePopup .modal-header button i {
    font-size: 14px;
}

#RescheduleMaintenancePopup .reschedulemaintenance-body-title {
    margin-bottom: 15px;
}

#RescheduleMaintenancePopup .reschedulemaintenance-image-btn img {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    object-fit: cover;
    margin-right: 7px;
}

/* maintenance reschedule end */

/* admin timesheet start */

.res-admin-timesheet {
}

    .res-admin-timesheet .admin-timesheet {
        padding: 0;
    }

    .res-admin-timesheet .admin-timesheet-header {
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .res-admin-timesheet .btn-admin-timesheet-sendremainder {
        background: #48D1CC !important;
        border: 1px solid #48D1CC !important;
    }

        .res-admin-timesheet .btn-admin-timesheet-sendremainder img {
            margin-right: 7px;
            vertical-align: sub;
        }

    .res-admin-timesheet .main-content.container-fluid {
        width: 86%;
    }

        .res-admin-timesheet .main-content.container-fluid .admin-timesheet-list {
            margin-top: 20px;
        }

        .res-admin-timesheet .main-content.container-fluid .admin-timesheet-header-report {
            display: inline-block;
            margin-right: 10px;
        }

    .res-admin-timesheet .admin-timesheet-block3 #adminTimesheetDropdown {
        border: 1px solid #ced4da;
        border-radius: 5px;
        color: #212529;
        background: #FFF;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: transparent;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .res-admin-timesheet .admin-timesheet-block3 .admintimesheet-dropdown-menu {
        width: 100%;
        box-shadow: 0 0 3px 2px #ccc;
        min-height: 166px;
        max-height: 266px;
        overflow: scroll;
    }

.admin-timesheet-header-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .admin-timesheet-header-block .admin-timesheet-header-block-left {
        width: 89%;
    }

    .admin-timesheet-header-block .admin-timesheet-block1 {
        border: 1px solid #ccc;
        display: inline-block;
    }

    .admin-timesheet-header-block .admin-timesheet-weekno {
        padding: 5px 10px;
        border-right: 1px solid #ccc;
        display: inline-block;
    }

    .admin-timesheet-header-block .admin-timesheet-weekrange-info {
        padding: 5px 10px;
        display: inline-block;
    }

        .admin-timesheet-header-block .admin-timesheet-weekrange-info i.fa-angle-left {
            color: #afafaf;
            margin-right: 5px;
            cursor: pointer;
        }

        .admin-timesheet-header-block .admin-timesheet-weekrange-info i.fa-long-arrow-right {
            color: #afafaf;
            margin: 0 5px;
        }

        .admin-timesheet-header-block .admin-timesheet-weekrange-info i.fa-angle-right {
            color: #afafaf;
            margin-left: 5px;
            cursor: pointer;
        }

    .admin-timesheet-header-block .admin-timesheet-block2 {
        display: inline-block;
        width: 18%;
    }

    .admin-timesheet-header-block #admintimesheetCompany {
        cursor: pointer;
    }

    .admin-timesheet-header-block .admin-timesheet-block3 {
        display: inline-block;
        width: 27%;
    }

        .admin-timesheet-header-block .admin-timesheet-block3 .div-timesheet-employeename {
            padding: 0;
        }

    .admin-timesheet-header-block .admin-timesheet-block4 {
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
    }

    .admin-timesheet-header-block .admin-timesheet-header-block-right img {
        width: 35px;
        height: 35px;
        margin-top: 6px;
        cursor: pointer;
    }

.res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-graph-header {
    margin-bottom: 10px;
}

    .res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-graph-header span.admin-timesheet-graph-resourcename-title,
    .res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-graph-header span.admin-timesheet-graph-reportingmanager-title {
        font-weight: bold;
    }

    .res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-graph-header .admin-timesheet-graph-resourcename {
        margin-right: 50px;
    }

.res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-hours-spent {
    display: inline-block;
    width: 69%;
}

.res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-attendance {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

    .res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-attendance .admin-timesheet-block-donut {
        border: 1px solid #ccc;
        padding: 15px 0;
    }

.res-admin-timesheet .admin-timesheet-graph-block .admin-timesheet-block-donut .admin-timesheet-block-donut-title {
    display: inline-block;
    margin-left: 15px;
}

.res-admin-timesheet .admin-timesheet-graph-arrows {
    text-align: right;
}

.res-admin-timesheet .admin-timesheet-graph-leftarrow {
    margin-right: 10px;
    cursor: pointer;
}

.res-admin-timesheet .admin-timesheet-graph-rightarrow {
    cursor: pointer;
}



.res-admin-timesheet #admintimesheetlistingTable thead th {
    color: #fff;
    font-weight: normal;
}

    .res-admin-timesheet #admintimesheetlistingTable thead th:first-child {
        border-top-left-radius: 5px;
    }

    .res-admin-timesheet #admintimesheetlistingTable thead th:last-child {
        border-top-right-radius: 5px;
    }

.res-admin-timesheet #admintimesheetlistingTable_length {
    display: none;
}

.res-admin-timesheet #admintimesheetlistingTable_wrapper {
    padding: 10px 0;
}

.res-admin-timesheet #admintimesheetlistingTable tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

.res-admin-timesheet #admintimesheetlistingTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .res-admin-timesheet #admintimesheetlistingTable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }


#adminTimesheetSendRemainderModal .modal-header button {
    font-size: 14px;
}

#adminTimesheetSendRemainderModal .modal-header {
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 35px;
}

#adminTimesheetSendRemainderModal #admintimesheetsendremainderTable thead th {
    color: #fff;
    font-weight: normal;
}

    #adminTimesheetSendRemainderModal #admintimesheetsendremainderTable thead th:first-child {
        border-top-left-radius: 5px;
    }

    #adminTimesheetSendRemainderModal #admintimesheetsendremainderTable thead th:last-child {
        border-top-right-radius: 5px;
    }

#adminTimesheetSendRemainderModal #admintimesheetsendremainderTable tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

#adminTimesheetSendRemainderModal #admintimesheetsendremainderTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    #adminTimesheetSendRemainderModal #admintimesheetsendremainderTable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

    #adminTimesheetSendRemainderModal #admintimesheetsendremainderTable tbody td:first-child {
        padding-left: 60px;
    }

#adminTimesheetSendRemainderModal .modal-footer {
    border-top: 0px;
    padding-top: 0px;
    padding-left: 35px;
    padding-right: 35px;
}

    #adminTimesheetSendRemainderModal .modal-footer button {
        padding: 5px 20px;
        border-radius: 25px;
    }

#adminTimesheetSendRemainderModal #admintimesheetsendremainderTable_wrapper {
    padding-top: 0;
}

#adminTimesheetSendRemainderModal table.admin-timesheet-table thead th {
    color: #fff;
    font-weight: normal;
}

    #adminTimesheetSendRemainderModal table.admin-timesheet-table thead th:first-child {
        border-top-left-radius: 5px;
    }

    #adminTimesheetSendRemainderModal table.admin-timesheet-table thead th:last-child {
        border-top-right-radius: 5px;
    }

#adminTimesheetSendRemainderModal #admintimesheetsendremainderTable_info {
    display: none;
}

#adminTimesheetSendRemainderModal .admin-timesheet-sendremainder-notes {
    padding: 0 20px;
}

.admin-timesheet-list #admintimesheetlistingTable {
    table-layout: fixed;
}

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(1) {
        width: 90px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(2) {
        width: 80px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(3) {
        width: 200px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(4) {
        width: 240px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(5) {
        width: 60px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(6) {
        width: 110px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(7) {
        width: 80px;
    }

    .admin-timesheet-list #admintimesheetlistingTable thead th:nth-child(8) {
        width: 100px;
    }

    .admin-timesheet-list #admintimesheetlistingTable tbody tr td.admin-timesheet-tbl-category {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 90px;
    }

    .admin-timesheet-list #admintimesheetlistingTable tbody tr td.admin-timesheet-tbl-taskname {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 200px;
    }

    .admin-timesheet-list #admintimesheetlistingTable tbody tr td.admin-timesheet-tbl-taskdesc {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 240px;
    }

    .admin-timesheet-list #admintimesheetlistingTable tbody tr td.admin-timesheet-tbl-requester {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 150px;
    }

/* admin timesheet end */

/* admin holidays list start */

.res-admin-holidayslist .main-content.container-fluid {
    width: 87% !important;
    margin-left: 180px;
    margin-top: 20px;
}

.res-admin-holidayslist .res-admin-holidays-list .admin-holidayslist-bulkimport {
    text-align: right;
}

#adminholidayslistTable_wrapper {
    padding: 0px 20px 20px 20px;
}

.admin-holidayslist-view #adminholidayslistTable thead th {
    color: #fff;
}

.admin-holidayslist-view #adminholidayslistTable thead th,
.admin-holidayslist-view #adminholidayslistTable tbody td {
    border: none;
    padding: 10px 75px;
}

.admin-holidayslist-view #adminholidayslistTable .emp-holidayslist-table-last {
    text-align: right;
}

.admin-holidayslist-view #adminholidayslistTable tbody tr:nth-child(even) {
    background-color: #EBFAFF !important;
}

.admin-holidayslist-view #adminholidayslistTable .admin-holidayslist-edit {
    font-size: smaller;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 1rem;
    color: gray;
    cursor: pointer;
}

.admin-holidayslist-view #adminholidayslistTable .admin-holidayslistoptions {
    position: absolute;
    top: auto;
    cursor: pointer;
    padding: 5px 5px;
    width: 70px;
    text-align: left;
    right: 100px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

    .admin-holidayslist-view #adminholidayslistTable .admin-holidayslistoptions a {
        display: block;
        padding: 2px 4px;
        color: #333;
        text-decoration: none;
    }

#editHolidaysModal .modal-header {
    border-bottom: 0px;
}

#editHolidaysModal .modal-body {
    padding-top: 0;
}

.res-admin-holidayslist #adminholidayslistTable tbody {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .res-admin-holidayslist #adminholidayslistTable tbody tr {
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
    }

        .res-admin-holidayslist #adminholidayslistTable tbody tr:nth-child(even) {
            background-color: #EBFAFF !important;
        }

/* admin holidays list end */

/* admin holidays import start */

.res-admin-holidaysupload {
    /*margin-top: 15px;*/
}

    .res-admin-holidaysupload .admin-holidaysupload-view {
        margin-left: 10px;
        margin-top: 20px;
    }

.res-admin-holidaysupload-import {
    margin-left: -10px;
}

.res-admin-holidaysupload .import-user-head {
    margin-top: 0;
    margin-bottom: 15px;
}

.res-admin-holidaysupload .download-btn {
    color: #fff;
}

.res-admin-holidaysupload .res-admin-holidaysupload-import #file-upload-area {
    width: 100%;
}

.res-admin-holidaysupload .submit-button {
    margin-top: 20px;
    text-align: left;
    margin-right: 0;
    margin-bottom: 20px;
}


/* admin holidays import end */

/* admin hr announcement start */

#createAnnouncementModal .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

#createAnnouncementModal .AnnouncementFile-upload-btn {
    border: 0px solid gray;
    color: darkslategrey;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 14px;
    width: 70%;
    padding: 8px 0px;
    cursor: pointer;
}

#createAnnouncementModal .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#createAnnouncementModal .announcementFile {
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

#createAnnouncementModal .modal-header {
    border-bottom: 0px;
}

#createAnnouncementModal .modal-footer {
    border-top: 0px;
    padding-top: 0;
}

#createAnnouncementModal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

/* admin hr announcement end */

/* admin handbook start */

#uploadHandbookModal .handbook-file-upload {
    border: 2px dashed #007bff;
    padding: 32px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    width: 45%;
}

#uploadHandbookModal #handbook-file-upload-area {
    width: 100%;
}

#uploadHandbookModal #handbook-file-upload-input {
    cursor: pointer;
}

#uploadHandbookModal #handbook-file-upload-input {
    display: none;
}

#uploadHandbookModal #handbook-file-upload-label {
    font-size: 14px;
}

#uploadHandbookModal .modal-header {
    border-bottom: 0px;
}

#uploadHandbookModal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#uploadHandbookModal .modal-footer {
    border-top: 0px;
    padding-top: 0;
    justify-content: space-between;
    margin-top: 5px;
}

#uploadHandbookModal .handnook-uploaded-file-details {
    background: #ccc;
    padding: 10px 10px;
    width: 210px;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 100px;
}

    #uploadHandbookModal .handnook-uploaded-file-details img {
        width: 30px;
    }

#uploadHandbookModal .handbook-uploaded-file-name {
    margin-left: 5px;
}

    #uploadHandbookModal .handbook-uploaded-file-name a {
        text-decoration: underline;
    }

.admin-dashboard-header-title {
    margin-left: 15px;
}

.admin-dashboard-view .admin-dashboard-header-right {
    margin-right: 10px;
}

    .admin-dashboard-view .admin-dashboard-header-right span {
        /* border: 1px solid #ccc;*/
        display: inline-block;
        vertical-align: top;
        padding: 4px 6px;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 5px;
        cursor: pointer;
    }

        .admin-dashboard-view .admin-dashboard-header-right span img {
            width: 28px;
        }

/* admin handbook end */

/* admin dashboard todays leave start */

.admin-leave-request.active,
.admin-today-leave.active {
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
}

.admin-todays-leave-list-all {
    padding: 5px 5px;
}

.admin-todays-leave-list {
    display: flex;
    font-size: 14px;
}

    .admin-todays-leave-list .admin-todays-leave-left {
        padding: 0;
        margin-right: 20px;
    }

        .admin-todays-leave-list .admin-todays-leave-left img {
            width: 37px;
            height: 37px;
            object-fit: cover;
            border-radius: 50%;
            margin-right: 10px;
        }

    .admin-todays-leave-list .admin-todays-leave-mid {
        padding: 0;
        margin-right: 25px;
    }

        .admin-todays-leave-list .admin-todays-leave-mid .admin-todays-leave-date {
            color: #8e98a1;
            margin-bottom: 10px;
            font-size: 12px;
        }

    .admin-todays-leave-list .admin-todays-leave-right {
        padding: 0;
        padding-top: 5px;
        text-align: right;
    }

        .admin-todays-leave-list .admin-todays-leave-right img {
            width: 20px;
        }
    .admin-todays-leave-list .admin-todays-leave-status button {
        font-size: 10px;
        padding: 4px 0px !important;
        border-radius: 25px;
        width: 51px;
    }

    .admin-todays-leave-list .admin-todays-leave-status .btn_approve {
        border: 1px solid #3E78CF;
    }

    .admin-todays-leave-list .admin-todays-leave-status .btn_reject {
        border: 1px solid #FA6B83;
    }
/* admin dashboard todays leave end */

/* admin jobreferral start */

.admin-jobreferral-details .admin-jobreferal-data-block-header .admin-jobreferal-priority {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 10px;
    font-weight: normal;
    width: 60px;
    display: inline-block;
}

    .admin-jobreferral-details .admin-jobreferal-data-block-header .admin-jobreferal-priority.priority-high {
        color: red;
        border: 1px solid red;
    }

    .admin-jobreferral-details .admin-jobreferal-data-block-header .admin-jobreferal-priority.priority-medium {
        color: green;
        border: 1px solid green;
    }

    .admin-jobreferral-details .admin-jobreferal-data-block-header .admin-jobreferal-priority.priority-low {
    }

/* admin jobreferral end */

/* admin job import start */

.res-admin-holidaysupload {
    /*margin-top: 15px;*/
}

.res-admin-jobupload .admin-jobupload-view {
    margin-left: 10px;
    margin-top: 20px;
}

.res-admin-jobupload-import {
    margin-left: -10px;
}

.res-admin-jobupload .import-user-head {
    margin-top: 0;
    margin-bottom: 15px;
}

.res-admin-jobupload .download-btn {
    color: #fff;
}

.res-admin-jobupload .res-admin-jobupload-import #job-file-upload-area {
    width: 100%;
}

.res-admin-jobupload .submit-button {
    margin-top: 20px;
    text-align: left;
    margin-right: 0;
    margin-bottom: 20px;
}

.res-admin-jobupload .job-file-upload {
    border: 2px dashed #007bff;
    padding: 32px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    width: 45%;
}

.res-admin-jobupload #job-file-upload-input {
    display: none;
}


/* admin job import end */


@supports (-webkit-backdrop-filter: none) or (-webkit-hyphens:auto) {
    #adminaddendancetable {
        margin-top: 0px !important;
    }
}


.admin-itsupport-main-menu .side-menubar-updown {
    display: inline-block;
    text-align: right;
    width: 28%;
    font-size: 12px;
}

.asset_itemslist {
    font-size: 15px;
    margin-bottom: 0px;
}

/*.icon_assetlist.icon1 {
    background-color: #FFF6D9;
}

.icon_assetlist.icon2 {
    background-color: #DBF1F9;
}

.icon_assetlist.icon3 {
    background-color: #DAF1E4;
}

.icon_assetlist.icon4 {
    background-color: #FCD9E4;
}*/

.admin-assetinfo-view .card {
    padding-right: 0px;
    padding-left: 20px;
    margin-top: 40px;
    margin-bottom: 0px;
}

#piechart g text {
    font-size: 14px
}

.chart-legend-container {
    display: flex; /* Align chart and legend in a row */
    align-items: center; /* Center items vertically */
}

#piechart {
    width: 480px; /* Set width for pie chart */
    height: 220px; /* Set height for pie chart */
}

#legend {
    position: absolute;
    top: 55px;
    right: 64px; /* Add space between the pie chart and legend */
}

    #legend div {
        display: flex; /* Flexbox for legend items */
        align-items: center;
        margin-bottom: 2px; /* Spacing between legend items */
    }

#subscriptionadd-success-popup .modal-header {
    border-bottom: 1px solid transparent;
}

    #subscriptionadd-success-popup .modal-header button {
        padding-bottom: 0px;
    }


/*-----Admin Job refferal Page Style sheet starting here ------*/

.admin-jobreferral-list {
    background: white;
    height: 100vh;
    padding: 0 10px 25px 0px;
}

    .admin-jobreferral-list .admin-jobreferral-header {
        margin: 0 0px;
    }

    .admin-jobreferral-list .main-content {
        margin-left: 0;
        width: 100% !important;
    }

    .admin-jobreferral-list #adminJobReferral {
        background: #fff;
        margin-left: 0;
    }

    .admin-jobreferral-list .adminpost_jobreferal {
        margin-right: 2%;
    }

    .admin-jobreferral-list .res-admin-jobreferral-header .res-admin-jobreferral-right {
        text-align: right;
        margin-left: -12px;
        cursor: pointer;
    }

    .admin-jobreferral-list #admin-jobreferal-data {
        /*display: inline-flex;
justify-content: space-between;
width: 100%;*/
    }

    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 48%;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 6px 0px 0px 10px;
        display: inline-block;
        margin: 10px 0px 5px 0px;
        margin-right: 9px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block:nth-child(odd) {
        }

        .admin-jobreferral-list .admin-jobreferal-data-block:nth-child(even) {
            /*margin-left: 5%;*/
        }

    .admin-jobreferral-list .admin-jobreferal-data-block-header {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block-header .admin-jobreferal-data-title {
            font-size: 18px;
            font-weight: bold;
        }

        .admin-jobreferral-list .admin-jobreferal-data-block-header .admin-jobreferal-data-posted {
            font-style: italic;
            font-size: 13px;
            padding-right: 10px;
            color: #525252;
        }

    .admin-jobreferral-list .admin-jobreferal-data-block-body {
        margin: 5px 0;
        font-size: 15px;
        color: #525252;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
            width: 50%;
            display: inline-block;
        }

        .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
            width: 50%;
            display: inline-block;
            margin-top: 5px;
        }

        .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
            width: 49%;
            display: inline-block;
            margin-top: 5px;
        }

        .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-location {
            width: 49%;
            display: inline-block;
        }

        .admin-jobreferral-list .admin-jobreferal-data-block-body span i {
            color: #40D8D8;
            font-size: 15px;
            margin-right: 5px;
        }

    .admin-jobreferral-list .admin-jobreferal-data-block-footer {
        text-align: right;
    }

    .admin-jobreferral-list .admin-jobreferal-data-status {
        text-align: center;
        display: inline-block;
        width: 75px;
        font-size: 14px;
        color: #fff;
        padding: 2px 0px;
        border-radius: 3px 0px 0px 0px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-status.Open {
            background: green;
        }

        .admin-jobreferral-list .admin-jobreferal-data-status.Closed {
            background: red;
        }

    .admin-jobreferral-list .res-admin-jobreferral-left button {
        border-radius: 25px;
        border: 1px solid #000000;
        margin-right: 10px;
    }

        .admin-jobreferral-list .res-admin-jobreferral-left button.active {
            background: #267EC4;
            border: 0px solid;
            color: #fff;
        }

.admin-jobreferralprocess-popup {
    table-layout: fixed;
    margin: 0 0%;
}

    .admin-jobreferralprocess-popup .left-data {
        background: #3B94CD;
        width: 22%;
        color: #fff;
        padding: 10px 10px;
        border-right: 1px solid #524e4e;
    }

    .admin-jobreferralprocess-popup .right-data {
        padding: 10px 10px;
    }

    .admin-jobreferralprocess-popup tr {
        border: 1px solid #524e4e
    }

    .admin-jobreferralprocess-popup .right-data ul {
        padding-left: 20px;
    }

#adminJobReferralProcessModal .modal-header {
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 0px;
}

#adminJobReferralProcessModal #JobReferralProcessModalLabel {
    font-size: 21px;
}

#adminJobReferralProcessModal .modal-header button {
    font-size: 14px;
}

.res-admin-jobreferral .main-content {
}

#admin_candidatelist_jobreferal .canjref_thead {
    /*background-color:*/
}

#admin_candidatelist_jobreferal .canjref_thead {
    background-color: #267EC4;
    padding: 5px 10px;
    ;
    font-size: 14px;
    color: white;
}

    #admin_candidatelist_jobreferal .canjref_thead th {
        padding: 5px 10px;
    }

.jobreffered_by_image {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}

#admin_candidatelist_jobreferal .odd {
    background-color: #FFFFFF !important;
}

#admin_candidatelist_jobreferal .even {
    background-color: #EBFAFF !important;
}

.admin-jobreferral-list {
    margin-top: 20px;
    margin-left: 0px;
}

.admin-jobreferal-data-options {
    display: inline-block;
    margin-right: 10px;
}

    .admin-jobreferal-data-options i {
        font-size: smaller;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 1rem;
        color: gray;
        cursor: pointer;
    }

.admin-jobreferal-data-block {
    position: relative;
}

.admin-jobreferal-dataoptions {
    display: none;
    left: 83%;
    cursor: pointer;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    margin-top: 0px;
    /*width: 55px;*/
    padding: 5px;
}

    .admin-jobreferal-dataoptions a {
        display: block;
        padding: 2px 4px;
        color: #333;
        text-decoration: none;
    }

        .admin-jobreferal-dataoptions a:hover {
            background-color: #f8f9fa;
        }

.btn_admin_postjobreferal {
    color: white;
    background-color: #3E78CF !important;
}

#adminJobReferral {
    margin-top: 5px;
}

#admin_candidatelist_jobreferal {
    width: 100%;
}

.res-admin-jobreferral .main-content {
    width: 86%;
}

.adminadd-postjob .admin-postjob-title {
    margin-left: 15px;
}

#adminJobReferralProcessModal .modal-body {
    padding: 10px 15px;
}

#adminJobReferralProcessModal #admin_candidatelist_jobreferal_wrapper {
    padding: 0;
}

/*----Admin job referal style sheet ends here----*/

/*-----Admin Job referal Details style sheet starts here-----*/
.admin-jobreferral-detail-horizon {
    height: auto;
}

    .admin-jobreferral-detail-horizon #adminJobReferralDetail {
        background: white;
        margin-left: 0;
    }

        .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left {
        }

            .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .title-block-left {
                display: inline-block;
                width: 70%;
                font-size: 24px;
                font-weight: bold;
            }

            .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .title-block-right {
                display: inline-block;
                width: 29%;
                text-align: right;
            }

                .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .title-block-right .btn {
                    background: #267EC4;
                    color: #fff;
                    border-radius: 25px;
                }

            .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-work-block {
                margin-bottom: 10px;
            }

            .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-desc-block .admin-jobreferral-detail-desc-title {
                font-weight: bold;
                margin-bottom: 10px;
            }

            .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-type-block {
                border: 1px solid;
                border-radius: 10px;
                padding: 15px 5px;
            }

                .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-type-block .admin-jobreferral-detail-type-title {
                    font-weight: bold;
                }

                .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-type-block .admin-jobreferral-detail-type-info {
                    margin-bottom: 10px;
                }

                .admin-jobreferral-detail-horizon #adminJobReferralDetail .admin-jobreferral-detail-left .admin-jobreferral-detail-type-block .btn {
                    background: #267EC4;
                    color: #fff;
                    border-radius: 25px;
                    margin-top: 10px;
                }

    .admin-jobreferral-detail-horizon .admin-jobreferral-detail-type-info.admin-job-ref-btn {
        text-align: right;
        padding-right: 0;
    }

.admin-jobreferal-details {
    height: auto;
    background-color: #E3E9F1;
    padding: 15px;
}

.admin-jobreferral-detail-track-left .userIcon {
    border: 1px solid transparent;
    background-color: #267EC4;
    border-radius: 50%;
    text-align: center;
    height: 50px;
    width: 50px;
}

    .admin-jobreferral-detail-track-left .userIcon .admin-jobreferral-detail-track-image {
        padding-top: 12px;
    }

.admin-jobreferral-detail-track-left .status-line {
    border-left: 4px solid #267EC4;
    height: 40px;
    margin-left: 23px;
}

.admin-jobreferral-detail-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.admin-jobreferral-detail-track-mid span {
    font-size: 14px;
}

.postjob_submitbtn {
    padding-top: 10px;
}

.adminadd-postjob {
    margin-top: 20px;
    padding: 0px
}

.admin-jobreferral {
    margin-top: 20px;
    padding: 0px
}

#adminJobReferralProcessModal {
    align-content: center;
}

    #adminJobReferralProcessModal tbody {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        #adminJobReferralProcessModal tbody tr {
            background-color: #ffffff;
            border-bottom: 1px solid #ccc;
        }

/* Admin job referal detailed end */

/* ItSupport raise ticket start */

.res-itsupport-raiseticket .main-content.container-fluid {
    width: 87% !important;
    margin-left: 180px;
    margin-top: 20px;
}

.res-itsupport-raiseticket .itsupport-raiseticket-container .container-fluid {
    margin-top: 10px;
    padding-left: 0px;
}

.res-itsupport-raiseticket .itsupport-raiseticket-form-container {
    margin: 10px 0px 0px 1%;
}

.res-itsupport-raiseticket #raiseTicketForm .apply-raiseticket-submit-block {
    float: right;
    margin-right: 27%;
}

.res-itsupport-raiseticket #raiseTicketForm .form-group {
    padding-left: 0px;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-left {
    float: left;
    border: 1px solid #ced4da;
    padding: 10px 10px;
    border-radius: 3px;
    max-width: 74%;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-icon {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}

    .res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-icon img {
        width: 55px;
    }

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-btn {
    display: inline-block;
    width: 80%;
    vertical-align: text-top;
    margin-left: 10px;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticket-attach-upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticket-attach-label {
    border: 0px solid #b3b3b3;
    color: #0066B1;
    background-color: transparent;
    font-size: 12px;
    padding: 0;
    text-decoration: underline;
    border-radius: 2px;
    cursor: pointer;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticket-attach-upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 31%;
    height: 30px;
    cursor: pointer;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticket-file-name {
    margin-left: 10px;
    font-size: 12px;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticket-attach-file-upload-size {
    font-size: 12px;
    margin-top: -6px;
    color: #6B6B6B;
}

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-right {
    display: inline-block;
}

    .res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-right img {
        height: 50px;
        width: auto;
    }

    .res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-right .itsupport-raiseticket-uploaded-image-close {
        font-size: 10px;
        cursor: pointer;
        position: absolute;
        color: #F8284A;
        margin-left: -5px;
        margin-top: -5px;
        top: 0;
    }

.res-itsupport-raiseticket #raiseTicketForm .itsupport-raiseticketing-upload-field {
    margin-bottom: 10px;
    display: inline-block;
}

.res-itsupport-raiseticket #raiseTicketForm .btn-apply-itsupport-raiseticket-submit {
    padding: 5px 25px;
    border-radius: 20px;
}

.res-itsupport-raiseticket #raiseTicketForm .form-group .select2.select2-container {
    width: 100% !important;
}

/* ItSupport raise ticket end */

/* emp onboard list start */

.admin-emponboardlist-action-block {
    display: inline-flex;
    width: 100%;
    justify-content: right;
    position: relative;
    top: 5px;
    z-index: 9;
}

.admin-emponboardlist-view .res-admin-emponboardlist-header-right {
    display: inline-flex;
    justify-content: right;
    padding-right: 0;
    padding-top: 20px;
}

.res-admin-emponboardlist-table {
}

.admin-emponboardlist-view .res-admin-emponboardlist-header-right select {
    border: none;
}

.res-admin-emponboardlist-add #bulkimport-emponboardlist {
    border: 1px solid #ccc;
}

.emponboardlist-add {
    border: 1px solid #ccc;
    background-color: #3E78CF;
    color: #fff;
}

    .emponboardlist-add:hover {
        color: #fff;
    }

.status-pending {
    color: red;
}

.status-completed {
    color: green;
}

.res-admin-emponboardlist-table #adminemponboardlisttable_wrapper {
    padding-top: 0;
}

#adminemponboardlisttable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminemponboardlisttable .emponboardlist-list-edit i.emponboardlist-edit-dropdown {
    padding: 3px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

#adminemponboardlisttable .emponboardlist-list-edit .emponboardlist-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

#adminemponboardlisttable .emponboardlist-userinfo-name {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

#adminemponboardlisttable .emponboardlist-userinfo-name .emponboardlist-id-select {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* emp onboard list end */

/* emp onboard add start */

.admin-emponboardadd-header-info {
    display: inline-flex;
}

    .admin-emponboardadd-header-info .col-lg-4 {
        display: inline-flex;
    }

.admin-emponboardadd-img img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.admin-emponboardadd-types {
    font-weight: bold;
    font-size: 14px;
}

.admin-emponboardadd-name-designation {
    margin-left: 10px;
}

.admin-emponboardadd-content-info {
    border: 1px solid #ccc;
    padding: 0;
    margin: 20px 0;
}

.admin-emponboardadd-content-info-title {
    border-bottom: 1px solid #ccc;
    padding: 5px 15px;
    background: #D7E5FA66;
    font-weight: bold;
    font-size: 14px;
}

.admin-emponboardadd-content-info-fields {
    display: inline-flex;
    width: 100%;
    padding: 20px 0 10px 0;
}

.emponboardadd-content-b4 {
    /*border: none;*/
}

#emponboardadd-success-popup .modal-header {
    border-bottom: 1px solid transparent;
    position: absolute;
    right: 0;
    z-index: 999;
}

.admin-emponboardadd-leftarrow {
    margin-right: 10px;
    align-items: center;
    display: inline-flex;
    cursor: pointer;
}

.admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b1-f1 .form-check,
.admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b2-f1 .form-check,
.admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b3-f1 .form-check,
.admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b4-f1 .form-check {
    padding: 0;
    display: inline-flex;
    justify-content: right;
}

    .admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b1-f1 .form-check label,
    .admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b2-f1 .form-check label,
    .admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b3-f1 .form-check label,
    .admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b4-f1 .form-check label {
        /*width: 100%;*/
        margin-right: 20px;
    }

.admin-emponboardadd-blocks-ap .admin-emponboardadd-block-title {
    margin-bottom: 10px;
}

.admin-emponboardadd-blocks-ap.admin-emponboardadd-block-b4-f1 {
    display: inline-flex;
    justify-content: space-between;
    width: 92%;
    margin-left: 10px;
}

/* emp onboard add end */

/* emp onboard bulk upload start */

.res-emponboard-import {
    margin: 0px;
    padding-top: 2%;
}

/* emp onboard bulk upload end */

/* emp exit form start */

.emp-exitform-list-horizon {
    background: #efefef;
    min-height: 95vh;
    padding: 0 25px;
}

    .emp-exitform-list-horizon .main-content {
        margin-left: 0;
        width: 100% !important;
    }

    .emp-exitform-list-horizon .emp-ef-details-block-1 .res-emp-ef-tabs {
        /*border-bottom: none;*/
    }

    .emp-exitform-list-horizon .emp-ef-details-block-1 .nav-tabs .nav-item {
        padding: 0 10px;
    }

        .emp-exitform-list-horizon .emp-ef-details-block-1 .nav-tabs .nav-item.show .nav-link,
        .emp-exitform-list-horizon .emp-ef-details-block-1 .nav-tabs .nav-link {
            border: 0px;
        }

    .emp-exitform-list-horizon .emp-ef-details-block-all {
        background: #fff;
        padding: 15px 30px;
    }

    .emp-exitform-list-horizon .emp-ef-details-block-1 .nav-tabs .nav-item.show .nav-link,
    .emp-exitform-list-horizon .emp-ef-details-block-1 .nav-tabs .nav-link.active {
        color: #000;
        border-bottom: 2px solid #267EC4;
    }

    .emp-exitform-list-horizon .emp-exitform-details-all {
        margin: 15px 0;
        background: #fff;
        padding: 10px 10px;
        display: inline-block;
        width: 100%;
    }

.emp-exitform-details-all .emp-ef-exitfeedbackview-block {
    font-size: 14px;
}

    .emp-exitform-details-all .emp-ef-exitfeedbackview-block .emp-ef-exitfeedbackview-block-title {
        font-weight: bold;
        font-size: 15px;
        padding: 0 1%;
        margin-bottom: 10px;
    }

    .emp-exitform-details-all .emp-ef-exitfeedbackview-block .emp-ef-exitfeedbackview-block-content {
        display: inline-block;
        width: 100%;
    }

        .emp-exitform-details-all .emp-ef-exitfeedbackview-block .emp-ef-exitfeedbackview-block-content .form-check {
            margin-bottom: 10px;
        }

        .emp-exitform-details-all .emp-ef-exitfeedbackview-block .emp-ef-exitfeedbackview-block-content .emp-exitfeedbackview-rating {
            width: 100%;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
        }

    .emp-exitform-details-all .emp-ef-exitfeedbackview-block.emp-ef-exitfeedbackview-b1 .emp-ef-exitfeedbackview-block-content {
        display: inline-flex;
        width: 100%;
    }

    .emp-exitform-details-all .emp-ef-exitfeedbackview-block .exitfeedbackview-yes-no {
        display: inline-flex;
    }

        .emp-exitform-details-all .emp-ef-exitfeedbackview-block .exitfeedbackview-yes-no .form-check:nth-child(1) {
            margin-right: 20px;
        }

    .emp-exitform-details-all .emp-ef-exitfeedbackview-block textarea {
        border: none;
        background: #F3F3F5;
        border-radius: 3px;
        width: 100%;
    }

.emp-exitform-details-all .emp-ef-exitfeedbackview-b1,
.emp-exitform-details-all .emp-ef-exitfeedbackview-b2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.emp-exitform-details-all .emp-exitfeedbackview-submit {
    display: inline-flex;
    justify-content: right;
}

.emp-exitform-list-horizon .emp-ef-itclearenceview-info {
    padding: 0px 15px;
    font-size: 14px;
}

.emp-exitform-list-horizon .emp-exitform-details-all .emp-ef-itclearenceview .tree-structure {
    overflow-y: scroll;
}

    .emp-exitform-list-horizon .emp-exitform-details-all .emp-ef-itclearenceview .tree-structure .allocate-details.tree-child img {
        width: 70px;
        height: 70px;
        object-fit: cover;
        margin-bottom: 10px;
    }

    .emp-exitform-list-horizon .emp-exitform-details-all .emp-ef-itclearenceview .tree-structure .allocate-info span {
        color: gray;
    }

.emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block {
    border: 1px solid #ccc;
}

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .emp-ef-itclearenceview-title {
        background: #267EC4;
        padding: 7px 25px;
        border-bottom: 1px solid #ccc;
        color: #fff;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .emp-ef-itclearenceview-content {
        display: inline-flex;
        width: 100%;
        padding: 20px 10px;
        overflow-y: scroll;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .emp-ef-itclearenceview-ms-access {
        margin-bottom: 10px;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .inactive i {
        margin-right: 10px;
        color: #E7E7E7;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block i {
        margin-right: 10px;
        color: #4CAF50;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .emp-ef-itclearenceview-group {
        margin-bottom: 15px;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-block .emp-ef-itclearenceview-group-sub {
        margin-top: 5px;
        margin-left: 25px;
        color: #8B8B8B;
    }

.emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-b4 {
    border: none;
    width: 100%;
    align-items: center;
}

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-b4 textarea {
        border: none;
        background: #F3F3F5;
    }

    .emp-exitform-list-horizon .emp-ef-itclearenceview-info .emp-ef-itclearenceview-info-b4 .emp-ef-itclearenceview-savenext-block {
        align-items: center;
        display: inline-flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 12px;
    }



.emp-exitform-list-horizon .emp-ef-exitagreementview-info {
    font-size: 14px;
}

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-info-b1 {
        background: darkkhaki;
        display: inline-flex;
        width: 100%;
        justify-content: space-between;
        padding: 10px 20px;
        align-items: center;
        background: url(../Assets/exit-banner.png);
        background-size: 100% 100px;
        background-repeat: no-repeat;
        border-radius: 0px !important;
    }

        .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-info-b1 .emp-ef-exitagreementview-title {
            font-size: 20px;
            color: #fff;
        }

        .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-info-b1 .emp-ef-exitagreementview-icon img {
            width: 35px;
        }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-info-b2 {
        border: none !important;
        padding: 5px 25px !important;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-info-block {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 25px 30px;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-block-content-part {
        font-size: 17px;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-block-content {
        margin-bottom: 10px;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-content-subtitle {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info .emp-ef-exitagreementview-block-content .emp-exitagreementview-content-no {
        font-weight: bold;
        margin-right: 5px;
    }

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .form-group {
    padding-left: 0px;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-upload-left {
    float: left;
    border: 1px solid #ced4da;
    padding: 10px 10px;
    border-radius: 3px;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-upload-icon {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-upload-icon img {
        width: 55px;
    }

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-upload-btn {
    display: inline-block;
    width: 80%;
    vertical-align: text-top;
    margin-left: 10px;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-attach-upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-attach-label {
    border: 0px solid #b3b3b3;
    color: #0066B1;
    background-color: transparent;
    font-size: 12px;
    padding: 0;
    text-decoration: underline;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-attach-upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 31%;
    height: 30px;
    cursor: pointer;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-file-name {
    margin-left: 10px;
    font-size: 12px;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-block .emp-exitagreementview-attach-file-upload-size {
    font-size: 12px;
    margin-top: -6px;
    color: #6B6B6B;
}

.emp-exitform-list-horizon .emp-ef-exitagreementview-info-b6 {
    display: inline-flex;
    justify-content: space-between;
    border: none !important;
}

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info-b6 .emp-exitagreementview-submit {
        text-align: right;
        padding: 0;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info-b6 .form-group label {
        font-weight: bold;
        font-size: 13px;
    }

    .emp-exitform-list-horizon .emp-ef-exitagreementview-info-b6 #emp-ef-exitagreementview-empname {
        background: #F3F3F5;
        border: none;
    }

.emp-ef-exitagreementview-block-content .emp-ef-exitagreementview-block-list {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.emp-exitfeedbackview-submit button,
.emp-ef-itclearenceview-savenext-block button,
.emp-exitagreementview-submit button {
    border-radius: 20px;
    padding: 5px 25px;
}




#empexitform-success-popup .empexitform-field-all {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px 20px;
}

    #empexitform-success-popup .empexitform-field-all .empexitform-field-title {
        font-weight: bold;
    }

    #empexitform-success-popup .empexitform-field-all .form-check {
        color: gray;
    }

#empexitform-success-popup .modal-footer {
    border-top: none;
}

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

.emp-exitform-list-horizon .emp-ef-submission-all {
    background: #fff;
    padding: 70px 30px;
    text-align: center;
    min-height: 72vh;
}

    .emp-exitform-list-horizon .emp-ef-submission-all .emp-ef-submission-img img {
        width: 130px;
    }

    .emp-exitform-list-horizon .emp-ef-submission-all .emp-ef-submission-info-title {
        font-size: 35px;
    }

    .emp-exitform-list-horizon .emp-ef-submission-all .emp-ef-submission-info-subtitle {
        font-size: 21px;
    }

/* emp exit form end */

/* it emp exit list start */

.admin-empexitlist-action-block {
    display: inline-flex;
    width: 100%;
    justify-content: right;
    position: relative;
    top: 5px;
    z-index: 9;
}

.admin-empexitlist-view .res-admin-empexitlist-header-right {
    display: inline-flex;
    justify-content: right;
    padding-right: 0;
    padding-top: 20px;
}

.res-admin-empexitlist-table {
}

.admin-empexitlist-view .res-admin-empexitlist-header-right select {
    border: none;
}

.res-admin-empexitlist-add #bulkimport-emponboardlist {
    border: 1px solid #ccc;
}

.empexitlist-add {
    border: 1px solid #ccc;
    background-color: #3E78CF;
    color: #fff;
}

    .empexitlist-add:hover {
        color: #fff;
    }

.status-pending {
    color: red;
}

.status-completed {
    color: green;
}

.res-admin-empexitlist-table #adminempexitlisttable_wrapper {
    padding-top: 0;
}

#adminempexitlisttable_length {
    margin-bottom: 0px !important;
    font-size: 13px;
    text-align: start;
    width: 100%;
}

#adminempexitlisttable .empexitlist-list-edit i.empexitlist-edit-dropdown {
    padding: 3px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

#adminempexitlisttable .empexitlist-list-edit .empexitlist-options {
    position: absolute;
    background: white;
    box-shadow: 0px 1px 3px 1px #ccc;
    text-align: left;
    right: 20px;
    cursor: pointer;
    padding: 3px 0;
    z-index: 1;
}

#adminempexitlisttable .empexitlist-userinfo-name {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

    #adminempexitlisttable .empexitlist-userinfo-name .empexitlist-id-select {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#adminempexitlisttable_filter {
    display: none;
}

/* it emp exit list end */


.pointer {
    cursor: pointer;
}
/*  Admin Responsive view for Job Referal Listing Page Start*/
@media (max-width:375px) {
    .admin-jobreferral-list {
        margin-top: 70px;
    }

    .admin-jobreferral-title h4 {
        font-size: 22px;
    }

    .btn_admin_postjobreferal {
        font-size: 15px;
    }

    .admin-jobreferral-list .res-admin-jobreferral-left button {
        margin-right: 5px;
        font-size: 12px;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 100%;
    }

    .postjob_submitbtn {
        padding-left: 0px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .adminadd-postjob {
        margin-top: 70px;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 100%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        margin-top: 0px;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        margin-top: 0px;
    }

    #adminJobReferral {
        padding-bottom: 10px;
    }

    .admin-jobreferal-dataoptions {
        left: 73%;
    }

    #adminJobReferralDeleteModal .modal-header {
        padding: 0px;
        padding-right: 10px;
    }

    #adminJobReferralDeleteModal .modal-footer .btn-secondary {
        font-size: 12px;
    }

    #adminJobReferralDeleteModal .modal-footer .delete-jobreferaldelete {
        font-size: 12px;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    .admin-jobreferral {
        margin-top: 80px;
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 400%;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .admin-jobreferal-dataoptions {
        left: 78%;
    }
}

@media (min-width:376px) and (max-width:425px) {
    .admin-jobreferral-list {
        margin-top: 70px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block {
            width: 100%
        }

    .admin-jobreferal-dataoptions {
        left: 81%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 250%;
    }

    .admin-jobreferral {
        margin-top: 70px;
        padding: 0px
    }

    .adminadd-postjob {
        margin-top: 70px;
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 20px;
    }
}

@media (min-width:426px) and (max-width:600px) {
    .admin-jobreferral-list {
        margin-top: 70px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block {
            width: 100%
        }

    .adminadd-postjob {
        margin-top: 70px;
    }

    .admin-jobreferral {
        margin-top: 70px;
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 180%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }
}

@media (min-width:601px) and (max-width:700px) {
    .admin-jobreferral-list {
        margin-top: 70px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block {
            width: 100%
        }

    .adminadd-postjob {
        margin-top: 70px;
    }

    .admin-jobreferral {
        margin-top: 70px;
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 150%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    .admin-jobreferal-dataoptions {
        left: 89%;
    }
}

@media (min-width:701px) and (max-width:767px) {
    .admin-jobreferral-list {
        margin-top: 70px;
    }

        .admin-jobreferral-list .admin-jobreferal-data-block {
            width: 100%
        }

    .adminadd-postjob {
        margin-top: 70px;
    }

    .admin-jobreferral {
        margin-top: 70px;
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 120%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    .admin-jobreferal-dataoptions {
        left: 90%;
    }
}

@media (min-width:768px) and (max-width:900px) {


    .admin-jobreferral {
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 100%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    .admin-jobreferal-dataoptions {
        left: 87%;
    }
}

@media (min-width:768px) and (max-width:800px) {
    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 100%;
    }
}

@media (min-width:801px) and (max-width:900px) {
    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 48%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 100%;
    }

    .admin-jobreferal-dataoptions {
        left: 75%;
    }

    .res-admin-jobreferral .main-content {
        width: 78%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        margin-top: 0px;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        margin-top: 0px;
    }
}

@media (width:1024px) {
    .res-admin-jobreferral .main-content {
        width: 81%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-location {
        width: 40%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        width: 58%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 58%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        width: 40%
    }
}

@media (width:430px) {
    #admin_candidatelist_jobreferal {
        width: 250%;
    }
}

@media (width:412px) {
    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-location {
        width: 40%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        width: 58%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 58%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        width: 40%
    }
}

@media (min-width:855px) and (max-width:900px) {
    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-location {
        width: 40%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        width: 58%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 58%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        width: 40%
    }
}

@media (min-width:901px) and (max-width:1020px) {


    .admin-jobreferral {
        padding: 0px
    }

    .admin-jobreferral-detail-track-mid {
        padding-left: 30px;
    }

    #admin_candidatelist_jobreferal_wrapper {
        overflow-y: auto;
    }

    #admin_candidatelist_jobreferal {
        width: 100%;
    }

    #adminJobReferralDeleteModal {
        align-content: center;
    }

    .admin-jobreferal-dataoptions {
        left: 87%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 48%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-location {
        width: 40%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-onsite {
        width: 55%
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-experience {
        width: 55%;
    }

    .admin-jobreferral-list .admin-jobreferal-data-block-body .admin-jobreferal-data-candidate {
        width: 40%
    }
}

@media (min-width:1500px) {
    .admin-jobreferral-list .admin-jobreferal-data-block {
        width: 32%
    }
}