body {
    font-family: "Rubik", sans-serif !important;
}

a span {
    font-family: "Rubik", sans-serif !important;
    font-weight: 500;
}

.table.table-bordered th a {
    color: #262460
}

.opaqueLayer {
    background-color: #FEEFF4;
    display: none;
    filter: alpha(opacity=60);
    left: 0px;
    opacity: 0.6;
    position: absolute;
    top: 0px;
    z-index: 999999 !important;
}

.waitLayer {
    background-color: Transparent;
    border-color: #FEEFF4;
    display: none;
    height: 200px;
    left: 0px;
    left: 50%;
    margin: -50px 0 0 -100px;
    position: absolute;
    top: 50%;
    top: 50%;
    z-index: 1000000 !important;
}
.mpeBackground {
    background-color: #C0C0C0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.CustomDateCalendar {
    background: url('../../Images/calen.jpg') right 10px center no-repeat;
}

.la-syncAfter:after {
    content: "\f021";
}

.las13Px {
    line-height: 13px;
}

.form-CustomCheck input[type=radio], .form-CustomCheck input[type=checkbox] {
    margin-right: 5px;
    margin-left: 25px;
}
    .form-CustomCheck input[type=radio]:first-child, .form-CustomCheck input[type=checkbox]:first-child {        
        margin-left: 0px;
    }

    .form-CustomCheck input[type=radio]:first-child, .form-CustomCheck input[type=checkbox]:first-child {
        margin-left: 0px;
    }

/*Begin Popup Custom CSS*/
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #000;
    background: #fdf4f7 !important;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(images/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

    #popup_content.alert {
        background-image: url('../../Scripts/jQueryUI/jAlert/images/info.gif');
    }

    #popup_content.confirm {
        background-image: url('../../Scripts/jQueryUI/jAlert/images/important.gif');
    }

    #popup_content.prompt {
        background-image: url('../../Scripts/jQueryUI/jAlert/images/help.gif');
    }

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

    #popup_panel input[type="button"] {
        background-color: #424275;
        border-color: #3d3d6d;
        color: #FFF;
    }

#popup_prompt {
    margin: .5em 0em;
}
/*End Popup Custom CSS*/


/*Start Ajax Calendar Settings for new bootstrap*/
.ajax__calendar .ajax__calendar_container {
    border: 1px solid #efcfdf !important;
    box-shadow: 1px 4px 5px #e9e9e9;
}

.ajax__calendar_container TABLE {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .ajax__calendar_container TABLE td {
        line-height: 15px;
        word-wrap: normal;
    }

.ajax__calendar_header {
    line-height: 15px;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    height: 150px !important;
    width: 220px !important;
}

.ajax__calendar_body {
    height: 141px !important;
    width: 220px !important;
}

.ajax__calendar_months {
    height: 149px !important;
}

.ajax__calendar_dayname {
    height: 20px !important;
    width: 20px !important;
    text-align: center;
}

.ajax__calendar_container {
    width: 230px !important;
    height: 200px !important;
}

.ajax__calendar .ajax__calendar_footer {
    line-height: 15px;
}

.ajax__calendar .ajax__calendar_today .ajax__calendar_day {
    color: #ffffff;
    border-color: #0066cc;
    background: #0066cc;
    width: 100%;
    text-align: center;
}

.card .ajax__calendar, .ajax__calendar_day {
    word-wrap: normal;
}
/*End Ajax Calendar Settings for new bootstrap*/

.limitTextArea {
    max-height: 80px;
    max-width: 500px;
}

.btn {
    max-height: 30px;
}

.closex {
    width: 230px !important;
    line-height: 18px !important;
}

.RemarkOfPassbook {
    font-weight: bold;
    color: #24476F;
    font-size: 14px;
    float: left;
}

.customCalenderFix {
    position: relative;
    overflow: visible !important;
}

    .customCalenderFix td {
        position: relative !important;
    }

.schemeCst input[type=text] {
    height: 30px;
    line-height: 20px;
    height: 50px;
    background-color: transparent;
    border: 1px solid #efcfdf;
    font-size: 13px;
    color: #262460 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none;
    appearance: auto !important;
    height: calc(1.5em + 0.626rem + 2px);
    padding: 0.313rem 1.25rem;
    line-height: 1.5;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-height: calc(1.5em + .5rem + 2px);
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .schemeCst input[type=text]:focus {
        border-color: #F98412;
        box-shadow: none;
        background-color: #fff;
        outline: 0;
    }

.schemeCst a {
    display: inline-block;
    padding-left: 10px;
}

.small .text-sm {
    font-size: 12px !important;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border: 3px solid gray;
    padding: 3px;
}

.label-input-group {
    position: relative;
    min-width: 297px;
    margin: 0;
    width: 297px;
}

    .label-input-group label.input-label {
        position: absolute;
        top: -14px;
        left: 10px;
        z-index: 99;
        background-color: #F98412;
        color: #fff;
        padding: 0 10px;
        border-radius: 50px;
        padding-left: 30px;
        font-size: 14px;
        line-height: 17px;
    }

        .label-input-group label.input-label span {
            background: #f6f6f6;
            border-radius: 50px;
            color: #f68124;
            width: 23px;
            display: inline-block;
            text-align: center;
            height: 23px;
            position: absolute;
            left: 0;
            border: 2px solid #f68124;
            top: -3px;
            line-height: 19px;
            font-weight: 600;
        }
.table.table-bordered.tabHeadBorder th {
    border: 1px solid #aaa;
}
.iq-sidebar-menu .iq-menu {
    margin-bottom: 100px;
}
.bg-yellow {
    background-color: #f98412;
    color: #fff !important;
}
    .bg-yellow a {
        color: #fff !important;
    }

.defaultHomePopUp {
    padding: 0px;
}