/*

    CSS Helpers

*/



/**** Colorbox  ****/

div.well {
    border-radius: 0;
}

    div.well h2 {
        margin-top: 10px;
    }

/**** White Background Colorboxes ****/

.white-bg .custom-well {
    padding: 0 0 20px 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    background-color: #f5f5f5;
    border: 1px solid #2a3359;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

    .white-bg .custom-well p {
        padding: 0 18px;
        line-height: 175%;
        font-size: 20px;
        padding-right: 12px;
    }

    .white-bg .custom-well .content {
        padding:0 18px;
    }

    .white-bg .custom-well p {
       
    }

    .white-bg .custom-well .img-section {
        padding-left:19px;
        padding-right:19px;
    }

.white-bg .custom-well .header-titles {
    margin-bottom: 20px;
    overflow: auto;
    padding: 0 0;
    background-color: #2a3359;
    color: #ffffff;
}

.white-bg .custom-well .header-titles h2 {
    margin: 10px 15px;
    text-align:left;
    font-size:20px;
}

.white-bg .custom-well ul li {
    color: #2a3359;
    line-height: 175%;
    font-size: 20px;
    padding-right: 12px;
}


 /****************************************/


/****** Blue Background Colorboxes ****/

.blue-bg .custom-well {
    padding: 0 0;
    margin-bottom: 20px !important;
    font-size: 18px;
    line-height: 26px;
    background-color: #f5f5f5;
    border: 1px solid #2a3359;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.blue-bg .custom-well .content {
    padding: 0 18px;
}

.blue-bg .custom-well .header-titles {
    margin-bottom: 20px;
    overflow: auto;
    padding: 0 0;
    background-color: #747e84;
    color: #ffffff;
}

.blue-bg .custom-well .header-titles h2 {
    margin: 10px 15px;
    text-align: left;
    font-size: 20px;
}

.blue-bg .custom-well ul li {
    color: #2a3359;
    line-height: 175%;
    font-size: 20px;
    padding-right: 12px;
}

/**************************************/

/**** Header Colorbox ****/

div.header-well {
    padding: 0 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    background-color: #f5f5f5;
    border: 1px solid #2a3359;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

div.header-well p {
    margin-bottom: 4px;
}

div.header-well .header-titles {
    overflow: auto;
    margin-bottom: 2px;
    padding: 4px 0;
    background-color: #2a3359;
    color: #ffffff;
}

@media only screen and (max-width : 1198px) {

    div.header-well {
        padding: 14px 0 10px 0;
    }
}

@media only screen and (max-width : 768px) {

    div.header-well {
        padding: 0 0;
    }
}

/***********************************/


/**** Fonts ****/
.title-alt {
    color: #8d8d8d !important;
    margin-top: 0;
}

.bold {
    font-weight: bold;
}

.caption {
    margin-bottom:0;
}

/* Width */

.full-width {
    width: 100% !important;
}

/* Caps */

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

/* Borders */

.border-1 {
    border: 1px solid #000000;
}

/**** Special Margin ****/

@media only screen and (max-width: 991px) {

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

    .mb-md-20 {
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width: 768px) {

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

}


/* Application Form */

.app-form .section {
    margin-bottom: 30px;
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
}

    .app-form .section:last-child {
        margin-bottom: 0;
    }

.app-form .section-header {
    padding: 5px 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background-color: #242424;
    border-bottom: 1px solid #CCCCCC;
}

.app-form .section-content {
    padding: 20px 20px;
}

.app-form label {
    font-size: 16px;
    line-height: 150%;
}

.app-form .form-group {
    margin-bottom: 10px;
}

/**** Application Button ****/

.white-bg .container div.application-button {
    padding: 10px;
    color: #ffffff !important;
    font-size: 90%;
    font-weight: bold;
    background-color: #2a3359 !important;
    border: solid 2px #2a3359;
    border-radius: 12px;
    line-height: 120%;
}

.white-bg .container div.application-button:hover, .white-bg .container div.application-button::after {
    background-color: #333e6d !important;
    border-color: #2a3359;
}

/* Social Media Icons */

.footer div.footer-social-icons i {
    height: 32px;
    margin: 0 8px 12px 0;
    font-size: 32px;
}

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Login form for the Employee Documents & Forms page. */

.login-form {
    padding: 25px 0;
}

.login-form .panel {
    margin-bottom: 0;
}

.login-form .panel .panel-heading {
    padding: 10px 15px;
    color: #FFFFFF;
    background-color: #2a3359;
}

.login-form h3.panel-title {
    font-size: 100%;
    font-weight: bold;
    line-height: 150%;
    text-align: left;
}

.login-form label {
    font-size: 16px;
    line-height: 100%;
}