* { box-sizing: border-box; -moz-box-sizing:border-box;}

body {font-family: 'Montserrat'; margin: 0; padding: 0; font-size: 14px; background:#edeef0; color:#293541;}

p { line-height: 1.5em;}

h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.25em;}

h1 { font-size: 36px; font-weight: 400;margin-bottom: 20px; }
h2 { font-size: 30px; font-weight: 400;margin-bottom: 20px; }
h3 { font-size: 20px; font-weight: 700;margin-bottom: 10px; }
h4 { font-size: 14px; font-weight: 700;margin: 20px 0 10px 0; text-transform:uppercase; }

a { color:#277ad4;}

header { position:fixed; top: 0; left: 0; right: 0; background:#fff; z-index: 10; border-bottom: 1px solid #dfe2e8;}
.logoContainer {width: 300px; height: 90px; background:#fff; padding: 10px 0 10px 30px; }
.logoContainer img { display: inline-block; max-width: 100px; height: auto; }

.headerNav a { display: inline-block; margin-right: 20px; text-decoration:none; color:#277ad4; font-weight: 700;}

.leftSide { position:fixed; width: 300px; top: 90px; left: 0; bottom: 0;  background:#293541; color:#fff;}
.leftMenu { padding: 20px;}
.leftMenu ul { list-style: none; padding: 0; margin: 0;}    
.leftMenu ul li {}
    .leftMenu ul li a {font-size: 14px; font-weight: 700; color:#777c80; padding: 15px 10px; text-decoration:none; display:block; border-bottom: 1px solid #36434c;}
    .leftMenu ul li a:hover {background:#34404c; color:#fff;  border-radius: 3px; -moz-border-radius: 3px;}
        .leftMenu ul li a span { }

    .leftMenu .floatRight a { color:#ccc}

.leftTitle { font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 20px;  }

.leftSideDetails { font-size: 10px; text-transform:uppercase; color:rgba(255,255,255,.5); line-height: 1.75em;}

.mainContentContainer { position:absolute; top: 90px; left: 300px; right: 0; bottom: 0; overflow:auto;}
.mainContentContainer-admin { position:absolute; top: 150px; left: 300px; right: 300px; bottom: 0; overflow:auto;}
.mainContentContainer2 { padding: 90px 0 0 0;}
.contentPadding { padding: 3em; }

@media screen and (max-width: 1280px) {
    .mainContentContainer-admin { position:absolute; top: 250px; left: 300px; right: 300px; bottom: 0; overflow:auto;}
    .contentPadding { padding: 1em 3em; }
}

.dashIcons a { width: 300px; background: #fff;    text-decoration: none;    border: 1px solid #ccc;    display: inline-block; margin: 0 25px 25px 0;    padding: 30px 20px;    text-align: center;   }
    .dashIcons a span {     display: block;    font-size: 2em;    padding-bottom: 5px;}
.dashIcons a:hover {background: #293541;    color: #fff;    border-color: #293541;}

.breadCrumbs { font-size:.8em; background:#dfe2e8; padding: 10px 30px;}
    .breadCrumbs a { text-decoration: none; color:#293541}
    .breadCrumbs span {     width: 20px;    text-align: center;    display: inline-block;    position: relative;}
    .breadCrumbs .icon-right-open:before {    content: "\61";    width: 100%;    position: absolute;    top: -7px;    left: 0px; font-size: .8em;}

.col-container {display: table; width: 100%;}
.col {display: table-cell;}

.top { vertical-align:top;}
.middle { vertical-align:middle;}

.txtCenter { text-align:center;}
.txtRight { text-align:right;}

.width50 { width:50%;}
.width25 { width:25%; padding-right: 20px;}
.width25:last-child { padding-right: 0;}

.marginRight1em { margin-right: 1em;}

.padding1em { padding: 1em;}

.mainTable { width: 100%; background:#fff;}
    .mainTable th { text-align:left; background:#dfe2e8; text-transform: uppercase; font-size: .8em; padding: 10px;  border-bottom: 1px solid #edeef0;}
    .mainTable tr:hover { background:#f5f6f8;}
    .mainTable td { padding: 10px; border-bottom: 1px solid #edeef0;}
        .mainTable td a { text-decoration:none; font-weight: 700;}

    .mainTable tfoot, .mainTable tfoot tr:hover { background:#dfe2e8;}
        .mainTable tfoot a { margin-right: .75em;}

        .mainTable tfoot ul { list-style:none; padding: 0; margin: 0;}
            .mainTable tfoot ul li { display:inline-block;}

.subNavigation { margin: 1em 0;}


.tabContainer { margin-bottom: 3em; border-bottom: 1px solid #dfe2e8;}
    .tabContainer ul { list-style:none; padding: 0; margin: 0;}
    .tabContainer ul li {display:inline-block;}
    .tabContainer ul li a { padding: 10px 15px; text-decoration:none; display:block;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; background:#fff;}
        .tabContainer ul li a:hover { background:#dfe2e8;}
        .tabContainer ul li a.active, .tabContainer ul li a.active:hover { background:#277ad4; color:#fff;}

.tabContent { display:none;}
.tabContent000 {display:block;}


.sideMenu { margin-bottom: 3em;}
    .sideMenu ul { list-style:none; padding: 0; margin: 0;}
    .sideMenu ul li {display:block;}
    .sideMenu ul li a { font-size: 14px; font-weight: 700; color:#fff; padding: 10px 10px 10px 35px; text-decoration:none; display:block; border-bottom: 1px solid #36434c;border-radius: 3px; -moz-border-radius: 3px; position:relative;}
        .sideMenu ul li a:hover { background:#34404c; color:#fff;  }

        .icon-exclamation-circle { color:#fbee26; position:absolute; left: 10px; }
        .icon-check-circle:before { color:#37ca7a; position:absolute; left: 10px;}

        .sideMenu ul li a.active .icon-exclamation-circle { color:#277ad4;}
        .sideMenu ul li a.active .icon-check-circle:before { color:#277ad4;}

        .sideMenu ul li a.active, .tabContainer ul li a.active:hover { background:#fff; color:#277ad4; }





.typeOfTransaction a {background:#fff; text-decoration:none; border: 1px solid #ccc; display:block; padding: 30px 20px;  text-align:center; width: 150px; }
    .typeOfTransaction a span {display:block; font-size: 2em; padding-bottom: 5px;}

    .typeOfTransaction a:hover { background:#293541; color:#fff; border-color:#293541; }
    .typeOfTransaction a.active { background:#277ad4; color:#fff; border-color:#277ad4; }

    .transactionType { display:none;}
.transactionSelected { display:block;}


.formContainer { padding-bottom: 1.5em;}
    .formContainer label, .custom-label { text-transform:uppercase; font-weight: 700; text-transform: uppercase; display:block; color:#8d8d96; margin-bottom: 5px; font-size: .9em; }
        .formContainer label span, .custom-label span { color:#cf4a41}
     .mainTable td select, .mainTable td input, .formContainer input[type="text"], .formContainer input[type="tel"], .formContainer input[type="email"], .formContainer input[type="date"], .formContainer input[type="password"],.formContainer input[type="number"], .formContainer select, .formContainer textarea { display:block; width: 100%; padding: 10px; border: 3px solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 1em;}
    .formContainer textarea { height: 125px;}
    .formContainer input[type=button], .warning-container input[type=button], .btn { background: #277ad4;    color: #fff;    display: inline-block;    border: 0;    padding: 10px 15px;    font-family: 'Montserrat', sans-serif;    font-size: 1em;    border-radius: 2px;    -moz-border-radius: 2px;    cursor: pointer;    text-decoration: none; }
    .formContainer input[type=button]:hover { background: #2D527B; color: #fff; text-decoration: none; cursor: pointer; }
    input.btnCancel { background: #777c80;    color: #fff;    display: inline-block;    border: 0;    padding: 10px 15px;    font-family: 'Montserrat', sans-serif;    font-size: 1em;    border-radius: 2px;    -moz-border-radius: 2px;    cursor: pointer;    text-decoration: none; margin-left: 1em;}

.clearAfter::after {clear:both; content:""; display:block; }
.floatRight { float:right;}
.floatLeft { float:left;}



.width100 {width: 100%}

.width75 { width: 66%; float:left;}
.width25 { width: 32%; margin-left: 2%; float:left;}

.width50 { float:left; width: 49%;}
.width50:nth-child(2) { margin-left: 2%;}

.width30 { float:left; width: 32%;}
.width30:nth-child(2) {margin: 0 2%;}

.width20 { float:left; width: 23.5%; margin-left: 2%;}
    .width20:first-child { margin-left:0;}

.container-flex { display: flex; justify-content: flex-start; }
.width10-flex { width: 12%; margin-right: 1.5%;}
.width15-flex { width: 17%; margin-right: 1.5%;}
.width20-flex { width: 22%; margin-right: 1.5%;}
.width40-flex { width: 44%;}

.contentSection { padding-bottom: 3em;}

fieldset { border: 1px solid #ccc; padding: 0; margin: 0 0 25px 0; padding: 15px 30px; }
legend { font-weight: 700;    color: #293541;    text-transform: uppercase;    margin-bottom: 20px;}

.modal2 { position:fixed; top: 0; bottom: 0; right: 0; left: 0; background:rgba(0,0,0,.6); z-index: 99; }
.modalContainer2 { width: 900px; margin: 0 auto; background:#fff; padding: 3em; margin-top: 3em;position:relative;}

.modal { position:fixed; top: 0; bottom: 0; right: 0; left: 0; background:rgba(0,0,0,.6); z-index: 99; display:none;}
.modalContainer { width: 900px; margin: 0 auto; background:#fff; padding: 3em; margin-top: 3em;position:relative;}

.submitContainer { margin: 2em 0;}
.saveContainer { padding: 1.5em; background: #dadce0;}

.applicationType { background:#fff; border: 1px solid #ccc; padding: 15px;}
    .applicationType h2 span {display:block; }

.applicationSubTypeContainer { display:none;}

.dash-container {display: table;width: 100%; margin-bottom: 3em;}
.dash-col {display: table-cell;background:#fff;border-right: 30px solid  #edeef0; text-align:center; padding: 30px;}
    .dash-col:hover, .dash-col:hover .dash-number {background:#277ad4; color:#fff; cursor: pointer; }
.dash-number { font-size: 80px; font-weight: 700; color:#277ad4; }
.dash-text {padding-top: 20px; }

.dash-appType {padding-bottom: 10px; text-transform:uppercase; font-weight: 700; }
.dash-appTypeText {font-size: 24px; font-weight: 700; color:#277ad4; }
.dash-col:hover, .dash-col:hover .dash-appTypeText {background:#277ad4; color:#fff; cursor: pointer; }



.admin-applicantHeader { background:#dfe2e8; position: absolute; top: 90px; left: 300px; right: 300px; padding: 10px 3em;}

.admin-review { position: absolute;    width: 300px;    right: 0;    top: 90px;    bottom: 0;    background: #d7dae0;    border-left: 1px solid #29354147; padding: 20px; overflow:auto;}

.adminbtn { background:#000; border-radius: 3px; display: block; text-decoration:none; text-align:center; padding: 10px 0; color:#fff; font-weight: 700;}
.approve { background:#37ca7a;}
.reject { background:#e85a1c;}

.comment { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #29354147;}


/*Login Styles*/

.centerTextOuterContainer {display: table; height: 100%; width: 100%;}
.centerTextContainer {display: table-cell; vertical-align: middle;}

#AccountStep2, #AccountStep3 { display:none;}

/*User Profile Screens*/

.accountTabContent { background:#fff; padding: 3em;}

.tabAccountLnk { display: inline-block; padding: 0 0 20px 0; margin-right: 20px; border-bottom: 5px solid #edeef0; text-decoration: none; color:#36434c}
.tabLnkAccountActive { border-bottom: 5px solid #277ad4; color:#277ad4}

.accountTabContent { display:none;}
.accountTabContent001 { display:Block;}

/*User Dashboard*/
.applicationTypeOptions a { background:#277ad4; color:#fff; text-decoration:none; padding: 20px 10px; display:block; text-align: center; border-radius: 3px; -moz-border-radius: 3px;}

.applicationTypeOptions a.appTypeLnkActive { background:#293541;}

.newAppType { display:none;}

.applicationStarted {border: 1px solid #ccc; margin-top: 30px; background:#fff; padding: 2em 1em 2em 140px; position:relative; border-radius: 3px; -moz-border-radius: 3px; overflow: hidden;}
.applicationStarted:hover { background:#293541; color:#fff; cursor:pointer}
    .applicationStarted:hover a { color:#dbf20c}

/*Admin Dashboard*/
.adminTile { float:left; width: 18%; margin-left: 2.5%; background:#fff; padding: 20px 5px 40px; text-align:center;}
    .adminTile:first-child { margin-left:0;}

    .adminTile span { font-size: 80px;    font-weight: 700;    color: #277ad4; display:block;}

    .adminTile:hover { background:#277ad4; color:#fff; cursor:pointer}
        .adminTile:hover span { color:#fff;}

    .adminTile.active { background:#293541; color:#fff;}
        .adminTile.active span { color:#fff;}

    

.dashTable.mainTable { table-layout: fixed;}
.mainTable th.txtCenter { text-align:center;}
.mainTable input[type="checkbox"] { }


.errorInput {
    background-color: #edd !important;
}


.notifyjs-corner {
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.notifyjs-container {
    /*
display: none;
z-index: 1;
position: absolute;
*/
bottom:0px !important;
}

date-input-polyfill {
    z-index: 100!important;
}

/* Payment Related Modals and Forms */

#new-application-main #pay-now, #existing-application-main #pay-now,
#new-application-main #print, #existing-application-main #print  { width: 220px; }

/* #pay-dialog, #disclaimer-dialog { display: none; } */

#new-application-main .k-window,
#existing-application-main .k-window { top: 25vh !important; left: 50% !important; transform: translateX(-50%) !important; width: 680px; max-width: 94%; max-height: 90vh; overflow: auto; border-radius: 5px; }

#new-application-main .k-window-titlebar.k-header,
#existing-application-main .k-window-titlebar.k-header
 { background-color: #4880bb; color: white; font-weight: 700;}

#pay-dialog { overflow-x: auto; }
#pay-dialog .dialog-container, #disclaimer-dialog .dialog-container { padding: 10px 10px 0 10px !important; text-align: justify;}
    #pay-dialog .dialog-container .formContainer input,
    #disclaimer-dialog .dialog-container .formContainer input { float: right; margin: 15px 0 0 8px; }
    #pay-dialog .dialog-container .formContainer input:hover,
    #disclaimer-dialog .dialog-container .formContainer input:hover { background: #2D527B; color: #fff; text-decoration: none; cursor: pointer; }

section#main-section { background:#fff; padding: 1rem 3rem; position: absolute; top: 2vw; left: 10vh; right: 10vh; max-width: 1000px; margin: 0 auto;}
.receipt-header { display: flex; width: 100%; border-bottom: 2px solid #DB7093; padding-bottom: 1rem;}
.receipt-header img { width: 15%; margin-right: 15%;}
.receipt-header h1 { padding-top: 3.5rem; font-weight: 700; }
form-section-title { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid rgba(18, 52, 66, 0.2); font-size: 2em; font-weight: 700;}
.form-section-description-2 { padding-bottom: 5px; line-height: 1.45em; font-size: 1em;}
.form-section-description-2 p { line-height: 1.8; }
.form-section-description-2 span { color: #154171; }

.warning-container { border-bottom: 2px solid #DB7093; padding: 0.8rem 0; line-height: 2.2rem; background-color: #F2CEDA; font-size: 1rem; text-align: center;}
.warning-container span { margin: 0 0.4rem; }
.warning-container input[type=button] { font-size: 14px !important; }
.warning-container .warning-bold { font-weight: 700; }

#receipt-table {
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

#receipt-table td { padding: 5px; border-style : hidden!important; }
#receipt-table tbody tr:nth-child(even) td, #receipt-table tbody tr.even td { background:none; }

.two-col td {
    text-align: left;
    padding: 5px;
    border-style : hidden!important;
}
.two-col td:nth-of-type(1) { width: 20%;}

.three-col td {
    width: 33%;
    padding: 5px;
    border-style : hidden!important;
}
.three-col td:nth-of-type(2) { text-align: right; padding-right: 30px !important;}

.four-col td {
    padding: 5px;
    border-style : hidden!important;
}
.four-col td:nth-of-type(odd) { text-align: left; width: 30%; }
.four-col td:nth-of-type(even) { text-align: right; width: 20%; }

.four-col td:nth-of-type(2) { padding-right: 30px !important; }
.four-col td:nth-of-type(3) { padding-left: 30px !important; }

#receipt-table-title {
    height: 15px; 
    border-collapse: collapse; 
    background-color: #1B3149; 
    color: #ffffff; 
    font-weight: 700; 
    text-align: center; 
    vertical-align: middle; 
    padding-top: 5px; 
    padding-bottom: 5px;
}

.contentSection.payment-container { margin-top: 25px; }
.contentSection.payment-container>h3 { margin-bottom: 25px; }

/*
@media print{
	body {font-family: 'Montserrat'; margin: 0; padding: 0; font-size: 14px;  color:#000;}
	.tabContent { display:block;}
}
*/