/* ------------------------------------------------------------- */
/* SCROLLBAR DEFINITIONS */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background-image: linear-gradient(to bottom, #eaf7fd, #f7efe2, #fafafa);
    box-shadow: inset 0 0 3px #868e96;
    border-radius: 2px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background-image: linear-gradient(to top, #a4845c, #f7efe2, #fafafa, #a4845c);
    border-radius: 2px;
}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background-image: linear-gradient(to top, #a4845c, #f7efe2, #fafafa, #a4845c);
    }

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-click {
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2% 5px;
    background-color: white;
    color: black;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.55s ease;
    -moz-transition: all 0.55s ease;
    -ms-transition: all 0.55s ease;
    -o-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

    .btn-click:hover {
        background-color: #ffc312;
        color: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5) !important;
        -webkit-transition: all 0.55s ease;
        -moz-transition: all 0.55s ease;
        -ms-transition: all 0.55s ease;
        -o-transition: all 0.55s ease;
        transition: all 0.55s ease;
    }

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
    background: #fffdf2;
}

header {
    background: #fef9df !important;
}

.main-holder {
    position: relative;
    width: 100%;
    height: calc(100vh - 140px);
    overflow-x: hidden;
    overflow-y: hidden;
}

    .main-holder.no-header {
        height: calc(100vh - 45px);
    }

    .main-holder.no-footer {
        height: calc(100vh - 100px);
    }

.main-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fffefc;
    border: solid 1px #ccc;
    border-radius: 2rem;
    margin: auto;
    padding: 1.5rem;
    margin-bottom: 8rem;
}

    .main-block.main-block-80r {
        max-width: 80rem !important;
    }

    .main-block.main-block-60r {
        max-width: 60rem !important;
    }

    .main-block.main-block-40r {
        max-width: 40rem !important;
    }

    .main-block.main-block-fluid {
        max-width: 100% !important;
        top: 0rem !important;
        left: 0px !important;
        transform: none !important;
    }

section
.scrollable-holder {
    /*max-height: calc(100vh - 370px);*/
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: hidden;
}

div #sections-holder {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 200px);
}

.list-group {
    max-width: 460px;
    margin: 1.5rem auto;
}

.form-check-input:checked + .form-checked-content {
    opacity: 0.5;
}

.form-check-input-placeholder {
    border-style: dashed;
}

[contenteditable]:focus {
    outline: 0;
}

.list-group-checkable .list-group-item {
    cursor: pointer;
}

.list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

    .list-group-item-check:hover + .list-group-item {
        background-color: var(--bs-light);
    }

    .list-group-item-check:checked + .list-group-item {
        color: #fff;
        background-color: var(--bs-blue);
    }

    .list-group-item-check[disabled] + .list-group-item,
    .list-group-item-check:disabled + .list-group-item {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: 0.5rem;
}

.list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -0.5em;
}

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
    background-color: var(--bs-light);
}

.list-group-radio .form-check-input:checked + .list-group-item {
    background-color: var(--bs-body);
    border-color: var(--bs-blue);
    box-shadow: 0 0 0 2px var(--bs-blue);
}

.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.element {
    cursor: pointer;
    color: #42818e !important;
    -webkit-transition: all 0.55s ease;
    -moz-transition: all 0.55s ease;
    -ms-transition: all 0.55s ease;
    -o-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

    .element:hover {
        text-transform: lowercase;
        font-style: italic;
        color: #90c2cc !important;
        -webkit-transition: all 1.55s ease;
        -moz-transition: all 1.55s ease;
        -ms-transition: all 1.55s ease;
        -o-transition: all 1.55s ease;
        transition: all 1.55s ease;
    }

    .element.selected {
        color: #90c2cc !important;
    }

/* loading in progress Page
---------------------------------------------------------------*/
#loading {
    display: none;
}

    #loading div.background {
        margin: auto;
        filter: alpha(Opacity=40);
        opacity: 0.4;
        width: 100%;
        height: 100%;
        z-index: 2102;
        position: absolute;
        background-color: #D5F4FF;
        top: 0px;
        left: 0px;
        cursor: wait;
    }

    #loading div.messagebox {
        vertical-align: middle;
        height: 65px;
        /*background-color: #0E1826;*/
        background-position: left center;
        z-index: 2102;
        position: absolute;
        left: 42%;
        top: 40%;
        font-weight: 600;
        font-size: 25px;
        color: #37474F;
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

/* loading with spinner
---------------------------------------------------------------*/
[data-loading="true"] [data-spinner] {
    display: inline;
    font-size: 0.37rem;
    color: #ff5722 !important;
}

[data-loading="false"] [data-spinner] {
    display: none;
}
/* loading in progress Page
---------------------------------------------------------------*/
#flashMessage {
    display: none;
}

    #flashMessage div.background {
        margin: auto;
        filter: alpha(Opacity=20);
        opacity: 0.2;
        width: 100%;
        height: 5%;
        z-index: 1101;
        position: absolute;
        background-color: #fcdc6c;
        bottom: 0px;
        left: 0px;
        cursor: wait;
    }

    #flashMessage div.messagebox {
        vertical-align: middle;
        height: 50px;
        /*background-color: #0E1826;*/
        background-position: left center;
        z-index: 1102;
        position: absolute;
        left: 0%;
        bottom: 0%;
        font-weight: 400;
        font-size: 20px;
        color: #37474F;
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        cursor: wait;
    }

        #flashMessage div.messagebox > div {
            text-align: center;
        }
/* session timeout in progress Page
---------------------------------------------------------------*/
#timeout {
    display: none;
}

    #timeout div.background {
        margin: auto;
        filter: alpha(Opacity=40);
        opacity: 0.7;
        width: 100%;
        height: 100%;
        z-index: 99;
        position: absolute;
        background-color: #D5F4FF;
        top: 0px;
        left: 0px;
        cursor: wait;
    }

    #timeout div.messagebox {
        vertical-align: middle;
        height: 200px;
        width: 350px;
        background-color: #E9EADF;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #898989;
        -moz-box-shadow: 0 0 15px #999999;
        box-shadow: 0 0 10px #999999;
        background-position: left center;
        z-index: 100;
        position: absolute;
        /*left: 42%;*/
        /*top: 40%;*/
        font-weight: 600;
        font-size: 25px;
        color: #0E1826;
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

/*-------------------------------------------------------------------- */
/*ERROR CSS*/
/*-------------------------------------------------------------------- */
.control-label {
    font-weight: bold !important;
    color: #6610f2;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-text {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}
/*-----------------------------------------------------*/
/* carousel navigation buttons
  /*-----------------------------------------------------*/
.carousel-nav-block {
    padding-top: 10px;
}

    .carousel-nav-block .carousel-nav-label {
        padding: 10px 5px 10px 5px;
        width: 100px;
    }

    .carousel-nav-block .carousel-nav-prev,
    .carousel-nav-block .carousel-nav-next {
        color: #f47023;
        cursor: pointer;
        outline: #f47023;
        background-size: 100%, 100%;
        border-radius: 50%;
        background-image: #ffffff;
        -webkit-transition: all 0.55s ease;
        -moz-transition: all 0.55s ease;
        -ms-transition: all 0.55s ease;
        -o-transition: all 0.55s ease;
        transition: all 0.55s ease;
    }

        .carousel-nav-block .carousel-nav-prev:hover,
        .carousel-nav-block .carousel-nav-next:hover {
            color: #fbbf9b;
            background-size: 100%, 100%;
            border-radius: 50%;
            background-image: #ffffff;
            /* font-size: 1em; */
            -webkit-transition: all 0.55s ease;
            -moz-transition: all 0.55s ease;
            -ms-transition: all 0.55s ease;
            -o-transition: all 0.55s ease;
            transition: all 0.55s ease;
        }

        .carousel-nav-block .carousel-nav-next:after {
            content: "\f0a9";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
        }

        .carousel-nav-block .carousel-nav-prev:after {
            content: "\f0a8";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
        }
/*-------------------------------------------------------------------- */
.modal-body .list-group {
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
}

.pointer {
    cursor: pointer;
}

    .pointer:hover {
        color: #208ff2 !important;
        -webkit-transition: all 1.55s ease;
        -moz-transition: all 1.55s ease;
        -ms-transition: all 1.55s ease;
        -o-transition: all 1.55s ease;
        -moz-transition: all 1.55s ease;
    }

[data-sort=no] > .sorticon {
    display: none;
}

[data-sort=yes] > .sorticon {
    font-size: 0.8rem;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    color: #ffffff !important;
}
[data-sortdirection=desc] > .sorticon::before{
    content: "\f15e";
    font-family: FontAwesome;
}
[data-sortdirection=asc] > .sorticon::before {
    content: "\f15d";
    font-family: FontAwesome;
}

[data-paid=False] > .checkboxicon::before, [data-paid=false] > .checkboxicon::before {
    content: "\f096";
    font-family: FontAwesome;
    color: #dcdcf0;
}

[data-paid=True][data-compensated=False] > .checkboxicon::before, [data-paid=true][data-compensated=false] > .checkboxicon::before {
    content: "\f096";
    font-family: FontAwesome;
    color: #009900;
}

[data-paid=True][data-compensated=True] > .checkboxicon::before, [data-paid=true][data-compensated=true] > .checkboxicon::before {
    content: "\f046";
    font-family: FontAwesome;
    color: #006600;
}
[data-fee=waived] > .checkboxicon::before {
    content: "\f096";
    font-family: FontAwesome;
    color: #fccc04;
}
/*--------------------------------------------------------------------------------*/
/*GRID DISPLAY*/
/*--------------------------------------------------------------------------------*/

div[data-grid=yes] > div {
    display: grid;
    padding: .25rem !important;
    width: 100%;
    gap: 5px;
}

div[data-grid=yes] div[data-gridrecord=yes]:nth-child(odd) {
    background-color: #f3fefe;
    color: #505453;
    -webkit-transition: background 1.55s ease;
    -moz-transition: background 1.55s ease;
    -ms-transition: background 1.55s ease;
    -o-transition: background 1.55s ease;
    transition: background 1.55s ease;
}

div[data-grid=yes] div[data-gridrecord=yes]:nth-child(even) {
    background-color: #fffefc;
    color: #505453;
    -webkit-transition: background 1.55s ease;
    -moz-transition: background 1.55s ease;
    -ms-transition: background 1.55s ease;
    -o-transition: background 1.55s ease;
    transition: background 1.55s ease;
}

div[data-gridrecord=yes]:hover {
    cursor: pointer;
    background-color: #442c44 !important;
    color: #f5f5dc !important;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    transition: all 1.55s ease;
}
.grid-component-lookups.scrollable-holder {
    background-color: #ffffff;
    height: calc(100vh - 362px);
    overflow-y: auto;
    overflow-x: hidden;
}

.grid-component-lookups > div {
    grid-template-columns: 9% 20% 20% 30% 10% 8%;
}

div[data-headers=yes] {
    font-weight: 600;
    color: #ffffff;
    background-image: linear-gradient( to top, #6ca4f7, #6ca4f7, #5597fa, #3987fc,#3987fc,#2079ff, #0d6efd );
    font-size: 0.8rem;
}
    div[data-headers=yes] > div:hover {
        cursor: pointer;
        color: #c8dcdc;
        -webkit-transition: all 1.55s ease;
        -moz-transition: all 1.55s ease;
        -ms-transition: all 1.55s ease;
        -o-transition: all 1.55s ease;
        transition: all 1.55s ease;
    }

    div[data-headers=yes] > * {
        padding: 3px 0px 3px 0px !important;
    }

div[data-gridrecord=yes] {
    font-size: 0.9rem;
}

#tblDependents > div {
    grid-template-columns: 16% 12% 16% 12% 12% 12% 12% 4%;
}

#tblDependentsPV > div {
    grid-template-columns: 30% 24% 23% 18%;
    gap: 10px !important;
}

#tblDocuments > div {
    grid-template-columns: 10% 43% 43%;
}

@media only screen and (max-width: 768px) {
    .grid-dependents div:nth-child(4) {
        display: none;
    }
    /*    .grid-taxreturns div[data-headers=yes] > *:nth-child(2) {
        display: none;
    }
    .grid-taxreturns div[data-gridrecord=yes] > *:nth-child(2) {
        display: none;
    } */
}

.grid-taxreturns .scrollable-holder, 
.grid-admin .scrollable-holder {
    height: calc(100vh - 251px);
    overflow-y: auto;
    overflow-x: hidden;
}

.grid-taxreturns .scrollable-holder-sm {
    height: calc(100vh - 201px);
    overflow-y: auto;
    overflow-x: hidden;
}


.grid-admin-appusers > div {
    grid-template-columns: 10% 14% 14% 14% 30% 15%;
}

.grid-taxreturns-taxpayers > div {
    grid-template-columns: 11% 15% 20% 18% 15% 15%;
}

.grid-taxreturns-staff > div {
    grid-template-columns: 6% 4% 5% 8% 8% 5% 15% 9% 8% 6% 8% 5% 5% 5%;
    gap: 1px;
}

.grid-taxreturns-staff div[data-headers=yes] > *, .grid-admin-appusers div[data-headers=yes] > * {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.grid-taxreturns-staff div[data-gridrecord=yes] > *, .grid-admin-appusers div[data-gridrecord=yes] > * {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    font-size: 0.8rem;
}

    .grid-taxreturns-staff div[data-gridrecord=yes] > *:hover, .grid-admin-appusers div[data-gridrecord=yes] > *:hover {
        font-size: 0.9rem !important;
        -webkit-transition: all 1.55s ease;
        -moz-transition: all 1.55s ease;
        -ms-transition: all 1.55s ease;
        -o-transition: all 1.55s ease;
        transition: all 1.55s ease;
    }

span[data-paid=True] > *, span[data-paid=true] > * {
    color: #009900 !important;
}

span[data-paid=False] > *, span[data-paid=false] > * {
    color: #ff0000;
    font-size: 0.8rem;
}

    span[data-paid=False] > *:hover, span[data-paid=false] > *:hover {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        border-radius: 5px !important;
        box-shadow: 0 .9rem 1.2rem rgba(0, 0, 0, .25) !important;
    }

span[data-fee=waived] > * {
    color: #fccc04 !important;
}

/*-----------------------------------------------------*/
/* BEGIN - popup modal screen */
/*-----------------------------------------------------*/
@media only screen {
    .declined-terms {
        margin: auto;
        filter: alpha(Opacity=40);
        opacity: 0.40;
        width: 100%;
        height: 100vh;
        z-index: 1000;
        position: absolute;
        background-color: #2c3c54;
        left: 0px;
        top: 0px;
        display: none;
    }

    #popup-forms {
        display: none;
    }

        #popup-forms.toggled {
            display: block;
        }

    .custom-modal {
        position: inherit;
        align-content: center;
    }

        .custom-modal .bg-modal {
            margin: auto;
            filter: alpha(Opacity=80);
            opacity: 1;
            width: 100%;
            height: 100vh;
            z-index: 1000;
            position: absolute;
            background-color: #ffffff;
            left: 0px;
            top: 0px;
            cursor: url(assets/img/exit.png), auto;
        }

        .custom-modal .bg-modal-light {
            margin: auto;
            filter: alpha(Opacity=80);
            opacity: 0.9;
            width: 100%;
            height: 100vh;
            z-index: 1000;
            position: absolute;
            background-color: #ffffff;
            left: 0px;
            top: 0px;
            cursor: url(../img/exit.png), auto;
        }

        .custom-modal .close {
            padding: 10px 10px 0px 0px;
        }

        .custom-modal .modal-holder {
            z-index: 1000;
            position: absolute;
            width: 100%;
            left: auto;
            top: 0%;
        }

        .custom-modal #form-container {
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .custom-modal #form-container > div {
                margin-top: 25px
            }

            .custom-modal #form-container .container {
            }

            .custom-modal #form-container .popup-body {
                height: calc(100vh - 100px);
                overflow-x: hidden;
                overflow-y: auto;
                width: 100%;
            }
}

/*-----------------------------------------------------*/
/* BEGIN - form-control-auto */
/*-----------------------------------------------------*/
.form-control-fixed {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control-auto {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.2;
    /*line-height: 1.4;*/
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

    .form-control-auto.no-border {
        border: 0px !important;
        background-color: none;
    }

    .form-control-auto.is-invalid,
    .form-control.ng-invalid {
        border: 1px solid #f72d11 !important;
    }

    .form-control-auto.is-disabled {
        background-color: #ececec !important;
    }

.form-control-auto-sm,
.form-control-fixed-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    white-space: break-spaces; /* or pre-wrap */
}

.form-control-auto-es,
.form-control-fixed-es {
    padding: 0.5rem 0rem 0rem 0.5rem;
    border-radius: 0.2rem;
    white-space: break-spaces; /* or pre-wrap */
}

.form-control-auto-xes,
.form-control-fixed-xes {
    padding: 0.2rem 0rem 0.2rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    white-space: break-spaces; /* or pre-wrap */
}

.form-control-mod {
    /* display: block; */
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control-mod-sm {
    padding: 0.2rem 0rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.form-control-auto-disabled {
    background: #e9ecef !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
}

.input-group > .form-control-auto {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.pre-wrapped {
    white-space: pre-wrap;
    text-align: justify;
    /* padding-right: 10px; */
}
/*-----------------------------------------------------*/
/* BEGIN - BUTTONS */
/*-----------------------------------------------------*/
.btn-icon-close,
.fa-chevron-circle-left {
    font-size: 1em;
    cursor: pointer;
    color: #ffb12f !important;
}

    .btn-icon-close:hover,
    .fa-chevron-circle-left:hover {
        color: #f72d11 !important;
    }

a[data-button="toggle"] {
    text-decoration: none;
}

a[aria-expanded="false"] #icon-toggler::before {
    content: "\f196";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #f72d11 !important;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    transition: all 1.55s ease;
}

a[aria-expanded="true"] #icon-toggler::before {
    content: "\f147";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: darkgrey;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    transition: all 1.55s ease;
}

*[data-action="unlockuser"] #icon-toggler::before {
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #fb0404 !important;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    transition: all 1.55s ease;
}

*[data-action="lockuser"] #icon-toggler::before {
    content: "\f13e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #00cc00;
    -webkit-transition: all 1.55s ease;
    -moz-transition: all 1.55s ease;
    -ms-transition: all 1.55s ease;
    -o-transition: all 1.55s ease;
    transition: all 1.55s ease;
}

/*-----------------------------------------------------*/

.folder-taxreturns .scrollable-holder {
    height: calc(100vh - 251px);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
}

.folder-taxreturns .col-md-3 {
    margin-top: 20px;
    min-height: 170px;
    position: relative;
}

.folder-taxreturns .doc-icon-set-sub {
    background-image: url(../img/enterprise_sprite_udo_iconset.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.folder-taxreturns .categoryImage {
    background-color: #fcec7c;
    background-position: -6px -320px;
    width: 190px;
    height: 175px;
    text-align: center;
    box-shadow: 0 .6rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 10px !important;
}

    .folder-taxreturns .categoryImage:hover {
        background-color: #f4c464;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        border-radius: 5px !important;
        box-shadow: 0 .9rem 1.2rem rgba(0, 0, 0, .25) !important;
    }

.folder-taxreturns .view-details {
    top: 60px;
    background-position: -227px -497px;
    cursor: pointer;
}

.folder-taxreturns .all-docs-cat-icon {
    height: 60px;
    width: 80px;
    display: block;
    margin-left: 7px;
    position: relative;
}

.folder-taxreturns .category-label-style {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    color: #444343;
    margin-top: 25px;
}

.folder-taxreturns .state-federal {
    margin-top: -2px;
}

.folder-taxreturns .status-label-style {
    bottom: -2px;
    left: 0px;
    position: absolute;
    z-index: 1;
    /*margin: 2px 0px;*/
    width: 100%;
    text-align: center;
}

    .folder-taxreturns .status-label-style > div {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        font-size: 0.8rem;
        font-weight: 700;
        color: #ffffff;
        padding: 2px 2px;
        border-radius: 5px !important;
    }

*[data-statustext=Received] {
    color: #1c3424 !important;
}

*[data-statustext="In Progress"] {
    color: #003c28 !important;
}

*[data-statustext="Waiting Payment"] {
    color: #006400 !important;
}

*[data-statustext="Waiting Signature"] {
    color: #28a745 !important;
}

*[data-statustext=Transmitted] {
    color: #4caf50 !important;
}

*[data-statustext=Accepted] {
    color: #008000 !important;
}

*[data-statustext="Need Attention"] {
    color: #ff5722 !important;
}

.line-through {
    text-decoration: line-through !important;
    color: #cac9c9 !important;
}

@media only screen {
    .small-screen {
        display: none;
    }
}

@media only screen and (max-width: 820px) {
    .small-screen {
        display: block;
    }

        .small-screen table tbody {
            border-bottom: 2px solid #0d6efd;
        }

    .large-screen {
        display: none;
    }
}