:root {
    --margin-top-26px: 1.625rem;
}

body {
    font-size: 1.063rem !important;
}

.custom-action {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: auto;
    padding: 1rem 0;
}
.webform-managed-file-preview + input[type="submit"]{
    margin: -3px 3px !important;
}

.webform-button--previous {
    border-radius: 4px;
    /* position: absolute; */
    right: 0;
    margin-right: 6rem;
}

.navbar-section {
    width: 100% !important;
    background-color: #E9F1F2 !important;
    border-radius: 4px !important;
    /* cursor: pointer; */

}
.webform-button--draft{
    background-color: #d3d3d3;
    border: none !important;
    color: #475969 !important;
}

#edit-fb-16 {
    margin: 0px !important;
}

.webform-nav-active {
    background-color: #04ADBF !important;
}

.form-type-managed-file>div {
    padding: 0px 0px !important;
}

#nav-account-info {
    align-items: center;
    justify-content: end;
}

.btn.show {
    border-radius: 4px;
}

#edit-dance--wrapper-legend {
    padding-top: 25px !important;
}

#edit-c-13 {
    margin-left: 3.063rem;
}

#edit-flexbox-visa1 {
    margin-left: 6px;
}

.js-form-item-pass {
    position: relative;
}

.form-check-input[type=checkbox] {
    border-radius: 4px !important;
    border: 1px solid #475969 !important;
}

.form-check-input[type=checkbox]:focus {
    outline: none !important;
}

.input[type="submit"] {
    border-radius: 4px;
}

[type=submit] {
    border-radius: 4px;
}

.js-form-item-marital-status {
    margin-left: 0.75rem;
}

.chosen-container-multi .chosen-choices {
    border-radius: 4px !important;
}

.webform-managed-file-preview-wrapper,
.webform-managed-file-preview-wrapper.form-item {
    margin-top: 8px !important;

}

.section-mt-4 {
    margin-top: 2rem !important;
}

.custom-composite-wrapper-type-id {
    margin-top: 2px;
}

#edit-user-latest-look--label {
    margin-top: 2px;
}

.alert-dismissible {
    border-radius: 4px;
}

.webform-managed-file-preview+input[type="submit"] {
    border-radius: 4px;
}

.webform-managed-file-preview+button {
    border-radius: 4px;
}

.childeren-varper {
    margin-left: -13px;
}

.form-item {
    margin-top: 0 !important;
}

.form-radio {
    margin: 2px !important;
}

.js-form-item-citizenship-primry {
    margin-top: 2rem !important;
}

.about-self {
    margin-top: 2rem !important;
}

.js-form-item-detail-diff-abled {
    margin-top: 2rem !important;
}

.js-form-item-novel-genres {
    margin-top: 1.688rem !important;
}

.dance-do {
    margin-top: 1.563rem !important;
}

.lable-function {
    margin-top: 2rem !important;
}

.btn-visa-upload:after {
    display: none;
}

.date-list-d-grid {
    display: grid !important;
}

/* .date-tye-list {
    margin-top: -4px !important;
} */

.date-month-years {
    margin-top: -4px !important;
}

/* #edit-validity-passp {
    margin-top: 7px;
} */

.form-item-dob-spouse>label:after {
    content: "*";
    color: #ff0000;
    padding-left: 4px;
}

/* .js-form-item-children-items-0-dob-child-year,
.js-form-item-parents-items-0-dob-parent-year,
.js-form-item-dob-spouse-year,
.js-form-item-date-of-birth-year {
    margin-top: 0.563rem !important;

} */

.edit-date-of-birth {
    margin-top: -10px !important;
}

.ms-description-3>.description {
    margin-left: 1rem;
}

.webform-operations-icon {
    padding-right: 3rem;
}

::placeholder {
    color: #333333 !important;
    opacity: 0.4 !important;
}

.form-item-user-latest-look {
    margin-top: 2rem !important;
}

.cancel:active,
.webform-multiple-add>input[type=submit] {
    background-color: #d3d3d3 !important;
    box-shadow: none !important;
    border: none !important;
    color: #475969 !important;
}

.cancel:active,
.js-form-submit,
[type=submit] {

    box-shadow: none !important;
    opacity: 1;
}

.cancel:focus {
    opacity: 1 !important;
}

input[type="submit"]:disabled {
    /* background-color: #04ADBF !important; */
    /* border-color: #04ADBF !important; */
    box-shadow: none !important;
    opacity: 1;
}
label.option {
    margin-left: 3px;
}
.form-radios{
    margin-top: 4px !important;
}
.webform-button--submit {
   background-color: #D9A404 !important;
   border: none !important;
   height: 38px !important;
}
.form-control {
    margin-top: 4px !important;
}
.chosen-container-single .chosen-single {
    margin-top: 4px !important;
}
.js-form-managed-file{
    margin-top: 4px !important;
}
.iti input, .iti input[type=tel]{
    margin-top: 4px !important;
}
.chosen-container-multi .chosen-choices {
    margin-top: 4px !important;
}

.js-form-item-high-schl {
    margin-top: var(--margin-top-44px) !important;
} 
.back-to-dashboard-link{
    margin-right: 1rem !important;
}
.js-form-item-secondary-email{
    margin-bottom: 8rem !important;
}
.iti__selected-flag {
    height: 90% !important;
    margin: 4px 0px !important;
}
.chosen-container-multi .chosen-choices li.search-choice{
    line-height: 18px !important;
}
.chosen-container-multi .chosen-choices li.search-choice { 
    font-size: 16px !important;
}
input[type="radio"]{
    border: 1px solid #475969 !important;
    accent-color: #475969 !important;
}
.js-form-item-soft-skills-items-1-name-select,
.js-form-item-soft-skills-items-2-name-select{
    margin-bottom: 0px;
}
.custom-composite-wrapper-pltfrm{
    margin-bottom: 4rem !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 7px 5px 3px 0 !important;
}



@media screen and (min-width: 768px) {
    .form-item-citizenship-primry {
        max-width: 65%;
    }

    .section-mt-4 {
        margin-top: 4rem !important;
    }

    .fb-first-select>div:first-of-type {
        max-width: 20%;
    }


    .fb-first-select-20>div.webform-flex.webform-flex--1 {
        max-width: 29.5%;
    }

    .fb-first-select-20>div:first-of-type {
        max-width: 20% !important;
    }

    .js-form-item-residing-addr {
        margin-top: 0;
    }

    #edit-addr-02>div:first-of-type {
        max-width: 34%;
    }


    .about-self {
        margin-bottom: 8rem;
    }


    .form-item-validity-passp {
        max-width: 84.5%;
    }

    .passport-ps-20 {
        /* padding-left: 9px; */
        margin-bottom: 12rem !important;
    }

    .visa-pb {
        padding-top: 2rem;
        padding-bottom: 8rem;
    }

    #edit-c-27 {
        width: 46% !important;
    }

}

@media screen and (min-width: 1400px) {}

.address-container-inline {
    display: none;
}

.social-media-label-mt {
    margin-top: 2rem;
    /* padding-left: 1.563rem!important; */
    padding-left: 0px !important;
}

/* ipad portrait mode */

@media screen and (min-width: 768px) and (max-width:1023px) {
    .whole-section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .whole-value {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .inner-section {
        margin: auto;
        border: 1px solid #dee2e6;
        padding: 1.563rem;
        margin-top: 0rem !important;
    }

    .form-control {
        border-radius: 4px !important;
    }

    .navbar-expand-md .navbar-collapse {
        margin: 0 !important;
    }

    .navbar-expand-md .navbar-nav {
        /* width: 99% !important; */
        margin-left: -1.5rem;
    }

    .js-form-item-citizenship-primry {
        margin-top: 1rem !important;
    }

    #edit-c-10 {
        margin-top: 1rem !important;
    }

    .section-mt-4 {
        margin-top: 2rem !important;
    }

    .js-form-item-validity-passp-year {
        margin-top: 4px !important;
    }

    .profile-as {
        width: 100%;
    }

    #edit-c-13 {
        margin-left: 2rem;
    }

    .social-media-label-mt {
        margin-top: 1rem !important;
    }

    .exception-section {
        padding: 0px !important;
    }

    .js-form-item-novel-genres {
        margin-top: 2rem !important;
    }

    .js-form-item-music-form {
        margin-top: 2.75rem !important;
    }

    #edit-my-hobby-container-2 {
        margin-top: 1rem !important;
    }

    .js-form-item-residing-addr-country-code,
    .js-form-item-residing-addr-postal-code {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .navbar-section {
        width: 100% !important;
        cursor: initial;

    }

    .custom-composite-wrapper-f-paid {
        align-self: flex-end;
    }

    .custom-composite-wrapper-f-topic,
    .custom-composite-wrapper-g-topic {
        margin-top: 1.625rem !important;
    }

    .custom-composite-wrapper-locations-work {
        margin-top: 1.625rem !important;
    }

    #edit-dance--wrapper-legend {
        padding-top: 3.25rem !important;
    }

    .custom-composite-wrapper-url-cert {
        margin-top: 1.625rem !important;
    }

    .custom-composite-wrapper-speak-proficiency {
        margin-top: 0.5rem !important;
    }

    .custom-composite-wrapper-write-proficiency,
    .custom-composite-wrapper-on-offline-assesm {
        margin-top: 0.5rem !important;
    }

    .custom-composite-wrapper-location-assesm {
        margin-top: 8px !important;
    }

    .custom-composite-wrapper-pass-course-assesm {
        display: flex !important;
        align-items: flex-start !important;
    }

    .custom-composite-wrapper-year-pass-assesm {
        align-self: flex-end;
    }

    .js-form-item-prof-speak-en {
        margin-bottom: 7rem !important;
    }

    /* .custom-composite-wrapper-name{
        margin-top: 1.625rem !important;
    } */
    .js-form-item-job-level-select {
        padding-top: 3px !important;
    }

    .js-form-item-work-exp-items-0-from-year,
    .js-form-item-work-exp-items-0-until-year {
        margin-top: 0.2em !important;
    }

    .custom-composite-wrapper-cmpny,
    .custom-composite-wrapper-web-cmpny {
        margin-top: -18px !important;
    }

    .js-form-item-int-projects-items-0-from-int-proj-year,
    .js-form-item-int-projects-items-0-until-int-proj-year {
        margin-top: 0.2em !important;
    }

    #edit-container-p7 {
        margin-bottom: 1rem !important;
    }

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

    .message-field {
        margin-bottom: 4px !important;
    }

    .js-form-item-volunteer-ref-items-0-volunteer-from-year,
    .js-form-item-volunteer-ref-items-0-volunteer-to-year {
        margin-top: 0.2em !important;

    }

    .custom-exception-404 .bg-color-404,
    .custom-exception-403 .bg-color-403 {
        width: 100%;
        text-align: center;
    }

    .login-sign-value {
        position: relative;
    }

    .result-login-error-message {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
    }

    .datelist-elem {
        margin-top: 0px !important;
    }

    #edit-validity-passp {
        margin-top: 0px !important;
    }

    .webform-operations-icon {
        padding-right: 1.625rem !important;
    }

    .webform-multiple-add>input[type=submit] {
        margin-right: 1.75rem !important;
    }

    /* #edit-date-of-birth,
    #edit-dob-spouse,
    #edit-parents-items-0-dob-parent,
    #edit-children-items-0-dob-child {
        margin-top: 4px !important;
    } */

    .js-form-item-type-visa {
        margin-top: 0px !important;
    }

    #edit-fb-03 {
        margin-left: 1.188rem !important;
        margin-right: 1.188rem !important;
    }

    .js-form-item-detail-diff-abled {
        margin-left: 0px !important;
    }

    .composite-prefix-proof-teach,
    .composite-prefix-proof {
        width: 100% !important;
    }

    .composite-prefix-validity-licence,
    .composite-prefix-validity-teach {
        width: 100% !important;
    }

    /* .js-form-item-children-items-0-dob-child-year,
    .js-form-item-parents-items-0-dob-parent-year,
    .js-form-item-dob-spouse-year,
    .js-form-item-date-of-birth-year {
        margin-top: 0.563rem !important;
    } */

    .js-form-item-landline {
        margin-top: 4rem !important;
    }

    #edit-c-27 {
        width: 100% !important;
    }

    .js-form-item-high-schl {
        margin-top: 2.625rem !important;
    }

    #edit-my-edu-container-subrow1 {
        display: flex;
        align-items: baseline;
    }

    #edit-my-edu-container-subrow2 {
        display: flex;
        align-items: flex-end;
    }

    #edit-container-tab3 {
        display: flex;
        align-items: baseline;
    }

    #edit-lang-en--wrapper {
        width: 100%;
    }

    .month-year-wrapper {
        /* width: 100%; */
    }

    .tool-paths {
        margin-bottom: 7rem !important;
    }

    .tool-path-content {
        margin-bottom: 5rem !important;
    }

    .tool-path-value {
        margin-bottom: 5.5rem !important;
    }

    .custom-composite-wrapper-phone-ref-ref1,
    .custom-composite-wrapper-phone-ref-ref2,
    .custom-composite-wrapper-phone-ref-ref3 {
        align-self: flex-end;
    }

    .path-frontpage {
        justify-content: center !important;
    }

    .path-user {
        justify-content: center !important;
    }

    a.nav-item.nav-link {
        margin-top: 12px !important;
    }

    .page-title {
        margin-top: 7rem !important;
    }

    .custom-composite-wrapper-still-working {
        width: 100%;
    }

    .js-form-item-langs-items-0-pass-course-assesm {
        padding-top: 3.625rem !important;
    }

    #navbarSupportedContent .nav-item {
        display: flex;
        justify-content: flex-end;
    }

    .user-section>ul.navbar-nav>li {
        justify-content: flex-start !important;
    }

    .dropdown-menu.show {
        --bs-dropdown-min-width: 8rem !important;
    }
    .profile-dashboard-title {
        font-size: 17px !important;
    }
    .js-form-item-minimum-skills-req,
    .js-form-item-minimum-skills-req-p2,
    .js-form-item-minimum-skills-req-p3,
    .js-form-item-min-soft-skills-req{
        margin-left: 0px !important;
    }   


}

/* your css rules for ipad landscape */

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .form-control {
        border-radius: 4px !important;
    }

    .composite-prefix-from-timing {
        width: 50%;
    }
    .custom-composite-wrapper-write-proficiency {
        margin-top: 3rem !important;
    }
    .profile-dashboard-title {
        font-size: 15px !important;
    }

}

/* ipad pro portrait mode */

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    .custom-login-left-wrapper {
        display: none !important;
    }

    .form-control {
        border-radius: 4px !important;
    }

    .navbar-expand-md .navbar-collapse {
        margin: 0 !important;
    }

    .exception-section {
        padding: 0px !important;
    }

    #edit-dance--wrapper-legend {
        padding-top: 25px !important;
    }

    .js-form-item-high-schl {
        margin-top: 2.625rem !important;
    }

    .custom-composite-wrapper-speak-proficiency {
        margin-top: 0.5rem !important;
    }

    .custom-composite-wrapper-write-proficiency,
    .custom-composite-wrapper-on-offline-assesm {
        margin-top: 0.5rem !important;
    }

    .custom-composite-wrapper-location-assesm {
        margin-top: 8px !important;
    }

    .js-form-item-prof-speak-en {
        margin-bottom: 7rem !important;
    }

    .custom-composite-wrapper-locations-work {
        margin-top: 1.75rem !important;
    }

    .custom-composite-wrapper-cmpny,
    .custom-composite-wrapper-web-cmpny {
        margin-top: -18px !important;
    }

    .tool-paths {
        margin-bottom: 7rem !important;
    }

    .path-frontpage {
        justify-content: center !important;
    }

    .path-user {
        justify-content: center !important;
    }

    .page-title {
        margin-top: 7rem !important;
    }

    .dropdown-menu[data-bs-popper] {
        left: -8.6rem !important;
    }

    .login-sign-value {
        position: relative;
    }

    .result-login-error-message {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
    }

    .js-form-item-langs-items-0-pass-course-assesm {
        margin-top: 2.25rem !important;
    }
    .profile-dashboard-title {
        font-size: 15px !important;
    }


}

/* mobile mode */

@media screen and (max-width: 767px) and (min-width: 0px) {
    .whole-section {
        box-shadow: none;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        margin-top: 0 !important;
    }

    .inner-section {
        border: none !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .dropdown-menu[data-bs-popper] {
        top: 4rem;
        left: -4.625rem !important;
        margin-top: var(--bs-dropdown-spacer);
        border-radius: 4px;
    }

    .dropdown-menu.show {
        --bs-dropdown-min-width: 7rem !important;
    }

    .progress-title {

        font-size: 18px !important;
        font-weight: 600;

    }

    .ms-description-3>.description {
        margin-left: 0rem;
    }

    .js-form-item-citizenship-primry {
        margin-top: 0rem !important;
    }

    .social-media-label-mt {
        margin-top: 0rem !important;
        padding-left: 0px !important;
    }

    .js-form-item-occupation-spouse {
        margin-bottom: 0px !important;
    }

    #edit-my-hobby-container-col1,
    #edit-my-hobby-container-col2,
    #edit-my-hobby-container-col3,
    #edit-my-hobby-container-col4 {
        padding: 0px !important;
    }

    .section-mt-4 {
        margin-top: 0rem !important;
    }

    .composite-prefix-proof-teach,
    .composite-prefix-proof {
        width: 100% !important;
    }

    .tool-paths {
        margin-bottom: 6rem !important;
    }

    .js-form-item-prof-write-en {
        margin-top: 6.063rem !important;
    }

    .custom-composite-wrapper-name-db,
    .custom-composite-wrapper-name-cloud-comp,
    .custom-composite-wrapper-name-dev-ops {
        margin-top: 0rem !important;
    }

    .custom-composite-wrapper-speak-proficiency,
    .custom-composite-wrapper-write-proficiency,
    .custom-composite-wrapper-on-offline-assesm {
        margin-top: 0rem !important;
    }

    .custom-composite-wrapper-prof-soft-skills {
        margin-bottom: 0rem !important;
    }

    div[class*="custom-composite-wrapper-prof-"] {
        margin-bottom: 0rem !important;
    }

    .webform-submission-form .webform-progress .container {
        padding: 0px !important;
    }

    .custom-composite-wrapper-rating {
        margin-bottom: 0rem !important;
    }

    .custom-composite-wrapper-name-testing,
    .custom-composite-wrapper-name-apis,
    .custom-composite-wrapper-name-software-dev {
        margin-top: 0rem !important;
    }

    .custom-composite-wrapper-name-back-end,
    .custom-composite-wrapper-name-front-end,
    .custom-composite-wrapper-name-mobile {
        margin-top: 0rem !important;
    }

    .js-form-item-contract-work,
    .js-form-item-other-info {
        padding: 0px !important;
    }

    .refer-function {
        padding-left: 0rem !important;
        margin: 0 !important;
    }

    #edit-work-reference--2,
    #edit-other-reference--2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    #edit-c-13 {
        margin-left: 0px;
    }

    .js-form-item-marital-status {
        margin-left: 0px !important;
    }

    .webform-operations-icon {
        padding-right: 0rem;
    }

    .webform-multiple-add>input[type=submit] {
        margin-right: 0px !important;
    }

    .value-responsive {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .js-form-item-residing-addr-country-code,
    .js-form-item-residing-addr-postal-code {
        margin-left: -0px;
        margin-right: 0px;
    }

    #edit-dance--wrapper-legend {
        padding-top: 0px !important;
    }

    #edit-container-visa-col1 {
        padding-left: 12px !important;
    }

    #edit-c-19 {
        padding-left: 12px !important;
    }

    #edit-license,
    #edit-teach-license,
    #certs_user_table,
    #flwd_train_table,
    #gvn_train_table,
    #edit-short-term-goals-checkboxes,
    #edit-long-term-goals-checkboxes,
    #countries_worked_table,
    #locations_work_comp_table {
        margin: auto;
        border: none !important;
        padding: 0px !important;
        margin-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .composite-prefix-validity-licence,
    .composite-prefix-validity-teach {
        width: 100% !important;
    }

    /* .dashboard-section {
        margin: 0px !important;
    } */

    #edit-container-tab4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .tool-path-value {
        margin-bottom: 6rem !important;
    }

    .tool-path-content {
        margin-bottom: 6rem !important;
    }

    .lable-function {
        margin-top: 0 !important;
    }

    .custom-composite-wrapper-from-timing {
        padding-left: 1px !important;
    }

    .js-form-item-company-hr,
    .js-form-item-company-hr2,
    .js-form-item-company-hr3 {
        width: 100% !important;

    }

    .webform-button--previous {
        margin-left: 0 !important;
    }

    .js-form-item-marital-status {
        padding: 0 0.25rem !important;
    }

    .navbar-nav {
        margin-top: 1rem !important;
    }

    .js-form-item-gender {
        margin-top: 0 !important;
    }

    .user-form-data-wrapper {
        margin-top: 3rem;
    }

    .login-form-inner-wrapper {
        width: 100%;
    }

    .login-sign-value {
        margin-top: 7rem;
    }

    .page-title {
        margin-top: 2rem !important;
    }

    .display-4 {
        font-size: 1.8rem !important;

    }
    .page-404,
    .page-403 {
        align-items: center;
    }
    .webform-progress{
        padding: 0;
    }
    .js-form-item-minimum-skills-req,
    .js-form-item-minimum-skills-req-p2,
    .js-form-item-minimum-skills-req-p3,
    .js-form-item-min-soft-skills-req{
        margin-left: 0px !important;
    }  
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

.form-control {
    border-radius: 4px !important;
}