*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mb0 {
    margin-bottom:0 !important;
}

.box {
    box-shadow: 0px 8px 24px 8px rgba(31, 35, 41, .04), 0px 6px 12px 0px rgba(31, 35, 41, 0.04), 0px 4px 8px -8px rgba(31, 35, 41, 0.06);
    border-radius: 10px;
    border-left: 4px solid #18AACC;
}

label {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 5px;
}

.form-control {
    min-width:100% !important;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 3px 2px;
    height: 28px;
}

select[multiple], select[size] {
    height: 28px !important;
}

.SumoSelect > .CaptionCont {
    line-height: 22px;
    border-radius: 6px;
}

/******pagimnation*****/
.paginationPanel {
    float: right;
    padding: 3px; /*border: solid thin #dadada; padding: 2px 6px;  border-radius: 4px;*/
}

    .paginationPanel a {
        margin: 0px 1px;
        cursor: pointer;
        background: #f1f1f1;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        color: #757575;
    }

        .paginationPanel a:hover, .paginationPanel a.active {
            background: #0485A3;
            color: #fff;
        }

    .paginationPanel .paginationpage {
        max-width: 32px;
        text-align: center;
        height: 21px;
        border: solid thin #ccc;
    }

    .paginationPanel select {
        max-width: 48px;
        text-align: center;
        height: 21px;
        border: solid thin #ccc;
    }

    .paginationPanel button {
        background: #0485A3;
        color: #fff;
        border: none;
        border-radius: 3px;
        padding:2px;
        cursor: pointer;
    }

    .paginationPanel .borderleft {
        border-left: solid thin #dadada;
    }
/******pagimnation*****/

.modal .modal-header {
    background:#18AACC;
    border-radius:0;
    padding:10px;
}

#mdlEmployeeLeaveStatement .modal-dialog {
    min-width:65%;
}

#mdlEmployeeLeaveStatement .close {
    outline: none;
    border: none;
    background: none;
    top: 22px !important;
}

#mdlEmployeeLeaveStatement .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    padding: 10px;
    bottom: 0px;
}

#mdlLeaveAddition .modal-dialog {
    min-width: 50%;
}

#mdlLeaveAddition .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
    font-weight:400 !important;
}

#mdlLeaveAddition .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    bottom: 0px;
}

#mdlLeaveDetails .modal-dialog {
    min-width: 55%;
}

#mdlLeaveDetails .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
}

#mdlLeaveDetails .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    bottom: 0px;
}

#mdlAssignOffDays .modal-dialog {
    min-width: 35%;
}

#mdlAssignOffDays .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
}

#mdlAssignOffDays .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    bottom: 0px;
}

#mdlAssignShift .modal-dialog {
    min-width: 25%;
}

#mdlAssignShift .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
}

#mdlAssignShift .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    bottom: 0px;
}

#mdlAssignLocation .modal-dialog {
    min-width: 35%;
}

#mdlAssignLocation .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
}

#mdlAssignLocation .modal-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top-color: #f4f4f4;
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #d4d4d4;
    bottom: 0px;
}

.calendarSet1 {
    position: absolute;
    top: 22px;
    right: 5px;
    z-index: 1;
}

.nav-tabs {
    margin-bottom: 0 !important;
}

    .nav-tabs {
        margin: 0 !important;
        border-bottom-color: #f4f4f4 !important;
        border-top-right-radius: 3px !important;
        border-top-left-radius: 3px !important;
    }

        .nav-tabs > li button {
            border-bottom: 3px solid transparent !important;
            margin-bottom: -2px !important;
            margin-right: 5px !important;
        }

        .nav-tabs > li > button {
            color: #1f1e1e;
            background: #cccccc6e;
            font-weight: 500;
            border-radius: 0;
        }

        .nav-tabs > li button.active {
            border-bottom-color: #18AACC !important;
            background: #18aacc33 !important;
        }

            .nav-tabs > li:first-of-type > button.active {
                border-left-color: transparent !important;
            }


.Topbg {
    padding: 4px 10px;
    color: #484741;
    background: #fdf7b1;
    margin-bottom: 10px;
    border: solid thin #ffe498;
    border-radius: 10px;
    box-shadow: 0 1px 2px #0000001a, 0 1px 2px #0000000f, 0 2px 4px #00000008;
}

#tblAssignLeave tbody tr.active > td {
    background: #fdf7b1;
}

#tblAssignoffDays tr.active > td {
    background: #fdf7b1;
}

#tblAssignShift tr.active > td {
    background: #fdf7b1;
}

#tblLocation tr.active > td {
    background: #fdf7b1;
}

.max-height500 {
    max-height: 500px;
}

#TOPtblModalLeaveStatement {
    height:64vh;
}

#TOPtblOffDayTemplateHeader {
    height: 64vh;
}

.addLocation {
    position:relative;

}

    .addLocation span {
        position: absolute;
        top: -12px;
        right: -12px;
        background: #008000bd;
        padding: 2px 4px;
        border-radius: 50px;
        color: #fff;
        font-size: 10px;
    }



#mdlAddLocation .modal-dialog {
    min-width:70%;
}
#mdlAddLocation .close {
    outline: none;
    border: none;
    background: none;
    top: 25px !important;
}

.TotalRecords {
    background: #daeffd;
    display: inline-block;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    color: #626262;
}

#toptblmodelLocation {
    max-height:65vh;
}