:root {
    /* --main-color-custom: #e21f27;
    --secondary-color-custom: #c51218; */
    --main-color-custom: #fa521e;
    --secondary-color-custom: #d0390a;
}
#website_loader,#website_form_loader{

	position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	background: rgba(251,251,251,.86);
    z-index: 11111;
}
#section_loader{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 11111;
    top: 0;
    left: 0;
    background: rgba(52, 52, 53, 0.5);
    display:none;
}
#section_loader > div {height:100%;align-items:center;}
#section_loader .spinner-border{color: #252526;}
#website_loader > div, #website_form_loader > div{

	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    height: 114px;
    width: 114px;
}
.rounded-flag img{
    border-radius: 100%;
    height: 22px;
    width: 22px;
    border: 1px solid #d2cfcf;
}
.tax-bg{
    background-image: url('../images/tax-bg.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #FFF;
    background-position: center;
    background-size: 250px auto;
}
.dashboard_snav_section{ display:none; }
#mandate_search_delayed{
    cursor: pointer;
    border: 2px solid #f7b84b;
}
#alert_page_list{margin-bottom:8rem;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color:#fa521e !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color:#fff;;}
.content-page .content{background: #fff;}
.timeline .timeline-icon i{
    height: 20px;
    width: 20px;
    font-size: 20px;
    line-height: 18px;
    top: 0;
    left: 0;
}
.md_timeline > div{
    height: 33px;
    width: 33px;
    text-align: center !important;
    line-height: 33px;
    margin: 0;
    margin-left: 20px;
}
.md_timeline > div > a{
    color: #444;
    font-size: 25px;
}
@keyframes blink {
    50% {
      opacity: 0.0;
    }
}
.blinking{animation: blink 1s step-start 0s infinite;}
.status_blink{color:#FFF;}
.timeline-desk .status_blink h4 i{color:#fff;font-size: 2rem;}
.timeline-desk .status_blink.bg-danger > .arrow-alt{border-left-color: #f1556c !important;}
.timeline-desk .status_blink.bg-danger > .arrow{border-right-color: #f1556c !important;}
.timeline-desk .status_blink.bg-danger > .timeline-icon i{color: #f1556c !important;animation: blink 1s step-start 0s infinite;}
.timeline-desk .status_blink.bg-warning > .arrow{border-right-color: #f7b84b !important;}
.timeline-desk .status_blink.bg-warning > .arrow-alt{border-left-color: #f7b84b !important;}
.timeline-desk .status_blink.bg-warning > .timeline-icon i{color: #f7b84b !important;animation: blink 1s step-start 0s infinite;}
.timeline-desk .status_blink.bg-success > .arrow{border-right-color: #1abc9c !important;}
.timeline-desk .status_blink.bg-success > .arrow-alt{border-left-color: #1abc9c  !important;}
.timeline-desk .status_blink.bg-success > .timeline-icon i{color: #1abc9c  !important;}
.md_stbtn{
    width: 100%;
    text-align: center;
    margin-top: 33px;
}
.md_stbtn > button{color: #000;background: rgba(255,255,255,0.8);}
.md_stbtn > button:hover{color:#1abc9c;border-color:#1abc9c;}
.menu .menu-item .menu-link > .menu-text{white-space: initial;}
#f_upload_errors,#cf_upload_errors,#report_problem_errors{display:none;}


.btn-theme{
    --ct-btn-color: #fff;
    --ct-btn-bg: var(--main-color-custom);
    --ct-btn-border-color: var(--main-color-custom);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--secondary-color-custom);
    --ct-btn-hover-border-color: var(--secondary-color-custom);
    --ct-btn-focus-shadow-rgb: 243, 111, 130;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--secondary-color-custom);
    --ct-btn-active-border-color: var(--secondary-color-custom);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: var(--main-color-custom);
    --ct-btn-disabled-border-color: var(--main-color-custom);
}

.btn-theme-outline{
    --ct-btn-color: var(--main-color-custom);
    /* --ct-btn-bg: #fff; */
    --ct-btn-bg: #ffffff00;
    --ct-btn-border-color: var(--main-color-custom);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: var(--secondary-color-custom);
    --ct-btn-hover-border-color: var(--secondary-color-custom);
    --ct-btn-focus-shadow-rgb: 243, 111, 130;
    --ct-btn-active-color: #fff;
    --ct-btn-active-bg: var(--secondary-color-custom);
    --ct-btn-active-border-color: var(--secondary-color-custom);
    --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: var(--main-color-custom);
    --ct-btn-disabled-border-color: var(--main-color-custom);
}
.menu .menu-item .menu-link.active{background: var(--ct-menu-item-hover-color);color: #fff}
.alert-action-read[data-id],.menu-ajax-link,
.menu a{cursor: pointer;}
.alert-icon-container a:not(.alert-action-read){display:none;}
.notify-icon .mdi{color: #fff;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--main-color-custom);
}

.nav-link:focus, .nav-link:hover{
    color:  var(--main-color-custom);
}

.pdf svg, .download svg{
    transition: all 0.5s ease;
}
.pdf:hover svg, .download:hover svg{
    transition: all 0.5s ease;
    fill: var(--main-color-custom) !important;
    scale: 1.1;
}
.cres_btn_color {
    background:#fa521e;
    color:#FFF;
    border:1px solid #d0390a;
}
.cres_btn_color:hover{
    background: #ea5f35;
    color: #FFF;
    border-color: #bdbec1;
}
.cres_btn_color-outline {
    background:#fff;
    color:#fa521e;
    border:1px solid #fa521e;
}
.cres_btn_color-outline:hover{
    background: #fa521e;
    color: #FFF;
    border-color: #fa521e;
}

.lh-1.flex-fill a, .fs-2.me-2 i {color:#fa521e;}

.clt_footer{background: #1e1d1d;color: #fff;}
.clt_footer a {color:#fa521e;}
.clt_footer a:hover {color:#fa521e;}
.prfl_img{
    display: inline-block;
    padding: 30px 0;
    height: auto;
    width: 100%;
    text-align: center;
}
.prfl_img a img {
    height: 65px !important;
    width: auto;
    margin:0 auto;
    border: 2px solid #fa521e;
    border-radius: 100%;
    box-sizing: content-box;
}
#sidebar_menu .sub-menu .menu-item {margin: 4px 0;}
.auth-fluid {
  background-position: 115% center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #FFF;
}
.navbar-custom{
    box-shadow: 0 1px 6px 0 #e1e7f6;
    width: calc( 100% - 1.5rem );
    background: #f5f5ff;
    border: 1px solid #dedede !important;
}
.app-menu{
    box-shadow: 0 1px 6px 0 #e1e7f6;
    background: #f5f5ff;
    border: 1px solid #dedede !important;
}
.cresc_notif{
    --ct-toast-zindex:1090;
    --ct-toast-padding-x:0.75rem;
    --ct-toast-padding-y:0.5rem;
    --ct-toast-spacing:24px;
    --ct-toast-max-width:350px;
    --ct-toast-font-size:0.875rem;
    --ct-toast-color:inherit;
    --ct-toast-bg:var(--ct-secondary-bg);
    --ct-toast-border-width:var(--ct-border-width);
    --ct-toast-border-color:var(--ct-border-color);
    --ct-toast-border-radius:var(--ct-border-radius);
    --ct-toast-box-shadow:var(--ct-box-shadow);
    --ct-toast-header-color:var(--ct-secondary-color);
    --ct-toast-header-bg:rgba(var(--ct-body-bg-rgb), 0.85);
    --ct-toast-header-border-color:var(--ct-border-color);
    width:var(--ct-toast-max-width);
    max-width:100%;
    font-size:var(--ct-toast-font-size);
    color:var(--ct-toast-color);
    pointer-events:auto;
    background-color:var(--ct-toast-bg);
    background-clip:padding-box;
    border:var(--ct-toast-border-width) solid var(--ct-toast-border-color);
    -webkit-box-shadow:var(--ct-toast-box-shadow);
    box-shadow:var(--ct-toast-box-shadow);
    border-radius:var(--ct-toast-border-radius);
}
.no-notif{
    height: 250px;
    width: 100%;
    background:url('../images/empty-notifications.png');
    background-size: 300px auto;
    background-repeat: no-repeat;
    background-position: top center;
}
#op_tasks_container .p-3:not(.bg-danger):not(.bg-warning) .card-body{
    box-shadow: 0 1px 6px 0 #e1e7f6;
    background: #f5f5ff;
    border: 1px solid #dedede !important;
}

.forminator-pagination-footer{position:relative;}
.forminator-save-draft-link{
    position: absolute;
    top: 100%;
    right: 0;
    padding: 22px 0;
    color: gray;
}
.btn.forminator-step.forminator-current{
    -webkit-filter: brightness(130%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#success-alert-modal{
    z-index: 1056!important;
}

html[data-sidenav-size="condensed"]:not([data-layout="horizontal"]) .app-menu .logo-box > a > .alert {
    transition: none;
    display: none;
}

.sticky-alert{
    position: sticky;
    top: 100px;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: rgb(140 150 165);
}

.show-mobile{
    display: none;
}

.footer-custom{
    line-height: 32px;
    max-width: 100%;
}

.tasklist > li {cursor: grab;}
#md_documents table tr td a {color:#5792f2;}
.task-count{
    background-color: #fa521e !important;
    border: 1px solid #c6c1c1;
}
.mandate_link .badge > span {
    font-size: 12px;
    color: #515353;
    margin-left: 12px;
}
.clt_f_upload{min-width: 141px;}
td.ribbon-box .ribbon {min-width:104px;}
.tr_delt_md_alert{background-color:#f2cdd2;}

.auth-brand.alt-ab{
    margin-bottom: 0!important;
}
.clearfix.alt-clr, .underline{
    border-bottom: solid 1px black!important;
}
.cw-20{
    display: inline-block;
    text-align: end;
    width: 100px!important;
}
.slogan{
    color: var(--main-color-custom);
    font-weight: bold;
    text-align: center;
}

.ribbon{
    margin-bottom: 0!important;
}

.col-4.col-task{min-width: 330px;}
.accordion-button:focus{box-shadow: none !important;}
#page_reload_content > .card{ border:1px solid #ccc; }
.content-page {overflow-x: scroll;}
#mandates_stats_table td.active{
    border: 2px solid #1abb9b;
    background-color: #1abb9b !important;
    transform: scale(0.8);
    font-size: 22px;
    transition: all 0.3s ease-in-out 0.2s;
}
#mandates_stats_table td.active a{color:#fff;}

.bp-messages-wrap .threads-list .thread > .bm-info{padding-left: 15px}
.bp-messages-wrap .threads-list .thread > .pic{display: none}
.Toastify__toast-container > .Toastify__toast{display: none}
.Toastify__toast-container > .Toastify__toast:nth-last-child(4),
.Toastify__toast-container > .Toastify__toast:nth-last-child(3),
.Toastify__toast-container > .Toastify__toast:nth-last-child(2){display: flex}

th.footable-sortable {white-space: nowrap;}
th.footable-sortable .footable-sort-indicator {
    display: inline-block;
    float: none !important;
    margin-left: 8px;
}

@media only screen and (max-width:820px){
    :root{
        --ct-border-width : 0px;
    }

    .table-docs-responsive-crescendo thead tr, .table-docs-responsive-crescendo tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: 60% 40%;
    }

    .table-docs-responsive-crescendo .full-col{
        grid-row-end: span 2;
    }

    .table-invoices-responsive thead tr, .table-invoices-responsive tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: 40% 40% 20%;
    }

    .table-responsive-cresc thead tr, .table-responsive-cresc tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .table-responsive-cresc tbody tr td, .table-invoices-responsive tbody tr td{
        padding: .45rem .85rem;
    }

    .full-row{
        grid-column-end: span 2;
    }

    .show-mobile{
        display: block;
    }

    .mobile-centrer{
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important;
    }

    .mobile-centrer-all{
        align-items: center!important;
        gap: .75rem !important;
    }

    .table-responsive-cresc thead tr th{
        text-align: center;
    }

    .table-responsive-cresc thead th{
        text-align: center;
    }

    .mandate_link > div.row{
        flex-direction: column;
    }

    .user-name, .table-responsive-cresc tr .hide-mobile, .table-docs-responsive-crescendo tr .hide-mobile, .table-invoices-responsive tr .hide-mobile{
        display: none!important;
    }

    .table-responsive-cresc tbody tr:not(:last-child){
        border-bottom: solid 1px;
    }

    .text-center-mobile{
        text-align: center !important;
    }
}

@media only screen and (max-width:650px){
    :root{
        --ct-footer-height : auto;
    }

    footer{
        position: relative!important;
        margin-top: 20px!important;
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
}
@media only screen and (max-width:460px){
    .table-invoices-responsive thead tr, .table-invoices-responsive tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: 40% 40% 20%;
    }

    .table-invoices-responsive thead tr td{
        padding: .45rem .85rem;
    }

    .footer-custom{
        line-height: 24px;
    }

    .table-docs-responsive-crescendo thead tr, .table-docs-responsive-crescendo tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
    }
}
@media only screen and (max-width:410px){
    :root{
        --ct-border-width : 0px;
    }

    .table-invoices-responsive thead tr, .table-invoices-responsive tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: 70% 30%;
    }

    .table-responsive-cresc tbody tr{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .full-row{
        grid-column-end: span 1;
    }

    .hide-xs-mobile{
        display: none;
    }

    .full-col{
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: span 2;
    }

    .table-docs-responsive-crescendo .full-col{
        grid-column-start: initial!important;
        grid-row-start: initial!important;
    }
}

@media (max-width:767px){#page_reload_content, .container-fluid{overflow-x: scroll;}}

@media print{
    footer{
        display: none !important;
    }
}

/*** Rating stars by josetxu ***/
.rating-stars,.rating-stars * {
    box-sizing: border-box;
}
.rating-stars {
    display: block;
    width: 50vmin;
    padding: 1.75vmin 10vmin 2vmin 3vmin;
    background: linear-gradient(90deg, #ffffff90 40vmin, #fff0 40vmin 100%);
    border: 1px solid #fff;
    border-radius: 5vmin;
    position: relative;
}
.rating-counter {
    font-size: 5.5vmin;
    font-family: Arial, Helvetica, serif;
    color: #9aacc6;
    width: 10vmin;
    text-align: center;
    background: #0006;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0 5vmin 5vmin 0;
    line-height: 10vmin;
}
.rating-counter:before {
    content: "0";
    transition: all 0.25s ease 0s;
}
.rating-stars input { display: none; }
.rating-stars label {
    width: 5vmin;
    height: 5vmin;
    background: #000b;
    display: inline-flex;
    cursor: pointer;
    margin: 0.5vmin 0.65vmin;
    transition: all 1s ease 0s;
    clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
}
.rating-stars label[for=rs0] {
    display: none;
}
.rating-stars label:before {
    width: 90%;
    height: 90%;
    content: "";
    background: orange;
    z-index: -1;
    display: block;
    margin-left: 5%;
    margin-top: 5%;
    clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
    background: linear-gradient(90deg, yellow, orange 30% 50%, #184580 50%, 70%, #173a75 100%);
    background-size: 205% 100%;
    background-position: 0 0;
}
.rating-stars label:hover:before {
    transition: all 0.25s ease 0s;
}
.rating-stars input:checked + label ~ label:before {
    background-position: 100% 0;
    transition: all 0.25s ease 0s;
}
.rating-stars input:checked + label ~ label:hover:before {
    background-position: 0% 0
}
.rating-stars #rs1:checked ~ .rating-counter:before {
    content: "1";
}
.rating-stars #rs2:checked ~ .rating-counter:before {
    content: "2";
}
.rating-stars #rs3:checked ~ .rating-counter:before {
    content: "3";
}
.rating-stars #rs4:checked ~ .rating-counter:before {
    content: "4";
}
.rating-stars #rs5:checked ~ .rating-counter:before {
    content: "5";
}
.rating-stars label + input:checked ~ .rating-counter:before {
    color: #ffab00 !important;
    transition: all 0.25s ease 0s;
}
.rating-stars label:hover ~ .rating-counter:before {
    color: #9aacc6 !important;
    transition: all 0.5s ease 0s;
    animation: pulse 1s ease 0s infinite;
}
@keyframes pulse {
    50% { font-size: 6.25vmin; }
}
.rating-stars label[for=rs1]:hover ~ .rating-counter:before {
    content: "1" !important;
}
.rating-stars label[for=rs2]:hover ~ .rating-counter:before {
    content: "2" !important;
}
.rating-stars label[for=rs3]:hover ~ .rating-counter:before {
    content: "3" !important;
}
.rating-stars label[for=rs4]:hover ~ .rating-counter:before {
    content: "4" !important;
}
.rating-stars label[for=rs5]:hover ~ .rating-counter:before {
    content: "5" !important;
}
.rating-stars input:checked:hover ~ .rating-counter:before {
    animation: none !important;
    color: #ffab00 !important ;
}