/* design for the banner */

.banner {
    padding: 60px 0 52px 0;
    background-image: url(../img/banner1.png);
    background-size: 100% 266px;
}

.banner h1 {
    margin: 0 0 27px 0;
}


/* select on the banner */

.banner .select2-container--default {
    width: 250px !important;
}

.banner .select2-container--default .select2-selection--single {
    height: 45px;
    padding: 8px 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    text-align: left;
    border: 1px solid #707070;
}

.banner .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

@media(min-width:768px) {
    .banner .select2-container--default {
        width: 315px !important;
    }
}


/* choice selection */


/* for radio and check button */

.custom-form-group {
    margin-bottom: 25px;
}

input[type="radio"],
input[type="checkbox"] {
    position: relative !important;
    margin: 4px 3px 0 6px !important;
    cursor: pointer;
    opacity: 0;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    position: relative;
}

input[type="radio"]+label:after,
input[type="checkbox"]+label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -23px;
    height: 18px;
    width: 18px;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 100%;
    transform: translateY(-50%);
}

input[type="radio"]:checked+label:after,
input[type="checkbox"]:checked+label:after {
    border: 1px solid #8cdb48;
    background: #f8f8f8;
    background-image: url('../img/green-tick.png');
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat;
}

input[type="radio"].no:checked+label:after,
input[type="checkbox"].no:checked+label:after {
    border: 1px solid #e53e3e;
    background: #f8f8f8;
    background-image: url('../../image/icon/red-tick.png');
    background-size: 17px;
}

.choice-select {
    text-align: center;
    padding: 30px 0 27px 0;
}

.choice-select h3 {
    padding: 0 0 7px 0;
    font-family: "Helvetica Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #000000;
}

/*input[type="file"] {*/
    /* visibility: hidden; */
    /*font-size: 0;*/
    /*position: absolute;
    top: 0;
    left: 0;*/
    /*height: 100%;
    border: 1px solid transparent;
    width: 100%;
    z-index: 1;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;*/
    /*opacity: 0;*/
/*}*/

input[type="button"] {
    background: transparent;
    border-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.date_of_birth {
    background-image: url('../../image/calendar.png');
    background-size: 22px 26px;
    background-position: 98% center;
    background-repeat: no-repeat;
}

@media(min-width:768px) {
    .choice-select h3 {
        font-size: 20px;
    }
}

@media(max-width:1023px) {
    ul.radio-head {
        display: flex;
        width: 250px;
        justify-content: space-around;
    }

    .radio-head li {
        /* display: inline-flex; */
    }

    .radio-head li label,
    label.custom-control-label {
        font-size: 12px;
        font-weight: 400;
    }

    input[type="radio"]:after,
    input[type="checkbox"]:after {
        left: -4px;
    }

    input[type="radio"].no:checked:after,
    input[type="checkbox"].no:checked:after {
        background-size: 19px;
    }
}


/* content section */

.grey-wrap {
    width: 100%;
    padding: 25px;
    margin: 0 0 32px 0;
    border-radius: 9px;
    background-color: #f2f2f2;
    text-align: center;
}

@media(min-width:1024px) {
    .grey-wrap {
        text-align: left;
    }
}


/* for the notices section */

.notice {
    padding: 119px 0 120px 0;
    margin: 0 0 78px 0;
    border-radius: 21px;
    text-align: center;
}

.notice h4 {
    margin: 0 auto;
    color: #000000;
    font-family: "Helvetica";
    font-size: 18px;
    font-weight: 400;
}

.notice h4 a {
    color: #1560b7;
}

.notice h4.golden {
    margin-bottom: 8px;
    color: #785500;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
}

.notice h4.nepali {
    margin-bottom: 13px;
    color: #2e2e2e;
    font-family: 'Mukta';
    font-size: 21px;
    font-weight: 400;
    line-height: 29px;
}

@media(min-width:1024px) {
    .notice h4 {
        width: 355px;
    }

    .notice h4.nepali {
        width: 507px;
    }

    .notice h4.golden {
        width: 646px;
    }
}

.form-wrap .info-form {
    display: inline-block;
    width: 100%;
    justify-content: space-between;
}

.form-wrap h5 {
    margin: 0 0 18px 0;
    color: #000000;
    font-family: "Helvetica";
    font-size: 16px;
    font-weight: 700;
}

.apply-form .switch {
    width: 143px;
}

.switch input[type="radio"]+label:after,
.switch input[type="checkbox"]+label:after {
    left: 3px;
}

.apply-form h5 {
    margin: 0 0 10px 0;
}

@media(min-width:768px) {
    .apply-form .switch {
        width: 600px;
    }
}

.custom-control.custom-radio {
    display: inline-block;
    /* flex: 1 1 0; */
}

input[type=radio]+label.custom-control-label {
    margin: 0;
    cursor: pointer;
}

.choice-radio {
    margin: 0 0 30px 0;
}

.form-wrap .btn-submit-online-registration-form {
    color: #ffffff;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    background-color: #e5a812;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: 500ms ease all;
}

.form-wrap .btn-submit-online-registration-form:hover {
    background-color: #000000;
}

.form-wrap .btn-submit-online-registration-form-border {
    color: #ffffff;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid #ffffff;
    transition: 500ms ease all;
}

.form-wrap .btn-submit-online-registration-form-border:hover {
    background-color: #000000;
}

.form-wrap .text-yellow {
    color: #e5a812;
}

.form-wrap .btn-close-online-registration-form {
    color: #ffffff;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    background-color: #dc3545;
    padding: 13px;
    border-radius: 3px;
    border: 1px solid transparent;
    transition: 500ms ease all;
}

.form-wrap .btn-close-online-registration-form:hover {
    background-color: #000000;
}

span.required {
    color: #ef0000 !important;
}

label.error,
span.error {
    color: #ef0000;
    position: absolute;
    left: 0;
    bottom: -10px;
    font-size: 12px;
    width: 100%;
    display: block;
    margin: 0;
    font-weight: 300;
}

.captcha-wrap {
    margin-bottom: 20px;
}

.online-form-wrap {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.online-form-wrap.no-space {
    margin: 0;
}

.online-form-input.error {
    border-color: #ef0000;
}

.online-form-wrap input {
    padding: 10px 10px 8px;
    width: 100%;
    color: #000000;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
}

.online-form-wrap textarea {
    padding: 10px 10px 8px;
    width: 100%;
    color: #000000;
    font-family: "Helvetica";
    font-size: 17px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
}

.online-form-wrap label.online-form-label {
    position: absolute;
    top: -10px;
    left: 16px;
    background: #fff;
}

label.online-form-label span {
    color: #000000;
    font-family: "Helvetica";
    font-size: 12px;
    font-weight: 300;
    padding: 1px 4px;
    white-space: nowrap;
}

label.online-form-label-select span {
    color: #000000;
    font-family: "Helvetica";
    font-size: 13px;
}

.pull-right {
    float: none !important;
}

.form-wrap .info-form:nth-child {
    margin-bottom: 78px;
}

@media(min-width:1024px) {
    .form-wrap form {
        display: inline-flex;
        justify-content: space-between;
    }

    .apply-form .switch {
        width: 260px;
    }

    .custom-control.custom-radio {
        display: inline-flex;
        /* flex: 1 1 0; */
    }

    input[type=radio]+label.custom-control-label {
        margin: 0 12px 0 6px;
        font-weight: 400;
    }

    .choice-radio {
        margin: 0 30px 0 0;
    }
}

@media(min-width:1336px) {
    .pull-right {
        float: right !important;
    }
}

h5.oblique {
    margin-bottom: 12px;
    color: #c8c8c8;
    font-family: "Helvetica Oblique";
    font-size: 14px;
    font-weight: 300;
}

.select2-dropdown {
/*    background-color: #e6e3e3 !important;*/
    border: 1px solid #e6e3e3 !important;
}

.select2-dropdown:after {
    position: absolute;
    content: '';
    top: -10px;
    right: 10px;
    border: 5px solid transparent;
    height: 5px;
    width: 5px;
/*    border-bottom: 5px solid #000000;*/
}

span.select2-dropdown.select2-dropdown--below {
    top: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container--default .select2-results__option[aria-disabled=true]:hover {
    background-color: #e5a812 !important;
    color: white !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-disabled=true] {
    background-color: #000 !important;
    color: #e5a812 !important;
    font-weight: 800;
}

span.select2-results {
/*    border-radius: 10px;*/
    overflow: hidden;
}

span.select2-dropdown.select2-dropdown--below {
/*    border-radius: 10px;*/
    border-radius:0;
    border: 1px solid #e6e3e3;
}

.select2-results__option {
    padding: 6px 20px;
}


/* =============== for the date picker  =============== */

div#ndp-nepali-box {
    padding: 0 !important;
    margin: 0;
    border-color: #e5a812;
    background-color: #fff3d5;
}

.ndp-corner-all.ndp-header {
    padding: 10px;
    margin: 0;
    background: #e5a812;
    border-color: #e5a812;
    border-radius: 0;
}

.ndp-days th,
.ndp-header {
    color: #e5a812;
}

td.ndp-current {
    border: 2px solid #e5a812 !important;
    background: #fff !important;
    text-align: center !important;
}

div#npd-table-div td {
    /* padding: 6px; */
    border-radius: 100px;
}

div#ndp-nepali-box td.ndp-date {
    text-align: center !important;
    padding: 2px !important;
    color: #fff !important;
    border-color: #e5a812 !important;
    background: #fdfdfd !important;
}

div#ndp-nepali-box td.ndp-date a {
    color: #e5a812 !important;
    border-color: #e5a812 !important;
}

td.ndp-selected {
    padding: 0 !important;
    text-align: center !important;
    color: #fff !important;
}

td.ndp-selected a {
    color: #fff !important;
}

div#ndp-nepali-box td.ndp-selected a {
    color: #fff !important;
}

div#ndp-nepali-box {
    border-color: #e5a812 !important;
}

div#ndp-nepali-box td.ndp-selected {
    background-color: #e5a812 !important;
}

#currentMonth #npd-month-select,
#currentMonth #npd-year-select {
    color: #3c3524 !important;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    margin: 0 10px 0 0;
    padding: 4px 0;
}

.ndp-prev:hover,
.ndp-next:hover {
    background-color: transparent !important;
}


/* for the english calendar */

div#ui-datepicker-div {
    width: 200px;
    padding: 0;
    border-color: #e5a812;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    padding: 10px;
    margin: 0;
    background: #e5a812;
    border-color: #e5a812;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 20px;
    /* border-bottom: 1px solid #fff; */
    /* background: transparent; */
    /* background-color: white; */
}

select.ui-datepicker-month {
    border-color: transparent;
    border-bottom-color: #fff;
    background-color: transparent;
    margin: 0 10px 0 0 !important;
}

select.ui-datepicker-year {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #fff;
}

table.ui-datepicker-calendar {
    margin: 0;
    background: #fff3d5;
}

th.ui-datepicker-week-end {
    color: #e5a812;
}

.ui-datepicker th {
    color: #e5a812;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: #e5a812;
    border-color: #e5a812;
    text-align: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-color: #e5a812;
    text-align: center;
    padding: 4px;
    border-radius: 100px;
    color: #e5a812;
    background-color: #fff;
}

td.ui-datepicker-current-day a {
    color: #fff;
}

td.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-today a {
    border: 2px solid #e5a812;
}

td.ui-datepicker-current-day a {
    color: #fff;
    background-color: #e5a812;
}

td.ui-datepicker-current-day .ui-state-default,
td.ui-datepicker-current-day .ui-widget-content .ui-state-default,
td.ui-datepicker-current-day .ui-widget-header .ui-state-default,
td.ui-datepicker-current-day .ui-button,
td.ui-datepicker-current-day html .ui-button.ui-state-disabled:hover,
td.ui-datepicker-current-day html .ui-button.ui-state-disabled:active {
    background-color: #e5a812;
    color: #fff;
}

.btn-submit-online-registration-form.back {
    background-color: #ff0000;
    padding-top: 15px;
    padding-bottom: 15px;
    float: right;
}