﻿/*/*-------------popup-mandatoryfields-starts---------------*/
div#popup-mandatoryfields {
    position: absolute;
    width: 320px;
    background: #fff;
    top: 45px;
    right: 63px;
    /*border: 1px solid #e6e6e6;*/
    display: none;
    /*box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(191, 191, 191*/, .6);
}

.mand-pop-up-body {
    overflow: auto;
    max-height: 400px;
}

.thick-font {
    font-family: 'robotomedium';
    color: #333;
}

.mand-pop-up-header {
    background: #f8ac59;
}

    .mand-pop-up-header h5 {
        margin-bottom: 0;
    }

.mand-pop-up-header, .mand-pop-up-body, .mand-pop-up-form-name {
    padding: 10px;
}

    .mand-pop-up-form-name h5 {
        margin: 0;
    }

    .mand-pop-up-header h4 {
        margin: 0;
        color: #fff;
        font-size: 15px;
    }

span.expired-form {
    color: #aeaeae;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
}

.load-forms-header-text span.expired-form {
    color: #d52c2c;
    margin-left: 1px;
}

span.expired-form i {
    color: #0fc3ca;
    font-size: 16px;
    margin-left: 2px;
}

span.expired-form .popover {
    min-width: 285px;
    z-index: 20000;
}

.popover-content {
    color: #333;
}

.popover.top > .arrow {
    border-top-color: rgba(0, 0, 0, .1);
}

.popover-title {
    background-color: #f0f5f1;
    border-radius: 0;
}

.popover {
    border-radius: 0;
}

.mand-pop-up-single-cntnt:first-child .mand-pop-up-page-name h5 {
    margin-top: 0;
}

.mand-pop-up-form-name {
    background: #f0f5f1;
    border-bottom: 1px solid #e6e6e6;
}

.mand-pop-up-single-cntnt {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 5px;
}

.mand-pop-up-single-cntnt-cntnr:last-child .mand-pop-up-single-cntnt:last-child {
    margin-bottom: 0;
}

.mand-pop-up-section-name > h5 {
    margin: 0;
}

    .mand-pop-up-page-name > h5, .mand-pop-up-section-name > h5:not(:last-child) {
        margin: 0 0 7px 0;
    }

div.mandatory-warning {
    color: #d52c2c;
    font-size: 17px;
    margin-left: 3px;
    cursor: pointer;
}

.requirements-area .descr-cs span.mandatory-warning {
    color: #d52c2c;
    font-size: 17px;
    margin-left: 3px;
    cursor: pointer;
}

.cntnt_label .mandatory-warning {
    margin-top: 2px;
    font-size: 19px;
    margin-right: 3px;
}

.mand-pop-up-page-name > h5 span, .mand-pop-up-section-name > h5 span, .mand-pop-up-form-name h5 span {
    font-family: 'robotomedium';
}

#RequirementsArea #popup-mandatoryfields {
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.2);
    max-height: 125px;
    overflow: auto;
    word-break: break-all;
}

#RequirementsArea .mand-pop-up-header {
    background: #fff;
}

#RequirementsArea #popup-mandatoryfields {
    word-break: break-word !important;
}

    #RequirementsArea #popup-mandatoryfields .bg-light-green {
        font-weight: bold;
        font-size: 15px;
        padding: 5px 10px;
        color: #555;
    }

/*-------------popup-mandatoryfields-ends---------------*/
/*----basic-styles------*/
body, table, ul, input, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'robotoregular';
    color: #333;
}

p, label {
    color: #555;
}

body {
    font-family: 'robotoregular';
}

.pad-10 {
    padding: 10px;
}

textarea:focus, input:focus {
    outline: none;
}

.border-gray1px {
    border: 1px solid #e8e8e8;
}

a {
    outline: 0;
    text-decoration: none;
}

.fnt-italic {
    font-style: italic;
}

.datee:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    outline: none;
}

:focus {
    outline: 0;
}

li, ol, ul {
    list-style: none;
    display: inline;
}

img {
    max-width: 100%;
    height: auto;
}

.modal {
    top: 30%;
}

.vrtcl-cntr {
    display: flex;
    align-items: center;
}

.row {
    margin: 0;
    padding: 0;
}

.btn-verticle {
    vertical-align: middle;
    display: table-cell;
}

input[type="text"], select {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 0 none;
    box-sizing: border-box;
    color: #a7a7a7;
    display: inline-block;
    font-size: 1.4em;
    margin: 8px 0;
    padding: 12px 20px;
    width: 70%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}

input[type="submit"] {
    background-color: #eec326;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 1.6em;
    font-weight: 600;
    margin: 8px 0;
    padding: 10px 20px;
    text-transform: capitalize;
    border: 1px solid #fff;
}

.bg-light-green {
    background: #f0f5f1 none repeat scroll 0 0;
}
/*----basic-styles-ends-----*/

.pop-information .modal-header {
    color: #fff;
    background: #1ab394;
}

.pop-warning .modal-header {
    color: #fff;
    background: #f8ac59;
}

.pop-error .modal-header {
    color: #fff;
    background: #ed5565;
}

.modal-dialog .modal-title {
    color: #fff;
}

input::placeholder {
    color: #c7c7c7 !important;
}

textarea::placeholder {
    color: #c7c7c7 !important;
}

#divAddNewApplicant input::placeholder {
    color: #555 !important;
}

header {
    /*background: rgba(0, 0, 0, 0) url(../images/header_bg.png) repeat scroll 0 0 / 100% 100%;*/
    margin: 0;
    padding: 12px 15px;
}

.logo {
    display: inline-block;
}

    .logo > img {
        display: inline-block;
    }

.parent-f-blue-btn {
    background: #0fc3ca !important;
    color: #fff !important;
}

header .prfl_area:hover {
    opacity: .8;
}

header .prfl_area {
    display: inline;
    float: right;
    cursor: pointer;
    padding-top: 13px;
}

    header .prfl_area h4 {
        color: #fff;
        display: inline;
        font-size: 1.1em;
    }

    header .prfl_area .pro_image {
        border-radius: 50%;
        display: inline;
        margin: 0 8px 0 5px;
    }

        header .prfl_area .pro_image i {
            font-size: 20px;
            color: #fff;
            vertical-align: middle;
            margin-left: 3px;
        }

.log-out-btn #logoutForm {
    display: inline;
}

nav {
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    width: 100%;
}

.nav.navbar-nav li a {
    color: #777777;
    font-size: 1.2em;
    font-weight: 600;
}

.nav li.active a:hover {
    background: #0cb6bd none repeat scroll 0 0;
    color: #fff;
}

.nav li.active a {
    color: #fff;
    background: #0fc3ca none repeat scroll 0 0;
}

    .nav li.active a:focus {
        background: #0fc3ca none repeat scroll 0 0;
    }

.k-widget.k-grid.k-display-block {
    border: medium none;
}

.nav .k-widget tr td:focus, div:not(#ApplicantGrid).nav div:not(#ApplicantGrid).k-widget tr td:active, div:not(#ApplicantGrid) .nav .k-widget tr td:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f8f8f8 none repeat scroll 0 0 !important;
    border-color: currentcolor currentcolor #f2f2f2 #0fc3ca !important;
    border-image: none !important;
    border-radius: 0 !important;
    border-style: none none solid solid !important;
    border-width: medium medium 1px 4px !important;
    color: #0fc3ca !important;
}

.nav .k-widget tr td:hover, .nav .k-widget tr.k-state-selected td:hover, .nav .k-widget tr.k-state-selected td.clicked:hover {
    background: #ebebeb !important;
    border-color: currentcolor currentcolor #f2f2f2 #ebebeb;
}

.nav .k-widget tr td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #f2f2f2 #fff;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 1px 5px;
    color: #3c3c3c;
    padding: 0;
    transition: all 0.2s ease 0s;
    background: #fff;
    cursor: pointer;
}

    .nav .k-widget tr td img {
        margin-right: 10px;
    }

.nav.nav-tabs.tabs-left {
    display: block;
    border: medium none;
}

.left_nav.col-sm-3 {
    border-right: 1px solid #e8e8e8;
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}

.nav .k-widget tr td.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f7f7f7 !important;
    border-color: currentcolor currentcolor currentcolor #0fc3ca;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: medium medium medium 5px;
    color: #0fc3ca;
}

.add_btn {
    border-bottom: 1px solid #f2f2f2;
}

.add_btn {
    padding: 20px 0px;
    background: #fff !important;
    text-align: center;
}

button.btn-primary, input.btn-primary {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #0fc3ca;
    border-radius: 30px;
    color: #0fc3ca;
    font-size: 1.2em;
    padding: 10px 20px;
    transition: all 0.4s ease 0s;
    line-height: .9;
}

    button.btn-primary.filled, input.btn-primary.filled {
        background: #007ea2;
        color: #fff;
    }

        button.btn-primary.filled:hover, input.btn-primary.filled:hover {
            background: #0baab0;
            border: 1px solid #0baab0;
        }

button.btn.btn-primary:active, button.btn.btn-primary:focus, input.btn.btn-primary:active, input.btn.btn-primary:focus {
    background: #0fc3ca none repeat scroll 0 0;
    border: 1px solid #0fc3ca;
    box-shadow: none;
}

button.btn-primary:hover, input.btn-primary:hover {
    background: #0fc3ca none repeat scroll 0 0;
    border: 1px solid #0fc3ca;
    color: #fff;
}

.add_btn button.btn-primary span, .add_btn input.btn.btn-primary span {
    display: inline-block;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 12px;
    margin: 0px 5px 7px 0;
    vertical-align: middle;
}

.main_cntnt .row > .col-sm-9 {
    background: #f0f5f1 none repeat scroll 0 0;
    margin: 0;
    padding: 20px;
}

.prfl_pic_big {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .prfl_pic_big img {
        height: 200px;
        margin-top: 15px;
        margin-bottom:15px;
    }

.prfl_dtls {
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    padding: 0;
}

.main_cntnt.row {
    margin-top: -5px !important;
}

.line-hgt-29 {
    line-height: 35px;
}

.prfl_dtls .pro_area_ttl {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 12px;
}

    .prfl_dtls .pro_area_ttl h3, .rqrmnt_t_b_cpd_cntnr > h1, .rqrmnt_cpd_cntnr > h1 {
        font-size: 18px;
        font-weight: 600;
        margin: 18px 0;
    }

.prfl_dtls .pro_area_cntnt {
    padding: 0 12px;
}

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt {
        padding: 20px 0 0;
        height: 85px;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area {
            display: inline-block;
            vertical-align: middle;
            padding: 0;
        }

            .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area img {
                margin-bottom: 22px;
                margin-right: 15px;
            }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area {
            display: inline-block;
            padding: 0;
        }

            .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area h5 {
                color: #0fc3ca;
                display: block;
                margin: 0;
            }

            .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area p {
                color: #777777;
                display: block;
                margin-top: 5px;
            }

.main_cntnt .col-sm-12 {
    padding: 0;
}

.forms_down_area {
    background: #f0f5f1 none repeat scroll 0 0;
}

.rqrmnt_t_b_cpd_cntnr, .rqrmnt_cpd_cntnr {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0.5px 0.5px 2px #e7ebe8;
    /*padding: 20px;*/
    width: 100%;
}

.forms_down_area > div:first-child {
    padding-left: 0;
    padding-right: 10px;
}

.forms_down_area > div:nth-child(2) {
    padding-right: 0;
    padding-left: 10px;
}

.forms_down_area > div:last-child {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 15px;
}

.rqrmnt_t_b_cpd_cntnr > h1, .rqrmnt_cpd_cntnr > h1 {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    margin: 0;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 10px;
}

.cntnt_label {
    border-bottom: 1px solid #f2f2f2;
    padding: 7px 10px 7px 10px;
    width: 100%;
    display: table;
}

.cntnt-label-cntnr {
    float: left;
    max-height: 382px;
    overflow: auto;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
}

.rqrmnt_t_b_cpd_cntnr form:last-child .cntnt_label {
    border-bottom: 0;
}

.landing-cntnt-part {
    float: left;
    box-sizing: border-box;
    padding: 0;
    background: #f0f5f1 none repeat scroll 0 0;
    overflow: auto;
}

.cntnt_label h5 {
    color: #555555;
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0;
    vertical-align: middle;
    padding: 0;
    /*width: 77%;*/
    /*height: 37px;*/
    display: table-cell;
    padding-right: 2px;
}

a.rqrmnt-t-b-cpd-file {
    display: table-cell;
    vertical-align: middle;
    color: #0fc3ca;
}

    a.rqrmnt-t-b-cpd-file > p {
        width: 65px;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 17px;
        color: #0fc3ca;
        white-space: nowrap;
    }

span.status > i.fa.fa-paper-plane {
    font-size: 12px;
    vertical-align: top;
    margin-top: 3px;
}

a.rqrmnt-t-b-cpd-file > p:hover {
    text-decoration: underline;
}

button.sml_btn {
    font-size: 1em;
    padding: 8px 12px;
    width: 113px;
    display: table-cell;
}

.rqrmnt_cpd_cntnr .cntnt_label button.sml_btn {
    width: 67px;
}

.landing-cntnt-part button.sml_btn > span {
    font-size: 1em;
    margin-right: 2px;
}

.prfle_area_top.row {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0.5px 0.5px 2px #e7ebe8;
}

div#ApplicantDetails {
    background: #f0f5f1 none repeat scroll 0 0;
    padding: 20px;
}

div#RequirementsArea {
    padding: 0 20px;
    background: #f0f5f1 none repeat scroll 0 0;
}

.rqrmnt_t_b_cpd_cntnr .cntnt_label > h4 {
    color: #0fc3ca;
    float: right;
    font-size: 1em;
    margin-right: 20px;
}

.rqrmnt_cpd_cntnr .cntnt-label-cntnr form:last-child .cntnt_label {
    border-bottom: 0;
}

.rqrmnt_cpd_cntnr .cntnt_label .date_txt_area {
    float: left;
    width: 13%;
}

    .rqrmnt_cpd_cntnr .cntnt_label .date_txt_area p {
        font-size: 0.9em;
        line-height: 1.3em;
        margin: 0;
    }

.rqrmnt_cpd_cntnr .cntnt_label .rqrmnt_txt_area {
    display: table;
    width: 87%;
    padding-left: 10px;
    float: right;
}

.cntnt_label span.status.StatusColorRed {
    color: #d52c2c;
}

.cntnt_label span.status.StatusColorYellow {
    color: #FF9100;
}

.rqrmnt_cpd_cntnr .cntnt_label .rqrmnt_txt_area h5 {
    margin: 0;
    display: table-cell;
}

.rqrmnt_cpd_cntnr .cntnt_label .rqrmnt_txt_area p {
    color: #777777;
    display: block;
    margin: 0;
}

.fnt_blue {
    color: #0fc3ca;
}

.fnt_gray {
    color: #555555 !important;
    cursor: pointer;
}

.rqrmnt_t_b_cpd_cntnr.adtnl_frms_cntnr.col-sm-8 {
    margin-bottom: 0;
    margin-top: 0;
}

a.rqrmnt-t-b-cpd-file > * {
    margin: 0;
    float: left;
}

a.rqrmnt-t-b-cpd-file > .fa-file-o {
    margin-right: 5px;
    margin-top: 1px;
}

a.rqrmnt-t-b-cpd-file > .fa-close {
    background: #777777;
    height: 16px;
    border-radius: 50%;
    width: 16px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-top: 0px;
    cursor: pointer;
    padding-top: 2px;
    transition: all 0.4s ease 0s;
}

    a.rqrmnt-t-b-cpd-file > .fa-close:hover {
        background: #4a4848;
    }

.cntnt_label span.status {
    display: block;
    color: #4CAF50;
    font-size: 12px;
    margin-top: 3px;
}

.rqrmnt_cpd_cntnr .cntnt_label .rqrmnt_txt_area a {
    color: #0fc3ca;
    cursor: pointer;
    vertical-align: top;
    line-height: 12px;
}

.cntnt_label span.status > i {
    margin-right: 2px;
}
/*---styles-for-popup-------*/
/* The Close Button */
.pop_up_ntfctn {
    background: #f0f5f1 none repeat scroll 0 0;
    padding: 12px 20px;
}

    .pop_up_ntfctn > p {
        color: #616161;
        margin: 0;
    }

#divAddNewApplicant .pop_up_ntfctn > p {
    max-height: 200px;
    overflow: auto;
}

.pop_up_frm_area {
    padding: 15px 25% 30px 25%;
    text-align: right;
}

    .pop_up_frm_area > p {
        text-align: right;
    }

        .pop_up_frm_area > p > span {
            color: #e73535;
        }

    .pop_up_frm_area .form-group {
        margin-bottom: 25px;
        text-align: left;
    }

        .pop_up_frm_area .form-group select {
            background: rgba(0, 0, 0, 0) url("../images/down_arrow.png") no-repeat scroll right center / 14px 7px;
        }

        .pop_up_frm_area .form-group select, .pop_up_frm_area .form-group input, .form-group span.k-widget {
            background: #fff none repeat scroll 0 0;
            border-bottom: 1px solid #e5e6e7;
            border-radius: 0;
            box-shadow: none;
            color: #555;
            display: inline;
            font-size: 1em;
            line-height: 1.42857;
            margin-right: 5px;
            margin-top: 2px;
            padding: 6px 12px 6px 3px;
            width: 95%;
        }

            .pop_up_frm_area .form-group select:focus, .pop_up_frm_area .form-group input:focus, .form-group span.k-widget:focus {
                box-shadow: none !important;
                border-color: #e5e6e7 !important;
            }

input::placeholder {
    opacity: .6;
}

textarea::placeholder {
    opacity: .6;
}

.pop_up_frm_area .form-group select option {
    border: medium none;
    box-shadow: none;
    padding: 10px;
}

.pop_up_frm_area .form-group span {
    color: #d52c2c;
}

.pop_up_btn_area {
    border-top: 1px solid #e5e6e7;
    padding: 20px;
    text-align: right;
}

    .pop_up_btn_area button {
        font-size: 1.1em;
        padding: 10px 24px;
        text-transform: uppercase;
    }

        .pop_up_btn_area button.cncl_btn {
            margin-right: 5px;
        }

label.floating-label {
    color: #007ea2;
    display: block;
    font-size: 1em;
    margin: 0;
    opacity: 0;
    text-align: left;
    font-weight: normal;
}
/*---styles-for-popup-end-------*/
/*---new-styles-for-left-nav--------*/
.nav .k-widget thead {
    display: none;
}
/*---new-styles-for-left-nav-ends--------*/
/*---new-styles-for-add_applicant--------*/
.pop_up_frm_area span.k-dropdown-wrap.k-state-default, .pop_up_frm_area span.k-dropdown-wrap.k-state-disabled {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e5e6e7;
    border-image: none;
    border-left: medium none;
    border-radius: 0;
    border-right: medium none;
    border-top: medium none;
    color: #555;
}

.k-widget.k-dropdown.k-header.form-control.bordr-none {
    border: medium none;
    display: inline-block;
    margin: 2px 0;
    padding: 0;
    width: 95%;
}

.k-dropdown-wrap > span.k-input {
    color: #555;
    text-align: left;
}

.pop_up_frm_area .k-icon.k-i-arrow-60-down {
    background: url("../Images/down_arrow.png") right bottom no-repeat;
}

.k-icon::before {
    visibility: hidden;
}

.k-state-hover {
    box-shadow: none !important;
}

.margn-none {
    margin: 0 !important;
}

.float-right {
    float: right;
    margin-top: 15px;
}

li.k-item.k-state-selected.k-state-focused {
    display: block;
}

.k-list-container.k-popup.k-group.k-reset {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
}

.k-item.k-state-selected.k-state-focused {
    background: #f0f5f1 none repeat scroll 0 0;
    color: #000;
    display: block;
    border-radius: 0;
}

li.k-item {
    display: block;
}

    li.k-item:hover {
        background: #f0f5f1 none repeat scroll 0 0;
    }

.k-list-optionlabel:hover, .k-list-optionlabel.k-state-selected.k-state-focused {
    background: #f0f5f1 none repeat scroll 0 0;
    color: #000;
    border: none;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    box-shadow: none !important;
}

button:focus, a.btn:focus, button.btn.btn-primary:active, button.btn.btn-primary:focus {
    outline: medium none !important;
}

.validation-summary-errors {
    padding: 0 25%;
    margin-top: 10px;
}

.pop_up_frm_area h5 > span {
    color: #e73535;
}

input::-webkit-input-placeholder:active {
    display: none !important;
}

input:-moz-placeholder:actives { /* Firefox 18- */
    display: none !important;
}

input::-moz-placeholder:active { /* Firefox 19+ */
    display: none !important;
}

input:-ms-input-placeholder:active {
    display: none !important;
}

.k-widget.k-window {
    padding-top: 35px;
}

.k-window-titlebar.k-header {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    padding: 15px 0;
    z-index: 99;
}

.k-window-content.k-content {
    padding: 0;
}

.k-window-title {
    color: #333333;
    text-align: center;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}
/*---new-styles-for-add_applicant-ends-------*/

.san-cls .individual-question span.k-widget.k-dropdown.k-header {
    min-width: 273px !important;
}

.applicant-list {
    overflow: auto;
}

span.k-icon.k-i-close {
    background: url("../Images/close.png") left top no-repeat;
}

.k-multiselect span.k-icon.k-i-close {
    background: none;
}

.k-window-titlebar .k-window-actions {
    top: 12px;
    right: 11px;
}

.clicked, .nav .k-widget tr.k-state-selected td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: #f8f8f8 none repeat scroll 0 0 !important;*/
    /*border-left: 4px solid #0fc3ca;*/
    border-radius: 0;
    /*color: #0fc3ca;*/
}

#ApplicantGrid tr.k-state-selected td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-radius: 0;
}

.nav.nav-tabs.tabs-left tr td > div {
    padding: 18px 22px;
    font-size: 18px;
    font-family: Arial, robotoregular, Helvetica, sans-serif;
}

div.emailLoder {
    display: none;
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    margin: 0;
    top: 0;
    left: 0;
    padding: 30% 0 0;
    text-align: center;
    opacity: .7;
}
/*---new-styles-for-add_applicant-ends-------*/

/*---new-styles-for-LoadForm-starts-------*/

.load-forms-header {
    /*margin-bottom: 9px;*/
}

.load-forms-cntnr {
    /*padding: 10px 0 0 0;*/
    width: 100%;
    /*float: left;*/
    max-width: 990px;
}

    .load-forms-cntnr .pl0 {
        padding-left: 0;
    }

    .load-forms-cntnr .pr0 {
        padding-right: 0px;
    }

#tabApplicantFormPages > .k-content {
    margin: 0;
    box-sizing: border-box;
    padding: 0px;
    /*border-top: 2px solid #e8e8e8;*/
}

.btn-cntnr > button, .btn-cntnr > input {
    margin: 0 5px;
    font-weight: normal;
}

    .btn-cntnr > input:focus, .btn-cntnr > input:active, .btn-cntnr > input {
        outline: none !important;
    }

    .btn-cntnr > button:first-child {
        margin-right: 0;
    }

label {
    font-weight: normal;
    margin: 0;
}

    label > span {
        font-family: 'robotomedium';
    }

.seperation-bar {
    margin: 0 4px;
    font-size: 18px;
}

.load-forms-header-text {
    line-height: 40px;
}

    .load-forms-header-text #spanFormName {
        font-size: 22px;
        font-family: 'robotobold';
        color: #233a74;
    }

    .load-forms-header-text #spanApplicantName {
        font-family: 'robotomedium';
        font-size: 16px;
        color: #233a74;
    }

/*.load-forms-header-btn-part.btn-cntnr {
    float: right;
}*/

.load-forms-cntnt-tab-area {
    float: left;
    width: 100%;
    position: relative;
    /*padding-top: 5px;*/
}

#tabApplicantFormPages {
    background: #fff;
    border: 0;
    box-shadow: none;
    margin: 0 auto;
}

    #tabApplicantFormPages ul.k-tabstrip-items {
        padding: 0;
        display: block;
        text-align: center;
        box-sizing: border-box;
    }

        #tabApplicantFormPages ul.k-tabstrip-items > li.k-item:hover {
            border: 1px solid #fff;
            color: #fff;
            border-bottom: none;
        }

        #tabApplicantFormPages ul.k-tabstrip-items > li.k-item {
            background: #fff;
        }

            #tabApplicantFormPages ul.k-tabstrip-items > li.k-item > span.k-link {
                color: #333;
                padding: .6em .9em;
                font-family: 'robotomedium';
                height: 34px;
                vertical-align: bottom;
                display: table-cell;
            }

            #tabApplicantFormPages ul.k-tabstrip-items > li.k-item.k-state-active {
                border-bottom: 2px solid #0fc3ca;
                color: #fff;
            }

#divPagesArea.load-forms-cntnt-tab-area .k-icon::before {
    visibility: visible;
}

#divPagesArea span.k-button.k-button-icon.k-bare > span {
    padding: 7.5px 8px;
    opacity: 1;
    background: #fff;
    font-size: 22px;
}

#divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-next {
    right: 7px;
}

#divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    left: 7px;
}

#divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-next > span {
    right: -1px;
}

#divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-prev > span {
    left: -3px;
}

#divPagesArea span.k-button.k-button-icon.k-bare {
    position: absolute;
    color: #0fc3ca;
    top: 12px;
    opacity: 1;
    margin: 0;
    padding: 0;
}
/*---new-styles-for-LoadForm-ends-------*/

/*---new-styles-for-Loadsections-starts-------*/
.load-forms-btm-btn-strip {
    /*padding: 15px;*/
    /*border-top: 2px solid #e8e8e8;*/
}

.load-sections-cntnr {
    margin: auto;
    float: none;
    padding: 0;
    box-sizing: border-box;
}

.form-page-discription {
    box-sizing: border-box;
    margin: 0px auto 25px auto;
    float: none;
    padding: 10px;
    background: #f0f5f1 none repeat scroll 0 0;
    margin-top: 10px;
}

#divVisitationDefaultPageFooter.form-page-discription {
    margin-top: 25px;
}

.form-page-discription > p {
    margin: 0;
}

.form-section-discription, ul.section-attachment-dl-cntnr {
    margin: 0;
    background: #f0f5f1 none repeat scroll 0 0;
    padding: 10px;
}

ul.section-attachment-dl-cntnr {
    box-sizing: border-box;
    width: 100%;
    display: block;
    margin: 0;
    color: #0099c5;
    padding-top: 0;
}

    ul.section-attachment-dl-cntnr.contact-section-attachment-dl-cntnr, .form-section-discription.contact-sec-discription {
        /*width: 81%;*/
        box-sizing: content-box;
    }

    ul.section-attachment-dl-cntnr li i {
        margin-right: 4px;
    }

    ul.section-attachment-dl-cntnr li label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: text-bottom;
    }

    ul.section-attachment-dl-cntnr > li {
        margin-right: 35px;
        padding-top: 10px;
        display: inline-block;
    }

.indvdl-section-header > label {
    float: right;
}

.indvdl-section-header {
    padding-bottom: 6px;
}

    .indvdl-section-header > h4 {
        font-family: 'robotomedium';
        margin: 0 0 5px 0;
    }

#divSectionContact {
    position: relative;
}

.indvdl-section-cntnr .indvdl-section-contant {
    padding: 15px 15px 0 15px;
    /*border: 1px solid #e8e8e8;*/
    margin-bottom: 15px;
}

.indvdl-section-cntnr:last-child .indvdl-section-contant:last-child {
    margin-bottom: 0;
}

.indvdl-section-cntnr .indvdl-section-contant:not(:first-of-type) {
    border-top: 1px solid #555;
}

.individual-question, .individual-question-other, .individual-question-text-area {
    padding: 0;
    display: table;
}

    .individual-question > label, .individual-question-other > label, .individual-question-text-area > label {
        font-family: 'robotomedium';
        /*max-width: 420px;*/
    }

#divSectionVisitation .individual-question > label {
    vertical-align: text-top;
    width: 160px;
}

.load-sections-cntnr #divSectionVisitation input.form-control {
    width: 240px;
}

.k-widget.k-calendar .k-header {
    background: #00bfc7;
}

.visitation-date-calender .k-calendar .k-header a.k-link.k-state-hover {
    background: #00bfc7 !important;
    opacity: .8;
}

.k-calendar .k-content .k-link {
    outline: none;
}

.individual-question-text-area > label {
    vertical-align: top;
}

.load-sections-cntnr span.k-widget.k-dropdown.k-header > span, .load-sections-cntnr input.form-control, .load-sections-cntnr select.form-control, .load-sections-cntnr textarea.form-control, .load-forms-cntnt-tab-area span.k-dropdown-wrap.k-state-default, .load-forms-cntnt-tab-area span.k-dropdown-wrap.k-state-disabled {
    border: 1px solid #555;
    border-radius: 0;
    box-shadow: none;
    font-family: "robotoregular";
    line-height: 16px;
    padding: 6px 7px;
    box-sizing: border-box;
    max-width: 420px;
    min-width: 200px;
    background: #fff;
    height: 34px;
    margin: 0;
    font-size: 14px;
    color: #555;
    display: block;
}

.individual-question .k-widget.k-upload {
    max-width: 420px;
}

.load-sections-cntnr input.form-control:disabled, .load-sections-cntnr textarea.form-control:disabled, input[type="radio"][disabled] + span {
    opacity: .7;
}

.individual-question-other > input.form-control {
    width: 200px;
}

.load-sections-cntnr textarea.form-control {
    height: 75px;
}

.individual-question > label > input {
    margin-right: 5px;
}

.indvdl-section-cntnr .individual-question-row {
    margin-bottom: 10px;
    clear: both;
}

div#divAvailableSessions {
    /*float: left !important;*/
    clear: right !important;
}

.indvdl-section-cntnr .individual-question-row:last-child {
    margin-bottom: 0;
}

.indvdl-section-cntnr {
    margin-bottom: 30px;
}

    .indvdl-section-cntnr .individual-question-row > label {
        margin-right: 20px;
    }

.check-box-area label > input {
    margin: 0 5px 0 0;
}

.check-box-area {
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
}

.individual-question .check-box-area {
    display: block;
}

.individual-question-other {
    float: left;
    width: 30%;
    margin: -29px 0 0 20px;
}

.salutation-individual-question {
    position: relative;
}

.salutation-other-box {
    position: absolute;
    left: 293px;
    margin: 0;
    top: 0px;
}

.load-sections-questions {
    margin-top: 20px;
}

.check-box-area label:first-child {
    margin-right: 20px;
}

#divPagesArea .check-box-area label {
    margin-right: 20px;
    float: left;
}

.individual-question-other > label {
    width: 42px;
    margin-bottom: 10px;
}

.individual-question span.k-widget.k-dropdown.k-header {
    box-shadow: none;
    max-width: 420px;
    display: block;
    min-width: 230px;
}

.inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header {
    /*width: 274px;*/
    width: 100%;
    display: block;
}

#divPagesArea.load-forms-cntnt-tab-area .salutation-individual-question span.k-dropdown-wrap.k-state-default, .salutation-individual-question span.k-widget.k-dropdown.k-header {
    /*width: 200px;*/
}

.load-forms-cntnt-tab-area .k-dropdown .k-icon.k-i-arrow-60-down {
    background-image: none;
    margin-top: 4px;
}

#divPagesArea.load-forms-cntnt-tab-area span.k-dropdown-wrap span.k-input {
    color: #555;
    height: auto;
    line-height: 21px;
    padding: 0;
    text-indent: 0 !important;
}

.indvdl-section-cntnr:last-child .indvdl-section-contant .individual-question-row:last-child {
    margin-bottom: 0;
}

.indvdl-section-cntnr:last-child {
    margin-bottom: 0;
}

.indvdl-section-contant > p {
    margin-bottom: 15px;
}

.form-control:focus, span.k-dropdown-wrap.k-state-default:focus, .k-datepicker.k-header.datePickerAnswer:focus {
    border-color: #66afe9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

.individual-question > label > p, .individual-question-other > label > p, .individual-question-text-area > label > p {
    font-family: 'robotomedium';
    float: left;
    /*max-width: 410px;*/
    overflow-wrap: break-word;
}

.individual-question label p span.k-dropdown-wrap.k-state-default, .cntnt_label h5 span.k-dropdown-wrap.k-state-default {
    border: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

    .cntnt_label h5 span.k-dropdown-wrap.k-state-default .k-input {
        padding: 0;
        height: auto;
    }
/*---new-styles-for-Loadsections-ends-------*/

/*---new-styles-for-Load-mandatory-fields-starts-------*/

.mand-field-form-name-cntnr {
    padding: 12px 20px;
    background: #f0f5f1;
}

h5.mand-field-h5 {
    margin: 0;
}

    h5.mand-field-h5 span {
        font-family: 'robotomedium';
    }

.mand-field-main-cntnt-part {
    padding: 20px;
    overflow: auto;
}

.mand-field-page-name-cntnr {
    margin-bottom: 7px;
}

.mand-field-table {
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
}

    .mand-field-table:last-child {
        margin-bottom: 0px;
    }

.mand-field-table-sec-name-cntnr {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    background: #fafafa;
}

.mand-field-table-cntnt-cntnr {
    padding: 10px;
}

.mand-field-main-cntnt-section {
    margin-bottom: 25px;
}

    .mand-field-main-cntnt-section:last-child {
        margin-bottom: 0;
    }

.mand-field-table-cntnt-cntnr > p:last-child {
    margin-bottom: 0;
}

#tabApplicantFormPages ul.k-tabstrip-items > li.k-item > span.k-link > img.k-image {
    display: block;
    margin: 0 auto 5px auto;
}

.mand-field-form-name-cntnr > h5.mand-field-h5 {
    font-size: 16PX;
    font-family: 'robotomedium';
    margin: 7px 0 0 0;
}

.mand-field-form-name-cntnr > p {
    margin: 0;
}

.mand-field-table-cntnt-cntnr > p {
    font-family: 'robotomedium'
}
/*---new-styles-for-Load-mandatory-fields-ends-------*/

/*---styles-for-Date-picker-starts-------*/
.k-datepicker.datePickerAnswer > span.k-picker-wrap {
    display: inline-flex;
}

    .k-datepicker.datePickerAnswer > span.k-picker-wrap > .k-select {
        background: #fff;
        border: none;
    }

.k-datepicker.datePickerAnswer .k-icon {
    font-size: 19px;
    margin-top: 3px;
}

.k-datepicker.datePickerAnswer .datePickerAnswer.k-input {
    border: none;
}

    .k-datepicker.datePickerAnswer .datePickerAnswer.k-input:focus {
        box-shadow: none !important;
    }

/*.k-calendar-container .k-header > a {
    background: #00bfc7 !important;
}*/

.k-calendar-container.k-popup {
    padding: 0;
}

.k-calendar-container .k-header {
    /*background: #00bfc7 !important;*/
    padding: 6px 0 3px 0;
}

.k-calendar .k-content thead th {
    background-color: #f3f3f3;
    color: #000;
}

.k-calendar td.k-state-focused, .k-calendar td.k-state-selected.k-state-focused {
    box-shadow: none;
}

.k-calendar .k-today {
    background-color: #fff;
}

    .k-calendar .k-today:hover {
        background-color: #fff;
    }

    .k-calendar .k-today .k-link {
        color: #00bfc7;
    }

.k-calendar .k-content .k-link {
    padding: 0;
}

.k-calendar td {
    border-radius: 0;
    text-align: center;
}

    .k-calendar td.k-state-selected {
        background-color: #fff;
        border-radius: 0;
    }

.k-calendar .k-state-selected > .k-link {
    color: #fff;
    background-color: #00bfc7;
    border-radius: 0;
}

.k-calendar td.k-state-selected:hover {
    background-color: #fff;
}

/*.k-calendar .k-state-selected > .k-link {
    color: #fff;
    background-color: #00bfc7;
}*/

.k-calendar .k-footer .k-nav-today {
    color: #00bfc7;
}

.k-calendar .k-header .k-icon:before {
    visibility: visible;
}

.k-calendar .k-header .k-icon {
    margin-top: 10px;
}

.individual-question .k-widget.datePickerAnswer {
    display: block;
}

.form-section-discription {
    margin-top: 12px;
    margin-bottom: 8px;
}
/*---styles-for-Date-picker-ends-------*/

/*---styles-for-Relationship details for contact section-starts-------*/
.contact-section-top-strip {
    border-bottom: 1px solid #555;
    padding-bottom: 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

    .contact-section-top-strip > div {
        display: inline-block;
        margin-right: 20px;
        float: left;
    }

    .contact-section-top-strip .cntct-sction-btn-cntnr {
        float: right;
        margin-right: 0 !important;
    }

.indvdl-section-contant .contact-section-top-strip input {
    width: 200px !important;
    background: #fff !important;
    border: 1px solid #555;
}

.indvdl-section-contant .contact-section-top-strip label {
    font-family: 'robotomedium';
    display: block;
}

.indvdl-section-contant .contact-section-top-strip button, #divSectionContact .contact-section-add-cntct-btn {
    padding: 8px 14px;
    font-size: 14px;
}

#divSectionContact .contact-section-add-cntct-btn {
    /*top: -35px;
    right: 0;
    position: absolute;
    margin: 0;*/
    /*background: #ffffff !important;
    color: #0fc3ca !important;*/
    /*margin-left: 15px;*/
}

    #divSectionContact .contact-section-add-cntct-btn > span {
        font-size: 20px;
        line-height: 10px;
        display: inline-block;
        margin-right: 3px;
    }

.indvdl-section-contant .contact-section-top-strip button:last-child {
    margin-left: 3px;
}

.mandatoryIcon {
    color: #d52c2c;
    margin-left: 2px;
}

.address-fields.exp-date-field > span.k-widget.k-dropdown.k-header {
    width: 83px;
    display: inline-block;
}

.divDdlRelation {
    display: inline;
}

.cntct-sction-rltnship-cntnr .divDdlRelation .k-widget .k-dropdown-wrap {
    /*width: 200px !important;*/
}

.divDdlRelation .k-widget {
    width: 273px;
}

    .divDdlRelation .k-widget .k-dropdown-wrap span.k-input {
        line-height: 16px !important;
    }

    .divDdlRelation .k-widget .k-dropdown-wrap span.k-select .k-icon {
        margin: 0;
    }
/*---styles-for-Relationship details for contact section-ends-------*/

/*---styles-for-upload-button-ends-------*/
.k-widget.k-upload .k-button.k-upload-button {
    margin: 3px;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
}

.k-upload > .k-dropzone {
    padding: 0;
    border-radius: 0;
}

.k-upload {
    border-radius: 0;
}

.upload-attachment-container {
    border: 1px solid #e6e6e6;
    border-top: 0;
    max-width: 420px;
    min-width: 420px;
}

    .upload-attachment-container .k-widget.k-grid table tbody tr td:nth-child(2) {
        text-align: center;
        float: right;
        box-sizing: border-box;
        padding: 0;
    }

    .upload-attachment-container .k-widget.k-grid table tbody tr td:first-child {
        box-sizing: border-box;
        max-width: 290px;
        white-space: nowrap;
    }

        .upload-attachment-container .k-widget.k-grid table tbody tr td:first-child::before {
            content: "\f016";
            font-family: "FontAwesome";
            margin-right: -3px;
            font-size: 16px;
            color: #0099c5;
        }

    .upload-attachment-container .k-widget.k-grid table tbody tr td a {
        color: #444;
        font-size: 15px;
        display: block;
        padding: .4em .6em;
    }

        .upload-attachment-container .k-widget.k-grid table tbody tr td a.attachment-with-link {
            display: inline;
            color: #0099c5;
        }

        .upload-attachment-container .k-widget.k-grid table tbody tr td a:hover {
            color: #0099c5;
            cursor: pointer;
        }
/*---styles-for-upload-button-ends-------*/

/*---styles-for-Thanks for Recommending starts-------*/


.vert-centre {
    position: absolute;
    height: 78%;
    width: 100%;
    display: table;
}

.thanks-rcmnd-cntnr {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .thanks-rcmnd-cntnr > i {
        color: #0fc3ca;
        font-size: 70px;
    }

    .thanks-rcmnd-cntnr > h2 {
        font-weight: bold;
        margin-top: 10px;
    }

    .thanks-rcmnd-cntnr > button {
        margin-top: 20px;
    }

.error-rcmnd-cntnr.thanks-rcmnd-cntnr > i {
    color: #d52c2c;
}

.prfl_dtls .pro_area_ttl > button#btnEditApplicant {
    margin-top: 19px;
    width: auto;
    background: none;
    border: none;
    color: #0fc3ca;
    padding: 0;
}

    .prfl_dtls .pro_area_ttl > button#btnEditApplicant:hover {
        opacity: .7;
    }
/*---styles-for-Thanks for Recommending ends-------*/ /*------inquiry forms styles starts-------*/
.information-cntnr:nth-child(2) {
    padding-left: 0;
}

.information-cntnr:nth-child(3) {
    padding-right: 0;
}

.inquiry-form-fields-cntnr .load-sections-cntnr input.form-control {
    max-width: 390px;
    min-width: 200px;
}

span.k-datepicker span.k-picker-wrap {
    border-radius: 0px;
    background: #fff;
    border-color: #e6e6e6;
}

.k-datepicker .k-input {
    background: #fff;
}

.k-datepicker .k-input {
    background: #fff;
}

.k-datepicker .k-input {
    background: #fff;
    height: 34px;
    padding: 0;
}

.k-datepicker .k-icon::before {
    visibility: visible;
}

.k-select .k-icon::before {
    visibility: visible;
}

#AddApplicantForm .k-icon::before {
    visibility: hidden;
}

.individual-question span.k-icon.k-i-calendar {
    vertical-align: middle;
    margin-top: 3px;
}

.load-sections-cntnr span.k-icon.k-i-arrow-60-down {
    margin-top: 3px;
}

.inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header > span {
    /*width: 390px;*/
}

.load-sections-cntnr span.k-widget.k-dropdown.k-header span.k-input {
    line-height: initial;
    height: initial;
}

.inquiry-form-fields-cntnr {
    border-bottom: 1px solid #e8e8e8;
    padding: 20px;
}

.inquiry-form-pages-cntnr {
    float: left;
    width: 100%;
    overflow: auto;
    /*border-top: 1px solid #e8e8e8;*/
    /*margin-top: 7px;*/
}


    /*.inquiry-form-pages-cntnr hr {
    width: 100%!important;
    color:red;
}*/

    .inquiry-form-pages-cntnr #tabApplicantFormPages > .k-content {
        height: auto !important;
    }
/*------inquiry forms styles ends-------*/
/*------visitation styles starts--*/

div#dateRangeCalendar {
    display: block;
}

#dateRangeCalendar.k-calendar .k-header a .k-icon {
    margin-top: 0 !important;
}

.k-calendar .k-header .k-link.k-state-hover {
    background: none;
    opacity: .8;
}

#gridVenueSession .k-grid-header th.k-header {
    background: #f0f5f1 none repeat scroll 0 0;
    color: #555;
    font-family: 'robotomedium';
}

#gridVenueSession {
    border: 1px solid #e6e6e6;
}

    #gridVenueSession .k-grid-header {
        background: #f0f5f1 none repeat scroll 0 0;
    }

    #gridVenueSession .k-grid-content {
        height: 266px;
    }

        #gridVenueSession .k-grid-content table tr td:first-child, #gridVenueSession .k-grid-content table tr td:last-child {
            text-align: center;
        }

.k-grid-content table {
    border-bottom: 1px solid #e6e6e6;
}

#divSectionVisitation .individual-question > label > p {
    width: auto;
    margin-right: 2px;
}

.visitation-individual-question label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    margin-bottom: 14px;
}

.indvdl-section-cntnr .visitation-individual-question {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 0;
}

#divSectionVisitation > .indvdl-section-contant {
    border: none;
    padding: 0;
}

.visitation-individual-question .individual-question > label > span {
    margin: 0;
}

.k-datepicker .k-input {
    color: #555;
}
/*------visitation styles ends--*/
div#divPageNotFound {
    float: left;
    width: 100%;
}

ul.prfl_hover_box {
    position: absolute;
    right: 21px;
}

ul.prfl_hover_box {
    position: absolute;
    right: 23px;
    background: #fff;
    padding: 0;
    top: 69px;
    border: 1px solid #edf2ee;
    z-index: 1;
    color: #fff;
    box-shadow: 0.1px 0.1px 0.2px #e7ebe8;
}

.prfl_hover_box > li {
    display: block;
    cursor: pointer;
}

    .prfl_hover_box > li a {
        color: #0fc3ca;
        text-decoration: none;
        margin: 0;
        padding: 8px 25px;
        box-sizing: border-box;
        display: block;
    }

    .prfl_hover_box > li:hover {
        background: #f9fbf9;
    }

button#CancelAppointmentLink {
    width: 127px;
    /*margin-left: 24px;*/
    margin-bottom: 25px;
}

button#RescheduleAppointmentLink {
    width: 157px;
    margin-left: 7px;
    margin-bottom: 25px;
}

#msgCancel, #msgRescheduleNotAllowed {
    margin-bottom: 15px;
}

.load-sections-cntnr #divAvailableSessions input.form-control, .load-sections-cntnr #divSectionVisitation input#txtVisitationDateSubmitted {
    width: 370px;
}

#modal-warning input[type=radio] {
    margin-right: 3px;
    vertical-align: middle;
    margin-top: -3px;
}
/*-----------payment-screen starts----------*/
section.payment-header-part {
    text-align: center;
    margin-bottom: 25px;
}

    section.payment-header-part h3 {
        margin: 0;
        font-family: 'robotomedium';
    }

    section.payment-header-part h5 {
        font-family: 'robotomedium';
    }

/*section.payment-header-part h5 > span {
    color: #0fc3ca;
}*/

.sub-hdng-wth-bg > h4 {
    margin: 0;
    font-family: 'robotomedium';
}

ul.applicant-details-cntnr h5 {
    margin: 0 0 5px 0;
    font-family: 'robotomedium';
}

ul.applicant-details-cntnr > li {
    display: inline-block;
}

    ul.applicant-details-cntnr > li:first-child {
        width: 35%;
    }

    ul.applicant-details-cntnr > li:last-child {
        float: right;
        text-align: right;
    }

    ul.applicant-details-cntnr > li label {
        text-overflow: ellipsis;
        overflow: hidden;
    }

/*Payment receipt - start*/
ul.pay_receipt_cntnr h5 {
    margin: 0 0 5px 0;
    font-family: 'robotomedium';
}

ul.pay_receipt_cntnr > li:first-child {
    width: 35%;
}

ul.pay_receipt_cntnr > li label {
    width: 280px;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    overflow: hidden;
}

ul.pay_receipt_cntnr > li:last-child {
    width: auto;
    text-align: left;
    margin-bottom: 0 !important;
    float: right;
    text-align: right;
}

ul.pay_receipt_cntnr > li {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}

.payreceipt_btn_area {
    padding: 0px 0px 15px 0px;
    text-align: right;
}

    .payreceipt_btn_area button {
        font-size: 1.1em;
        padding: 10px 24px;
        text-transform: uppercase;
    }

        .payreceipt_btn_area button.cncl_btn {
            margin-right: 5px;
        }

.payment_receipt_cntnr > * {
    width: 100%;
    padding: 10px 0px 10px 0px;
    margin: 0;
}

    .payment_receipt_cntnr > * > h4, .payment_receipt_cntnr > ul {
        padding: 10px;
        width: 98%;
    }

.payment_receipt_cntnr > hr {
    top: 15px !important;
}

.payment_transac_info_cntnr .id-date-cntnr {
    float: right;
    padding-right: 10px;
}

.pay_tran_recp_main {
    padding-left: 0px;
    width: 789px;
    padding-right: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*Payment receipt - end*/

.shpng-cart-detls-cntnr > *, .adrs-information-cntnr > *, .pymnt-dtls-cntnr > * {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px;
    margin: 0;
}

    .shpng-cart-detls-cntnr > *:last-child, .adrs-information-cntnr > *:last-child, .pymnt-dtls-cntnr > *:last-child {
        border: none;
    }

.address-fields > input.form-control, .address-fields > span.k-widget.k-dropdown.k-header {
    width: 273px;
    display: block;
}

    .address-fields > span.k-widget.k-dropdown.k-header > span {
        width: 100%;
    }

.address-fields {
    margin: 10px;
}

    .address-fields > label {
        font-family: 'robotomedium';
    }

.adrs-information-cntnr {
    margin-top: 15px;
}

.total-amnt-cntnr > .total-amount label {
    display: block;
    font-family: 'robotomedium';
}

    .total-amnt-cntnr > .total-amount label span {
        font-family: 'robotoregular';
        float: left;
        width: 50%;
    }

        .total-amnt-cntnr > .total-amount label span#TotalAmount,
        .total-amnt-cntnr > .total-amount label span#TotalTransactionFee {
            text-align: right;
        }

#divPayment .shpng-cart-detls-cntnr .total-amnt-cntnr.pull-left > .total-amount.pull-right {
    width: 100%;
}

#divTotalToPay {
    width: 100%;
}

    #divTotalToPay span {
        width: 50%;
    }

    #divTotalToPay #TotalToPay {
        text-align: right;
    }

.total-amount.total-pay label span, .address-fields > label.amount-label {
    font-size: 16px;
    color: #000000;
}

section.payment-main-cntnt > *:last-child {
    padding-left: 8px;
}

section.payment-main-cntnt > *:first-child {
    padding-right: 8px;
}

section.payment-main-cntnt > * {
    padding: 0;
}

.address-fields > ul.payment-optn-cntnr {
    padding: 0;
    display: inline-block;
    margin: 0;
}

    .address-fields > ul.payment-optn-cntnr li {
        display: block;
        margin-bottom: 8px;
    }

        .address-fields > ul.payment-optn-cntnr li:last-child {
            margin: 0;
        }

label.payment-optn-label {
    vertical-align: top;
    margin-top: 5px;
}

.address-fields.cvv-field > input, .address-fields.exp-date-field > input.form-control {
    width: 83px;
    display: inline-block;
}

    .address-fields.exp-date-field > input.form-control:last-child {
        margin-left: 10px;
    }

.address-fields > ul.payment-optn-cntnr li input {
    vertical-align: middle;
    margin-right: 6px;
}

.bottom-btn-cntnr > button:first-child {
    margin-left: 10px;
}

.bottom-btn-cntnr {
    padding: 20px;
}

.address-fields.cvv-field > i {
    font-size: 19px;
    margin-left: 5px;
    color: #555;
    cursor: pointer;
}

.payment-sctn-cntnr {
    margin: 20px auto 20px auto;
}

.payment-page-cntnr, .payment-acknoldg-cntnr {
    overflow: auto;
    padding: 0 20px;
}

.address-fields > label:last-child {
    font-family: 'robotoregular';
}

.address-fields .popover-title button#close {
    margin-right: -1px;
    margin-top: -3px;
}

.account-type-radio-btns {
    display: inline-block;
}

.address-fields.exp-date-field > span.k-widget.k-dropdown.k-header:last-child {
    margin-left: 5px;
}

.account-type-radio-btns label:first-child {
    margin-right: 15px;
}

.account-type-radio-btns input[type="radio"] {
    vertical-align: middle;
    margin-bottom: 7px;
}

#divSectionContact .indvdl-section-contant.san-cls .contact-section-add-cntct-btn.filled.customizedFormButtons {
    margin-left: -15px !important;
}

/*-----------payment-screen ends----------*/
/*-----------load-form-new-page-starts---------*/
div#divFormBtn > input:first-child {
    margin-right: 0;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .35;
}

button.btn-green-border, input.btn-green-border {
    border: 1px solid #4CAF50;
    color: #4CAF50;
}

button.btn-green-filled, input.btn-green-filled {
    background: #8eb13d;
    color: #fff;
    border: 1px solid #8eb13d;
}

    button.btn-green-filled:hover, input.btn-green-filled:hover, button.btn-green-filled:active, input.btn-green-filled:active, button.btn-green-filled:focus, input.btn-green-filled:focus {
        background: #3b973f !important;
        border: 1px solid #3b973f !important;
    }

button.btn-green-border:hover, input.btn-green-border:hover, button.btn-green-border:active, input.btn-green-border:active, button.btn-green-border:focus, input.btn-green-border:focus {
    border: 1px solid #4CAF50 !important;
    color: #fff !important;
    background: #4CAF50 !important;
}

.salutation-individual-question label p {
    margin-bottom: 6px;
}
/*-----------load-form-new-page-ends----------*/
/*--------email-recommender-styles-starts------ */
.email-recommender-cntnr .load-forms-header {
    margin-bottom: 0;
}

.email-recommender-cntnr .load-forms-cntnt-tab-area {
    padding-top: 0;
}

.email-recommender-cntnr input#btnSubmitApplicantForm {
    /*position: absolute;*/
    right: 15px;
    top: 10px;
    z-index: 1;
}
/*--------email-recommender-styles-ends------ */
.form-page-discription ul, .form-section-discription ul, .individual-question ul {
    list-style: circle;
    display: block;
    margin-left: -20px;
}

.individual-question ul {
    list-style-type: none !important;
    list-style: none;
    display: block;
    margin-left: 3px;
}

.individual-question ul li::marker {
    content: "";
}

.form-page-discription ul li, .form-section-discription ul li, .individual-question ul li {
    display: list-item;
    list-style: disc !important;
}

#tabApplicantFormPages .individual-question ul li {
    display: list-item;
}

.form-section-discription ol, .form-page-discription ol, .individual-question ol {
    list-style: decimal;
    display: block;
    margin-left: -20px;
}

    .form-section-discription ol li, .form-page-discription ol li, .individual-question ol li {
        display: list-item;
        list-style: decimal;
    }

.inquiry-form-fields-cntnr span.k-widget.k-datepicker.k-header.datePickerBirthDate {
    display: block;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .div-pmt-top {
    padding-left: 0px;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .div-pmt-bot {
    padding-right: 0px;
    padding-left: 0px;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-first {
    width: 25%;
    float: left !important;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-second {
    width: 34%;
    float: left !important;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-third {
    width: 25%;
    float: left !important;
}

.payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-fourth {
    width: 11%;
    float: left !important;
}

.total-amt-lnone {
    text-align: right;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.total-amt-lntwo {
    text-align: right;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 7px;
}

    .total-amt-lnone span, .total-amt-lntwo span {
        text-align: right;
    }

    .total-amt-lnone label, .total-amt-lntwo label {
        width: 120px;
        text-align: right;
        /*margin-right: 40px;*/
    }

/*--------payment-acknowledgment-styles-starts---------*/
.payment-acknoldg-thnks-part {
    display: block;
    padding: 25px 0;
}

    .payment-acknoldg-thnks-part label {
        font-size: 18px;
    }

.payment-acknoldg-information-part {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.payment-acknoldg-cntnr ul.applicant-details-cntnr > li:last-child {
    width: auto;
    text-align: left;
    margin-bottom: 0 !important;
}

.payment-acknoldg-cntnr .paymnt-info-cntnr ul.applicant-details-cntnr > li {
    display: block;
    width: 100%;
    margin-bottom: 4px;
}

.paymnt-info-cntnr, .trsactn-info-cntnr {
    float: left;
    width: 100%;
}

span.break-dots {
    margin-right: 2px;
    font-family: 'robotomedium';
}

.payment-acknoldg-cntnr .paymnt-info-cntnr li label {
    width: 122px;
    font-family: 'robotomedium';
    color: #333;
}

    .payment-acknoldg-cntnr .paymnt-info-cntnr li label.break-dots {
        width: 3px;
    }

.payment-acknoldg-information-part .sub-hdng-wth-bg > h4 {
    display: inline;
}

.trsactn-info-cntnr .id-date-cntnr {
    float: right;
    width: auto;
}

.id-date-cntnr div:last-child {
    float: right;
    width: 112px;
}

.id-date-cntnr > div {
    display: inline-block;
}

    .id-date-cntnr > div:first-child {
        margin-right: 10px;
    }

.payment-acknoldg-cntnr .trsactn-info-cntnr ul.applicant-details-cntnr > li:last-child {
    text-align: right;
    width: 16%;
}

.payment-acknoldg-cntnr .total-amnt-cntnr > .total-amount label {
    width: auto;
}

    .payment-acknoldg-cntnr .total-amnt-cntnr > .total-amount label span {
        margin-left: 10px;
    }

.trsactn-info-cntnr.shpng-cart-detls-cntnr > *:not(:first-child) {
    padding: 12px 10px;
}

button#btnPaymentAcknowledgeBack {
    margin-top: 10px;
}

#divAddNewApplicant {
    width: 500px !important;
}

#ApplicantGrid .k-selectable tbody > tr > td > div {
    display: inline-flex;
    width: 100%;
}

    #ApplicantGrid .k-selectable tbody > tr > td > div .img-sze-prf {
        width: 35px;
        height: 35px;
    }

    #ApplicantGrid .k-selectable tbody > tr > td > div span {
        padding-top: 5px;
    }

#divSectionContact .indvdl-section-contant.san-cls .contact-section-top-strip {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 30px !important;
}

ul.prfl_hover_box {
    top: 55px;
}

#divSectionContact .indvdl-section-contant .individual-question-row .individual-question {
    margin-left: -15px;
}

#divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header {
    max-width: 273px !important;
}

/*--------payment-acknowledgment-styles-ends---------*/
/*------Media-Queries-starts----------*/

@media only screen and (max-width: 1040px) {
    .rqrmnt_t_b_cpd_cntnr .cntnt_label > h5 {
        width: 70%;
        width: 660px !important;
    }

    .rqrmnt_cpd_cntnr {
        /*margin-top: 20px;*/
    }

    .load-forms-header-btn-part > button, .load-forms-header-btn-part > input {
        padding: 10px 12px;
        font-size: 1.1em;
    }

    .inquiry-form-fields-cntnr .individual-question > label {
        min-width: 100px;
    }

    #divAvailableSessions {
        padding-left: 40px;
    }

        #divAvailableSessions.completed-available-session {
            padding-left: 0;
        }

    .cntnt-label-cntnr {
        max-height: 853px;
    }

    /*ul.section-attachment-dl-cntnr.contact-section-attachment-dl-cntnr, .form-section-discription.contact-sec-discription {
        width: 81%;
    }*/

    #divPagesArea span.k-button.k-button-icon.k-bare {
        top: 13px;
    }

    .salutation-i-question-drop-down span.k-widget.k-dropdown.k-header {
        width: 200px;
    }

    #divAddNewApplicant {
        width: 700px !important;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
        width: 240px;
    }

    .rqrmnt_t_b_cpd_cntnr .pull-left.col-md-7 {
        width: 155px !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        width: 25px;
    }
}

@media only screen and (max-width: 780px) {
    .forms_down_area > div {
        width: 100%;
        padding: 0 !important;
    }

    .cntnt-label-cntnr {
        max-height: 201px;
    }

    .prctg_crcl {
        display: none;
        top: -30px;
    }

    .percentage-align-circle {
        left: 15px;
    }

    #chartLabel {
        margin-left: 130px !important;
    }


    #btnAddNewApplicant {
        font-size: 1.1em;
        padding: 10px 11px;
    }

    .load-forms-header-btn-part #btnSubmitApplicantForm {
        margin-bottom: 10px;
    }

    .load-forms-header-btn-part > button, .load-forms-header-btn-part > input {
        font-size: 1.2em;
    }

    .inquiry-form-fields-cntnr .load-sections-cntnr input.form-control, .inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header > span, .inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header {
        max-width: 316px !important;
        min-width: 200px !important;
    }

    .individual-question > span.k-widget.k-datepicker.datePickerBirthDate {
        width: 176px !important;
    }

    #divAvailableSessions {
        padding-top: 20px;
        width: 100%;
        padding-left: 0;
    }

    .nav.nav-tabs.tabs-left tr td > div {
        padding: 13px 7px;
        width: 100%;
    }

    .clicked, .nav .k-widget tr.k-state-selected td {
        /*border-left: 2px solid #0fc3ca !important;*/
    }

    ul.section-attachment-dl-cntnr.contact-section-attachment-dl-cntnr {
        width: 75%;
    }

    .form-section-discription.contact-sec-discription, .k-content .form-section-discription {
        width: 90%;
    }

    .indvdl-section-contant .contact-section-top-strip button {
        padding: 8px 12px;
    }

    .individual-question-other > input.form-control {
        max-width: 230px !important;
    }

    .individual-question-other {
        margin: 15px 0 0 0;
    }

    #divSectionContact .san-cls .individual-question-other {
        margin: 0px 0 0 0;
    }

    section.payment-main-cntnt > * {
        padding: 0;
        width: 100%;
    }

        section.payment-main-cntnt > *:last-child {
            padding-left: 0;
            margin-top: 15px;
        }

        section.payment-main-cntnt > *:first-child {
            padding-right: 0;
        }

    .address-fields.cvv-field > input, .address-fields.exp-date-field > input.form-control {
        width: 75px !important;
    }

    #divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-next {
        right: 12px;
    }

    #divPagesArea span.k-button.k-button-icon.k-bare > span {
        padding: 7.5px 0px;
    }

    #divPagesArea span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
        left: 12px;
    }

    #divAddNewApplicant {
        width: 500px !important;
    }

    header .prfl_area .pro_image {
        margin: 0px 40px 0px 5px !important;
    }

    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .individual-question span.k-widget.k-dropdown.k-header,
    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        max-width: 100% !important;
        width: 100% !important;
    }

    .mandatory-warning .popover {
        width: 150px !important;
    }

        .mandatory-warning .popover .popover-content {
            max-height: 300px;
            overflow-y: auto;
        }
}
/*------Media-Queries-ends----------*/

.disableDiv {
    pointer-events: none;
    opacity: 0.6;
    cursor: no-drop;
}

.hand-pointer {
    cursor: pointer;
}

.remove-hand-pointer {
    cursor: pointer;
    margin-left: 10px;
    color: #555 !important;
    position: relative;
    top: -1px;
}

    .remove-hand-pointer:hover {
        color: #0099c5 !important;
    }

#divDisplayDiscountCode .col-md-12 .col-md-12 {
    background-color: #effafb !important;
    text-align: right;
    font-size: .9em;
}

#divDisplayDiscountCode .col-md-12 {
    padding: 5px 0px 5px 0px !important;
}

#divAddDiscountCode {
    margin-top: 5px;
    font-size: .9em;
}

/*.discount-btns {
    display: contents;
}*/

.flx-div-offer {
    position: relative;
    display: inline-flex;
    font-size: .9em;
}

    .flx-div-offer span {
        margin-top: 7px;
    }

    .flx-div-offer input {
        width: 150px !important;
        margin: 0px 10px 0px 10px !important;
    }

    .flx-div-offer #btnCancelDiscountCode {
        margin-left: 10px !important;
        height: 32px;
        font-size: .9em;
    }

    .flx-div-offer #btnApplyDiscountCode {
        height: 32px;
        font-size: .9em;
    }

    .flx-div-offer #txtDiscountCode {
        font-size: .9em;
    }

#divEnterDiscountCode {
    float: right;
    margin-right: -10px !important;
}

#divDisplayDiscountCode .divDispAmount {
    width: 109px;
}

#divDisplayDiscountCode .col-md-12 .col-md-12 label {
    display: inline-flex;
}

.arrow-width {
    width: 100% !important;
}

.k-window-titlebar.k-header #divAddNewApplicant_wnd_title {
    top: 13px;
}

#divApplicantDetailsProgress #ApplicantDetails .prfle_area_top.row {
    display: inline-flex;
    width: inherit;
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {*/
@media only screen and (max-width: 600px) {
    .arrow-width {
        width: 64% !important;
        /*margin-top: -5px !important;*/
    }

    div.k-widget.k-window {
        width: 86% !important;
    }

    #tabApplicantFormPages > .k-content {
        margin: 0px -22.5% !important;
    }

    .nav.navbar-nav {
        margin: 7.5px 15px !important;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt {
        padding: 20px 0 0 !important;
        height: 85px !important;
        display: inline-flex !important;
    }

    .prfl_dtls {
        width: 100%;
    }

        .prfl_dtls .row {
            padding-bottom: 25px !important;
        }

    .salutation-other-box {
        position: relative;
        left: 0px;
        width: 100%;
    }

    .contact-section-top-strip .cntct-sction-btn-cntnr {
        margin-top: 10px;
    }

    .btn {
        padding: 8px 12px !important;
    }

    button.btn-primary, #divFormBtn input.btn-primary {
        font-size: 1em !important;
    }

    #divApplicantForm .load-forms-btm-btn-strip #divFormBtn button.btn-primary,
    #divApplicantForm .load-forms-btm-btn-strip #divFormBtn input.btn-primary {
        font-size: .88em !important;
    }

    .inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header > span,
    .inquiry-form-fields-cntnr span.k-widget.k-dropdown.k-header {
        width: 100% !important;
    }

    .individual-question > span.k-widget.k-datepicker.datePickerBirthDate {
        width: 200px !important;
    }

    .information-cntnr:nth-child(3) {
        padding-right: 0 !important;
        padding-left: 0px !important;
        margin-top: 20px;
    }

    .information-cntnr:nth-child(2) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .myCustomWarningClass {
        width: auto !important;
    }

    #divAddNewApplicant {
        width: 100% !important;
    }

    header .prfl_area .pro_image {
        margin: 0px 40px 0px 5px !important;
    }

    .load-sections-cntnr input[type=text] {
        min-width: 200px !important;
    }

    .indvdl-section-cntnr #divSectionContact .individual-question-row .individual-question.col-sm-12 input[type=text] {
        width: 270px !important;
    }

    .payment-right-part #divCreditCardFields .address-fields > label {
        width: 129px;
    }

    .form-section-discription.contact-sec-discription, .k-content .form-section-discription {
        width: 90%;
    }

    .descr-cs .col-md-4.pull-left {
        width: 200px !important;
    }

    .k-widge.k-window {
        width: 100% !important;
    }

    .load-forms-header-btn-part #btnSubmitApplicantForm {
        margin-bottom: 0px !important;
    }

    .btns-row-ali {
        margin-top: -10px;
        height: 110px !important;
    }

        .btns-row-ali #btnTabPreviousBottom {
            position: absolute;
            top: 62px;
        }

        .btns-row-ali #btnTabNextBottom {
            position: absolute;
            margin-top: 32px;
            right: 0px !important;
        }

        .btns-row-ali #btnSubmitApplicantForm {
            position: absolute;
            right: -20px;
            height: 35px;
        }

        .btns-row-ali #btnSaveApplicantForm {
            position: absolute;
            left: -20px !important;
            height: 35px;
        }

    .individual-question .divUploadCntrl .k-widget.k-upload {
        min-width: 210px !important;
    }

    #div_Recommendation input[type=text] {
        width: 200px !important;
    }

    .modal-dialog, .pop-warning, .k-widget.k-window {
        width: 93% !important;
        left: 3.5% !important;
        margin: 0px !important;
    }

    .load-sections-cntnr input[type=text].for-sml-wdt {
        min-width: 146px !important;
    }

    #divSectionVisitation #divAvailableSessions .individual-question {
        display: block !important;
    }

    .upload-attachment-container .k-widget.k-grid table tbody tr td:first-child {
        max-width: 135px !important;
    }

    .indvdl-section-cntnr .indvdl-section-contant {
        padding: 0px 0px 0px 3px !important;
    }

    .email-template-entire-body .email-template-area.cntnt_rght_part .email-attachments-container.form-name-cntnr {
        margin-right: -15px !important;
    }

    #ApplicantDetails .prfle_area_top #divApplicantSchoolInfo .pro_area_ttl.col-sm-12 {
        height: 55px !important;
    }

    #divEnterDiscountCode .flx-div-offer {
        display: block !important;
    }

        #divEnterDiscountCode .flx-div-offer .parentDiscountCode {
            position: absolute;
            left: -100px;
            font-size: .92em;
        }

        #divEnterDiscountCode .flx-div-offer #btnCancelDiscountCode {
            right: 10px !important;
            margin-top: 7px !important;
            position: absolute !important;
        }

        #divEnterDiscountCode .flx-div-offer #btnApplyDiscountCode {
            height: 32px;
            margin-top: 7px;
            left: 25px;
        }

    .load-sections-cntnr .indvdl-section .indvdl-section-header h4 {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .email-recommender-cntnr input#btnSubmitApplicantForm {
        right: -20px !important;
    }

    .left_nav .nav.nav-tabs.tabs-left.applicant-list {
        height: auto !important;
        padding-bottom: 15px !important;
    }

    .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        min-width: 100% !important;
    }

    .load-sections-cntnr input[type=text].form-control, .load-sections-cntnr textarea.form-control {
        min-width: 200px !important;
    }

    #signature-area {
        display: block;
    }

        #signature-area .col {
            padding: 10px 0;
        }

    div.addSignatureBtnArea {
        text-align: center;
    }

    #signature-area .user-signature.col {
        padding: 10px 0;
        border-left: 0;
    }

        #signature-area .user-signature.col .col-md-12.p0 {
            line-height: normal;
        }
}

/**************** SIGNATURE AREA ***********/
.p0.signature-area, .signature-area .p0 {
    padding: 0;
    margin: 0;
}

.signature-area {
    border: 1px solid #ebebeb;
    display: flex;
}

    .signature-area .upload-attachment-container {
        min-width: 100px;
        width:auto;
        margin-top: 12px;
    }

    .signature-area .col {
        padding: 10px;
    }

.p0.user-signature {
    border-left: 1px solid #ebebeb;
    padding: 20px 10px 20px 10px;
    text-align: center;
}

.addSignatureBtnArea.textCenter {
    text-align: center;
}

#divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question button.btnSignaturePad.contact-section-add-cntct-btn.customizedFormButtons {
    margin-bottom: 0;
}

.indvdl-section-contant .individual-question-row .individual-question {
    display: block;
}

.signature-area .upload-attachment-container .k-widget.k-grid table tbody tr td:first-child::before {
    content: "";
}

#signature-area .user-signature.col .col-md-12 {
    line-height: 90px;
}

.upload-attachment-container .k-grid-header th.k-header:first-child {
    width: 100%;
}

.upload-attachment-container .k-widget.k-grid table tbody tr td:nth-child(2), .upload-attachment-container .k-grid-header th.k-header:nth-child(2) {
    width: 35px;
    height: 35px;
    text-align: center;
    float: right;
    box-sizing: border-box;
    padding: 0;
}
/**************** SIGNATURE AREA ENDS***********/
#divCreditCardFields span.k-widget.k-dropdown.k-header > span, #txtCvv.form-control {
    min-width: 83px !important;
}

#logo > img {
    max-height: 60px;
    height: 50px;
    max-width: 110px;
}

.prfl_area .pro_image img {
    display: none !important;
}

.rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
    width: 113px;
    float: right;
}

.rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
    width: 30px;
    position: relative;
    /*margin-top: -20px;*/
}

#RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
    width: 111px;
    float: right;
}

#RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
    width: 15px;
    position: relative;
    margin-top: 7px;
}

@media only screen and (max-device-width:1280px) {
    #SvgAlignment.svg-align #chartLabel {
        margin-left: 100px;
    }

    #SvgAlignment.svg-align .percentage-align-circle {
        left: 35px;
    }

    .percentage-align-circle {
        left: 65px;
    }
}

.descr-cs {
    display: inline-block;
}

.rqrmnt_t_b_cpd_cntnr .pull-left.col-md-8 {
    word-break: break-word;
    padding-right: 7px;
}

.descr-cs .col-md-3.pull-left {
    float: right;
}

.rqrmnt_t_b_cpd_cntnr .col-md-1,
.rqrmnt_t_b_cpd_cntnr .col-md-2,
.rqrmnt_t_b_cpd_cntnr .col-md-3,
.rqrmnt_t_b_cpd_cntnr .col-md-4,
.rqrmnt_t_b_cpd_cntnr .col-md-5,
.rqrmnt_t_b_cpd_cntnr .col-md-6,
.rqrmnt_t_b_cpd_cntnr .col-md-7,
.rqrmnt_t_b_cpd_cntnr .col-md-8,
.rqrmnt_t_b_cpd_cntnr .col-md-9,
.rqrmnt_t_b_cpd_cntnr .col-md-10,
.rqrmnt_t_b_cpd_cntnr .col-md-11,
.rqrmnt_t_b_cpd_cntnr .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.cntnt_label span.status {
    font-size: .85em;
}

body {
    overflow-x: hidden;
}

hr {
    margin: 0px -601.5rem;
    top: 59px;
    position: relative;
    z-index: 1;
    border-top: 2px solid #eee;
}

.email-recommender-cntnr > * > hr {
    top: 52px !important;
}

hr.bot-ftr {
    top: 0px !important;
}

#divApplicantForm .load-forms-header .load-forms-header-text {
    text-align: center;
    padding-top: 10px;

}

#chartLabel {
    position: absolute;
    margin-left: 125px;
    margin-top: 195px;
    color: #3c3c3c;
}

#SvgAlignment.svg-align #chartLabel {
    margin-left: 105px;
}

.load-sections-cntnr input[type=text].form-control {
    min-width: 200px !important;
}

.load-sections-cntnr textarea.form-control {
    min-width: 420px;
}

.load-sections-cntnr .k-picker-wrap input[type=text].form-control {
    min-width: 163px;
}

.exp-date-field span.k-widget.k-dropdown.k-header {
    min-width: 80px !important;
}

.exp-date-field {
    display: inline-flex !important;
}

.load-sections-cntnr input[type=text]#txtCvv {
    width: 80px !important;
}

.parentDiscountCode {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.indvdl-section {
    padding: 15px 15px;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
}

#divPagesArea #tabApplicantFormPages .k-content.k-state-active {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

.disableParentPageUploadControls {
    pointer-events: none;
    opacity: 0.6;
    cursor: no-drop;
}

#divPayment > * .k-loading-mask {
    top: 0px !important;
}

#divPayment .k-loading-mask {
    position: inherit !important;
}

#divAddNewApplicant .pop_up_ntfctn ul, .pop_up_ntfctn li {
    list-style: inherit;
    display: list-item !important;
    margin-left: -6px;
}

#divAddNewApplicant .pop_up_ntfctn ol {
    list-style: decimal;
    display: list-item !important;
    margin-left: -6px;
}

#divAddNewApplicant .pop_up_ntfctn {
    padding: 10px 0px !important;
    max-height: 130px !important;
    overflow-y: auto !important;
    padding-left: 10px !important;
}
/************** PD Style *************/
#div_Recommendation input[type=text] {
    width: 330px;
    float: left !important;
    display: block !important;
    clear: both;
}

#div_Recommendation textarea {
    float: left !important;
    display: block !important;
    clear: both;
}

#div_Recommendation .individual-question > label, #div_Recommendation .individual-question-other > label, #div_Recommendation .individual-question-text-area > label {
    font-family: 'robotomedium';
    width: 420px;
    max-width: 100%;
    display: block;
    float: left;
    clear: both;
}

.san-cls .individual-question .individual-question-other input {
    margin-top: -4px !important;
}

#divPayment #divCreditCardFields .exp-date-field {
    margin-top: 3px !important;
}

    #divPayment #divCreditCardFields .exp-date-field span.k-widget.k-dropdown.k-header {
        margin-top: -6px !important;
        margin-left: 3px !important;
    }

        #divPayment #divCreditCardFields .exp-date-field span.k-widget.k-dropdown.k-header:last-child span.k-dropdown-wrap.k-state-default {
            margin-left: 7px !important;
        }

.portfolioClassAttachments .col-md-1 {
    width: 20px !important;
    text-align: center !important;
}

.portfolioClassAttachments .col-md-11 {
    white-space: nowrap;
    width: 845px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.align-top {
    margin-top: 0px !important;
}

.loadformpreviewoptions {
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
    height: 25px;
}

    .loadformpreviewoptions .fa-arrow-left {
        margin-right: 5px;
    }

.load-forms-header-btn-part, .load-forms-btm-btn-strip .col-md-2 {
    padding-top: 10px;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox {
    width: auto !important;
}

    #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-default {
        height: 31px !important;
    }

        #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-default input.form-control.k-textbox.k-input {
            width: auto !important;
            margin-top: -30px !important;
            height: 34px !important;
            margin-left: -1px !important;
            margin-right: -40px !important;
        }

#divSectionContact .individual-question span.k-icon.k-i-calendar {
    margin-top: -8px !important;
    margin-left: 12px !important;
}

/*chrome browser code*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #divSectionContact .individual-question span.k-icon.k-i-calendar {
        margin-left: 0px !important;
    }
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox .k-picker-wrap.k-state-hover,
#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox .k-picker-wrap.k-state-hover:hover,
#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox:hover {
    /*background-color: #fff;*/
    border-color: #ffffff !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.0), 0px 0px 0px rgba(0,0,0,.0) !important;
    box-shadow: 0px 0px 0px rgba(0,0,0,.0), 0px 0px 0px rgba(0,0,0,.0) !important;
}

.section-dynamic-dp span.k-icon.k-i-warning {
    display: none;
}

.k-maskedtextbox .section-dynamic-dp .k-textbox {
    color: #555;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled {
    height: 31px !important;
}

    #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled .form-control.k-textbox.k-input {
        top: -29px !important;
        margin-left: -2px !important;
    }

#divSectionContact .individual-question span.k-picker-wrap.k-state-disabled span.k-icon.k-i-calendar {
    margin-left: -7px !important;
}

/*form mozilla firefox browser*/
@-moz-document url-prefix() {
    #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox .k-picker-wrap.k-state-default .k-select {
        margin-right: 10px !important;
    }
}

#gridVenueSession .k-grid-norecords .k-grid-norecords-template {
    width: 30em !important;
    border: 0;
}

#gridVenueSession .k-grid-norecords {
    height: auto !important;
}

.prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area.pro_grade_desc p {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

#divUploadAttachmentWindow > * .k-i-loading {
    visibility: hidden;
    display: none;
}

div.k-window.k-widget {
    border-width: 0px !important;
}

#divAttachmentList {
    border: 1px solid #efefef;
}

    #divAttachmentList.grid-container.form-name-cntnr {
        margin-left: 5px !important;
        margin-top: -1px !important;
        max-width: 548px;
    }

    #divAttachmentList #grdUploadAttachments .k-grid-content {
        min-height: 65px !important;
        max-height: 130px !important;
        overflow-y: scroll !important;
    }

.email-template-entire-body .email-template-area.cntnt_rght_part .email-attachments-container.form-name-cntnr {
    margin-left: -10px !important;
    max-width: 550px;
}

    .email-template-entire-body .email-template-area.cntnt_rght_part .email-attachments-container.form-name-cntnr h2 {
        font-size: 18px;
    }

#divUploadAttachmentWindow .email-template-btn-cntnr.bottom-btn-cntnr {
    height: 40px;
    margin-top: 15px;
    border-top: 1px solid #efefef;
}

    #divUploadAttachmentWindow .email-template-btn-cntnr.bottom-btn-cntnr button#btnSaveUplodedAttachment {
        background: #0fc3ca none repeat scroll 0 0 !important;
        color: #ffffff !important;
    }

input[type='file'] {
    opacity: 0
}

.upload-delete-cursor {
    cursor: pointer;
}
/*for chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #divAttachmentList #grdUploadAttachments .k-grid-content {
        min-height: 33px !important;
    }
}
/*for mozilla*/
@-moz-document url-prefix() {
    #divAttachmentList #grdUploadAttachments .k-grid-content {
        min-height: 33px !important;
    }
}

.btn-alt {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}

.btn-primary-alt {
    border-radius: 30px;
    border-width: 1px;
    text-transform: capitalize !important;
    font-size: 1em;
    padding: 10px 20px;
    transition: all 0.4s ease 0s;
    line-height: .9;
}

button.btn-alt.btn-primary-alt {
    box-shadow: none;
    font-family: "robotobold";
    vertical-align: middle;
}

/*.load-sections-cntnr .indvdl-section-cntnr .indvdl-section-contant.san-cls .contact-section-add-cntct-btn.btn.btn-primary,
.load-sections-cntnr .indvdl-section-cntnr .indvdl-section-contant.san-cls .contact-section-add-cntct-btn.btn.btn-primary:hover,
.load-sections-cntnr .indvdl-section-cntnr .indvdl-section-contant.san-cls .contact-section-top-strip .cntct-sction-btn-cntnr button.btn.btn-primary {
    background-color: #ffffff !important;
    color: #0fc3ca !important;
}*/

.load-sections-cntnr .indvdl-section-cntnr,
.contact-section-top-strip {
    background-color: #ffffff !important;
    color: inherit !important;
}

#divPayment input#btnSubmitApplicantForm, #divPayment button#btnConfirmAndPay {
    margin: 0 0 0 10px;
}

#divPayment .bottom-btn-cntnr.pull-right {
    padding-right: 0;
}

.individual-question .divUploadCntrl .k-widget.k-upload {
    min-width: 420px;
}

#divFormDefinitionStatusWindow #btn-options {
    background: white;
}

#divFormDefinitionStatusWindow .no-spacing {
    padding: 0;
    margin: 0;
}

#divFormDefinitionStatusWindow #divFormName h4 {
    color: black;
}

#divFormDefinitionStatusWindow #chkFormAvailable, #divFormDefinitionStatusWindow #chkFormNotAvailable {
    margin-left: 5px;
}

#divInquiry .k-maskedtextbox.form-control.section-dynamic-dp .k-picker-wrap:before {
    position: absolute !important;
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: #ffffff !important;
}

#divInquiry .k-maskedtextbox.form-control.section-dynamic-dp .k-picker-wrap {
    border-width: 0px !important;
    border-style: hidden !important;
    border-color: #ffffff !important;
    margin-left: -1px !important;
    margin-top: -1px !important;
}

#divInquiry .k-maskedtextbox.form-control.section-dynamic-dp {
    border-width: 0px !important;
    border-style: hidden !important;
    border-color: #ffffff !important;
    width: 0px !important;
    margin-left: 10px !important;
}

#divInquiry .individual-question span.k-icon.k-i-calendar {
    margin-top: -8px !important;
    margin-left: 125px !important;
}

#ulParentApplicants {
    width: 100%;
}

    #ulParentApplicants #liBackToManager {
        float: right;
    }

        #ulParentApplicants #liBackToManager button#btnBackToManager {
            float: right;
            margin: 8px 15px 5px 0px;
            background: #007ea2;
            color: white;
            border: 0px solid #0099c5;
        }


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    #divApplicantForm .load-forms-btm-btn-strip #btnTabPreviousBottom {
        position: absolute;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnTabNextBottom {
        position: absolute;
        right: 15px !important;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnSaveApplicantForm {
        height: 37px !important;
    }

    .load-forms-header-btn-part, .load-forms-btm-btn-strip .col-md-2 {
        padding-top: 0px !important;
    }

    #divApplicantForm .load-forms-header.row {
        margin-top: 10px !important;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top.row {
        /*display: block;*/
    }

    ul.prfl_hover_box {
        right: 55px;
    }

    #divSectionContact .indvdl-section-contant.san-cls .individual-question .drop-down-resolution-control .individual-question-other {
        margin-top: -29px;
        margin-left: 20px;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label span.status {
        width: 160px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .payment-left-part .shpng-cart-detls-cntnr ul.applicant-details-cntnr li:last-child {
        position: absolute !important;
        right: 15px !important;
        margin-top: 0px !important;
    }

    .flx-div-offer #btnCancelDiscountCode {
        padding-right: 40px !important;
    }

    .flx-div-offer #btnApplyDiscountCode {
        padding-right: 40px !important;
    }

    .prctg_crcl .svg-100 {
        bottom: -60px !important;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top.row {
        display: block;
    }

    ul.prfl_hover_box {
        right: 55px;
    }
}


#tabApplicantFormPages.k-tabstrip-top .k-tabstrip-items .k-state-active {
    margin-bottom: -1px !important;
}

.total-pay span {
    color: black !important;
}

#divPayment > * input.form-control, #divPayment > * span.k-dropdown-wrap {
    border: 1px solid #555 !important;
}

#divPagesArea .mandatoryIcon {
    margin-left: 3px !important;
    margin-top: 9px;
    float: left;
}

#divPagesArea .indvdl-section-cntnr .individual-question p {
    margin: 0px 0px 0px 0px !important;
}

#div_Recommendation .indvdl-section-cntnr .individual-question p {
    margin: 0px 0px 0px 0px !important;
}

#divSchoolName, #divProgramName, #divGradeName, #divYearName {
    min-height: 63px;
}

    #divSchoolName p, #divProgramName p, #divGradeName p, #divYearName p {
        min-height: 20px;
    }

.inquiry-form-fields-cntnr .load-sections-cntnr input.form-control, .inquiry-form-fields-cntnr .load-sections-cntnr span.k-widget.k-dropdown.k-header > span {
    border: 1px solid #e6e6e6 !important;
}

#txtVisitationDate {
    min-width: 240px !important;
}

#divSectionVisitation .indvdl-section-contant .individual-question-row .individual-question label p {
    margin: 0px 4px 0px 0px !important;
}

.percentage-align-circle {
    position: absolute !important;
    top: 195px;
    color: #3c3c3c;
    left: 65px;
}

#SvgAlignment.svg-align .percentage-align-circle {
    left: 40px;
}

#divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-errors {
    color: #d52c2c;
    margin-top: 0px;
    text-align: left;
    padding: 0% !important;
    margin-bottom: 15px;
}

#divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-qry-box {
    padding: 0px !important;
    text-align: left;
}

#divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-qry {
    padding: 7px 0px 35px 0px !important;
    width: 230px;
}

#divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-sub {
    padding: 0px !important;
    width: 112px;
    margin-bottom: 10px;
}

#divGetMaxVisitorsWindow .pop_up_btn_area .v-s-str {
    color: #d52c2c;
    margin-left: 2px;
}

@media screen and (min-width: 1900px) {
    .percentage-align-circle {
        left: 125px;
        position: absolute !important;
        top: 195px !important;
        color: #3c3c3c !important;
    }

    #chartLabel {
        margin-left: 190px;
        position: absolute !important;
        margin-top: 195px !important;
        color: #3c3c3c !important;
    }

    #ApplicantDetails #divApplicantSchoolInfo.prfl_dtls {
        width: 75%;
    }

    #SvgAlignment.svg-align .percentage-align-circle {
        left: 90px;
    }

    #SvgAlignment.svg-align #chartLabel {
        margin-left: 155px;
    }
}

input#ProspectBirthDate {
    width: 150px !important;
}

.k-multiselect-wrap.k-floatwrap {
    width: 395px;
    border: 1px solid #555;
}

    .k-multiselect-wrap.k-floatwrap li {
        background-color: #f2f2f2;
    }

.adjs-width {
    width: 240px !important;
}

ul.k-list.k-reset li.k-item {
    color: #000 !important;
}

.load-sections-cntnr textarea.form-control {
    min-width: 420px;
}

.load-sections-cntnr input.form-control.section-dynamic-dp.k-textbox.k-input:disabled {
    opacity: .1 !important;
}

.k-content.k-state-active .load-sections-cntnr input.form-control.section-dynamic-dp.k-textbox.k-input:disabled {
    opacity: 1 !important;
    border: 1px solid #ccc !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #divSectionContact .individual-question span.k-state-disabled.k-picker-wrap span.k-i-calendar.k-icon {
        margin-left: 6px !important;
    }

    #divSectionContact .individual-question .k-picker-wrap .k-select {
        width: 2em;
    }
}

.cntnt-label-cntnr .cntnt_label div.col-md-8.descr-cs > h5 > span.col-md-7.col-sm-12.pull-left {
    word-break: break-all;
}

.rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr, .rqrmnt_cpd_cntnr .cntnt-label-cntnr {
    max-height: 440px !important;
}

.rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorRed,
.rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorGreen {
    margin-top: 7px;
}

.rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorYellow {
    margin-top: -4px;
}

@media only screen and (min-width:1900px) {
    .cntnt-label-cntnr .cntnt_label div.col-md-8.descr-cs > h5 > span.col-md-7.col-sm-12.pull-left {
        width: 425px !important;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        width: 30px;
        position: relative;
        left: -15px !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        width: 15px;
        position: relative;
        margin-top: 4px !important;
    }

    .rqrmnt_t_b_cpd_cntnr.pull-left .cntnt_label.row .col-md-8.col-lg-9.descr-cs {
        width: 80% !important;
    }

    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-8.col-sm-12.pull-left {
        width: 82% !important;
    }

    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorRed,
    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorYellow,
    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorGreen {
        width: 15% !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorRed,
    #RequirementsArea .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorYellow,
    #RequirementsArea .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorGreen {
        width: 14% !important;
    }

    .clear.frmAddEditForm div#popup-mandatoryfields {
        margin-left: -155px !important;
    }
}

@media only screen and (min-device-width : 200px) and (max-device-width : 500px) {
    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        margin-top: 0px !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        margin-top: 20px !important;
        position: absolute;
        left: 150px;
    }

    .mandatory-warning .popover {
        width: 120px !important;
        font-size: 12px;
    }

    span.expired-form .popover {
        min-width: 120px;
        z-index: 20000;
        font-size: 12px;
    }

    .mandatory-warning .popover .popover-content {
        max-height: 300px;
        overflow-y: auto;
    }

    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorRed,
    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorGreen,
    .rqrmnt_t_b_cpd_cntnr.pull-left .descr-cs h5.col-md-12 .col-md-3.col-sm-12.pull-left.StatusColorYellow {
        margin-top: 0px !important;
    }

    header .prfl_area .pro_image {
        margin: 0px 0px 0px 5px !important;
    }

    .pop_up_frm_area {
        padding: 0px 5% 0px 5%;
    }

    div.k-widget.k-window {
        width: 85% !important;
    }

    .k-window-titlebar.k-header #divAddNewApplicant_wnd_title {
        margin-right: 15px;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top.row {
        display: grid;
    }

    #divAddNewApplicant .pop_up_ntfctn {
        max-height: 20px !important;
    }

    .pop_up_btn_area {
        padding: 10px;
    }

    .k-widget.k-dropdown.k-header.form-control.bordr-none {
        margin: 0px 0;
    }

    #divSchoolName, #divProgramName, #divGradeName, #divYearName {
        min-height: 55px;
    }

    #divAddNewApplicant .pop_up_frm_area #AddApplicantForm input[type="text"] {
        margin: 0px;
    }

    .validation-summary-errors {
        padding: 0 5%;
    }

    #divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-qry {
        padding: 0px 0px 5px 0px !important;
    }

    #divGetMaxVisitorsWindow .pop_up_btn_area .validation-summary-sub {
        margin-bottom: 30px;
    }

    #divSectionContact .indvdl-section-contant .individual-question-row .individual-question {
        margin-left: 0px;
    }

    #divSectionContact .indvdl-section-contant.san-cls .contact-section-add-cntct-btn.filled.customizedFormButtons {
        margin-left: 0px !important;
    }

    #divSectionContact .indvdl-section-contant.san-cls .individual-question .drop-down-resolution-control {
        display: block !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label span.status {
        width: auto;
    }

    .k-widget.k-multiselect.k-multiselect-clearable, .k-multiselect-wrap.k-floatwrap {
        width: 255px !important;
    }
}

@-moz-document url-prefix() {
    @media only screen (min-device-width:1280px) and (min-device-width:1900px) {
        #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
            margin-top: -20px;
        }
    }
}


#divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question label {
    width: 100% !important;
    margin-bottom: 0px !important;
}

#divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question button {
    margin-bottom: 12px;
}

#divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question button {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #0fc3ca !important;
    color: #0fc3ca !important;
}

    #divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question button:hover {
        background: #0fc3ca none repeat scroll 0 0 !important;
        border: 1px solid #0fc3ca !important;
        color: #fff !important;
    }

#divSectionContact .indvdl-section-contant.san-cls .individual-question-row.row .individual-question .upload-attachment-container {
    border: 1px solid #e6e6e6 !important;
}

#surface-container {
    border: 4px dashed #e6e6e6 !important;
    margin: 20px;
    cursor: default;
}

.k-widget.k-window .k-window-titlebar.k-header #divSignatureBox_wnd_title.k-window-title {
    margin-left: -20px !important;
}

#btnSignaturePadClear {
    cursor: pointer !important;
    color: red;
    float: right;
    clear: both;
    text-align: right;
    margin-right: 20px;
    margin-bottom: 7px;
}

#divSignatureBox .pop_up_btn_area {
    border-top: 1px solid #e5e6e7;
    padding: 20px 0;
    text-align: right;
    float: left;
    width: 93%;
    margin: 0 3%;
}

div.k-window-content#divSignatureBox {
    overflow: hidden !important;
}

#divSignatureBox #surface-container #surface {
    width: 500px;
    height: 75px;
}

@media only screen  and (min-device-width  : 200px) and (max-device-width  : 500px) {
    #surface svg {
        width: 60% !important;
    }

    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .individual-question span.k-widget.k-dropdown.k-header,
    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.inquiry-form-fields-cntnr {
    padding: 15px 15px;
    /*border: 1px solid #e8e8e8;*/
    margin-bottom: 15px;
    margin: 10px 20px 20px 20px;
    /*margin: 20px;*/
}

#divPagesArea .k-tabstrip-wrapper {
    padding: 0 20px;
}

#indvdl-section.inquiry-form-fields-cntnr {
    margin-bottom: 10px;
}

/*.inquiry-form-pages-cntnr #divPagesArea ul li span.k-link{
    height:auto !important;
}*/

.inquiry-form-fields-cntnr .load-sections-cntnr input.form-control {
    border: 1px solid #555 !important;
}

.load-forms-cntnr .inquiry-form-pages-cntnr .load-sections-cntnr .individual-question-row .individual-question {
    min-width: 273px;
}

    .load-forms-cntnr .inquiry-form-pages-cntnr .load-sections-cntnr .individual-question-row .individual-question .form-control {
        width: 100% !important;
    }

    .load-forms-cntnr .inquiry-form-pages-cntnr .load-sections-cntnr .individual-question-row .individual-question .k-dropdown-wrap {
        width: 100% !important;
    }

.inquiry-form-fields-cntnr .load-sections-cntnr span.k-widget.k-dropdown.k-header > span {
    border: 1px solid #555 !important;
}

.inquiry-form-fields-cntnr .load-sections-cntnr .form-control.section-dynamic-dp.k-textbox.k-input {
    min-width: 140px !important;
}

#divInquiry .individual-question span.k-icon.k-i-calendar {
    margin-left: 106px !important;
    border-left: 1px solid black;
    width: 1.9em;
    height: 100%;
    margin-top: -17px !important;
}

.k-widget.k-multiselect.k-multiselect-clearable {
    width: 395px;
}

#divSectionContact .individual-question span.k-icon.k-i-calendar {
    margin-left: -6px !important;
    border-left: 1px solid black;
    width: 32px;
    height: 34px;
    margin-top: -18px !important;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-default input.form-control.k-textbox.k-input, #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled .form-control.k-textbox.k-input {
    width: 150px !important;
    min-width: 150px !important;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled .form-control.k-textbox.k-input, #divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled .k-select {
    border-right: 0px !important;
}

#divSectionContact .individual-question span.k-picker-wrap.k-state-disabled span.k-icon.k-i-calendar {
    margin-left: -18px !important;
    opacity: 1 !important;
    border-left: 1px solid #ccc !important;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled .k-select {
    border-left: 0px !important;
}

#divSectionContact .k-widget.k-maskedtextbox.form-control .k-widget.k-datepicker.k-header.form-control.k-textbox span.k-picker-wrap.k-state-disabled {
    width: 148px;
    padding-right: 0;
}

.individual-question-row .k-picker-wrap.k-state-default > .k-select {
    border: 0 !important;
}

#divMandatoryFieldsWindow_wnd_title {
    padding-left: 0px !important;
}

.k-window-title {
    font-size: 24px !important;
}

    .k-window-title i {
        font-size: 26px;
        position: relative;
        margin: 0 6px 0 0;
    }

.individual-question .phoneType ul.iti__hide {
    display: none;
}

.individual-question .phoneType ul {
    display: inline;
    list-style: none;
}

.phoneType .iti.iti--allow-dropdown {
    border: 1px solid #555;
    border-radius: 0;
    box-shadow: none;
    font-family: "robotoregular";
    line-height: 16px;
    padding: 6px 7px;
    box-sizing: border-box;
    background: #fff;
    height: 34px;
    margin: 0;
    font-size: 14px;
    color: #555;
    display: block;
    width: 273px;
}

.individual-question .iti.iti--allow-dropdown {
    border: 1px solid #555;
    border-radius: 0;
    box-shadow: none;
    font-family: "robotoregular";
    line-height: 16px;
    padding: 6px 7px;
    box-sizing: border-box;
    background: #fff;
    height: 34px;
    margin: 0;
    font-size: 14px;
    color: #555;
    width: 273px;
}

    .individual-question .iti.iti--allow-dropdown input {
        border: 0;
        width: 180px;
    }

.phoneType .iti.iti--allow-dropdown input {
    border: 0;
    width: 132px;
}

.parentDiscountCode {
    width: 40%;
}

@media only screen and (min-width: 320px) and (max-width:640px) {
    .upload-attachment-container {
        min-width: 99%;
    }

    .drop-down-resolution-control .k-widget.k-dropdown {
        width: 100% !important;
    }

    .phoneType .iti.iti--allow-dropdown {
        width: 100%;
    }

    .address-fields > input.form-control {
        width: auto;
    }

    .payment-right-part #divCreditCardFields .address-fields > label {
        width: auto;
    }

    .address-fields > span.k-widget.k-dropdown.k-header {
        width: auto;
    }

    .parentDiscountCode {
        width: 70%;
    }

    #divDisplayDiscountCode .col-md-12 .col-md-12 {
        width: 100%;
    }

    .left_nav .nav.nav-tabs.tabs-left.applicant-list {
        height: auto !important;
    }


    .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        width: 100%;
    }

    .inquiry-form-fields-cntnr#indvdl-section {
        margin: 0;
    }

    .contact-section-top-strip > div {
        display: block;
        float: none;
        margin-right: 0;
    }

    .divDdlRelation .k-widget {
        display: block;
        width: 100% !important;
    }

    .cntct-sction-rltnship-cntnr .divDdlRelation .k-widget .k-dropdown-wrap {
        width: 100% !important;
    }

    .load-forms-cntnr .inquiry-form-pages-cntnr .load-sections-cntnr .individual-question-row .individual-question {
        min-width: 100%;
    }

    .load-sections-cntnr input[type=text].form-control {
        min-width: 100% !important;
    }

        .load-sections-cntnr input[type=text].form-control.for-sml-wdt {
            min-width: 80% !important;
        }

    .payment-main-cntnt .payment-right-part .address-forms .address-fields:first-child label,
    .payment-main-cntnt .payment-right-part .address-forms .address-fields:first-child label.amount-label {
        width: 48%;
    }

    .payment-main-cntnt .payment-right-part .address-forms .address-fields label.amount-label {
        text-align: right;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label {
        display: flex;
        align-items: center;
    }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
            width: 65%;
        }

            .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 {
                align-items: center;
            }

                .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 .pull-left.col-md-8 {
                    display: block;
                    width: 100%;
                    font-size: 13px;
                }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            width: 35%;
            text-align: right;
        }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            font-size: 13px;
        }

    #RequirementsArea .rqrmnt_cpd_cntnr.pull-left {
        margin-top: 20px;
    }

    .landing-cntnt-part {
        height: auto !important;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt {
        display: block !important;
        margin: 10px auto;
        text-align: center;
        padding: 0 !important;
        float: left;
        width: 50%;
    }

    #divPagesArea .k-tabstrip-wrapper {
        padding: 0;
    }

    #tabApplicantFormPages {
        width: 70% !important;
    }

    .cntnt_label span.status.StatusColorRed {
        min-width: 50px;
        display: block;
        width: 100%;
    }

    #divPagesArea #tabApplicantFormPages .k-content.k-state-active {
        height: auto !important;
    }

    #divPagesArea ul {
        margin-left: 0;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:first-child,
    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:nth-child(2) {
        width: 100%;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area {
        display: block;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area img {
            margin: 0;
        }

    .prctg_crcl .percentage-align-circle {
        left: 0 !important;
        top: 0 !important;
        position: relative !important;
        display: inline-block;
    }

    .prctg_crcl {
        top: -60px;
        display:none
    }

        .prctg_crcl #chartLabel {
            margin: 0 !important;
            top: 0 !important;
            position: relative;
            display: inline-block;
        }

        .prctg_crcl .svg-100 {
            position: absolute;
            bottom: 0;
            top: 100%;
            transform: translate(-50%,-50%);
            width: 100%;
            text-align: center;
            left: 50%;
        }

        .prctg_crcl #chartPercentage svg {
            /*width: 310px !important;*/
            height: 100%;
            overflow: hidden;
            margin: 0 auto;
            display: block;
            position: absolute;
        }

    .nav.navbar-nav {
        margin: 0 !important;
    }

    div#ApplicantDetails,
    div#RequirementsArea {
        padding: 0;
    }

    .nav.nav-tabs.tabs-left tr td > div {
        text-transform: capitalize;
    }

    .landing-cntnt-part {
        float: none;
    }

    #logo > img {
        height: auto;
    }

    .prfl_dtls .pro_area_ttl h3 {
        text-transform: capitalize;
    }

    .prfl_area h4 strong,
    .nav.navbar-nav li a,
    .prfl_dtls .pro_area_ttl h3 {
        font-weight: normal;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    #divPayment .payment-left-part .shpng-cart-detls-cntnr .applicant-details-cntnr.pull-left {
        display: grid;
    }

    .amt-dv {
        display: flex;
    }

    .amt-hdr {
        width: 50%;
        text-align: left;
    }

    .amt-amount {
        width: 50%;
    }

    ul.applicant-details-cntnr > li:first-child {
        width: 100%;
    }

    .flx-div-offer {
        padding: 10px 0px 10px 0px;
    }

    .payment-acknoldg-information-part .div-pmt-top {
        padding-right: 0px;
        height: 190px;
    }

    .payment-acknoldg-information-part .div-pmt-bot {
        padding-right: 0px;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .div-pmt-bot .trsactn-info-cntnr.shpng-cart-detls-cntnr .applicant-details-cntnr.pull-left {
        display: grid;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-first {
        width: 100%;
        float: left !important;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-second {
        width: 100%;
        float: left !important;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-third {
        width: 100%;
        float: left !important;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-fourth {
        width: 100%;
        display: flex;
        float: left !important;
    }

    .payment-acknoldg-cntnr .trsactn-info-cntnr ul.applicant-details-cntnr > li:last-child {
        text-align: left;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-fourth h5 {
        width: 50%;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part .applicant-dtl-fourth label {
        width: 50%;
        text-align: right;
    }

    .total-amt-lnone {
        width: 100%;
        /*text-align: left;*/
    }

    .total-amt-lntwo {
        width: 100%;
        /*text-align: left;*/
    }

    .total-amt-lnone span {
        width: 50%;
        float: left;
        display: flex;
    }

    .total-amt-lntwo span {
        width: 50%;
        float: left;
        display: flex;
    }

    .total-amt-lnone label {
        width: 50%;
        margin-right: 0px;
    }

    .total-amt-lntwo label {
        width: 50%;
        margin-right: 0px;
    }

    button#RescheduleAppointmentLink {
        margin-left: 0px;
    }

    button#CancelAppointmentLink {
        margin-right: 10px;
    }

    .load-sections-cntnr #divAvailableSessions input.form-control, .load-sections-cntnr #divSectionVisitation input#txtVisitationDateSubmitted {
        width: 100%;
    }

    .trsactn-info-cntnr .id-date-cntnr {
        float: left;
        width: 100%;
        margin-top: 7px;
    }

    .payment-acknoldg-cntnr .trsactn-info-cntnr ul.applicant-details-cntnr > li:last-child {
        width: 100%;
    }

    #divSectionContact .indvdl-section-contant.san-cls .contact-section-top-strip {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px !important;
    }

    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .individual-question span.k-widget.k-dropdown.k-header,
    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        max-width: 100% !important;
        width: 100% !important;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label span.status {
        width: auto;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divDisplayDiscountCode .col-md-12 .col-md-12 {
        width: 100%;
    }

    .parentDiscountCode {
        width: 40%;
    }

    .load-sections-cntnr input[type=text].form-control {
        min-width: 175px !important;
    }

    .address-fields > input.form-control {
        width: 60%;
    }

    .landing-cntnt-part button.sml_btn > span {
        margin-right: 7px;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnTabPreviousBottom {
        position: absolute;
        z-index: 9999;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label {
        display: flex;
        align-items: center;
    }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
            width: 65%;
        }

            .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 {
                align-items: center;
            }

                .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 .pull-left.col-md-8 {
                    display: block;
                    width: 100%;
                    font-size: 13px;
                }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            width: 35%;
            text-align: right;
        }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            font-size: 13px;
        }

    .left_nav .nav.nav-tabs.tabs-left.applicant-list {
        height: auto !important;
    }

    .navbar-nav > li {
        width: 25%;
    }

    div#RequirementsArea {
        padding: 20px;
    }

    #divApplicantPhoto.col-sm-3 {
        width: 25%;
        border-bottom: 1px solid #ccc;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top row {
        display: block !important;
    }

    #divApplicantSchoolInfo {
        width: 50%;
    }

    .prctg_crcl.col-sm-3 {
        width: 50%;
    }

    .prctg_crcl #chartLabel {
        margin: 0 !important;
        top: -50px !important;
        position: relative;
        display: inline-block;
    }

    .prctg_crcl .svg-100 {
        position: absolute;
        top: 100%;
        transform: translate(-50%,-50%);
        width: 100%;
        text-align: center;
        left: 50%;
    }

    .prctg_crcl #chartPercentage svg {
        height: 100%;
        overflow: hidden;
        margin: 90px auto;
        display: block;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:first-child,
    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:nth-child(2) {
        width: 100%;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area {
        display: block;
        width: 100%;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area img {
            margin: 0;
        }

    .prctg_crcl .percentage-align-circle {
        left: 0 !important;
        top: 0 !important;
        position: relative !important;
        display: inline-block;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt {
        display: block !important;
        margin: 10px auto;
        text-align: center;
        padding: 0 !important;
        float: left;
        width: 50%;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area {
            width: 100%;
        }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        margin-top: 0px !important;
    }

    .row.nav-bar-class .col-md-9.margin-clear {
        width: 90%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .parentDiscountCode {
        width: 40%;
    }

    .load-sections-cntnr input[type=text].form-control {
        min-width: 175px !important;
    }

    .address-fields > input.form-control {
        width: 60%;
    }

    .landing-cntnt-part button.sml_btn > span {
        margin-right: 7px;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnTabPreviousBottom {
        position: absolute;
        z-index: 9999;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label {
        display: flex;
        align-items: center;
    }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
            width: 65%;
        }

            .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 {
                align-items: center;
            }

                .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 .pull-left.col-md-8 {
                    display: block;
                    width: 100%;
                    font-size: 13px;
                }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            width: 35%;
            text-align: right;
        }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            font-size: 13px;
        }

    .left_nav .nav.nav-tabs.tabs-left.applicant-list {
        height: auto !important;
    }

    .navbar-nav > li {
        width: 25%;
    }

    #divApplicantPhoto.col-sm-3 {
        width: 25%;
        border-bottom: 1px solid #ccc;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top row {
        display: block !important;
    }

    #divApplicantSchoolInfo {
        width: 50%;
    }

    .prctg_crcl.col-sm-3 {
        width: 50%;
    }

    .prctg_crcl #chartLabel {
        margin: 0 !important;
        top: -50px !important;
        position: relative;
        display: inline-block;
    }

    .prctg_crcl .svg-100 {
        position: absolute;
        bottom: 0;
        top: 100%;
        transform: translate(-50%,-50%);
        width: 100%;
        text-align: center;
        left: 50%;
    }

    .prctg_crcl #chartPercentage svg {
        height: 100%;
        overflow: hidden;
        margin: 90px auto;
        display: block;
    }

    .phoneType .iti.iti--allow-dropdown {
        border: 1px solid #555;
        border-radius: 0;
        box-shadow: none;
        font-family: "robotoregular";
        line-height: 16px;
        padding: 6px 7px;
        box-sizing: border-box;
        background: #fff;
        height: 34px;
        margin: 0;
        font-size: 14px;
        color: #555;
        display: block;
        width: 200px;
    }

        .phoneType .iti.iti--allow-dropdown input {
            border: 0;
            width: 132px;
        }

    .phoneType input:disabled {
        background: #fff !important;
    }

    .phoneType input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 16px;
        color: #1C2E33;
        opacity: 0.5;
    }

    .phoneType input::-moz-placeholder { /* Firefox 19+ */
        font-size: 16px;
        color: #1C2E33;
        opacity: 0.5;
    }

    .phoneType input:-ms-input-placeholder { /* IE 10+ */
        font-size: 16px;
        color: #1C2E33;
        opacity: 0.5;
    }

    .phoneType input:-moz-placeholder { /* Firefox 18- */
        font-size: 16px;
        color: #1C2E33;
        opacity: 0.5;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:first-child,
    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt:nth-child(2) {
        width: 100%;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area {
        display: block;
        width: 100%;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .icon_area img {
            margin: 0;
        }

    .prctg_crcl .percentage-align-circle {
        left: 0 !important;
        top: -50px !important;
        position: relative !important;
        display: inline-block;
    }

    .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt {
        display: block !important;
        margin: 10px auto;
        text-align: center;
        padding: 0 !important;
        float: left;
        width: 50%;
    }

        .prfl_dtls .pro_area_cntnt .pro_area_sub_cntnt .text_area {
            width: 100%;
        }

    .nav.nav-tabs.tabs-left tr td > div {
        text-transform: capitalize;
    }

    .payment-acknoldg-cntnr .payment-acknoldg-information-part {
        display: grid;
    }

        .payment-acknoldg-cntnr .payment-acknoldg-information-part .col-sm-4 {
            width: 100%;
            padding-right: 0px;
            margin-bottom: 15px;
        }

        .payment-acknoldg-cntnr .payment-acknoldg-information-part .col-sm-8 {
            width: 100%;
            padding-left: 0px;
        }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parentDiscountCode {
        width: 40%;
    }

    .load-sections-cntnr input[type=text].form-control {
        min-width: 175px !important;
    }

    .address-fields > input.form-control {
        width: 60%;
    }

    .landing-cntnt-part button.sml_btn > span {
        margin-right: 7px;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnTabPreviousBottom {
        position: absolute;
        z-index: 9999;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label {
        display: flex;
        align-items: center;
    }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
            width: 65%;
        }

            .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 {
                align-items: center;
            }

                .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 .pull-left.col-md-8 {
                    display: block;
                    width: 100%;
                    font-size: 13px;
                }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            width: 35%;
            text-align: right;
        }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            font-size: 13px;
        }

    .left_nav .nav.nav-tabs.tabs-left.applicant-list {
        height: auto !important;
    }

    .navbar-nav > li {
        width: 25%;
    }

    #divApplicantPhoto.col-sm-3 {
        width: 25%;
        border-bottom: 1px solid #ccc;
        margin-top: 70px;
    }

    #divApplicantSchoolInfo {
        width: 50%;
    }

    .prctg_crcl.col-sm-3 {
        width: 25%;
    }

    .divapplicantphoto-none #divApplicantSchoolInfo {
        width: 50%;
    }

    .divapplicantphoto-none .prctg_crcl.col-sm-3 {
        width: 50%;
    }

    .prfl_pic_big img {
        margin-top: 0;
        height: auto;
        width: 100%;
    }

    #divApplicantPhoto.col-sm-3 {
        border-bottom: none;
    }

    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label span.status {
        width: 80px !important;
    }

    .prctg_crcl .svg-100 {
        bottom: -60px !important;
    }

    #divApplicantDetailsProgress #ApplicantDetails .prfle_area_top.row {
        display: block;
    }

    .prctg_crcl .svg-100 {
        bottom: 0px !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label span.status {
        width: 160px;
    }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .parentDiscountCode {
        width: 40%;
    }

    .load-sections-cntnr input[type=text].form-control {
        min-width: 175px !important;
    }

    .address-fields > input.form-control {
        width: 60%;
    }

    .landing-cntnt-part button.sml_btn > span {
        margin-right: 7px;
    }

    #divApplicantForm .load-forms-btm-btn-strip #btnTabPreviousBottom {
        position: absolute;
        z-index: 9999;
    }

    .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label {
        display: flex;
        align-items: center;
    }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs {
            width: 65%;
        }

            .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 {
                align-items: center;
            }

                .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .descr-cs h5.col-md-12 .pull-left.col-md-8 {
                    display: block;
                    width: 100%;
                    font-size: 13px;
                }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            width: 35%;
            text-align: right;
        }

        .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .btn-verticle {
            font-size: 13px;
        }
}

@media only screen and (min-width: 1041px) and (max-width: 1920px) {
    #divApplicantDetailsProgress #ApplicantDetails #divApplicantSchoolInfo.prfl_dtls {
       /* max-width: 75%;*/
    }
}

@media (max-device-width: 320px) {
    .id-date-cntnr div:last-child {
        float: left;
    }

    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .san-cls .individual-question span.k-widget.k-dropdown.k-header,
    .individual-question span.k-widget.k-dropdown.k-header,
    #divSectionContact .san-cls .individual-question span.k-widget.k-dropdown.k-header {
        max-width: 100% !important;
        width: 100% !important;
    }

    .upload-attachment-container {
        min-width: 99%;
    }
}

#divSectionContact .san-cls .individual-question .individual-question-other input {
    margin-top: 4px !important;
}

#divSectionContact .indvdl-section-contant.san-cls .individual-question .drop-down-resolution-control {
    display: inline-flex;
}

    #divSectionContact .indvdl-section-contant.san-cls .individual-question .drop-down-resolution-control .individual-question-other {
        padding-top: 6px;
    }


.inquiryPhoneField ul.iti__hide {
    display: none;
}

.homephField, .mobilephField {
    padding: 0;
}

.inquiryPhoneField .iti.iti--allow-dropdown .iti__flag-container .iti__country-list {
    max-width: 377px;
}

.mandatoryIconAlignment h1, .mandatoryIconAlignment h2, .mandatoryIconAlignment h3, .mandatoryIconAlignment h4, .mandatoryIconAlignment h5, .mandatoryIconAlignment h6, .mandatoryIconAlignment blockquote {
    width: auto;
    float: left;
    margin-top: 0px;
}

.mandatoryIconAlignment .mandatoryTitle {
    width: auto;
    float: left;
    margin-top: 10px;
}

#divSectionContact #signature-area .p0.col .addSignatureBtnArea.col-md-12.p0 button {
    margin-left: 5px !important;
}

/*Con Section Other field fix beside Salutation*/
#divSectionContact .individual-question-row.row .individual-question.salutation-individual-question.col-sm-12 .individual-question-other.salutation-other-box {
    margin-top: 10px;
}

    #divSectionContact .individual-question-row.row .individual-question.salutation-individual-question.col-sm-12 .individual-question-other.salutation-other-box input {
        width: 200px !important;
    }
/* end of Con Section Other field fix beside Salutation*/

/*internet explorer fix */
.flx-div-offer #btnApplyDiscountCode, .flx-div-offer #btnCancelDiscountCode {
    width: 71px;
}

.discount-btns {
    display: inline-flex;
}
/*end of internet explorer fix */

input[type="tel"]:disabled {
    cursor: no-drop;
    background: none;
    opacity: .5;
}

.disableattachlist {
    pointer-events: none;
    cursor: default;
}

#divUploadAttachmentWindow span.expired-form#spanExpiredText {
    margin-left: 47% !important;
    top: -12px !important;
    position: relative;
}


.margin-clear {
    padding-left: 0px;
    padding-right: 0px;
}

.back-to-manager {
    padding: 0px;
    text-align: right;
    float: right;
}

    .back-to-manager > strong {
        margin-right: 10px;
    }

.nav-bar-class {
    border-bottom: 1px solid #e8e8e8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(232, 232, 232);
}

    .nav-bar-class nav {
        border-bottom: 0px solid #e8e8e8;
    }

.google-translate-div {
    display: inline-block;
    width: auto;
}

.translate-option-class {
    padding: 12px 20px 13px 0px;
    float: right;
    text-align: right;
}

.back-to-manager {
    float: right;
}

#divPagesArea #divSectionVisitation .indvdl-section-contant .individual-question-row.adjs-width .individual-question label .mandatoryIcon {
    margin-top: 0px;
}

#divPagesArea .contact-section-top-strip .cntct-sction-rltnship-cntnr .mandatoryIcon {
    margin-top: 0px !important;
}

#divPagesArea .contact-section-top-strip .cntct-sction-rltnship-cntnr label {
    display: flex;
}

.mandatory-warning .popover {
    width: 270px;
}

    .mandatory-warning .popover .popover-content {
        max-height: 500px;
        overflow-y: auto;
    }

#divApplicantForm .btns-row-ali #btnTabNextBottom.btn-primary-alt {
    border: 1px solid rgb(4, 124, 188);
}

@media only screen and (width: 1366px) {
    #RequirementsArea .rqrmnt_t_b_cpd_cntnr .cntnt-label-cntnr .cntnt_label .mandatory-warning {
        margin-top: 5px;
    }

    #SvgAlignment.svg-align .percentage-align-circle {
        left: 50px;
    }

    #SvgAlignment.svg-align #chartLabel {
        margin-left: 115px;
    }

    .percentage-align-circle {
        left: 75px;
    }

    #chartLabel {
        margin-left: 140px;
    }
}

@media only screen and (min-width: 1599px) and (max-width: 1899px) {
    #SvgAlignment.svg-align .percentage-align-circle {
        left: 65px !important;
    }

    #SvgAlignment.svg-align #chartLabel {
        margin-left: 130px !important;
    }

    .prctg_crcl.col-sm-3 {
        margin-left: 50px !important;
    }

    .percentage-align-circle {
        left: 95px;
    }

    #chartLabel {
        margin-left: 160px;
    }
}

@media(max-width:1024px) {
    .goog-te-banner-frame.skiptranslate {
        display: none !important;
    }
}

@media(max-width:767px) {
    .goog-te-menu-frame {
        width: 100% !important;
        box-shadow: none !important;
        max-width: 95%;
        margin: 0 auto;
        box-sizing: border-box !important;
        overflow: scroll !important;
        margin-left: 10px;
        margin-right: 12px;
        height: 288px !important;
    }

    .goog-te-gadget {
        margin-right: 10px;
    }

        .goog-te-gadget .goog-te-combo {
            padding: 10px !important;
            width: 140px;
        }

    .google-translate-div {
        display: inline-flex !important;
    }

        .google-translate-div .goog-te-gadget {
            width: 200px;
        }

    .spacing-footer .translate-option > strong {
        left: 45px;
        position: relative;
    }

    .translate-option-class {
        padding: 7px 5px 5px 0px;
        float: right;
        text-align: right;
        display: inline-flex;
    }

        .translate-option-class strong {
            padding-top: 15px;
        }
}

.inquiry-form-pages-cntnr .information-cntnr.load-enquiry-css .indvdl-section-cntnr .iti.iti--allow-dropdown {
    width: 100%;
}

#tabApplicantFormPages .individual-question .drop-down-resolution-control .k-multiselect-wrap.k-floatwrap ul {
    margin-left: 0px;
}

#tabApplicantFormPages .individual-question .drop-down-resolution-control .k-multiselect-wrap.k-floatwrap ul li {
    display: inline-flex;
}

#tabApplicantFormPages .individual-question .drop-down-resolution-control .k-widget.k-multiselect.k-multiselect-clearable.k-state-disabled {
    opacity: .9;
}


@media only screen and (max-width: 600px) {
    #divSignatureBox #surface-container #surface {
        width: 400px !important;
    }
}

@media only screen and (max-width: 500px) {
    #divSignatureBox #surface-container #surface {
        width: 305px !important;
    }
    .modal-dialog, .pop-warning, .k-widget.k-window {
        width: 93% !important;
        left: 7.5% !important;
        margin: 0px !important;
    }
}


@media only screen and (max-width: 400px) {
    #divSignatureBox #surface-container #surface {
        width: 270px !important;
    }
}

@media only screen and (max-width: 320px) {
    #divSignatureBox #surface-container #surface {
        width: 225px !important;
    }
}

/* iphone 11 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    #divSignatureBox #surface-container #surface {
        width: 305px !important;
    }
}

#tabApplicantFormPages .individual-question-row #signature-area .upload-attachment-container .k-widget.k-grid table tbody tr td a {
    padding: .4em .2em !important;
}
.table-row-end{
display: flex;
justify-content: flex-end;
}
    .table-row-end button {
        border: none!important;
        width: auto;
        padding: 5px;
        cursor:pointer;
    }

.printbutton {
    border: none !important;
    width: auto;
    padding: 5px;
    cursor: pointer;
}

.float-r
{
    float: right;
}

.btnmargin {
    margin-right: 3px;
}

@media print {
    #btnPrint {
        display: none;
    }
}

/***Add New Applicant UI Design***/
.required-field {
    color: red;
    margin-left: 5px;
}

.reg-label {
    text-align: left;
    letter-spacing: 0.18px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    color: #000 !important;
    padding-bottom: 5px;
}

.reg-form-container .floating-label {
    display: none !important;
}

.reg-label-box {
    display: flex !important;
}

.reg-data-block {
    margin-bottom: 10px !important;
}

.reg-form-fields-data {
    height: 40px !important;
    background-color: #fff !important;
    border: 1px solid #999999 !important;
    border-radius: 5px !important;
    width: 100% !important;
}

.reg-form-fields-data .k-dropdown-wrap.k-state-default{
    border-bottom: none !important;
    padding: 6px;
    border-radius: 5px !important;
}

.add-new-applicant__header .k-window-titlebar .k-window-actions {
    display: none !important;
}

.pop_up_frm_area.add-new-applicant-block{
    padding: 25px;
    padding-top:10px;
}

.instructions-panel {
    padding-left: 25px;
    display: flex;
    padding-top: 20px;
}

.instructions-panel div > span p:last-child {
        margin-bottom: 5px !important;
}

.instructions-panel p{
    color: #000;
}

.new-applicant-header-name {
    padding-left: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: left;
    font-size: 16px !important;
    color: #fff;
    letter-spacing: 1px;
}

.pop_up_btn_area.crt_cncl_btn_cntnr {
    padding: 15px 25px;
    background-color: #F0F0F0;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.add-new-applicant__header{
    border-radius:5px;
}

.add-new-applicant__header .validation-summary-errors{
    padding-left:20px;
    margin-top: 0;
}

.setting-popup-img {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right:10px;
}

.add-new-applicant__header .pop_up_frm_area .k-icon.k-i-arrow-60-down:before {
    background: url(../Images/dropdown-arrow-black.svg) right bottom no-repeat;
    content: " " !important;
    visibility: visible !important;
    right:5px;
}

.add-new-applicant__header .pop_up_frm_area .k-state-border-down .k-icon.k-i-arrow-60-down:before {
    transform: rotate(180deg);
    top:13px;
}

.add-new-applicant__header .pop_up_frm_area .k-icon.k-i-arrow-60-down{
    background: none !important;
}

.reg-form-fields-data span.k-dropdown-wrap.k-state-default,
.add-new-applicant-block.pop_up_frm_area .form-group input:focus {
    border: 1px solid #999999 !important;
}

.add-new-applicant-block.pop_up_frm_area .form-group input{
    padding-left:10px;
}

.reg-form-fields-data.k-dropdown {
    border: none !important;
}
/***Add New Applicant UI Design***/

#finix-form-container .field-holder label {
    font-family: 'robotomedium';
}

.mandatoryIconAlignment.required__icon .mandatoryIcon {
    float: none !important;
}

.mandatoryIconAlignment.required__icon{
    display: flex;
}
/*****Applicant Forms -> Online Payment Designs Starts******/
.online-payment-header {
    background: #ECF3F5 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #8888;
    opacity: 1;
    height: 60px;
    display:inline-block;
    width:100%;
}

.app-p-0{
    padding:0 !important;
}

.app-ml-20{
    margin-left:20px;
}

.app-mr-20{
    margin-right:20px;
}

.app-mt-20{
    margin-top:20px;
}

.app-push-left{
    float:left;
}

.app-push-right{
    float:right;
}

.app-mt-15{
    margin-top:15px;
}

.app-mt-10{
    margin-top:10px;
}

.app-mt-0{
    margin-top:0;
}

.online-payment-text {
    font-weight: bold;
    font-size: 24px;
    letter-spacing:0.16px;
}

.app-p-10 {
    padding: 10px;
}

.app-pl-20{
    padding-left:20px;
}

.app-ml-10{
    margin-left:10px;
}

.reenrolment_form {
    border-bottom: 1px solid #e8e8e8;
}

.bg-light-green {
    background: #f0f5f1 none repeat scroll 0 0;
}

.payment-box-border {
    border: 1px solid #e8e8e8;
}

.app-p-20 {
    padding: 20px !important;
}

.app-ml-5{
    margin-left:5px;
}

.payment-box-border .shpng-cart-detls-cntnr .payment__bg {
        padding: 10px 4px !important;
        font-size:12px;
    }

    .payment-box-border .shpng-cart-detls-cntnr .payment__bg.amt-hdr,
    .payment-box-border .shpng-cart-detls-cntnr .payment__bg.applicant-name-header{
        padding-left:20px !important;
    }

.reenrolment_form h4 {
    font-family: 'robotomedium';
}

.applicant-name-header, .amt-hdr, .form-name-header {
    font-size: 15px !important;
}

#divTotalToPay.online-pay-section .total-to-pay{
    width:50%;
    margin-left:10px;
}

#divTotalToPay.online-pay-section .total-amt-display{
    width:48.8%;
}

.bold-weight{
    font-weight: bold;
}

.new-payment-left-part #paymentMethodType .payment__bg, .new-payment-left-part #paymentMethodNumber .payment__bg {
    background-color: #1F5564;
    height: 40px;
    color: #fff;
    font-size: 14px;
}

.new-payment-left-part #paymentMethodType .payment__bg {
    padding: 10px 20px !important;
}

ul.payment__information > li:last-child {
    width: 61% !important;
}

ul.payment__information > li:first-child {
    width: 39% !important;
}

ul.payment__information > li:last-child {
    text-align: left;
}

.app-d-flex-inline{
    display: inline-flex;
}

.app-d-flex{
    display: flex;
}

.choose-payment-details {
    background-color: #e5f2f6;
    border: 1px solid #999999;
}

.app-border-radius{
    border-radius:5px;
}

.choose-payment-details__data {
    width: 100%;
    padding: 10px 40px 10px 20px;
    border-bottom: 1px solid #999999;
}

.app-d-grid {
    display: grid;
}

.amount-to-pay-now {
    width: 100%;
    padding: 15px 15px 10px 20px;
}

.app-position-absolute {
    position: absolute;
}

.amount-to-pay-value, .amount__text-color {
    padding: 8px 10px;
    border-radius: 50px;
    background-color: #EC5B5B;
    width: 110px;
}

.app-text-black {
    color: #000 !important;
}

.app-text-center {
    text-align: center;
}

.app-height-35 {
    height: 35px !important;
}

.app-text-white {
    color: #fff !important;
}

.app-mr-5 {
    margin-right: 5px !important;
}

.app-pointer {
    cursor: pointer;
}

.app-align-items-center {
    align-items: center;
}

.new-payment__method {
    color: #007EA2;
}

.huge-large-font {
    font-size: 24px;
}

.app-letter-spacing-16 {
    letter-spacing: 0.16px;
}

.app-m-0 {
    margin: 0px !important;
}

.app-mt-mb-0{
    margin-top:0;
    margin-bottom: 0;
}

.app-height-40{
    height:40px;
}

.shpng-cart-detls-cntnr ul.applicant-details-cntnr > li:last-child {
    width: 51%;
}

.payment-method-deatils{
    top:10% !important;
}

.payment-method-deatils .k-window-title, .confirm-payment-information .k-window-title{
    top:10px;
}

.payment-method-deatils .k-window-titlebar.k-header, .confirm-payment-information .k-window-titlebar.k-header {
    background: #3f51b5;
}

.shpng-cart-detls-cntnr ul.applicant-details-cntnr > li label.first-row-payment,
.shpng-cart-detls-cntnr ul.applicant-details-cntnr > li label.card-payment__info {
    border-bottom: 1px solid #e8e8e8;
}

.shpng-cart-detls-cntnr ul.applicant-details-cntnr > li label.first-row-payment:last-child,
.shpng-cart-detls-cntnr ul.applicant-details-cntnr > li label.card-payment__info:last-child {
    border-bottom: none;
}

.app-mb-0{
    margin-bottom: 0;
}

.app-mb-20{
    margin-bottom:20px;
}

@media only screen and (max-width: 780px) {
    .online-payment-header {
        height: 110px !important;
        display: grid;
    }

    .payment__information {
        max-height: 200px;
        overflow: scroll;
    }

    ul.applicant-details-cntnr > li.form-name-div {
        padding-left: 15px;
    }

    .shpng-cart-detls-cntnr ul.applicant-details-cntnr > li.amount-div {
        width: 100% !important;
        padding-right: 20px;
    }

    .shpng-cart-detls-cntnr ul.applicant-details-cntnr > li.amount-div .amt-dv {
        display: grid;
    }

    .shpng-cart-detls-cntnr ul.applicant-details-cntnr > li.amount-div .amt-dv .amt-amount {
        text-align: left;
        padding-left:15px;
        padding-block:20px;
    }

    .mob-display-flex{
        display:flex !important;
    }

    .new-payment-left-part #paymentMethodType .payment__bg {
        padding: 10px 0px 10px 20px !important;
    }

    .amount__text-color {
        padding: 5px 10px;
    }

    .tab-line-height{
        line-height:40px;
    }
}
.payment-acknoldg-cntnr .paymnt-info-cntnr ul.applicant-details-cntnr li.payment-card {
    width: 100%;
    float: left;
}
/*****Applicant Forms -> Online Payment Designs Starts******/