/*@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'ESKlarheitGrotesk-Rg';
}
/*html, body {
    height: 100%;
}
body {
    background: url('../Images/bbg1.svg') repeat center center;*/
/*    background-size: cover;*/
/*}*/

.signtext {
    font-size: 18px;
}

.imgCandidatesign {
    width: 100px;
    height: 50px;
    border-bottom: 2px solid lightgray;
    margin-top: -15px;
}

input[type='checkbox'] {
    width: 44px;
    height: 20px;
    accent-color: #FF5E4F !important;
}

.br20{
    border-radius: 20px;
}

#lblpass {
    display: inline-flex !important;
}

.tbllanguage tr td a {
    background-color: #FF5E4F;
    color: #1A1A1A;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 2px;
    top: 3px;
    position: relative;
    border-radius: 20px;
}
/*.tbllanguageCanel tr td a {
    background-color: white;
    color: #334497;
    border: 1px solid #334497;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 2px;
    top: 3px;
    position: relative;
    border-radius: 4px;
}*/

.tbllanguagedelete {
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
}

.wrapper {
    width: 650px;
    height: 650px;
    background: #f7f7f7;
    margin: 50px auto;
    padding: 30px;
    border-radius: 5px;
}

.EditRowBackColor {
    background-color: #F8FFC8 !important
}

.wrapper .radio_tabs {
    height: 60px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 20px;
    padding: 18px;
    display: flex;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

    .wrapper .radio_tabs label {
        margin-right: 15px;
        display: block;
        position: relative;
        cursor: pointer;
        padding-left: 28px;
    }

    .wrapper .radio_tabs .radio_mark:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        background: url('../Images/radio_icon.png') no-repeat 0 0;
        width: 22px;
        height: 22px;
    }

    .wrapper .radio_tabs label .input {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
    }

.radio_tabs label .input:checked ~ .radio_mark {
    color: #004C86;
    border-bottom: 2px solid #004C86;
}

.wrapper .radio_tabs label .input:checked ~ .radio_mark:before {
    background-position: 0 -23px;
    width: 22px;
    height: 22px;
}

.chnagespasswidth {
    width: 35% !important;
}

.wrapper .content {
    width: 100%;
    height: calc(100% - 70px);
    background: #fff;
    border-radius: 5px;
    padding: 18px;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

    .wrapper .content p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

.radio_wrap {
    margin: 15px 3px;
}

.candidateform .radio_tabs .radio_wrap {
    font-size: 14px !important;
}

.modalPopup12 {
    text-align: center;
    font-size: 16px;
}

ul.signmsg li::marker {
    color: #EC1515 !important;
}

.signbtn {
    text-align: center;
    align-items: center;
    align-content: center;
}

.canvasinnerstyle {
    background: #F0F0F0 0% 0% no-repeat padding-box !important;
    border: 1px solid #707070 !important;
    width: 550px;
    height: 220px;
}

.signmodelpopup {
    background-color: #BCBCBC;
    opacity: .8;
}

.signfootermsg {
    font-size: 13px;
    width: 540px;
    color: #FF5E4F;
    float: left;
    text-align: initial;
}

.contentaccept label {
    padding-left: 15px;
    top: -1px;
    position: relative;
    font-size: 15px;
}


.select2-container {
    box-sizing: border-box !important;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    /*    width: 93% !important;*/
    min-width: 100px;
    width: 20.5vw !important;
}

.select2-container--classic .select2-selection--single {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 20px;
    outline: 0;
    background-image: none;
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #FF5E4F !important;
        border-color: #FF5E4F !important;
        outline: none;
/*        box-shadow: 0 -2px 0 2px #FF5E4F22;*/
    }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0px !important;
    background-image: none;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border: 1px solid #FF5E4F !important;
    border-top: 0px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: #FF5E4F !important;
    outline: none;
/*    box-shadow: 0 2px 0 2px #FF5E4F22;*/
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #FF5E4F;
    text-shadow: 0px 2px 0px #FF5E4F22;
}

.select2-search--dropdown {
    display: none;
    padding: 0px;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    border: none;
    height: 26px;
    position: absolute;
    top: 6px;
    right: 12px;
    width: 20px;
    background: url(../Images/Blackdropdown.svg)no-repeat 97%;
    background-size: 15px 15px;
}

    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #1A1A1A;
    line-height: 35px;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: 12px;
    width: 20px;
    background: url(../Images/RedDropdown.svg) no-repeat 97%;
    background-size: 15px 15px;
    border: none;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: none;
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #FF5E4F;
}

span.select2-dropdown.select2-dropdown-custom.select2-dropdown--above {
    border-top: 1px solid #FF5E4F !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-color: #FF5E4F !important;
    border-bottom: none !important;
}
/* Keep Select2 scrollbar inside the dropdown border */
.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
/*    border-radius: 20px !important;*/
    overflow: hidden !important; /* Ensures scrollbar is clipped */
    padding: 0 !important;
}

.select2-results__options {
    border-radius: 20px !important;
    background: #fff;
    margin: 0;
    padding-right: 8px; /* Space for scrollbar */
    box-sizing: border-box;
}

    /* Custom scrollbar styling (already present, but keep for completeness) */
    .select2-results__options::-webkit-scrollbar {
        width: 8px;
        background: #fff;
        border-radius: 8px;
    }

    .select2-results__options::-webkit-scrollbar-thumb {
        background: #FF5E4F;
        border-radius: 8px;
        border: 2px solid #fff;
    }

        .select2-results__options::-webkit-scrollbar-thumb:hover {
            background: #e04a3a;
        }

/* For Firefox */
.select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: #FF5E4F #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 15px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}

.select2-container--open .select2-dropdown {
    z-index: 10500 !important;
}


.top-navbar {
    background-color: #1A1A1A !important;
    margin-bottom: 0px;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    height: 60px;
}
.lgttxt {
    color: #fff;
    margin-left: 10px;
    margin-top: 10px;
    font-weight: 500;
}

.spc {
    margin-right: 50px;
}
.logo1 {
    margin-left: 13px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-right: 10px;
    width: 120px;
    height: 32px;
}
.bgw {
    background-color: #F4F4F4;
}

.loaderImage {
    width: 300px !important;
    height: 300px !important;
}

.modalPopup {
    background-color: #fff !important;
    -moz-opacity: 0.9;
    opacity: 1;
    filter: alpha(opacity=90);
    width: 880px;
    /*height: 514px;*/
    height: auto;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.txtsession {
    color: #1A1A1A;
    font-family: 'ESKlarheitGrotesk-Rg';
    font-size: 22px;
    text-align: center;
}

#btnYes {
    background: #FF5E4F !important;
    border-radius: 20px;
    border-color: #004C86;
    border-width: 0px;
    opacity: 1;
    margin: 0px 20px;
    color: #1A1A1A;
    font-size: 16px;
    font-family: 'ESKlarheitGrotesk-Rg';
    padding: 3px 15px;
}

#btnNo {
    background: #fff !important;
    border-radius: 20px;
    border-color: #1A1A1A;
    border-width: 1px;
    opacity: 1;
    margin: 0px 20px;
    color: #1A1A1A;
    font-size: 16px;
    font-family: 'ESKlarheitGrotesk-Rg';
    padding: 3px 15px;
}

.txtvalue:focus,
.txtvalue1:focus,
.txtvalueMob:focus,
.txtvalueprefix:focus,
.txtbox:focus {
    border: 1px solid #FF5E4F !important;
    border-color: #FF5E4F !important;
    outline: none;
    box-shadow: 0 0 0 2px #FF5E4F22;
}

.txtdatepicker, .txtdatepickerbdy, .txtdatepickerValidation, .txtdatepickerValidationupto, .txtfromdate, .txttodate, .medicaldate {
    background: url(../Images/calendar-org.svg) no-repeat !important;
    background-position: 97% 50% !important;
    border: 1px solid #545451 !important;
}

.alignitem {
    text-align: right;
}

.a1 {
    color: #FF5E4F !important;
    
}

.a1:hover {
    color: #f16154;
}

.traineeHelpDiv {
    padding-top: 0%;
    padding-left: 0%;
}

.traineeHelpDivpanle {
    padding-top: 0%;
    padding-left: 0%;
}

progress {
    border: none;
    height: 10px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    width: 375px;
    margin-top: 15px !important;
}

    progress::-webkit-progress-bar {
        background: #DAE9F2; /*#ff5050;*/
        border-radius: 20px;
        border-top-right-radius: 20px;
    }

.dropdown[disabled], .txtbox[disabled] {
    background-color: #B2B2B2 !important;
    cursor: not-allowed;
}

.divitemperpage {
    text-align: right;
}


.chnagespasswidth {
    width: 35% !important;
}

.Redprogress progress::-webkit-progress-value {
    background: #c9302c;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.Yellowprogress progress::-webkit-progress-value {
    background: #ec971f;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.Greenprogress progress::-webkit-progress-value {
    background: #1EC31E;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.Redprogress .percentalbl {
    color: #c9302c !important;
}

.Yellowprogress .percentalbl {
    color: #ec971f !important;
}

.Greenprogress .percentalbl {
    color: #1EC31E !important;
}

.prejoiningwidth {
    width: 100%; /*80%;*/
}


.prejoininglinkDiv span {
    padding-left: 15px;
    padding-top: 15px;
    font-size: 15px;
}

.downloaddesign {
    margin-bottom: 10px !important;
}

.doc_downloaddesign {
    margin-bottom: 0px !important;
}

.doc_newsecondrow {
    margin-top: 15px !important;
    width: 97% !important;
}

.downloaddesign span {
    font-size: 12px !important;
}
@media(max-width: 1400px) {
    .downloaddesign span {
        font-size: 12px !important;
        max-width: 225px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }
    .downloaddesign span[id^="nameof"]:hover {
        max-width: 1000px; /* Large enough to show full name */
        white-space: normal;
        overflow: visible;
        background: #fff; /* Optional: highlight background */
        z-index: 10;
        position: relative;
    }

}

.downloaddesign .imgpdf {
    left: -5px;
    position: relative;
}

.clseditview {
    font-weight: 600;
    color: #FF5E4F !important;
    position: relative;
    top: 0px;
}

.btnInfo {
    background-color: #fef5e2 !important;
    color: #cda140 !important;
}

.btnSuccess {
    color: #45aa45 !important;
    background-color: #f2faf2 !important;
}

.btnWarning {
    color: #d6696d !important;
    background-color: #ffebeb !important;
}
.btnApprovewithException {
    color: #d6696d !important;
    background-color: #ffebeb !important;
}
.circlecommon {
    width: 6px;
    height: 6px;
    border-radius: 56px;
    position: relative;
    top: 8px;
    left: 0px;
    margin-right: 3px;
    margin-left: 5px;
}

.circleinfo {
    background-color: #cda140;
}

.circlesuccess {
    background-color: #45aa45;
}

.circlewarning {
    background-color: #d6696d;
}
.otppop {
    position: fixed;
    z-index: 10002;
    left: 460px !important;
    top: 47px;
}
.successfailedpopup {
    width: 70% !important;
    height: 400px !important;
}
.IconprojoineeDocDownload1 {
    top: 3px;
    position: relative;
    /* margin-right: 14px; */
    cursor: pointer;
    margin-left: 10px;
}
 .RedColor {
    color: red;
}

.ddlTextTrainee {
    width: 100%;
}

.divdraganddrop {
    background: #fff3f3;
    border: 2px dashed #FF5E4F;
    border-radius: 5px;
    /*width: 98%;*/
    text-align: center;
    padding: 15px;
}

.txtvalueTrainee:disabled, .txtvalueTrainee:read-only {
    color: #2C2C2C;
    background-color: lightgrey !important;
    /*font-family: 'ESKlarheitGrotesk-Rg';
    font-size: 16px;
    width: 100% !important;*/
    border: 0.5px solid #B2B2B2;
    border-radius: 4px;
    height: 40px;
    padding-left: 5px;
}

.headerdesign {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    color: #212121;
    font-family: 'ESKlarheitGrotesk-Smbd';
    font-size: 16px;
    padding: 7px 15px;
    margin-bottom: 15px;
    height: 45px;
    padding-top: 10px;
}

.table thead th,
.table th {
    background-color: #E9E9E9 !important;
}

/*.ddlText {
    color: #2C2C2C;
    font-family: 'ESKlarheitGrotesk-Rg';
    font-size: 16px;
    width: 93% !important;
    border: 0.5px solid #B2B2B2;
    border-radius: 20px !important;
    height: 40px;
    padding-left: 10px;
    -webkit-appearance: none;
    background: url(../Images/Blackdropdown.svg)no-repeat 97%;
    background-size: 15px 15px;
}*/

    .ddlText:disabled {
        color: #2C2C2C;
        background-color: lightgrey !important;
        font-family: 'ESKlarheitGrotesk-Rg';
        font-size: 16px;
        width: 93% !important;
        border: 0.5px solid #B2B2B2;
        border-radius: 20px;
        height: 40px;
        padding-left: 10px;
        -webkit-appearance: none;
        background: url(../Images/Blackdropdown.svg)no-repeat 97%;
        background-size: 15px 15px;
    }

.ddlText {
    border: 1px solid #B2B2B2;
    border-radius: 20px;
    padding: 8px 36px 8px 12px;
    font-family: 'ESKlarheitGrotesk-Rg';
    font-size: 16px;
    color: #1A1A1A;
    background: url('../Images/Blackdropdown.svg') no-repeat right 12px center;
    background-size: 15px 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    outline: none;
    width: 93%;
}


    /* Style the open state with orange border */
    .ddlText:focus, .ddlText:active {
        border: 2px solid #FF5E4F !important;
        outline: none;
        background: url('../Images/RedDropdown.svg') no-repeat right 12px center;
        background-size: 15px 15px;
        border-color: #FF5E4F !important;
        box-shadow: 0 0 0 2px #FF5E4F22;
    }

    /* Style the dropdown options (limited support in native select) */
    .ddlText option {
        font-family: 'ESKlarheitGrotesk-Rg';
        font-size: 16px;
        color: #1A1A1A;
        padding: 8px 12px;
    }

    /* Attempt to style hovered option (works in some browsers) */
    .ddlText option:hover, .ddlText option:focus {
        color: #FF5E4F;
        background: #FFF;
    }

.uploadTopDiv {
    width: 66% !important;
}

.center {
    text-align: center;
}
.modalpadding{
    padding-bottom:7% !important;
}

.col-common-display {
    display: grid;
    margin-top: 10px !important;
}

/*.col-display-inline {
    display: -webkit-inline-box !important;
}*/

.btnAddSRS {
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0px solid #004c86;
    border-radius: 20px;
    opacity: 0.7;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    color: #004C86;
    opacity: 1;
    font-family: 'ESKlarheitGrotesk-Rg';
    padding-left: 9px;
    /*width: 145px;*/
/*    background: url('../Images/Addnewitem.svg')97% no-repeat;*/
    text-align: left;
    /*margin: 10px 10px 10px 0px;*/

    margin: -4.5px 10px 0px 0px;
    background-color: #FF5E4F !important;
    color: #1A1A1A;
}

.btnSubmit {
    background: #FF5E4F !important;
    border-radius: 20px;
    opacity: 1;
    margin: 0px 20px;
    color: #1A1A1A;
    /*font-size: 16px;*/
    font-family: 'ESKlarheitGrotesk-Rg';
    /* padding: 3px 15px;*/
    font-size: 18px !important;
    padding: 7px 40px !important;
    margin: 0px 30px !important;
    border:0px;
}
.asterick {
    color: #FF5E4F;
    font-size: 31px;
    position: absolute;
    /*    display: flex;*/
    /* height: 70px; */
    margin-top: -11px;
    margin-left: -1%;
}

.btnCancel {
    background: #FFFFFF !important;
    border-radius: 20px;
    opacity: 1;
    margin: 0px 20px;
    color: #1A1A1A;
    /*font-size: 16px;*/
    font-family: 'ESKlarheitGrotesk-Rg';
    /*padding: 3px 15px;*/
    font-size: 18px !important;
    padding: 7px 15px !important;
}

.btnReject {
    background: #FFFFFF !important;
    border-radius: 20px;
    opacity: 1;
    margin: 0px 20px;
    color: #1A1A1A;
    /* font-size: 16px; */
    font-family: 'ESKlarheitGrotesk-Rg';
    /* padding: 3px 15px; */
    font-size: 18px !important;
    padding: 7px 15px !important;
    margin: 0px 30px !important;
}

.modalPopup12 {
    background-color: #FFF;
    box-shadow: 2px 3px 3px #7673732b;
    padding: 10px;
    font-family: 'ESKlarheitGrotesk-Rg';
/*    width:25%;*/
}

.CandidateSignacceptance {
    margin-top: 15px;
    margin-bottom: 15px;
}

.validationError, .Validator {
    font-size: 14px;
    color: red !important;
}

.information_security_body {
    text-align: justify;
    width: 95%;
    margin: 20px;
}

.txtvalue, .txtbox {
    color: #2C2C2C;
    font-family: 'ESKlarheitGrotesk-Rg';
    font-size: 16px;
    width: 93% !important;
    border: 0.5px solid #B2B2B2;
    border-radius: 20px !important;
    height: 40px;
    padding-left: 15px;
}

.familyform .txtbox {
    width: 97% !important;
}
/*    .techddlText {
    width: 90% !important;
}*/
.techlblvalue {
    color: #212121;
    font-family: 'ESKlarheitGrotesk-Smbd';
    font-size: 13px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.traineeformrow {
    margin: 10px !important;
    margin-bottom: 13px !important;
    margin-left: -2px !important;
    margin-right: -15px !important;
}

.selfdeclabody {
    width: 95%;
    margin: 20px;
    margin-bottom: 0px;
}

.txtwithness {
    width: 300px !important;
}

.table-responsive {
    overflow-y: hidden;
}

.tblprejoinneedoc {
    width: 98.5%;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 2px 7px #0000003B;
    margin-left: 10px;
}

.prejoinnbtn {
    width: auto;
    position: relative;
    height: 30px;
    background-color: white;
    float: right;
    background: #FF5E4F 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 8px #2C2D8B0D;
    border: 1px solid #FF5E4F;
    border-radius: 20px;
    opacity: 1;
    /*#006FBA;*/
    margin-right: 5px;
    margin-top: -2px;
    height: 38px;
    padding: 0px 10px 0px 10px;
    font-size: 13px;
    margin-top: -7px;
}
@media(max-width: 1400px) {
    .prejoinnbtn{
    font-size: 12px;
    }
}

.innerrow {
    margin: 23px;
}

    .innerrow div:nth-child(even) .prejoininglinkDiv {
        padding-right: 0;
        margin-right: 0px;
        float: right !important;
    }

.prejoininglinkDiv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.4px solid #ACACAC;
    border-radius: 2px 4px 4px 2px;
    opacity: 1;
    padding: 4px;
    margin: 11px;
    padding-top: 11px;
    height: 48px;
    margin-left: 0px !important;
    padding-right: 0;
    font-size: 13px;
    margin: 0px 11px 0px 11px;
    border-left: 4px solid #FF5E4F !important;
    margin-bottom: 15px !important;
}

.prejoininglinkSignDiv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.4px solid #ACACAC;
    border-radius: 2px 4px 4px 2px;
    opacity: 1;
    padding: 4px;
    margin: 11px;
    padding-top: 11px;
    height: 48px;
    margin-left: 0px !important;
    padding-right: 0;
    font-size: 13px;
    margin: 0px 11px 0px 11px;
    border-left: 4px solid green !important;
    margin-bottom: 15px !important;
}

.pre-joinrow {
    margin-left: 10px;
    margin-right: 15px;
    width: 98%;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.cardpadding {
    padding-left: 0px;
    padding-right: 0px;
}

.pre-joineeinnerrow {
    margin-bottom: 15px;
    padding-left: 2.5%;
    padding-top: 10px;
}

/*.display-webkit {
    display: -webkit-box;
}*/

.document_collapse {
    width: 98.5%; /*97%;*/
    height: 40px !important;
    padding-top: 8px !important;
    margin-left: -1px; /*15px;*/
    margin-bottom: 0px !important;
    cursor: pointer;
}

.DocuploadTop {
    width: 97% !important;
}

.documentothersup {
    width: 100% !important;
    height: 42px !important;
    padding-top: 8px !important;
}

.documentuploadtickmark {
    margin-top: -22px;
    /* margin-left: 175px; */
    float: right;
}

.btncompleted {
    border-radius: 53%;
    background-color: green;
    margin-left: 2px;
    height: 20px;
    font-size: 15px;
    top: -2px;
    position: relative;
    border: none;
    width: 20px;
}

.document_collapse_inner {
    width: 98.4%; /*97%;*/
    padding-top: 5px !important;
    margin-left: 0px; /*15px;*/
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    /*margin-bottom: 15px !important*/
}

.document_collapse_inner_Emp_DataPrivacy {
    width: 98.4%; /*97%;*/
    padding-top: 5px !important;
    margin-left: 0px; /*15px;*/
    border: 1px solid #E5E5E5 !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    /*margin-bottom: 15px !important*/
}

.documentupload_degreelbl {
    display: inline-block;
    color: #6699FF;
    font-size: Medium;
    font-weight: bold;
    margin-top: 20px !important;
}

.margintop15 {
    margin-top: 15px !important;
}

.doc_fileuploadbtn {
    width: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btnanimation_old {
    background-color: transparent;
    border-radius: 4px;
    -webkit-animation: ripple .9s linear infinite;
    animation: ripple .9s linear infinite;
    z-index: 99999;
    position: relative;
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(101, 124, 255, 0.3), 0 0 0 5px rgba(101, 155, 255, 0.3), 0 0 0 25px rgba(101, 142, 255, 0.3), 0 0 0 45px rgba(101, 137, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 5px rgba(101, 116, 255, 0.3), 0 0 0 25px rgba(101, 124, 255, 0.3), 0 0 0 45px rgba(101, 116, 255, 0.3), 0 0 0 75px rgba(101, 104, 255, 0);
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(111, 101, 255, 0.3), 0 0 0 5px rgba(101, 116, 255, 0.3), 0 0 0 25px rgba(101, 124, 255, 0.3), 0 0 0 45px rgba(101, 137, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 5px rgba(147, 101, 255, 0.3), 0 0 0 25px rgba(101, 104, 255, 0.3), 0 0 0 45px rgba(101, 111, 255, 0.3), 0 0 0 75px rgba(111, 101, 255, 0);
    }
}

.blink_me {
    animation: blinker 3s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.menuname {
    font-size: 13px;
    font-weight:600;
}

.traineehelpteskpoprow {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.traineehelpteskGrdAtt {
    margin-top: -14% !important;
}

textarea[readonly] {
    background-color: #F4F4F4 !important;
}

.smallbtn {
    font-size: 10px;
    border-radius: 10px;
    border: none;
    padding: 3px !important;
    cursor: default;
    margin-top: 4px;
}

.IconprojoineeDocDownload {
    /*width: 21px;
    height: 18px;*/
    top: 3px;
    position: relative;
    /*margin-right: 14px;*/
    cursor: pointer;
    margin-left: 10px;
    text-decoration: #FF5E4F underline !important;
}

.educationheadernote {
    bottom: 0px !important;
    height: 100% !important;
    word-break: break-word;
    width: 80% !important;
}

.documentrightside a {
    text-decoration: none !important;
}

.documentrightside img {
    margin-top: -4px;
    height: 22px;
    width: 22px;
}

.btnSubmitinline {
    margin: 0px 11px !important;
}


@media (max-width: 1500px) {
    progress {
        width: 300px !important;
    }

    .txtStyle1 {
        margin: 0px !important;
    }

    .totaldone {
        font-size: 13px !important;
    }
}

@media (max-width: 1400px) {
    progress {
        width: 200px !important;
    }
}

@media(max-width:1024px) {
    .prejoiningwidth {
        width: 100% !important;
    }
}

@media (max-width: 1000px) {
    .topheadermenu {
        float: right !important;
        display: -webkit-box !important;
    }

    .submenulist {
        bottom: 5px;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }

    #navbarSupportedContent {
        background-color: lightgray !important;
        height: auto;
        margin-top: 3px;
    }

    .submenulist .navbar-toggler {
        margin-left: 8px;
    }

    .chnagespasswidth {
        width: 60% !important;
    }

    progress {
        width: 99px !important;
    }

    .totaldone {
        font-size: 12px !important;
        padding: 3px !important;
    }
}

@media (max-width: 767.98px) {

    #navbarSupportedContent {
        z-index: 9999 !important;
    }

    .traineeHelpDiv {
        padding-top: 7%;
        padding-left: 7%;
    }

    .traineeHelpDivpanle {
        padding-left: 2%;
        padding-right: 7%;
    }

    .ddlTextTrainee {
        width: 90%;
    }

    .txtvalueTrainee:disabled, .txtvalueTrainee:read-only {
        color: #2C2C2C;
        background-color: lightgrey !important;
        font-family: 'ESKlarheitGrotesk-Rg';
        /*font-size: 16px;
        width: 90% !important;*/
        border: 0.5px solid #B2B2B2;
        border-radius: 4px;
        height: 40px;
        padding-left: 5px;
    }

    .txtvalue {
        width: 70% !important;
    }

    .divdraganddrop {
        background: rgb(238, 238, 238);
        border: 2px dashed rgb(105, 109, 125);
        border-radius: 5px;
        width: 97%;
        text-align: center;
        padding: 15px;
    }

    .txtbox {
        border: 1px solid lightgray;
    }

    .successfailedpopup {
        width: 90% !important;
        left: 5% !important;
    }

    .modalPopupSRS {
        width: 100% !important;
        left: 0% !important;
    }


    .txtbox {
        width: 100% !important;
    }

    .divprogrossbar {
        display: inline-table !important;
    }

    .candidateform .col-sm-12 {
        width: 95% !important;
    }

    .prejoinee_common {
        padding-bottom: 20px !important;
    }

    #lblpass {
        display: contents !important;
    }

    .circlecommon {
        top: 14px;
        margin-right: 3px;
        margin-left: -8px;
    }

    .candidateform .Note {
        padding-right: 20% !important;
    }

    progress {
        width: 170px !important; /*200px*/
        padding-left: 10px;
    }

    .personalprogress {
        margin-left: 0px !important;
    }

    .totaldone {
        font-size: 12px !important;
    }

    .txtStyle1 {
        margin: 0px !important;
    }

    .ajax__tab_inner .ajax__tab_tab span {
        font-size: 13px !important;
    }

    .pnlReplycss {
        margin-left: 7px !important;
    }

    .paneloverOpen {
        margin-left: -15px;
        width: 100%;
    }

    .traineehelpteskpoprow {
        margin: 10px !important;
    }

    .btnAddSRS {
        margin-right: -10px !important;
    }

    .center {
        text-align: left;
    }

    .contentaccept {
        margin-left: 6px !important;
        margin-top: -15px !important;
    }

        .contentaccept label {
            padding-left: 30px !important;
            top: -20px !important;
        }

    .center .validationError {
        margin-left: 30px;
        top: -10px;
        position: relative;
    }

    .modalPopup {
        width: auto !important;
    }

    .divitemperpage {
        text-align: inherit;
    }

    .alignitem {
        text-align: inherit;
    }

    .chnagespasswidth {
        width: 60% !important;
    }

    .dropdown {
        width: 100% !important;
        background: #FF5E4F !important;
    }

    .uploadTopDiv {
        width: 100% !important;
    }

    .docuploadmobile {
        width: 66% !important;
    }

    .signpagecancel {
        margin-top: 15px !important;
    }

    .modalPopup12 {
        width: 95vw !important;
    }

    .canvasinnerstyle {
        width: 85vw !important;
    }

    .signfootermsg {
        width: 85vw;
    }

    .contentaccept .validationError {
        margin-left: 30px !important;
    }

    .information_security_body {
        margin-left: 5px !important;
        width: 93%;
    }

    .selfdeclabody {
        width: 90% !important;
    }

    .txtwithness {
        width: 100% !important
    }

    .prejoininglinkDiv {
        /*height: 90% !important;*/
        position: relative;
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 35px;
    }

    .downloaddesign {
        /*margin-bottom: 20px !important;*/
        position: relative !important;
        top: -80px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .doc_newsecondrow {
        top: 1px !important;
    }

    .docTraineerow {
        width: 70% !important;
    }

    .prejoinnbtn {
        float: left !important;
        margin-top: 3px !important;
        margin-left: 8px !important;
        width: 85% !important;
        height: 35px !important;
    }

    .pre-joineeinnerrow {
        width: 99%;
    }

    .medicaldate {
        width: 75% !important;
    }

    .popupmessage {
        margin-top: -15px !important;
        padding-bottom: 40px !important;
    }

    .techddlText {
        width: 100% !important;
    }

    .headerdesign {
        font-size: 15px !important;
    }

    .traineehelpteskGrdAtt {
        margin-top: 0% !important;
    }
}

@media(max-width:540px) {
    .pre-joinrow {
        width: 80% !important;
    }

    .traineehelpteskGrdAtt {
        margin-top: 0% !important;
    }
}

@media (max-width: 954px) {
    /*@media only screen and (min-device-width: 720px) and (max-device-width: 955px) {*/
    .traineehelpteskGrdAtt {
        margin-top: 0% !important;
    }

    .divPhone {
        width: 100%;
    }

    .txtvalue, .ddlText {
        width: 100% !important;
    }

    .divdraganddrop {
        background: rgb(238, 238, 238);
        border: 2px dashed rgb(105, 109, 125);
        border-radius: 5px;
        width: 97%;
        text-align: center;
        padding: 15px;
    }

    .ddlTextTrainee {
        width: 90%;
    }

    .txtvalueTrainee:disabled, .txtvalueTrainee:read-only {
        color: #2C2C2C;
        background-color: lightgrey !important;
        font-family: 'ESKlarheitGrotesk-Rg';
        /*font-size: 16px;
        width: 90% !important;*/
        border: 0.5px solid #B2B2B2;
        border-radius: 4px;
        height: 40px;
        padding-left: 5px;
    }

    .txtwidth {
        width: 90% !important;
    }

    .prejoiningwidth {
        width: 100%;
    }

    .prejoininglinkDiv span {
        padding-left: 5px;
        padding-top: 15px;
    }
}

.tickmarkimg {
    width: 18px; /*25px;*/
    margin-left: 5px;
    cursor: pointer;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.ModalPreView {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.modalPopup123 {
    border: 3px solid #000000;
    background-color: #FFF;
    box-shadow: 2px 3px 3px #7673732b;
    padding: 10px;
    font-family: 'ESKlarheitGrotesk-Rg';
    top: 121px !important;
}

.GridPager a, .GridPager span {
    display: block;
    height: 24px;
    width: 24px;
    font-family: 'ESKlarheitGrotesk-Smbd';
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.GridPager a {
    background-color: white;
    color: #757575;
    border: 1px solid #757575;
    border-radius: 20px;
}

.GridPager span {
    background-color: white;
    color: #FF5E4F;
    border: 1px solid #FF5E4F;
    border-radius: 20px;
    margin: 5px;
}
.marquee-link {
    color: #FF5E4F !important;
    text-decoration:underline;
}