/* Disables the selection */
#disable-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by any browser but < IE9 */
}

.disable-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by any browser but < IE9 */
}

/* Disables the drag event 
(mostly used for images) */
.disabledrag {
    -webkit-user-drag: none;
}



/* -------------------------------------
                                          Top Navigation Bar Start
                                                        ------------------------------------- */

.menu-list-container {
    background-color: #922E48;
    font-style: normal;
    color: white;
    margin-bottom: 0px;
}

.navbar {
    border-radius: 0px !important;
    min-height: 55px;
}

.smart-logo {
    width: 100px;
}

.main ul {
    padding-left: 0;
    list-style-type: none;
}

.dropbtn {
    background-color: #922E48;
    color: white;
    padding: 8px;
    border: none;
    background: transparent;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}



.dropdown {
    position: relative;
    height: 41px;
    border: 1px solid transparent;
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    margin-bottom: -15px;
}

.dropdown-content {
    display: none;
    border-radius: 5px;
    position: absolute;
    background-color: #f1f1f1;
    width: 325px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3001;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(169, 169, 169);
    border-radius: 0px 6px 6px;
}

    .dropdown-content a {
        color: #922E48;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        border-bottom: 2px solid transparent;
    }

        .dropdown-content a:hover {
            border-bottom: 2px solid rgba(146, 46, 72, 1);
            color: black;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    left: 0px;
    top: 0px;
    height: 41px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: rgb(146, 46, 72);
}

.dropdown:hover {
    background-color: rgba(242, 242, 242, 1);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: rgb(146, 46, 72);
}

#changePassword a, #logout a {
    color: #922E48 !important;
}

.nav-down-arrow {
    padding-left: 5px;
}

.list-header {
    background-color: #5f5d5d;
    font-style: normal;
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
}

.selectedQueue {
    border-bottom: 2px solid rgba(146, 46, 72, 1);
}

    .selectedQueue a {
        color: black;
    }

        .selectedQueue a:hover {
            border-bottom: none;
        }

.megamenu {
    left: -100px;
    width: 800px;
}

.megamenu-2 {
    left: -280px;
    width: 1100px;
}

.megamenu-3 {
    left: -100px;
    width: 600px;
}


.fa-chevron-down icon {
    margin-right: 8px;
    font-size: 16px;
}

.menu-item-panel {
    background-color: #f1f1f1;
    border: none;
}


.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}


.ped-count {
    float: right;
    background-color: #922E48;
    color: white;
}

.qa-count {
    float: right;
    background-color: #922E48;
    color: white;
}


/* -------------------------------------
                                          Top Navigation Bar End
                                                        ------------------------------------- */


/* -------------------------------------
                                          Global Styles Start

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

.panel {
    margin-bottom: 0px !important;
}

.panel-mb {
    margin-top: 20px !important;
}

.panel-background {
    background-color: #F8F8F8;
}

.panel-heading.header-background {
    background-color: #5f5d5d;
    font-style: normal;
    color: white;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 500;
}

.image-container {
    background-color: #F8F8F8;
    font-style: normal;
    color: #333;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.previous-workitem-container {
    background-color: #F8F8F8;
    font-style: normal;
    color: #333;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.document-log-container {
    font-style: normal;
    color: #333;
    height: 308px;
}

.debit-document-log-container {
    font-style: normal;
    color: #333;
    height: 298px;
}


.document-log-view-container {
    font-style: normal;
    color: #333;
    overflow: auto;
    font-family: 'Roboto';
}

.document-log-not-found {
    font-style: italic;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.smart-checkbox {
    padding-left: 16px;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Roboto';
}

.form-check-input.correspondence-checkbox {
    padding-left: 18px;
    margin: 2px -15px 0;
    cursor: pointer;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.form-check-input.smart-checks {
    margin: 2px -15px 0;
    cursor: pointer;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.panel-mainheading {
    padding: 10px 15px;
    border-bottom: 1px solid;
    border-color: rgba(208, 208, 208, 1);
    min-height: 38px;
    color: rgb(146, 46, 72);
}



.check-image {
    top: 115px;
    overflow: auto;
    width: 98%;
    position: absolute;
}

.routing-image {
    top: 13px;
    position: relative;
    overflow: hidden;
}


#icons-header {
    width: 680px;
    height: 50px;
    background: inherit;
    background-color: rgba(208, 208, 208, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(208, 208, 208, 1);
    border-top: 0px;
    border-radius: 0px;
}

.icons-header-container {
    font-style: normal;
    color: #333;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.micr-name-container {
    position: relative;
    overflow: hidden;
    top: 23px;
}

.wi-info-title {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}


.panelheadingspan {
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
    font-weight: 700;
}


/*not required padding since spam is added stop show error message*/
.fields-padding {
    padding-bottom: 0px;
}


/*Queue Dropdown Box Settings Start*/
select.form-control:not([size]):not([multiple]) {
    height: calc(2.3rem + 2px);
}
/*Queue Dropdown Box Settings End*/


/* Sub Header styles and functional arrow styles Start*/

#funtional-queue {
    position: absolute;
    width: 100%;
    z-index: 2200;
    background-color: #F8F8F8;
    padding: 15px;
    box-shadow: 0px 7px 4px #7777778c;
}

.funtional-queue-header {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    padding: 8px;
    background-color: #F8F8F8;
}

    .funtional-queue-header.collapsed .fa-chevron-down,
    .funtional-queue-header .fa-chevron-up {
        display: none;
    }

    .funtional-queue-header.collapsed .fa-chevron-up,
    .funtional-queue-header .fa-chevron-down {
        display: inline-block;
    }

.image-functional-keys-header.collapsed .fa-chevron-down,
.image-functional-keys-header .fa-chevron-up {
    display: none;
}

.image-functional-keys-header.collapsed .fa-chevron-up,
.image-functional-keys-header .fa-chevron-down {
    display: inline-block;
}

/* Sub Header styles and functional arrow styles Start*/




/*alert framework*/
.modal.fade.in {
    opacity: 1;
    overflow: auto;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal {
    background-color: transparent;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-content {
    background-color: #ffffff;
    border-radius: 4px;
    margin: 60px auto;
    max-width: 580px;
    position: relative;
    transition: opacity 400ms ease-in-out;
    width: 100%;
    margin-top: 90%;
    will-change: opacity;
    display: inline-block;
    text-align: left;
}

/*alert popup settings*/
.alert-message, .qa-types-modal {
    position: fixed;
    left: 34%;
    top: 38%;
    width: 26%;
    height: auto;
    border-radius: 7px;
    resize: both;
}

.qa-types-modal {
    box-shadow: 0px 2px 8px 5px rgba(0,0,0,0.2);
}

/*alert popup header settings*/
.panel-heading.alert-message-header, .panel-heading.qa-type-header {
    background-color: #922E48;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 4px;
    font-family: 'Roboto';
    font-weight: 500;
}

.panel-heading.alert-message-header {
    height: 60px;
}

.panel-heading.qa-type-header {
    height: 40px;
}

/*alert popup body settings*/
.alert-message-body {
    height: 127px;
}

.alert-message-body, .qa-types-container {
    background: #FFFFFF;
    color: #333333;
    font-size: 14px;
    border-radius: 4px;
    border-color: #A9A9A9;
    border-width: 1px;
    font-family: 'Roboto';
    font-weight: 500;
}

.qa-types-container {
    height: 187px;
}

/*alert popup confirm icon settings*/
.confirm-icon {
    font-size: -webkit-xxx-large;
    color: #007BFF;
}

/*alert popup alert/warning icon settings*/
.alert-icon {
    font-size: -webkit-xxx-large;
    color: #D9534F;
}

/*alert popup information icon settings*/
.information-icon {
    font-size: -webkit-xxx-large;
    color: #007BFF;
}

/*alert popup message content style settings*/
.alert-message-content {
    color: #333333;
    font-size: 14px;
    text-align: left;
    font-family: 'Roboto';
    font-weight: 500;
}

/*alert popup title settings*/
.alert-message-title {
    float: left;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
}

/*alert popup close icon settings*/
.alert-message-close-icon {
    float: right;
}

/*alert popup footer settings*/
.alert-message-footer {
    text-align: right;
}

/*Alert Framework End*/

/*submit buttons settings*/
.smart-success-buttons {
    background: #007BFF;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    height: 38px;
    font-family: 'Roboto';
}

    .smart-success-buttons:hover {
        background: #0069D9;
        color: #FFFFFF;
    }

    .smart-success-buttons:focus {
        background: #0069D9;
        color: #FFFFFF;
    }

/*cancel button settings*/
.smart-cancel-buttons {
    background: #7d868f;
    color: #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    height: 38px;
    font-family: 'Roboto';
    font-weight: 500;
}

    .smart-cancel-buttons:hover {
        background: #727B84;
        color: #FFFFFF;
    }

    .smart-cancel-buttons:focus {
        background: #727B84;
        color: #FFFFFF;
    }

.alert-message-close-icon:hover {
    cursor: pointer;
}


/* -------------------------------------
                                          Global Styles End
                                                        ------------------------------------- */


/* -------------------------------------
                                          Micr Profile Styles Start
                                                        ------------------------------------- */

.micr-Clean-up-container {
    font-style: normal;
    color: #333;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.correspondence-check {
    padding-left: 61px !important;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Roboto';
}

.micr-image {
    padding-top: -2%;
    position: absolute;
    width: 100%;
}

.micr-image-name {
    position: absolute;
}
/* Micr Profile Styles End */



.amount-in-aplha-image {
    position: absolute;
    width: 100%;
}






















/* Fa Caret Arrows*/
.funtional-queue-header.collapsed .fa-chevron-right,
.funtional-queue-header .fa-caret-up {
    display: none;
}

.funtional-queue-header.collapsed .fa-caret-right,
.funtional-queue-header .fa-caret-down {
    display: inline-block;
}

.image-functional-keys-header.collapsed .fa-caret-down,
.image-functional-keys-header .fa-caret-right {
    display: none;
}

.image-functional-keys-header.collapsed .fa-caret-right,
.image-functional-keys-header .fa-caret-down {
    display: inline-block;
}

/*error message icon*/
.field-warning-icon {
    float: right;
    color: red;
    margin-top: -19px;
    margin-right: 16px;
}

/*input text field background change to below color when field validated*/
.field-errortext-color {
    color: red;
}

/*override form group default padding values*/
.field-form-group {
    margin-bottom: 0px
}
/*ovveride form border on error check*/
.has-error .input-field-error {
    border-color: red;
}

/*set default font for all fields*/
.field-label {
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 500;
}

/*set height for input fields*/
.input-field-error {
    height: 26px;
    padding: 0px;
    font-family: 'Roboto';
}

#image-functional-keys {
    position: absolute;
    width: 96%;
    z-index: 1500;
    background-color: #F8F8F8;
    padding: 10px;
    box-shadow: 0px 5px 3px #7777778c;
}

.menu-icons {
    font-size: 2.5vh;
    cursor: pointer;
    margin: 0px 4px;
    display: inline-block;
}

.menu-icons-rigt-left {
    font-size: 28px;
    cursor: pointer;
    margin: 0px 3px;
    display: inline-block;
}

/* Override background color when block ui shown */
div.block-ui-wrapper {
    background: transparent;
}

    /*progress circle color settings*/
    div.block-ui-wrapper .loader {
        border-color: #9fcee6; /* Circle color */
        border-left-color: #dadce4; /* white space in spinner */
    }

/*progress circle height*/
div.loader {
    font-size: 6px;
}

/*block UI loading message*/
div.block-ui-spinner > .message {
    color: black;
    font-size: 1em;
}


/* -------------------------------------
                                          Micr Profile Styles End
                                                        ------------------------------------- */


.DEO-viewpages.viewPages {
    height: 84.8%;
    top: 159px;
}


/* -------------------------------------
                                          Media Queries Styles Start
                                                        ------------------------------------- */





@media screen and (max-width: 3840px) {
    .help-right-aside-bar {
        float: right;
        position: fixed;
        right: 0;
        width: 0;
        top: 0;
        background: #fff;
        transition: 0.5s;
        height: 760px;
        animation-direction: reverse;
        overflow: hidden;
        z-index: 3500;
    }

    .shortcuts-table {
        height: 620px;
        overflow: auto;
    }
}

/*styles for screen width max 1920px*/
@media screen and (max-width: 1920px) {
    .check-image-container {
        height: 522px;
    }

    .check-image {
        height: 474px;
        margin-top: 1%;
    }

    .micr-image {
        top: -464px;
        left: -2%;
    }

    .micr-image-name {
        top: -50px;
        left: 65%;
    }

    .routing-image {
        height: 50px;
        width: 98%;
    }

    .micr-name-container {
        height: 44px;
        width: 99.3%;
    }

    #pushViewPagesSide.micr-image {
        top: -461px;
        left: 17%;
    }

    #pushViewPagesSide.micr-image-name {
        top: -48px;
        left: 57%;
    }

    #viewPagesPush_Check.check-image {
        height: 404px;
        margin-top: 5%;
        left: 18%;
        overflow: auto;
        width: 80%;
        position: absolute;
    }

    .credit-check-image {
        height: 470px;
    }

    .amount-in-aplha-image {
        top: -116px;
        left: 20%;
    }

    .amount-image {
        top: -178px;
        left: -35px;
        position: absolute;
        clip: rect(177px,1228px,408px,911px);
    }

    .amount-aplha {
        height: 100px;
        width: 70%;
        left: 339px;
    }

    .amount-image-container {
        height: 76px;
        width: 99%;
    }

    #pushViewPagesSide.amount-aplha {
        height: 104px;
        width: 93%;
        left: 72px;
    }

    #viewPagesPush_Check.credit-check-image {
        height: 402px;
        margin-top: 3%;
        left: 16%;
        overflow: auto;
        width: 83%;
        position: absolute;
    }

    #pushViewPagesSide.amount-in-aplha-image {
        width: 79%;
        top: -130px;
        left: 38%;
    }

    #pushViewPagesSide.amount-image {
        left: -23px;
    }

    .viewPages {
        height: 78%;
    }

    .CE-viewpages.viewPages {
        height: 78.5%;
        top: 158px;
    }

    .MCR-viewpages.viewPages {
        height: 77%;
        top: 159px;
    }


    .help-right-aside-bar {
        float: right;
        position: fixed;
        right: 0;
        width: 0;
        top: 0;
        background: #fff;
        transition: 0.5s;
        height: 973px;
        animation-direction: reverse;
        overflow: hidden;
        z-index: 3500;
    }

    .shortcuts-table {
        height: 815px;
        overflow: auto;
    }

    .new_micr_profile_panel_body {
        overflow: auto;
        height: 870px;
    }

    .document-log-view-container {
        height: 680px;
    }
}

.view-page-image {
    border-style: solid;
    border-width: 6px;
    border-color: #D0D0D0;
}

.previous-Workitem-list-border {
    border: 2px solid #ccc;
    padding: 3px;
    height: 850px;
}

/*styles for screen width max 1920px*/

/*styles for screen width max 1366px*/
@media screen and (max-width: 1366px) {
    .check-image-container {
        height: 500px;
    }

    .check-image {
        height: 334px;
        top: 29%;
    }

    .micr-image {
        top: -325px;
        left: -5%;
        width: 106%;
    }

    .micr-image-name {
        top: -40px;
        left: 53%;
    }

    .routing-image {
        height: 80px;
        top: 13px;
    }

    .micr-name-container {
        top: 23px;
        height: 44px;
        width: 99.3%;
    }

    #pushViewPagesSide.micr-image {
        top: -325px;
        left: 25%;
    }

    #pushViewPagesSide.micr-image-name {
        top: -48px;
        left: 57%;
    }

    #viewPagesPush_Check.check-image {
        height: 239px;
        margin-top: 5%;
        left: 23%;
        overflow: auto;
        width: 75%;
        position: absolute;
    }

    .viewPages {
        height: 79%;
    }

    .credit-check-image {
        height: 470px;
    }

    .amount-in-aplha-image {
        top: -55px;
        left: 20%;
    }

    .amount-image {
        top: -172px;
        left: -421px;
        position: absolute;
    }

    .amount-aplha {
        height: 100px;
        width: 70%;
        left: 237px;
    }

    .amount-image-container {
        height: 76px;
        width: 99%;
    }

    #pushViewPagesSide.amount-aplha {
        height: 104px;
        width: 93%;
        left: 46px;
    }

    #viewPagesPush_Check.credit-check-image {
        height: 402px;
        margin-top: 3%;
        left: 23%;
        overflow: auto;
        width: 75%;
        position: absolute;
    }

    #pushViewPagesSide.amount-in-aplha-image {
        width: 79%;
        top: -57px;
        left: 38%;
    }

    #pushViewPagesSide.amount-image {
        top: -183px;
        left: -401px;
    }

    .viewPages {
        height: 78%;
    }

    .CE-viewpages.viewPages {
        height: 78.5%;
        top: 158px;
    }

    .MCR-viewpages.viewPages {
        height: 77%;
        top: 159px;
    }


    .help-right-aside-bar {
        float: right;
        position: fixed;
        right: 0;
        width: 0;
        top: 0;
        background: #fff;
        transition: 0.5s;
        height: 661px;
        animation-direction: reverse;
        overflow: hidden;
        z-index: 3500;
    }

    .shortcuts-table {
        height: 520px;
        overflow: auto;
    }

    .document-log-view-container {
        height: 332px;
    }

    .new_micr_profile_panel_body {
        overflow: auto;
        height: 595px;
    }

    .previous-Workitem-list-border {
        border: 2px solid #ccc;
        padding: 3px;
        height: 529px;
        overflow: auto;
    }
}
/*styles for screen width max 1366px*/



/* -------------------------------------
                                          Media Queries Styles End
                                                        ------------------------------------- */


/* -------------------------------------
                                         New Section Styles Start
                                                        ------------------------------------- */


/*begin-micr-parser*/
.micr-parser_default_panel {
    float: right;
    position: fixed;
    right: 0;
    width: 0;
    top: 18%;
    background: #F8F8F8;
    transition: 0.5s;
    overflow: hidden;
    z-index: 123;
}

.panel-heading.header-background > .parser-buttons {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 32px;
}
/*end-micr-parser*/

/*begin-last-processed-work-item */
.previous_Workitem_default_panel {
    float: right;
    position: fixed;
    right: 0;
    width: 0;
    top: 12%;
    background: #F8F8F8;
    transition: 0.5s;
    animation-direction: reverse;
    overflow: hidden;
    z-index: 123;
}

.button-padding {
    padding-top: 12px;
    padding-left: 0
}


.previous-Workitem-details, .document-log-notes {
    border: 1px solid #ccc;
    margin-bottom: 0.6%;
}

.work-item-details-div, .document-log-note {
    margin: 0;
}

    .work-item-details-div td, .document-log-note td {
        font-family: 'Roboto';
        font-weight: 500;
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 4px;
        padding-left: 15px;
        font-size: 13px;
    }
/*end-last-processed-work-item */




/* begin Help menu panel css*/
.help-panel {
    padding: 2%;
}

.help-panel-header {
    background-color: #922E48 !important;
    font-style: normal !important;
    color: white !important;
    font-size: 18px;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-family: 'Roboto';
    font-weight: 500;
}

.backdrop__ui-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2500;
    background-color: rgb(0, 0, 0);
    opacity: 0.447059;
}

.shortcuts-table th {
    background-color: darkgrey;
}

/* end Help menu panel css*/

/*View pages*/
.viewPages {
    position: absolute;
    z-index: 900;
    left: 0px;
    background-color: #D0D0D0;
    overflow-x: auto;
    transition: 0.5s;
    border-style: solid;
    border-width: thin;
    border-color: #D0D0D0;
    width: 205px;
}

.images_load {
    overflow-y: auto;
    height: 545px;
    border-style: solid;
    border-width: thin;
    border-color: #999;
    padding: 4px;
}

.images-list {
    height: 18%;
    border-style: solid;
    border-width: 5px;
    border-color: #D0D0D0;
    background: white;
}

.page {
    width: 100%;
    height: 66%;
}

.creditSequence {
    width: 100%;
    text-align: center;
}

.selected-color {
    background-color: #007BFF;
}
/*View pages*/

/*return-rescan*/
.return-rescan_default_panel {
    display: block;
    position: fixed;
    width: 0;
    float: left;
    left: 0;
    top: 50%;
    background: #F8F8F8;
    transition: 0.5s;
    overflow: hidden;
    z-index: 3000;
    height: 205px;
}
/*return-rescan*/

/*new micr panel*/
.new_micr_profile_default_panel {
    float: right;
    position: fixed;
    right: 0;
    width: 0;
    top: 7.5%;
    background: #F8F8F8;
    transition: 0.5s;
    animation-direction: reverse;
    overflow: hidden;
    z-index: 3000;
}

.new_micr_profile_micr_border {
    border: 2px solid #ccc;
    padding-top: 18px;
    padding-right: 9px;
    padding-bottom: 5px;
    padding-left: 9px;
}


.new_micr_profile {
    padding-top: 18px;
    padding-right: 9px;
    padding-bottom: 5px;
    padding-left: 9px;
}

.micr-field-padding {
    padding-bottom: 6px;
}
/*new micr panel*/


/*micr_cleanup*/
.micr_cleanup_default_panel {
    float: right;
    position: fixed;
    right: 0;
    width: 0;
    top: 12%;
    background: #F8F8F8;
    transition: 0.5s;
    animation-direction: reverse;
    overflow: hidden;
    z-index: 123;
    height: 39%
}
/*micr_cleanup*/

.user_help_icons {
    font-size: 24px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    text-align: center;
}

.notification_icon {
    font-size: 22px;
    cursor: pointer;
    height: 30px;
    width: 29px;
}

.shortcutkeys-list {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
}

.document-notes {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    height: 61px;
}

.document-log-body {
    height: 206px;
}

.document-log-body-panel {
    height: 560px;
}

.document-log-body, .document-log-body-panel {
    border: 2px solid #ccc;
    padding: 3px;
    overflow: auto;
}

.documentpanel > .panel {
    border: none;
    border-bottom: 2px solid #ccc;
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 10px;
}

.documentpanel .panel-title > a.collapsed .documentpanelspan {
    font-family: Roboto;
    font-weight: 400;
    color: #444 !important;
}

.documentpanel .panel-title > a .documentpanelspan {
    font-family: Roboto;
    font-weight: 400;
    color: rgb(146, 46, 72) !important;
    margin-right: 8px;
    font-size: 13px;
}

.documentpanelspan i {
    margin-right: 8px;
    font-size: 16px;
}

.documentpanel .panel-title {
    padding-bottom: 10px;
}

    .documentpanel .panel-title > a:before {
        font-family: FontAwesome;
        content: "\f0d7";
        padding-right: 5px;
        display: inline-block;
        float: left;
        width: 20px;
        height: 20px;
        color: rgb(146, 46, 72);
    }

    .documentpanel .panel-title > a:hover, .documentpanel .panel-title > a:focus {
        text-decoration: none;
    }

.documentpanel .panel-heading {
    background-color: transparent !important;
}

.documentpanel .panel-title > a.collapsed:before {
    font-family: FontAwesome;
    content: "\f0da";
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: 333;
}

.padd-0 {
    padding: 0px;
}

.p-4 {
    padding: 2px 3px;
    font-size: 13px;
}

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

.fixed-bottom-btn {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 15px;
    z-index: 1030;
}

.arrow-heading {
    position: relative;
}

    .arrow-heading:after {
        content: '\F078';
        position: absolute;
        font-family: FontAwesome;
        width: 35px;
        height: 35px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px;
        background: #f5f5f5;
        line-height: 35px;
        text-align: center;
    }


.downarrow {
    text-align: center;
    position: absolute;
    left: 0p;
    bottom: -22px;
    width: 36px;
    height: 22px;
    background: inherit;
    background-color: rgba(245, 245, 245, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(208, 208, 208, 1);
    border-top: 0px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 1;
    display: block !important;
}

.funtional-queue-header.collapsed .downarrow {
    display: none;
}

.uparrow {
    text-align: center;
    position: absolute;
    left: 0p;
    bottom: -22px;
    width: 36px;
    height: 22px;
    background: inherit;
    background-color: rgba(245, 245, 245, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(208, 208, 208, 1);
    border-top: 0px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
    top: -6px
}

    .switch input {
        display: none;
    }

.slider {
    border-width: 0px;
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0px;
    width: 82px;
    height: 30px;
    background: inherit;
    background-color: rgba(208, 208, 208, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.349019607843137) inset;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.349019607843137) inset;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.349019607843137) inset;
    -webkit-transition: .4s;
    transition: .4s;
}




    .slider:before {
        border-width: 0px;
        position: absolute;
        content: "";
        height: 29px;
        width: 14px;
        left: 0px;
        bottom: 0px;
        background: inherit;
        background-color: rgba(255, 255, 255, 1);
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(121, 121, 121, 1);
        border-radius: 4px !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-family: 'Roboto';
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        color: #007BFF;
        line-height: 16px;
        -webkit-transition: .4s;
        transition: .4s;
    }


input:checked + .slider {
    background-color: #007bff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(68px);
    -ms-transform: translateX(68px);
    transform: translateX(68px);
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on, .off {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 40px;
    top: 15px;
    width: 48px;
    white-space: nowrap;
}




input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 4px;
}

    .slider.round:before {
        border-radius: 0%;
    }

.h-31 {
    height: 31% !important;
}

.h-33 {
    height: 33% !important;
}

.h-46 {
    height: 46% !important;
}

.h-47 {
    height: 47% !important;
}

.h-48 {
    height: 48% !important;
}

.h-51 {
    height: 51% !important;
}

.h-97 {
    height: 95% !important;
}


.h-130 {
    height: 130% !important;
}

.tabbg {
    background: #d0d0d0;
    padding-bottom: 0px !important;
    border-bottom: none !important;
}

.nav-tabs.tabbg > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #7f7a7a;
    border-bottom: none !important;
}

.table-bordered > thead > tr > th {
    background: #d0d0d0;
    font-weight: 400;
    font-size: 13px;
    cursor: text;
}

.table-bordered > tbody > tr > td {
    font-size: 12px;
}

.tableheader {
    background: #d0d0d0;
    border: 1px solid #3333336e;
}

    .tableheader .form-control {
        border: 1px solid #7b7b7b;
        border-radius: 0px;
        height: 34px !important;
    }

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #3333336e !important;
}

.btn-serachprimary {
    background: #007bff;
    border: 1px solid #007bff;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    color: #fff !important;
}

.leftbrd {
    border-left: none !important;
}

.radius {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}


/*wizard*/
.wizard-right-aside-bar {
    float: right;
    position: fixed;
    right: 0;
    width: 0;
    top: 0;
    background: #fff;
    transition: 0.5s;
    height: 100%;
    animation-direction: reverse;
    overflow: hidden;
    z-index: 3500;
    border-radius: 7px;
}

.card-header {
    padding: 0;
    font-size: 18px;
    background-color: #922E48 !important;
    font-style: normal !important;
    color: black !important;
    font-family: 'Roboto';
    border-radius: 7px;
    border-bottom: 0;
}

.card-body {
    flex: 0;
}


.nav-item {
    padding: 0.3rem 0rem;
    border-bottom: 0.5rem solid #ccc;
}

.nav > li > a.active, .nav > li > a:focus, .nav > li > a:hover {
    border-width: 0px;
    background: inherit;
    background-color: rgba(245, 245, 245, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(169, 169, 169, 1);
    border-bottom: 0px;
    border-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgb(146, 46, 72);
}

.enabled {
    border-bottom-color: rgb(88, 162, 234);
}

.card-footer {
    background-color: #fff;
    border-bottom: 0 none;
}

li.nav-item.enabled.active {
    /*color: white;*/
    text-decoration: underline;
}

.debit-image-after-viewpages {
    height: 87%;
    overflow: auto;
    max-width: 100%;
    position: relative;
    left: -1%;
}

.credit-check-image {
    top: 193px;
    overflow: auto;
    width: 98%;
    position: absolute;
}

.amount-aplha {
    top: 4px;
    position: relative;
    overflow: hidden;
}

.amount-image-container {
    position: relative;
    overflow: hidden;
    top: 10px;
}




/* The container */
.smart-checkbox {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    margin-left: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .smart-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(169, 169, 169, 1);
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Zapf Dingbats Regular', 'Zapf Dingbats';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 15px;
}

/* On mouse-over, add a grey background color */
.smart-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.smart-checkbox input:checked ~ .checkmark {
    background-color: rgba(0, 123, 255, 1);
    border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.smart-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.smart-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#debitRecords, #creditRecords {
    font-family: 'Roboto';
    border-width: 2px;
    background-color: #F4F4F4;
}

    #debitRecords td:focus {
        box-shadow: 0 0 4px #719ECE;
        border: 2px solid #66afe9 !important;
        background: #fff !important;
        border-radius: 8px !important;
    }

input[readonly]:focus {
    border: hidden;
    background-color: #F4F4F4;
    border-color: #F4F4F4;
}

#debitRecords th, #creditRecords th {
    text-align: left;
    background-color: #d0d0d0;
    color: #333;
    border-width: 1px;
    font-weight: 600;
}

#debitRecords td, #creditRecords td {
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #ddd;
    padding: 6px;
    border-width: 1px;
    max-width: 69px;
}


#debitRecords tr.active td, #debitRecords tr.active td input {
    background-color: #d9ebff;
}

    #debitRecords tr.active td input:focus {
        background: #fff !important;
    }

.table-responsive, .selected-employee-Details {
    border-right: 1px solid #3333336e;
    border-left: 1px solid #3333336e;
    border-bottom: 1px solid #3333336e;
}

.table-responsive {
    height: 403px;
}

    .table-responsive.ncpResultGrid {
        height: 624px;
    }


    .table-responsive.employerResultGrid {
        height: 433px;
    }

.selected-employee-Details {
    height: 200px;
    top: 10px;
}


.tableInput {
    border: hidden;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #F4F4F4;
}

    .tableInput:active {
        border: hidden;
        background-color: #F4F4F4;
        border-color: #F4F4F4;
    }





.h-vh-75 {
    min-height: 660px;
}

@media screen and (max-width: 1200px) {
    .collapse:not(.show) {
        display: none !important;
    }

    .navbar-expand-md .navbar-toggler {
        display: block !important;
    }

    .navbar-collapse.collapse {
    }

    .show {
        display: block !important;
    }

    .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .navbar-toggler.collapsed {
        float: right;
    }
}

#debitRecords td .checkmark, #creditRecords td .checkmark {
    width: 19px;
    height: 19px;
    border-width: 2px;
}

#debitRecords td .smart-checkbox, #debitRecords th .smart-checkbox {
    margin-left: 10px;
    padding-left: 24px;
    border-width: 1px;
    margin-bottom: 24px;
}

    #debitRecords td .smart-checkbox .checkmark:after, #creditRecords td .smart-checkbox .checkmark:after {
        left: 7px;
        top: 3px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

#debitRecords th .smart-checkbox {
    margin-bottom: 37px;
    margin-left: 6px;
}

    #debitRecords th .smart-checkbox input:checked ~ .checkmark, #creditRecords th .smart-checkbox input:checked ~ .checkmark {
        background-color: #5f5d5d;
        opacity: .5;
    }


#debitTab .alert {
    /* padding: 15px; */
    margin-bottom: 120px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#debitTab .alert-info {
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(169, 169, 169, 1);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #D9534F;
    text-align: center;
    padding-top: 5px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 0px;
}

#debitTab .alert-icon {
    font-size: 2.2vh;
    margin: 0px 4px;
    display: inline-block;
}

#debitTab .panel-footer {
    padding: 1px 15px;
    background-color: #d0d0d0;
    border: 1px solid #777;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: navajowhite;
    height: 60px;
}

    #debitTab .panel-footer p {
        margin-bottom: 0;
        margin-top: 3%;
    }





/*Debit Entry styles*/
.debit-pages {
    position: relative;
    background-color: #D0D0D0;
    overflow-x: auto;
    border-style: solid;
    border-width: thin;
    border-color: #D0D0D0;
    height: 91.3%;
    max-width: 100%;
    width: 100%;
    left: -15px;
}

#debit-images {
    margin-left: 0px;
    max-width: 100%;
}

.postal-barcode {
    text-align: right;
    max-width: 100%;
    padding: 21px;
}
/*Debit Entry styles*/

/*correspondence watermark text */
.watermarktext {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-30deg);
    font-size: 13px;
    position: relative;
    opacity: 0.8;
    top: -71px;
    left: -3px;
    bottom: 0;
    right: 0;
}


#debit, #credit {
    color: rgb(51, 51, 51);
}

.credits-check {
    color: #5f5d5d;
    font-size: 24px;
    opacity: .7;
}

#creditsTab .panel-footer {
    padding: 1px 15px;
    background-color: #d0d0d0;
    border: 1px solid #777;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: navajowhite;
    height: 60px;
}

.crediteAmount {
    padding: 17px;
}

/* payer  search panel*/
.payer-search-panel {
    position: absolute;
    left: 8%;
    top: 1%;
    width: 86%;
    height: 905px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(169, 169, 169, 1);
    border-radius: 5px;
    z-index: 2500;
    box-shadow: 1px 0px 11px 8px  #7777778c;
}


.tab-bg {
    background-color: rgba(245, 245, 245, 1);
    height: 760px;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-color: rgba(169, 169, 169, 1);
    border-radius: 6px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.349019607843137)
}

/* begin reset button style*/
.smart-reset-button {
    background: white;
    color: rgba(0, 123, 255, 1);
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    height: 38px;
    font-family: 'Roboto';
    border-color: rgba(0, 123, 255, 1);
}

    .smart-reset-button:hover {
        background: #0069D9;
        color: #FFFFFF;
    }

    .smart-reset-button:focus {
        background: #0069D9;
        color: #FFFFFF;
    }

/* end reset button style*/

.smart-radio {
    display: block;
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 500;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
}

    /* Hide the browser's default radio button */
    .smart-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.radiocheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 2px solid grey;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.smart-radio input:checked ~ .radiocheckmark {
    background-color: white;
    border: 2px solid #007bff;
}

    /* Show the indicator (dot/circle) when checked */
    .smart-radio input:checked ~ .radiocheckmark:after {
        display: block;
    }

/* Style the indicator (dot/circle) */
.smart-radio .radiocheckmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #007bff;
    content: "";
    position: absolute;
    display: none;
}

.payer-sub-panel-body {
    height: 74%;
    border: 1px solid #3333336e;
    overflow: auto
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: rgba(146, 46, 72, 1);
    border-color: #337ab7;
}

.pagination > li > a:hover {
    z-index: 2;
    color: rgba(146, 46, 72, 1) !important;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: blue;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.payersearch-panel-header {
    background-color: rgba(169, 169, 169, 1) !important;
    font-style: normal !important;
    color: white !important;
    font-size: 18px;
    border-radius: 0px;
    font-family: 'Roboto';
    font-weight: 400;
}

.dropbtn.payersearch-dropdown {
    color: #333333;
}

.dropdown:hover .dropbtn.payersearch-dropdown {
    height: 36px;
    background: inherit;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-bottom: 0px;
    border-radius: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: rgb(146, 46, 72) !important;
}

.debit-image {
    height: 86%;
    overflow: auto;
    max-width: 98%;
    position: relative;
    left: .5%;
}

.page-count-icons {
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
    font-weight: 400;
    font-size: 17px;
}

.postingInstruction {
    background-image: repeating-linear-gradient(-45deg,white,white,white, #5f5d5d 7%);
    cursor: pointer;
}

.payerNameColumnHeader {
    cursor: text;
}

.table-bordered > thead > tr > th.selectedRow-Check {
    cursor: default;
}

.posting-instruction-infocontainer {
    background: #d0d0d0;
    padding-top: 5px;
    padding-right: 12px;
    padding-left: 10px;
}

.posting-instruction-info {
    border: 1px solid #3333336e;
    height: 50px;
    border-radius: 4px;
    background: rgba(255, 243, 205, 1);
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.info-icon {
    color: #8a6d3bf7;
    font-size: 28px;
    padding: 8px;
}

.posting-instruction-message {
    padding-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    color: #856404;
    text-align: left;
    line-height: 16px;
    font-size: 13px;
}

.postingInstruction .bottom {
    min-width: 95.5%;
    left: 11.7%;
    transform: translate(-10%, 0);
    padding: 0px 0px;
    color: #FFFFFF;
    background-color: rgba(0, 123, 255, 1);
    font-weight: normal;
    font-size: 13px;
    position: absolute;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-size: 13px;
}

.postingInstruction .bottom {
    display: block;
}

    .postingInstruction .bottom .postingInstruction-show-icon {
        position: absolute;
        bottom: 100%;
        left: 2%;
        width: 24px;
        height: 10px;
        overflow: hidden;
    }

        .postingInstruction .bottom .postingInstruction-show-icon::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            left: 54%;
            transform: translate(-50%,50%) rotate(45deg);
            background-color: rgba(0, 123, 255, 1);
        }

.postingInstruction-message-icon {
    color: white;
    font-size: 21px;
    padding: 8px;
}


.confirm-return-rescan-div {
    height: 415px;
}

.confirm-return-rescan-checkbox-div {
    height: 405px;
    overflow: auto;
    border: 2px solid #ccc;
}


#fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: double;
    border-color: #ccc;
    -o-border-image: initial;
    border-image: initial;
}

#legend {
    width: 8%;
    padding: 0;
    margin-bottom: 0;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    line-height: inherit;
    color: #333;
    border-bottom: 0px;
}

.selectAllEmp {
    padding-top: 3px !important;
    padding-right: 9px !important;
    padding-left: 27px !important;
}

.totalDebitAmount {
    padding-top: 12px !important;
    padding-left: 2px !important;
    padding-right: 0px !important;
}

.dropdown.selectedTab {
    background-color: rgba(242, 242, 242, 1) !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

button:focus {
    outline: 0;
}