/* PolicyPlan font (needs to be in italics to replicate the skew) */
@font-face{
    font-family:'Textile';
    src:url('textile-webfont.eot');
    src:url('textile-webfont.eot?#iefix') format('embedded-opentype'), url('textile-webfont.woff') format('woff'), url('textile-webfont.ttf') format('truetype'), url('textile-webfont.svg#webfont') format('svg');
}

:root{
    --color-turquoise-niche:#88E1D3;
    --color-darkblue:#2F455C;
    --color-purple-niche:#522F5C;
    --color-orange-rich:#D89321;
}

html{
    height:100%;
    box-sizing:border-box;
}
*,
*:before,
*:after{
    box-sizing:inherit;
}
body{
    position:relative;
    margin:0;
    padding-bottom:6rem;
    min-height:100%;
}

.grey-bg-color{
    background-color:#E9ECEF;
}

.main-nav{box-shadow:0 0 10px rgba(0, 0, 0, 0.08);}

.navbar{z-index:100 !important;}

/* navbar */
.navbar-default{
    background-color:#FFFFFF;
    border-color:#FFFFFF;
}
.nav-display{
    /* font-family: 'Textile', sans-serif; */
    font-weight:normal;
    /* font-style: italic; */
    color:#2F455C !important;
    font-size:25px;
    margin:10px 0 0 0;
    color:#FFFFFF;
}

.nav-shadow{
    box-shadow:0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

.logo{
    display:flex;
    align-items:center;
}
.nav-version{
    color:#46BFAC !important
}
.green{
    color:#46BFAC !important
}
.section-title{
    color:#2F455C !important;
    padding:0 !important;
}
.section-title-icon{
    
    color:#46BFAC;
}
.nav-tabs{
    background-color:#F5F5F5;
    /* background-color: #6c757d; */
}

.nav-tabs > li > a{
    color:#FFFFFF;
}

.nav-tabs .nav-item.show .nav-link .nav-tabs .nav-link.active{
    color:#FFFFFF;
    background-color:#FFFFFF;
    border-color:#DEE2E6 #DEE2E6 #FFFFFF;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.disabled{
    color:#2F455C;
    background-color:#F5F5F5;
    font-style:italic;
    /* border-color: #dee2e6 #dee2e6 #fff; */
}

.vanish span{
    color:#FFFFFF;
}

.col-form-label{
    font-weight:600;
    color:#2F455C;;
}
.footer{
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;
    line-height:60px;
    background-color:#F5F5F5;
}
.modal-body{
    
    overflow-y:scroll;
    max-height:800px;
    
}

.date{
    max-width:300px;
}

.half-width{
    max-width:300px;
}

.half-width-icon{
    max-width:257px;
}

.icon-color{
    color:#46BFAC;
    min-width:40px;
    background-color:#FFFFFF;
}

.table-primary, .table-primary > td, .table-primary > th{
    background-color:#F5F5F5;
    color:#2F455C;
}
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th{
    border-color:#F5F5F5;
}

.table-head{
    background-color:#2F455C;
    color:#FFFFFF;
}


.btn-success{
    background-color:#46BFAC;
    border-color:#46BFAC;
}

.btn-primary{
    background-color:#2F455C;
    border-color:#2F455C;
}

/* Bootstrap 4 text input with search icon https://codepen.io/gungorbudak/pen/ooKNpz*/


/*Bootstrap Calendar*/
.datepicker{
    border-radius:0;
    padding:0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot{
    padding:10px;
    display:list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead{
    background:#007BFF;
    color:#FFFFFF;
    border-radius:0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th{
    border-radius:3px;
}
.datepicker-days table thead tr:nth-child(3n+0){
    text-transform:uppercase;
    font-weight:300 !important;
    font-size:12px;
    color:rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{
    padding:11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th{
    border-radius:0;
}
.datepicker td, .datepicker th{
    border-radius:50%;
    padding:0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead{
    background:#007BFF;
    color:#FFFFFF;
    border-radius:0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
    background-image:none;
}
.datepicker .prev, .datepicker .next{
    color:rgba(255, 255, 255, 0.5);
    transition:0.3s;
    width:37px;
    height:37px;
}
.datepicker .prev:hover, .datepicker .next:hover{
    background:transparent;
    color:rgba(255, 255, 255, 0.99);
    font-size:21px;
}
.datepicker .datepicker-switch{
    font-size:24px;
    font-weight:400;
    transition:0.3s;
}
.datepicker .datepicker-switch:hover{
    color:rgba(255, 255, 255, 0.7);
    background:transparent;
}
.datepicker table tr td span{
    border-radius:2px;
    margin:3%;
    width:5%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{
    background-color:#007BFF;
    background-image:none;
}
.dropdown-menu{
    border:1px solid rgba(0, 0, 0, .1);
    box-shadow:0 6px 12px rgba(0, 0, 0, .175);
}
.datepicker-dropdown.datepicker-orient-top:before{
    border-top:7px solid rgba(0, 0, 0, .1);
}


.popover-block-container{
    background:none;
    color:none;
    border:none;
    padding:0;
    outline:none;
    cursor:pointer;
}
.popover-header{
    display:none;
}
.popover{
    max-width:306.6px;
    border-radius:6px;
    border:none;
    box-shadow:0 0 6px 1px #EEEEEE;
}
.popover-body{
    border:none;
    padding:20px 49.4px 24px 24px;
    color:#5F6976;
    font-size:15px;
    font-style:italic;
    z-index:2;
    line-height:1.53;
    letter-spacing:0.1px;
}
.popover-close{
    position:absolute;
    top:5px;
    right:10px;
    opacity:1;
}
.material-icons{
    font-size:16px;
    font-weight:bold;
    color:#04A0B2;
    pointer-events:none;
}


.custom-file-input.selected:lang(en)::after{
    content:"" !important;
}

.custom-file{
    overflow:hidden;
}

.custom-file-input{
    white-space:nowrap;
}

.modification-item{
    height:7.5em;
    margin-bottom:1rem;
}

.page-item.active .page-link{
    background-color:#2F455C !important;
    border-color:#2F455C !important;
}


.google-map{
    width:100%;
    height:100%;
    display:block;
}
.google-map{
    min-height:400px;
}
iframe{
    
    height:100%;
    width:100%;
    border:none;
    position:absolute;
}

#noBrokerSchemeAlertBtnDiv{
    float:right;
}


#newAnnouncementAlertBtnDiv{
    float:right;
}

.clearFloat{
    clear:both;
}

#newAnnouncementAlertText{
    font-size:1.5em;
}

.faExclamation{
    font-size:1.5em;
    font-weight:bold;
    color:#FF0000;
}

.pricesText{
    background-color:#D4EDDA !important;
    border:none;
}

.totalPremium{
    padding:0 20px 0 20px;
}

.viewQuoteTable h1{
    font-size:2em;
    font-weight:bold;
    color:#2F455C !important;
    text-align:center;
}

.viewQuoteTable h2{
    font-size:2em;
    font-weight:bold;
    color:#2F455C !important;
}

.rateHeaderList li{
    padding:2px 0 2px 0;
    padding-right:5px;
}

.rateHeaderList .insurerName{
    font-size:large;
    font-weight:bold;
    padding-left:5px;
}

.rateHeaderList .premiumTotal{
    font-size:large;
    font-weight:bold;
}

.navbar-nav .navbar{display:flex;}
.navbar-nav.right .navbar{justify-content:flex-end;}
.navbar-nav.left .navbar{justify-content:flex-start;}

.navbar-nav .nav-item{white-space:nowrap;}

#submit-policy-cancellation, #save-cancellation-claim{
    float:right;
}

.dropdown-toggle{
    white-space:normal;
}

.loader-layer{display:none; flex-direction:column; width:100%; align-items:center;}
.loader-layer .spinner-grow{width:35px; height:35px;}
.file-removeDiv{
    padding:0 15% 0 15%;
}

.amounts .figure{
    white-space:nowrap;
}

#submit-ncb-creation, #save-ncb-claim{
    float:right;
}

#close-ncb-claim-modal{
    float:left;
}

/* Cards styling (stacked) */
.card-stacked{width:100%; margin-bottom:2rem; display:flex; flex-direction:column; box-shadow:0 0 15px rgba(0, 0, 0, 0.13);}

.card-stacked .card-body{display:flex; flex-direction:row; font-size:14px; padding:0; overflow:hidden;}
.card-stacked .card-body .section-wrapper{display:flex;}
.card-stacked .card-body .section-wrapper.right{margin-left:auto; flex-direction:row-reverse; justify-content:flex-start;}
.card-stacked .card-body .section-wrapper .section:last-child{}
.card-stacked .card-body .section-wrapper .section{min-width:120px; text-align:center; display:flex; flex-direction:column; align-items:center; padding:14px 12px; border-right:1px solid rgba(0, 0, 0, 0.1);}
.card-stacked .card-body .section-wrapper .section i{opacity:0.7; width:20px; height:30px; display:flex; align-items:center; justify-content:center;}
.card-stacked .card-body .section-wrapper .section i.fa-file-contract{margin-top:-1px;}
.card-stacked .card-body .section-wrapper .section .company-initials{width:56px; height:56px; border-radius:56px; background:#ADBDCD; display:flex; align-items:center; justify-content:center; color:#FFFFFF; font-weight:bolder; border:1px solid #95A9BC; background:linear-gradient(90deg, rgba(136, 152, 168, 1) 0%, rgba(173, 189, 205, 1) 100%);}
.card-stacked .card-body .section-wrapper .section .company-initials img{width:100%; height:100%;}
.card-stacked .card-body .section-wrapper .section .company-initials.logo{background:none; border:none;}
.card-stacked .card-body .section-wrapper .section .company-initials.ncs{background:#46BFAC; border:1px solid #2C9584; background:linear-gradient(90deg, rgba(68, 168, 153, 1) 0%, rgba(70, 191, 172, 1) 100%);}
.card-stacked .card-body .section-wrapper .section.agent{width:150px;}
.card-stacked .card-body .section-wrapper .section.agent.robot{color:green; opacity:0.75;}

.card-stacked .card-body .rates{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 18px; border-left:1px solid rgba(0, 0, 0, 0.1);}
.card-stacked .card-body .rates .rating{padding:8px 12px; border-radius:3px; min-width:180px; display:flex; border:1px solid; align-items:center;}
.card-stacked .card-body .rates .rating:not(:first-child){margin-top:10px;}
.card-stacked .card-body .rates .rating.approved{background:#D4EDDA; color:#006600;}
.card-stacked .card-body .rates .rating.declined{background:#F5C6CB; color:#990000;}
.card-stacked .card-body .rates .rating.error, .card-stacked .card-body .rates .rating.error{background:#E8E8E8; color:#B0B0B0;}
.card-stacked .card-body .rates .rating.error, .card-stacked .card-body .rates .rating.errored i{margin-right:15px;}

.card-stacked .card-header{background:#FFFFFF; padding:5px !important;}
.card-stacked .card-header h6{margin:0 20px 0 0;}
.card-stacked .card-header h6:first-child{margin-left:16px;}
.card-stacked .card-header h6 i{margin-right:10px;}
.card-stacked .card-header .status{margin-left:auto; display:flex; align-items:center;}
.card-stacked .card-header .status h6{margin:0 0 0 18px;}
.card-stacked .card-header .status .status-label{font-weight:normal;}
.card-stacked .card-header .card-actions{display:flex; margin-left:12px;}
.card-stacked .card-header .card-actions .card-action{width:32px; height:32px; border-radius:5px; color:#007BFF; border:1px solid rgba(0, 0, 0, 0.2); background:#FFFFFF; display:flex; align-items:center; justify-content:center; text-decoration:none; margin-left:8px;}
.card-stacked .card-header .card-actions .card-action i{pointer-events:none;}
.card-stacked .card-header .card-action .notes-number{visibility:hidden; pointer-events:none;}
.card-stacked .card-header .card-action.has-notes{color:green; position:relative;}
.card-stacked .card-header .card-action.has-notes .notes-number{visibility:visible; top:-7px; left:-7px; font-size:11px; margin:0; background:green; border-radius:10px; height:15px; min-width:10px; padding:5px; color:#FFFFFF;}

.card-stacked:hover{cursor:pointer;}
.card-stacked.active:hover{opacity:0.7;}
.card-stacked.active .card-header .status .status-label{color:#009933 !important;}
.card-stacked.expired{opacity:0.4; box-shadow:none;}
.card-stacked.expired:hover{opacity:1;}

.pagination{cursor:pointer !important;}

/* MTA Details */
.mta-details{font-size:.9rem;}
.mta-details tr{height:36px;}
.mta-details tr td:nth-child(1), .mta-details tr td:nth-child(3){padding-right:32px; font-weight:bold;}
.mta-details tr td:nth-child(2){padding-right:80px;}

/* ID Check */
.table-idcheck tr td:nth-last-child(1){text-align:right;}
.table-idcheck td{opacity:0.6;}
.table-idcheck td.success{color:green;}
.table-idcheck td.error{color:red;}
.table-idcheck td.neutral{color:grey;}

/* Extended Button Classes */
button.disabled{opacity:0.5 !important; cursor:default !important;}
button.btn-purple{background:#9778CB !important; color:white;}
button.btn-green{background:#198754 !important; color:white;}
button.btn-green:hover{background:#35d17b !important; color: white}

/* Extended Input Classes */
input.error, textarea.error, select.error{border:1px solid red !important;}
input.w-30{width:30% !important;}
input.w-40{width:40% !important;}

a.disabled{pointer-events:none; opacity:0.4;}

/* Extended Badge Classes */
.badge.soft{opacity:0.7 !important;}
.badge.soft.text-white{text-shadow:-1px 1px 4px rgba(0, 0, 0, 0.2) !important;}
.badge.badge-custom{color:white; font-weight:normal;}
.badge.badge-custom.badge-niche{background:var(--color-purple-niche);}
.badge.badge-custom.badge-broker{background:var(--color-darkblue); color:white; font-weight:normal;}
.badge.badge-custom.badge-white{background:#FFFFFF; color:#000000;}

.badge.badge-quotation{color:#FFF; padding:5px 10px; font-weight:normal;}
.badge.badge-quotation.badge-quotation-mta{background:var(--color-policy-type-mta);}
.badge.badge-quotation.badge-quotation-newbusiness{background:var(--color-policy-type-newbusiness);}
.badge.badge-quotation.badge-quotation-cancellation{background:var(--color-policy-type-cancellation);}
.badge.badge-quotation.badge-quotation-renewal{background:var(--color-policy-type-renewal);}
.badge.badge-quotation.badge-quotation-expired{background:var(--color-policy-type-expired);}
.badge.badge-quotation.badge-quotation-authorised{background:var(--color-policy-type-authorised);}

/* Extended Table Classes */
.table.thin-row{}
.table.thin-row td{padding:.3rem; border-top:1px solid rgba(0, 0, 0, 0.08);}
.table tr.header{background:rgba(0, 0, 0, 0.05); text-align:center; font-weight:bolder; font-style:italic; letter-spacing:2px; color:rgba(0, 0, 0, 0.3);}
.table.selectable{}
.table.selectable tr{cursor:pointer;}
.table.selectable tr:hover{background:rgba(0, 0, 0, 0.05);}

/* Extended Card Classes */
.card.bg-grey{background:rgba(0, 0, 0, 0.03) !important;}
.card.box-shadow{box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.05);}
.card.no-border{border:none;}

/* Extended List Classes */
.list-group-item.active{border:2px solid rgba(0, 123, 255, 0.56) !important; background:none !important; color:inherit; z-index:10;}

.content{padding:50px 0;}
.container-xp{width:1300px !important; margin:auto !important;}
.container-wide{width:1500px !important; margin:auto !important;}

.quote-insurer{width:140px; opacity:0.8; background:white; border-radius:5px; padding:5px 10px; margin-left:-8px; display:flex; align-items:center; justify-content:center; margin-bottom:7px;}
.quote-insurer img{width:100%;}
.quote-insurer.eridge{}
.quote-insurer.tradex img{width:110px;}
.quote-result-actions{}
.quote-result-actions a, .quote-result-actions button{margin-left:10px; min-width:50px; display:flex; align-items:center; justify-content:center;}
.quote-scheme{opacity:0.7; margin-left:-3px;}

/* Extended Modal Classes */
.modal .modal-body.no-overflow{overflow:hidden !important; line-height:normal !important;}

.modal#global-popup-modal{background:rgba(0, 0, 0, 0.25);}

#global-loader{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:999; align-items:center; justify-content:center; flex-direction:column; color:white; display:none; pointer-events:all;}
#global-loader.visible{display:flex;}

/* Extended Text Classes */
.text-orange{color:var(--color-orange-rich);}
.display-4{font-size:2em;}
.border-box{box-sizing:border-box !important;}
.main-logo{width:170px; padding:8px;}
.dropdown-item{cursor:pointer;}
.font-small {font-size: 15px;}

.no-border{border:none !important;}

/* Custom switch */
.option-switch{height:32px; display:flex; border-radius:2px; overflow:hidden; cursor:pointer;}
.option-switch.small{height:22px;}
.option-switch span{background:rgba(0, 0, 0, 0.2); height:100%; display:flex; align-items:center; justify-content:center; padding:0 10px; color:#FFFFFF; font-weight:normal !important;}
.option-switch span.selected{background:#68B1FF;}

/* Custom Dropdown */
.dropdown.custom .dropdown-menu{padding:0;}
.dropdown.custom .dropdown-item{padding:20px; border-bottom:1px solid rgba(0, 0, 0, 0.3);}
.dropdown.custom .dropdown-item:last-child{border-bottom:none;}

.cursor-pointer{cursor:pointer;}

td.noinfo{display:flex; align-items:center; background:rgba(0, 0, 0, 0.05); border:1px solid rgba(0, 0, 0, 0.1); padding:10px 16px;}

body::before{
    content:"";
    position:fixed;
    width:300%;
    height:300%;
    top:-80%;
    left:-100%;
    z-index:-1;
    transform:rotate(-30deg);
}

:root{
    --color-niche-cover: #6f8ebb;
    --color-policy-type-newbusiness:rgb(132, 226, 198);
    --color-policy-type-mta:rgb(172, 132, 226);
    --color-policy-type-cancellation:rgb(226, 132, 135);
    --color-policy-type-renewal:rgb(147, 226, 132);
    --color-policy-type-adjustment:rgb(132, 213, 226);
    --color-policy-type-ntu:rgb(255, 193, 7);
    --color-policy-type-expired:rgb(115, 115, 115);
    --color-policy-type-authorised:rgb(25, 135, 84);

    --border-weight-highlighted:4px;
    --card-history-action-height:28px;
    
    --default-switch-opacity:0.75;
}

.txt-newbusiness{color:var(--color-policy-type-newbusiness)}
.txt-mta{color:var(--color-policy-type-mta)}
.txt-cancellation{color:var(--color-policy-type-cancellation)}
.txt-renewal{color:var(--color-policy-type-renewal)}
.txt-adjustment{color:var(--color-policy-type-adjustment)}
.txt-ntu{color:var(--color-policy-type-ntu)}

.bg-newbusiness{background:var(--color-policy-type-newbusiness);}
.bg-mta{background:var(--color-policy-type-mta);}
.bg-cancellation{background:var(--color-policy-type-cancellation);}
.bg-renewal{background:var(--color-policy-type-renewal);}
.bg-adjustment{background:var(--color-policy-type-adjustment);}
.bg-ntu{background:var(--color-policy-type-ntu);}

.card-history{margin:0 20px 30px 20px; display:flex; flex-direction:row; font-size:0.9rem; box-shadow:0 0 10px rgba(0, 0, 0, 0.10);}
.card-history:last-child{margin-bottom:10px;}

.card-history.highlighted{border:var(--border-weight-highlighted) solid rgba(0, 0, 0, 0.4);}
.card-history.highlighted.newbusiness{border:var(--border-weight-highlighted) solid var(--color-policy-type-newbusiness);}
.card-history.highlighted.mta{border:var(--border-weight-highlighted) solid var(--color-policy-type-mta);}
.card-history.highlighted.cancellation{border:var(--border-weight-highlighted) solid var(--color-policy-type-cancellation);}
.card-history.highlighted.renewal{border:var(--border-weight-highlighted) solid var(--color-policy-type-renewal);}
.card-history.highlighted.adjustment{border:var(--border-weight-highlighted) solid var(--color-policy-type-adjustment);}
.card-history.highlighted.ntu{border:var(--border-weight-highlighted) solid var(--color-policy-type-ntu);}
.card-history.highlighted .card-header{border-radius:0;}

.card-history.highlighted.newbusiness .card-body .interaction{border:1px solid var(--color-policy-type-newbusiness); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-newbusiness);}
.card-history.highlighted.mta .card-body .interaction{border:1px solid var(--color-policy-type-mta); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-mta);}
.card-history.highlighted.cancellation .card-body .interaction{border:1px solid var(--color-policy-type-cancellation); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-cancellation);}
.card-history.highlighted.renewal .card-body .interaction{border:1px solid var(--color-policy-type-renewal); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-renewal);}
.card-history.highlighted.adjustment .card-body .interaction{border:1px solid var(--color-policy-type-adjustment); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-adjustment);}
.card-history.highlighted.ntu .card-body .interaction{border:1px solid var(--color-policy-type-ntu); border-top:var(--border-weight-highlighted) solid var(--color-policy-type-ntu);}

.card-history .section{}
.card-history > .section.left{width:28px; background:rgba(0, 0, 0, 0.05); display:flex; align-items:center; justify-content:center;}
.card-history > .section.left span{transform:rotate(-90deg); white-space:nowrap; color:white; text-shadow:-1px 1px 2px rgba(0, 0, 0, 0.2); font-size:0.8rem;}
.card-history .section.right{width:100%;}

.card-history .section.newbusiness{background:var(--color-policy-type-newbusiness);}
.card-history .section.mta{background:var(--color-policy-type-mta);}
.card-history .section.cancellation, .card-history .section.cancelmta{background:var(--color-policy-type-cancellation);}
.card-history .section.renewal{background:var(--color-policy-type-renewal);}
.card-history .section.adjustment{background:var(--color-policy-type-adjustment);}
.card-history .section.ntu{background:var(--color-policy-type-ntu);}

.card-history .card-header{background:none; display:flex; flex-direction:row; padding:0; align-items:center; border-top-left-radius:0; border-bottom:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); background:rgba(0, 0, 0, 0.04);}
.card-history .card-header .section{all:unset; display:flex; align-items:center;}
.card-history .card-header .section .status{margin-right:20px;}
.card-history .card-header .section.left{padding-left:16px;}
.card-history .card-header .section.left span{opacity:0.6; font-size:0.8em !important;}
.card-history .card-header .section.right{min-width:250px; font-size:0.8rem; margin-left:auto; background:rgba(255, 255, 255, 0); padding-left:20px; display:flex; justify-content:flex-end; color:rgba(0, 0, 0, 0.7);}
.card-history .card-header .section.right .status{text-shadow:none; font-size:0.7rem; min-width:60px; text-align:center; margin-left:1em; border:1px solid rgba(0, 0, 0, 0.2); background:white;}

.card-history .card-header .actions{display:flex; height:var(--card-history-action-height); margin-left:20px;}
.card-history .card-header .actions .action{height:100%; width:var(--card-history-action-height); border-left:1px solid rgba(0, 0, 0, 0.15); display:flex; align-items:center; justify-content:center; cursor:pointer; color:black; text-decoration:none; position:relative;}
.card-history .card-header .actions .action i{opacity:0.6;}
.card-history .card-header .actions .action > div{display:none;}
.card-history .card-header .actions .action:hover i{opacity:1;}
.card-history .card-header .actions .action.has-notes i{color:green;}
.card-history .card-header .actions .action.has-notes div{position:absolute; top:0; right:-10px; width:16px; height:16px; border-radius:16px; background:green; color:white; display:flex; align-items:center; justify-content:center; font-size:0.7rem;}

.card-history .card-body{padding:0; display:flex;}
.card-history .card-body .section{height:80px; display:flex; flex-direction:column; position:relative; padding:0 10px; justify-content:center; align-items:center; flex:0; min-width:120px; box-sizing:content-box; border-right:1px solid rgba(0, 0, 0, 0.15);}
.card-history .card-body .section i{margin-bottom:5px; opacity:0.9;}
.card-history .card-body .section span{text-align:center;}
.card-history .card-body .section:nth-child(1){min-width:150px;}
.card-history .card-body .section:nth-child(4):not(.right){min-width:190px;}
.card-history .card-body .section *{pointer-events:none;}
.card-history .card-body .section.right{margin-left:auto; border-right:none; display:flex; justify-content:flex-end; flex-direction:row; padding-right:20px;}
.card-history .card-body .section.right a{background:#17A2B8; padding:5px 10px; border-radius:3px; color:white; cursor:pointer; pointer-events:all; margin-left:10px;}
.card-history .card-body .section.right a i{margin:0; padding:0;}
.card-history .card-body .section.right a:hover{opacity:0.9;}
.card-history .card-body .section.right a.danger{background:var(--color-policy-type-cancellation);}
.card-history .card-body .section.right a.success{background:var(--color-policy-type-newbusiness);}
.card-history .card-body .section.insurer *{opacity:0.7; font-size:16px; margin:0;}
.card-history .card-body .section.insurer img{width:76px; margin-top:2px;}

.card-history .card-body .section .dropdown-price{position:absolute; top:100%; z-index:100;}
.card-history .card-body .section .dropdown-price div{display:flex;}
.card-history .card-body .section .dropdown-price div span:nth-child(1){margin-right:20px;}
.card-history .card-body .section .dropdown-price div span:nth-child(2){margin-left:auto;}

.card-history .card-body .interaction{font-size:0.7rem; position:absolute; background:white; bottom:0; left:50%; padding:0 20px; transform:translate(-50%, 100%); border-bottom-left-radius:3px; border-bottom-right-radius:3px; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.15);}
.card-history .card-body .interaction i{margin:0 0 0 10px;}
.card-history .card-body .interaction *{opacity:0.6;}
.card-history .card-body .interaction:hover *{opacity:0.9;}
.card-history .card-body .interaction.active{}
.card-history .card-body .interaction.active i{transform:rotate(180deg);}

.card-history .card-body.extra-info{border-top:1px dashed rgba(0, 0, 0, 0.2);}
.card-history .card-body.extra-info .section{height:80px;}
.card-history .card-body.extra-info .section i{margin-bottom:5px; opacity:0.6;}

.card-history .card-body.rows{border-top:1px dashed rgba(0, 0, 0, 0.2); padding:14px; display:flex; flex-direction:column; align-items:flex-start;}
.card-history .card-body.rows .nested-row{height:32px; width:auto; display:flex; margin-bottom:10px; border:1px solid rgba(0, 0, 0, 0.15);}
.card-history .card-body.rows .nested-row:last-child{margin-bottom:0;}
.card-history .card-body.rows .nested-row .section{height:100%; align-items:center; justify-content:center; padding:0 20px; border-right:1px solid rgba(0, 0, 0, 0.15); display:flex; flex-direction:row; min-width:150px;}
.card-history .card-body.rows .nested-row .section i{margin:0 10px 0 0;}
.card-history .card-body.rows .nested-row .section span{text-align:right;}
.card-history .card-body.rows .nested-row .section:nth-child(1){text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.5); color:white; min-width:100px;}
.card-history .card-body.rows .nested-row .section:nth-child(2){min-width:100px;}
.card-history .card-body.rows .nested-row .section:nth-child(3){min-width:200px;}
.card-history .card-body.rows .nested-row .section:last-child{border-right:none;}
.card-history .card-body.rows .nested-row .section.action{min-width:20px; color:white;}
.card-history .card-body.rows .nested-row .section.action.danger{background:var(--color-policy-type-cancellation);}
.card-history .card-body.rows .nested-row .section.action.success{background:var(--color-policy-type-newbusiness);}
.card-history .card-body.rows .nested-row .section.action i{margin:0;}

.card-history.active .card-header .status{color:green;}
.card-history.expired, .card-history.error{opacity:0.5; box-shadow:none;}
.card-history.expired:hover, .card-history.error:hover{opacity:1;}
.card-history.expired .card-header .status{color:grey;}
.card-history.error .card-header .status{color:red;}
.card-history.warning .card-header .status{color:var(--color-policy-type-ntu);}

#control-switch-expired:checked ~ .custom-control-label::before{opacity:var(--default-switch-opacity);}
#control-switch-cancelled:checked ~ .custom-control-label::before{opacity:var(--default-switch-opacity);}
#control-switch-errored:checked ~ .custom-control-label::before{opacity:var(--default-switch-opacity);}
#control-switch-declined:checked ~ .custom-control-label::before{opacity:var(--default-switch-opacity);}
#control-switch-recent:checked ~ .custom-control-label::before{opacity:var(--default-switch-opacity);}

#control-switch-newbusiness:checked ~ .custom-control-label::before{background:var(--color-policy-type-newbusiness) !important; border-color:var(--color-policy-type-newbusiness) !important;}
#control-switch-mta:checked ~ .custom-control-label::before{background:var(--color-policy-type-mta) !important; border-color:var(--color-policy-type-mta) !important;}
#control-switch-cancellation:checked ~ .custom-control-label::before{background:var(--color-policy-type-cancellation) !important; border-color:var(--color-policy-type-cancellation) !important;}
#control-switch-renewal:checked ~ .custom-control-label::before{background:var(--color-policy-type-renewal) !important; border-color:var(--color-policy-type-renewal) !important;}
#control-switch-adjustment:checked ~ .custom-control-label::before{background:var(--color-policy-type-adjustment) !important; border-color:var(--color-policy-type-adjustment) !important;}
#control-switch-ntu:checked ~ .custom-control-label::before{background:var(--color-policy-type-ntu) !important; border-color:var(--color-policy-type-ntu) !important;}

.filter-switches-wrapper label{pointer-events:none;}
/* Prevent text selection when clicked */

.policy-history-search-filters-toggle{opacity:0.7;}
.policy-history-search-filters-toggle:hover{opacity:1;}

.dropdown-custom{width:auto; background:white; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 0 5px rgba(0, 0, 0, 0.1); display:none; flex-direction:column; padding:12px;}
.dropdown-custom span{white-space:nowrap;}

.mta-history-list{width:100%; display:flex; flex-direction:column; justify-content:center;}
.nodata{height:150px; display:flex; align-items:center; justify-content:center; font-size:16px; opacity:0.5;}
.nodata div{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.nodata div i{margin-bottom:18px;}
.nodata div span{font-weight:bolder;}
.nodata div small{opacity:0.6; margin-top:5px;}

.modal-content{position:relative;}
.modal-content .modal-overlay{position:absolute; width:100%; height:100%; z-index:100; display:none; align-items:center; justify-content:center;}
.modal-content .modal-overlay.visible{display:flex;}
.modal-content .modal-overlay .overlay-container{display:flex; flex-direction:column; align-items:center; justify-content:center; background:white; padding:20px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:5px; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.modal-content .modal-overlay .overlay-container span{margin-top:5px;}

.t-section-title{display:flex; align-items:center;}
.t-section-title h3{margin:0;}
.t-section-title h3:nth-child(2){font-size:1.4em; margin:0.15em 0 0 0.8em;}

:root{
    --color-row-credit:rgba(0, 255, 0, 0.1);
    --border-row:1px solid rgba(0, 0, 0, 0.2);
    --color-selected:#F8FFC6;
    --color-green:#D9FBE3;
    --color-blue:#D9DDFB;
    --color-allocated:rgba(0, 0, 0, 0.05);
    --height-row:30px;
    --height-row-action:40px;
    
    --color-payment-blue:#7CB0FF;
    --color-payment-green:#6ED39E;
    --color-payment-red:#FF7C7C;
    --color-payment-purple:#BC7CFF;
    --color-payment-grey:rgba(0, 0, 0, 0.05);
    
    --color-override-blue:#3077E5;
    
    --color-approved:#79A883;
    --color-declined:#721C24;
}

.submit-overlay{width:100%; height:100%; min-height:400px; display:none; position:absolute; justify-content:center; background:rgba(0, 0, 0, 0.2); border-radius:5px; z-index:10;}
.submit-overlay .wrapper{width:200px; height:200px; background:white; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(0, 0, 0, 0.2); border-radius:5px; margin-top:100px;}
.submit-overlay .wrapper span{margin-top:15px;}
.submit-overlay.visible{display:flex;}

.report-summary{font-size:0.9em;}

/* Accounting: Allocation */
.allocation-title{width:100%; display:flex;}
.allocation-container{display:flex; margin-top:1.5em; position:relative; min-height:400px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:5px; user-select:none;}
.allocation-container .allocation-subcontainer{padding:10px 14px; box-sizing:border-box; position:relative; display:flex; flex-direction:column; border-right:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.03); flex-grow:1;}
.allocation-container .allocation-subcontainer.minimised{flex-grow:0; width:auto !important;}
.allocation-container .allocation-subcontainer.minimised .header span span{display:none;}
.allocation-container .allocation-subcontainer.minimised .header .subcontainer-actions{display:none;}
.allocation-container .allocation-subcontainer.minimised .row-container{display:none;}
.allocation-container .allocation-subcontainer.minimised .header > span .container-actions .action.minimise{background:var(--color-payment-green);}

.allocation-container .allocation-subcontainer .message{opacity:0.6; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 0; font-size:1.1em; position:absolute; left:50%; right:50%; top:50px; width:100%; transform:translate(-50%, 0);}
.allocation-container .allocation-subcontainer .message i{margin-bottom:8px;}
.allocation-container .allocation-subcontainer .message.relative{position:relative; transform:none; top:unset; left:unset; right:unset;}

.allocation-container .allocation-subcontainer .header{width:100%;}
.allocation-container .allocation-subcontainer .header > span{margin-bottom:0.8em; display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .header > span i{margin-right:0.8em; opacity:0.7;}
.allocation-container .allocation-subcontainer .header > span .container-actions{margin-left:auto;}
.allocation-container .allocation-subcontainer .header > span .container-actions .action.minimise{width:10px; height:10px; border-radius:10px; background:rgba(0, 0, 0, 0.3);}
.allocation-container .allocation-subcontainer .header > span .container-actions .action{margin-left:0.8em; margin-right:0; cursor:pointer;}
.allocation-container .allocation-subcontainer .header > span .container-actions .action:hover{opacity:0.4;}
.allocation-container .allocation-subcontainer .header .search-date{width:100%; display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .header .search-date *{margin-right:1em;}
.allocation-container .allocation-subcontainer .header .search-date select{width:11em; font-size:11.5px;}
.allocation-container .allocation-subcontainer .header .search-date i{opacity:0.7;}
.allocation-container .allocation-subcontainer .header .search-date i:hover{opacity:0.9; cursor:pointer;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions{width:100%; height:32px; margin-top:1em; border-bottom:1px solid rgba(0, 0, 0, 0.2); display:flex; justify-content:space-between; font-size:0.8em; align-items:center;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary{display:flex;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count{display:flex;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count span{padding:0 5px; display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count span.inactive{background:none !important; border:none !important; margin:0 !important;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count span:nth-child(1){color:black; background:var(--color-allocated); border:1px solid rgba(0, 0, 0, 0.1); margin:0 5px;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count span:nth-child(2){background:var(--color-selected); border:1px solid rgba(0, 0, 0, 0.1); margin:0 5px;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .count span:nth-child(3){padding-right:0;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .summary .total{display:flex;}

.allocation-container .allocation-subcontainer .header .subcontainer-actions .actions > .action{opacity:0.3; margin-right:5px;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .actions > .action.enabled{opacity:0.7; cursor:pointer;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .actions > .action.enabled:hover{opacity:1;}
.allocation-container .allocation-subcontainer .header .subcontainer-actions .actions.global{margin-left:auto;}

.allocation-container .allocation-subcontainer .row-container{display:flex; flex-direction:column; margin-top:20px; font-size:0.8em; position:relative; height:100%; justify-content:flex-start;}
.allocation-container .allocation-subcontainer .row-container .row{all:unset; height:var(--height-row); position:relative; border-bottom:1px solid rgba(0, 0, 0, 0.1); display:flex; align-items:center; justify-content:space-between; padding:0 0.7em 0 0; flex-shrink:0; flex-grow:0;}
.allocation-container .allocation-subcontainer .row-container .row > div{display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .row-container .row > div > span{display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .row-container .row .visual-id{height:var(--height-row); width:0.7em; background:grey; margin-right:10px;}

.allocation-container .allocation-subcontainer .row-container .row .status{width:10px; height:10px; border-radius:10px; margin-right:10px; background:var(--color-payment-grey); border:1px solid rgba(0, 0, 0, 0.1);}
.allocation-container .allocation-subcontainer .row-container .row .status.outstanding{}
.allocation-container .allocation-subcontainer .row-container .row .status.rejected{background:var(--color-payment-red);}
.allocation-container .allocation-subcontainer .row-container .row .status.completed{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer .row-container .row .status.approved{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer .row-container .row .status.updated{background:var(--color-payment-purple);}

.allocation-container .allocation-subcontainer .row-container .row span.date{margin-right:12px;}
.allocation-container .allocation-subcontainer .row-container .row span.type{min-width:80px;}
.allocation-container .allocation-subcontainer .row-container .row span.currency{}
.allocation-container .allocation-subcontainer .row-container .row span.amount-override{display:none;}
.allocation-container .allocation-subcontainer .row-container .row:hover:not(.allocated, .inactive){opacity:0.6; cursor:pointer;}
.allocation-container .allocation-subcontainer .row-container .row.selected{background:var(--color-selected);}
.allocation-container .allocation-subcontainer .row-container .row.allocated{background:var(--color-allocated); opacity:0.5; box-sizing:border-box;}
.allocation-container .allocation-subcontainer .row-container .row.expired{opacity:0.3;}
.allocation-container .allocation-subcontainer .row-container .row.expired.selected{opacity:0.8;}

.allocation-container .allocation-subcontainer .row-container .row.inactive{height:calc(var(--height-row) / 1.5); padding-left:1em; background:rgba(0, 0, 0, 0.04); opacity:0.8;}
.allocation-container .allocation-subcontainer .row-container .row.inactive span{display:flex; align-items:center;}
.allocation-container .allocation-subcontainer .row-container .row.inactive a{color:inherit;}
.allocation-container .allocation-subcontainer .row-container .row.inactive a:hover{color:#007BFF;}
.allocation-container .allocation-subcontainer .row-container .row.inactive:not(:first-child){margin-top:1em;}

.allocation-container .allocation-subcontainer .row-container .row.allocated.selected{border:2px dotted blue;}
.allocation-container .allocation-subcontainer .row-container .row .has-notes{display:none; color:var(--color-override-blue); opacity:0.7; margin-left:10px;}
.allocation-container .allocation-subcontainer .row-container .row[data-note]{}
.allocation-container .allocation-subcontainer .row-container .row[data-amount-override]{color:var(--color-override-blue);}
.allocation-container .allocation-subcontainer .row-container .row[data-amount-override] span.currency{text-decoration:line-through; opacity:0.7;}
.allocation-container .allocation-subcontainer .row-container .row[data-amount-override] span.amount-override{display:flex; margin-left:10px;}
.allocation-container .allocation-subcontainer .row-container .row[data-note] .has-notes{display:flex; margin-top:4px;}

.allocation-container .allocation-subcontainer .row-container .row[data-status='rejected']{background:var(--color-payment-red);}
.allocation-container .allocation-subcontainer .row-container .row[data-status='approved']{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer .row-container .row[data-status='completed']{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer .row-container .row[data-status='updated']{background:var(--color-payment-purple);}
.allocation-container .allocation-subcontainer .row-container .row[data-status='outstanding']{background:var(--color-payment-grey);}
.allocation-container .allocation-subcontainer .row-container .row[data-status='ntu']{background:var(--color-payment-grey);}

.allocation-container .allocation-subcontainer .row-container .row.newbusiness .visual-id{background:var(--color-policy-type-newbusiness);}
.allocation-container .allocation-subcontainer .row-container .row.mta .visual-id{background:var(--color-policy-type-mta);}
.allocation-container .allocation-subcontainer .row-container .row.cancellation .visual-id{background:var(--color-policy-type-cancellation);}
.allocation-container .allocation-subcontainer .row-container .row.renewal .visual-id{background:var(--color-policy-type-renewal);}
.allocation-container .allocation-subcontainer .row-container .row.manualadjustment .visual-id{background:var(--color-policy-type-adjustment);}
.allocation-container .allocation-subcontainer .row-container .row.ntu .visual-id{background:var(--color-policy-type-ntu);}

.allocation-container .allocation-subcontainer .row-container.historical{margin:0 0 20px 0; flex-shrink:0; flex-grow:0; height:auto; font-size:1em; opacity:0.5;}


/* History */
.allocation-container .allocation-subcontainer.history{width:30%;}

/* Outstanding */
.allocation-container .allocation-subcontainer.outstanding{width:40%; background:white;}

/* Allocated */
.allocation-container .allocation-subcontainer.allocated{margin-right:0; width:30%; border-right:none;}
.allocation-container .allocation-subcontainer.allocated .row.action{height:calc(var(--height-row) * 1.5); display:flex; border-radius:4px; border:1px solid rgba(0, 0, 0, 0.15); padding:0 28px; margin-bottom:1em;}
.allocation-container .allocation-subcontainer.allocated .row.action.new{background:var(--color-green);}
.allocation-container .allocation-subcontainer.allocated .row.action.saved{background:var(--color-blue);}
.allocation-container .allocation-subcontainer.allocated .row.action.loaded{background:rgba(0, 0, 0, 0.1); justify-content:flex-start; opacity:0.7;}
.allocation-container .allocation-subcontainer.allocated .row.action.loaded > span{margin-left:20px;}
.allocation-container .allocation-subcontainer.allocated .row.action.loaded > div{margin-left:auto;}
.allocation-container .allocation-subcontainer.allocated .row.action.loaded *{pointer-events:none;}
.allocation-container .allocation-subcontainer.allocated .row.action.loaded:hover{cursor:pointer; opacity:0.5;}
.allocation-container .allocation-subcontainer.allocated .row.action i{opacity:0.5; height:100%; display:flex; align-items:center; justify-content:center; margin-top:4px;}
.allocation-container .allocation-subcontainer.allocated .row.action .summary{padding:10px 0;}
.allocation-container .allocation-subcontainer.allocated .row.action .summary .total-amount{font-weight:bold;}

.allocation-container .allocation-subcontainer.allocated .row.action[data-status='rejected']{background:var(--color-payment-red);}
.allocation-container .allocation-subcontainer.allocated .row.action[data-status='approved']{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer.allocated .row.action[data-status='completed']{background:var(--color-payment-green);}
.allocation-container .allocation-subcontainer.allocated .row.action[data-status='updated']{background:var(--color-payment-purple);}

.allocation-container .allocation-subcontainer.allocated .row .number-transactions{margin-right:10px;}
.allocation-container .allocation-subcontainer.allocated .row .number-transactions i{margin:0; opacity:1;}

/* Allocation: Niche */
/* Niche: Payments */
.allocation-container .allocation-subcontainer.payments{width:27%; background:white;}

.allocation-container .allocation-subcontainer.payments .row,
.allocation-container .allocation-subcontainer.actions .row{justify-content:flex-start; padding:0;}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(1){width:65px; margin-right:0;}
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(1){width:100px; margin-right:0;}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(2){width:70px; margin-right:15px; color:white; border-radius:3px; padding:0 10px 0 10px; font-size:0.7rem; display:flex; align-items:center; justify-content:center;}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(3),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(3),
.allocation-container .allocation-subcontainer.allocated .row .number-transactions{background:blue; color:#FFFFFF; padding:0 10px; border-radius:10px; opacity:0.5; font-size:0.7rem; display:flex; align-items:center;}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(3) i,
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(3) i,
.allocation-container .allocation-subcontainer.allocated .row .number-transactions i{margin-right:6px;}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(4),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(4){margin-left:10px; color:var(--color-payment-green);}

.allocation-container .allocation-subcontainer.payments .row > *:nth-child(5),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row > *:nth-child(5){margin-left:auto;}

.allocation-container .allocation-subcontainer.payments .row.outstanding > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.outstanding > *:nth-child(2){background:var(--color-payment-blue);}

.allocation-container .allocation-subcontainer.payments .row.approved > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.approved > *:nth-child(2){background:var(--color-payment-green);}

.allocation-container .allocation-subcontainer.payments .row.rejected > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.rejected > *:nth-child(2){background:var(--color-payment-red);}

.allocation-container .allocation-subcontainer.payments .row.updated > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.updated > *:nth-child(2){background:var(--color-payment-purple);}

.allocation-container .allocation-subcontainer.payments .row.completed > *:nth-child(2),
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.completed > *:nth-child(2){background:var(--color-payment-green);}

/* Niche: Transactions */
.allocation-container .allocation-subcontainer.transactions{width:33.3%; background:white;}

/* Niche: Actions */
.allocation-container .allocation-subcontainer.actions{width:39.6%; background:white; border-right:none;}
.allocation-container .allocation-subcontainer.actions .title{font-size:1.2rem; margin-bottom:20px;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper{display:flex; flex-direction:column;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row{all:unset; display:flex; height:var(--height-row-action); align-items:center; justify-content:flex-start; margin-bottom:10px;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row > *{padding:0;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row label{font-size:1rem; margin:0;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row select{padding:0; height:32px; margin-left:auto; width:150px; font-size:0.8rem;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row textarea{height:100%; font-size:0.8rem; padding:10px; box-sizing:border-box; resize:none;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row:hover{opacity:1 !important; cursor:default !important;}
.allocation-container .allocation-subcontainer.actions .actions-wrapper .row.double{height:calc(var(--height-row-action) * 1.5); margin-bottom:20px;}
.allocation-container .allocation-subcontainer.actions .btn{height:28px; margin-left:10px; display:flex !important; align-items:center; font-size:13px !important; padding:0 10px !important; flex-grow:0; flex-shrink:0;}

.allocation-container .allocation-subcontainer.actions .btransactions-wrapper{display:flex; flex-direction:column; margin-top:32px;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list{background:rgba(0, 0, 0, 0.025); width:100%; height:150px; overflow-y:scroll; position:relative;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list .message{opacity:0.4;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list table{}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list table th{}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list table tr{}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list table tr:hover{background:rgba(0, 0, 0, .05); cursor:pointer;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .list table tr.selected{background:var(--color-selected);}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .row{border:none;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .row:hover{all:unset;}
.allocation-container .allocation-subcontainer.actions .btransactions-wrapper .buttons{display:flex; justify-content:flex-end; margin-top:20px;}

.allocation-container .allocation-subcontainer.actions .history-wrapper{width:100%; display:flex; flex-direction:column; position:relative; padding:0 0 20px 0;}
.allocation-container .allocation-subcontainer.actions .history-wrapper .row{opacity:0.6;}
.allocation-container .allocation-subcontainer.actions .history-wrapper .row:hover{opacity:0.3;}
.allocation-container .allocation-subcontainer.actions .history-wrapper .row.current{border-top:1px dashed green; border-bottom:1px dashed green; color:green; opacity:1;}


/* Custom Modal */
.cmodal{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); top:0; left:0; display:flex; justify-content:center; padding:4em; font-size:0.9em;}
.cmodal .cmodal-body{height:max-content; background:white; padding:3em; border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); display:flex; flex-direction:column; position:relative;}
.cmodal .cmodal-body h5{margin-bottom:30px;}
.cmodal .cmodal-body .list{width:600px; max-height:300px; overflow-y:auto; padding-right:10px;}
.cmodal .cmodal-body .list .item{width:100%; display:flex; flex-direction:column; overflow:visible;}
.cmodal .cmodal-body .list .item .main{width:100%; display:flex; height:40px; align-items:center;}
.cmodal .cmodal-body .list .item .main > span{min-width:110px; margin-right:5px;}
.cmodal .cmodal-body .list .item .main > span.date{min-width:80px;}
.cmodal .cmodal-body .list .item .main > span.scheme{display:none;}
.cmodal .cmodal-body .list .item .main > span.currency{min-width:70px; text-align:right; margin-left:auto;}
.cmodal .cmodal-body .list .item .main > span.type{min-width:150px;}
.cmodal .cmodal-body .list .item .main > input{height:30px; width:120px; margin-left:20px; text-align:right; font-size:0.9em;}
.cmodal .cmodal-body .list .item .main > input.changed{border:1px solid blue;}
.cmodal .cmodal-body .list .item .main > .action{margin-left:10px; opacity:0.7; cursor:pointer;}
.cmodal .cmodal-body .list .item .main > .action:hover{opacity:0.9;}
.cmodal .cmodal-body .list .item .secondary{margin:10px 0 20px 0;}
.cmodal .cmodal-body .list .item .secondary > textarea{width:100%; font-size:0.9em; min-height:32px; max-height:80px; outline:none;}
.cmodal .cmodal-body .list .item .secondary > textarea:focus{outline:none !important;}

.cmodal.centered{align-items:center; position:fixed;}

.cmodal .cmodal-body .controls{all:unset;}
.cmodal .cmodal-body .controls{width:100%; margin-top:20px; display:flex; flex-direction:row-reverse;}
.cmodal .cmodal-body .controls .control{margin-left:10px; width:auto;}

.cmodal .cmodal-body .close-button{position:absolute; color:var(--color-payment-red); right:20px; top:16px; font-size:16px; cursor:pointer;}
.cmodal .cmodal-body .close-button:hover{opacity:0.5;}

.cmodal.transaction-info .list{display:flex; flex-direction:column;}
.cmodal.transaction-info .list > div:not(.title){display:none;}
.cmodal.transaction-info .list > div.visible{display:flex;}
.cmodal.transaction-info .list > div.vertical{flex-direction:column;}
.cmodal.transaction-info .list > div > span:nth-child(1){width:150px;}
.cmodal.transaction-info .list textarea{resize:none; margin-top:10px; font-size:0.9rem;}
.cmodal.transaction-info .list div[data-section='amount-override']{color:var(--color-override-blue);}

/* Reports */
.acc-container{display:flex; margin-top:1.5em; position:relative; flex-direction:column;}
.acc-container .nav-pills{}
.acc-container .nav-pills a{color:black;}
.acc-container .nav-pills a.active{color:white;}

.acc-container .reports-title{font-size:1.3em;}
.acc-container .controls{border:1px solid rgba(0, 0, 0, 0.2); padding:20px; border-radius:5px; display:flex; justify-content:space-between; background:white;}
.acc-container .controls > div:nth-child(1){display:flex; flex-direction:column; width:600px;}
.acc-container .controls > div:nth-child(2){width:200px; display:flex; flex-direction:column;}
.acc-container .controls > div:nth-child(2) > div:nth-child(1){margin-bottom:10px;}
.acc-container .controls > div:nth-child(2).row{flex-direction:row-reverse; width:auto; margin:0;}
.acc-container .controls > div:nth-child(2).row > div{margin:0 0 0 10px;}

.acc-container .controls .form-group{margin-bottom:10px;}
.acc-container .controls .form-group:last-child{margin-bottom:0;}

.acc-container .acc-subcontainer{position:relative;}
.acc-container .acc-subcontainer .results{margin-top:1.5em;}
.acc-container .acc-subcontainer .report-result-wrapper{}
.acc-container .acc-subcontainer .report-result-wrapper .report-title{font-size:20px !important;}
.acc-container .acc-subcontainer .report-result-wrapper .report-title i{opacity:0.7;}

.acc-container .acc-subcontainer.transactions-niche-container{}
.acc-container .acc-subcontainer.transactions-niche-container .controls{display:flex; flex-direction:row; align-items:flex-start;}
.acc-container .acc-subcontainer.transactions-niche-container table{width:75%; font-size:0.9rem; margin:0;}
.acc-container .acc-subcontainer.transactions-niche-container table tr{cursor:pointer; flex-grow:0;}
.acc-container .acc-subcontainer.transactions-niche-container table tr:hover{background:rgba(0, 0, 0, 0.05);}
.acc-container .acc-subcontainer.transactions-niche-container table tr.selected{background:var(--color-selected);}

.acc-container .acc-subcontainer.transactions-niche-container table tr span.reverted{color:purple;}
.acc-container .acc-subcontainer.transactions-niche-container table tr span.confirmed{color:green;}
.acc-container .acc-subcontainer.transactions-niche-container table tr span.pending{color:orange;}
.acc-container .acc-subcontainer.transactions-niche-container table tr span.rejected{color:red;}
.acc-container .acc-subcontainer.transactions-niche-container table tr span.cancelled{color:grey;}

.acc-container .acc-subcontainer.transactions-niche-container .actions{width:25%; border:inherit; height:100%; margin-left:20px; border-radius:inherit; padding:inherit; display:flex; flex-direction:column;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .row{display:flex; align-items:center; font-size:0.9rem; flex-direction:row; width:100%; margin:0 0 10px 0; justify-content:space-between;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .row label{margin:0;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .row label{margin:0;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .buttons{margin-top:20px; display:flex; justify-content:flex-end;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .buttons .btn{margin-left:6px; min-width:80px;}

.acc-container .acc-subcontainer.transactions-niche-container .actions .row input::placeholder{font-size:0.8rem; font-style:italic; text-align:center; color:rgba(0, 0, 0, 0.3);}
.acc-container .acc-subcontainer.transactions-niche-container .actions .row input,
.acc-container .acc-subcontainer.transactions-niche-container .actions .row select{border:1px solid rgba(0, 0, 0, 0.2); border-radius:.2rem; justify-content:space-between; width:60%; outline:none; padding:0 5px;}
.acc-container .acc-subcontainer.transactions-niche-container .actions .row input:disabled,
.acc-container .acc-subcontainer.transactions-niche-container .actions .row select:disabled{background:rgba(0, 0, 0, 0.07);}

.table-bordereau{font-size:0.9em;}

.policy-card{box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.05);}
.policy-card .liner{width:100%;}
.policy-card .card-header{display:flex; align-items:center; justify-content:space-between;}
.policy-card .card-header i{margin-right:18px;}
.policy-card .card-header h4{margin:0; padding:0;}
.policy-card .card-body{display:flex; padding:60px; flex-wrap:wrap; gap:40px;}
.policy-card .card-body .section{width:48%; display:flex; flex-direction:column; padding:20px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:5px;}
.policy-card .card-body .section.third{width:33.2%;}
.policy-card .card-body .section table{}
.policy-card .card-body .section table tr{}
.policy-card .card-body .section table tr td{border:none !important; margin:0; padding:0 5px 10px 5px; white-space:nowrap;}
.policy-card .card-body .section .title{margin-bottom:20px; padding:10px 18px; font-size:22px; display:flex; justify-content:space-between; align-items:center; background:rgba(0, 0, 0, 0.04); border-radius:5px;}
.policy-card .card-body .section .title .dropdown{}
.policy-card .card-body .section .line{width:100%; display:flex; justify-content:space-between; align-items:flex-start; margin:0 0 10px 0; padding:0 5px;}
.policy-card .card-body .section .line img{}
.policy-card .card-body .section .line span.logo{font-size:20px;}
.policy-card .card-body .section .line img.insurer{width:100px;}
.policy-card .card-body .section .line img.broker{width:60px;}
.policy-card .card-body .section .line span.highlighted{color:#46BFAC; font-weight:bolder;}
.policy-card .card-body .section .line span:nth-child(1){font-weight:bolder; opacity:0.8;}
.policy-card .card-body .section .line span:nth-child(2){text-align:right; line-break:auto;}
.policy-card .card-body .section #table-policy-documents{display:flex; flex-direction:column; gap:5px;}
.policy-card .card-body .section #table-policy-documents > a{display:flex; flex-direction:row; padding:6px 10px 6px 20px; color:inherit; background:rgba(0,0,0,0.027);}
.policy-card .card-body .section #table-policy-documents > a i{font-size:18px; opacity:0.2; margin-left:auto;}
.policy-card .card-body .section #table-policy-documents > a span{color:rgba(0,0,0,0.2); font-size:13px; color:black;}
.policy-card .card-body .section #table-policy-documents > a:hover{opacity:0.5; text-decoration:none;}

.add-claim-modal .modal-dialog{width:100px !important;}

.quote-result-message{margin-bottom:20px; font-size:0.9em;}
.quote-result-message h6{width:100px; text-align:center; font-size:0.9em; color:#5E5E5E; font-weight:normal; padding:2px 0; border-radius:2px; border:1px solid rgba(0, 0, 0, 0.4); opacity:0.7;}
.quote-result-message.approved h6{color:#9CBBA2; border:1px solid #9CBBA2;}
.quote-result-message.declined h6{color:#B16F72; border:1px solid #B16F72;}
.quote-result-message.notice h6{color:#51648D; border:1px solid #51648D;}

.rate-button{display:flex; min-width:140px; align-items:center; justify-content:center; font-size:0.8em;}
.rate-button span{width:100%;}
.rate-button i{margin-right:auto;}

/* Accounts Logo */
.user-accounts .logo{width:40px; height:40px; border-radius:50px; background:rgba(0,0,0,0.02); margin-right:20px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.05);}
.user-accounts .logo img{width:100%;}
.user-accounts .logo span{font-weight:bolder; display:none; font-size:12px;}
.user-accounts .logo.no-logo img{display:none;}
.user-accounts .logo.no-logo span{display:flex;}
.user-accounts .btn-primary{background:#007bff !important; border:none; color:white;}