.maxWidth70
{
    max-width:70px!important;
}
.RowHeaderStyle {
    width: 30px !important;
    text-align:center!important;
}
.EditColumnStyle {
    width: 50px !important;
    text-align: center !important;
    vertical-align: middle;
}
.DeleteColumnStyle {
    width: 60px !important;
    text-align: center !important;
    vertical-align: middle;
}
.SelectColumnStyle {
    width: 60px !important;
    text-align: center !important;
    vertical-align: middle;
    
}
.InputColumnStyle {
    width: 120px !important;
    text-align: center !important;
    vertical-align: middle;
}
.InputColumnStyleLeftAlign {
    width: 120px !important;
    text-align: left !important;
    vertical-align: middle;
}
.InputColumnStyleLeftAlign-100 {
    width: 100px !important;
    text-align: left !important;
    vertical-align: middle;
}
.InputColumnStyle-100 {
    width: 100px !important;
    text-align: center !important;
    vertical-align: middle;
}
.myCheckBox {
    cursor: pointer;
    text-align: center !important;
    margin-left: 0px !important;
}
.mySelectCheckBox {
    cursor: pointer;
    text-align: center !important;
    margin-left:0px!important;
    float:none!important;
}
.caret {
    text-align: center !important;
    
}
.myDeleteButton {
    cursor: pointer;
    text-align: center !important;
    /*max-width: 70px !important;*/
}
.myEditButton {
    cursor: pointer;
    text-align: center !important;
    /*max-width: 70px !important;*/
}
.TableContainerDiv {
    width: 100% !important;
    overflow: auto !important;
    padding-right:0px!important;
    padding-left:0px!important;
}
.TableContainerDivAutoHeight {
    width: 100% !important;
    overflow: auto !important;
}
@media screen and (max-width: 768px) {
    .TableContainerDiv {
        max-height:420px;
    }
}
/*@media screen and (min-width: 992px) {
    .modal-dialog {
        max-width: 700px;
    }
}
@media screen and (min-width: 992px) {
    .modal-dialog-width950 {
        max-width: 950px!important;
    }
}*/
@media screen and (max-width: 551px) {
    .mright-sm-3
    {
        margin-right:2px;
    }
}
.FixedHeaderTable th {
    position: -webkit-sticky; /*this is for all Safari (Desktop & iOS), not for Chrome*/
    position: sticky;
    top: -1px;
    z-index: 1; /*any positive value, layer order is global*/
    /*background: #fff;*/ /*any bg-color to overlap*/
    text-align:left;
    padding:3px!important;
}

.FixedHeaderTable td {
    padding: 3px !important;
    text-align: left;
}
.legendStyle {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #777064;
}
.fieldsetStyle
{
    width:100%;
}
.form-control:disabled, .form-control[readonly] {
    /*background-color: #e9ecef;*/
    background-color: #fcfdfd!important;
}
.form-select:disabled {
    /*background-color: #e9ecef;*/
    background-color: #fcfdfd!important;
}

/* Appy All */
.selectall-popup {
   /* position: relative;
    display: inline-block;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
    .selectall-popup .popuptext {
        visibility: hidden;
        width: 110px;
        background-color: #ffffff;
        color: #2fc433;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        /*bottom: -25%;
        left: -16%;
        margin-left: 0px;*/
        -webkit-box-shadow: 1px 7px 31px -11px rgba(0,0,0,0.51);
        -moz-box-shadow: 1px 7px 31px -11px rgba(0,0,0,0.51);
        box-shadow: 1px 7px 31px -11px rgba(0,0,0,0.51);
    }

/* Popup arrow */
.selectall-popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.selectall-popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

@media screen and (max-width: 551px) {
    .container-fluid {
        padding-right: var(--bs-gutter-x,.3rem)!important;
        padding-left: var(--bs-gutter-x,.3rem)!important;
    }
    .card-body {
        padding: .5rem .5rem!important;
    }
}
.searchMemberInput {
    width: 100%;
    height: 2.5rem;
    color: rgb(119, 112, 100);
    background: #ffffff;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 0 3rem 0 0.5rem;
    font-size: 14px;
    margin-top: 0px;
    border: 1px solid #2fc433;
}
.searchMemberSubmit {
    background-color: #2fc433 !important;
    color: #ffffff;
    width: 2.9rem;
    height: 2.3rem;
    border-radius: 4px;
    margin-left: -2.6rem;
    margin-top: -3px;
    background: none;
    border: none;
    outline: none;
    box-shadow: 0 4px 0 #1da220;
}

.searchMemberSubmit:active {
    margin-top: -2px;
    box-shadow: 0 2px 0 #18a689;
}
.searchMemberInput-one {
    width: 100%;
    height: 2.5rem;
    color: rgb(119, 112, 100);
    background: #ffffff;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 0 3rem 0 0.5rem;
    font-size: 14px;
    margin-top: 0px;
    border: 1px solid #0b2f7f;
}
.searchMemberSubmit-one {
    background-color: #0b2f7f !important;
    color: #ffffff;
    width: 2.9rem;
    height: 2.3rem;
    border-radius: 4px;
    margin-left: -2.6rem;
    margin-top: -3px;
    background: none;
    border: none;
    outline: none;
    box-shadow: #021c57 0px 4px 0px;
}

.searchMemberSubmit-one:active {
    margin-top: -2px;
    box-shadow: 0 2px 0 #021c57;
}

.newlabel {
    width: max-content;
    background-color: white;
    color: #777064 !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: none;
    transition: all .1s ease;
    height: max-content !important;
}

.searchMemberInput::placeholder {
    opacity: 0
}

.searchMemberInput:focus ~ .newlabel {
    background-color: white;
    transform: scale(.85) translateY(-0.9rem) translateX(1.05rem);
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: max-content !important;
}

.searchMemberInput-one:not(:placeholder-shown) ~ .newlabel {
    background-color: white;
    transform: scale(.85) translateY(-0.9rem) translateX(1.05rem);
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: max-content !important;
}

.searchMemberInput::placeholder {
    opacity: 0
}

.searchMemberInput-one:focus ~ .newlabel {
    background-color: white;
    transform: scale(.85) translateY(-0.9rem) translateX(1.05rem);
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: max-content !important;
}

.searchMemberInput:not(:placeholder-shown) ~ .newlabel {
    background-color: white;
    transform: scale(.85) translateY(-0.9rem) translateX(1.05rem);
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: max-content !important;
}


.searchMemberInput-one:not(:placeholder-shown) ~ .newlabel {
    background-color: white;
    transform: scale(.85) translateY(-0.9rem) translateX(1.05rem);
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: max-content !important;
}

input.DynamicText {
    /*font-size: 9pt;
    font-family: Arial,Verdana;*/
    border-width: 0px;
    background-color: Transparent;
    height: 100%;
    
}

.DynamicText1 {
    /*font-size: 9pt;
    font-family: Arial,Verdana;*/
    border-width: 0px;
    background-color: Transparent;
    height: 100%;
    border-radius: 5px;
    border-color: #cccccc;
}

.DynamicText1:focus {
    /*border: 1px solid #448aff;*/
    border: 1px solid #0053de;
    box-shadow: 0 0 5px rgb(81 203 238) !important;
}

textarea.DynamicText {
        /*font-size: 9pt;
    font-family: Arial,Verdana;*/
        border-width: 0px;
        background-color: Transparent;
        height: 100%;
        overflow: auto;
    }

select.DynamicText {
    /*font-size: 9pt;
    font-family: Arial,Verdana;*/
    border-width: 0px;
    background-color: Transparent;
    height: 100%;
}
.CellRightAlign{
    text-align:right!important;
    /*padding-right:5px!important;*/
}

/* Collection Search Start */
.ms-n5 {
    margin-left: -40px;
}

.accordion-header {
    padding: 0px !important;
}

.accordion-button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 15px;
    color: #4c4c4c;
    text-transform: uppercase;
}

.accordion-button:not(.collapsed) {
    color: #0b2f7f;
}

.hd-sub {
    background-color: #dee3ec;
}

.hd-sub h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #092568;
    padding: 10px 0px 0px 10px;
    text-transform: uppercase;
}
/* Collection Search End */
.UploadDocument::before {
    content: "Upload Doc";
    position: absolute;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 80px!important;
    font-size: 12px;
}
.UploadResume::before {
    content: "Upload Resume"!important;
    position: absolute;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 90px !important;
    font-size: 12px;
}
.UploadBiodata::before {
    content: "Upload Biodata" !important;
    position: absolute;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 90px !important;
    font-size: 12px;
}
.UploadOfferLetter::before {
    content: "Upload Offer" !important;
    position: absolute;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 90px !important;
    font-size: 12px;
}
.UploadAppointmentLetter::before {
    content: "Appointment Letter"!important;
    position: absolute;
    left:20px;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 105px !important;
    height:25px;
    font-size: 12px;
}
.UploadApplication::before {
    content: "Upload Application" !important;
    position: absolute;
    left: 20px;
    z-index: 2;
    display: block;
    background-color: #eee;
    width: 105px !important;
    height: 25px;
    font-size: 12px;
}
/* Collection Search End */

.legendStyle {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #777064;
}

.fieldsetStyle-Border {
    width: 100%;
    border-color: #ced4da !important;
    border-width: 1px !important;
    border-style: solid !important;
    -webkit-box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 8%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    vertical-align: top;
}

.fieldsetStyle {
    width: 100%;
}
.enrolled {
    /*background-color:lightsteelblue!important;*/
    background-color: #e7edf5!important;
    /*background-color: #f4731b!important;*/
}