@import url('vantage.css');

.no-gutters {
    padding-left: 0;
    padding-right: 0;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.display-block {
    display: block
}



.table-notes {
    text-align: left;
    height: auto;
    max-height: 5em;
    overflow-y: auto;
    width: 100%;
}

a,
a:hover {
    text-decoration: none;
}

.nav-dropdown {
    left: auto;
}

.block-link {
    display: block;
}

.lien-form-group .block-link i {
    font-size: 1.6em;
}

.card {
    padding: 1em;
}

    .card .lien-form-group {
        padding: .5em 1em;
        text-align: right;
    }

        .card .lien-form-group input,
        .card .lien-form-group select {
            width: 150px;
            margin: 0;
        }

@media(max-width: 767px) {
    .card .lien-form-group {
        text-align: center;
    }
}

.card-body {
    padding: 0;
}

.filter-calendar {
    width: 100%;
    margin: 0;
}

    .filter-calendar td,
    .filter-calendar th {
        text-align: center;
    }

@media(max-width: 992px) {
    .nav-dropdown {
        margin-right: -10px;
        margin-left: 15px;
        padding-right: 22px;
    }
}

.nav-dropdown > li {
    padding-left: 10px;
    padding-right: 4px;
    text-align: left;
}

    .nav-dropdown > li a {
        font-size: .9rem;
        color: #166caa;
        font-weight: 600;
    }

@media(max-width: 992px) {
    .nav-dropdown > li {
        text-align: right;
    }
}

.AGR-Button {
    background-color: #529900;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    color: #fff;
    cursor: pointer;
    padding-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    font-family: Geneva,"Lucida Sans","Lucida Grande",sans-serif;
}

.AGR-Label {
    font-family: Geneva,"Lucida Sans","Lucida Grande",sans-serif;
    color: black !important;
}

.AGR-Textbox::selection {
    background-color: #d1dfab !important;
}

.AGR-Header {
    color: #238B2A !important;
    font-size: 2rem;
    font-family: Geneva,"Lucida Sans","Lucida Grande",sans-serif;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.shadowBox {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: #166caa;
    color: white;
    padding: 1.2em;
}

* {
    box-sizing: border-box;
}

#progressHolder {
    width: 100%;
    background-color: #ddd;
}

#progressBar {
    width: 0%;
    height: 30px;
    background-color: #166caa;
}

body {
    margin: 0 !important;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #0f395a;
    background-color: #166caa;
}

.header-anchor {
    color: white;
    text-underline-position: unset;
}

.label-radio label {
    color: #0f395a !important;
    font-size: 14px !important;
}

/*THIS RULE AUGMENTED WITH JQ*/
.main-content {
    margin: 0 0 172px 0;
    width: 100%;
    display: block;
    padding: 0 42px;
    clear: both;
    text-align: center;
    /*background-color: #e2f0f9;*/
    background-color: transparent;
}
@media(max-width: 575px){
  .main-content {
    padding: 0;
  }
  }
.adwon-modal-x {
    font-size: 1.3em;
    color: #0072bc;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.adwon-modal-title {
    font-weight: bold;
    font-size: 1.55em;
    text-align: center;
    text-transform: uppercase;
    padding: 6px;
    margin: 0 0 10px 0;
}

    .adwon-modal-title > span, .adwon-modal-title label {
        color: #0072bc;
    }

.adwon-modal-text {
    color: #353535;
    margin: 0 auto;
    text-align: justify;
    padding: 0 15px 0 15px;
}

    .adwon-modal-text > p, .adwon-modal-text span, .adwon-modal-text label {
        font-size: 1em;
    }

.leftText {
    text-align: left;
}

.rightText {
    text-align: right;
}

.clear-float {
    float: none !important;
}

.text-left {
    text-align: left !important;
}

.container {
    max-width: 100%;
}


.content-area {
    margin-bottom: 42px;
}

.sub-zone {
    padding: 8px 1rem;
    margin: 0;
    background-color: #166caa;
    overflow: hidden;
    color: #ffffff;
    display: block;
    position: fixed;
    text-align: right;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 2px solid #0e609b;
    z-index: 800;
    min-height: 24px;
}

.footer {
    height: auto;
    background-color: #ffffff;
    color: #27a9e1;
    padding: 5px 30px 5px 15px;
    width: 100%;
    margin: 0;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: solid #e4e4e4 1px;
    overflow: hidden;
    z-index: 801;
    box-shadow: 5px -5px 20px rgba(0,0,0,.16)
}

.hidden {
    visibility: hidden !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

.no-wrap {
    white-space: nowrap;
}

.header-bar {
    background-color: transparent;
    z-index: 10;
    height: 73px;
    overflow: hidden;
    margin:  0;
    padding: 10px 0 0 0;
    box-shadow: 5px 5px 20px rgba(0,0,0,.16);
    border-bottom: 2px solid rgba(22, 108, 170, .2);
}
@media(max-width: 715px){
    .header-bar {
        background-color: transparent;
        z-index: 10;
        height: 50px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        box-shadow: 8px 8px 25px rgba(0,0,0,.16);
        border-bottom: 2px solid rgba(22, 108, 170, .2);
    }
}
#corpLogo {
    width: auto;
    height: 140px;
    background-color: transparent;
    z-index: 20;
    margin-bottom: -120px;
    position: absolute;
    overflow: hidden;
}

#topBar {
    background: #e1f3fb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#27a9e1, #245f7f, #245f7f, #e1f3fb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#27a9e1, #245f7f, #245f7f, #e1f3fb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#27a9e1, #245f7f, #245f7f, #e1f3fb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#27a9e1, #245f7f, #245f7f, #e1f3fb); /* Standard syntax */
    height: 36px;
}

#welcomeBar {
    background-color: #fff;
    height: auto;
    z-index: 18;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    padding: 0 30px;
    margin: 0;
}

.module-name {
    padding: 30px 0 0 0;
    color: #0f395a;
    font-size: 14px;
    float: right;
    font-style: italic;
    text-align: left;
    overflow: visible;
    line-height: 1em;
    width: auto;
    text-align: right;
}
    .module-name a {
        margin-left: 12px;
        color: #22c8f9;
    }

    @media(max-width: 500px){
        .module-name {
            padding: 28px 0 0 0;
/*            margin-top: -12px;
*/        }
            .module-name a {
                margin-left: 5px;
            }
            }

    .welcome-message {
        color: #07a3ee;
        font-size: 1.2em;
        line-height: 1em;
        margin: 0;
        padding: 8px 0;
        font-style: italic;
        font-weight: 300;
        display: block;
        width: 100%;
        text-align: right;
        display: none;
    }

    .welcome-message#SubNav {
        text-align: right;
        width: auto;
        display: block;
    }

#label_welcome {
    margin-left: 5%;
}

.navbar > .container {
    margin-right: 0;
    padding-right: 0;
    padding-left: 4px;
}

#navBar {
    background: #166caa;
    min-height: 63px;
    height: auto;
    z-index: 10;
    padding: 10px 0 0 286px;
    width: 100%;
    position: absolute;
    top: 42px;
    left: 0;
}

.sub-nav-icons-container {
    width: auto;
    display: inline;
}
/*CORRESPONDENCE button BLINKER////////////////////*/
#ToCorrespondence {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-color: transparent;
    color: #27a9e1;
    cursor: pointer;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1.0;
    }
}

a.nav-button {
    color: #ffffff;
    background: transparent;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s, background-color .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    font-size: .9em;
    text-align: center;
    line-height: 1em;
    transform-origin: 50% 50%;
}

    a.nav-button:visited {
        transform: scale(1);
        transition: transform .2s, background-color .2s;
        transform-origin: 50% 50%;
    }

    a.nav-button:hover {
        background-color: #0f395a;
        transform: scale(1.07);
        transition: transform .2s, background-color .2s;
        transform-origin: 50% 50%;
    }

    a.nav-button:active {
        background-color: #0f395a;
        transform: scale(1);
        transition: transform .2s, background-color .2s;
        transform-origin: 50% 50%;
    }

a.nav-button-at {
    color: #0f395a;
    background: #e1f3fb;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin: 2px 6px;
    cursor: default;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    display: inline-block;
    font-size: 1.1em;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    vertical-align: middle;
    transform-origin: 50% 50%;
}

.button-nav-button {
    color: #ffffff;
    background: transparent;
    padding: 8px 10px;
    border-radius: 4px;
    border: 2px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
}

    .button-nav-button:visited {
        color: #ffffff;
        background: transparent;
        padding: 8px 10px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 50% 50%;
    }

    .button-nav-button:hover {
        color: #0f395a;
        background: #e1f3fb;
        padding: 8px 10px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 50% 50%;
    }

    .button-nav-button:active {
        color: #0f395a;
        background: #e1f3fb;
        padding: 8px 10px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 50% 50%;
    }

.button-nav-button-at {
    color: #0f395a;
    background: #e1f3fb;
    padding: 8px 10px;
    border-radius: 4px;
    border: 2px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
}

nav i {
    /*margin: 14px 0 0 18px !important;*/
    transform: scale(1.5) !important;
    transform-origin: 50% 50%;
}

nav select {
    display: inline-block;
    margin: 8px 6px 0 24px;
    width: 120px;
    border-radius: 24px;
    border: 1px solid #e4e4e4;
    color: #0f395a;
    font-style: italic;
    outline: none;
    font-size: 1em;
    padding: 2px 12px;
    height: 24px;
}

.lien-registrations .main-button,
.lien-registrations .main-button:visited,
.main-button,
.main-button:visited {
    color: #ffffff;
    background: #0f395a;
    padding: 3px 8px;
    margin: 8px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    /*margin: 2px;  causes flickering*/
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block !important;
    transform-origin: 50% 50%;
    width: auto;
}


    .lien-registrations .main-button:hover,
    .lien-registrations .main-button:active,
    .main-button:hover,
    .main-button:active {
        background: #e1f3fb;
        border: 1px solid #0f395a;
        transform: scale(1);
        transition: transform .2s, background-color .2s, color .2s;
        transform-origin: 50% 50%;
        color: #0f395a;
    }


.small-nav-button, .small-nav-button:visited {
    color: #ffffff;
    background: transparent;
    padding: 4px 14px;
    border: 1px solid #ffffff;
    margin: 6px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    border-radius: 4px;
    font-size: 1em;
    display: inline-block;
    text-decoration: none;
    transform-origin: 50% 50%;
}


    .small-nav-button:hover, .small-nav-button:active {
        color: #0f395a;
        background: #e1f3fb;
        padding: 4px 14px;
        border-radius: 4px;
        font-size: 1em;
        border: 1px solid #ffffff;
        margin: 6px;
        cursor: pointer;
        transform: scale(1.02);
        transition: transform .2s, background-color .2s, color .2s;
        outline: none;
        display: inline-block;
        text-decoration: none;
        transform-origin: 50% 50%;
    }


.arrow-sort {
    transform: scale(.8);
    color: #d1ebfa;
    margin: 0 0 0 4px;
}

.icon-button,
.icon-button:visited {
  transform-origin: 50% 50%;
  transform: scale(1.2);
  transition: transform .1s, background-color .1s, color .1s;
  background: transparent;
  margin: 0 0 0 18px;
  cursor: pointer;
  display: inline-block;
  outline: none;
  color: #07a3ee;
  text-decoration: none;
  outline: none;
  border: none;
}

    .icon-button:hover,
    .icon-button:active {
        color: #2fa4e7;
        transform-origin: 50% 50%;
        /*transform: scale(1.4);*/
        transition: transform .1s, background-color .1s, color .1s;
        background: transparent;
    }

.fa-calendar,
.fa-calendar:active,
.fa-calendar:visited,
.fa-calendar:hover {
    margin-top: 12px;
}

.fa-filter {
    transform: scale(1.3);
    transform-origin: 50% 50%;
}

.go-button {
    color: #ffffff;
    transform: scale(1);
    transition: transform .2s, background-color .2s, color .2s;
    background: transparent;
    padding: 5px 7px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin: 8px 12px;
    cursor: pointer;
    font-style: italic;
    font-size: .8em;
    clear: both;
    display: inline-block;
    outline: none;
}

    .go-button:hover {
        color: #2fa4e7;
        background: transparent;
        transform: scale(1.1);
        transition: transform .2s, background-color .2s, color .2s;
        padding: 5px 7px;
        border-radius: 50%;
        border: 2px solid #2fa4e7;
        margin: 8px 12px;
        cursor: pointer;
        font-style: italic;
        font-size: .8em;
        clear: both;
        display: inline-block;
        outline: none;
    }

    .go-button:active {
        color: #2fa4e7;
        background: transparent;
        transform: scale(1.1);
        transition: transform .2s, background-color .2s, color .2s;
        padding: 5px 7px;
        border-radius: 50%;
        border: 2px solid #2fa4e7;
        margin: 8px 12px;
        cursor: pointer;
        font-style: italic;
        font-size: .8em;
        clear: both;
        display: inline-block;
        outline: none;
    }

    .go-button:visited {
        color: #ffffff;
        transform: scale(1);
        transition: transform .2s, background-color .2s, color .2s;
        background: transparent;
        padding: 5px 7px;
        border-radius: 50%;
        border: 2px solid #ffffff;
        margin: 8px 12px;
        cursor: pointer;
        font-style: italic;
        font-size: .8em;
        clear: both;
        display: inline-block;
        outline: none;
    }

.main-title {
    font-size: 4.2em;
    display: inline-block;
    padding-right: 12px;
    line-height: 1em;
    color: #ffffff;
    text-shadow: 2px 2px 2px #0f395a;
    margin: 0 0 12px 12px;
}

.sub-title {
    font-size: 2.4em;
    display: inline;
    padding: 18px 0 12px 12px;
    color: #ffffff;
    text-shadow: 2px 2px 2px #0f395a;
}

.dropdown {
    border-radius: 24px;
    border: none;
    width: 100%;
    color: #0f395a;
    text-align: right;
    font-style: italic;
    outline: none;
    font-size: 1em;
    padding: 2px 12px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input[type=time] {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    height: 21px;
}

input[type=date] {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 2px 4px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    width: auto;
    height: 21px;
    border: 1px solid #000;
}

textarea {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    text-align: left;
    display: inline-block;
    border-radius: 4px;
    resize: none;
    height: 42px;
    width: 100%;
}

    textarea.note {
        font-size: 1em;
        padding: 10px;
    }

input[type=number] {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    padding: 4px;
    text-align: left;
    display: inline-block;
    border-radius: 2px;
    height: 21px;
    width: 100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #0f395a;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #0f395a;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #0f395a;
}

:-moz-placeholder { /* Firefox 18- */
    color: #0f395a;
}

.search-bar-container {
    display: inline-block;
    width: 290px;
}

@media(max-width: 991px) {
    .search-bar-container {
        display: block;
        width: 100%;
        float: right;
        text-align: right;
        margin-bottom: 12px;
    }
}

@media(max-width: 767px) {
    .search-bar-container {
        margin-bottom: 0;
    }
}

.search-bar {
    margin: -6px 0 0 0;
    width: 76%;
    min-width: 80px;
    max-width: 250px;
    border-radius: 24px;
    border: 1px solid #e4e4e4;
    color: #0f395a;
    font-style: italic;
    outline: none;
    font-size: 1em;
    padding: 2px 12px;
    height: 20px;
}

#SearchButton {
    margin: 0 0 0 8px;
}

    #SearchButton:hover {
        transform: scale(1.08);
    }

.title-bar {
    margin-bottom: 24px;
    vertical-align: bottom;
    display: inline;
}

.table-header-container {
    overflow: hidden;
    width: 101%;
    padding-right: 2%;
}

.table-header .arrow-sort {
    transform: scale(1.3);
    margin: -6px 0 0 6px;
    display: inline;
}

.table-header {
    background-color: #0a5f8e;
    width: 100%;
}

    .table-header .table-head-icon {
        transform: scale(1.5);
        cursor: pointer;
        color: #ffffff;
    }

td i {
    margin: 0 6px;
}

td .table-head-icon {
    transform: scale(1.5);
    cursor: pointer;
    color: #166caa;
}

td .table-head-icon-disabled {
    transform: scale(1.5);
    cursor: default !important;
    color: #d3d3d3 !important;
}

.table-head-icon-disabled {
    cursor: default !important;
    color: #d3d3d3 !important;
}

.table-footer {
    background-color: #166caa !important;
    color: #ffffff;
}

    .table-footer td {
        line-height: 1.2em;
        /*padding: 6px 4px;*/
        height: 24px !important;
    }

.table-footer-td-div {
    white-space: nowrap;
    font-size: 1.2em;
    outline: 1px solid #ffffff;
}

.table-header tr th {
    padding: 6px 4px;
    text-align: center;
    font-weight: 300;
    color: #ffffff;
    border: 1px solid #ffffff;
    line-height: 1.2em;
    cursor: pointer;
    min-width: 18px;
    background-color: #166caa;
    transition: background-color .2s;
}

.content-table tr th span {
    display: block;
}

.table-header tr th:hover {
    cursor: pointer;
    background-color: #0f395a;
    transition: background-color .2s;
}

.table-header tr th a {
    color: #ffffff;
    text-decoration: none;
}

.td-div {
    width: 0;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
    padding: 0;
}

    .td-div:hover {
        /*width: 100%;*/
        overflow: visible;
        white-space: nowrap;
        padding: 0;
    }

    .td-div span:hover {
        background-color: #0f395a;
        color: #fcfcfc;
        z-index: 100;
        position: relative;
        padding: 11px 2px;
        margin: 0;
        height: 1rem;
        width: 100%;
    }

.lien-registrations td,
.lien-registrations .td-div {
    font-size: 1em;
}

.loan-profile .td-div {
    font-size: .9em;
}

.profile-internal-section {
    background-color: #e0e0e0;
    padding: 2% 0;
}

.dealer-agreement ul {
    padding: 0;
}

    .dealer-agreement ul li {
        list-style: none;
        line-height: 2em;
    }

.dealer-agreement ol li {
    line-height: 2em;
}

.sales-select-trigger, .dealer-select-trigger,
.select-trigger, .originations-dealers-select-trigger {
    cursor: pointer;
}

    .sales-select-trigger img,
    .originations-dealers-select-trigger img,
    .dealer-select-trigger img,
    .select-trigger img {
        width: .8em;
        height: auto;
        padding: 0;
        margin: -.2em 0 0 0;
    }
/*.select-wrapper{
    overflow: visible;
    height: .8em;
}
    .select-doc-closed{
        clear: both;
        transition: height .2s, opacity .2s;
        overflow: hidden;
        text-align: left;
        padding: 0 8px 0 8px;
        background-color: #166caa;
        position: unset;
        height: 0;
        visibility: hidden;
        opacity: 0;       
    }*/
.select-doc-open {
    overflow: hidden;
    text-align: right;
    padding: 8px;
    background-color: #166caa;
    margin: -3px 0;
}

    .select-doc-open ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 2.2em;
    }

    .select-doc-open li fieldset {
        display: inline;
        width: auto;
    }

    .select-doc-open li {
        display: inline;
        margin: 0 12px 0 4px;
        padding: 0;
        color: #ffffff;
    }

    .select-doc-open label {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 1em;
        color: #ffffff;
        margin: 0;
        padding: 0;
        text-transform: capitalize !important;
        font-size: 1em !important;
    }

    .select-doc-open input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -6px;
        *overflow: hidden;
    }

    .select-view-button,
    .select-doc-open button {
        color: #ffffff;
        background: #0f395a;
        padding: 2px 8px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        margin: 4px 0 0 0;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 40% 50%;
        outline: none;
        width: auto;
        height: auto;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        transition: background .2s;
    }

        .select-view-button:hover,
        .select-doc-open button:hover {
            color: #ffffff;
            background: transparent;
            padding: 2px 8px;
            border-radius: 4px;
            border: 1px solid #ffffff;
            margin: 4px 0 0 0;
            cursor: pointer;
            transform: scale(1);
            transition: transform .2s;
            outline: none;
            text-decoration: none;
            display: inline-block;
            transform-origin: 40% 50%;
            outline: none;
            width: auto;
            height: auto;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            transition: background .2s;
        }

.profile-internal-section .table-header tr td {
    font-size: 1em;
}

#CustomerNoti ul li {
    text-align: left;
}

.customer-loan-info .loan-profile .table-header tr td {
    padding: 8px 3px;
    text-align: center;
    font-weight: 300;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: none;
    border-left: 1px solid #ffffff;
    line-height: 1.4em;
    cursor: pointer;
    min-width: 10px;
    background-color: #166caa;
    font-size: 1em;
}

.table-container {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    width: 100%;
    margin: 0;
}

    .table-container label {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.4em;
    }

    .table-container .row {
        margin: 0 15px 18px 0;
    }

.main-ul li label {
    color: #166caa;
    text-transform: capitalize;
    font-size: 1.4em;
    margin-left: 8px;
}

.content-table {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    width: 100%;
    text-align: center;
    color: #0f395a;
    margin: 0;
}

    .content-table tr {
        background-color: #ffffff;
    }

        .content-table tr:nth-of-type(even) {
            background-color: #e9f3fb;
        }

    .content-table td {
        padding: 1px;
        margin: 0;
        outline: 1px solid #e4e4e4;
        height: 32px !important;
        max-height: 100%;
        line-height: 1.2em;
    }

.fixed-lien-sub {
    background-color: #89bbe0;
    border-radius: 4px;
    border: 2px solid #d1ebfa;
    text-align: center;
    padding: 4px 0;
    margin: 0 0 0 0;
    font-size: 2.2em !important;
    color: #ffffff;
}

    .fixed-lien-sub h2 {
        color: #ffffff;
    }

.content-table td select {
    border: none;
    width: auto;
    color: #0f395a;
    outline: none;
    padding: 0 24px 0 0;
    background-color: transparent;
    margin: 0;
    font-size: 1em;
    background: url('../img/downarrowdark.png') no-repeat right transparent;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-position-x: 100%;
    background-size: 1.1em;
    border-radius: 0;
    font-style: normal;
    overflow-x: visible;
}

.content-table td i {
    cursor: pointer;
    color: #27a9e1;
    transition: color .2s;
    transform: scale(1.5);
}

    .content-table td i:hover {
        cursor: pointer;
        color: #007bff;
        transition: color .2s;
    }

td.no-doc i {
    color: #ffffff;
    transition: color .2s;
    cursor: pointer;
}

    td.no-doc i:hover {
        color: #abe1fa;
        transition: color .2s;
        cursor: pointer;
    }

td.error-doc i {
    color: #ffffff;
    transition: color .2s;
    cursor: pointer;
}

    td.error-doc i:hover {
        color: #abe1fa;
        transition: color .2s;
        cursor: pointer;
    }

.lien-form-group input[type="checkbox"] {
    width: 32px;
    height: auto;
    display: inline;
    padding: 0;
    margin: 0;
}

.lien-form-group i {
    font-size: 2em;
}

.save-profile-button,
.save-profile-button:visited {
    color: #ffffff;
    background: #0f395a;
    border: 1px solid transparent;
/*    padding: 3px 8px !important;
*/    border-radius: 0;
/*    margin: 8px !important;
*/    cursor: pointer;
    transform: scale(1.02);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    outline: none;
}

    .save-profile-button:active,
    .save-profile-button:hover {
        color: #0f395a;
        background: #e1f3fb;
        border: 1px solid #0f395a;
        transition: color .2s, background .2s, border .2s;
    }

.sub-zone .save-profile-button {
    margin: 8px 0 !important;
}


.save-profile-button-left {
    color: #ffffff;
    background: #0f395a;
    padding: 8px !important;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin: 0 !important;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 40% 50%;
    outline: none;
    width: auto !important;
    height: auto !important;
    float: left;
}

    .save-profile-button-left:visited {
        color: #ffffff;
        background: #0f395a;
        padding: 8px !important;
        border-radius: 6px;
        border: 1px solid #ffffff;
        margin: 0 !important;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 40% 50%;
        outline: none;
        width: auto !important;
        height: auto !important;
    }

    .save-profile-button-left:hover {
        color: #0f395a;
        background: #e1f3fb;
        padding: 8px !important;
        border-radius: 6px;
        border: 2px solid #0f395a;
        margin: 0 !important;
        cursor: pointer;
        transform: scale(1.02);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 40% 50%;
        outline: none;
        width: auto !important;
        height: auto !important;
    }

    .save-profile-button-left:active {
        color: #0f395a;
        background: #e1f3fb;
        padding: 8px !important;
        border-radius: 6px;
        border: 2px solid #0f395a;
        margin: 0;
        cursor: pointer;
        transform: scale(1.02);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        transform-origin: 40% 50%;
        outline: none;
        width: auto !important;
        height: auto !important;
    }


.profile-table {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    width: 100%;
    text-align: center;
    color: #0f395a;
    margin-bottom: 24px;
}

    .profile-table tr {
        background-color: #ffffff;
    }

        .profile-table tr:nth-of-type(even) {
            background-color: #e1f3fb;
        }

    .profile-table td {
        padding: 2px 0;
        text-align: left;
        padding-left: 8px;
        width: 35%;
        font-size: 1.2em;
    }

        .profile-table td:nth-of-type(odd) {
            background-color: #dbdbdb;
            width: 15%;
            text-align: right;
            font-weight: 700;
            padding-right: 8px;
        }

        .profile-table td:nth-of-type(2) {
            border-right: 2px solid #0f395a;
        }

.ok-doc {
    background-color: #abe1fa;
    text-transform: uppercase;
    font-weight: 300;
    cursor: default;
    height: 40px;
    width: 100%;
    padding: 12px 0;
}

.no-doc {
    /*background-color: #ffbbbb;*/
    background-color: #007bff;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    cursor: default;
    height: 40px;
    width: 100%;
    padding: 12px 0;
}

.error-doc {
    background-color: #FF0000;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    cursor: default;
    height: 40px;
    width: 100%;
    padding: 12px 0;
}

.review-doc {
    background-color: #abe1fa;
    text-transform: uppercase;
    font-weight: 300;
    text-transform: uppercase;
    color: #222222;
    cursor: default;
    padding: 12px 0;
}

.content-table .name-link {
    color: #27a9e1;
    text-decoration: none;
    cursor: pointer;
}

    .content-table .name-link:hover {
        color: #27a9e1;
        text-decoration: underline;
        cursor: pointer;
    }

.name-link {
    color: #166caa;
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.1em;
}

label {
    margin: 0;
    /*    color: #ffffff;
*/
    color: #0f395a;
    font-size: 1em;
}

.card label {
    color: #0f395a;
    font-size: 1em;
    display: inline;
    margin-right: 6px;
}

#subContent {
    background-color: transparent;
}

.profile-td-multiline {
    overflow-y: auto;
    background-color: transparent;
    height: 1.5em;
    margin: 0;
    padding: 0;
}

    .profile-td-multiline ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

footer span {
    margin: 0;
}

#legend {
    margin: 0;
    padding: 0;
}

.legend-item-complete {
    background-color: #abe1fa;
    color: #222222;
    width: 20px;
    display: inline;
    text-align: center;
    font-style: italic;
    font-size: 1.2em;
    padding: 10px 24px;
}

.legend-item-incomplete {
    background-color: #007bff;
    color: #222222;
    width: 20px;
    display: inline;
    /*height: 32px;
      width: 120px;*/
    text-align: center;
    font-style: italic;
    font-size: 1.2em;
    padding: 10px 24px;
}

.legend-title {
    font-size: 1.3em;
    font-style: italic;
    color: #999999;
    cursor: pointer;
    transition: color .2s;
    transform-origin: 0% 50%;
    display: inline-block;
    border-left: 2px solid #bdbdbd;
    padding: 2px 12px 0 12px;
    vertical-align: top;
    margin: 0;
    height: 31px;
}

    .legend-title:hover {
        color: #666666;
        transition: color .2s;
        transform-origin: 0% 50%;
        font-size: 1.3em;
        font-style: italic;
        display: inline-block;
        border-left: 2px solid #bdbdbd;
        padding: 2px 12px 0 12px;
        vertical-align: top;
        margin: 0;
        height: 31px;
    }

.legend-display {
    display: inline-block;
    width: 242px;
    overflow: hidden;
    transition: width .2s;
    visibility: visible;
    margin: 0 0 -8px 18px;
    height: 31px;
    padding: 3px 0 0 18px;
    white-space: nowrap;
}

.legend-hide {
    display: inline-block;
    overflow: hidden;
    transition: width .2s;
    width: 0px;
    visibility: visible;
    margin: 0 0 -8px 18px;
    height: 31px;
    padding: 3px 0 0 18px;
    white-space: nowrap;
}

.legend-label-complete {
    text-align: center;
    font-style: italic;
    margin: 0 12px;
    color: #abe1fa;
    font-size: 1.4em;
    color: #abe1fa;
}

.legend-label-incomplete {
    text-align: center;
    font-style: italic;
    margin: 0 12px;
    color: #abe1fa;
    font-size: 1.4em;
    color: #fdcd9a;
}

.copy-date {
    text-align: right;
    padding: 0;
    font-size: 10px;
}
@media(max-width: 500px){
  .copy-date {
    text-align: center;
    font-size: 10px;
  }
}
/*SUB-CONTENT AREA////////////////////////////////////////*/
/*.left-divider {
    border-left: 3px solid #0e609b;
    margin: 0;
    padding: 0 0 0 12px;
    min-height: 40px;
    height: 100%;
    margin: 0;
    text-align: center;
}*/

.left-divider-align-left {
    border-left: 3px solid #0e609b;
    margin: 0;
    padding: 0 0 0 12px;
    height: 100%;
    margin: 0;
    text-align: left;
}

.qualify-button,
.qualify-button:visited {
    float: right;
    color: #166caa;
    width: 110px;
    height: 100px;
    border-radius: 50%;
    border: 1.5px solid #ffffff;
    margin: 3px 0 0 8px;
    cursor: pointer;
    outline: none;
    display: inline-block;
    font-size: 1em;
    text-align: center;
    font-weight: 700;
    font-size: 1.6em;
    font-style: italic;
    text-align: center;
    padding: 28px 12px 0 12px;
    line-height: 1em;
    text-decoration: none;
    background: #e1f3fb;
    background: -webkit-radial-gradient(#d1ebfa, #27a9e1);
    background: -o-linear-gradient(#d1ebfa, #27a9e1);
    background: -moz-radial-gradient(#d1ebfa, #27a9e1);
    background: radial-gradient(#d1ebfa, #27a9e1);
    transform: scale(1);
    transition: transform .2s, color .2s, background-color .2s;
}

    .qualify-button:active {
        cursor: pointer;
        background: #d1ebfa;
        transform: scale(1.02);
        transition: transform .2s;
    }

    .qualify-button:hover {
        color: #ffffff;
        cursor: pointer;
        background: #e1f3fb;
        background: -webkit-radial-gradient(#27a9e1, #d1ebfa);
        background: -o-linear-gradient(#27a9e1, #d1ebfa);
        background: -moz-radial-gradient(#27a9e1, #d1ebfa);
        background: radial-gradient(#27a9e1, #d1ebfa);
        transform: scale(1.02);
        transition: transform .2s, color .2s, background-color .2s;
        text-decoration: none;
    }

.sub-zone-heading {
    text-transform: uppercase;
    font-size: 1em;
    color: #ffffff;
    text-align: left;
    margin: 0;
    display: block;
}

.sub-zone-link {
    max-width: 120px;
    max-height: 76px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.sub-zone-group {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

    .sub-zone-group p {
        font-style: italic;
        width: 400px;
        padding: 0;
    }

        .sub-zone-group p i {
            color: #f5c514;
            transform: rotate(45deg);
        }

.sub-zone ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

    .sub-zone ul li {
        margin: 0 6px;
        line-height: 1em;
    }

.sub-zone-nav-button,
.sub-zone-nav-button:visited {
    color: #ffffff;
    min-width: 100px;
    width: auto;
    background: transparent;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin: 0 4px !important;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1em;
    font-size: .9em;
    text-align: center;
    text-decoration: none;
    transform: scale(1);
    transition: background-color .2s, transform .2s;
}

    .sub-zone-nav-button:hover,
    .sub-zone-nav-button:active {
        color: #fff;
        background-color: #0f395a;
        transform: scale(1.05);
        transition: background-color .2s, transform .2s;
        text-decoration: none;
    }



.sub-zone-input {
    background-color: transparent;
    border-bottom: 1px solid #27a9e1;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #ffffff;
    border-radius: 0 !important;
    padding-left: 4px !important;
    height: 17px;
}

.sub-zone input[type="text"],
.sub-zone input[type="file"],
.sub-zone select {
    outline: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .9em;
    margin: 2px 0;
    text-align: left;
    display: inline-block;
    border-radius: 2px;
    padding: 1px 4px;
    width: 100% !important;
    height: 21px;
    border: none;
    min-width: 80px;
    margin: 8px;
    min-height: 24px;
}

.sub-zone input[type="file"] {
    background-color: #0f395a;
}

.sub-zone-drop-down {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .9em;
    margin: 2px 0;
    text-align: left;
    display: inline-block;
    border-radius: 2px;
    padding: 1px 4px;
    width: 100%;
    height: 21px;
}

.no-border {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.sub-zone-item-container {
    display: inline-block;
}

.sub-zone input[type="checkbox"] {
    transform: scale(1.0);
    margin: 0 4px 6px 0;
    vertical-align: bottom;
    position: relative;
    top: 4px;
}

.sub-zone label {
    margin: 0 12px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 1em;
    color: #ffffff;
}

.sub-zone textarea {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    text-align: left;
    display: inline-block;
    border-radius: 2px;
    resize: none;
    height: 40px;
    width: 100%;
    padding: 2px;
    margin: 0;
}

.sub-zone-multiline-container {
    height: 90px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: rgba(258, 258, 258, .1);
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #ffffff;
}

    .sub-zone-multiline-container label {
        color: #ffffff;
        display: inline;
    }

    .sub-zone-multiline-container input[type="checkbox"] {
        transform: scale(1);
        display: inline;
    }

.sub-zone button {
    width: auto;
}
/*////////////////////////////////////////////////////////*/
/*DIALOGUE///////////////////////////*/
.im-container, .upload-dialogue {
    width: 40%;
    background-color: #89bbe0;
    border-radius: 12px;
    position: absolute;
    top: 110px;
    right: 42px;
    z-index: 9999;
    visibility: visible;
    padding: 32px 12px 12px 12px;
    resize: both;
    overflow: hidden;
    box-shadow: 6px 6px 12px #3f3f3f;
    transform-origin: left top;
    resize: both;
    overflow: auto;
    /*height: auto;*/
    height: auto;
    border: 1px solid #ffffff;
}

    .im-container p {
        color: #0f395a;
        font-style: italic;
        display: inline-block;
        font-size: 1.5em;
        margin: 0 4px 0 12px;
    }

#chat_title_bar span strong {
    color: #0f395a;
}

#chat_box .bg-info {
    background-color: #ffffff !important;
    background-color: rgba(255, 255, 255, .7) !important;
    border-radius: 2px;
}

.hide-messenger, .upload-dialogue-hidden {
    position: absolute;
    z-index: 300;
    visibility: hidden;
    height: 0px;
}

.im-close, .upload-close {
    cursor: pointer;
    display: block;
    float: right;
    color: #ffffff;
    font-weight: 700;
    margin: -20px 8px 0 0;
    display: block;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    background-color: #0f395a;
    font-size: 1em;
    transform: scale(1.1 1);
    transition: transform, color, background-color .2s;
}

    .im-close:hover {
        cursor: pointer;
        color: #0f395a;
        background-color: #ffffff;
        transform: scale(1.12 1.02);
        transition: transform, color, background-color .2s;
    }

.im-to select {
    border-radius: 14px;
    outline: none;
    width: 70%;
    font-size: 1.2em;
    padding: 2px 6px;
    color: #166caa;
}

.im-convo {
    display: block;
    height: 50%;
}

    .im-convo textarea {
        display: block;
        width: 100%;
        resize: none;
        height: 100%;
        min-height: 80px;
        outline: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 1.1em;
        line-height: 1em;
        padding: 6px 12px;
        border: 1px solid #a8a8a8;
        margin: 12px 0 0 0;
        color: #0f395a;
    }

.im-user textarea {
    display: block;
    width: 100%;
    resize: none;
    height: 80px;
    outline: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 6px 12px;
    border: 1px solid #a8a8a8;
    color: #0f395a;
}

.im-user-name {
    color: #0f395a;
    font-style: italic;
    font-size: 1.5em;
    margin: 32px 0 0 12px;
    display: block;
}

.small-im-button {
    color: #ffffff !important;
    background: #0f395a;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 1em;
    border: 1px solid #ffffff;
    margin: 6px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    display: block;
    float: right;
}

    .small-im-button:visited {
        color: #ffffff;
        background: #0f395a;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 1em;
        border: 1px solid #ffffff;
        margin: 6px;
        cursor: pointer;
        transform: scale(1);
        transition: transform, background-color .2s;
        outline: none;
        display: block;
        float: right;
    }

    .small-im-button:hover {
        color: #0f395a !important;
        background: #e1f3fb;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 1em;
        border: 1px solid #ffffff;
        margin: 6px;
        cursor: pointer;
        transform: scale(1.02);
        transition: transform, background-color .2s;
        outline: none;
        display: block;
        float: right;
    }

    .small-im-button:active {
        color: #0f395a !important;
        background: #e1f3fb;
        padding: 4px 8px;
        border-radius: 6px;
        font-size: 1em;
        border: 1px solid #0f395a;
        margin: 6px;
        cursor: pointer;
        transform: scale(1);
        transition: transform, background-color .2s;
        outline: none;
        display: block;
        float: right;
    }

.upload-dialogue ul {
    list-style: none;
    text-align: right;
    padding: 0 15%;
}

    .upload-dialogue ul li {
        /*float: right;*/
        /*line-height: 2.4em;*/
        display: block;
        margin: 12px 0 0 0;
    }

.upload-choose {
    color: #ffffff;
    background: #0f395a;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #ffffff;
    /*margin: 12px 0 0 0;*/
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 40% 50%;
    outline: none;
    width: auto;
    height: auto;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

    .upload-choose input {
        background: red;
    }

.im-to label {
    margin: 0 6px 0 0;
}

.submit-upload {
    color: #ffffff;
    background: #0f395a;
    padding: 8px !important;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin: 0 !important;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: block;
    transform-origin: 40% 50%;
    outline: none;
    width: auto !important;
    height: auto !important;
    float: right;
}
/*END DIALOGUE//////////////////////////////*/
.added-hours-description {
    min-width: 100px;
    max-width: 250px;
    height: auto;
    background-color: rgba(15, 57, 90, .9);
    color: #fcfcfc;
    position: absolute;
    border: 1px solid #eeeff0;
    border-radius: 6px;
    padding: 12px;
    text-transform: none;
    text-align: left;
    z-index: 800;
}

.reject-app-description {
    width: 250px;
    /*min-width: 100px;
    max-width: 250px;*/
    height: auto;
    background-color: rgba(15, 57, 90, .9);
    color: #fcfcfc;
    position: absolute;
    right: 2%;
    border: 1px solid #eeeff0;
    border-radius: 6px;
    padding: 12px;
    text-transform: none;
    text-align: left;
    z-index: 800;
}

    .reject-app-description select {
        background-color: #ffffff !important;
        margin: 0;
        width: 100% !important;
        padding: 2px 8px 2px 4px !important;
        border-radius: 2px !important;
    }

        .reject-app-description select option {
            height: 24px !important;
        }

    .reject-app-description textarea {
        display: block;
        width: 100%;
        margin: 8px 0 8px 0;
        font-size: 1.0em;
    }

    .reject-app-description button,
    .reject-app-description button:hover,
    .reject-app-description button:active {
        margin: 0;
    }

.hide-description {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
}

.tickets-assignee {
    width: auto;
    background-color: transparent;
    border: none;
    outline: none;
}

input[type=text].profile-field {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

select.profile-field {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.profile-drop {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1em;
    margin: 0;
    padding: 6px;
    color: #0f395a;
}


.profile-text-area {
    height: 100px;
    width: 100%;
    background-color: transparent;
}

.transparent-bg {
    background-color: transparent !important;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.main-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

    .main-ul li {
        font-size: 1.2em;
        line-height: 1.8em;
    }

.main-input {
    border-radius: 24px;
    border: 1px solid #d3d3d3;
    width: 100%;
    color: #0f395a;
    font-style: italic;
    outline: none;
    font-size: 1.4em;
    padding: 6px 12px;
    background-color: #ffffff;
    margin: 0 12px 16px 12px;
}

.table-container input[type="checkbox"] {
    transform: scale(1.2);
    margin: 0;
}

.text-align-right {
    text-align: right;
}

.lien-registrations h2 {
    color: #166caa;
    margin-bottom: 18px;
}

.lien-registrations h3 {
    color: #000;
     padding: 0 20px;
/*   margin-bottom: 24px;
*/    font-size: 35px;
    width: 100%;
   /* border-bottom: 1px solid rgba(22, 108, 170, .3);*/
    text-align: center;
        line-height: 1.3em;
        margin-top: 20px

}
@media(max-width: 715px){
    .lien-registrations h3 {
    font-size: 25px;

    }
    }
.lien-registrations label {
    color: #000;
    text-transform: capitalize;
    font-size: 12px;
    margin: 0 0 6px 0;
    display: block;
}

.lien-form-group {
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 130px;
    max-width: 100%
}
/*@media(max-width: 992px){
  .lien-registrations label{
      font-size: 1em;
  }
  .lien-form-group {
    height: 110px;
  }
}*/

@media(max-width: 768px){
  .lien-form-group {
    height: 90px;
  }
}


.lien-registrations {
    margin-bottom: 32px;
}



    .lien-registrations select {
        outline: none;
        border: 1px solid #e4e4e4;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 1em;
        margin: 0 4px 8px 0;
        padding: 3px 8px;
        text-align: left;
        border-radius: 4px;
        width: 100%;
        display: block;
        height: 27px;
        background-color: #fff;
    }

    .lien-registrations textarea {
        outline: none;
        border: 1px solid #e4e4e4;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 1em;
        /*margin: 0 0 0 -15px; causes element to exit column*/
        margin: 0 0 0 0px;
        padding: 4px 8px;
        text-align: left;
        border-radius: 4px;
        /*width: 102%; causes element to exit column*/
        width: 100%;
        display: block;
        height: 150px;
    }

.lien-registrations-single-column textarea {
    outline: none;
    border: none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    padding: 4px 8px;
    text-align: left;
    border-radius: 4px;
    width: 100%;
    display: block;
    height: 150px;
    border: 1px solid #e4e4e4;
}

.half-width {
    width: 48% !important;
}

table.loan-profile {
    width: 100%;
}

.profile-table-header {
    background-color: #0f395a;
    padding: 6px 4px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: center;
}

table.loan-profile tbody tr {
    background-color: #ffffff;
    color: #222222;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    padding: 4px;
}

table.loan-profile tbody td {
    padding: 4px;
    min-width: 20px;
    outline: 1px solid #e4e4e4;
    font-size: 1em;
}

.lien-registrations button {
    color: #ffffff;
    background: transparent;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: auto;
}

.content-button {
    color: red;
    background: #e1f3fb;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1.1);
    transition: transform .2s, background-color .2s, color .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: auto;
}

    .content-button:visited {
        color: #ffffff;
        background: transparent;
        padding: 6px 10px;
        border-radius: 8px;
        border: 1px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        display: inline-block;
        width: auto;
    }

    .content-button:hover {
        color: #0f395a;
        background: #e1f3fb;
        padding: 6px 10px;
        border-radius: 8px;
        border: 1px solid #0f395a;
        margin: 2px;
        cursor: pointer;
        transform: scale(1.1);
        transition: transform .2s, background-color .2s, color .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        width: auto;
    }

    .content-button:active {
        color: #0f395a;
        background: #e1f3fb;
        padding: 6px 10px;
        border-radius: 8px;
        border: 1px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1.1);
        transition: transform .2s, background-color .2s, color .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        width: auto;
    }

.main-nav-dropdown {
    width: 200px;
    border-radius: 24px;
    border: none;
    color: #0f395a;
    text-align: right;
    font-style: italic;
    outline: none;
    font-size: 1em;
    padding: 2px 12px;
    margin: 8px 0 0 0;
}

#RequestOptionSubmit {
    margin-right: 24px;
}

.copy-date a {
    color: #27a9e1;
    font-weight: 600;
    font-size: 1.4em;
    padding: 0 6px 0 0;
    margin: 0;
    text-decoration: none;
    display: inline;
    transform: scale(1);
}

    .copy-date a:visited {
        color: #27a9e1;
        font-weight: 600;
        font-size: 1.4em;
        padding: 0 6px 0 0;
        margin: 0;
        text-decoration: none;
        display: inline;
        transform: scale(1);
    }

    .copy-date a:hover {
        color: #27a9e1;
        font-weight: 600;
        font-size: 1.4em;
        padding: 0 6px 0 0;
        margin: 0;
        text-decoration: none;
        display: inline;
        transform: scale(1.02);
    }

    .copy-date a:active {
        color: #27a9e1;
        font-weight: 600;
        font-size: 1.4em;
        padding: 0 6px 0 0;
        margin: 0;
        text-decoration: none;
        display: inline;
        transform: scale(1.02);
    }

.confirm-financing-dialog {
    text-align: left;
    padding: 32px 12px 12px 12px;
    margin: 0;
    color: #0f395a;
    font-size: 1.2em;
    font-weight: 400;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 20%;
    max-width: 300px;
}

    .confirm-financing-dialog span {
        line-height: 1.1em;
        color: #222222;
        margin: 0 0 24px 0;
        cursor: default;
    }

    .confirm-financing-dialog ul {
        list-style: none;
        margin: 12px 0 0 0;
        padding: 0;
    }

    .confirm-financing-dialog label {
        font-size: 1.2em;
    }

    .confirm-financing-dialog input {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 0 4px 8px 0;
        padding: 4px 8px;
        text-align: left;
        border-radius: 4px;
        width: 100%;
        display: block;
        border: 1px solid #bdbdbd;
    }

.dialog-nav-button,
.dialog-nav-button:visited {
    color: #ffffff;
    background: transparent;
    padding: 2px 14px;
    border-radius: 6px;
    font-size: .8em;
    border: 1px solid #ffffff;
    margin-top: 12px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    display: inline-block;
}


    .dialog-nav-button:hover,
    .dialog-nav-button:active {
        color: #0f395a;
        background: #e1f3fb;
        padding: 2px 14px;
        border-radius: 6px;
        font-size: .8em;
        border: 1px solid #0f395a;
        margin-top: 12px;
        cursor: pointer;
        transform: scale(1.1);
        transition: transform .2s, background-color .2s, color .2s;
        outline: none;
        text-decoration: none;
    }

.modules-menu {
    margin: 0;
    /*margin: 0 0 0 20%;*/
    text-align: left;
}

.modules-menu-item {
    transform: scale(1.0);
    text-align: center;
    padding: 0;
    background: transparent;
    cursor: pointer;
    transition: transform .2s;
    width: auto;
}

    .modules-menu-item:hover {
        text-align: center;
        /*margin: 12px 10rem;*/
        padding: 0;
        background: transparent;
        transform: scale(1.1);
        transition: transform .2s;
        cursor: pointer;
    }

    .modules-menu-item:active {
        text-align: center;
        /*margin: 12px 10rem;*/
        padding: 0;
        background: transparent;
        transform: scale(1.02);
        transition: transform .2s;
        cursor: pointer;
    }

    .modules-menu-item:visited {
        text-align: center;
        /*margin: 12px 10rem;*/
        padding: 0;
        background: transparent;
        transform: scale(1);
        transition: transform .2s;
        cursor: pointer;
    }

    .modules-menu-item span {
        font-size: 1.4em;
        color: #222222;
        line-height: 1.2em;
        text-decoration: none;
        text-align: center;
        width: auto;
        display: inline-block;
        margin: 6px 0 1.6rem 0;
    }

.screen-nav {
    float: right;
    margin: 8px 12px;
}

    .screen-nav span {
        font-size: 1.2em;
        color: #27a9e1;
        padding: 0 6px;
        cursor: pointer;
    }

        .screen-nav span:hover {
            font-size: 1.2em;
            color: #0f395a;
            padding: 0 6px;
            cursor: pointer;
        }

.screen-nav-at {
    font-size: 1.4em;
    color: #27a9e1 !important;
    cursor: default !important;
    font-weight: 600;
    text-decoration: underline;
}

.fixed-top {
    position: relative !important;
    width: 100%;
}

.navbar-toggler {
    background-color: #0f395a;
    border: 2px solid #ffffff;
    cursor: pointer;
    font-size: 12px;
    margin-right: -15px;
    padding: 10px 12px 6px 12px;
    position: absolute;
    right: 52px;
    top: 8px;
    outline: none;
}

.modules-menu-item i {
    display: block;
    color: #166caa;
    font-size: 3.5em;
}

.audit-plate {
    border-radius: 32px;
    border: 1px solid #166caa;
    background-color: rgba(255, 255, 255, .4);
    margin: 0 0 18px 0;
}

.audit-control {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 15px;
    height: 180px;
    /*border-radius: 32px;
    border: #ffffff solid 1px;*/
}

.audit-doc {
    /*height: 300px;*/
    width: 100%;
    height: 72vh;
}

.view-doc-area.container {
    height: 72vh;
}

.view-doc-area embed {
    height: 72vh;
}

.audit-control p {
    font-size: 1.6em;
}

.audit-control input {
    text-align: center;
    border: 1px solid #d3d3d3;
    margin: 8px 0 0 0;
}

.audit-control div {
    /*background: green;*/
    /*border: 1px solid #ffffff;*/
    position: absolute;
    display: inline-block;
    width: 100%;
    padding: 12px 18px;
}
/*.audit-slide {
    margin-top: 64px;
}*/
.audit-ul-label {
    color: #166caa;
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 3em;
    text-transform: capitalize;
    /*position: absolute;
    top: 0;*/
}

.audit-control ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.audit-control li {
    font-size: 2em;
    line-height: 1.2em;
}

    .audit-control li button {
        margin-top: 18px;
    }

        .audit-control li button:hover {
            margin-top: 18px;
        }

.off-stage {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    position: relative;
}

.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
    position: relative;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
    /*float: left;
    margin: 0;
    padding: 0;*/
    position: relative;
}

@keyframes slide-in {
    0% {
        transform: translateX(300%);
    }

    100% {
        transform: translateX(-50%);
    }
}

@-webkit-keyframes slide-in {
    0% {
        transform: translateX(300%);
    }

    100% {
        -webkit-transform: translateX(-50%);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-300%);
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-300%);
    }
}
/*.stage{
    width: 100%;
    overflow: hidden;
}
.stage-right{
    margin-left: 100%;
}
.on-stage{}
.stage-left{}*/
.audit-control-button {
    color: #ffffff;
    background: #0f395a;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    outline: none;
}

.audit-control-button-at {
    color: #0f395a;
    background: #e1f3fb;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin: 2px;
    transform: scale(1.02);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    cursor: pointer;
    outline: none;
}

.audit-control-button:hover {
    color: #0f395a;
    background: #e1f3fb;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #0f395a;
    margin: 2px;
    cursor: pointer;
    transform: scale(1.02);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    outline: none;
}

.audit-control-button:active {
    color: #0f395a;
    background: #e1f3fb;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #0f395a;
    margin: 2px;
    cursor: pointer;
    transform: scale(1.02);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    outline: none;
}

.audit-control-button:visited {
    color: #0f395a;
    background: #e1f3fb;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    margin: 2px;
    cursor: pointer;
    transform: scale(1.02);
    transition: transform .2s;
    outline: none;
    text-decoration: none;
    display: inline-block;
    transform-origin: 50% 50%;
    cursor: default;
    outline: none;
}

.audit-control textarea {
    outline: none;
    border: 1px solid #e4e4e4;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: .8em;
    margin: 0;
    text-align: left;
    display: inline-block;
    border-radius: 6px;
    resize: none;
    height: 42px;
    width: 70%;
    padding: 6px 12px;
    font-style: italic;
    color: #0f395a;
}

.audit-cancel {
    display: inline-block;
}

#CoSignerIDType {
    background: url('../img/downarrowdark.png') no-repeat right #ddd;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-position-x: 90%;
    background-size: 1.2em;
    border-radius: 24px;
    border: 1px solid #e4e4e4;
    width: 70%;
    color: #0f395a;
    font-style: italic;
    outline: none;
    font-size: 1em;
    padding: 6px 12px;
    background-color: #ffffff;
    margin: 0;
    display: block;
}

.slow-hide {
    visibility: hidden;
    transition: visibility .2s;
}

.slow-show {
    visibility: visible;
    transition: visibility .2s;
}
/*
iframe {
    width: 82%;
    min-width: 1020px;
    height: 60vh;
    position: absolute;
    top: 20px;
    left: 15px;
    border: none;
    padding: 0;
    margin: 0 0 0 64px;
}
*/
.frame-mask {
    height: 62vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 24px 0 42px;
}

/*.login {
    margin-top: 10%;
    width: 25%;
}*/

.login ul {
    list-style: none;
}

.login-btn {
    width: 100% !important;
    color: #ffffff;
    background-color: #0f395a;
    cursor: pointer;
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 8px;
    margin-top: 18px !important;
    transition: background-color .2s, color .2s;
    text-align: center !IMPORTANT;
    font-size: 14px !important;
}

    .login-btn:visited {
        color: #ffffff;
        background-color: #0f395a;
    }

    .login-btn:hover {
        color: #0f395a;
        background-color: #e1f3fb;
        transition: background-color .2s, color .2s;
    }

    .login-btn:active {
        color: #0f395a;
        background-color: #e1f3fb;
        transition: background-color .2s, color .2s;
    }

.lien-registrations input[type="file"] {
    background: #ffffff;
    width: 100%;
    margin: 0 0 8px 0;
    height: 32px;
    border: 1px solid #e4e4e4;
}

.lien-form-group input[type="password"] {
    background: #ffffff;
    width: 100%;
    margin: 0 0 8px 0;
    border: 1px solid #e4e4e4;
    height: 27px;
}

.lien-registrations input[type="text"],
.lien-registrations input[type="password"],
.lien-registrations input[type="date"] {
    outline: none;
    border: 1px solid #e4e4e4;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1em;
    margin: 0 4px 8px 0;
    padding: 3px 8px;
    text-align: left;
    border-radius: 4px;
    width: 100%;
    display: block;
    height: 27px;
    background: #ffffff;
}

.sub-nav-container {
    width: 100%;
    position: absolute;
    top: -24px;
    right: 24px;
    text-align: right;
}

@media(min-width:1900px) and (max-width:2200px) {
    /*body {
        font-size: 13px;
    }*/

    .main-content td {
        font-size: 1.2em;
        min-width: 24px;
    }

    .lien-registrations select {
        outline: none;
        border: 1px solid #e4e4e4;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 1em;
        margin: 0 4px 8px 0;
        padding: 2px 8px;
        text-align: left;
        border-radius: 4px;
        width: 100%;
        display: block;
        font-style: normal;
        height: 27px;
    }

    .lien-registrations input {
        font-size: 1em;
    }

    .view-doc-area {
        width: 100%;
        height: 72vh;
        overflow: visible;
        text-align: center;
        margin-bottom: 32px;
    }
}

.correspondence-email-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .correspondence-email-item ul li {
        display: inline;
    }

        .correspondence-email-item ul li span {
            font-weight: 700;
        }

.language-selection {
    color: #666666;
    padding: 4px 0 0 0;
    margin-left: 6px;
    text-align: right;
    position: absolute;
    top: 6px;
    left: 220px;
    min-width: 320px;
    display: inline-block;
}

    .language-selection span {
        color: #ffffff;
    }
/*END MIN 1900*/
@media(min-width:1200px) and (max-width:1899px) {
    body {
        font-size: 13px;
    }

    /*.module-name {
        color: #ffffff;
        font-size: 1.8em;
        float: left;
        margin: 0 0 0 312px;
        font-style: italic;
        text-align: left;
    }

    .welcome-message {
        color: #ffffff;
        font-size: 1.6em;
        float: right;
        margin: 2px 32px 0 0;
        font-style: italic;
        font-weight: 300;
        text-align: right;
    }*/

    .loan-profile .td-div {
        font-size: 1.3em;
    }

    .modules-menu-item .single-line {
        margin-top: 2.7rem;
    }

    .lien-registrations input[type="text"],
    .lien-registrations input[type="password"],
    .lien-registrations input[type="date"] {
        outline: none;
        border: 1px solid #e4e4e4;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .9em;
        margin: 0 4px 8px 0;
        padding: 3px 8px;
        text-align: left;
        border-radius: 4px;
        width: 100%;
        display: block;
        height: 27px;
    }

    .upload-file {
        /*outline: none;
        border: 1px solid #e4e4e4;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .9em;
        margin: 0 4px 8px 0;
        padding: 16px 8px !important;
        text-align: left;
        border-radius: 4px;
        width: 100%;
        display: block;
        background-color: #ffffff;*/
    }

    .dropdown {
        border-radius: 24px;
        border: none;
        width: 100%;
        color: #0f395a;
        text-align: right;
        font-style: italic;
        outline: none;
        font-size: 1em;
        padding: 2px 12px;
    }

    .lien-registrations input[type="button"] {
        width: auto;
    }

    .lien-registrations input[type="file"] {
        background: #ffffff;
        width: 100%;
        margin: 0 0 8px 0;
        height: 32px;
        border: 1px solid #e4e4e4;
    }

    .lien-form-group input[type="password"] {
        background: #ffffff;
        width: 100%;
        margin: 0 0 8px 0;
        border: 1px solid #e4e4e4;
        height: 27px;
    }

    input[type=time] {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .7em;
        margin: 2px 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        height: 21px;
        width: 80px;
    }

    .table-container select,
    .table-container input[type="date"],
    .table-container input[type=text] {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 0 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        /*width: 80px;*/
        width: 50%;
        height: 21px;
    }

    .sub-zone textarea {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 0;
        text-align: left;
        display: inline-block;
        border-radius: 2px;
        resize: none;
        height: 21px;
        width: 100%;
        padding: 2px;
        margin: 0;
    }

    .fixed-lien-sub {
        background-color: #166caa;
        border-radius: 4px;
        text-align: center;
        padding: 6px 0 0 0;
        border: 1px solid #ffffff !important;
        margin: 0 0 32px 0;
        font-size: 2em !important;
        height: 42px;
    }
}
/*END MIN 1200*/
@media(min-width:992px) and (max-width:1199px) {
    body {
        font-size: 12px;
    }

    .navbar-nav {
        margin-top: 18px;
    }

    a.nav-button {
        color: #ffffff;
        background: transparent;
        padding: 8px 10px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        margin: 2px;
        cursor: pointer;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        text-decoration: none;
        display: inline-block;
        font-size: .9em;
        text-align: center;
        line-height: 1.2em;
        transform-origin: 50% 50%;
    }

        a.nav-button:visited {
            color: #ffffff;
            background: transparent;
            padding: 8px 10px;
            border-radius: 4px;
            border: 2px solid #ffffff;
            margin: 2px 6px;
            cursor: pointer;
            transform: scale(1);
            transition: transform .2s;
            outline: none;
            display: inline-block;
            font-size: .9em;
            text-align: center;
            line-height: 1em;
            vertical-align: middle;
            transform-origin: 50% 50%;
        }

        a.nav-button:hover,
        a.nav-button:active {
            background: #0f395a;
            transform: scale(1.04);
            transition: transform .2s;
            transform-origin: 50% 50%;
        }


    a.nav-button-at {
        color: #0f395a;
        background: #e1f3fb;
        padding: 8px 10px;
        border-radius: 4px;
        border: 2px solid #ffffff;
        margin: 2px 6px;
        cursor: default;
        transform: scale(1);
        transition: transform .2s;
        outline: none;
        display: inline-block;
        font-size: .9em;
        text-decoration: none;
        text-align: center;
        line-height: 1em;
        vertical-align: middle;
        transform-origin: 50% 50%;
    }

    .sub-nav-container {
        top: -12px;
    }

    .sub-zone-nav-button,
    .sub-zone-nav-button:visited {
        color: #ffffff;
        min-width: 100px;
        width: auto;
        background: transparent;
        padding: 7px 10px;
        border-radius: 4px;
        border: 1.5px solid #ffffff;
        margin: 0 4px !important;
        cursor: pointer;
        outline: none;
        display: inline-block;
        font-size: .9em;
        text-align: center;
        min-height: 36px;
    }

        .sub-zone-nav-button:hover,
        .sub-zone-nav-button:active {
            color: #2fa4e7;
            text-decoration: none;
            min-width: 100px;
            width: auto;
            background: transparent;
            padding: 3px 10px 7px 10px;
            border-radius: 4px;
            border: 1.5px solid #2fa4e7;
            margin: 0 4px !important;
            cursor: pointer;
            outline: none;
            display: inline-block;
            font-size: .9em;
            text-align: center;
            min-height: 36px;
        }

    .fixed-top {
        position: relative !important;
        width: 100%;
        padding: 0 5px 0 0;
        margin: -14px 0 4px 0;
    }

    .table-container select,
    .table-container input[type="date"],
    .table-container input[type=text] {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 0 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        /*width: 80px;*/
        width: 50%;
        height: 21px;
    }
}
/*END MIN 992*/
@media(min-width:768px) and (max-width:991px) {
    body {
        font-size: 12px;
    }

    .welcome-message {
        margin-right: 0;
    }

    #welcomeBar {
        padding-right: 36px;
    }

    .navbar-toggler-icon i {
        color: #ffffff;
        transform: scale(1.8);
    }

    .navbar-expand-lg > .container {
        text-align: right;
    }

    .navbar-nav {
        margin: 76px 32px 24px 0;
    }

    .navbar {
        padding: 0;
    }

    a.nav-button:visited,
    a.nav-button:link {
        color: #ffffff;
        background: transparent;
        padding: 10px 4px;
        margin: 0;
        min-height: 30px;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        display: inline-block;
        font-size: 1.1em;
        line-height: 1em;
        border: none;
        letter-spacing: 1px;
        transform: scale(1);
        transition: transform .2s;
        transform-origin: 100% 0%;
    }

    a.nav-button:hover,
    a.nav-button:active {
        color: #2fa4e7;
        transform: scale(1.02);
        transition: transform .2s;
        transform-origin: 100% 0%;
    }



    a.nav-button-at {
        color: #ffffff;
        background: transparent;
        padding: 10px 0;
        margin: 2px 0 6px 0;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        display: inline-block;
        font-size: 1.5em;
        line-height: 1em;
        border: none;
        cursor: default;
    }

    .sub-zone {
        padding: 8px 15px;
        margin: 0;
        /*height: 126px;*/
        background-color: #166caa;
        overflow: hidden;
        color: #ffffff;
        display: block;
        position: fixed;
        text-align: right;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 2px solid #0e609b;
        z-index: 800;
        /*visibility: hidden;*/
    }

    .table-container select,
    .table-container input[type="date"],
    .table-container input[type=text] {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 0 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        /*width: 80px;*/
        width: 50%;
        height: 21px;
    }

    .fixed-top {
        top: 6px !important;
    }

    #navBar {
        padding: 0;
        top: 38px;
    }

    .sub-nav-container {
        width: 100%;
        position: absolute;
        top: 74px;
        right: 32px;
        text-align: right;
        padding-bottom: 14px;
        border-bottom: 1px #ffffff solid;
    }
}
/*END MIN 768*/
@media(min-width:576px) and (max-width:767px) {
    body {
        font-size: 12px;
    }

    .lien-registrations input[type="text"], .lien-registrations input[type="password"], .lien-registrations input[type="date"] {
        text-align: center;
    }

    .navbar-toggler-icon i {
        color: #ffffff;
        transform: scale(1.8);
        margin-top: 6px;
    }

    .modules-menu-item span {
        font-size: 1.1em;
        color: #222222;
        line-height: 1.1em;
        text-decoration: none;
        text-align: center;
        width: auto;
        display: inline-block;
        margin: 6px 0 1.6rem 0;
    }

    .modules-menu i {
        transform: scale(.8);
    }

    select,
    input[type=date],
    input[type=text] {
        outline: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 4px 4px 0 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        width: 50%;
        height: 21px;
    }

    input[type=date] {
        width: auto;
    }

    a.nav-button:link,
    a.nav-button:visited {
        color: #ffffff;
        background: transparent;
        padding: 10px 4px;
        margin: 2px 6px 12px 0;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        display: inline-block;
        font-size: 1.1em;
        line-height: 1em;
        border: none;
        transform: scale(1);
        transition: transform .2s;
        transform-origin: 50% 50%;
    }

    a.nav-button:hover,
    a.nav-button:active {
        color: #0f395a;
        background: transparent;
        transform: scale(1.02);
        transition: transform .2s;
        transform-origin: 100% 0%;
    }

    .navbar-expand-lg > .container {
        text-align: right;
    }

    .fixed-top {
        top: 6px !important;
        padding: 0;
    }

    #corpLogo {
        margin: -12px 0 0 -12px;
        height: 70px;
        overflow-y: hidden;
        width: auto;
    }

        #corpLogo img {
            width: 210px;
            height: auto;
        }

    #welcomeBar {
        padding: 4px 15px 0 15px;
        width: 100%;
        position: relative;
    }

    .welcome-message {
        margin: 8px 0 0 0;
        float: none;
        font-size: 1em;
        text-align: left;
        padding: 0;
        line-height: 1em;
    }

    /*.module-name {
        display: block;
        font-size: 1.2em;
    }*/

    .header-bar {
        min-height: 78px;
        margin: 0;
    }

    #navBar {
        top: 88px;
        padding: 0;
        height: auto;
    }

    .navbar-toggler {
        outline: none;
        transform: scale(1.2);
        padding: 4px 12px 8px 12px;
        position: absolute;
        right: 58px;
    }

    .navbar-nav {
        text-align: right;
        margin: 62px 24px 0 0;
    }

    #SearchButton {
        transform: scale(1.2)]
    }

    nav i.icon-button {
        transform: scale(1.4) !important;
    }

    a.nav-button {
        border: none;
        margin: 0 6px 16px 6px;
        min-height: 28px
    }

    input[type="text"].search-bar {
        margin: 0 0 12px 0;
        width: 76%;
        min-width: 80px;
        max-width: 250px;
        border-radius: 24px;
        border: 1px solid #e4e4e4;
        color: #0f395a;
        font-style: italic;
        outline: none;
        font-size: 1em;
        padding: 2px 12px;
        height: 20px;
        text-align: left;
    }

    #SearchButton {
        margin: 0 0 0 8px;
    }

    .sub-nav-container {
        top: 32px;
        left: 0;
        text-align: left;
        padding-left: 24px;
        padding-right: 24px;
    }

    .sub-nav-icons-container {
        width: 100%;
        display: block;
        margin-top: 0;
        margin-bottom: 12px;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 12px;
        text-align: center;
    }

        .sub-nav-icons-container .icon-button {
            margin-right: 7%;
            margin-left: 7%
        }

    .table-container {
        border: 1px solid #166caa;
    }

    .screen-nav {
        margin: 8px 0;
    }
}

.terms-ol li {
    margin: 20px 0;
}
/*END MIN 576*/
@media(max-width:575px) {
    body {
        font-size: 12px;
    }

    .lien-registrations input[type="text"], .lien-registrations input[type="password"], .lien-registrations input[type="date"] {
        text-align: center;
    }

    .navbar-toggler-icon i {
        color: #ffffff;
        transform: scale(1.8);
        margin-top: 6px;
    }



    html {
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden;
        /*height: 100vh;*/
    }



    form {
        margin: 0;
        padding: 0;
        /*min-height: 100vh;*/
        width: 100%;
    }

    .terms-ol {
        text-align: left;
    }

        .terms-ol li span {
            font-weight: 700;
        }

        .terms-ol ol li span {
            font-weight: 700;
        }

    .terms-confirm {
        font-weight: 700;
        text-align: left;
        margin: 24px 0 0 32px;
    }

    .sales-weekly-notes label {
        color: #999999;
        font-size: .9em;
        display: inline-block;
        margin: 0 6px;
        vertical-align: middle;
    }

    .sales-weekly-notes input {
        border: none;
        vertical-align: middle;
    }

    .sales-weekly-notes textarea {
        height: 21px;
        margin-right: 12px;
        width: 66%;
        font-size: 1em;
        vertical-align: middle;
        padding: 0;
    }

    /*.promotions-tile:first-of-type {
    margin-left: 8.3%;
}*/

    .promotions-tile {
        background-color: transparent;
        width: 100%;
        margin: 6px;
        padding: 0;
    }

    .promotions-tile-header {
        background-color: #166caa;
        color: #ffffff;
        padding: 6px 12px 0 12px;
        border-radius: 8px 8px 0 0;
        height: 30%;
    }

    .promotions-tile p {
        padding: 4px 12px 8px 12px;
        text-align: left;
        background-color: #ffffff;
        margin-bottom: 0;
    }

    .promotions-tile img {
        max-width: 100%;
        border-radius: 0 0 8px 8px;
    }

    .promotions-tile h3 {
        border-top: solid 1px #ffffff;
        text-align: left;
        font-size: 1.2em;
        padding: 6px 12px;
        text-align: center;
    }

    .pdfFrame {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .table-container select,
    .table-container input[type="date"],
    .table-container input[type=text] {
        outline: none;
        border: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: .8em;
        margin: 4px 4px 0 4px;
        text-align: center;
        display: inline-block;
        border-radius: 2px;
        border: 1px solid #e4e4e4;
        width: 50%;
        height: 21px;
    }

    #corpLogo {
        margin: -12px 0 0 -12px;
        height: 70px;
        overflow-y: hidden;
        width: auto;
    }

        #corpLogo img {
            width: 210px;
            height: auto;
        }

    #welcomeBar {
        padding: 0 15px 12px 15px;
        width: 100%;
        position: relative;
    }

    .welcome-message {
        margin: 8px 0 0 0;
        float: none;
        font-size: 1em;
        text-align: left;
        padding: 0;
        line-height: 1em;
    }

    .module-name {
        display: inline;
        font-size: 10px;
    }

    .header-bar {
        /*min-height: 80px;*/
        margin: 0;
    }

    .navbar {
        padding: 0;
    }

    #navBar {
        top: 86px;
        padding: 0;
        /*min-height: 40px;*/
        min-height: 0;
        width: 100vw;
    }

    .navbar-toggler {
        outline: none;
        transform: scale(1.2);
        padding: 4px 12px 8px 12px;
        position: absolute;
        right: 38px;
        top: -70px;
    }

    .navbar-nav {
        margin: 82px 24px 14px 0;
        text-align: right;
    }

    nav i.icon-button {
        transform: scale(1.3) !important;
        margin: 0 5%;
    }

    a.nav-button {
        border: none;
        margin: 0 6px 16px 6px;
        min-height: 28px;
        font-size: 1.1em;
    }

    .search-bar {
        margin: 8px 0 12px 0;
        width: 45%;
    }

    #SearchButton {
        margin: 0 0 0 8px;
    }

    .sub-nav-container {
        top: 32px;
        left: 0;
        text-align: left;
        padding-left: 24px;
        padding-right: 24px;
    }

    .sub-nav-icons-container {
        width: 100%;
        display: block;
        margin-bottom: 12px;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 12px;
        text-align: center;
    }
    /*.sub-nav-icons-container .icon-button{
        margin: 0 7%;
        transform: scale(1.2);
    }*/
    .table-container {
        border: 1px solid #166caa;
    }

    .screen-nav {
        margin: 8px 0;
    }
}

::-webkit-file-upload-button {
    height: 30px;
}

a:not([href]):not([tabindex]) {
    color: #fff;
}

.terms-text {
    padding: 20px 30px 20px 20px;
    height: 235px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.4em;
    border: 1px solid #166caa;
    border-radius: 4px;
}
@media(max-width: 500px){
    .terms-text {
        font-size: 12px;
        padding-right: 10px;
        padding-left: 10px;
    }
    }
.terms-checkbox-list ul {
    padding-left: 0;
}

.terms-checkbox-list li {
    padding: 10px 0;
    font-size: 12px;
}

@media(max-width: 992px) {
  .terms-checkbox-list li {
    font-size: 16px;
  }
}