attachment 
h1, h2, h3, h4, h5, h6, dd, dl, dt, form, img, fieldset, body {
    margin: 0;
    padding: 0;
    border: 0;
}


article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.form-control {
    margin-bottom: 5px;
}

input[type=text]::-ms-clear {
    display: none;
}




.add-control-icon::before {
    background: url(../images/sprites.png) no-repeat -520px -164px;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    cursor: pointer;
    margin-right: 4px;
    margin-top: 2px;
    vertical-align: middle;
}

.add-control-icon-text {
    padding-right: 20px;
}

.moreLink::before {
    background: url(../images/sprites.png) no-repeat -520px -182px;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin-top: 2px;
    margin-right: 4px;
}

.lessLink::before {
    background: url(../images/sprites.png) no-repeat -520px -164px;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin-top: 2px;
    margin-right: 4px;
}



.orderContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 2px;
}

.delete-icon {
    background: #fff url(../images/sprites.png) no-repeat -434px -287px;
    display: inline-block;
    width: 11px;
    height: 12px;
    cursor: pointer;
    margin-top: 4px;
}

.delete-icon-disabled {
    opacity: 0 !important;
}
.scanDocumentsCancel {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}
.add-control {
    margin: 10px 4px 10px 0px;
    display: inline-block;
}

.add-control-btn,
.remove-control-btn {
    width: 22px;
    height: 22px;
    background-color: #ef932e;
    border: 1px solid #949799;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.remove-control-btn {
    background-color: #949799;
}

    .add-control-btn::before,
    .remove-control-btn::before {
        content: "";
        height: 2px;
        width: 60%;
        text-align: center;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.add-control-btn::after {
    content: "";
    height: 2px;
    width: 60%;
    text-align: center;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.add-control-btn-inactive,
.remove-control-btn-inactive {
    opacity: .6;
    pointer-events: none;
}

.iconNotSunc {
    background: #fff url(../images/sprites.png) no-repeat -269px -448px;
    width: 16px;
    height: 16px;
    display: block;
}


.ui-datepicker-trigger {
    margin-left: 5px;
}
.ui-datepicker {
    z-index: 8500 !important;
}

.ajax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8039;
}

.ajax-overlay-under-popups {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.tabs {
    border-bottom: 7px solid #ef932e;
    float: left;
    width: 100%;
}

    .tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .tabs ul li {
            float: left;
        }

            .tabs ul li:after {
                background: transparent url("../images/sprites.png") no-repeat -1113px -174px;
                content: " ";
                width: 18px;
                height: 38px;
                display: inline-block;
            }

            .tabs ul li.no-after:after {
                content: none;
            }

            .tabs ul li.selected:after {
                background: transparent url("../images/sprites.png") no-repeat -1113px -213px;
                content: " ";
                width: 18px;
                height: 38px;
                float: left;
            }

        .tabs ul li {
            width: auto;
            height: 37px;
            overflow: hidden;
        }

            .tabs ul li a,
            .tabs ul li a:focus {
                background: transparent url("../images/sprites.png") -807px -175px;
                width: auto;
                color: #777777;
                display: inline-block;
                font-size: 15px;
                font-weight: bold;
                height: 27px;
                line-height: 26px;
                padding: 5px 7px 5px 32px;
                text-decoration: none;
                outline: none;
                outline-width: 0;
                float: left;
            }

                .tabs ul li a.error {
                    background: transparent url("../images/sprites.png") no-repeat -807px -175px;
                    width: auto;
                    height: 27px;
                    padding-left: 8px;
                }

            .tabs ul li.selected a.error {
                background: transparent url("../images/sprites.png") no-repeat -807px -253px;
                width: auto;
                height: 27px;
                padding-left: 8px;
            }

            .tabs ul li a:hover {
                color: #333;
            }

            .tabs ul li.selected {
                width: auto;
                height: 37px;
            }


                .tabs ul li.selected a {
                    background: transparent url("../images/sprites.png") no-repeat -807px -253px;
                    width: auto;
                    height: 27px;
                    color: #fff;
                }

            .tabs ul li a.success {
                padding-left: 8px;
            }

                .tabs ul li a.error:before,
                .tabs ul li a.success:before {
                    float: left !important;
                    margin-top: 2px;
                }


.tabcontent {
    display: none;
    clear: both;
    padding: 15px 15px 10px 15px;
}

html, body {
     
     
     
     
     
     
     
    background-repeat: no-repeat;
    overflow-x: auto;
}

.undocked-body {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#footer {
    height: 28px;
    width: 100%;
    position: fixed;
    bottom: 0;
    line-height: 27px;
    clear: both;
}
.footer-undocked-viewer {
    min-width: 420px;
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: 0;
    line-height: 27px;
    clear: both;
}

#footerinner {
    height: 28px;
    line-height: 27px;
    background: -moz-linear-gradient(90deg, #d5d5d5 0%, #f5f5f5 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d5d5d5)); 
    background: -webkit-linear-gradient(90deg, #d5d5d5 0%, #f5f5f5 100%); 
    background: -o-linear-gradient(90deg, #d5d5d5 0%, #f5f5f5 100%); 
    background: -ms-linear-gradient(90deg, #d5d5d5 0%, #f5f5f5 100%); 
    background: linear-gradient(0deg, #d5d5d5 0%, #f5f5f5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 ); 
    background-repeat: no-repeat;
    font-size: 11px;
    min-width: 1700px;
    padding: 0;
}

#footerinner div{
    padding: 0 20px;
}

.footerinnerPopupSideView {
    width: 130% !important;
}


.fleft {
    float: left;
}

.display-ruby{
    display: ruby;
}

.deSelectOrders {
    color: #ff924f;
    cursor: pointer;
    font-weight: bold;
}

.fright {
    float: right;
}

.clearboth {
    clear: both;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

.display-block {
    display: block;
}

.display-bloc-estampReject { 
    display: flex;
    gap: 4px;
}

.wrappable {
    word-wrap: break-word;
    word-break: break-all;
}

.display-inline-block {
    display: inline-block;
}

.parcels-container {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    position: absolute;
    background-color: white;
    width: 200px;
    z-index: 999;
}

.parcels-item {
    padding: 4px;
    border-bottom: 1px solid #ccc;
}

.parcels-item:hover {
    background-color: #f0f0f0f0;
    cursor: pointer;
}

.text-left {
    text-align: left !important;
}

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

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

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}



header {
    
    background-repeat: no-repeat;
}

a.logo {
    background: transparent 0 0 no-repeat;
    display: inline-block;
    width: 105px;
    height: 81px;
    padding-left: 20px;
}

.headertext {
    font-size: 13px;
    font-weight: bold;
     
    border-right: 1px solid #c9c9c9;
    padding-right: 8px;
}

.userCredential {
    min-width: 1200px;
}

    .userCredential ul {
        text-align: right;
        margin: 0;
    }

        .userCredential ul li {
            display: inline;
            margin-left: 5px;
            position: relative;
            margin-bottom: 0;
            border: 0;
        }

            .userCredential ul li a {
                font-size: 13px;
                font-weight: bold;
                margin-bottom: 0;
                padding: 2px 0;
                margin-bottom: 0;
            }

            .userCredential ul li ul {
                position: absolute;
                display: none;
                background-color: #FFFFFF;
                border: 1px solid #c9c9c9;
                margin: -1px;
                z-index: 300;
                padding: 3px;
                left: 0;
                right: auto;
            }

                .userCredential ul li ul.rightAlignMenu {
                    right: 0;
                    left: auto;
                }

            .userCredential ul li:hover ul {
                display: block;
            }

            .userCredential ul li ul li {
                float: left !important;
                display: inline;
                border: 0 !important;
                margin: 0;
            }

                .userCredential ul li ul li a {
                    float: none;
                    position: relative;
                    display: block;
                    margin: 0;
                    padding-right: 1px;
                    font-weight: normal;
                    white-space: nowrap;
                }

                    .userCredential ul li ul li a:focus {
                        outline: none;
                    }



.signoutmessage, .userMessage {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding: 20px 10px;
    text-align: center;
}


#feeDistributionBubble .widget-kofileinfobubble-submit {
    color: #CDBAA5;
    cursor: default;
}

.wrapper {
    width: 100%;
    min-width: 1700px;
    min-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-bottom: 28px;
    top: 0;
    bottom: 0;
}

.undocked-wrapper {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

#content-wrapper {
}

.undocked-content-wrapper {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}


.navigation,
.order-route-navigation {
    padding-top: 11px;
}

nav {
    
    height: 42px;
    margin: 10px 0 0 10px;
    border-top: 1px solid rgba(219,219,219, 0);
    border-bottom: 1px solid #d9d9d9;
}

    nav ul {
        position: relative;
        margin: 0;
    }

#frontoffice #frontofficesub {
    right: 30px;
}



nav ul li:nth-last-child(1), nav ul li:nth-last-child(1) .searchbutton {
    float: right;
}

    nav ul li:nth-last-child(1) input[type="text"] {
        width: 400px;
        float: left;
        margin-top: 8px;
    }



nav ul li:hover:nth-last-child(1) {
    border-bottom: 0;
}

.big-nav {
    
    
}



.bignav-no-border {
    border-right: 0px;
}

.bignav-empty-space {   
    height: 37px;
}





nav ul li a span {
    
    font-size: 15px;
    border: 1px solid transparent;
    padding: 1px 2px;
    margin-left: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

nav ul li a:hover {
     
}

nav ul li a.borderBottom:hover {
     
    border-bottom: 5px solid transparent;
}


nav ul li a:focus {
     
}



nav ul li.selected {
     
    border-bottom: 5px solid transparent;
}

nav ul li a.searchbutton {
    border-bottom: 0;
}

nav ul li#not-sync {
    display: none;
    padding: 14px;
}





.bignav-bottom-spacing-frontOffice {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 80px;
    background: url(../images/subnav-bg.png) 0 0 repeat-x;
}

nav ul li:hover > ul li:hover {
    border-bottom: 0;
}



nav ul ul li a {
    padding: 3px 20px;
    margin: 6px 0 0 0;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 0;
}

nav ul ul li:nth-last-child(2) > a {
    border-right: 0;
}

.selectedsub a {
    padding-left: 0px;
}



#frontofficesub li ul {
    width: 250px;
    top: 34px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: unset;
    background: linear-gradient(180deg, #d9d9d9 0%, #eeeeee 8px);
}

    #frontofficesub li ul li {
        float: none;
        height: 30px;
        padding-bottom: 5px;
    }

        #frontofficesub li ul li a {
            border-right: 0;
            padding-right: 0;
        }

.subFirstChild li {
    position: relative;
}

    .subFirstChild li::after {
        content: '';
        position: absolute;
        bottom: 0;
        display: block;
        width: 250px;
        height: 1px;
        background-color: #ddd;
    }
    .subFirstChild li:last-child::after {
        height: 0px;
    }





    nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        nav ul li {
            float: left;
        }





#processing_overlay {
    position: absolute;
    
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: 0.5;
    cursor: wait;
}

#processing_container {
    font: bold 14px verdana;
    min-width: 300px; 
    max-width: 600px; 
    background: #FFF;
    color: #EE9230;
    cursor: wait;
    border-radius: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #EE9230;
    box-shadow: 0 1px 2px #888888;
}

#processing_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    background-color: #669900;
    color: #FFF;
    
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#processing_content {
    text-align: center;
    padding: 1em 1.75em;
    margin: 0em;
    vertical-align: middle;
}

#processImage {
    background: url(../styles/themes/default/images/loader.gif) no-repeat center center;
    height: 50px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}




a.warning:hover {
    text-decoration: none;
}

a.warning span {
    z-index: 1200;
    display: none;
    padding: 3px 3px;
    width: 180px;
    margin-top: 28px;
    line-height: 16px;
    color: #111;
    position: absolute;
    border: 1px solid var(--color-primary-600, #7c4ccd);
    background: #FFF1E2;
    word-wrap: break-word;
    max-height: 300px;
    overflow-y: auto;
}

li.showError a.warning span {
    margin-top: 40px;
    width: auto;
    padding: 6px;
}

li.showError:hover .warning span {
    display: inline;
}

li.showError input {
    border-color: red;
}

a.warning img {
    vertical-align: top;
}



.ui-tooltip {
    padding: 5px !important;
    background-image: none !important;
    border-radius: 20px;
    /*background-color: #FFF1E2 !important;
    border: 1px solid #F49731 !important;*/
    /* commented for rebranding – see base-overrides.css*/
}





.error {
     
    font-size: 12px;
    font-family: Arial;
}

.error ul {
    padding-left: 40px;
    list-style-type: circle;
    list-style-position: inside;
}

.parcelError {
    position: absolute;
    top: 40px;
    color: red;
    font-size: 12px;
    font-family: Arial;
}

.error:before {
    background: url(../images/sprites.png) no-repeat -480px -159px;
    margin-right: 5px;
    width: 24px;
    height: 10px;
    display: inline-block;
    content: "";
    padding: 5px 0;
}

#paymentMethodsGrid .error {
    margin: 10px;
}

span#birtherror {
    display: block;
}

span#birtherror {
    display: block;
}


.validationError:before {
    background: url(../images/sprites.png) no-repeat -480px -159px;
    width: 24px;
    height: 24px;
    float: left;
    content: "";
    
    margin-top: -6px;
    margin-right: 5px;
}

.validationError {
    
    font-size: 12px;
    font-family: Arial;
}

.userRegError:before {
    background: url(../images/sprites.png) no-repeat -480px -159px;
    width: 24px;
    height: 10px;
    display: inline-block;
    content: "";
    padding: 5px 0;
}

.userRegError {
    color: red;
    font-size: 12px;
    font-family: Arial;
}

.noAddress.validationError {
    margin-top: 13px;
    margin-left: 12px;
    display: none;
}

.success {
    color: green;
    font-size: 12px;
    font-family: Arial;
}

    .success:before {
        background: url(../images/sprites.png) no-repeat -454px -159px;
        width: 24px;
        height: 10px;
        display: inline-block;
        content: "";
        padding: 5px 0;
    }




.bredcrum {
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 15px;
    font-weight: bold;
    float: left;
    width: 98%;
}

    .bredcrum ul li {
        float: left;
    }

        .bredcrum ul li:last-child {
            color: #333;
        }

        .bredcrum ul li.home:before {
            content: "";
            background: url(../images/sprites.png) no-repeat -756px -310px;
            width: 15px;
            height: 15px;
            color: var(--color-primary-600, #7c4ccd);
        }

        .bredcrum ul li:before {
            float: left;
            margin-left: 5px;
            margin-right: 5px;
            content: "";
            background: url(../images/sprites.png) no-repeat -524px -219px;
            width: 9px;
            height: 18px;
            color: var(--color-primary-600, #7c4ccd);
        }





.attachment-breadcrumb {
    margin-top: 5px;
    margin-left: 0px;
    font-weight: bold;
    float: left;
    width: 98%;
}

    

    .attachment-breadcrumb ul li#attachmentFolder:before,
    .attachment-breadcrumb ul li#attachmentFile:before {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        content: "";
        background: url(../images/sprites.png) no-repeat -524px -219px;
        width: 9px;
        height: 18px;
    }

    .attachment-breadcrumb ul li#attachmentFolder {
        color: var(--color-primary-600, #7c4ccd);
        cursor: pointer;
        float: left;
    }

    .attachment-breadcrumb ul li#attachmentFile {
        cursor: pointer;
        color: #333;
        word-break: break-all;
    }

    .attachment-breadcrumb ul li.home :before {
        content: "";
        background: none;
    }

    .attachment-breadcrumb ul li.home {
        color: var(--color-primary-600, #7c4ccd);
        cursor: pointer;
        float: left;
    }

#UploadImageDialog .UploadImageDialogIndexing .orSeparator {
    margin: 6px 0 2px 17px;
    display: inline-block;
    font-weight: bold;
}

#UploadImageDialog .UploadImageDialogIndexing .attachment-breadcrumb {
    float: none !important;
    margin-bottom: 12px;
}





#attachmentImageContainer {
    overflow: auto;
}

.attachment-folder {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../Images/icon-running_man12.png) center center no-repeat;
    padding: 25px;
    text-align: center;
}

    .attachment-folder span {
        display: inline-block;
        position: relative;
        text-align: center;
        top: 100px;
    }

.attachment-item {
    display: inline-block;
    width: 100px;
    height: 166px;
    background-size: contain;
    padding: 0px;
    margin: 15px;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(254, 240, 225, 1);
}

.attachment-file {
    background: url(../Images/sprites.png) no-repeat -188px -357px;
    width: 42px;
    height: 39px;
}

.attachment-back {
    background: url(../Images/sprites.png) no-repeat -425px -236px;
    width: 42px;
    height: 39px;
}

.attachment-item span {
    display: inline-block;
    position: relative;
    text-align: center;
    top: 165px;
}





#maincontent {
    margin-left: 30px;
    margin-right: 30px;
    font-weight: bold;
    font-size: 13px;
    display: block;
    vertical-align: top;
}

.orderHeader {
    border: 2px solid #c9c9c9;
    border-radius: 4px;
    padding: 3px 10px;
    display: block;
}

    .orderHeader #accountName, .orderHeader #AccountEmail, .orderHeader #CustomerName {
        width: 80%;
    }

.text-red {
     
}

.text-green {
    color: green;
}

.moneyformat::before {
    content: "$";
    text-align: right;
}

.moneyformatwithleftparenthesis::before {
    content: "($";
    text-align: right;
}

.moneyformatwithrightparenthesis::after {
    content: ")";
    text-align: right;
}

.orderHeaderLable {
    display: block;
}

    .orderHeaderLable span {
        width: 45%;
        display: inline-block;
    }

.orHolder {
    text-align: center;
    width: 12%;
    display: inline-block;
}





.btn-orange {
    color: #fff;
    font-size: 15px;
    background: #f7ba77; 
    background: -moz-linear-gradient(top, #f7ba77 0%, #ee9230 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ba77), color-stop(100%,#ee9230)); 
    background: -webkit-linear-gradient(top, #f7ba77 0%,#ee9230 100%); 
    background: -o-linear-gradient(top, #f7ba77 0%,#ee9230 100%); 
    background: -ms-linear-gradient(top, #f7ba77 0%,#ee9230 100%); 
    background: linear-gradient(to bottom, #f7ba77 0%,#ee9230 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ba77', endColorstr='#ee9230',GradientType=0 ); 
    border: 1px solid #ee9230;
    padding: 4px 12px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btn-orange:hover,
    .btn-orange:focus {
        color: #fff;
        font-size: 15px;
        background: #fac46d; 
        background: -moz-linear-gradient(top, #fac46d 0%, #f19c18 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac46d), color-stop(100%,#f19c18)); 
        background: -webkit-linear-gradient(top, #fac46d 0%,#f19c18 100%); 
        background: -o-linear-gradient(top, #fac46d 0%,#f19c18 100%); 
        background: -ms-linear-gradient(top, #fac46d 0%,#f19c18 100%); 
        background: linear-gradient(to bottom, #fac46d 0%,#f19c18 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac46d', endColorstr='#f19c18',GradientType=0 ); 
        border: 1px solid #ee9230;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .btn-orange:active,
    .btn-orange.active {
        color: #fff;
        font-size: 15px;
        background: #dc801b; 
        background: -moz-linear-gradient(top, #dc801b 0%, #f1a047 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc801b), color-stop(100%,#f1a047)); 
        background: -webkit-linear-gradient(top, #dc801b 0%,#f1a047 100%); 
        background: -o-linear-gradient(top, #dc801b 0%,#f1a047 100%); 
        background: -ms-linear-gradient(top, #dc801b 0%,#f1a047 100%); 
        background: linear-gradient(to bottom, #dc801b 0%,#f1a047 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc801b', endColorstr='#f1a047',GradientType=0 ); 
        border: 1px solid #dc801b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .btn-orange.disabled,
    .btn-orange[disabled] {
        color: #fff;
        font-size: 15px;
        background: #efd3b5; 
        background: -moz-linear-gradient(top, #efd3b5 0%, #f5ddc2 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efd3b5), color-stop(100%,#f5ddc2)); 
        background: -webkit-linear-gradient(top, #efd3b5 0%,#f5ddc2 100%); 
        background: -o-linear-gradient(top, #efd3b5 0%,#f5ddc2 100%); 
        background: -ms-linear-gradient(top, #efd3b5 0%,#f5ddc2 100%); 
        background: linear-gradient(to bottom, #efd3b5 0%,#f5ddc2 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd3b5', endColorstr='#f5ddc2',GradientType=0 ); 
        border: 1px solid #efd3b5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.btn-gray {
    color: #fff;
    font-size: 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #c8c8c8; 
    
     
     
     
     
     
     
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#a4a4a4',GradientType=0 ); 
    border: 1px solid #a4a4a4;
    padding: 4px 12px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btn-gray:hover,
    .btn-gray:focus {
        color: #fff;
        font-size: 15px;
        background: #cccccc; 
        
         
         
         
         
         
         
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#a4a4a4',GradientType=0 ); 
        border: 1px solid #868686;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
    }

    .btn-gray:active,
    .btn-gray.active {
        color: #fff;
        font-size: 15px;
        background: #9c9c9c; 
        background: -moz-linear-gradient(top, #9c9c9c 0%, #b4b4b4 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9c), color-stop(100%,#b4b4b4)); 
        background: -webkit-linear-gradient(top, #9c9c9c 0%,#b4b4b4 100%); 
        background: -o-linear-gradient(top, #9c9c9c 0%,#b4b4b4 100%); 
        background: -ms-linear-gradient(top, #9c9c9c 0%,#b4b4b4 100%); 
        background: linear-gradient(to bottom, #9c9c9c 0%,#b4b4b4 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9c', endColorstr='#b4b4b4',GradientType=0 ); 
        border: 1px solid #9c9c9c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .btn-gray.disabled,
    .btn-gray[disabled] {
        color: #fff;
        font-size: 15px;
        cursor: not-allowed;
        background: #c9c9c9; 
        background: -moz-linear-gradient(top, #c9c9c9 0%, #d5d5d5 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#d5d5d5)); 
        background: -webkit-linear-gradient(top, #c9c9c9 0%,#d5d5d5 100%); 
        background: -o-linear-gradient(top, #c9c9c9 0%,#d5d5d5 100%); 
        background: -ms-linear-gradient(top, #c9c9c9 0%,#d5d5d5 100%); 
        background: linear-gradient(to bottom, #c9c9c9 0%,#d5d5d5 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#d5d5d5',GradientType=0 ); 
        border: 1px solid #c9c9c9;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


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

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


.orderFeesBox {
    display: none;
}

.orderFeesBox {
    border: 1px solid #f7b976;
    width: 39%;
    min-height: 100px;
    float: right;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0;
    display: block;
}



.orangeText, .actionReasonsPopup {
    color: var(--color-primary-600, #7c4ccd);
}


.fullwidth {
    width: 100%;
}

.rightText {
    text-align: right;
    width: 100%;
    display: block;
}

.orderHeadervalidationError, .orderPaymentvalidationError, .NoOfPagesError {
    text-align: left;
    width: 100%;
    display: block;
}

.neworder input[type="text"] {
    width: 170px;
}

.iconsearch {
    background: url(../images/icon-search.png)no-repeat 5px 50%;
}

textarea.iconsearch {
    background: url(../images/icon-search.png)no-repeat 5px 5px;
    background-color: white;
}
    .iconLoaderSmall {
    background: url(../images/loader-small.gif)no-repeat 2% 50%;
}

    textarea.iconLoaderSmall {
    background: url(../images/loader-small.gif)no-repeat 5px 5px;
    background-color: white;
}

input.iconLoaderSmall.padLeft {
    padding-left: 25px;
}
textarea.iconsearch,
textarea.iconLoaderSmall {
    text-indent: 19px;
}



.buttons {
    border-top: 1px solid #c9c9c9;
    background: #F0F0F0;
    text-align: right;
    padding: 20px;
}

.autocomplete-block {
    z-index: 99999;
    display: none;
    position: absolute;
    padding: 10px;
    margin-top: 40px;
    margin-left: 0px;
    border: 1px solid #c9c9c9;
    background-color: white;
    width: auto;
    max-height: 300px;
    overflow-y: scroll;
}

.autoresultsDocType a {
    font-weight: normal !important;
    color: #111;
    border-bottom: 1px solid #c9c9c9;
    padding: 5px 10px;
    display: block;
    cursor: pointer;
}

.autoresultsAccount a,
.autoresultsName a,
.autoresultsEmail a,
.autoresultsBook a,
.autoresultsPage a,
.autoresultsDocTypeDesc a,
.autoresultsSubdivisionName a,
.autoresultsNSFName a,
.autoresultsParticipantId a,
.autoresultsParticipantName a,
.autoresultsCheckNumbers a,
.autoresultsOrderNumbers a,
.autoresultsSheriffsDeedDoc a {
    color: #111;
    border-bottom: 1px solid #c9c9c9;
    padding: 5px 10px;
    display: block;
    cursor: pointer;
}

.orderheaderBlock .autocomplete-block.autoresultsEmail,
.orderheaderBlock .autocomplete-block.autoresultsAccount,
.orderheaderBlock .autocomplete-block.autoresultsName,
.orderheaderBlock .autocomplete-block.autoresultsBook,
.orderheaderBlock .autocomplete-block.autoresultsPage,
.orderheaderBlock .autocomplete-block.autoresultsSubdivisionName,
.orderheaderBlock .autocomplete-block.autoresultsNSFName,
.orderheaderBlock .autocomplete-block.autoresultsParticipantId,
.orderheaderBlock .autocomplete-block.autoresultsParticipantName {
    display: inline;
}

.orderheaderBlock #email-block #emails a:hover,
.orderheaderBlock #account-block #accounts a:hover,
.orderheaderBlock #name-block #names a:hover,
#book-block #book a:hover,
#page-block #page a:hover {
    background-color: #FFF1E2;
    color: #111;
}

.orderItem {
    border: none;
    margin: 0px;
    padding: 10px;
}

    .orderItem ul li {
        line-height: 25px;
    }

.imageViewer {
    border: 1px solid #c9c9c9;
    vertical-align: top;
    border-radius: 4px;
    font-weight: bold;
    font-size: 13px;
    min-height: 400px;
    min-width: 465px;
    margin: 20px;
    float: right;
}

.subHeading {
    background-color: #c9c9c9;
    line-height: 25px;
}

ul.horizantal li {
    display: inline-block;
    width: 32.8%;
}

.div-3 {
    display: inline-block;
    width: 32.6%;
    padding-bottom: 5px;
}

.marginBottom-5 {
    margin-bottom: 5px;
}

ul.vertical li {
    display: block;
}

.moreFee:before, .newParty1:before, .newParty2:before, .newOrderItem:before, .newPaymentMethod:before, .moreOption:before, .newPaymentMethodRow:before, .moreData:before {
    background: url(../images/sprites.png) no-repeat -520px -164px;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    cursor: pointer;
    margin-right: 4px;
    margin-top: 2px;
}

.amountError {
    color: red !important;
}

.lessOption:before {
    background: url(../images/sprites.png) no-repeat -520px -182px;
    width: 16px;
    height: 16px;
    content: "";
    cursor: pointer;
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.party1ShowPrinters, .party2ShowPrinters, .paymentMethodClose, .paymentMethodRowDelete {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url(../images/sprites.png) no-repeat -517px -274px;
    vertical-align: middle;
}


#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #tabs li {
        float: left;
        margin: 0 .5em 0 0;
    }

    #tabs a {
        position: relative;
        background: #fff1e2;
        padding: .59em 4.0em;
        float: left;
        border: 1px solid #ffd3a2;
        border-bottom: none;
        text-decoration: none;
        color: #444;
        font-weight: bold;
        font-size: 13px;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
    }

        #tabs a:hover,
        #tabs a:hover::after,
        #tabs a:focus,
        #tabs a:focus::after {
            background: #f7b976;
            color: #fff;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b976), to(#ef932e));
            background-image: -webkit-linear-gradient(top, #f7b976, #ef932e);
            background-image: -moz-linear-gradient(top, #f7b976, #ef932e);
            background-image: -ms-linear-gradient(top, #f7b976, #ef932e);
            background-image: -o-linear-gradient(top, #f7b976, #ef932e);
            background-image: linear-gradient(to bottom, #f7b976, #ef932e);
            z-index: 3;
        }

        #tabs a:focus {
            outline: 0;
        }

        #tabs a::after {
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            right: -.5em;
            bottom: 0;
            width: 1em;
            font-weight: bold;
            font-size: 13px;
            border-right: 1px solid #ffd3a2;
            background: #fff1e2;
            -webkit-transform: skew(10deg);
            -moz-transform: skew(10deg);
            -ms-transform: skew(10deg);
            -o-transform: skew(10deg);
            transform: skew(10deg);
            -webkit-border-radius: 0 5px 0 0;
            -moz-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
        }

    #tabs #current a {
        background: #f7b976;
        color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b976), to(#ef932e));
        background-image: -webkit-linear-gradient(top, #f7b976, #ef932e);
        background-image: -moz-linear-gradient(top, #f7b976, #ef932e);
        background-image: -ms-linear-gradient(top, #f7b976, #ef932e);
        background-image: -o-linear-gradient(top, #f7b976, #ef932e);
        background-image: linear-gradient(to bottom, #f7b976, #ef932e);
        z-index: 3;
    }

        #tabs #current a::after {
            background: #f7b976;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#f7b976), to(#ef932e));
            background-image: -webkit-linear-gradient(top, #f7b976, #ef932e);
            background-image: -moz-linear-gradient(top, #f7b976, #ef932e);
            background-image: -ms-linear-gradient(top, #f7b976, #ef932e);
            background-image: -o-linear-gradient(top, #f7b976, #ef932e);
            background-image: linear-gradient(to bottom, #f7b976, #ef932e);
            z-index: 3;
        }

#content {
    background: #fff;
    position: relative;
    margin-bottom: 40px;
    z-index: 2;
    border: 1px solid #c9c9c9;
    border-top: 7px solid #ef932e;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}







.width70 {
    width: 70%;
}

.width50 {
    width: 50%;
}

.width30 {
    width: 30%;
}

.width35 {
    width: 35%;
}

.width10 {
    width: 10%;
}

.width80 {
    width: 80%;
}

.width40 {
    width: 40%;
}

#documentNumbersList.autocomplete {
    width: 286px;
    border-radius: 10px;
}

#searchpanel .autocomplete,
#searchmorepanel .autocomplete {
    width: 205px;
    max-height: 200px;
}


.search-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem
}

.search-container > div:nth-child(1) {
  flex: 0 1 auto; 
  margin-right: 1rem;
}
.search-container > div:nth-child(2) {
  width: 380px;
  flex: 0 0 auto;
  margin-right: 1rem;
}
.search-container > div:nth-child(3) {
    flex: 0 0 auto;
}


.search-input-group {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.search-guides {
    margin-top: 25px;
    margin-left: 30px;
}

.search-button-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.search-ddl {
    width: 236px;
}

.search-information {
    position: absolute;
    right: 10px;
    bottom: 40px;
}


@media (max-width: 1024px) {
  .search-container {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  .search-container {
    grid-template-columns: 1fr;
  }
}



.autocomplete {
    z-index: 99999;
    display: none;
    position: absolute;
    margin-top: 30px;
    padding: 10px;
    border: 1px solid #c9c9c9;
    background-color: white;
    width: 140px;
    overflow-y: scroll;
    max-height: 100px;
}

    .autocomplete a {
        color: #111;
        border-bottom: 1px solid #c9c9c9;
        padding: 5px 10px;
        display: block;
        cursor: pointer;
    }


.combobox {
    margin-right: 0.1em;
}

.combobox_arrow {
    background: url(../images/down-arrow.png) no-repeat center center;
    display: block;
    height: 100%;
    width: 100%;
}

.combobox_button {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
    background-image: linear-gradient(#cccccc 0%,#eeeeee 60%);
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}

    .combobox_button:hover {
        text-decoration: none;
    }

.combobox_button {
    top: 1px !important;
}

.combobox_selector {
    background-color: #FFF;
    font-size: 12px;
    z-index: 1000;
    max-height: 200px;
    overflow: auto;
}

    .combobox_selector ul {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 1px solid #CCC;
    }

    .combobox_selector li {
        padding: 2px 5px;
    }

        .combobox_selector li:hover,
        .combobox_selector li.selected {
            background-color: #0066CC;
            color: #FFF;
        }


#cashReconciliationBlock,
#chequeReconciliationBlock,
#cashDrawerInitializationTable,
#cashGroupDrawerInitializationTable {
    
    padding: 27px;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
}


#searchpanel,
#companyAccountPanel,
#companyAccountExportPanel,
#workflowDatesPanel,
#mlNotificationsPanel,
#hbRegistrationPanel,
#refundsPanel,
#documentTypesPanel {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #F1F1F1) );
    background: -o-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
    background: -moz-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
    background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
    background: -ms-linear-gradient(bottom, #FFFFFF 0%, #F1F1F1 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%);
    
    border: 1px solid #ababab;
    border-width: 0 1px 1px 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    width: 99.8%;
    box-shadow: 0 1px 2px #888;
    position: relative;
    border-top: 7px solid #EF932E;
}

.calendarctrl {
    width: 120px !important;
    margin-right: 5px;
}


.death-indexing .calendarctrlenddate {
    width: 120px !important;
    margin-right: 5px;
}

#searchmorepanel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: #ABABAB;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 0 1px 1px;
    float: left;
    height: auto;
    margin: 0 1%;
    padding: 30px 10px 10px 10px;
    width: 96%;
}



.spacer-margin {
    margin-top: 5px;
}

.float-left {
    float: left;
}

.pos-absolute {
    position: absolute;
}

.pos-relative {
    position: relative;
}

.day-30-waiver {
    left: 435px;
    bottom: 0px;
    width: 120px;
}

.diplay-inline {
    display: inline;
}

.display-none {
    display: none;
}

.block-header-with-bg {
    background-color: #CCCCCC;
    padding: 0px 7px;
    height: 30px;
}

    .block-header-with-bg span {
        line-height: 30px;
    }

    .block-header-with-bg label {
        padding-top: 5px;
    }

.separator-line {
    background-color: #999;
    margin: 5px 0;
    height: 1px;
}


.countyColor {
    color: var(--color-primary-600, #7c4ccd);
}


.accountbalance-block {
    width: 120px;
    height: 28px;
    vertical-align: middle;
}

.disabledLink {
    color: #c9c9c9 !important;
}

.inactiveLink{
    color: #c9c9c9 !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.assignedToTxtBox {
    width: 150px;
    height: 25px;
}




.death-certificate .title h3,
.birth-certificate .title h3 {
    padding: 27px 0;
}

.birth-certificate .span8,
.death-certificate .span8 {
    border: 1px solid #999999;
}

.birth-certificate .addBirthCertBlock,
.death-certificate .addDeathCertBlock {
    padding: 0 0 0 15px;
}

.birth-certificate .controls,
.death-certificate .controls {
    margin-bottom: 10px;
}

.birth-certificate #submit-block,
.death-certificate #submit-block {
    border-top: 1px solid #c9c9c9;
    text-align: right;
    display: block;
}

    .birth-certificate #submit-block ul.buttons-block,
    .death-certificate #submit-block ul.buttons-block {
        background: #F0F0F0;
        padding: 25px 70px;
    }

        .birth-certificate #submit-block ul.buttons-block li,
        .death-certificate #submit-block ul.buttons-block li {
            display: inline;
            margin-left: 10px;
        }

.birth-certificate .crs-cpt-img-container,
.death-certificate .crs-cpt-img-container {
    height: auto;
    min-height: 350px !important;
}

.birth-certificate #imagePreview,
.death-certificate #imagePreview {
    display: none;
}

.birth-certificate input#uploadFile,
.death-certificate input#uploadFile {
    background-color: #ffffff;
    height: 36px;
    text-align: center;
    border-radius: 9px;
}

.birth-certificate div.fileUpload,
.death-certificate div.fileUpload {
    padding: 8px 25px;
}

.birth-certificate form#uploadImageForm,
.death-certificate form#uploadImageForm {
    margin-left: 20px;
}

#goHome {
    clear: both;
    margin-top: 50px;
}

    #goHome a.linktohome {
        font-size: 15px;
        margin-left: 35px;
    }

a.logo.nopadding {
    padding: 0 0 0 20px;
}


.verticalTopAlign {
    vertical-align: top;
}

#UploadImageDialog {
    padding: 20px;
}

#UploadImageDialog {
    margin-left: 20px;
}

    #UploadImageDialog .upperPanel {
        height: 40px;
    }

#dropdownContainer {
    display: inline-block;
    margin-left: 20px;
}

#UploadImageDialog .UploadImageDialog #folderContentWrapper {
    min-width: 900px;
    margin-left: 20px;
    min-height: 420px;
    max-height: 465px;
    margin-bottom: 20px;
}

#UploadImageDialog .UploadImageDialogIndexing #folderContentWrapper {
    min-width: 900px;
    min-height: 420px;
    overflow: hidden;
    max-width: 940px;
}

#UploadImageDialog .UploadImageDialogIndexing .searchBtnBlock {
    text-align: right;
    margin-left: 0;
    margin-bottom: 14px;
}

#UploadImageDialog .UploadImageDialogIndexing .folderContentHolder {
    height: 350px;
}

.cleared {
    clear: both;
}

.left-bottom-pane {
    float: left;
    margin-top: 10px;
}

#UploadImageDialog .UploadImageDialogIndexing #search-block {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 26px;
}

#search-block {
    margin-top: 10px;
    margin-left: 20px;
}

    #search-block div {
        margin-bottom: 5px;
    }

    #search-block input.iconsearch {
        padding-left: 22px;
        box-sizing: border-box;
        height: 30px;
        margin-bottom: 0;
    }

.ui-autocomplete-loading {
    background: url(../images/loader-small.gif)no-repeat 2% 50%;
}

.right-bottom-pane {
    float: right;
}

#upload-right-btns-block {
    margin-right: 10px;
}

#closeDialogBtn {
    margin-right: 5px;
}

.folderContentHolder {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 380px;
    overflow: auto;
    vertical-align: top;
}

#UploadImageDialog .UploadImageDialogIndexing .upload-right-pane .folderContentHolder {
    height: 550px;
}

#UploadImageDialog .UploadImageDialogIndexing .folderContentHolder {
    width: 100%;
}

#folderContent {
    border: 1px solid #5e5959;
    margin-top: 48px;
    overflow-x: hidden;
}

#previewContent {
    border: 1px solid #969696;
    width: 100%;
}

.upload-left-pane {
    width: 39%;
}

.upload-right-pane {
    width: 60%;
}

#UploadImageDialog .UploadImageDialogIndexing {
    overflow: auto;
}

    #UploadImageDialog .UploadImageDialogIndexing #folderContentWrapper {
        position: relative;
    }

    #UploadImageDialog .UploadImageDialogIndexing #dlgBtnsBottomPanel {
        clear: both;
        position: absolute;
        right: 0;
        bottom: 0;
    }

#UploadImageDialog .UploadImageDialogIndexing {
    margin-bottom: 0;
}

    #UploadImageDialog .UploadImageDialogIndexing .upload-left-pane {
        margin-right: 2%;
    }

    #UploadImageDialog .UploadImageDialogIndexing .upload-right-pane {
        width: 58%;
    }

.previewer-nav-buttons {
    font-size: 10.8pt;
}

#resetBtn, #returnPageBtn {
    font-weight: bold;
}

.leftFloat {
    float: left;
}

.rightFloat {
    float: right;
}

.uploadImageActions {
    margin-top: 10px;
    margin-bottom: 10px;
}

#UploadImageDialog .UploadImageDialogIndexing .uploadImageActions .btn-gray, #UploadImageDialog .UploadImageDialogIndexing .uploadImageActions .btn-warning {
    margin-bottom: 0;
}

.uploadImageActions .btn-gray, .uploadImageActions .btn-warning {
    margin-left: 5px;
    margin-bottom: 15px;
    cursor: pointer;
}

#docNumberInput {
    width: 220px;
    margin-right: 10px;
}



.innerFolders > div.openFolder,
.innerFolders > div.closedFolder {
    margin: 6px;
    height: 38px;
    min-width: 152px;
    padding: 1px;
    text-align: center;
    border: 1px solid #F2AB65;
    border-radius: 5px;
    box-shadow: 1px 1px #BE8936;
    cursor: pointer;
    float: left;
    clear: both;
}

.innerFolders.subFolderContainer > div {
    margin-left: 25px;
}


.innerFolders.subFolderContainer > .folderGuide {
    float: left;
    border-left: 1px solid #F2AB65;
    margin-left: 50px;
    margin-top: -5px;
    margin-bottom: 13px;
}

.folderGuide {
    border-left: 1px solid #F2AB65;
    margin-left: 25px;
    margin-top: 49px;
}

.fileTreeHorizontalGuide {
    display: block;
    width: 0px;
    height: 0px;
    clear: left;
}

    .fileTreeHorizontalGuide span {
        height: 25px;
        width: 23px;
        border-bottom: 1px solid #F2AB65;
        display: block;
    }

.innerFiles > .fileTreeHorizontalGuide span {
    height: 14px;
}

.innerFolders > div.openFolder:before {
    background: url(../Images/icons/folder-notch-open.svg) no-repeat;
    background-size: contain;
    filter: invert(34%) sepia(77%) saturate(747%) hue-rotate(233deg) brightness(90%) contrast(90%);
}

.innerFolders > div.closedFolder:before {
    background: url(../Images/icons/folder-notch-open.svg) no-repeat;
    background-size: contain;
    filter: invert(34%) sepia(77%) saturate(747%) hue-rotate(233deg) brightness(90%) contrast(90%);
}

.innerFolders > div.openFolder:before,
.innerFolders > div.closedFolder:before {
    width: 50px;
    height: 50px;
    content: "";
    margin: -6px;
    float: left;
    margin-left: 1px;
}


.innerFolders > div.openFolder:hover,
.innerFolders > div.closedFolder:hover {
    background-color: #FFE2C0;
    box-shadow: 1px 1px #E7AB4D;
}


.innerFolders > div > span {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 5px;
    top: 8px;
    cursor: pointer;
    font-weight: bold;
}

.innerFiles div, .innerFiles div span {
    cursor: pointer;
}

#UploadImageDialog .UploadImageDialogIndexing #btnToggleViewMode {
    float: right;
}

#errorMsgBlock {
    margin-left: 20px;
}

#btnToggleViewMode {
    background-image: url(../Images/sprites.png);
    background-position: -588px 0px;
    display: inline-block;
    height: 39px;
    width: 42px;
    vertical-align: bottom;
    float: right;
    position: relative;
    right: 31px;
}

    #btnToggleViewMode.tileMode {
        background-position: -588px -78px;
    }


    #btnToggleViewMode:not(.tileMode):hover {
        background-position: -588px -39px;
    }


.innerFiles > div.large-icons:hover {
    border: 2px solid rgba(195, 193, 189, 0.37);
}

.innerFiles {
    
    
    
    clear: both;
}

    .innerFiles > div.large-icons {
        display: inline-block;
        width: 70px;
        height: 85px;
        padding: 0px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-color: rgba(254, 240, 225, 0);
        background: url(../Images/sprites.png) no-repeat;
        background-position: -651px -163px;
    }

        .innerFiles > div.large-icons > span {
            position: relative;
            top: 65px;
        }

#UploadImageDialog .UploadImageDialogIndexing .innerFiles > div.small-icons span {
    position: static;
    padding-left: 28px;
    display: inline-block;
    padding-top: 2px;
}


.innerFiles > div.small-icons {
    display: inline-block;
    width: 95%;
    height: 24px;
    padding: 0px;
    margin-left: 25px;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(254, 240, 225, 0);
    background: url(../Images/explorer-file.png) left center no-repeat;
    background-position-y: 0px;
    background-size: contain;
    padding-bottom: 0px;
    text-align: left;
}

    .innerFiles > div.small-icons:before {
        display: inline;
        width: 24px;
        height: 24px;
        background: url(../Images/sprites.png) no-repeat;
        background-position: -621px -163px;
        content: "";
    }

    .innerFiles > div.small-icons > span {
        position: relative;
        left: 28px;
        top: 2px;
    }

    .innerFiles > div.small-icons:hover {
        border: 2px solid rgba(195, 193, 189, 0.37);
    }

li.upldlg {
    margin-right: 5px;
}

.breadCrumbChunk {
    font-weight: 300;
    font-size: 12px;
}

.innerFiles > div.selectedFile {
    border-color: rgb(255, 219, 180) !important;
}

.btn disabled {
    pointer-events: none;
}

#previewContent > img {
    
}


#accountbalance-block.showBalance {
    display: inline-block !important;
}

.entryErrorsCont {
    max-width: 580px;
    height: 0px;
    position: relative;
    top: -50px;
}

    .entryErrorsCont div {
        height: 50px;
        vertical-align: bottom;
    }

#orderEntryError.error {
    margin-top: 3px;
}

#orderEntryWarning.error {
    margin-top: 3px;
}

input.hasDatepicker[readonly] {
    background-color: #ffffff !important;
    cursor: text;
}

#date-export-block input.hasDatepicker {
    width: 160px;
}

.bottomLinks .disabled {
    display: inline-block;
    pointer-events: none;
    cursor: default;
    color: gray;
}

.anchorDisabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

#mismatchPopupContent .orderEntryBlock {
    margin: 0 12px 0px 12px;
}

.ui-corner-all .whiteError {
    color: white;
    font-size: 16px;
    display: inline-block;
    padding: 0;
    font-family: Arial;
}

    .ui-corner-all .whiteError:before {
        background: url('../images/sprites.png') no-repeat -428px -159px;
        width: 24px;
        height: 11px;
        display: inline-block;
        content: '';
        padding: 4px 0;
        margin-right: 8px;
    }

.orderEntryBlock #submit-block ul.buttons-block.indexing {
    padding: 36px 6px;
}

#links.indexing {
    width: 50%;
    float: left;
}

#entryOuterButtons {
    float: right;
    margin-top: 15px;
}

    #entryOuterButtons #cancleOuter, #entryOuterButtons #saveAdvance, #entryOuterButtons #assessorSaveAdvance {
        display: inline;
        margin-left: 10px;
    }

.lessData:before {
    background: url(../images/sprites.png) no-repeat -520px -182px;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

.customValidationError {
    font-size: 19px;
    color: red;
}

.borderRequired {
    height: 0;
    width: 0;
    margin: -5px 0 5px -5px;
}

.inlineLabel {
    display: inline-block !important;
}

.compareWarning {
    color: red !important;
}

select.compareWarning option {
    color: #555555 !important;
}

.mistmatchDialog.ui-dialog .ui-widget-header {
    background-color: #737373 !important;
    background-image: none;
}

.mistmatchDialog.ui-dialog {
    padding: 0;
}

    .mistmatchDialog.ui-dialog.ui-widget-content {
        border: 1px solid #ADA9A9;
        border-top: none;
    }

.mistmatchDialog .ui-corner-all.ui-dialog-titlebar {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: #ffffff !important;
}

.mistmatchDialog.ui-widget input.btn-gray, .mistmatchDialog.ui-widget input.btn-orange {
    font-size: 15px;
}

.mistmatchDialog.ui-widget input.btn-gray {
    margin-right: 10px;
}

.mistmatchDialog.ui-widget-content a {
    color: var(--color-primary-600, #7c4ccd);
    font-weight: bold;
}

    .mistmatchDialog.ui-widget-content a:hover,
    .mistmatchDialog.ui-widget-content a:focus {
        color: rgb(255, 167, 71);
        text-decoration: none;
    }

#misMatchBottomBlock {
    clear: both;
}

#misMatchBtnBlock {
    padding: 15px 6px;
}

#mismatchLinkblock {
    margin-top: 30px;
}

.mistmatchDialog .icon-drag {
    background: url("../Images/sprites.png") -454px -273px no-repeat;
    height: 26px;
    width: 25px;
    float: right;
}

.mistmatchDialog .orderEntryBlock label {
    display: block;
}

.mistmatchDialog input[type='checkbox'] ~ label {
    display: inline-block;
}

.owners-input-control .contacts {
    padding-left: 6px;
}

.borderRequiredLabel {
    display: block !important;
    width: 50%;
    height: 27px;
    margin: 0;
}

    .borderRequiredLabel label {
        display: block;
        float: left;
    }

.HistoryNotes {
    -webkit-box-shadow: inset 0px 4px 7px -5px rgba(50, 50, 50, 0.68);
    -moz-box-shadow: inset 0px 4px 7px -5px rgba(50, 50, 50, 0.68);
    box-shadow: inset 0px 4px 7px -5px rgba(50, 50, 50, 0.68);
    width: 290px;
    height: 200px;
    background-color: #fff;
    overflow-y: scroll;
    padding: 5px 10px;
    color: #000;
    border-radius: 8px;
}

.noUserFound,
.noBookFound,
.participandIdDoesNotExist,
.volumePageDoesNotExist,
.noPageFound {
    border-color: red !important;
}

#sendToCapture {
    padding-left: 5px;
    color: var(--color-primary-600, #7c4ccd);
}
#sendToCapture.disabled {
    pointer-events: none;
    color: #c3bdbd;
}

#kofileBubbleFooter #copyfromPriorOrderItemIndexing {
    padding-left: 0;
    padding-right: 10px;
}

.reference-textbox-block .fields {
    float: left;
}

.reference-textbox-block .ref-message-block {
    width: 20%;
    margin: 14px 10px 14px 0px;
    word-break: break-word;
}
.reference-textbox-block .ref-docnum-block, .reference-textbox-block .ref-volpage-block {
    width: 20%;
    margin: 14px 0;
    word-break: break-word;
}
.reference-input-fields {
    width: 160px !important;
}
.reference-textbox-block {
  overflow: hidden;
}
.reference-textbox-block {

}
#animal-block #brand-animals > div {
    width: 70px;
}

#male-female #male-female-checkbox > div {
    width: 100px;
}

#animaltype #nameOfbrandelectronicchip-block .brandtatoos:last-child input {
    width: 350px !important;
}

#brand-animals input.otheritem {
    display: inline;
    width: 150px;
    margin: 0;
    margin-right: 9px;
}

#brand-animals .fleft:last-child span {
    margin-right: 8px;
}

#animal-block #brand-animals .fleft:last-child {
    width: 250px;
}

#earmarkonly.form-control {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 47%;
}

    #earmarkonly.form-control label {
        font-weight: bold;
    }

.multiselectError {
    width: 120px;
}

    .multiselectError .customValidationError {
        font-size: 13px;
    }

#male-female #male-female-checkbox > div.multiselectError {
    width: 240px;
}

#copyfromPriorOrderItemVerif {
    display: none;
}

#orderSummary .serialNumberInput {
    width: 125px;
}

label#serialNumberType{
    cursor:text;
}

#copyNamesForm .autocomplete-block {
    margin-top: 30px;
    max-height: 130px;
}

#copyPropertiesForm .autocomplete-block {
    margin-top: 30px;
    max-height: 130px;
}

#copyNamesForm .iconsearch,
#copyPropertiesForm .iconsearch {
    padding-left: 25px;
}

#copyNamesForm .type-cont {
    padding: 5px;
}

    #copyNamesForm .type-cont label {
        text-transform: capitalize;
        margin-left: 3px;
    }

#printOptionsBlock {
    min-height: 555px;
    min-width: 775px;
    overflow: hidden;
    margin-bottom: 20px;
}

    #printOptionsBlock [class*="span"] {
        margin-left: 0;
    }

    #printOptionsBlock .topMargin, #printOptionsBlock .bottomMargin, #printOptionsBlock .leftMargin, #printOptionsBlock .rightMargin,  #printOptionsBlock .printMargin {
        margin-bottom: 15px;
    }

        #printOptionsBlock .topMargin label, #printOptionsBlock .bottomMargin label, #printOptionsBlock .leftMargin label, #printOptionsBlock .rightMargin label, #printOptionsBlock .printMargin label {
            margin-right: 10px;
        }

    #printOptionsBlock .heightBorder {
        margin: 1px 0 0 0;
        width: 33px;
    }

        #printOptionsBlock .heightBorder img {
            height: 100%;
            width: 13px;
        }

    #printOptionsBlock .heightBorderTop, #printOptionsBlock .heightBorderBottom {
        width: 13px;
    }

    #printOptionsBlock .widthBorder {
        height: 33px;
        margin-left: 34px;
        overflow: hidden;
    }

    #printOptionsBlock .widthBorderText {
        width: 27px;
        text-align: center;
    }

    #printOptionsBlock .widthBorderTop, #printOptionsBlock .widthBorderBottom {
        height: 13px;
    }

    #printOptionsBlock .widthBorder img {
        width: 100%;
        height: 13px;
    }

    #printOptionsBlock .imageWrapper {
        overflow: hidden;
    }

    #printOptionsBlock input[type=range] {
        -webkit-appearance: none;
        margin: 11px 0 15px 25px;
        border: none;
        width: 50%;
        padding: 0;
        height: 22px;
    }

    #printOptionsBlock .pageSelected {
        margin-bottom: 8px;
    }

    #printOptionsBlock .combineblock {
        margin-bottom: 15px;
    }

    #printOptionsBlock .pageSizeBlock {
        margin-bottom: 15px;
    }

    #printOptionsBlock label span {
        padding-left: 3px;
        height: 19px;
        vertical-align: middle;
        display: inline-block;
    }

    #printOptionsBlock input[type=range]:focus {
        outline: none;
    }

    #printOptionsBlock .pageCountText {
        display: inline-block;
        margin-right: 18px;
        width: 36px;
    }

    #printOptionsBlock input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        box-shadow: 6.4px 6.4px 6.4px rgba(214, 214, 214, 0), 0px 0px 6.4px rgba(227, 227, 227, 0);
        background: #e7eaea;
        border-radius: 0px;
        border: 1px solid #d6d6bd;
    }

    #printOptionsBlock input[type=range]::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #9679ff, 0px 0px 0px #aa93ff;
        border: 1px solid #bababa;
        height: 19px;
        width: 11px;
        border-radius: 0px;
        background: #ebebeb;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -8.5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #printOptionsBlock input[type=range]:focus::-webkit-slider-runnable-track {
        background: #e7eaea;
    }

    #printOptionsBlock input[type=range]::-moz-range-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        box-shadow: 6.4px 6.4px 6.4px rgba(214, 214, 214, 0), 0px 0px 6.4px rgba(227, 227, 227, 0);
        background: #e7eaea;
        border-radius: 0px;
        border: 1px solid #d6d6bd;
    }

    #printOptionsBlock input[type=range]::-moz-range-thumb {
        box-shadow: 0px 0px 0px #9679ff, 0px 0px 0px #aa93ff;
        border: 1px solid #bababa;
        height: 19px;
        width: 11px;
        border-radius: 0px;
        background: #ebebeb;
        cursor: pointer;
    }

    #printOptionsBlock input[type=range]::-ms-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    #printOptionsBlock input[type=range]::-ms-fill-lower {
        background: #e7eaea;
        border: 1px solid #d6d6bd;
        border-radius: 0px;
        box-shadow: 6.4px 6.4px 6.4px rgba(214, 214, 214, 0), 0px 0px 6.4px rgba(227, 227, 227, 0);
    }

    #printOptionsBlock input[type=range]::-ms-fill-upper {
        background: #e7eaea;
        border: 1px solid #d6d6bd;
        border-radius: 0px;
        box-shadow: 6.4px 6.4px 6.4px rgba(214, 214, 214, 0), 0px 0px 6.4px rgba(227, 227, 227, 0);
    }

    #printOptionsBlock input[type=range]::-ms-thumb {
        box-shadow: 0px 0px 0px #9679ff, 0px 0px 0px #aa93ff;
        border: 1px solid #bababa;
        height: 19px;
        width: 11px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #ebebeb;
        cursor: pointer;
    }

    #printOptionsBlock input[type=range]:focus::-ms-fill-lower {
        background: #e7eaea;
    }

    #printOptionsBlock input[type=range]:focus::-ms-fill-upper {
        background: #e7eaea;
    }

#AssumedType div.fleft {
    margin-right: 100px;
}

.bussinessName input {
    width: 346px;
}

.bussinessNameLookup {
    float: left;
    width: 390px;
    margin-right: 34px;
}

    .bussinessNameLookup input {
        width: 346px;
        margin-top: 20px !important;
        padding-left: 30px !important;
    }

.assumedNamesControl {
    clear: both;
    overflow: hidden;
}

    .assumedNamesControl #state-block select {
        width: 110px !important;
        margin-top: 20px !important;
    }


#businessNameRecordsInfoBox tr td:last-child {
    padding: 0 15px !important;
}



#businessNameRecordsInfoBox tr td:first-child {
    padding: 0 15px 0 0 !important;
}

#businessNameRecordsInfoBox tbody {
    float: left;
    width: 100%;
    height: 300px;
    overflow: auto;
}

.historyTooltipContent.mCustomScrollbar {
    max-height: 300px;
}

.historyBlock {
    padding: 8px 5px;
}

#distributeAccountPaymentBubble #kofileBubbleFooter {
    clear: both;
}

.orderheaderBlock input[disabled], .orderheaderBlockselect[disabled], .orderheaderBlock textarea[disabled], .orderheaderBlock input[readonly], .orderheaderBlock select[readonly], .orderheaderBlock textarea[readonly] {
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#documentLookup .autocomplete-block {
    margin-top: 30px;
}

#criteriaSearchBlock {
    width: 35%;
}

    #criteriaSearchBlock a {
        display: block;
        word-break: break-word;
    }

.attachmentSelected {
    background-color: rgba(255, 220, 155, 0.6);
    border: 2px solid #F2800E;
}

.attachmentRowContainer {
    overflow: hidden;
}

    .attachmentRowContainer .attahchmentRow {
        width: 90%;
        overflow: hidden;
        cursor: pointer;
    }

.deleteAttachmentCont {
    padding: 5px;
}

.cardReaderLinks {
    clear: both;
    min-height: 32px;
    margin-top: 10px;
}

    .cardReaderLinks .waitingForData {
        padding-left: 30px;
    }

.downloadIconCont .download-icon {
    width: 24px;
    height: 28px;
    background: url(../images/sprites.png) no-repeat -622px -225px;
    display: inline-block;
}


#brandDrawingSignature,
#earMarkDrawingSignature {
    overflow: hidden;
    float: left;
}

    #brandDrawingSignature .signaturePadContainer,
    #earMarkDrawingSignature .signaturePadContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    #brandDrawingSignature .signaturePadContainer {
        border-right: 1px solid #cccccc;
        padding-left: 0;
    }

    #earMarkDrawingSignature .signaturePadContainer {
        border-left: 1px solid #ffffff;
    }

#earMarkDrawingSignatureArea,
#brandDrawingSignatureArea {
    float: left;
}


    #brandDrawingSignatureArea .signaturePadContainer .acceptData,
    #earMarkDrawingSignatureArea .signaturePadContainer .acceptData {
        clear: both;
        display: block;
    }

    #earMarkDrawingSignatureArea .infoSectionPad {
        padding-left: 22px;
    }

#ml-maleSignatureArea,
#mlcom-applicantSignatureArea,
#bc-applicantSignatureArea,
#dc-applicantSignatureArea,
#ml-femaleSignatureArea,
#earMarkDrawingSignatureArea,
#ownerSignatureArea,
#brandDrawingSignatureArea {
    margin-top: 20px;
}

#ownerSignatureArea,
#notarySignatureArea {
    margin-top: 50px;
}

#bc-applicantSignatureArea,
#ownerSignatureArea,
#dc-applicantSignatureArea {
    clear: both;
}

#brandSignatures {
    overflow: hidden;
}

.waitingForData {
    padding-left: 30px;
}

.stateOfIncorporationContainer {
    margin: 0 5px;
}
.stateOfIncorporationContainer input {
    width: 750px;
}

.signaturePadContainer {
    overflow: hidden;
}

    .signaturePadContainer .signaturePadArea {
        width: 342px;
        height: 82px;
        float: left;
        border: 2px solid #cccccc;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        position: relative;
        padding: 4px;
    }

#brandDrawingSignatureArea .signaturePadContainer .signaturePadArea,
#earMarkDrawingSignatureArea .signaturePadContainer .signaturePadArea {
    width: 333px;
    height: 129px;
    padding: 8px;
}

#ml-maleSignatureArea .signaturePadContainer .acceptData,
#mlcom-applicantSignatureArea .signaturePadContainer .acceptData,
#notarySignatureArea .signaturePadContainer .acceptData,
#ownerSignatureArea .signaturePadContainer .acceptData,
.ownersSignaturePadArea .signaturePadContainer .acceptData,
#bc-applicantSignatureArea .signaturePadContainer .acceptData,
#dc-applicantSignatureArea .signaturePadContainer .acceptData,
#ml-femaleSignatureArea .signaturePadContainer .acceptData {
    float: left;
    margin-top: 76px;
    margin-right: 40px;
    height: 20px;
}

#brandDrawingSignatureArea .signaturePadContainer .signaturePadArea .resetData,
#earMarkDrawingSignatureArea .signaturePadContainer .signaturePadArea .resetData {
    top: 1px;
    right: 3px;
}

.signaturePadContainer .signaturePadArea .resetData {
    top: 3px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.infoSectionPad {
    min-height: 25px;
}


.ownersSignaturePadArea {
    padding-left: 10px;
}

.signaturePadContainer .signaturePadArea img {
    width: 98%;
    height: 98%;
}





.ui-tooltip {
    word-break: break-word;
}

#setSerialNumbeContent .startNumber.iconsearch,
#setSerialNumbeContent .endNumber.iconsearch {
    padding-left: 25px;
}

.voidDisaloow {
    padding-right: 12px;
}

#app-Type-block > div.fleft {
    margin-right: 15px;
}


.uploadWarningDialog.ui-dialog.ui-widget-content {
    border: none;
    font-weight: bold;
    padding: 0;
    z-index: 8040;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    overflow: visible;
}

.uploadWarningDialog.ui-dialog .ui-widget-header {
    color: #ffffff;
    background-color: #f7ba77;
    background-image: -moz-linear-gradient(top, #f7ba77, #ee9230);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7ba77), to(#ee9230));
    background-image: -webkit-linear-gradient(top, #f7ba77, #ee9230);
    background-image: -o-linear-gradient(top, #f7ba77, #ee9230);
    background-image: linear-gradient(to bottom, #f7ba77, #ee9230);
    background-repeat: repeat-x;
    font-size: 15px;
}



.uploadWarningDialog .ui-corner-all.ui-dialog-titlebar {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: none;
    color: #ffffff !important;
    font-weight: bold;
}

.uploadWarningDialog.ui-widget input.btn-gray, .uploadWarningDialog.ui-widget input.btn-orange {
    font-size: 15px;
    margin-top: 5px;
}

.uploadWarningDialog.ui-dialog .ui-dialog-content {
    padding-top: 10px;
    background-color: #f9f9f9;
}

.uploadWarningDialog.ui-dialog .ui-dialog-buttonpane {
    border: none;
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
}


.uploadWarningDialog.ui-widget, .uploadWarningDialog.ui-widget input {
    font-family: inherit;
}

.fancybox-close-custom {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url(../images/fancybox_sprite.png);
}

.uploadWarningDialog.ui-widget .ui-dialog-content span.leftMargin40Perc {
    margin-left: 40%;
}



.support-window {
    background-color:gray;
}

.support-window-content {
    margin: auto;
    width: 350px;
    padding: 30px;
    padding-top: 20px;
    background-color: white;
    height: 100%;
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.4);
    box-shadow: 0 2px 10px rgba(0,0,0,.4);
}

    .support-window-content span {
        font-size:14px;
        line-height:10px;
    } 
    
    .support-window-content input[type="text"] {
        width: 338px;
        margin-bottom:10px;
        margin-top:10px;
    }


    .support-window-content textarea {
        width: 338px;
        resize: none;
        margin-bottom: 10px;
    }



.floating-field {
    position: relative;
}

.floating-field-inline {
    position: relative;
    display: inline-block;
}

.floating-label {
    background: #fff;
    color: #333333;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 0.9em;
    left: .3em;
    opacity: 0;
    padding: 0 .2em;
    position: absolute;
    height: 0;
    margin: 0;
    top: 2em;
    transition: all 0.1s linear;
    z-index: -1;
}

.show-floating-label {
    float: left;
    opacity: 1;
    top: 4px;
    z-index: 3;
}

.show-floating-label.high-zindex {
    z-index: 11;
}

label.label-text {
    padding: 0 .2em;
    background: #fff;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    white-space: nowrap;
}



.changeableWidthSpan {
    visibility: hidden;
    display: inline-block;
    position: fixed;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.word-break {
    word-break:break-all;
}



.capture-tabs {
    padding: 0 11px;
    float: left;
    width: 100%;
}

.capture-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.capture-tabs ul li {
    float: left;
}

.capture-tabs ul li:after {
    background: transparent url("../images/sprites.png") no-repeat -1113px -405px;
    content: " ";
    width: 18px;
    height: 38px;
    display: inline-block;
}

.capture-tabs ul li.selected:after {
    background: transparent url("../images/sprites.png") no-repeat -1113px -213px;
    content: " ";
    width: 18px;
    height: 38px;
    float: left;
}

.capture-tabs ul li {
    width: auto;
    height: 37px;
    overflow: hidden;
}

.capture-tabs ul li a,
.capture-tabs ul li a:focus {
    background: transparent url("../images/sprites.png") -807px -407px;
    width: auto;
    color: #777777;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 27px;
    line-height: 26px;
    padding: 5px 7px 5px 32px;
    text-decoration: none;
    outline: none;
    outline-width: 0;
    float: left;
}

.capture-tabs ul li a:not('.disabled'):hover {
    color: #333;
}

.capture-tabs ul li.selected {
    width: auto;
    height: 37px;
}


.capture-tabs ul li.selected a {
    background: transparent url("../images/sprites.png") no-repeat -807px -253px;
    width: auto;
    height: 27px;
    color: #fff;
}

.tabcontent {
    display: none;
    clear: both;
    padding: 15px 15px 10px 15px;
}

.capture-tabs ul li.disabled {
    opacity: 0.4;
}
.capture-tabs ul li.disabled a {
    cursor: not-allowed;
}


.editable-combobox {
    padding-right: 20px !important;
    background: url(../images/down-arrow.png) no-repeat right;
}

.editable-combobox-list {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 1px solid #d1d1d1;
    display: none;
    z-index: 1000;
    background: #fff;
    max-height: 160px;
    overflow-y: auto;
    -moz-box-shadow: 0 2px 3px #ccc;
    -webkit-box-shadow: 0 2px 3px #ccc;
    box-shadow: 0 2px 3px #ccc;
}

.editable-combobox-list li {
    padding: 5px;
    font-weight: 200;
    cursor: pointer;
}

.editable-combobox-list li.selected {
    background: #eee;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7000;
}

.text-nowrap {
    white-space: nowrap;
}

.red-color[type='text'], .red-color[type='number'] {
    color: red;
}

.flex-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.no-fee-with-comment {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

#dropdown-custom-option-container {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 9px;
    min-width: 300px; 
    box-sizing: border-box;
    padding: 6px 15px 6px 4px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 10px 0;
}

#dropdown-custom-option-container::after {
    content: ">";
    position: absolute;
    right: 2px;
    top: 52%;
    transform: translateY(-50%) rotate(90deg);
    color: #777;
    font-size: 17px;
    pointer-events: none;
    font-weight: bold;
    font-family: cursive;
}

#dropdown-custom-option-container .dropdown-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: white;
    z-index: 1000;
    box-sizing: border-box;
}

#dropdown-custom-option-container .dropdown-list li {
    padding: 4px 6px;
    cursor: pointer;
    background: white;
    width: 100%;
    box-sizing: border-box;
}

#dropdown-custom-option-container .dropdown-list li.selected {
    background: #f0f0f0;
}


#dropdown-custom-option-container .dropdown-list li:hover {
    background: #f0f0f0;
}

#dropdown-custom-option-container .dropdown-list[style*="display: block"] {
    display: block;
}

#dropdown-custom-option-container textarea {

    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    outline: none;
    box-shadow: none;
    resize: none;
    white-space: pre;
    word-wrap: break-word;
    width: 100%;
    border-radius: 0;
}

#dropdown-custom-option-container .label-text {
    position: absolute;
    top: -8px;
    left: 4px;
    z-index: 999;
}

.container-two-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.left-section {
    align-items: flex-start;
}

.container-two-checkbox #returnbymail-block {
    margin-top: 0 !important;
}

.checkbox {
    display: flex;
    gap: 5px;
}

.right-section {
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: flex-end;
}

#skipapproval-text {
    margin-bottom: 0 !important; 
}
#no-fee-block > div:first-child * {
    white-space: nowrap;
}

.parcel-compact-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
    position: relative;
}

.parcel-index {
    font-weight: bold;
    width: 20px;
    text-align: center;
    color: #555;
    margin-top: 3px;
}

.parcel-compact-row .parcelidfirst-field,
.parcel-compact-row .township-field-pid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.parcel-compact-row .floating-input.iconsearch {
    padding-left: 26px;
}

.m-0{
    margin: 0px;
}

.justify-content-flex-end{
    justify-content: flex-end
}