/*
    COLORS
    ======

    Grape  #4B286D (Main headers, links)
    Shark  #2A2C2E (text)
    Grey   #D8D8D8 (line)
    Grey:  #686E74 (cancel button)
    Grey:  #CECECE (tab border line)
    Grey:  #F5F6F7 (main content background)
    Grey:  #E2E2E2 (panel border)
    Green: #248700 (primary button)

*/

/*======================================================================================*/
/* ADD FONTS */
/*======================================================================================*/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTStd-Lt.otf'), url('../fonts/HelveticaNeueLTStd-Bd.otf'), url('../fonts/HelveticaNeueLTStd-LtIt.otf'), url('../fonts/HelveticaNeueLTStd-Roman.otf'), url('../fonts/HelveticaNeueLTStd-Th.otf'), url('../fonts/HelveticaNeueLTStd-ThIt.otf'), url('../fonts/HelveticaNeueLTStd-UltLt.otf');
}

/*======================================================================================*/
/* GENERAL */
/*======================================================================================*/

/* Reset padding and margins for browser consistency */
* {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: 'Source Sans Pro', sans-serif;
}

body {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #495A64;
    min-width: 800px;
    height: 100%;
}

.body {
    padding: 10px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

p,
strong {
    word-wrap: normal;
    white-space: pre-wrap;
}

label {
    margin-bottom: 0;
}

.container {
    width: 100%;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pad10 {
    padding: 10px;
}

.pad10-top {
    padding-top: 10px;
}

.pad10-bottom {
    padding-bottom: 10px;
}

.bold {
    font-weight: bold;
}

.clicks {
    cursor: pointer;
}

.scrolls {
    overflow-y: auto;
    overflow-x: hidden;
}

.hovers:hover {
    background-color: rgb(204 51 105 / 25%);
}
.hover-text:hover {
    color: #CC3369;
}

.required {
    color: #c32336;
    font-size: 1.5em;
    /*display:inline-block;
    position:absolute;*/
    margin-top: -5px;
    margin-left: 2px;
}

tr.selected,
.row.selected {
    background-color: rgb(204 51 105 / 25%);
    /*outline: 1px solid blue;*/
    font-weight: bold;
}

.row {
    margin: 0;
}

    .row.disabled,
    .row.disabled.hovers:hover {
        background-color: #f5f6f7;
    }

        .row.disabled.selected {
            outline: none;
        }

form + form {
    margin-top: 20px;
}

.right-pane > .row + .row {
    margin-top: 20px;
}


.left-pane.locked + #divRightPane,
.left-pane.collapsed.locked + #divRightPane {
    width: 75%;
}
/*-------------------------------------------*/
/* edit-toggle */
/*-------------------------------------------*/

.edit-toggle .edit,
.edit-toggle-inline .edit {
    display: none;
}


.in-edit .view {
    display: none;
}

.in-edit .edit {
    display: block;
}

.in-edit tr.edit {
    display: table-row;
}

.in-edit button.edit,
.in-edit .btn.edit {
    display: inline-block;
}


/*fade + edit-context below*/
.edit-toggle.in-edit {
    z-index: 1;
    background-color: #fff;
    position: relative;
}

.edit-context {
    z-index: 1;
    position: relative;
}

.edit-screen {
    background-color: #fff;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}

.shaded{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0.2;
    background-color:#000;
    z-index:100;
}
/*-------------------------------------------*/
/* links, buttons */
/*-------------------------------------------*/
a,
a:visited {
    color: #495A64;
    /*padding: 2px 0px 2px 2px;*/
}
a:focus, a:hover {
    color: #CC3369;
    text-decoration: none;
}
a:focus span, a:hover span{
    color: #CC3369;
    text-decoration: none;
}
a.disabled:focus span, a.disabled:hover span{
    color: #495A64;
    cursor: not-allowed;
}

    a.btn:visited {
        color: #fff;
    }

    a:focus,
    a:active,
    a:visited:focus {
        outline: 1px dotted #4b286d;
    }

    a.disabled:focus,
    a.disabled:focus:hover {
        color: #4b286d;
    }

    a > .glyphicon,
    span > .glyphicon {
        margin-left: 10px;
        vertical-align: middle;
        margin-top: -4px;
    }

h4 a > .glyphicon,
h4 span > .glyphicon {
    margin-top: 0px;
    margin-left: 5px;
}


a:hover > .glyphicon,
a:visited:hover > .glyphicon {
    outline: none;
}

button,
button:hover,
button:focus,
button:active,
button.active,
.btn {
    outline: none !important;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 100px;
}

    .btn.pull-right {
        margin-right: 0;
        margin-left: 10px;
    }

.btn {
    text-shadow: none;
    transition: background 0.2s;
}

    .btn:active,
    .btn.active {
        padding: 7px 11px 5px 13px;
        outline: none;
        box-shadow: none;
    }

    .btn.btn-default {
        background-image: none;
        background-color: #FFF;
        border-color: #09202D;
        color: #09202D;
    }

        .btn.btn-default:hover,
        .btn.btn-default:focus,
        .btn.btn-default:active,
        .btn.btn-default.active {
            background-image: none;
            background-color: #fff;
            color: #CC3369;
            border-color: #CC3369;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

    .btn.btn-primary {
        background-image: none;
        background-color: #CC3369;
        border-color: #CC3369;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn.btn-primary:active,
        .btn.btn-primary.active {
            background-image: none;
            background-color: #6D1652;
            border-color: #6D1652;
            color: #FFFFFF;
        }

    .btn.btn-purple {
        background-image: none;
        background-color: #FFFFFF;
        border-color: #09202D;
        color: #09202D;
    }

        .btn.btn-purple:hover,
        .btn.btn-purple:focus,
        .btn.btn-purple:active,
        .btn.btn-purple.active {
            background-image: none;
            background-color: #fff;
            border-color: #CC3369;
            color: #CC3369;
        }

.square-btn-links > a,
.square-btn-links > input,
.square-btn-links > span {
    display: inline-block;
}
.square-btn-links > a:hover, .square-btn-links > a:hover span{
    color: #CC3369;
    text-decoration: none;
}
.square-btn-links > a.disabled:hover, .square-btn-links > a.disabled:hover span{
    color: #495A64;
}

    .square-btn-links > a + a,
    .square-btn-links > a + span,
    .square-btn-links > span + span,
    .square-btn-links > span + a {
        margin-left: 20px;
    }

    .square-btn-links > input + a {
        margin-left: 13px;
    }

    .square-btn-links > a > span{
        position: relative;
        top: 7px;
        margin-left: 5px;
    }

h4 .square-btn-links > a.disabled:hover {
    color: #4b286d;
}

/*-------------------------------------------*/
/* inputs */
/*-------------------------------------------*/
input[type='text'],
input[type='date'],
input[mask='date'],
input[type='password'],
select,
textarea {
    font-weight: 400;
    width: 90%;
    max-width: 350px;
    min-height: 30px;
    border-radius: 0;
    border: solid 1px #c5c5c5;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}
input[type='text']:hover,
input[type='date']:hover,
input[mask='date']:hover,
input[type='password']:hover,
select:hover,
textarea:hover {
    border-bottom: 2px solid #a8a8a8;
}
input[type='text']:focus,
input[type='date']:focus,
input[mask='date']:focus,
input[type='password']:focus,
select:focus,
textarea:focus {
    border-bottom: 2px solid #CC3369;
    outline: 0;
}

    input[type='text'][mask='phonenumber'] {
        max-width: 110px;
    }

    input[type='text'][mask='phonenumberext'] {
        max-width: 170px;
    }

    input[type='text'][mask='postalcode'] {
        max-width: 80px;
    }

    input[type='text'][mask='postalcode_other'] {
        max-width: 80px;
    }

span.input-text {
    border: 1px solid silver;
    padding: 2px 6px 1px 6px;    
    display: inline-block;
}

select {
    min-width: 100px;
    padding-left: 2px;
}

select.fullwidth {
    min-width: 100%;
    max-width: 100%;
}
.fullwidth span:hover{
    color: #FFFFFF;
}
.fullwidth span.material-symbols-outlined:hover{
    color: #CC3369;
    cursor:pointer;
}
input[type='radio'],
input[type='checkbox'] {
    font-weight: 100;
    margin: 1px 5px 0 0;
    padding: 0;
    height: 20px;
    width: 20px;
    vertical-align: top;
    display: inline-block;
    accent-color: #CC3369;
}

    input[type='radio'] + span,
    input[type='checkbox'] + span {
        display: inline-block;
        word-break: break-word;
        word-wrap: normal;
        margin-top: 1px;
        max-width: 90%;
        margin-right: -10px;
    }

span + br + input[type='radio'],
span + br + input[type='checkbox'] {
    margin-top: 5px;
}

span + input[type='radio'],
span + input[type='checkbox'] {
    margin-left: 20px;
}

span + br + input[type='radio'] + span,
span + br + input[type='checkbox'] + span {
    margin-top: 5px;
}

input[mask='date'] {
    font-weight: 400;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}

textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus,
.uneditable-input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

input.date {
    max-width: 150px;
    width: 150px;
    cursor: pointer;
}

option {
    font-size: 14px;
    word-wrap: normal;
    word-break: break-word;
    white-space: pre-wrap;
    padding: 5px 0;
}

.note {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

#ui-datepicker-div{
    z-index:8000 !important;
}
#FieldDescription{
    position: relative;
    top: 7px;
}

#createDischargeForm input[type='text'],
#createDischargeForm input[type='date'],
#createDischargeForm input[mask='date'],
#createDischargeForm input[type='password'],
#createDischargeForm select,
#createDischargeForm textarea {
    vertical-align: bottom;
}
/*-------------------------------------------*/
/* input errors */
/*-------------------------------------------*/
.field-validation-error {
    color: #c32336;
    font-size: 14px;
    display: block;
    word-break: normal;
}

.has-error .input-validation-error {
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div.user-warning {
    padding: 10px 10px 10px 60px;
    border: solid 1px #c32336;
    margin-bottom: 10px;
    margin-top: 10px;
}

    div.user-warning:before {
        display: inline-block;
        position: relative;
        float:left;
        margin-left:-50px;
        background-image: url('../Images/icons/warning.png');
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
        content: "";
    }
    

.validation-summary-errors {
    padding: 10px 10px 10px 60px;
    border: solid 1px #c32336;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .validation-summary-errors:before {
        display: inline-block;
        position: absolute;
        left: 30px;
        background-image: url('../Images/icons/warning.png');
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
        content: "";
    }

    .validation-summary-errors ul {
        list-style: none;
    }

    .validation-summary-errors li {
        margin-left: 0;
        padding-left: 0;
        font-size: 14px;
    }

        .validation-summary-errors li:before {
            content: "-";
            margin-right: 10px;
        }


/*-------------------------------------------*/
/* icons, images, tooltips */
/*-------------------------------------------*/

.glyphicon {
    color: #CC3369;
    cursor: pointer;
    border-style: none;
    height: 24px;
    width: 24px;
}

    .glyphicon + .glyphicon {
        margin-right: 10px;
    }

.pull-right > .glyphicon + .glyphicon {
    margin-right: 0px;
}

.glyphicon:focus {
    outline: 1px dotted #4b286d;
}

h4 .glyphicon,
h2 .glyphicon {
    zoom: 0.8;
}

h4 .glyphicon.glyphicon-information-sign{
    zoom:1;
}
h4 span.glyphicon.glyphicon-information-sign{
    margin-top:2px;
}
    h4 span.glyphicon.glyphicon-information-sign.tooltipTS .tooltippanel{
        zoom:1;
    }

h4 .glyphicon,
h4 a .glyphicon {
    top: -3px
}

h6 .glyphicon {
    top: -9px;
    zoom:.7;
}

#modalDialog h6 .glyphicon {
    top: 0;
    zoom:.7;
}

h2 > .glyphicon,
h4 > .glyphicon,
h6 > .glyphicon,
h2 > a,
h4 > a,
h6 > a,
h2 > .square-btn-links,
h4 > .square-btn-links,
h6 > .square-btn-links {
    float: right;
    margin-right: 7px;
}
h2 > a > span{
    margin-left: 5px!important;
}


  

    h4 > .square-btn-links + .square-btn-links,
    h4 > .square-btn-links + .glyphicon,
    h4 > .square-btn-links + .square-btn-links,
    h4 > .glyphicon + .square-btn-links {
        margin-right: 5px;
    }

.modal-content > .sub-heading .glyphicon {
    background-size: 24px;
    height: 24px;
    width: 24px;
}

.glyphicon-trash {
    background: url('../Images/icons/Delete.png') no-repeat;
}

    .glyphicon-trash:before {
        content: "";
    }

    .glyphicon-trash.disabled,
    .disabled .glyphicon-trash {
        background: url('../Images/icons/Delete_disabled.png') no-repeat;        
    }

.glyphicon-notes {
    background: url('../Images/icons/Notes.png?v=200302') no-repeat;
}

.glyphicon-notes-new {
    background: url('../Images/icons/Notes_notification.png?v=200302') no-repeat;
}

.glyphicon-notes:before {
    content: "";
}

.glyphicon-RequestUpdate {
    background: url('../Images/icons/RequestUpdate.png') no-repeat;
}

.glyphicon-RequestUpdate:before {
    content: "";
}

.glyphicon-pencil {
    background: url('../Images/icons/Edit.png?v=200302') no-repeat;
    width: 24px;
    height: 24px;
}

    .glyphicon-pencil:before {
        content: "";
    }

    .glyphicon-pencil.disabled,
    .disabled .glyphicon-pencil {
        background: url('../Images/icons/Edit_disabled.png?v=200302') no-repeat;
    }

.glyphicon-close {
    background: url('../Images/icons/Close.png') no-repeat;
}

    .glyphicon-close:before {
        content: "";
    }

    .glyphicon-close.disabled,
    .disabled .glyphicon-close {
        background: url('../Images/icons/Close_disabled.png') no-repeat;
    }

.glyphicon-ok {
    background: url('../Images/icons/Green-check.png') no-repeat;
}

    .glyphicon-ok:before {
        content: "";
    }

.glyphicon-bullet {
    background: url('../Images/icons/bullet.png') no-repeat;
    top: 8px;
    left: 5px;
    filter: hue-rotate(65deg) saturate(2.3);
}

    .glyphicon-bullet:before {
        content: "";
    }

.glyphicon-plus {
    background: url('../Images/icons/Create_24.png') no-repeat;
    height: 24px;
    width: 24px;
}

    .glyphicon-plus:before {
        content: "";
    }

    .active > .glyphicon-plus,
    a:hover > .glyphicon-plus,
    .glyphicon-plus:hover {
        background: url('../Images/icons/Create_24_hover.png') no-repeat;
    }
        .active > .glyphicon-plus.disabled,
        .active.disabled > .glyphicon-plus,
        a.disabled:hover > .glyphicon-plus,
        .glyphicon-plus.disabled:hover {
            background: url('../Images/icons/Create_24.png') no-repeat;
        }

.glyphicon-square-close {
    background: url('../Images/icons/SquareClose24.png') no-repeat;
    height: 24px;
    width: 24px;
    filter: hue-rotate(65deg) saturate(2.3);
}

    .glyphicon-square-close:before {
        content: "";
    }

    .active > .glyphicon-square-close,
    a:hover > .glyphicon-square-close,
    .glyphicon-square-close:hover {
        background: url('../Images/icons/SquareClose24_hover.png') no-repeat;
    }

        .active > .glyphicon-square-close.disabled,
        .active.disabled > .glyphicon-square-close,
        a.disabled:hover > .glyphicon-square-close,
        .glyphicon-square-close.disabled:hover {
            background: url('../Images/icons/SquareClose24_disabled.png') no-repeat;
        }

.glyphicon-transfer {
    background: url('../Images/icons/Transfer.png') no-repeat;
}

    .glyphicon-transfer:before {
        content: "";
    }

.glyphicon-submittolender {
    background: url('../Images/icons/SubmitLender.png') no-repeat;
}

    .glyphicon-submittolender:before {
        content: "";
    }

.glyphicon-money {
    background: url('../Images/icons/Reimbursements.png') no-repeat;
}

    .glyphicon-money:before {
        content: "";
    }

.glyphicon-register {
    background: url('../Images/icons/Register.png') no-repeat;
}

    .glyphicon-register:before {
        content: "";
    }

.glyphicon-print {
    background: url('../Images/icons/Printer.png') no-repeat;
}

    .glyphicon-print:before {
        content: "";
    }

.glyphicon-share {
    background: url('../Images/icons/share.png?v=200302') no-repeat;
    height: 12px;
    width: 12px;
}

    .glyphicon-share:before {
        content: "";
    }

    .active > .glyphicon-share,
    a:hover > .glyphicon-share,
    .glyphicon-share:hover {
        background: url('../Images/icons/share_selected.png?v=200302') no-repeat;
    }

.glyphicon-cloud-upload {
    background: url('../Images/icons/Upload.png') no-repeat;
}

    .glyphicon-cloud-upload:before {
        content: "";
    }

.glyphicon-edit {
    background: url('../Images/icons/Sign.png') no-repeat;
}

    .glyphicon-edit:before {
        content: "";
    }

.glyphicon-certificate {
    background: url('../Images/icons/Publish.png') no-repeat;
}

    .glyphicon-certificate:before {
        content: "";
    }

.glyphicon-fullscreen {
    background: url('../Images/icons/Open.png') no-repeat;
}

    .glyphicon-fullscreen:before {
        content: "";
    }

.glyphicon-eye-open {
    background: url('../Images/icons/Preview.png') no-repeat;
}

    .glyphicon-eye-open:before {
        content: "";
    }

.glyphicon-cloud-download {
    background: url('../Images/icons/Download.png') no-repeat;
}

    .glyphicon-cloud-download:before {
        content: "";
    }

.glyphicon-information-sign {
    background: url('../Images/icons/information.png?v=200302') no-repeat;
}

    .glyphicon-information-sign:before {
        content: "";
    }

.glyphicon-same-address-property {
    background: url('../Images/icons/Same_Property.png') no-repeat;
}

    .glyphicon-same-address-property {
        content: "";
    }


.dl-horizontal .glyphicon-information-sign {
    margin-bottom: -11px;
    margin-right: -15px;
}

.glyphicon-profile {
    background: url('../Images/icons/Profile.png') no-repeat;
    height: 30px;
    width: 30px;
    margin-bottom:-3px;
}

.glyphicon-help {
    background: url('../Images/icons/Help_white.png') no-repeat;
    height: 24px;
    width: 24px;
}

.glyphicon-help-blue {
    background: url('../Images/icons/Help_blue.png') no-repeat;
    height: 24px;
    width: 24px;
}

.glyphicon-more {
    background: url('../Images/icons/browse.png') no-repeat;
}

    .glyphicon-more:before {
        content: "";
    }

    .selected > .glyphicon-more,
    .active > .glyphicon-more,
    a:hover > .glyphicon-more,
    .glyphicon-more:hover {
        background: url('../Images/icons/browse_hover.png') no-repeat;
    }
    
.glyphicon-refresh {
    background: url('../Images/icons/refresh.png') no-repeat;
}

    .glyphicon-refresh:before {
        content: "";
    }

    .selected > .glyphicon-refresh,
    .active > .glyphicon-refresh,
    a:hover > .glyphicon-refresh,
    .glyphicon-refresh:hover {
        background: url('../Images/icons/refresh_hover.png') no-repeat;
    }

.glyphicon-sidebar,
.glyphicon-sidebar-open {
    background: url('../Images/icons/sidebar_open.png') no-repeat;
    height: 25px;
    width: 35px;
}
.glyphicon-sidebar-close {
    background: url('../Images/icons/sidebar_close.png') no-repeat;
    height: 25px;
    width: 35px;
}
.glyphicon-messages {
    background: url('../Images/icons/Letter_white.png') no-repeat;
    height: 25px;
    width: 35px;
}

.glyphicon-messages-new {
    background: url('../Images/icons/Letter_white_notification.png') no-repeat;
    height: 25px;
    width: 35px;
}

.glyphicon-chevron[data-toggle='collapse']:before {
    content: "\e114";
}

.glyphicon-chevron.collapsed[data-toggle='collapse']:before {
    content: "\e080";
}

.panel #disburses .material-symbols-outlined[data-toggle='collapse'],
#divDocuments .panel .material-symbols-outlined[data-toggle='collapse'] {
    top: 0;
}
#disburses .material-symbols-outlined[data-toggle='collapse']:before,
#divDocuments .material-symbols-outlined[data-toggle='collapse']:before {
    font-family: 'Material Symbols Outlined';
    content: "\e5cf"; /*expand_more*/
    font-size: 22px;
    position: static;
    margin: 0 -20px 0 0;
}
    #disburses .material-symbols-outlined[data-toggle='collapse']:hover::before,
    #divDocuments .material-symbols-outlined[data-toggle='collapse']:hover::before {
        color: #CC3369;
    }

#disburses .material-symbols-outlined.collapsed[data-toggle='collapse']:before,
#divDocuments .material-symbols-outlined.collapsed[data-toggle='collapse']:before {
    font-family: 'Material Symbols Outlined';
    content: "\e5cc"; /*chevron_right*/
    font-size: 22px;
    position: static;
    margin: 0 -20px 0 0;
}

    #disburses .material-symbols-outlined.collapsed[data-toggle='collapse']:hover::before,
    #divDocuments .material-symbols-outlined.collapsed[data-toggle='collapse']:hover::before {
        color: #CC3369;
    }

.tooltipTS {
    display: inline-block;
    position: relative;
}

    .tooltipTS .tooltiptext {
        visibility: hidden;
        background-color: #555;
        color: #fff;
        text-align: left;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        z-index: 1000;
        bottom: 200%;
        right: 0px;
        opacity: 1;
        transition: opacity 0.3s;
        display: block;
        font-size: 16px;
        word-break: normal;
        margin-right: -200px;
        margin-left: -200px;
        font-size: 14px;
        min-height: 34px;
    }

        .tooltipTS .tooltiptext.down,
        .tooltipTS .tooltippanel.down {
            top:0;
            bottom:initial;
        }

    .tooltipTS .tooltippanel {
        visibility: hidden;
        text-align: left;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0,0.5);
        -moz-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0,0.5);
        box-shadow: 0px 0px 3px 5px rgba(0, 0, 0,0.5);
        color: #2A2C2E;
        border-radius: 0px;
        border: 1px solid #e2e2e2;
        padding: 10px;
        position: absolute;
        z-index: 5000;
        bottom: 100%;
        opacity: 1;
        transition: opacity 0.3s;
        display: block;
        font-size: 14px;
        word-break: normal;
        margin-bottom: 10px;
        margin-right: -200px;
        margin-left: -200px;
        min-height: 34px;
    }


    .tooltipTS:hover .tooltiptext,
    .tooltipTS:hover .tooltippanel {
        visibility: visible;
    }

    .tooltipTS:hover {
        opacity: 1;
    }

    .tooltipTS.disabled:hover .tooltiptext,
    .tooltipTS.disabled:hover .tooltippanel {
        visibility: hidden;
    }

    .tooltipTS.disabled:hover {
        opacity: 0.6;
    }

h4 .tooltipTS .tooltippanel{
    zoom:1.2;
}

#divLenderSelected .tooltipTS .tooltippanel {
    right: 120px;
}
.dl-horizontal dt input[type='radio'],
.dl-horizontal dt input[type='checkbox'] {
    float: left;
}

dd .tooltipTS .material-symbols-outlined{
    vertical-align:bottom;
}

/*-------------------------------------------*/
/* headings */
/*-------------------------------------------*/

h2 > a {
    font-size: 16px;
}

h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
    min-height: 18px;
    border-bottom: 1px solid #e2e2e2;
}

h6 {
    font-weight: bold;
}

/*-------------------------------------------*/
/* drowpdowns */
/*-------------------------------------------*/

.nav.navbar-nav > .dropdown > a.dropdown-toggle {
    color: #fff;
    background-image: none !important;
    background-color: #4b286d !important;
}

    .nav.navbar-nav > .dropdown > a.dropdown-toggle:focus,
    .nav.navbar-nav > .dropdown > a.dropdown-toggle:hover {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.dropdown > a.dropdown-toggle:focus {
    outline: 1px solid #4b286d;
}
.dropdown-menu{
    background-color: #09202D;
    padding: 10px!important;
    margin-top: 15px;
    right: 0;
    left: inherit;
}
.dropdown > ul.dropdown-menu,
.context-actions > ul.dropdown-menu {
    padding: 0;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    min-width: 120px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .dropdown > ul.dropdown-menu > li > a,
    .context-actions > ul.dropdown-menu > li > a {
        font-size: 14px !important;
        color: #C4C9CD;
        padding-left: 10px;
        padding-right: 10px;
        max-height: 24px;
        height: 24px;
    }

        .dropdown > ul.dropdown-menu > li > a:hover,
        .dropdown > ul.dropdown-menu > li > a:visited:hover,
        .dropdown > ul.dropdown-menu > li > a:focus,
        .dropdown > ul.dropdown-menu > li > a:visited:focus,
        .context-actions > ul.dropdown-menu > li > a:hover,
        .context-actions > ul.dropdown-menu > li > a:visited:hover,
        .context-actions > ul.dropdown-menu > li > a:focus,
        .context-actions > ul.dropdown-menu > li > a:visited:focus {
            color: #CC3369 !important;
            background-image: none !important;
            /*background-color: #816e93 !important;*/
            background-color: transparent !important;
            text-decoration: none !important;
            outline: none;
        }

/*-------------------------------------------*/
/* panels */
/*-------------------------------------------*/
.panel {
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

    .panel + .panel,
    .panel + form,
    form + .panel,
    .panel + .row,
    .row + .panel {
        margin-top: 20px;
    }

.heading h2 {
    padding: 0 0 5px 0;
    background-color: #f5f6f7;
    background-image: none;
    width: 100%;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
    color: #2a2c2e;
}

#divDocuments .heading h2 {
    font-size: 16px;
    font-weight:400;
}

.heading.bordered {
    border: 1px solid #e2e2e2;
    border-bottom: none;
}

.heading > .glyphicon {
    float: right;
}

.heading .square-btn-links {
    display: block;
    float: right;
    font-size: 14px;
    margin-top: 0px;
}

.panel > .body,
.panel > form > .body {
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.panel .footer,
.panel > form > .footer {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 10px 0 0 10px;
    margin-top: -1px;
}

.panel > .row,
.panel > form > .row {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

    .panel > .row.heading,
    .panel > form > .row.heading {
        background-color: #f5f6f7;
    }

    .panel > .row > .panel,
    .panel-collapse > .panel,
    .panel-collapse > .panel > .row,
    .panel.panel-collapse > .row {
        border: none;
        margin: 0;
    }

        .panel-collapse > .panel + .panel,
        .panel.panel-collapse > .row + .row {
            border-top: 1px solid #e2e2e2;
        }

        .panel > .row > .panel > .heading,
        .panel > .row > .panel > form > .heading {
            border-bottom: solid 1px #e2e2e2;
        }

        .panel > .row > .panel:last-of-type > .heading.collapsed,
        .panel > .row > .panel:last-of-type > form > .heading.collapsed {
            border-bottom: none;
        }

            /*.panel > .row > .panel:last-of-type > .heading.collapsed > h2 > .glyphicon,
            .panel > .row > .panel:last-of-type > form > .heading.collapsed > h2 > .glyphicon {
                top: -1px;
            }*/

        .panel > .row > .panel > .heading h2,
        .panel > .row > .panel > form > .heading h2 {
            padding: 10px 5px 7px 10px;
        }

.row > .panel > .heading h5,
.row > .panel > form > .heading h5 {
    margin: 0 0 0 0;
    padding: 5px 5px 5px 25px;
}

.panel > .row > .panel > .body,
.panel > .row > .panel > form > .body,
.panel > .row > .panel > .panel-collapse.collapse > .body,
.panel > .row > .panel > form > .panel-collapse.collapse > .body {
    border: none;
    border-bottom: solid 1px #e2e2e2;
}

.panel > .row > .panel:last-of-type > .body,
.panel > .row > .panel:last-of-type > form > .body,
.panel > .row > .panel:last-of-type > .panel-collapse.collapse > .body,
.panel > .row > .panel:last-of-type > form > .panel-collapse.collapse > .body {
    border-bottom: none;
}

.panel > .row > .panel > .panel-collapse > .body,
.panel > .row > .panel > form > .panel-collapse > .body {
    padding: 10px;
}

.panel > .row > .panel > .body h5,
.panel > .row > .panel > form > .body h5,
.panel > .row > .panel > .panel-collapse.collapse > .body h5,
.panel > .row > .panel > form > .panel-collapse.collapse > .body h5 {
    padding: 0 0 5px 0;
    margin: 0;
    font-size: 14px;
}

.panel > .row > .panel > .body h6,
.panel > .row > .panel > form > .body h6,
.panel > .row > .panel > .panel-collapse.collapse > .body h6,
.panel > .row > .panel > form > .panel-collapse.collapse > .body h6 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 10px;
}

.panel > .row > .panel > .footer,
.panel > .row > .panel > .panel-collapse.collapse > .footer,
.panel > .row > .panel > form > .footer,
.panel > .row > .panel > form > .panel-collapse.collapse > .footer {
    margin: -1px 0 0 0;
    border: none;
}


.panel > .row > .panel.pad10 > .footer,
.panel > .row > .panel.pad10 > .panel-collapse.collapse > .footer,
.panel > .row > .panel.pad10 > form > .footer,
.panel > .row > .panel.pad10 > form > .panel-collapse.collapse > .footer {
    padding-left: 0;
    margin-bottom: -10px;
}

.panel > .row > .panel.edit-toggle.in-edit {
    border-top: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
}

.panel > .row > :last-child {
    border-bottom: none;
}

.panel.panel-collapse {
    margin-bottom: 0;
}

.panel .material-symbols-outlined {
    font-size: 18px;
    position: relative;
    top: -5px;
    float: right;
    margin: 0 3px 0 4px;
    cursor: pointer;
}

.modal-dialog h4 .material-symbols-outlined,
.modal-dialog h6 .material-symbols-outlined,
.panel h4 .material-symbols-outlined,
.panel h6 .material-symbols-outlined {
    top: 0px;
    font-size: 18px;
    position: relative;
    float: right;
    margin: -2px 3px 0 4px;
    cursor: pointer;
}
.modal-dialog h4 > a,
.modal-dialog h6 > a{
    margin-right:0;
}
.panel .square-btn-links .material-symbols-outlined{
    top: 4px;
}
.panel .heading .square-btn-links .material-symbols-outlined{
    top: -2px;
    margin: 0px -3px 0 5px;
}
.panel .heading .square-btn-links{
    margin-top: 3px;
}
.panel #mandate-general-info .material-symbols-outlined{
    top: 4px;
}
#divDocuments .panel .material-symbols-outlined{
    top: 4px;
}
/*#divDischarge h4 span.view{
    margin: 4px 0 0 0;
}*/
#divDischarge h4 span.square-btn-links{
    margin: -5px 0 0 0;
    opacity: unset;
}
.panel #discharge-status .material-symbols-outlined {
    float: none;
    color: #248700;
    font-size: 22px;
    margin-bottom: 4px;
    position: relative;
    top: 6px !important;
    left: -2px;
    font-weight: 900;
    cursor: default;
}

.panel .context-actions .material-symbols-outlined{
    float: none;
}

.sub-footer {
    border: none;
    background-color: #f5f6f7;
    padding-top: 10px;
}

.heading[data-toggle='collapse'] {
    cursor: pointer;
    background-color: #f5f6f7;
    padding-left: 15px;
}

    .heading[data-toggle='collapse'] h2:before,
    .heading[data-toggle='collapse'] h5:before {
        content: "\e5cf";/*expand_more*/
        font-family: 'Material Symbols Outlined';
        font-size: 22px;
        position: relative;
        left: -20px;
        padding: 0 0 0 0;
        margin: -2px -18px 0 0;
        color: #495A64;
        float: left;
    }
        .heading[data-toggle='collapse'] h2:hover::before,
        .heading[data-toggle='collapse'] h5:hover::before {
            color: #CC3369;
        }

.edit-toggle.in-edit .heading[data-toggle='collapse'] h2:before {
    left: 6px;
}

.heading[data-toggle='collapse'] h5:before {
    left: 40px;
    padding-top: 3px;
}

.heading[data-toggle='collapse'] h5 {
    padding-left: 5px;
}

.heading[data-toggle='collapse'].collapsed h2:before,
.heading[data-toggle='collapse'].collapsed h5:before {
    font-family: 'Material Symbols Outlined';
    float: left;
    content: "\e5cc"; /*chevron_right*/
}

    .heading[data-toggle='collapse'].collapsed h2:hover::before,
    .heading[data-toggle='collapse'].collapsed h5:hover::before {
        color: #CC3369;
    }

.edit-toggle.in-edit > .heading[data-toggle='collapse']:before {
    left: 12px;
}


.panel > .body + .body,
.panel > .body + .row,
.panel > .body + .table,
.panel > .row + .body,
.panel > .row + .row,
.panel > .row + .table,
.panel > .table + .body,
.panel > .table + .row,
.panel > .table + .table,
.panel > form > .body + .body,
.panel > form > .body + .row,
.panel > form > .body + .table,
.panel > form > .row + .body,
.panel > form > .row + .row,
.panel > form > .row + .table,
.panel > form > .table + .body,
.panel > form > .table + .row,
.panel > form > .table + .table {
    border-top: none;
}


/*-------------------------------------------*/
/* content */
/*-------------------------------------------*/
dl + h4,
dl + .content,
.content + h4,
.content + .content {
    margin-bottom: 0;
    margin-top: 20px;
}

.content > .content + .content {
    border-top: 1px solid #e2e2e2;
}

.content h4 {
    height: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #495A64;
    margin-bottom: 10px;
}

.content h6 {
    font-weight: bold;
    font-size: 11px;
    color: #495A64;
    padding-bottom: 2px;
    margin-left: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.content > .footer,
.content > form > .footer,
.content > .content > .footer,
.content.edit-toggle > .content > .footer {
    background-color: #fff;
    padding: 10px 0px 0px 0px;
    border: none;
}

/*-------------------------------------------*/
/* table */
/*-------------------------------------------*/
.table {
    padding: 0;
    border: solid 1px #e2e2e2;
    margin-bottom: 0;
}

    .table > .heading {
        font-weight: bold;
        background-color: #f5f6f7;
    }

    .table > .row + .row {
        border-top: 1px solid #e2e2e2;
    }

    .table .col {
        display: inline-block;
        padding: 5px;
        vertical-align: middle;
        word-break: break-word;
        word-wrap: break-word;
        margin-right: -2px;
        margin-left: -4px;
        width: 100%;
    }

        .table .col:first-child {
            padding-left: 9px;
        }

        .table .col.noPad {
            padding: 5px 0 5px 0 !important;
        }

        .table .col > .footer {
            margin-bottom: -10px;
        }

        .table .col h2 {
            width: 100%;
            margin: 0;
            padding-top: 2px;
            font-size: 14px;
            font-weight: normal;
            font-family: 'Source Sans Pro', sans-serif;
            color: #2a2c2e;
        }

/*-------------------------------------------*/
/* data list */
/*-------------------------------------------*/

.dl-horizontal {
    margin-bottom: 0;
}

    .dl-horizontal.centered {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .dl-horizontal dt {
        white-space: normal;
        font-weight: normal;
        min-height: 30px;
    }


    .dl-horizontal dd {
        font-weight: 600;
        margin-top: 0px;
        padding-top: 0px;
        min-height: 30px;
        overflow-wrap: break-word;
        -ms-word-wrap: break-word;
    }


    .dl-horizontal.compact dt,
    .dl-horizontal.compact dd {
        min-height: 14px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .dl-horizontal.small.compact {
        margin-top: 5px;
    }

        .dl-horizontal.small.compact dt,
        .dl-horizontal.small.compact dd {
            min-height: 16px;
            /*height: 16px;*/
            margin-top: 0;
            padding-top: 0;
        }


    .dl-horizontal.dl-70-30 dt {
        float: left;
        width: 70%;
        clear: left;
        text-align: left;
        margin-top: 10px;
    }

    .dl-horizontal.dl-70-30 dd {
        margin-left: 70%;
        width: 30%;
        text-align: right;
        margin-top:10px;
    }

/*======================================================================================*/
/* TOP MENU */
/*======================================================================================*/
.navbar {
    margin-bottom: 0;
}

    .navbar .navbar-toggle[data-toggle='collapse'] {
        background-color: #4b286d;
        padding-left: 10px;
    }

        .navbar .navbar-toggle[data-toggle='collapse']:before,
        .navbar .navbar-toggle.collapsed[data-toggle='collapse']:before {
            content: "";
        }

.navbar-nav {
    margin: 0;
}

.navbar button {
    min-width: unset;
}

.navbar-default {
    background-image: none;
    background-repeat: unset;
    filter: unset;
    border-radius: 0;
    background-color: rgb(253,253,254);
    background-color: -moz-linear-gradient(0deg, rgba(253,253,254,1) 0%, rgba(239,240,241,1) 100%);
    background-color: -webkit-linear-gradient(0deg, rgba(253,253,254,1) 0%, rgba(239,240,241,1) 100%);
    background-color: linear-gradient(0deg, rgba(253,253,254,1) 0%, rgba(239,240,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfe",endColorstr="#eff0f1",GradientType=1);
}

    .navbar-default .navbar-nav > li > a > .glyphicon,
    .navbar-default .navbar-nav > li > a:visited > .glyphicon {
        margin-left: 0;
    }


    .navbar-default .navbar-nav > li + li {
        margin-left: 1px;
    }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:visited {
        color: #fff;
        font-size: 16px;
        max-height: 50px;
    }

        .navbar-default .navbar-nav > li > a > .icon {
            margin-top: -4px;
        }

        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:active,
        .navbar-default .navbar-nav > li > a:visited:focus {
            outline-color: #fff;
            color: #fff;
        }

    .navbar-default .dropdown > a.dropdown-toggle,
    .navbar-default .dropdown > a.dropdown-toggle:focus,
    .navbar-default .dropdown > a.dropdown-toggle:visited {
        outline-color: #fff;
        color: #fff;
    }

        .navbar-default .dropdown > a.dropdown-toggle:focus {
            outline-style: dotted;
        }

    .navbar-default .navbar-collapse {
        border: none;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .navbar-default .navbar-collapse.collapse.in .dropdown > a.dropdown-toggle:focus,
        .navbar-default .navbar-collapse.collapse.in .dropdown > a.dropdown-toggle:hover {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .navbar-default .nav.navbar-nav,
    .navbar-default .nav.navbar-nav a:visited {
        color: #fff;
    }

        .navbar-default .nav.navbar-nav a:hover,
        .navbar-default .nav.navbar-nav a:visited:hover {
            color: #fff;
            text-decoration: underline;
            /*outline: 1px dotted #fff;*/
        }


    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #8c68a6;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.navbar-toggle {
    margin: 15px;
}
a#linkHideFileList, a#linkShowFileList{
    position: relative;
    margin-left: 14px!important;
    top: 11px;
}
body > div.navbar.navbar-default > div > div.navbar-header.pull-left {
    margin: 0;
}

    body > div.navbar.navbar-default > div > div.navbar-header.pull-left > button,
    body > div.navbar.navbar-default > div > div.navbar-header.pull-left > button:hover {
        margin: 15px;
    }

.topMenu > .container > div,
.topMenu > .container > div > * {
    display: inline-block;
    float: left;
}

.topMenu a {
    color:#495A64;
    font-size:16px;
}
.topMenu a:hover, .topMenu a:hover span{
    color: #CC3369!important;
}

.topMenu > .container {
    padding: 10px;
}

.topMenu > .container > div.pull-right > * {
    margin-left:20px;
}
.topMenu > .container > div.pull-right a span{
    position: relative;
    top: 5px;
}
.navbar .pull-right{
    position: relative;
    top: 6px;
}
span.caret {
    top: 0!important;
    margin-left: 10px;
}
.topMenu .linkShowFileList > i,
.topMenu .linkHideFileList > i {
    margin-left: 0;
}

#linkProfileUserName{
    display:none;
    color: #495A64;
}
#linkProfileUserIcon{
    display:inline-block;
    color: #495A64;
}
/*======================================================================================*/
/* APP SECTIONS */
/*======================================================================================*/
.app-sections {
    height: 59px;
    font-size: 16px;
    width: 100%;
    background-color: #fff;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

    .app-sections .app-sections-logo {
        display: inline-block;
        position: absolute;
    }

    .app-sections ul {
        display: inline-block;
        position: absolute;
        margin-left: 303px;
    }

    .app-sections .nav.navbar li {
        display: inline-block;
        margin-right: 20px;
        margin-top: 7px;
    }

        .app-sections .nav.navbar li a {
            color: #495A64;
            display: inline-block;
        }
        .app-sections .nav.navbar li a:hover {
            color: #CC3369!important;
        }

            .app-sections .nav.navbar li a:hover,
            .app-sections .nav.navbar li a:focus,
            .app-sections .nav.navbar li a.active {
                color: #495A64;
                background-color: #fff;
                height: 50px;
            }

            .app-sections .nav.navbar li a.active {
                border-bottom: 3px solid #CC3369;
            }

.app-sub-sections {
    display: block;
    padding-left: 15px;
    z-index: 1000;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    margin-right: -1px;
}

    .app-sub-sections .nav.navbar {
        min-height: unset;
        margin-bottom: -2px;
    }

        .app-sub-sections .nav.navbar li {
            display: inline-block;
        }

            .app-sub-sections .nav.navbar li a {
                display: inline-block;
                padding: 5px 10px;
                font-size: 14px;
                background-color: #fff;
                color: #495A64;
                margin-top: 0;
                border: 1px solid #e2e2e2;
                height: 30px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
            }

                .app-sub-sections .nav.navbar li a:hover,
                .app-sub-sections .nav.navbar li a.active {
                    color: #495A64;
                    background-color: #f5f6f7;
                }

                .app-sub-sections .nav.navbar li a.active {
                    border-bottom: none;
                    font-weight: 600;
                }

                .app-sub-sections .nav.navbar li a.disabled,
                .app-sub-sections .nav.navbar li a.disabled:hover,
                .app-sub-sections .nav.navbar li a.disabled:focus {
                    color: #495A64;
                    background-color: #fff;
                }

/*======================================================================================*/
/* LEFT PANE */
/*======================================================================================*/
.left-pane{
    background-color: #fff;
    border-right: 1px solid #ccc;
    margin-right: -1px;
    padding: 10px;
    /*The follow hack is to "fill" left pane col all the way to bottom*/
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    min-width: 293px;
    /*margin-left:-285px;*/
    float:left;
    position:relative;
    z-index:1;
    /*transition: margin-left .5s;*/
}

    .left-pane.locked {
        margin-left: 0;
        border-right: 1px solid #ccc;
        position: relative;
        min-width:initial;
    }

/*#divLeftPane:hover {
    margin-left: 0;
    border-right: 1px solid #ccc;
}*/

    .left-pane,
    .left-pane.locked {
        margin-left: 0;
        border-right: 1px solid #ccc;
        position: relative;
        margin-right: -293px;
    min-width: 293px;
    }

        .left-pane.collapsed {
            display: none;
            margin-right: 0px;
        }

            .left-pane.collapsed.locked {
                display: initial;
            }


                .left-pane + #divRightPane,
                .left-pane.locked + #divRightPane,
                .left-pane.collapsed.locked + #divRightPane {
                    width: 75%;
                }

            .left-pane.collapsed + #divRightPane {
                width: 100%;
                margin-left: 0;
            }
#divCollapseFileListNav {
    display: none;
}
#liCollapseFileListNav {
    display: block;
}
.left-pane h2 {
    font-size: 18px;
    color: #495A64;
    margin-top: 0;
    margin-bottom: 0;
}

    .left-pane h3 {
        font-size: 14px;
        color: #495A64;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 25px;
        font-weight: 600;
    }

    .left-pane h4 {
        border-bottom: none;
        margin-bottom: 0;
    }

    .left-pane .list-group-item {
        overflow-wrap: break-word;
        padding: 4px 10px 4px 10px;
        color: #495A64;
        border: none;
        width: 100%;
        font-size: 13px;
    }

        .left-pane .list-group-item.cancelled span {
            text-decoration: line-through;
        }

        .left-pane .list-group-item.clicks:hover,
        .left-pane .list-group-item.clicks:focus {
            outline: none;
        }

        .left-pane .list-group-item.clicks:hover,
        .left-pane .list-group-item.active {
            background-color: #CC3369;
            background-image: none;
            text-shadow: none;
            color: #fff;
            border-radius: 5px!important;
        }

        .left-pane .list-group-item .file-id {
            display: inline-block;
            width: 70px;
            vertical-align: top;
        }

        .left-pane .list-group-item .file-list-timeleft {
            color: #2a2c2e;
            float: right;
            padding: 3px 0px 0px 2px;
            margin-bottom: 0;
            font-size: 10px;
            font-weight: bold;
        }

        .left-pane .list-group-item.clicks:hover .file-list-timeleft,
        .left-pane .list-group-item.active .file-list-timeleft {
            color: #fff;
        }

        .left-pane .list-group-item .borrower-name {
            display: inline-block;
            width: 140px;
        }

        .left-pane .list-group-item .flagged {
            background-image: url('../Images/icons/file-notes-flag.png');
            border: 1px solid #fff;
            display: inline-block;
            position: absolute;
            left: 63px;
            top: 7px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .left-pane .panel-heading .institution-name .flagged {
            background-image: url('../Images/icons/file-notes-flag.png');
            border: 1px solid #fff;
            display: inline-block;
            top: 7px;
            margin-top:2px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            float:right;
        }

    .left-pane .panel > .panel-heading {
        color: #495A64;
        background-color: #fff;
        padding-top: 4px;
        padding-bottom: 3px;
        padding-right: 3px;
        padding: 4px 3px 4px 5px;
        border: none;
        border-bottom: 1px solid #cecece;
        margin-top: 10px;
    }

        .left-pane .panel > .panel-heading > h3 span.badge {
            color: #495A64;
            background-color: #fff;
            padding-right: 0;
            padding-top: 2px;
            position: absolute;
            right: 10px;
            border-radius: 0;
        }

        .left-pane .panel > .panel-heading.legal-counsel-heading {
            background-color: #f9f1ff;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-top: 0;
        }

    .left-pane [data-toggle='collapse']:before,
    .left-pane [data-toggle='collapse'].collapsed:before {
        content: "";
        display: none;
    }


.left-pane [data-toggle='collapse'] h2:before,
.left-pane [data-toggle='collapse'] h3:before {
    content: "\e5cf";/*expand_more*/
    font-family: 'Material Symbols Outlined';
    font-size: 18px;
    color: #495A64;
    position: relative;
    padding-right: 10px;
    top: -2px;
    float: left;
}

        .left-pane [data-toggle='collapse'] h2:hover::before,
        .left-pane [data-toggle='collapse'] h3:hover::before {
            color: #CC3369;            
        }

    .left-pane [data-toggle='collapse'] h3:before {
        padding-left: 0px;
    }

    .left-pane .legal-counsel-group [data-toggle='collapse'] h3:before {
        padding-left: 15px;
    }

.left-pane [data-toggle='collapse'].collapsed h2:before,
.left-pane [data-toggle='collapse'].collapsed h3:before {
    float: left;
    font-family: 'Material Symbols Outlined';
    content: "\e5cc"; /*chevron_right*/
}

        .left-pane [data-toggle='collapse'].collapsed h2:hover::before,
        .left-pane [data-toggle='collapse'].collapsed h3:hover::before {
            color: #CC3369;
        }


    .left-pane .sortby .glyphicon {
        font-weight: 100;
        font-size: 10px;
        height: unset;
        width: unset;
    }

    .left-pane div,
    .left-pane a,
    .left-pane div.panel,
    .left-pane div.panel.active,
    .left-pane div.panel.in,
    .left-pane div.panel.active.in,
    .left-pane div.panel-group,
    .left-pane div.panel-group.in,
    .left-pane div.list-group,
    .left-pane div.list-group.in,
    .left-pane div.panel-collapse.collapse,
    .left-pane div.list-group .panel,
    .left-pane div.panel-collapse.collapse.in,
    .left-pane .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border: none;
        border-radius: 0 !important;
        box-shadow: none;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

        .left-pane div.panel {
            margin-bottom: 20px;
        }

        .left-pane div.panel-group {
            margin-bottom: 0px;
        }

    .left-pane .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        border: none;
    }

    .left-pane .glyphicon-share {        
        float: right;
        margin-top: 3px;
    }

        /*.left-pane .glyphicon-share .tooltiptext {            
            margin-right: -100px;            
        }

        .left-pane .glyphicon-share.tooltipTS .tooltiptext::after {
            left: 50%;
        }*/
/*======================================================================================*/
/* RIGHT PANE */
/*======================================================================================*/
.right-pane {
    /*border-left: 1px solid #ccc;*/
    background-color: #f5f6f7;
    padding: 0 0 20px 0;
    margin-right: -2px;    
    margin-left: 293px;
}

    .right-pane > h1 {
        margin: 0;
        padding: 20px 20px 20px 15px;
        font-family: 'Source Sans Pro', sans-serif;
        color: #495A64;
        font-weight: 300;
    }

/*======================================================================================*/
/* FOOTER */
/*======================================================================================*/

footer {
    background-color: #333;
    color: #fff;
    padding: 20px;
    font-size: 16px;
}

    footer a,
    footer a:hover,
    footer a:visited,
    footer a:visited:hover {
        margin-left: 50px;
        color: #fff;
    }

    footer .logo {
        max-height: 40px;
        margin: -10px 0 0 -10px;
    }

/*======================================================================================*/
/* MODALS and ALERTS */
/*======================================================================================*/

.alert {
    font-size: 1.3em;
    display: none;
    position: fixed;
    top: 0px;
    z-index: 9999;
    width: 100%;
    max-width: 1168px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
}

.close, 
.close:focus, 
.close:hover {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0px;
    margin-top:10px;
    margin-right:15px;
    opacity:.5;
    font-size:28px;
} 
.close:hover {
    opacity:1;
}

.modal-dialog .close,
.modal-dialog .close:focus,
.modal-dialog .close:hover {    
    margin-top: 20px;
    margin-right: 20px;
    opacity: 1;
}

.modal-content {
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .modal-content .validation-summary-errors {
        margin-left: 20px;
        margin-right: 20px;
    }

        .modal-content .validation-summary-errors:before {
            left: 30px;
        }
        .modal-content form .content .validation-summary-errors:before {
            left: 50px;
        }

    .modal-content > .heading {
        /*heading cannot be: .modal-content > form > .heading
    as this messes up the draggable modal.
*/
        padding: 0 20px;
    }

        .modal-content > .heading h1 {
            font-size: 30px;
            color: #2a2c2e;
            margin: 0;
            padding: 22px 0 10px 0;
        }

    .modal-content > .sub-heading {
        border-bottom: 2px solid #e2e2e2;
        margin:0 20px;
    }

    .modal-content > .body,
    .modal-content > form > .body {
        padding: 10px 22px;
    }

.separatedRows > .row + .row {
    border-top: solid 1px #e2e2e2;
}


.modal-content > .footer,
.modal-content > form > .footer {
    padding: 20px 22px 5px 22px;
    text-align: left;
}

    .modal-content > .footer .btn + .btn,
    .modal-content > form > .footer .btn + .btn {
        margin-bottom: 10px;
    }

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}


    #modalAlert > .modal-dialog > .modal-content.alert-danger .heading,
    #modalAlert > .modal-dialog > .modal-content.alert-danger .heading > h1 {
        background-image: none;
        background-color: #ffffff;
        color: #4b286d;
    }

    #modalAlert > .modal-dialog > .modal-content.alert-danger > .body,
    #modalAlert > .modal-dialog > .modal-content.alert-danger > .footer {
        background-color: #fff;
        color: #2a2c2e;
        padding: 10px 10px 10px 60px;
    }

    #modalAlert > .modal-dialog > .modal-content.alert-danger > .body strong {
        font-weight: normal;
    }

#modalAlert > .modal-dialog > .modal-content.alert-danger > .body:before {
    display: inline-block;
    position: absolute;
    position: absolute;
    left: 20px;
    margin-top:10px;
    background-image: url('../Images/icons/warning.png');
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    content: "";
}

#modalAlertMessage {
    font-size: 1.3em;
    white-space: pre-wrap;
}

/*======================================================================================*/
/* SPECIFICS */
/*======================================================================================*/
#topModal {
    z-index: 8000;
}

#modalDialog {
    min-width: 400px;
}

#modalAlert {
    z-index: 9000;
    background-color: rgba(0,0,0,0.3);
}

    #modalAlert .modal-content {
        width: 500px;
    }

.fi-logo-sm,
.fi-logo-md,
.fi-logo-lg {
    display: inline-block;
}

.fi-logo-sm {
    height: 18px;
    width: 18px;
}

.fi-logo-md {
    height: 24px;
    width: 24px;
}

.fi-logo-lg {
    max-height: 32px;
    /*width: 32px;*/
}

.body-content {
    background-color: #f5f6f7;
    overflow: hidden;
}

.mandate-header {
    padding-top: 10px;
    background-color: #fff;
    color: #4b286d;
    font-size: 1.25em;
    margin-right: -1px;
}

    .mandate-header span.status {
        display: block;
        min-height: 25px;
        font-size: 12px;
        color: #2a2c2e;
    }

        .mandate-header span.status.status-new {
            color: #248700;
            font-weight: 600;
            font-size: 1em;
        }

.mandate-name {
    background-color: #fff;
    color: #495A64;
    font-size: 18px;
}
b, strong{
    font-weight: 600!important;
}

div.row.mandate-header > div.mandate-actions {
    margin-bottom: 10px;
    vertical-align: top;
    float:left;
    text-align:left;
    display:block;
    width:100%;
}

    .mandate-actions .btn {
        margin: 0;
    }

        .mandate-actions .btn + .btn {
            margin-left: 10px;
        }

.mandate-action,
.mandate-action:visited {
    color: #495A64;
    display: inline-block;
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
}

.mandate-action a:hover{
    color: #CC3369;
}

    .mandate-action + .mandate-action {
        margin-left: 10px;
    }

    .mandate-action .glyphicon {
        font-size: 24px;
        height: 36px;
        width: 37px;
        margin-left: 0;
    }

        .mandate-action .glyphicon:hover,
        .mandate-action .glyphicon:focus {
            outline: none;
        }

    .mandate-action:focus {
        color: #8c68a6;
        outline: 1px dotted #4b286d;
    }

#divDocuments .row.clicks {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 6px;
}

    #divDocuments .row.clicks div.icon-toggle:after {
        font-family: "Glyphicons Halflings";
        content: "\e080";
        font-size: 10px;
        margin-right: -20px;
        float: right;
    }

    #divDocuments .row.clicks div.icon-toggle[aria-expanded='true']:after {
        content: "\e114";
    }

#divDocuments .docrow .panel-collapse {
    background-color: #fff;
}

#btnCreateDischarge {
    float: left;
}

#disabledSpan.disabled,
#disabledSpan.disabled:hover,
#disabledSpan.disabled:hover span {
    color: #495A64;
    cursor: default;
    text-decoration: none;
    cursor: not-allowed;
}
#discharge-status{
    margin-left: -23px;
}
#discharge-status div{
    margin: 0 0 0 9px;
}
#discharge-status dl {
    margin: 0;
    width: 100%;
}

#discharge-status dt {
    padding-left: 23px;
    text-align: left;
    /*width: 220px;*/
    width: 70%;
}

#discharge-status dd {
    padding-left: 23px;
    font-weight: normal;
    padding-top: 8px;
}


#stewart-status dl {
    margin: 0 0 0 -10px;
    width: 100%;
}

#stewart-status dt {
    padding-left: 5px;
    text-align: left;
    width: 360px;
}

#stewart-status dd {
    padding-left: 23px;
    font-weight: normal;
}

#MandateListFilter {
    width: 100%;
    min-height: 30px;
    position: relative;
    top: -1px;
}
#MandateListFilter:hover{
    border-bottom: 2px solid #a8a8a8;
}
#MandateListFilter:focus{
    border-bottom: 2px solid #CC3369;
    outline: 0;
}

#file-status span{
    float: left;
    margin: 0 2px 0 0;
}
    #stewart-status span.material-symbols-outlined,
    #file-status span.material-symbols-outlined {
        color: #248700;
        font-size: 22px;
        margin-bottom: 4px;
        position: relative;
        top: 0px;
        left: -2px;
        font-weight: 900;
        cursor:default;
    }
#stewart-status dt,
#file-status dt {
    /*padding-left: 23px;*/
    text-align: left;
    width: 300px;
}

#file-status dd {
    padding-left: 23px;
    font-weight: normal;
}

.status-check-completed,
.status-check-todo {
    /*margin-left: -23px;*/
    float: left;
    color: #8be234;
    cursor: default;
}

.bullet-assurance-titre {
    top: 16px;
}

.coupon {
    background-color: white;
}

.depositForCoupon {
    background-color: white;
}

.notCoupon {
    background-color: white;
}

.disburse {
    background-color: white;
}


.disburseStatus {
    background-color: white;
}

    .disburseStatus table tr td {
        border: none;
    }

#task-action-accept:before {
    font-family: "Glyphicons Halflings";
    content: "\e125";
}

#task-action-refuse:before {
    font-family: "Glyphicons Halflings";
    content: "\e126";
}

.cc-edit {
    margin-left: 40px;
    margin-top: 10px;
}

    .cc-edit dd {
        max-width: 200px;
    }

.payment-details > .row > div {
    text-align: right;
    padding: 5px 0 5px 0;
}

.payment-details > .row > .col-xs-2 {
    /*see below for 1024 style*/
    padding-right: 10px;
}

#TFEReconciliation.dl-horizontal dd {
    text-align: right;
    max-width: 100px;
}

.systemMessage {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .systemMessage .subject {
        font-size: 14px;
        font-weight: bold;
        color: #CC3369;
    }

    .systemMessage h5 {
        margin-top: 0;
        margin-bottom: 2px;
    }

    .systemMessage h6 {
        margin-top: 4px;
        margin-bottom: 10px;
    }

.steps {
    width: 100%;
    padding: 0;
    margin: 35px 0 20px 0;
}

    .steps hr {
        border-top: 3px solid #959da6;
        margin: 0 40px 0 40px;
    }

    .steps > ul {
        list-style-type: none;
        margin-top: -23px;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        display: flex;
        justify-content: space-between;
    }

    .steps li {
        list-style: none;
        text-align: center;
        min-width: 100px;
        max-width: 115px;
    }

        .steps li.active {
            font-weight: bold;
        }

        .steps li:before {
            content: " ";
            display: block;
            height: 40px;
            width: 40px;
            margin: 0 auto 0 auto;
            background-color: #fff;
            border: 2px solid #959da6;
            border-radius: 50%;
            z-index: 2;
        }

        .steps li.done:before,
        .steps li.active:before {
            background-color: #CC3369;
            border-color: #CC3369;
        }

        .steps li.done:before {
            font-family: "Glyphicons Halflings";
            content: "\e013";
            color: #fff;
            font-size: 22px;
        }

.panel .context-actions {
    margin-top: 20px;
}

.context-actions a.context-action,
.context-actions a.context-action:visited {
    color: #495A64;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    max-width: 100px;
    vertical-align: top;
    padding: 2px;
}

    .context-actions a.context-action + a.context-action {
        margin-left: 10px;
    }

    .context-actions a.context-action .glyphicon {
        font-size: 20px;
        height: 24px;
        width: 24px;
    }

        .context-actions a.context-action .glyphicon:hover {
            outline: none;
        }

    .context-actions a.context-action:hover{
        color: #CC3369;
    }

.CompleteMortageInstructionLendersare {
    float: right;
    margin-right: 26.8%;
    background-color: #ffffff;
    border: none;
}

.ChangeLangLink {
    position: relative;
    top: 30px;
}

/*.flagged:after {
    font-family: "Glyphicons Halflings";
    color: #ff0000;
    content: "\e101";
    float: right;
    margin-right: -8px;
    margin-top: -2px;
    padding-top: 0;
    font-size: 16px;
}

.active .flagged:after {
    color: #ffffff;
}*/

#divQuickSearchResults {
    position: absolute;
    display: block;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #cecece;
    z-index: 1000;
    overflow-y: auto;
    max-height: 200px;
    padding: 0;
    margin-top: -1px;
    min-width: 400px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

    #divQuickSearchResults a {
        display: block;
        color: #2a2c2e;
        padding: 5px 10px;
    }

        #divQuickSearchResults a:hover,
        #divQuickSearchResults a:focus,
        #divQuickSearchResults a.active {
            background-color: #CC3369;
            color: #fff;
            text-decoration: none;
        }
            #divQuickSearchResults a:hover span,
            #divQuickSearchResults a:focus span,
            #divQuickSearchResults a.active span {
                color: #fff;
            }

#msgQuickSearchNoMatch {
    display: block;
    padding: 5px 10px;
}

.task-action {
    color: #4b286d;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

    .task-action .glyphicon {
        font-size: 24px;
    }

    .task-action:hover {
        color: #8c68a6;
    }

.file-type-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
}



#screenlock {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 9998;
}

#spinner {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    border: 2px solid #CC3369; /*ring color*/
    border-radius: 50%;
    border-top: 2px solid #CC3369; /*spinning color*/
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: none;
    margin-left: -25px;
    margin-top: -25px;
}

    #spinner img {
        width: 82px;
        height: 90px;
        margin-left: 0px;
        margin-top: -7px;
    }

#spinner-logo {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 9999;
    padding: 5px;
    display: none;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
}

    #spinner-logo img {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        width: 40px;
        height: 40px;
        margin-top:1px;
        border-radius: 50%;
    }

#screenlock:focus,
#spinner:focus,
#spinner-logo:focus,
#spinner-logo img:focus {
    outline: none;
}

#spinner.small {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    margin: -25px 0 0 -25px;
    border: 3px solid #3d2557;
    border-radius: 50%;
    border-top: 3px solid #66cc00;
    width: 50px;
    height: 50px;
    background-color: #fff;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none;
}

    #spinner.small + #spinner-logo {
        position: fixed;
        left: 50%;
        top: 50%;
        margin-top: -19px;
        margin-left: -20px;
        z-index: 9999;
        display: none;
    }

        #spinner.small + #spinner-logo img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
        }

#divLegalDescriptionDis table + table,
#divSelectLegalDescription table + table {
    margin-top: 5px;
}

.timestamp{
    word-spacing:4px;
}
/* ======================================================================================= */
/* Drag and Drop */
/* ======================================================================================= */
.dropFiles {
    width: 95%;
    height: 200px;
    margin: 25px 0;
    padding: 10px;
    border: 5px LightGray dashed;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.highlightDropArea {
    border: 5px #4b286d dashed;
}

/*======================================================================================*/
/* Consigno */
/*======================================================================================*/
#cfm-install-dialog,
#cfm-unauthorized-modal {
    z-index: 9999;
}

#cfm-unauthorized-modal {
    background-color: rgba(0,0,0,0.5);
}

    #cfm-unauthorized-modal h4 {
        font-size: 30px;
        color: #4B286D;
        margin: 0;
    }

    #cfm-unauthorized-modal > .modal-dialog > .modal-content .modal-header.modal-header-danger,
    #cfm-unauthorized-modal > .modal-dialog > .modal-content .modal-header.modal-header-danger > h4 {
        background-image: none;
        background-color: #c81235;
        color: #fff;
        border-bottom: none;
        border-radius: 0;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

        #cfm-unauthorized-modal > .modal-dialog > .modal-content .modal-header.modal-header-danger button {
            min-width: 16px;
            width: 30px;
            height: 30px;
            font-size: 30px;
            padding: 0;
            margin: 0;
            float: right;
        }

/*======================================================================================*/
/* SMALL SCREEN RESIZE */
/*======================================================================================*/
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:visited {
        color: #fff;
    }
}

/*======================================================================================*/
/* LARGE SCREEN RESIZE */
/*======================================================================================*/
@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (2rem * 3));
    }
}

@media (min-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:visited {
        color: #2a2c2e;
    }
}

@media (min-width: 1100px) {
    div.row.mandate-header > div.mandate-actions{
        text-align: right;
        float: right;
        width:auto;
    }

}
@media (max-width: 1024px) {
    
    #divLeftPane.collapsed + #divRightPane #mandate-general-info .tooltippanel {
        margin-left:0 !important;
    }
}

@media (min-width: 1024px) {

    #divCollapseFileListNav {
        display: block;
    }

    #liCollapseFileListNav {
        display: none;
    }


    #linkProfileUserName {
        display: inline-block;
    }

    #linkProfileUserIcon {
        display: none;
    }

    .dl-10 dd,
    .dl-15 dd,
    .dl-20 dd,
    .dl-25 dd,
    .dl-30 dd,
    .dl-40 dd,
    .dl-50 dd,
    .dl-60 dd,
    .dl-70 dd,
    .dl-80 dd {
        padding-left: 25px;
    }

    .dl-10 dt {
        min-width: 10%;
        width: 10%;
    }

    .dl-10 dd {
        margin-left: 10%;
        width: 90%;
    }

    .dl-15 dt {
        min-width: 15%;
        width: 15%;
    }

    .dl-15 dd {
        min-width: 15%;
        width: 75%;
    }

    .dl-20 dt {
        min-width: 20%;
        width: 20%;
    }

    .dl-20 dd {
        margin-left: 20%;
        width: 80%;
    }

    .dl-25 dt {
        min-width: 25%;
        width: 25%;
    }

    .dl-25 dd {
        margin-left: 25%;
        width: 75%;
    }

    .dl-30 dt {
        min-width: 30%;
        width: 30%;
    }

    .dl-30 dd {
        margin-left: 30%;
        width: 70%;
    }

    .dl-40 dt {
        min-width: 40%;
        width: 40%;
    }

    .dl-40 dd {
        margin-left: 40%;
        width: 60%;
    }

    .dl-50 dt {
        min-width: 50%;
        width: 50%;
    }

    .dl-50 dd {
        margin-left: 50%;
        width: 50%;
    }

    .dl-60 dt {
        min-width: 60%;
        width: 60%;
    }

    .dl-60 dd {
        margin-left: 60%;
        width: 40%;
    }

    .dl-70 dt {
        min-width: 70%;
        width: 70%;
    }

    .dl-70 dd {
        margin-left: 70%;
        width: 30%;
    }

    .dl-80 dt {
        min-width: 80%;
        width: 80%;
    }

    .dl-80 dd {
        margin-left: 80%;
        width: 20%;
    }

    .panel .context-actions {
        text-align: right;
        margin-top: 0px;
    }

    #divDocuments .context-actions {
        float: none;
    }

    #btnCreateDischarge {
        float: right;
    }

    #discharge-status dd {
        text-align: right;
    }

    .payment-details dd {
        padding-left: 70px;
    }

    .square-btn-links {
        text-align: right;
    }

    #file-status dd {
        text-align: right;
    }

    .required {
        float: right;
    }

    h1 .required,
    h2 .required,
    h3 .required,
    h4 .required,
    h5 .required,
    h6 .required {
        float: none;
    }
}


@media (min-width: 1200px) {
    .col-lg-9 {
        width: 75%;
        margin-left: -1px;
        padding-left: 15px;
    }

    
}
/*======================================================================================*/
/* OVERRIDES */
/*======================================================================================*/
.noPad {
    padding: 0 0 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.print-only {
    display: none;
}

.bg-main {
    background-color: #f5f6f7;
}

.topBorder {
    border-top: 1px solid #e2e2e2;
}

.rightBorder {
    border-right: 1px solid #e2e2e2;
}

.bottomBorder {
    border-bottom: 1px solid #e2e2e2;
}

.leftBorder {
    border-left: 1px solid #e2e2e2;
}

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

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

.dt-left dt {
    text-align: left;
}

.hidden {
    display: none;
}

.disabled .glyphicon:hover,
.disabled .glyphicon:focus,
.disabled.glyphicon:hover,
.disabled.glyphicon:focus,
.disabled li:hover,
.disabled li:focus,
li.disabled:hover,
li.disabled:focus
.disabled a:hover,
.disabled a:focus,
a.disabled:hover,
a.disabled:focus,
.disabled a:visited:hover,
.disabled a:visited:focus,
a.disabled:visited:hover,
a.disabled:visited:focus,
.disabled .navbar-default .navbar-nav > li > a:focus,
.disabled .navbar-default .navbar-nav > li > a:hover,
.disabled .navbar-default .navbar-nav > li > a:active,
.disabled .navbar-default .navbar-nav > li > a:visited:focus,
.disabled .navbar-default .navbar-nav > li > a:visited:hover,
.disabled .navbar-default .navbar-nav > li:focus,
.disabled .navbar-default .navbar-nav > li:hover,
.disabled .navbar-default .navbar-nav > li:active,
.disabled .navbar-default .navbar-nav > li:visited:focus,
.disabled .navbar-default .navbar-nav > li:visited:hover,
.navbar-default .navbar-nav > li.disabled > a:focus,
.navbar-default .navbar-nav > li.disabled > a:hover,
.navbar-default .navbar-nav > li.disabled > a:active,
.navbar-default .navbar-nav > li.disabled > a:visited:focus,
.navbar-default .navbar-nav > li.disabled > a:visited:hover,
.navbar-default .navbar-nav > li.disabled:focus,
.navbar-default .navbar-nav > li.disabled:hover,
.navbar-default .navbar-nav > li.disabled:active,
.navbar-default .navbar-nav > li.disabled:visited:focus,
.navbar-default .navbar-nav > li.disabled:visited:hover,
.navbar-default .navbar-nav > li > a.disabled:focus,
.navbar-default .navbar-nav > li > a.disabled:hover,
.navbar-default .navbar-nav > li > a.disabled:active,
.navbar-default .navbar-nav > li > a.disabled:visited:focus,
.navbar-default .navbar-nav > li > a.disabled:visited:hover {
    outline: none !important;
    text-decoration: none !important;
    cursor: default !important;
}

.clicks.disabled {
    cursor: default;
}

.disabled > .hovers:hover,
.hovers.disabled:hover {
    background-color: #f5f6f7;
}

.edit-toggle.disabled {
    background-color: #f5f6f7;
}

a.disabled,
a.disabled .glyphicon,
a[disabled='1'],
a[disabled='true'],
a[disabled='disabled'],
a[disabled='1'] .glyphicon,
a[disabled='true'] .glyphicon,
a[disabled='disabled'] .glyphicon,
.disabled a,
.disabled a .glyphicon,
.disabled .glyphicon {
    text-decoration: none;
    outline: none;
    opacity: 0.4;
    cursor: default;
}

.btn.btn-default.disabled,
.btn.btn-primary.disabled,
.btn.btn-purple.disabled,
.btn.btn-default.disabled:hover,
.btn.btn-primary.disabled:hover,
.btn.btn-purple.disabled:hover,
.btn.btn-default.disabled:focus,
.btn.btn-primary.disabled:focus,
.btn.btn-purple.disabled:focus,
.btn.btn-default.disabled:active,
.btn.btn-primary.disabled:active,
.btn.btn-purple.disabled:active,
.btn.btn-default[disabled],
.btn.btn-primary[disabled],
.btn.btn-purple[disabled],
.btn.btn-default[disabled]:hover,
.btn.btn-primary[disabled]:hover,
.btn.btn-purple[disabled]:hover,
.btn.btn-default[disabled]:active,
.btn.btn-primary[disabled]:active,
.btn.btn-purple[disabled]:active,
.btn.btn-default[disabled]:focus,
.btn.btn-primary[disabled]:focus,
.btn.btn-purple[disabled]:focus {
    background-color: #a9a9a9;
    border-color: #cecece;
    color: #fff;
    /*padding: 6px 12px;*/
    cursor: default;
}

.context-actions a.context-action.disabled,
.context-actions a.context-action.disabled:hover {
    color: #495A64;
    cursor: default;
    text-decoration: none;
}

#divDocuments .context-actions a.context-action .glyphicon {
    margin-right: 5px;
    margin-bottom: -6px;
}

#divDocuments .context-actions a.context-action + a.context-action {
    margin-left: 0;
}

#divDocuments .context-actions a.context-action {
    margin-right: 10px;
}

#divDocuments h3 {
    margin-top: 0;
}

#note-accordion{
    padding:0 20px 20px 20px;
}
#note-accordion .panel {
    padding-bottom:5px;
}
#note-accordion .panel-heading {
    padding: 0 0 0 0;
}
#note-accordion .panel-heading > dl {
    font-size:12px;
    margin-left:22px;
    margin-top:5px;
}
#note-accordion .panel-heading > dl > dd {
    padding-left:10px;
}
#note-accordion .panel-heading > h2 {
    margin-top:5px;
    margin-bottom:0px;
}
#note-accordion .panel-heading > img.pull-left{
    margin-top:10px;
}
#note-accordion .panel-heading > h2 > .panel-title {
    margin-left:40px;
}

    #note-accordion .panel-heading[data-toggle='collapse'] h2 span.chevron:before,
    #note-accordion .panel-heading[data-toggle='collapse'] h5 span.chevron:before {
        content: "\e114";
        font-family: "Glyphicons Halflings";
        font-size: 10px;
        position: relative;
        margin-left: 10px;
        margin-right: -25px;
        color: #4b286d;
    }

    #note-accordion .panel-heading[data-toggle='collapse'].collapsed h2 span.chevron:before,
    #note-accordion .panel-heading[data-toggle='collapse'].collapsed h5 span.chevron:before {
        content: "\e080";
    }

#note-accordion > .panel + .panel {
    border-top: 1px solid #e2e2e2;
    margin-top:0;
}
/*======================================================================================*/
/* ANIMATIONS */
/*======================================================================================*/
.fadein {
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s; /* Firefox */
    -webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -o-animation: fadein 0.5s; /* Opera */
}

/*======================================================================================*/
/* PRINT OVERRIDES */
/*======================================================================================*/
@media print {

    .navbar,
    .mandate-actions,
    .app-sections,
    .left-pane,
    button,
    .btn,
    .panel > .footer,
    .panel > .sub-footer,
    .panel > form > .footer,
    .panel > form > .sub-footer,
    .content > .footer,
    .square-btn-links,
    .context-actions,
    .context-action,
    .steps,
    body > footer {
        display: none;
    }

    div.alert {
        display: none !important;
        visibility: hidden !important;
    }

    .right-pane {
        background-color: #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        border: none;
        overflow: visible !important;
    }

        .right-pane .panel-collapse.collapse {
            display: block;
        }

    .modal,
    .modal-open,
    .body.scrolls,
    .modals,
    .modal-dialog,
    .modal-dialog-centered,
    .modal-content,
    .body-content {
        margin: 0;
        padding: 0;
        visibility: visible;
        /**Remove scrollbar for printing.**/
        overflow: visible !important;
        position: relative;
        border: none;
        
    }

    .body-content{
        zoom: 90%;
    }

    #modalDialog,
    .modal,
    .modal-open,
    .body.scrolls,
    .modals,
    .modal-dialog,
    .modal-dialog-centered,
    .modal-content {
        width: 700px !important;
        min-width: 700px !important;
        max-width: 700px !important;
    }

    .col-sm-8 {
        width: 66.66%;
    }
    .col-sm-4 {
        width: 33.33%;
    }
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float:left;
        position: relative;
    }
    .dl-horizontal dt {
        min-width: 40%;
        width: 40%;
        float: left;
    }

    .dl-horizontal dd {
        margin-left: 40%;
        width: 60%;
        padding-left: 15px;
        margin-top: 0px;
        padding-top: 0px;
    }
    .dl-50 dt {
        min-width: 50%;
        width: 50%;
        float: left;
    }
    .dl-50 dd {
        margin-left: 50%;
        width: 50%;
        padding-left: 15px;
        margin-top:0px;
        padding-top:0px;
    }
    .glyphicon {
        height:24px;
    }
    .glyphicon-ok:before {
        content: "\e013";
    }
    .glyphicon-bullet:before {
        content: "\0095";
    }
    .bullet-assurance-titre {
        top: 8px;
    }
    .print-only {
        display: block;
    }
    
    .scrolls{
        height: auto !important;
    }
    .scrolls div{
        overflow: visible !important;
    }

}

@page {
    margin: 10mm 10mm 10mm 10mm;
}


/*======================================================================================*/
/* ANIMATIONS and KEYFRAMES*/
/*======================================================================================*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*======================================================================================*/
/* IE 10+ only */
/*======================================================================================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .app-sub-sections > ul {
        min-height: 0;
    }

    .left-pane .list-group-item .borrower-name {
        width: 135px;
    }

    .dl-horizontal dd textarea[rows] {
        margin-bottom: 5px;
    }

    /*======================================================================================*/
    /* FORCE STYLES for IE
    /*======================================================================================*/
    .ie-fs-noRightMargin{
        margin-right:0 !important;
    }

    #note-accordion .panel-heading[data-toggle='collapse'] h2 .panel-title:before,
    #note-accordion .panel-heading[data-toggle='collapse'] h5 .panel-title:before {
        margin-left: -60px;
    }

    .close,
    .close:focus,
    .close:hover {        
        margin-top: 15px;
    }

    .tooltipTS .tooltiptext {
        bottom:10px;
    }

    #mandate-general-info .tooltipTS .tooltippanel {
        position: absolute;
        margin-right: -200%;
        margin-bottom: -200%;
        bottom: 80px;
        width:500px;
    }


    #stewart-status .tooltipTS .tooltippanel {
        position: absolute;
        margin-left: -450px;
        margin-bottom: -200%;
        bottom: 80px;
        width: 500px;
    }
     

    dd .fi-logo-sm{
        margin-bottom:3px;
    }

    .messsagePleaseSelect {
        font-weight: normal;
        color: #4b286d;
    }

    #divDocuments .material-symbols-outlined[data-toggle='collapse']:before{
        content: "\e5cf";
    }

    #divDocuments .material-symbols-outlined.collapsed[data-toggle='collapse']:before {
        content: "\e5cc";
    }


    .heading[data-toggle='collapse'] h2:before,
    .heading[data-toggle='collapse'] h5:before {
        content: "\e5cf";
    }


    .heading[data-toggle='collapse'].collapsed h2:before,
    .heading[data-toggle='collapse'].collapsed h5:before {
        content: "\e5cc";
    }

    .left-pane [data-toggle='collapse'] h2:before,
    .left-pane [data-toggle='collapse'] h3:before {
        content: "\e5cf";
    }

    .left-pane [data-toggle='collapse'].collapsed h2:before,
    .left-pane [data-toggle='collapse'].collapsed h3:before {
        content: "\e5cc";
    }

    #disburses .material-symbols-outlined[data-toggle='collapse']:before,
    #divDocuments .material-symbols-outlined[data-toggle='collapse']:before {
        content: "\e5cf";
    }

    #disburses .material-symbols-outlined.collapsed[data-toggle='collapse']:before,
    #divDocuments .material-symbols-outlined.collapsed[data-toggle='collapse']:before {
        content: "\e5cc";
    }
}

.material-symbols-outlined{
    color: #495A64;
}
.material-symbols-outlined.disabled:hover{
    color: #495A64;
    cursor: not-allowed;
}
.material-symbols-outlined:hover{
    color: #CC3369;
}
span.material-symbols-outlined.view.pull-right.clicks{
    position: relative;
    top: 3px;
}
span#iglyphiconNotes, span#iglyphiconNotesNew {
    margin-bottom: 4px;
}

.context-actions a span{
    position: relative;
    top: 7px;
    margin-left: 5px;
    font-size: 24px!important;
}
.list-group a:focus span, .list-group a:hover span{
    color: #FFF;

}
.heading h2 span.material-symbols-outlined{
    float: right;
    cursor: pointer;
    position: relative;
    top: 0;
}
#reminder_accordion .col-xs-1 img, #task-accordion .col-xs-1 img{
    filter: hue-rotate(65deg) saturate(2.3);
}
/*Tasks*/
.titleHeading{
    font-family: 'Source Sans Pro', sans-serif!important;
}
.pageheading{
    color: #495A64!important;
    font-family: 'Source Sans Pro', sans-serif!important;
}
.subject-color{
    color: #CC3369!important;
    font-weight: 400;
}
.custom-glyphicon-halfling:before, .custom-glyphicon-halfling-expanded:before{
    color: #CC3369!important;
}
.rowSubject .noPaddingLeft a{
    font-weight: 400;
}

.panel .view .col-xs-1.col-xs-offset-1 span.material-symbols-outlined {
    color: #248700;
    font-size: 22px;
    margin-bottom: 4px;
    position: relative;
    top: 0px;
    left: -2px;
    font-weight: 900;
}
#divSharingTop .view span.material-symbols-outlined {
    color: #248700;
    font-size: 22px;
    margin-bottom: 4px;
    position: relative;
    top: 0px;
    left: -2px;
    font-weight: 900;
    float: none;
}
#titleInsuranceRequiredPolicies span.material-symbols-outlined {
    color: #248700;
    font-size: 22px;
    position: relative;
    top: 0px;
    left: -2px;
    font-weight: 900;
    float: none;
    vertical-align:bottom;
    cursor:default;
}
#stewart-status span.material-symbols-outlined {
    color: #248700;
    font-size: 22px;
    position: relative;
    top: 0px;
    left: -2px;
    font-weight: 900;
    float: none;
    vertical-align: bottom;
    cursor: default;
}
#file-status dd, #discharge-status dd, .col-xs-6.icon-toggle {
    word-spacing: 10px;
}
.embedded-video-content {
    position: relative;
    background-color: #09202D;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-content-call-to-action {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 640px;
    height: 360px;
    background-color: #F5F6F7;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    display: none;
}

.heading-with-indent {
    background-color: ;
    position: absolute;
    left: 0;
    height: 90%;
    top: 50%;
    width: 3px;
    position: relative;
    padding-left: 3rem;
    font-weight: 700;
}

.header-content {
    background-color: #F5F6F7;
    width: 500px;
    height: 120px;
    margin: 30px 30px 0px 25px;
}

.call-to-action-heading {
    display: block;
    font-family: Barlow, sans-serif;
    font-size: 2.8rem;
    line-height: 1.1;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    border-left: 3px solid #cc3369;
    padding-left: 20px;
}

.call-to-action-text {
    font-family: Barlow, sans-serif;
    font-family: "Source Sans Pro", sans-serif;
    font-style: normal;
    font-size: 1.8rem;
    display: block;
}

.call-to-action-button {
    padding: 10px;
    margin: 25px 20px 0px 0px;
    font-weight: 600;
}

.call-to-action {
    margin: 25px 25px 0px 30px;
}

.close-button {
    padding: 10px;
    font-weight: 600;
    margin: 100px 25px 0px 30px;
    font-weight: 600;
}

.position-fixed {
    position: fixed;
}

.position-relative {
    position: relative;
}

.z-index-1000 {
    z-index: 1000;
}

.display-block {
    display: block;
}

.top-zero{
    top:0px;
}

.container-max-width {
    max-width: 1260px;
}

.maintenance-alert {
    background-color: rgb(252, 248, 227);
    background-image: linear-gradient(rgb(252, 248, 227) 0px, rgb(248, 239, 192) 100%);
    border: 1px solid rgb(245, 231, 158);
    box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    color: rgb(138, 109, 59);
    font-size: 18.2px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

/*img{
    filter: hue-rotate(65deg) saturate(2.3);
}*/