html {
    -ms-overflow-style: scrollbar;
}

#tableauPlaceholder {
    width: 100%;
    height: 636px;
    position: relative;
    overflow: hidden;
    display: block;
    text-align: center;
}

#tableauViz {
    display: block;
    margin: 0px;
    padding: 0px;
    border: medium none;
    width: 100%;
    height: 636px;
}

.btnException {
    cursor: pointer;
}

.btnWriteOff {
    cursor: pointer !important;
}

.btnExceptionall {
    cursor: pointer;
}

#EmbeddedCode {
    resize: vertical;
    min-height: 100px !important;
}
/*#form-update-dashboard iframe {
    max-width: 1070px;
}

#form-update-dashboard .tableauPlaceholder {
    max-width: 1070px;
}

#form-update-dashboard textarea.form-control {
    height: 100px;
}*/

#divalertdialogue {
    border: #e6b460;
}

#main-menu-bg {
    transition: left .3s ease;
}

.Agediv .input-group-addon, .Agediv .input-group-btn {
    vertical-align: bottom;
}

body.mmc div.arrow_box {
    position: relative;
    background: #f9f1c7;
    border: 2px solid #e6b460;
    width: 30%;
    color: #af8640;
    padding: 5px;
    text-align: center;
    margin-top: 34%;
    margin-left: -15%;
}

.arrow_box {
    position: relative;
    background: #f9f1c7;
    border: 2px solid #e6b460;
    width: 30%;
    color: #af8640;
    padding: 5px;
    text-align: center;
    margin-top: 34%;
    margin-left: 12%;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(230,180,96,0);
        border-top-color: #e6b460;
        border-width: 15px;
        margin-left: -15px;
    }

    .arrow_box:before {
        border-color: rgba(230,180,96,0);
        border-top-color: #e6b460;
        border-width: 15px;
        margin-left: -15px;
    }

.editable-click {
    width: 100%;
}

.editable-empty, .editable-empty:focus, .editable-empty:hover {
    border-bottom: none;
}

.has-error .help-block::before, .has-success .help-block::before, .has-warning .help-block::before {
    bottom: -7px;
    border-top: 6px solid;
}

.has-error .help-block::before {
    border-top-color: #f3e2e2;
}

.has-error .help-block::after, .has-success .help-block::after, .has-warning .help-block::after {
    bottom: -6px;
    border-top: 6px solid;
}

.has-error .help-block::after {
    border-top-color: #f3e2e2;
}

.editable-buttons {
    background: transparent;
    margin-left: -12px;
}

    .editable-buttons .btn {
        padding: 0 !important;
    }

.editableform {
    margin: 0 !important;
}

    .editableform .form-control {
        margin-bottom: 0 !important;
    }

.has-error .help-block, .has-success .help-block, .has-warning .help-block {
    position: absolute;
    z-index: 9;
}

.select2-result-label .wrap {
    padding-left: 25px;
    background: url(../images/pixel-admin/unchecked.png) no-repeat;
}

    .select2-result-label .wrap.checked {
        padding-left: 25px;
        background: url(../images/pixel-admin/checked.png) no-repeat;
    }

        .select2-result-label .wrap.checked.red {
            padding-left: 25px;
            background: url(../images/pixel-admin/checked_red.png) no-repeat;
        }

.select2-hidden-accessible {
    display: none !important;
    visibility: hidden !important;
}

.form-group {
    position: relative;
}

.domain-add-update .form-group .field-validation-error {
    color: red;
    position: absolute;
    top: 30px;
    left: 107px;
}

#divsiteadd .input-validation-error {
    margin-bottom: 0 !important;
}

.field-validation-error {
    color: red;
    font-size: 12px;
}

.required {
    color: red !important;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid red;
    background-color: #fee;
    color: red;
}

.validation-summary-errors {
    font-weight: 700;
    color: red;
}

    .validation-summary-errors ul {
        padding: 0;
        margin: 0;
    }

        .validation-summary-errors ul li {
            list-style: none;
        }

.validation-summary-valid {
    display: none;
}

.hidden {
    display: none;
}

div#loaderdiv {
    background: none repeat scroll 0 0 rgba(255,255,255,0.40);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

    div#loaderdiv div.loader {
        left: 49%;
        position: absolute;
        top: 30%;
        z-index: 1000;
    }

/*Debduttya*/
div#loaderdiv1 {
    background: none repeat scroll 0 0 rgba(255,255,255,0.40);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    left: 0%;
}

    div#loaderdiv1 div.loader {
        left: 49%;
        position: absolute;
        top: 30%;
        z-index: 1000;
    }

div#loaderdiv2 {
    background: none repeat scroll 0 0 rgba(255,255,255,0.40);
    height: 100%;
    position: fixed;
    top: 0;
    width: 1100px;
    z-index: 99999;
    left: 0;
}

    div#loaderdiv2 div.loader {
        left: 49%;
        position: absolute;
        top: 30%;
        z-index: 1000;
    }
/*Debduttya*/
div.message-error {
    color: #FF0202;
    font-weight: 700;
}

div.message-success {
    color: green;
    font-weight: 700;
}

img#imgFloorPlan {
    width: 200px;
}

div.fileUpload {
    position: relative;
    overflow: hidden;
}

    div.fileUpload span.icon {
        margin-right: 4px;
    }

    div.fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

div.fileUpload-btn-primary {
    color: #fff;
    background-color: #4ebbdb;
}

    div.fileUpload-btn-primary:hover {
        color: #fff !important;
        background-color: #00aeef;
    }

div.fileUpload-btn {
    display: inline-block;
    font: normal 13px/normal Arial;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

span.file-upload-note {
    font-weight: 400;
    display: block;
    padding-top: 2px;
}

span.file-upload-success-message {
    color: green;
    font-weight: 700;
}

div#divfileuploadprogress {
    margin-top: 4px;
}

#divupdate .edit-email {
    border: 0 !important;
    padding: 7px 10px;
    background-color: transparent;
    color: #111;
    font-weight: 400;
    text-align: left;
}

#divupdate .editlabel {
    border: 0 !important;
    padding: 7px 10px;
    background-color: transparent;
    color: #111;
    font-weight: 400;
    text-align: left;
}

#divupdate .edit {
    border: 0 !important;
    padding:;
    background-color: transparent;
    color: #111;
    font-weight: 400;
    text-align: left;
    margin-bottom: 8px;
}



.divcontactupdate .edit-email {
    border: 0 !important;
    padding: 7px 10px !important;
    background-color: transparent !important;
    color: #111 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.divcontactupdate .editlabel {
    border: 0 !important;
    padding: 7px 10px !important;
    background-color: transparent !important;
    color: #111 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.divcontactupdate .edit {
    border: 0 !important;
    padding:;
    background-color: transparent !important;
    /* color: #111; */ color: #111 !important;
    font-weight: 400 !important;
    text-align: left !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
}

.divcompanyupdatesection label {
    font-size: 12px !important;
}

.divcompanyupdatesection a {
    font-size: 12px !important;
}

.divcompanyupdatesection textarea {
    font-size: 12px !important;
}


.divcompanycontactupdate label {
    font-size: 12px !important;
}

.divcompanycontactupdate a {
    font-size: 12px !important;
}

.divcompanycontactupdate textarea {
    font-size: 12px !important;
}


.divsiteupdate label {
    font-size: 12px !important;
}

.divsiteupdate a {
    font-size: 12px !important;
}

.divsiteupdate textarea {
    font-size: 12px !important;
}

.yellow_block #divtenantupdate .input-group .form-control {
    font-size: 9px;
    color: #af8640;
}

.yellow_block #divcompanycontactaddupdate label {
    font-size: 12px;
    color: #af8640;
}

.margin_lrft38 {
    margin-left: 5.2%;
}

.float_left {
    float: left;
}

.align_checkbox label {
    width: 100%;
}

    .align_checkbox label span {
        width: calc(41.66666667% + 11px);
    }

.editable-input .input-sm {
    padding-right: 2px !important;
}

#divsiteupdate a.form-control {
    padding-left: 1px;
    padding-right: 1px;
}

#divsiteupdate label {
    font-size: 9px;
    color: #af8640;
}

a#FKCountryID {
    padding-top: 3px;
}

a#FKTimeZoneID {
    padding-top: 3px;
}

.editable-input > .select2-container {
    width: 103px !important;
}

/*Suparna*/
.padding-0 {
    padding: 0 !important;
}

.panel-padding-custom {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.schedule-border-bottom {
    border-bottom: 1px solid #dfdfdf;
}

.divsaveschedule {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
}

div.colorpicker {
    z-index: 99999 !important;
}

.order-list .nav-tabs > li.active.order > a {
    background: #7396CE;
    border-bottom: 2px solid #7396CE;
    color: #fff;
}

.order-list .nav-tabs > li.active.openorder > a {
    background: #A349A4;
    border-bottom: 2px solid #A349A4;
    color: #fff;
}


.highlight {
    color: red;
    font-weight: bold;
}

.divvehicleaddupdate .editable-input > .select2-container {
    width: 290px !important;
}

.float_src_block {
    top: 8% !important;
}

.divfleet .editable-input > .select2-container {
    width: 155px !important;
}
/*Suparna*/

/*Suparna for DER PO*/
.der-component-border-bottom {
    border-bottom: 1px solid #dfdfdf;
}

.der-component-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.der-component-block {
    padding: 10px 10px 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0,0.25);
    margin-bottom: 10px;
}

    .der-component-block .table {
        margin-bottom: 5px !important;
    }

/*Suparna for DER PO*/

.form-control {
    height: 34px;
    font-weight: 400;
    overflow: hidden;
    line-height: 15px;
}

.theme-default .form-control:focus {
    border-bottom-color: #1d89cf !important;
}

.editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: 1px solid #f9f1c7 !important;
    color: #111;
}

    #divreciptitemlist .editable-click, a.editable-click, a.editable-click:hover {
        border-bottom: 1px solid transparent !important;
        color: #111;
    }

        .returntablelist .editable-click, a.editable-click, a.editable-click:hover {
            border-bottom: 1px solid transparent !important;
            color: #af8640;
        }

.sction_sys-ref .form-control {
    border-bottom: 1px solid #ccc !important;
    height: 32px;
}

.editable-buttons .editable-cancel, .editable-buttons .editable-submit {
    line-height: 14px;
    margin-left: 3px;
}

.input-group .form-control {
    margin-bottom: 0;
    width: 100%;
}

.btn-pad {
    padding: 0;
}

.dataTables_info {
    display: inline-block;
}

.dataTables_paginate {
    display: inline-block;
    float: right;
}

.editable-buttons {
    position: relative;
    background: #f6f6f6;
    z-index: 99;
    display: inline-block !important;
    width: auto;
    margin-left: 1px;
    margin-top: 2px;
}

.divroleupdate .editable-buttons {
    margin-left: -175px;
}

.product_lower_sec .editable-buttons {
    margin-left: -8px;
}

.divcurrency .editable-buttons {
    margin-left: -18px;
}

.divstatus .editable-buttons {
    margin-left: 21px;
}

.editable-input {
    width: 68%;
    padding: 2px 0;
}

.editable-clear-x {
    display: none !important;
}

.sction_sys-ref {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .sction_sys-ref ul {
        width: 100%;
        display: inline-block;
        text-align: center;
        list-style: none;
        padding: 0 10px 0 0;
        margin: 0 5px;
    }

        .sction_sys-ref ul li {
            float: left;
            width: 30%;
            margin: 6px;
            padding: 0;
            display: inline-block;
            text-align: left;
        }

            .sction_sys-ref ul li div {
                text-align: left;
                width: 84%;
                height: 32px;
            }

            .sction_sys-ref ul li .edit {
                width: 100%;
                height: 31px;
            }

            .sction_sys-ref ul li .editable-buttons {
                width: 45%;
            }

.editable-container .editable-inline {
    display: inline;
}

#divuserbuttons .btn {
    padding: 7px 23px;
}

.editable-buttons .btn {
    padding: 8px 2px;
}

.editableform .form-control {
    width: 100%;
}

#divsiteupdate label {
    width: 100%;
}

.signin-container .form-control {
    height: 45px;
}

.editable-empty {
    font-style: normal !important;
    text-align: left;
}

.maxwidth {
    width: 100%;
}

div.quicksearchresultlist ul.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid transparent;
}

div.agreementquicksearchresultlist ul.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid transparent;
}

#description-val.editable-field {
    margin: 0 0 8px;
}

.editable-field {
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    box-sizing: border-box;
    cursor: text;
    display: inline-block;
    max-width: 100%;
    width: 100%;
    padding: 0;
    position: relative;
    transition: box-shadow 150ms ease-in 0;
    vertical-align: top;
}

    .editable-field .overlay-icon.fa-iconfont-edit::before {
        left: 3px;
        top: 12px;
    }

.fa-icon-small::before {
    font-size: 16px;
    margin-top: -8px;
}

.editable-field:hover {
    background-color: #fff;
}

.editable-field:hover, .editable-field.saving {
    box-shadow: 0 0 0 1px #ccc;
}

.fa-iconfont-edit:before {
    content: "\f040";
}

.fa-icon-small::before {
    font-size: 16px;
    margin-top: -8px;
}

.fa-icon-small::before, .fa-icon-large::before {
    color: inherit;
    font-style: normal;
    font-weight: 400;
    left: 6px;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 50%;
}

.editable-field .overlay-icon.fa-iconfont-edit {
    color: #707070;
    cursor: pointer;
}

.editable-field:hover .overlay-icon {
    transition: opacity 150ms ease-in 0;
}

.editable-field:hover .overlay-icon, .editable-field.saving .overlay-icon {
    opacity: 1;
    z-index: auto;
}

.editable-field .overlay-icon {
    background-color: #f0f0f0;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    bottom: 0;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: -1;
}

.fa-icon-small {
    height: 16px;
    width: 16px;
}

.fa-icon-small, .fa-icon-large {
    line-height: 0;
    position: relative;
    vertical-align: text-top;
}

.fa-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: -999em;
    vertical-align: text-bottom;
    width: 16px;
}

#divupdate .editable-container.editable-inline {
    width: 100%;
}

#divupdate .editableform .control-group {
    width: 100%;
}

#divupdate .editable-input {
    width: 85%;
}


.divcontactupdate .editable-container.editable-inline {
    width: 100%;
}

.divcontactupdate .editableform .control-group {
    width: 100%;
}

.divcontactupdate .editable-input {
    width: 85%;
}

#description-val .editable-input > .select2-container {
    width: 100% !important;
}

#tbllist .editable-field {
    width: auto;
    padding-right: 28px;
}

#tbllist .editable-buttons .editable-cancel, #tbllist .editable-buttons .editable-submit {
    margin-left: 10px;
}

#productgrouptbllist .editable-field {
    width: auto;
    padding-right: 28px;
}

#productgrouptbllist .editable-buttons .editable-cancel, #tbllist .editable-buttons .editable-submit {
    margin-left: 10px;
}

#divassettbllist #tbllist_paginate {
    position: absolute;
    right: 15px;
}

#tblorderassetlist_paginate {
    position: absolute;
    right: 27px;
}

#tblallorderassetlist_paginate {
    position: absolute;
    right: 9px;
}

.widthclass {
    min-width: 110px !important;
}

.widthclassMax {
    min-width: 210px !important;
}

.othwidthclass {
    min-width: 50px !important;
}

.editableform .form-control {
    border-bottom: 1px solid #ccc !important;
}

.form-control:focus {
    border-bottom-color: #1d89cf !important;
}

/*.editable-field a {
    text-decoration: none;
    font-size: 9px;
}*/

.editable-field a.form-control {
    border: 0 !important;
    background: transparent;
}

.hideicon .editable-field .overlay-icon {
    display: none;
}

.editable-field:hover.hideicon, .editable-field.saving.hideicon {
    box-shadow: none;
    background: none;
    border-left: 0;
}

    .editable-field:hover.hideicon .overlay-icon {
        background: none;
        border-left: 0;
        display: none;
    }

#crafty_postcode_result_display_1 select {
    width: 100% !important;
    height: 32px;
    border-color: #ccc;
}

.user-search .input-group .form-control {
    width: 100%;
}

.password-validator ul li font {
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(../images/pixel-admin/WindowsIconSet16x16.png) no-repeat;
    background-position: -96px -19px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.password-validator ul li.field-validation-error font {
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url(../images/pixel-admin/WindowsIconSet16x16.png) no-repeat;
    background-position: -112px -16px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.hideoverflow {
    overflow-x: hidden;
    overflow-y: hidden;
}

.edit-notes {
    width: 100%;
    overflow-y: scroll;
}

.sction_sys-ref ul li .editable-input {
    padding: 4px 0;
}

#tblsitelist thead tr th:first-child {
    width: 70%;
}

#divsiteadd .input-group .form-control {
    width: 87%;
}

#divsiteadd .input-group-btn {
    vertical-align: top !important;
}

.zip_editable .input-group-btn {
    display: inline-block;
    vertical-align: top;
}

.zip_editable .btn {
    padding: 7px 6px;
}

.zip_editable .edit {
    width: 84% !important;
}

.zip_editable .editable-input {
    width: 60% !important;
}

.zip_editable .editable-container.editable-inline {
    width: 92% !important;
}

#divsiteadd .mid_inputbox {
    width: 50% !important;
    display: inline-block;
}

#divsiteadd .checkbox {
    vertical-align: top;
    display: inline-block !important;
}

#divsiteadd .small_chkbox {
    margin: 6px 6px 0 0;
}

.site_name {
    width: 48% !important;
}

.site_check {
    display: inline-block;
    margin: 6px 0 0;
}

.site_name .editable-buttons {
    width: auto !important;
}

.align_middle {
    vertical-align: middle !important;
}

.form-group-margin {
    min-height: 33px;
}

.yellow_block {
    background-color: #f9f1c7;
    border: 1px solid #f6deac;
    color: #af8640;
    border-radius: 3px;
    padding: 6px 4px;
    line-height: 18px;
}

    .yellow_block .row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .yellow_block .input-group-btn {
        display: inline-block;
    }

    .yellow_block .input-group .form-control {
        height: auto;
        width: 95%;
    }

    .yellow_block .input-group .small_width {
        width: 75% !important;
    }

    .yellow_block .text_area {
        width: 96% !important;
        height: 120px !important;
        overflow: hidden;
    }

.top_margin {
    margin-top: 15px;
}

.left_pad {
    padding: 0 0 0 10px;
}

.yellow_block .form-control {
    height: 33px;
}

.yellow_block .btn {
    padding: 4px 8px;
}

.yellow_block .form-inline {
    margin: 5px 0;
}

.dark_txt {
    color: #464646;
    font-weight: 700;
    vertical-align: top;
}

.yellow_block .form-group {
    margin-bottom: 0;
}

.yellow_block .input-group {
    margin-bottom: 10px;
}

.big_box {
    width: 77% !important;
}

.mid_box {
    width: 82% !important;
}

.mid_dropbox {
    width: 85% !important;
}

.dataTables_table_wrapper {
    margin-top: 12px;
}

.product_lower_sec {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 18px;
    vertical-align: top;
}

    .product_lower_sec .label_class {
        width: 12%;
        padding: 0 8px 0 11px;
        text-align: right;
        line-height: 20px;
        vertical-align: top;
    }

.yellow_block .product_lower_sec .form-control {
    margin-bottom: 8px;
}

.product_lower_sec ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .product_lower_sec ul li {
        width: 21%;
        float: left;
        height: 35px;
        padding: 0;
        margin: 1px 0;
    }

.yellow_block .form-inline .input-group {
    margin: 0;
}

.clr {
    clear: both;
}

.table tbody > tr > td {
    border-top-color: transparent;
}

.table-responsive {
    border: 0;
}

.top_row_block {
    padding: 0;
    min-width: 0;
    width: 100%;
}

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

        .top_row_block ul li {
            float: left;
            width: auto;
            padding: 0;
            margin: 0 6px 0 0;
        }

            .top_row_block ul li:first-child {
                width: 10%;
            }

            .top_row_block ul li:nth-child(2) {
                width: 36%;
                margin-right: 15px;
            }

            .top_row_block ul li:nth-child(3) {
                width: 5%;
            }

            .top_row_block ul li:nth-child(4) {
                width: 32%;
                margin-right: 15px;
            }

            .top_row_block ul li:last-child {
                margin: 0;
            }

.top_pad_none {
    margin-top: 0 !important;
}

.editable-field {
    margin-bottom: 8px;
}

#divupdate .panel, #divupdate .panel-default {
    margin-bottom: 0;
}

.top_margin {
    margin-top: 15px;
}

#search-filter_box {
    width: 100%;
    list-style: none;
    padding: 0;
    height: 430px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    #search-filter_box li {
        border-bottom: 1px solid #666;
        padding: 12px 20px;
    }

    #search-filter_box h4 {
        padding: 0;
        margin: 0;
    }

    #search-filter_box .checkbox, #search-filter_box .radio {
        margin-bottom: 0;
    }

    #search-filter_box .form-group {
        margin-bottom: 2px;
    }

    #search-filter_box .accordion-toggle {
        padding: 4px 35px 4px 20px;
    }

        #search-filter_box .accordion-toggle::after {
            line-height: 30px;
            top: 0;
        }

.input-group-btn-vertical {
    position: relative;
}

.number-control-plus {
    position: absolute;
    z-index: 9;
    height: 6px;
    line-height: 6px;
    right: 4px;
    top: 8px;
    background: transparent;
    border: 0;
    padding: 0;
}

.number-control-minus {
    position: absolute;
    z-index: 9;
    height: 6px;
    line-height: 6px;
    right: 4px;
    top: 16px;
    background: transparent;
    border: 0;
    padding: 0;
}

.number-control-plus i {
    font-size: 15px !important;
    line-height: 6px;
}

.number-control-minus i {
    font-size: 15px !important;
    line-height: 6px;
}

.input-group-btn-vertical .btn-default:hover, .input-group-btn-vertical .btn:hover {
    color: #555;
    border-color: none !important;
    border-bottom-color: none !important;
    background: none !important;
    background-image: none !important;
    background-image: none !important;
    background-repeat: no-repeat;
}

.cost_table thead tr th {
    padding: 6px;
    text-align: center;
}

.cost_table tbody tr td {
    padding: 0 6px;
}

    .cost_table tbody tr td:first-child {
        width: 21%;
    }

.cost_table .form-group-margin {
    margin-bottom: 4px !important;
}

.po_buttons_group {
    width: calc(100% + 20px);
    display: inline-block;
    text-align: right;
    margin: 0 8px 6px -10px;
    float: left;
}

    .po_buttons_group h4 {
        text-align: left;
        display: inline-block;
        margin-top: 18px;
        float: left;
    }

    .po_buttons_group a {
        display: inline-block;
        margin: 0 1px;
        float: none !important;
    }

.yellow_block {
    clear: both;
}

.order_panel .panel-body, .order_panel .panel-heading {
    background: #f9f1c7;
}

.order_panel .panel-heading {
    border: 3px solid #f6deac;
    border-bottom: 0;
}

.order_panel .panel-body {
    border: 3px solid #f6deac;
    border-top: 0;
    min-height: 315px;
}

.order_panel .panel-heading span {
    border-bottom: 2px solid #f6deac;
    display: block;
    padding-bottom: 5px;
    color: #af8640;
}

.site_list_table {
    background: #fff;
    border: 2px solid #f6deac;
    min-height: 189px;
}

    .site_list_table .table {
        margin: 0;
    }

#lnkadddeliveryaddress {
    margin-top: 15px;
}

.site_list_table .table tbody {
    width: 100%;
    overflow: auto;
    height: 210px;
    display: inline-block;
}

    .site_list_table .table tbody tr, .site_list_table .table tbody tr td {
        width: 100%;
        display: block;
    }

.check_dlvadd {
    height: 25px;
}

.pad_top0 {
    padding-top: 0 !important;
}

#divaddorder textarea {
    resize: none;
}

.order_buttons_group {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.from_area .form-group-margin {
    margin-bottom: -1px !important;
    margin-top: 3px;
}

.from_area {
    background: #eee;
    border: 1px solid #d1d1d1;
    border-radius: 0;
}

    .from_area label {
        margin-top: 10px;
        color: #2a2a2a;
        font-weight: 400;
    }

.product_lower_sec .editable-button.product_lower_sec .editable-button .tab-content.tab-content-bordered {
    background: #fff;
}

.custom_box .panel-heading {
    width: auto;
    margin: 0;
    padding: 0;
}

    .custom_box .panel-heading span {
        border: none;
        color: #2a2a2a;
        display: inline-block;
        font-size: 14px;
        left: 5px;
        padding: 4px 13px;
        position: relative;
        top: -17px;
    }

        .custom_box .panel-heading span:after {
            content: '';
            width: calc(100% - 10px);
            height: 4px;
            background: #f9f1c7;
            position: absolute;
            top: 14px;
            left: 5px;
            z-index: 9;
        }

        .custom_box .panel-heading span b {
            font-size: 15px;
            font-weight: 400;
            position: relative;
            z-index: 99;
        }

.site_list_table table thead th {
    background: #dcdcdc;
    color: #4a4a4a;
    padding: 5px 10px;
}

.site_list_table table tbody td {
    padding: 5px 10px;
}

.arrow_btn, .arrow_btn_disabled {
    background: #eee;
    border: none;
    border-right: none;
    text-decoration: none;
    position: relative;
    padding: 8px 15px;
    text-align: center;
    color: #555;
    top: 2px;
}

    .arrow_btn:after, .arrow_btn:before, .arrow_btn_disabled:after, .arrow_btn_disabled:before {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .arrow_btn:after {
        top: 0;
        border-color: transparent transparent transparent #1a7ab9;
        border-width: 15px;
        left: 100%;
    }

    .arrow_btn:before {
        top: 0;
        border-color: transparent transparent transparent #1a7ab9;
        border-width: 15px;
        left: 100%;
    }

    .arrow_btn_disabled:after {
        top: 0;
        border-color: transparent transparent transparent #eee;
        border-width: 15px;
        left: 100%;
    }

    .arrow_btn_disabled:before {
        top: 0;
        border-color: transparent transparent transparent #e6e6e6;
        border-width: 15px;
        left: 100%;
    }

.arrow_btn1, .arrow_btn1_disabled {
    background: #eee;
    border: none;
    border-right: none;
    text-decoration: none;
    position: relative;
    padding: 8px 15px;
    text-align: center;
    color: #555;
    top: 2px;
}

    .arrow_btn1:after, .arrow_btn1:before, .arrow_btn1_disabled:after, .arrow_btn1_disabled:before {
        content: '';
        display: block;
        position: absolute;
        right: 100%;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .arrow_btn1:after {
        top: 0;
        border-color: transparent #1a7ab9 transparent transparent;
        border-width: 15px;
        right: 100%;
    }

    .arrow_btn1:before {
        top: 0;
        border-color: transparent #1a7ab9 transparent transparent;
        border-width: 15px;
        right: 100%;
    }

    .arrow_btn1_disabled:after {
        top: 0;
        border-color: transparent #eee transparent transparent;
        border-width: 15px;
        right: 100%;
    }

    .arrow_btn1_disabled:before {
        top: 0;
        border-color: transparent #e6e6e6 transparent transparent;
        border-width: 15px;
        right: 100%;
    }

.so_cancel {
    border: none;
    position: relative;
    padding: 8px 15px;
    top: 2px;
}

/*SUPARNA*/

.dvaddstocktake {
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 100px 7px #ABABAB,1px 1px 16px 8px #7A7A7A;
    -webkit-box-shadow: inset 0px 1px 100px 7px #ABABAB,1px 1px 16px 8px #7A7A7A;
    -moz-box-shadow: inset 0px 1px 100px 7px #ABABAB,1px 1px 16px 8px #7A7A7A;
    -o-box-shadow: inset 0px 1px 100px 7px #ABABAB,1px 1px 16px 8px #7A7A7A;
}

.stocktake-tab > li > a {
    padding: 8px 10px;
}

#divpotabs .nav-tabs > li > a {
    padding: 8px 10px;
}

.tooltip1 {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip1 .tooltiptext1 {
        visibility: hidden;
        width: 200px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    /*.tooltip1 .tooltiptext1::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }*/

    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
        opacity: 1;
    }

.polist_table {
    width: fit-content;
}

/*SUPARNA*/

.tbl_projection {
    height: auto;
    max-height: 200px;
    overflow: scroll;
}

#diveditlettermodal {
    overflow: inherit;
}

    #diveditlettermodal .modal-dialog {
        margin: 0;
        width: 100vw;
        height: 100vh;
    }

.templatepreview {
    height: calc(100vh - 110px);
    width: calc(100% - 10px);
    overflow: hidden
}


/*--------------------27-05-18-----------------------*/

.yellow_block .addnew_section .row {
    margin-left: 0;
    margin-right: 0;
}

    .yellow_block .addnew_section .row .col-lg-2, .yellow_block .addnew_section .row .col-md-2, .yellow_block .addnew_section .row .col-lg-3, .yellow_block .addnew_section .row .col-md-3, .yellow_block .addnew_section .row .col-lg-6, .yellow_block .addnew_section .row .col-md-6,
    .yellow_block .addnew_section .row .col-lg-4, .yellow_block .addnew_section .row .col-md-4, .yellow_block .addnew_section .row .col-lg-8, .yellow_block .addnew_section .row .col-md-8,
    .yellow_block .addnew_section .row .col-lg-5, .yellow_block .addnew_section .row .col-md-5, .yellow_block .addnew_section .row .col-lg-7, .yellow_block .addnew_section .row .col-md-7 {
        padding-left: 3px;
        padding-right: 3px;
    }

.yellow_block .addnew_section .form-control {
    padding: 6px 5px;
}

.yellow_block .addnew_section label {
    font-weight: 400;
    margin-bottom: 0;
    line-height: 28px;
    margin-right: 5px;
}

.yellow_block .addnew_section .select2-container.form-control {
    padding: 0 !important;
}

.yellow_block .addnew_section .d_flex {
    display: flex;
}

.yellow_block .addnew_section .align_center {
    align-items: center;
}

.marg_bot10 {
    margin-bottom: 10px;
}

.addnew_section input[type=checkbox], .addnew_section input[type=radio] {
    position: relative;
    top: 4px;
}


.specialNotes {
    background: #fff;
    margin: 0;
}

    .specialNotes table {
        border: 1px solid #e2e2e2;
    }

        .specialNotes table th {
            padding: 5px 5px;
            font-size: 18px;
            font-weight: 800;
            text-align: left;
            color: #ed1c24;
        }

    .specialNotes tbody td {
        border-top: 1px solid #e2e2e2;
        padding: 3px 5px;
        font-size: 15px;
        font-weight: 400;
        text-align: left;
        color: #000000;
    }

.pad_left0 {
    padding-left: 0 !important;
}

.addnew_section .editable-field {
    margin-bottom: 0 !important;
}

.addnew_section label.edit {
    margin-bottom: 0 !important;
}

.addnew_section .editable-buttons {
    margin-left: -14px;
    margin-top: 4px;
}

.addnew_section .editableform .form-control {
    width: 84%;
}

.addnew_section .editable-field .overlay-icon {
    width: 30px;
}

    .addnew_section .editable-field .overlay-icon:before {
        left: 4px;
    }

.addnew_section .editable-buttons .editable-cancel {
    margin-left: 0;
}

/*.addnew_section .fa-external-link {
    position: absolute;
    top: 9px;
    left: -18%;
}*/

.yellow_block .addnew_section .edit-websiteurl.form-control {
    padding: 0;
    height: auto !important;
}

.addnew_section .editable-input > .select2-container {
    max-width: 100%;
}

.addnew_section .editable-input .select2-choice {
    padding: 6px 3px;
    width: 85%;
}


#companytax .input-mini {
    padding: 6px !important;
}



/*--------------------27-05-18-----------------------*/

/*---------------07-06-19-----------------*/
.yellow_block .d_flex .form-control {
    margin: 0 3px 0 0 !important;
}

.custom_widthwebsite {
    width: 10.5%;
}

.yellow_block .addnew_section label, .yellow_block .addnew_section #ulstrcustomer, #ulstrcustomer {
    font-size: 9px;
    color: #af8640;
}

    #ulstrcustomer textarea.form-control {
        width: 94%;
    }

.yellow_block .addnew_section a#FKCurrencyID {
    padding: 8px 0 4px 0;
}

.yellow_block .addnew_section label {
    margin-right: 4px;
}

/*---------------07-06-19-----------------*/

/*----------Proloy--02-09-19-------------*/
.panel-padding.no-padding-vr.clp-table-panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: auto;
    min-width: auto !important;
}

.cpl-flex-wrapper-panel-outer {
    margin-top: 10px;
}

.cpl-flex-wrapper-panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cpl-box-left {
    width: 49%;
}

.cpl-box-right {
    width: 49%;
}

.cpl-box-left,
.cpl-box-right {
    background: #ededed;
    border: 1px solid #ccc;
    padding: 15px;
}

.flex-flds-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

    .flex-flds-row .flds-block {
        display: flex;
        align-items: center;
        width: 33%;
    }

        .flex-flds-row .flds-block .form-group-margin {
            margin-bottom: 0 !important;
        }

    .flex-flds-row.clp .flds-block label {
        margin-right: 5px;
        font-size: 12px;
        font-weight: normal;
        width: 60px;
        text-align: right;
        flex-shrink: 0;
    }

    .flex-flds-row .flds-block.flex-end {
        justify-content: flex-end;
    }

    .flex-flds-row .flds-block .fa.fa-info-circle {
        margin-left: 3px;
    }

.divcompanyupdatesection .input_listing {
    padding: 0;
    margin: 0;
}

    .divcompanyupdatesection .input_listing ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

        .divcompanyupdatesection .input_listing ul li {
            width: 22%;
            margin: 0 1.5% 10px 1.5%;
            display: flex;
            align-items: flex-start;
        }

            .divcompanyupdatesection .input_listing ul li.website_url {
                width: 72%;
            }

                .divcompanyupdatesection .input_listing ul li.website_url .inputlist_left {
                    width: 14.8%;
                }

                .divcompanyupdatesection .input_listing ul li.website_url .inputlist_right {
                    width: 85%;
                }

            .divcompanyupdatesection .input_listing ul li.ram .d_flex {
                width: 100%;
            }

.inputlist_left, .inputlist_right {
    width: 50%
}

#divstrproductdesc {
    align-items: flex-start;
    width: 100%;
}


.flex_coloum {
    flex-direction: column;
}

#divcomupdate {
    display: flex;
    width: 100%;
}

.divcompanycontactupdate .input_listing {
    padding: 0;
    margin: 0;
}

    .divcompanycontactupdate .input_listing ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

        .divcompanycontactupdate .input_listing ul li {
            width: 47%;
            margin: 0 1.5% 10px 1.5%;
            display: flex;
            align-items: flex-start;
        }

            .divcompanycontactupdate .input_listing ul li.dear {
                width: 100%;
            }

                .divcompanycontactupdate .input_listing ul li.dear .inputlist_left {
                    width: 25%;
                }

                .divcompanycontactupdate .input_listing ul li.dear .inputlist_right {
                    width: 75%;
                }

                    .divcompanycontactupdate .input_listing ul li.dear .inputlist_right label {
                        padding-left: 17px;
                        padding-right: 15px;
                        font-size: 12px !important;
                        font-weight: 400 !important;
                        color: #555 !important;
                    }

                .divcompanycontactupdate .input_listing ul li.dear .inputlist_right {
                    font-size: 12px !important;
                    font-weight: 400 !important;
                    color: #555 !important;
                }

.yellow_block #divtenantupdate .input-group .inputlist_right .form-control {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #555 !important;
}

.divcompanycontactupdate .input_listing ul li.recipent_invoice .inputlist_right label {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #555 !important;
    padding-left: 8px;
}

#divsiteupdate .editable-field, #divsiteupdate .editable-field .edit, #divsiteupdate .checkbox label, #divsiteupdate .control-label, #divsiteupdate .editable-field .form-control, #divsiteupdate .edit-decimaltype {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #555 !important;
}

#divsiteupdate .divupdatedepottype .checkbox label.leftlabel_txt {
    font-size: 12px !important;
    color: #af8640 !important;
    font-weight: 700 !important;
}


.pad_left9 {
    padding-left: 9px !important;
}

.input_labellist {
    padding: 0 5px;
    margin: 0;
}

.inputrow_list {
    padding: 0;
    margin: 0;
}

    .inputrow_list ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

        .inputrow_list ul li {
            padding: 0;
            margin: 0;
            display: flex;
            align-items: flex-start;
            font-size: 13px;
            color: #555;
            line-height: 32px;
            height: 32px;
        }

            .inputrow_list ul li .editable-field:hover {
                height: 32px;
            }

            .inputrow_list ul li label {
                /* padding: 0px 5px; */ padding: 0;
                margin: 0;
                color: #af8640;
                line-height: 32px;
                font-weight: 400;
            }

    .inputrow_list .flex_wrap {
        flex-wrap: wrap;
    }

    .inputrow_list ul.flex_wrap li {
        line-height: 20px;
        height: auto;
    }

        .inputrow_list ul.flex_wrap li input[type=checkbox], .inputrow_list ul.flex_wrap li input[type=radio] {
            top: 2px;
        }

#divcompanynotepanel {
    margin-top: 10px;
}




.inputrow_list ul li .width_80 {
    width: 80%;
}

.inputrow_list ul li .width_20 {
    width: 20%;
}

.inputrow_list.d_flex {
    display: flex;
}

#divupdate {
    margin-top: 19px;
}

    #divupdate .tab-content {
        padding: 24px 0 15px 0;
    }


.inputrow_list .one_cell {
    width: 12.5%;
}

.inputrow_list .two_cell {
    width: 25%;
}

.inputrow_list .three_cell {
    width: 37.5%;
}

.inputrow_list .four_cell {
    width: 50%;
}

.inputrow_list .five_cell {
    width: 62.5%;
}

.inputrow_list .six_cell {
    width: 75%;
}

.inputrow_list .seven_cell {
    width: 87.5%;
}

.inputrow_list .eight_cell {
    width: 100%;
}

.inputrow_list ul li .editable-click, .inputrow_list ul li .select2-container .select2-choice {
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 400;
    color: #555 !important;
    background: none;
    border: 0;
    line-height: 32px;
}

.inputrow_list ul li .select2-container .select2-choice {
    line-height: 30px;
}

.inputrow_list ul li .editable-buttons .editable-submit {
    margin-top: 8px;
    margin-left: 0px;
}

.inputrow_list ul li .editable-buttons .editable-cancel {
    margin-top: 5px;
    margin-left: 1px;
}

.inputrow_list ul li span.select2-chosen {
    background: #fff;
    border: 1px solid #c2c2c2;
    min-width: 80px;
}

.inputrow_list ul li .editable-buttons {
    margin-left: 2px;
}

.inputrow_list ul li abbr.select2-search-choice-close {
    display: none !important;
}

.inputrow_list ul li .select2-container .select2-choice .select2-arrow {
    display: none !important;
}

.inputrow_list ul li .editable-input > .select2-container {
    width: 100% !important;
}

#divupdate .editable-input {
    width: calc(100% - 40px);
}

.inputrow_list ul li .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 0
}

.inputrow_list ul li input[type=checkbox], .inputrow_list ul li input[type=radio] {
    position: relative;
    top: 5px;
}

.inputrow_list ul li .user-content-block a {
    font-weight: 400;
}

.type_inputbox .select2-container.form-control {
    background: none;
}

.inputrow_list ul li.type_inputbox .select2-container .select2-choice .select2-arrow {
    display: block !important;
    right: 42px;
}

.inputrow_list ul li.type_inputbox span.select2-chosen {
    width: calc(100% - 40px);
}

.inputrow_list ul li.update_dropdown .select2-container .select2-choice .select2-arrow {
    display: block !important;
    right: 0px;
}

#divupdate textarea.edit {
    height: 32px !important;
}

.deleted_account td {
    background-color: #F5B7B1 !important;
}

tr.row_selected td {
    background-color: #e2e5f3 !important;
}

#divinvoicemodal {
    overflow-y: inherit;
}

    #divinvoicemodal .modal-dialog {
        width: 95vw;
    }

/*===22.10.20===*/
.divactionbuttons {
    display: flex;
    margin: 10px 0;
}

.for_right_btn {
    padding-left: 0;
}

    .for_right_btn button {
        margin-top: 0;
    }

.divactionbuttons .dropdown-menu {
    right: -10px !important;
}

.divactionbuttons label {
    width: 25% !important;
    margin-right: 30px !important;
    position: relative;
    margin-bottom: 0;
}

    .divactionbuttons label::before {
        background-color: forestgreen;
        width: 14px;
        height: 2px;
        position: absolute;
        right: -22px;
        content: "";
        top: 18px;
    }

.divactionbuttons .for_right_btn {
    width: 25%;
}

.divactionbuttons .so_buttons1 {
    margin: 0;
    padding: 10px 10px !important;
}
/**/
.divactiondates {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

    .divactiondates label {
        width: 25% !important;
        margin-right: 45px !important;
        position: relative;
        margin-bottom: 0;
    }

        .divactiondates label::before {
            /*background-color: forestgreen;*/
            width: 14px;
            height: 2px;
            position: absolute;
            right: -22px;
            content: "";
            top: 18px;
        }


.from_area label {
    font-size: 12px;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 150%;
    position: relative;
    height: 0;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.order-contract-schedule-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.order-contract-schedule-block {
    padding: 10px 10px 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0,0.25);
    margin-bottom: 10px;
}

    .order-contract-schedule-block .table {
        margin-bottom: 5px !important;
    }

.order-contract-schedule-add-block {
    margin-top: 0px !important;
    font-size: 20px;
    color: #222;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding-bottom: 6px;
}

.order-contract-schedule-no {
    font-size: 15px;
    color: #212121;
}

.order-contract-schedule-modal {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/*----02-02-23 starts----*/
.pl-0 {
    padding-left: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.pricing-wrapper-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

    .pricing-wrapper-flex > div,
    .pricing-block-card {
        padding: 15px;
        box-shadow: 0px 2px 6px 3px rgb(0, 0, 0, 0.1);
        border-radius: 5px;
        width: 31%;
        border-left: 2px solid #3347b6;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .pricing-wrapper-flex > div input,
        .pricing-block-card input {
            width: 20px;
            height: 20px;
        }


.billingfeetype-wrapper-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

    .billingfeetype-wrapper-flex > div,
    .billingfeetype-block-card {
        padding: 8px;
        box-shadow: 0px 2px 6px 3px rgb(0, 0, 0, 0.1);
        border-radius: 5px;
        width: 19%;
        border-left: 2px solid #3347b6;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .billingfeetype-wrapper-flex > div input,
        .billingfeetype-block-card input {
            width: 20px;
            height: 20px;
        }

.flex-checkbox-pan {
    display: flex;
    gap: 8px;
    align-items: center;
}

    .flex-checkbox-pan label {
        margin-bottom: 0 !important;
    }

.cstm-table {
    box-shadow: 0px 2px 6px 3px rgb(0, 0, 0, 0.10);
}

.table-cstm th {
    background: #e7eaff !important;
    border-bottom: none !important;
    border-right: none !important;
}

.table-cstm td {
    border-right: none !important;
}

.table-cstm tr:nth-child(even) {
    background: #f9f9f9;
}

.btn-center {
    display: flex;
    justify-content: center;
}

.general-matter-heading-text {
    color: #555 !important;
    font-weight: 600 !important;
}

.general-matter-heading {
    background: #e7eaff !important;
    border-color: #e7eaff !important;
}

.contract-automation-heading-text {
    color: #555 !important;
    font-weight: 600 !important;
}

.contract-automation-heading {
    background: #e7eaff !important;
    border-color: #e7eaff !important;
}

.invoicereviewall {
    position: relative;
}

    .invoicereviewall:before {
        content: '';
        width: 1px;
        background: #ccc;
        position: absolute;
        right: 20px;
        top: -10px;
        bottom: -10px;
    }

    .invoicereviewall:after {
        content: 'OR';
        width: 24px;
        height: 24px;
        background: #fff;
        color: #222;
        border-radius: 50px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 10px;
        top: -3px;
        bottom: -10px;
    }

.billcontinuationperiod1:after {
    content: 'OR';
    width: 24px;
    height: 24px;
    background: #fff;
    color: #222;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 267px;
    top: 40px;
    bottom: 0;
}

.billcontinuationperiod2:after {
    content: 'OR';
    width: 24px;
    height: 24px;
    background: #fff;
    color: #222;
    border-radius: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 267px;
    top: 30px;
    bottom: 0;
}

.proformareviewall {
    position: relative;
}

    .proformareviewall:before {
        content: '';
        width: 1px;
        background: #ccc;
        position: absolute;
        right: 20px;
        top: -10px;
        bottom: -10px;
    }

    .proformareviewall:after {
        content: 'OR';
        width: 24px;
        height: 24px;
        background: #fff;
        color: #222;
        border-radius: 50px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 10px;
        top: -3px;
        bottom: -10px;
    }

.ltrinvoicereviewall {
    position: relative;
}

    .ltrinvoicereviewall:before {
        content: '';
        width: 1px;
        background: #ccc;
        position: absolute;
        right: 20px;
        top: -10px;
        bottom: -10px;
    }

    .ltrinvoicereviewall:after {
        content: 'OR';
        width: 24px;
        height: 24px;
        background: #fff;
        color: #222;
        border-radius: 50px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 10px;
        top: -3px;
        bottom: -10px;
    }

@media (max-width: 1400px) {
    .pricing-wrapper-flex > div, .pricing-block-card {
        padding: 15px;
        box-shadow: 0px 2px 6px 3px rgb(0, 0, 0, 0.1);
        border-radius: 5px;
        width: 47%;
        border-left: 2px solid #3347b6;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .billingfeetype-wrapper-flex > div,
    .billingfeetype-block-card {
        padding: 8px;
        box-shadow: 0px 2px 6px 3px rgb(0, 0, 0, 0.1);
        border-radius: 5px;
        width: 30%;
        border-left: 2px solid #3347b6;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
/*----02-02-23 ends----*/

@media (max-width: 767px) {
    .cpl-box-left, .cpl-box-right {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .flex-flds-row .flds-block {
        width: 49%;
        margin-bottom: 8px;
    }
}
/*----------Proloy--02-09-19-------------*/
.admin_title {
    background: #d4dbff;
    padding: 5px 15px;
    border: 1px solid #bac4ff;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 2px;
    color: #2639a4;
}

    .admin_title a.btn {
        padding: 5px 8px;
        width: 75px;
    }

a#aReportLink {
    background: #2639a4;
    border: 1px solid #142375 !important;
}

    a#aReportLink:hover, a#aReportLink:active {
        background: #1b2c8c !important;
    }

#divAddUpdate {
    position: relative;
}

#btnEdit {
    position: absolute;
    top: -44px;
    right: 100px;
    padding: 5px 8px;
}

#divReportDiv {
    padding-top: 0 !important;
}

.trnewinvoicepayment .form-control {
    width: 95px !important;
}

tr.trnewinvoicepayment td {
    background: #e7f5ff !important;
}

tr.credit_note_row_highlight td {
    background-color: #efe0e0 !important;
}


@media (max-width: 767px) {
    .yellow_block .product_lower_sec .form-control {
        width: auto;
    }

    .product_lower_sec .label_class {
        width: 25%;
    }

    .product_lower_sec ul li {
        width: 70%;
        float: left;
        margin: 0;
    }

    .top_row_block ul li:first-child {
        width: 100%;
    }

    .top_row_block ul li:nth-child(2) {
        width: 100%;
        margin-right: 0;
    }

    .top_row_block ul li:nth-child(3) {
        width: 100%;
    }

    .top_row_block ul li:nth-child(4) {
        width: 100%;
        margin-right: 0;
    }

    .top_row_block ul li:last-child {
        width: 100%;
    }

    .left_pad {
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    .po_buttons_group h4 {
        width: 100%;
        text-align: center;
    }

    #tblsitelist_wrapper table th:last-child {
        width: 30% !important;
    }

    .tblComponentlist_wrapper table th:last-child {
        width: 30% !important;
    }
}

@media (min-width: 769px) {
    .for_right_btn {
        text-align: right;
    }

    .new_stck_width {
        width: 7%;
    }

    .pro_width {
        width: 15%;
    }

    .comments {
        width: 15%;
    }

    .assume_age {
        width: 15%;
    }

    .total {
        width: 9%;
    }

    .delivery {
        width: 14%;
    }
}

@media (min-width: 767px) {
    .for_right_btn {
        text-align: right;
    }

    #tblsitelist_wrapper table th:last-child {
        width: 30% !important;
    }

    .tblComponentlist_wrappertable th:last-child {
        width: 30% !important;
    }
}

#bulk_update_block li input.form-control {
    width: 44%;
    margin: 2px 6px 2px 0;
}

#bulk_update_block li select.form-control {
    width: 44% !important;
    margin: 2px 6px 2px 0;
}

#search_boxbulkupdate {
    display: block;
}

    #search_boxbulkupdate #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_boxbulkupdate h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: -5px;
    }

#divsearchboxbulkupdate {
    transform: rotate(-90deg);
    position: absolute;
    left: -52px;
    top: 280px;
    margin-top: 0;
    z-index: 99999;
}

#batch_update_block li input.form-control {
    width: 44%;
    margin: 2px 6px 2px 0;
}

#batch_update_block li select.form-control {
    width: 44% !important;
    margin: 2px 6px 2px 0;
}

#search_boxbatchupdate {
    display: block;
    padding: 10px 0;
}

    #search_boxbatchupdate #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #search_boxbatchupdate h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: -5px;
    }

.center {
    text-align: center;
}

#search_boxbatchupdate .input-group input {
    display: inline-block;
}

#search_boxbatchupdate textarea.form-control {
    height: 60px;
    overflow: auto;
}

#divsearchboxbatchupdate {
    transform: rotate(-90deg);
    position: absolute;
    left: -58px;
    top: 60px;
    margin-top: 0;
    z-index: 99999;
    height: auto;
}

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

    #search_boxbatchupdate ul li {
        border-bottom: 1px solid #ccc;
        padding: 5px 20px;
        margin: 0;
    }

        #search_boxbatchupdate ul li:last-child {
            border-bottom: 0;
        }

#assetspec_box {
    display: block;
}

    #assetspec_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #assetspec_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: -5px;
    }

#divassetspecbox {
    transform: rotate(-90deg);
    position: absolute;
    left: -76px;
    top: 68px;
    margin-top: 0;
    z-index: 99999;
}

#assetspec_box textarea.form-control {
    height: 30px;
    overflow: auto;
    width: 250px;
}

/*Suparna*/
#taglist_box {
    display: block;
}

    #taglist_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #taglist_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 15px;
        margin-top: -5px;
    }

#divtagbox {
    transform: rotate(-90deg);
    position: absolute;
    left: -40px;
    top: 68px;
    margin-top: 0;
    z-index: 99999;
}

#taglist_box textarea.form-control {
    height: 30px;
    overflow: auto;
    width: 250px;
}
/*Suparna*/

#orderbulkupdate_box {
    display: block;
}

    #orderbulkupdate_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #orderbulkupdate_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: 30px;
    }

#divorderbulkupdatebox {
    transform: rotate(-90deg);
    position: absolute;
    left: -85px;
    top: 30px;
    margin-top: 0;
    z-index: 99999;
}

#orderbulkupdate_box textarea.form-control {
    height: 30px;
    overflow: auto;
    width: 250px;
}




#ordersearch_box {
    display: block;
}

    #ordersearch_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #ordersearch_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: 30px;
    }

#divordersearchbox {
    transform: rotate(-90deg);
    position: absolute;
    left: -76px;
    top: 130px;
    margin-top: 0;
    z-index: 99999;
}

#ordersearch_box textarea.form-control {
    height: 30px;
    overflow: auto;
    width: 250px;
}

/*Suparna*/
.divfulfillmentbatching .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 20px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.divfulfillmentbatching input:checked + .slider:before {
    left: 20px;
}

.divfulfillmentbatching .slider:before {
    left: 5px;
}
/*Suparna*/

.switch {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 15px;
    margin-right: 5px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 7px;
        width: 7px;
        left: 16px;
        bottom: 4px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider.round {
        border-radius: 34px;
    }

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

input:checked + .slider {
    background-color: #4EBBDB;
}

    input:checked + .slider:before {
        left: 16px;
    }

.slider:before {
    left: 3px;
}

.chkswitch {
    margin: 0 6px !important;
}

#productionplan_box {
    display: block;
}

    #productionplan_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #productionplan_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: -5px;
    }

#divproductionplanbox {
    transform: rotate(0deg);
    position: absolute;
    left: 230px;
    top: -35px;
    margin-top: 0;
    z-index: 99999;
}

#productionplan_box textarea.form-control {
    height: 30px;
    overflow: auto;
    width: 250px;
}

.float_src_block_down {
    width: 380px;
    position: fixed;
    background-color: #fff;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 999;
    color: #262626;
    border: 4px solid #3f51b5;
    border-right: 0;
    -moz-box-shadow: 0 2px 8px #888;
    -webkit-box-shadow: 0 2px 8px #888;
    box-shadow: 0 2px 8px #888;
    padding-bottom: 12px;
}

.bs-example .panel-group .panel-default {
    border-color: #b3cde0;
}

.order-cost {
    background-color: #7396ce !important;
    position: relative;
    padding: 0 20px !important;
}

    .order-cost span:after {
        background: none !important;
    }

    .order-cost .panel-title {
        color: #fff !important;
        border: none;
        color: #2a2a2a;
        left: 0 !important;
        padding: 0 !important;
        top: 0 !important;
    }

.fixed-min-height {
    min-height: 292px;
}

table#tblordernote tr:nth-child(odd) {
    background: #f9f1c7;
    border-bottom: 2px solid #fff;
}

table#tblordernote tr:nth-child(even) {
    background: rgba(153,153,153,0.15);
    border-bottom: 2px solid #fff;
}

.theme-default .dropdown-menu > li.active > a {
    background: #1d89cf;
}

.theme-default .dropdown-menu > li > a:hover {
    color: #fff;
}

.lbl-date {
    margin-left: 15px;
}

.txt-date {
    margin-left: 13px;
}

.pdf_download {
    float: right;
    margin-top: -35px;
    margin-right: 290px;
}

.so_buttons1 {
    margin: 5px 15px 5px 5px;
}

.so_buttons {
    margin: 5px;
}

.white_bg label {
    color: #000;
}

.white_bg span {
    color: #000;
    margin: 0 5px 0 0;
}

.white_bg {
    background: #fff;
}

    .white_bg p {
        margin: 1px 0;
    }

.tbl_productlist_wrapper .table > tbody > tr > td {
    padding: 8px 3px;
}

.tbl_productlist_wrapper .table > thead > tr > th {
    padding: 8px 12px 8px 3px;
}

.tbl_productlist_wrapper table.dataTable th:after {
    width: 10px;
}

#usertbllist_wrapper table tbody {
    width: 100%;
    overflow: auto;
    height: 200px;
    display: inline-block;
}

#usertbllist_wrapper table tr {
    width: 100%;
    display: inline-table;
}

#usertbllist_wrapper table td:first-child {
    width: 29.6%;
}

#usertbllist_wrapper table th:first-child {
    width: 28% !important;
}

#dvSaveProductLookUp .tbllist_wrapper table tbody {
    width: 100%;
    overflow: auto;
    height: 250px;
    display: inline-block;
}

#dvSaveProductLookUp .tbllist_wrapper table tr {
    width: 100%;
    display: inline-table;
}

#dvSaveProductLookUp .tbllist_wrapper table td:first-child {
    width: 384px;
}

#dvSaveProductLookUp .tbllist_wrapper table th:first-child {
    width: 39% !important;
}

#dvSaveProductLookUp .tbllist_wrapper table td:last-child {
    width: 199px;
}

#dvSaveProductLookUp .tbllist_wrapper table th:last-child {
    width: 22% !important;
}

#dvSaveProductGroup .tbllist_wrapper table tbody {
    width: 100%;
    overflow: auto;
    height: 250px;
    display: inline-block;
}

#dvSaveProductGroup .tbllist_wrapper table tr {
    width: 100%;
    display: inline-table;
}

#dvSaveProductGroup .tbllist_wrapper table td:first-child {
    width: 375px !important;
}

#dvSaveProductGroup .tbllist_wrapper table th:first-child {
    width: 80% !important;
}

#dvSaveProductGroup .tbllist_wrapper table td:last-child {
    width: 85px !important;
}

#dvSaveProductGroup .tbllist_wrapper table th:last-child {
    width: 20% !important;
}

.tblsitelist_wrapper table tbody {
    width: 100%;
    overflow: auto;
    height: 200px;
    display: inline-block;
}

.tblsitelist_wrapper table tr {
    width: 100%;
    display: inline-table;
}

.tblsitelist_wrapper table td:last-child {
    width: 29.6%;
}

.tblsitelist_wrapper table th:last-child {
    width: 35% !important;
}

.tblComponentlist_wrapper table tbody {
    width: 100%;
    /*overflow: auto;
    height: 250px;*/
    /*display: inline-block;*/
}

#leftcollapseOne .panel-body {
    overflow: auto;
    height: 250px;
}

#leftcollapseTwo .panel-body {
    overflow: auto;
    height: 250px;
}

#rightcollapseOne .panel-body {
    overflow: auto;
    height: 250px;
}

#rightcollapseTwo .panel-body {
    overflow: auto;
    height: 250px;
}

#rightcollapseThree .panel-body {
    overflow: auto;
    height: 250px;
}

.tblComponentlist_wrapper table tr {
    width: 100%;
    /*display: inline-table;*/
}

.tblComponentlist_wrapper table th:nth-child(2) {
    width: 36.7% !important;
}

.tblComponentlist_wrapper table th:first-child {
    width: 31.7% !important;
}

.tblComponentlist_wrapper table th:last-child {
    width: 21.5% !important;
}

.tblComponentlist_wrapper table td:nth-child(2) {
    width: 38.5% !important;
}

.tblComponentlist_wrapper table td:nth-child(3) {
    width: 11% !important;
}

.tblComponentlist_wrapper table td:first-child {
    width: 33% !important;
}

.tblComponentlist_wrapper table td:last-child {
    width: 18.5% !important;
}

.tblComponentBasketlist_wrapper table tbody {
    width: 100%;
    /*overflow: auto;
    height: 175px;*/
    /*display: inline-block;*/
}

#tblComponentBasketlist tr td {
    /*white-space: nowrap;*/
}

.tblComponentBasketlist_wrapper table tr {
    width: 100%;
    /*display: table;*/
}

.tblComponentBasketlist_wrapper table th:first-child {
    width: 22.2% !important;
}

.tblComponentBasketlist_wrapper table th:nth-child(2) {
    width: 23.5% !important;
}

.tblComponentBasketlist_wrapper table th:nth-child(3) {
    width: 13.3% !important;
}

.tblComponentBasketlist_wrapper table th:nth-child(4) {
    width: 13.3% !important;
}

.tblComponentBasketlist_wrapper table th:nth-child(5) {
    width: 14% !important;
}

.tblComponentBasketlist_wrapper table th:last-child {
    width: 21.5% !important;
}

.tblComponentBasketlist_wrapper table td:first-child {
    width: 23% !important;
}

.tblComponentBasketlist_wrapper table td:nth-child(2) {
    width: 24% !important;
}

.tblComponentBasketlist_wrapper table td:nth-child(3) {
    width: 13.8% !important;
}

.tblComponentBasketlist_wrapper table td:nth-child(4) {
    width: 14% !important;
}

.tblComponentBasketlist_wrapper table td:nth-child(5) {
    width: 14% !important;
}

.tblComponentBasketlist_wrapper table td:last-child {
    width: 21.5% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:first-child {
    width: 25% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:nth-child(2) {
    width: 26.3% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:nth-child(3) {
    width: 14.9% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:nth-child(4) {
    width: 14.9% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:nth-child(5) {
    width: 15.4% !important;
}

.tblComponentBasketlist_wrapper table .newcomponent td:last-child {
    width: 21.5% !important;
}

.tblActivitylist_wrapper table tbody {
    width: 100%;
    /*overflow: auto;
    height: 250px;
    display: inline-block;*/
}

.tblActivitylist_wrapper table tr {
    width: 100%;
    /*display: table;*/
}

.tblActivitylist_wrapper table th:nth-child(2) {
    width: 26% !important;
}

.tblActivitylist_wrapper table th:first-child {
    width: 27.5% !important;
}

.tblActivitylist_wrapper table th:last-child {
    width: 21.5% !important;
}

.tblActivitylist_wrapper table td:nth-child(2) {
    width: 27.5% !important;
}

.tblActivitylist_wrapper table td:nth-child(3) {
    width: 16% !important;
}

.tblActivitylist_wrapper table td:first-child {
    width: 39% !important;
}

.tblActivitylist_wrapper table td:last-child {
    width: 18.5% !important;
}

.tblAssemblyBasketlist_wrapper table tbody {
    width: 100%;
    overflow: auto;
    height: 175px;
    /*display: inline-block;*/
}

.tblAssemblyBasketlist_wrapper table tr {
    width: 100%;
    /*display: table;*/
}

.tblAssemblyBasketlist_wrapper table th:first-child {
    width: 34.5% !important;
}

.tblAssemblyBasketlist_wrapper table th:nth-child(2) {
    width: 20.1% !important;
}

.tblAssemblyBasketlist_wrapper table th:nth-child(3) {
    width: 16% !important;
}

.tblAssemblyBasketlist_wrapper table th:nth-child(4) {
    width: 15% !important;
}

.tblAssemblyBasketlist_wrapper table th:nth-child(5) {
    width: 16% !important;
}

.tblAssemblyBasketlist_wrapper table th:last-child {
    width: 21.5% !important;
}

.tblAssemblyBasketlist_wrapper table td:first-child {
    width: 35.6% !important;
}

.tblAssemblyBasketlist_wrapper table td:nth-child(2) {
    width: 20.8% !important;
}

.tblAssemblyBasketlist_wrapper table td:nth-child(3) {
    width: 16.5% !important;
}

.tblAssemblyBasketlist_wrapper table td:nth-child(4) {
    width: 15.5% !important;
}

.tblAssemblyBasketlist_wrapper table td:nth-child(5) {
    width: 16.1% !important;
}

.tblAssemblyBasketlist_wrapper table td:last-child {
    width: 21.5% !important;
}

.ui-draggable-dragging {
    z-index: 999;
    width: 100% !important;
}

    .ui-draggable-dragging td {
        display: table-cell !important;
        background-color: #f9f9f9;
    }

        .ui-draggable-dragging td.hidden {
            background-color: none;
            border-color: transparent;
        }

#divcostpanel .bs-example .panel-group .panel-default {
    overflow: visible;
}

#divcomponentcostpanel .bs-example .panel-group .panel-default {
    overflow: visible;
}

.editable-buttons {
    background: none;
}

#divBatch .form-group {
    margin-bottom: 3px;
}

#assetlist_box {
    display: block;
}

    #assetlist_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #assetlist_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 15px;
        margin-top: -5px;
    }

#divassetbox {
    transform: rotate(-90deg);
    position: absolute;
    left: -46px;
    top: 150px;
    margin-top: 0;
    z-index: 99999;
}

#documentsearch_box {
    display: block;
}

    #documentsearch_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #documentsearch_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 5px;
        margin-top: 30px;
    }

#divdocumentsearchbox {
    transform: rotate(-90deg);
    position: absolute;
    left: -90px;
    top: 96px;
    margin-top: 0;
    z-index: 99999;
}

.has-error .help-block::before, .has-success .help-block::before, .has-warning .help-block::before {
    display: none;
}

.has-error .help-block::after, .has-success .help-block::after, .has-warning .help-block::after {
    bottom: auto;
    top: -7px;
    border-top: 0;
}

.contactchkall {
    vertical-align: middle;
    margin-top: -2px !important;
}

.invoicecheckbox {
    width: 16px !important;
    height: 16px !important;
    top: -2px !important;
    vertical-align: middle;
    margin-top: -2px !important;
}

.invoiceblockheader {
    padding: 0px 0px 9px 10px;
}

.invoice_area {
    background: #eee;
    border: 1px solid #d1d1d1;
    border-radius: 0;
}

#orderlist .jstree-themeicon {
    display: none;
}

.invoicecustomerinfo {
    margin-top: 12px;
    max-height: 418px;
    overflow-y: auto;
}

.invoicelineinfo {
    max-height: 500px;
    overflow-y: auto;
}

#divaddinvoicelineclassmodal .has-error .form-control {
    border: 1px solid red !important;
    background-color: #fee !important;
}

.top_border_none {
    border-top: transparent !important;
}

.left_border_none {
    border-left: transparent !important;
}

.right_border_none {
    border-right: transparent !important;
}

.top_border {
    border-top: 1px solid #e4e4e4 !important;
}

.bottom_border_none {
    border-bottom: transparent !important;
}

.str_delivery_charge_background {
    background: #f2f2f2 !important;
}

.str_delivery_charge_control_width {
    width: 100% !important;
}

.str_delivery_charge_column_width {
    min-width: 64px !important;
}

.str_delivery_charge_column_width_1 {
    min-width: 96px !important;
}

.str_delivery_charge_column_width_2 {
    min-width: 107px !important;
}

.str_delivery_charge_column_width_3 {
    min-width: 60px !important;
}

.str_delivery_charge_column_width_4 {
    min-width: 70px !important;
}

.str_delivery_charge_column_width_5 {
    min-width: 55px !important;
}

.str_delivery_charge_textbox_padding {
    padding: 2px 2px !important;
}

.str_delivery_charge_control_height {
    height: 30px !important;
}

#divstrdeliverychargelist #tbllist_paginate {
    position: absolute;
    right: 15px;
}

.theme-default #main-navbar .right > .navbar-nav > li.notification a span div.notify {
    background: #E66454;
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    position: absolute;
    top: 2px;
    right: 5px;
    max-height: 20px;
    text-align: center;
    display: block;
    line-height: 15px;
    z-index: 1000;
    font-size: 11px;
}

.theme-default #main-navbar .navbar-nav > li > a i {
    font-size: 18px;
}

.theme-default #main-navbar .navbar-nav > li > a {
    color: #555;
    font-size: 12px;
}

.res_weidthheightpop {
    width: 280px;
}

#divtasknotificationactionlist .notifications {
    background: #f9f1c7;
    border: 1px solid #f6deac;
    color: #af8640;
}

#divtasknotificationactionlist .dropdown-menu {
    padding: 0 !important;
}

#main-navbar .navbar-nav > li > a {
    height: 45px;
}

ul.dropdown-menu:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 15px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-bottom: 7px solid #f9f1c7 !important;
    z-index: 999;
}

.notifications {
    width: 100%;
    display: inline-block;
    margin: 0px 0 0px 0;
    background-color: #23638c;
    padding: 5px;
    color: #ffffff;
}

ul#ulnotifylist {
    padding: 0px;
    overflow: auto;
    max-height: 300px;
    font-size: 11px;
}

#main-navbar li {
    padding: 0;
    margin: 0
}

    #main-navbar li li.list li {
        padding: 5px 10px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        #main-navbar li li.list li:nth-child(odd) {
            background: #ececec;
        }

        #main-navbar li li.list li:nth-child(even) {
            background: #fff;
        }

        #main-navbar li li.list li .con_list {
            padding: 0 0 0 10px;
            border-left: 3px solid rgba(255, 130, 0, 1);
        }

            #main-navbar li li.list li .con_list.reminder {
                border-left: 3px solid #1a7ab9;
            }

.dismisAll {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    background: #fff;
    text-align: center;
}

    .dismisAll button {
        padding: 3px 15px;
        margin: 0;
        background: rgba(255, 130, 0, 1);
        color: #fff;
        text-decoration: none;
        display: inline-block;
        border: 0;
        font-size: 12px;
        border-radius: 3px;
    }

.small_heading {
    font-size: 13px;
    font-weight: bold;
    color: rgb(53,92,128);
}

.heading_text {
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    border: none;
}

.list_txt {
    padding: 3px 0 0 0;
}

.list_btn {
    padding: 3px 0 0 0;
    display: flex;
    justify-content: space-between;
}

    .list_btn .dismisBtn {
        padding: 2px 5px;
        margin: 0;
        background: rgba(88, 191, 221,1);
        /* background: rgba(255, 130, 0, 1); */
        color: #fff;
        text-decoration: none;
        display: inline-block;
        border: 0;
        font-size: 12px;
        border-radius: 3px;
    }

    .list_btn .snoozeBtn {
        padding: 2px 5px;
        margin: 0;
        background: #4cb64c;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        border: 0;
        font-size: 12px;
        border-radius: 3px;
    }

#ulnotifylist .overflow_ctrl {
    position: relative;
}

.dismis_Loader {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
    color: #fff;
}

.snooze_Loader {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
    color: #fff;
}
/* .snooz_ctrl {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    position:relative;
} */


.snooz_ctrl {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-left: 10px;
}

    .snooz_ctrl .snooze_close {
        position: relative;
        color: #ff0000;
    }

.snoozetimeddl {
    width: 70px;
}

/*Service Desk Ticket Start*/

.ticket-link {
    background-color: #ebecf0;
    line-height: 20px !important;
    padding-bottom: 1px;
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: inline-block;
    padding: 2px 2px;
}

.ticketrow_ctrl {
    margin: 15px 15px 0 15px;
}



h4.ticketNo {
    padding: 20px 20px 0 40px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #496F9E;
    text-align: left;
}

.viewticketpart h4.ticketNo {
    padding-left: 25px;
}

.viewticketpart .ticketrow_ctrl {
    margin-top: 5px;
}

.ticketrow_ctrl label {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
    color: #919191;
    display: block;
    float: none;
}

.ticketrow_ctrl .raised_righttxt {
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
    color: #919191;
}

.ticketrow_ctrl .input_txt {
    padding: 5px 10px;
    margin: 0;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    width: 100%;
}

.ticketrow_ctrl .details_textarea {
    padding: 5px 10px;
    margin: 0;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    width: 100%;
    height: 150px;
    resize: vertical;
}

.update_title {
    /*background: #ececec;*/
    padding: 5px 15px;
    margin: 20px 0 0 0;
    border-bottom: 2px solid #ebecf0;
    font-size: 16px;
    color: #496F9E;
    font-weight: 600;
    text-align: left;
}

.update_listing {
    padding: 5px 15px;
    border-bottom: 1px solid #eee;
}

.add_update {
    border-bottom: 1px solid #eee;
}

    .add_update a {
        padding: 5px 15px;
        margin: 0;
        font-size: 13px;
        text-decoration: underline;
        color: #496f9e;
        display: inline-block;
    }

.update_listing label {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    text-decoration: none;
    color: #919191;
    display: block;
    float: none;
}

.update_listing span {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
}

.addupdate label {
    line-height: 24px;
}

.addupdate .inputtxt {
    padding: 5px 10px;
    margin: 0 0 8px 0;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    width: 100%;
}

.addupdate .textarea {
    padding: 5px 10px;
    margin: 0;
    background: #f7f7f7;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    width: 100%;
    height: 70px;
    resize: none;
}

.width12_5 {
    width: 12.5%;
}

.width87_2 {
    width: 87.2%;
}

.summary_txt {
    padding: 15px 25px;
    margin: 0;
    font-size: 18px;
    color: #333;
    text-align: left;
    font-weight: 600;
}

.ticketrow_ctrl span {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.viewticketpart .ticketrow_ctrl span.ticket-info {
    color: #496F9E;
}

.ticketrow_ctrl span.details_txt {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
    color: #000;
}

.viewticketpart .ticketrow_ctrl .raised_righttxt {
    color: #919191;
}

    .viewticketpart .ticketrow_ctrl .raised_righttxt span {
        color: #000;
    }

.ticketrow_ctrl .selectbox span {
    line-height: 18px;
}

.ticketrow_ctrl .selectbox .select2-choice {
    background: #f7f7f7;
    border: 1px solid #eee;
}

.paddingbot_10 {
    padding-bottom: 10px !important;
}

.editor span {
    line-height: 15px;
    color: inherit;
    font-size: inherit;
}

.width6_5 {
    width: 6.5%;
}

.width100 {
    width: 100%;
}

.margintop_15 {
    margin-top: 15px;
}

.update_listing .selectbox span {
    line-height: 18px;
}

.update_listing .selectbox .select2-choice {
    background: #f7f7f7;
    border: 1px solid #eee;
}

.service_desk_wrapper {
    overflow-x: hidden;
}

.note-editor .btn {
    padding: 0 8px !important;
    line-height: 27px;
}

.panel-list .note-editor .panel-heading {
    background: none !important;
    border-left: 0 !important;
}

.note-toolbar.panel-heading {
    z-index: 1;
}
/*Service Desk Ticket End*/

div#divadjustedline .panel-heading {
    background: #fa952e !important;
    border-color: #ff9005 !important;
    background-size: 22px 22px;
}

    div#divadjustedline .panel-heading .panel-title {
        color: #000000 !important;
        font-size: 16px !important;
    }

div#divadjustedline {
    border: 2px solid #fa952e !important;
}

.nav_welcometxt {
    display: flex;
    justify-content: flex-end;
}

    .nav_welcometxt .welcome_maintxt {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        margin-left: 240px;
    }

.welcome_maintextctrl {
    background: #f2f4ff;
    padding: 0px 15px;
    border: 1px solid #d2d4e4;
    font-size: 15px;
    border-radius: 2px;
    color: #2639a4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 3px 0;
}

.nav_welcometxt .welcome_maintxt span.user_name {
    /*font-size: 18px;*/
    font-weight: 600;
}

.nav_welcometxt .welcome_maintxt span.task_asign {
    /*color: #6fafff;*/
    margin-left: 25px;
}

.nav_welcometxt .welcome_maintxt span.task_upcoming {
    color: #ea8f27;
    font-weight: 600;
}

.nav_welcometxt .welcome_maintxt span.task_overdue {
    color: #fb4e4e;
    font-weight: 600;
}

.welcome_maintextctrl span {
    margin-left: 8px;
}

.multi-select-dropdown .multiselect {
    text-align: left;
}

.multi-select-dropdown ul.multiselect-container {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .multi-select-dropdown ul.multiselect-container li {
        padding: 0;
        margin: 0;
    }

        .multi-select-dropdown ul.multiselect-container li a {
            padding: 3px 8px;
            margin: 0;
        }

            .multi-select-dropdown ul.multiselect-container li a label.checkbox {
                padding-left: 0;
                margin: 0px;
                font-weight: normal;
            }

            .multi-select-dropdown ul.multiselect-container li a input[type=checkbox] {
                margin: 3px 5px 0 0;
            }

.invoicecustomerinfo-orderlist {
    margin-top: 12px;
    max-height: 388px;
    overflow-y: auto;
}

.glbillingspan {
    font-weight: 600;
    color: #555;
}

.glbillinginfomodal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.glbillinginfomodal {
    z-index: -1;
    display: flex !important;
    justify-content: center;
}

.modal-open .glbillinginfomodal {
    z-index: 1050;
}



.modal-open #divaddupdatebillingglsettingmodal {
    z-index: 9999;
}

#divsearchbox #demo-settings-toggler {
    padding: 1px !important;
}

#divinvoicepreviewmodal {
    overflow-y: inherit;
}

    #divinvoicepreviewmodal .modal-dialog {
        width: 95vw;
    }

@media only screen and (max-width: 767px) {
    .btn-pad {
        padding: 0 11px;
    }

    .sction_sys-ref ul li {
        float: none;
        width: 100%;
        margin: 6px;
        padding: 0;
        display: inline-block;
    }

    .lbl-date {
        margin-left: 0;
    }

    .txt-date {
        margin-left: 0;
    }

    .pdf_download {
        float: right;
        margin: 10px 0;
    }

    .po_buttons {
        margin-top: 0;
    }

    .po-tab .nav-tabs > li > a {
        padding: 8px 4px;
    }
}

body .mmc div.float_src_block_down {
    width: 96%;
}

.float_src_block_down {
    width: 82.5%;
}

.ltrv2_pp_panel {
    width: 95.5% !important;
}
/*SUPARNA 17-03-2017*/

#tbladdorderitemadjust thead tr th {
    background: #f9f1c7;
    color: #af8640;
}

#tbladdorderitemadjust textarea.form-control {
    height: 35px;
}

#adjustlist {
    /*background: #f9f1c7;*/
    padding: 12px 20px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    /*border-color: #f6deac;*/
    /*color: #af8640;*/
    border-width: 2px;
}

.ordermodal-header {
    background: #f9f1c7 !important;
    padding: 12px 20px !important;
    border-top-right-radius: 2px !important;
    border-top-left-radius: 2px !important;
    border-color: #f6deac !important;
    color: #af8640 !important;
    border-width: 2px !important;
}

.order_side_align {
    width: 88%;
    float: right;
    margin: 5px 0 0;
}

    .order_side_align input[type=checkbox] {
        margin: 0 4px 0 0 !important;
        display: inline-block;
        vertical-align: middle;
    }

/*.progress-bar-wrap{width: 100%; height: 100%; z-index: 9; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0;}
.progress-bar-wrap p{position:absolute;top:37%;left:25%;font-size:15px;font-weight:500;color:#fff;}
.progress{position: absolute; top: 40%; left: 25%;  z-index: 99;  width: 50%;}*/

/*.batch_serialno_upload{
    top: 4px;
    left: -8px;
    z-index: 999;
    float: right;
    position: relative;
}*/
.batch_upload {
    top: 43px;
    left: -100px;
    z-index: 999;
    float: right;
    position: relative;
}

.batch_upload_1 {
    top: 43px;
    left: -235px;
    z-index: 999;
    float: right;
    position: relative;
}

.batch_list {
    top: 4px;
    left: -4px;
    z-index: 999;
    float: right;
    position: relative;
}

.batch_save {
    top: 4px;
    left: -20px;
    z-index: 999;
    float: right;
    position: relative;
}

/*Added by Suparna for live*/

/*.live_orderbtn_hide{display:none;}
.live_salesbtn_hide{display:none;}*/

/*Added by Suparna for live*/

.pagerpanel .pagination {
    padding: 5px 10px;
}

.table_scroll .dataTables_paginate {
    position: absolute;
    bottom: 8px;
    right: 10px;
}

.table_scroll .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 3px !important;
}
/*Suparna 09-04-2020*/
#divordercompanynotepanel > #tblcompanynotelist > .table_scroll #tblcompanynotelist > tbody > tr > td, #tblcompanynotelist > tbody > tr > th, #tblcompanynotelist > tfoot > tr > td, #tblcompanynotelist > tfoot > tr > th, #tblcompanynotelist > thead > tr > td, #tblcompanynotelist > thead > tr > th {
    padding: 0px 3px !important;
}
/*Suparna 09-04-2020*/

.table_scroll {
    overflow-x: scroll;
    margin-bottom: 40px;
}

.tick {
    font-size: 16px;
    cursor: auto;
    color: green;
    margin: 5px;
}

.cross {
    font-size: 16px;
    cursor: auto;
    color: red;
    margin: 5px;
}

.btn_area #divfileuploader {
    display: inline-block;
}

    .btn_area #divfileuploader div.fileUpload-btn {
        font-size: 13px !important;
        padding: 5px 12px 6px 12px;
        border-radius: 0;
    }

.btn_area div.fileUpload-btn-primary:hover {
    color: #fff !important;
    background-color: #4ab9db !important;
    box-shadow: 0 0 12px rgba(0,0,0,.1)inset;
    border: 1px solid #28a4c9;
}

body.mmc .import_on_add {
    width: 70px;
    position: absolute;
    height: 40px;
    bottom: -9px;
    left: 59.7%;
}

.import_on_add {
    width: 70px;
    position: absolute;
    height: 40px;
    bottom: -9px;
    left: 61.2%;
}

body.mmc .import_on_update {
    width: 70px;
    position: absolute;
    height: 40px;
    bottom: -9px;
    left: 65.2%;
}

.import_on_update {
    width: 70px;
    position: absolute;
    height: 40px;
    bottom: -9px;
    left: 67.7%;
}

#stockmodal .modal-content {
    width: auto !important;
}

#stockmodal {
    width: auto;
}

/*------------------19-06-19 Start-----------------------*/
.width22 {
    width: 22%;
}

.width23 {
    width: 23.8%;
}

#divcomadd .addnew_section label {
    line-height: 35px;
}

#divcomadd .addnew_section input[type=checkbox] {
    top: 7px;
}

.yellow_block .addnew_section label {
    line-height: 32px;
}

.yellow_block .addnew_section .d_flex .editable-field {
    height: 36px;
}

.divcompanyupdatesection .addnew_section .marg_bot10 {
    min-height: 36px;
}

.editable-field {
    font-size: 11px;
}

/*------------------19-06-19 End-----------------------*/

/*------------------01-07-19 Start-----------------------*/
.asset_specification_table table td {
    padding: 8px 3px !important;
}

    .asset_specification_table table td label {
        font-weight: 400;
    }

.asset_specification_table table th .fa-info-circle {
    color: #446adb;
}

.asset_specification_table table td select {
    display: inline-block;
    width: 100%;
    border: 1px solid #d6d6d6;
}

.asset_specification_table .width50 {
    width: 50%;
}

.asset_specification_table .width30 {
    width: 30%;
}

.asset_specification_table .width32 {
    width: 32% !important;
}

.asset_specification_table .width15 {
    width: 15%;
}

.color_bg {
    height: 15px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    margin-top: 3px;
}

.asset_specification_table table td label.note_detailstxt {
    font-size: 11px;
    line-height: 14px;
}

span.upload_txt {
    display: block;
}

    span.upload_txt .fa {
        color: #446adb;
    }


/*------------------01-07-19 End-----------------------*/

/*Service Desk Editor AutoComplete*/

.note-hint-popover.autocompletebox .popover-content .note-hint-group .note-hint-item {
    padding: 0;
    margin: 0 0 8px 0;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 20px;
    color: #333;
}

    .note-hint-popover.autocompletebox .popover-content .note-hint-group .note-hint-item span {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #428bca;
        font-size: 11px;
        font-weight: 600;
        color: #fff;
        margin-right: 8px;
    }

    .note-hint-popover.autocompletebox .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover.autocompletebox .popover-content .note-hint-group .note-hint-item:hover {
        padding: 0;
        margin: 0 0 8px 0;
        font-size: 12px;
        text-transform: capitalize;
        line-height: 20px;
        background: #eaeaea;
        color: #333;
    }

.popover.autocompletebox {
    border: 1px solid rgba(0,0,0,.1);
}

/*Service Desk Editor AutoComplete*/

table.table thead tr.border_none th {
    border: 0;
}

table#tblliststock {
    border: 0;
}

    table#tblliststock thead tr th {
        width: 11% !important;
    }

    table#tblliststock thead tr.border_none th .form-control {
        width: 100%;
    }

.large_width27 input[type="checkbox"] {
    position: relative;
    top: 3px;
}

#divMultipleOrder .multiselect {
    text-align: left;
}

.invoice-company {
    background: #f9f1c7;
    border: 1px solid #f6deac;
    height: 40px;
    padding: 8px;
    font-size: 14px;
    overflow-y: hidden;
    margin-left: 0px;
    margin-right: 10px;
}

#defaulttemplate_box {
    display: block;
}

    #defaulttemplate_box #demo-settings-toggler {
        background-color: #3f51b5;
        width: auto;
        height: auto;
        padding: 0 5px;
        top: 0;
        line-height: 20px;
        border-radius: 0;
        cursor: pointer;
    }

    #defaulttemplate_box h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 34px;
        white-space: nowrap;
        padding: 2px 15px;
        margin-top: -36px;
    }

#divdefaulttemplatebox {
    transform: rotate(-90deg);
    position: absolute;
    left: -65px;
    top: 294px;
    margin-top: 0;
    z-index: 99999;
}


.contract-info {
    color: #fb4e4e;
    font-weight: 600;
}

#tblbillingproduct .width50 {
    width: 50% !important;
}

#tblbillingproduct .width15 {
    width: 15% !important;
}

#tblbillingproduct .width20 {
    width: 20% !important;
}

#divCddList #tblcddlist_paginate {
    position: absolute;
    right: 15px;
}

#divScaleFusionDeviceSyncProgress {
    height: 15px !important;
    line-height: 15px !important;
}

.margintop_12 {
    margin-top: 12px;
}

.paddingleft_9 {
    padding-left: 9px;
}

.selected_digital_asset {
    background: #f2f4ff;
    border: 1px solid #d2d4e4;
    font-size: 13px;
    border-radius: 2px;
    color: #2639a4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 4px;
    margin-top: 5px;
}

.digital_asset_container {
    padding-left: 9px;
    padding-top: 10px;
}

.planning_dashboard_upper_section {
    display: flex;
}


.planning_dashboard_run_div {
    flex-basis: 300px;
    flex-shrink: 0;
    min-height: 400px;
    border: 1px solid #e2e2e2;
    margin-right: 7px;
}

.planning_dashboard_map_div {
    flex: 1;
    max-height: 400px;
    border: 1px solid #e2e2e2;
    padding: 5px;
}

.planning_dashboard_unplanned_order_div {
    flex-basis: 300px;
    flex-shrink: 0;
    min-height: 400px;
    border: 1px solid #e2e2e2;
    margin-left: 7px;
}

.planning_dashboard_run_div_header {
    height: 25px;
    border-bottom: 1px solid #419641;
    background-color: #419641;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.planning_dashboard_unplanned_order_div_header {
    height: 25px;
    border-bottom: 1px solid #3f52b3;
    background-color: #3f52b3;
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.planning_dashboard_map_div h1 {
    margin-left: 20px;
    margin-top: -20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 600;
}

    .planning_dashboard_map_div h1 span {
        background-color: #f6f6f6;
    }

.unplanned_order_area {
    padding: 10px 5px 10px 5px;
}

.unplanned_order_search_area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin_r_5 {
    margin-right: 5px;
}

.unplanned_order_search_datepicker {
    border-radius: 2px;
}

.unplanned_order_search_button {
    line-height: 17px;
}

.unplanned_order_list_area {
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
}

.unplanned_order {
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 4px;
    cursor: pointer;
}

.unplanned_order_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 25px
}

.planning_map {
    width: 100%;
    height: 98%;
    border: 1px solid #c6c6cd;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logistics_run_area {
    padding: 10px 5px 10px 5px;
}

.logistics_run_search_area {
    display: flex;
    justify-content: left;
    align-items: center;
}

.logistics_run_list_area {
    margin-top: 5px;
    margin-bottom: 5px;
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
}

.logistics_run {
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
}

.logistics_run_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 25px
}

.logistics_run_select {
    background-color: #419641;
    color: #fff;
}

.planning_dashboard_lower_section {
    margin-top: 30px;
}


.slim-scroll::-webkit-scrollbar {
    width: 10px;
}


.slim-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}


.slim-scroll::-webkit-scrollbar-thumb {
    background: #888;
}


    .slim-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.logistics_run_details_list_area .table-bordered > tbody > tr > td {
    border-right: 0px;
    border-left: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.logistics_run_details_start_flag {
    display: flex;
    align-items: center;
}

    .logistics_run_details_start_flag img {
        margin-right: 5px;
        width: 25px;
    }

.logistics_run_details_item_flag {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.logistics_run_details_item_flag_img {
    margin-right: 5px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .logistics_run_details_item_flag_img img {
        width: 25px;
    }

.logistics_run_details_item_serial {
    position: absolute;
    color: #fff !important;
    font-weight: 600;
    font-size: 11px;
}

.logistics_run_details_item_order_identifier {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .logistics_run_details_item_order_identifier img {
        width: 15px;
        margin-left: 5px;
    }

.logistics_run_table_align_right {
    text-align: right;
}

.logistics_run_table_align_center {
    text-align: center;
}

.show_map_area {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

    .show_map_area input {
        margin-top: 0px;
        margin-right: 5px;
        margin-left: 5px;
    }

.logistics_run_details_area {
    border: 1px solid #e2e2e2;
    padding: 10px;
    display: flex;
}

.logistics_run_details_list_area .table {
    margin-bottom: 0px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.logistics_run_details_button_area {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px;
}

.margin_top_10 {
    margin-top: 10px;
}

.logistics_run_details_list_area {
    /*display: flex;*/
    flex: 1;
}

.logistics_run_details_header {
    height: 30px;
    border-bottom: 1px solid #cdd2f1;
    background-color: #cdd2f1;
    color: #2639a4;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    font-size: 16px;
}

.addtorun {
    color: inherit;
}

    .addtorun:hover {
        color: inherit;
    }

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

.form-display {
    display: flex;
    flex-wrap: wrap;
}

.btn-curve {
    display: inline-block;
    font: normal 13px/normal Arial;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (max-width:1400px) {
    .divsiteupdate label {
        font-size: 9px !important;
    }

    .divsiteupdate a {
        font-size: 9px !important;
    }

    .divsiteupdate textarea {
        font-size: 9px !important;
    }

    .yellow_block .addnew_section label, .yellow_block .addnew_section #ulstrcustomer, #ulstrcustomer {
        font-size: 9px;
    }

    .yellow_block .addnew_section .select2-container .select2-choice {
        padding: 6px;
        font-size: 10px;
    }

    .yellow_block .addnew_section .form-control {
        padding: 4px 5px;
        font-size: 10px;
    }

    /*.addnew_section .fa-external-link {
        left: -10%;
    }*/

    .yellow_block .addnew_section .companyName label {
        line-height: 12px;
    }

    .specialNotes table th {
        font-size: 14px;
    }

    .specialNotes tbody td {
        font-size: 12px;
    }

    .asset_specification_table table td label {
        font-weight: 400;
        font-size: 9px;
    }

    .asset_specification_table table td select {
        font-size: 9px;
    }
}

@media (min-width: 1500px) {
    .flex-flds-row.clp .flds-block label {
        width: 113px;
    }
}


@media (min-width: 1920px) {


    .tblActivitylist_wrapper table th:last-child {
        width: 19.5% !important;
    }

    body.mmc .import_on_add {
        width: 70px;
        position: absolute;
        height: 40px;
        bottom: -9px;
        left: 56.7%;
    }

    .import_on_add {
        width: 70px;
        position: absolute;
        height: 40px;
        bottom: -9px;
        left: 57.4%;
    }

    body.mmc .import_on_update {
        width: 70px;
        position: absolute;
        height: 40px;
        bottom: -9px;
        left: 60.7%;
    }

    .import_on_update {
        width: 70px;
        position: absolute;
        height: 40px;
        bottom: -9px;
        left: 61.7%;
    }

    .large_width27 {
        width: 27% !important;
    }
}

@media screen and (min-device-width: 767px) and (max-device-width: 990px) {
    #tblsitelist_wrapper table th:last-child {
        width: 32% !important;
    }

    #tblComponentlist_wrapper table th:last-child {
        width: 32% !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .float_src_block_down {
        right: 0;
        bottom: -35%;
        top: auto !important;
    }
}

@media screen and (min-device-width: 1024px) {
    #divproductionplanbox {
        transform: rotate(0deg);
        position: absolute;
        left: 525px;
        top: -35px;
        margin-top: 0;
        z-index: 99999;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -64% !important;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 45px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -64%;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 45px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -35%;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 60px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -35%;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 20px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -55%;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 60px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .float_src_block_down {
        right: 0;
        bottom: -55%;
        top: auto !important;
    }

    #divproductionplanbox {
        left: 60px;
    }
}

@media (min-width: 1800px) {
    .map-responsive {
        padding-bottom: 95%;
    }
}

@media (min-width: 2400px) {
    .map-responsive {
        padding-bottom: 77%;
    }
}

/*.schedule-panel-wrapper {
    max-height: calc(100vh - 64px);
    overflow: auto;
}*/

.schedule-panel-wrapper .form-group {
    margin-bottom: 0;
}

.schedule-panel-wrapper-inner {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    margin-bottom: 15px;
}

.schedule-billing-product {
    background: #f5f5f5;
    padding: 25px;
}

.ltrv2wizard-schedule-header {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
}

    .ltrv2wizard-schedule-header span {
        margin-left: -10px;
    }

.sample-slno-modal {
    width: auto;
    max-width: 1200px;
}

    .sample-slno-modal modal-body {
        overflow: auto;
    }

.wizard-schedule-panel-wrapper-inner {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.ltrv2wizard-alfainvoice-header {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}

.ltrv2-wizard-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.contract-wizard-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.payment-plan-collection-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}

.delivery-map-responsive {
    padding-bottom: 42.5%;
}

.wizard-note {
    /*min-height: 85px;*/
    margin-bottom: 5px;
    background: #f6f6f6;
    padding: 2px 10px;
    color: #a19393;
}

.divwizardcontactdetails {
    clear: both;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-right: 10px;
}

    .divwizardcontactdetails label {
        white-space: nowrap;
    }

    .divwizardcontactdetails .input-group {
        display: flex;
        margin-bottom: 0;
    }

        .divwizardcontactdetails .input-group input {
            margin-left: 5px !important;
        }

.divwizardproductlist {
    max-height: 290px;
    overflow-y: auto;
}

.wizardvalidslnolist th {
    white-space: nowrap;
}

.wizardvalidslnolist thead {
    background-color: #f1f1f1;
}

.map-pointer-wrapper {
    max-width: 300px;
    width: 215px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    padding: 0;
}

    .map-pointer-wrapper::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
    }

    .map-pointer-wrapper h2 {
        font-size: 16px;
        margin-top: 0;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
    }

    .map-pointer-wrapper h3 {
        font-size: 15px;
        font-weight: 600;
        margin-top: 0;
        color: 222;
        margin-bottom: 3px;
    }

    .map-pointer-wrapper h4 {
        font-size: 14px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 3px;
        color: 222;
    }

    .map-pointer-wrapper h5 {
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 3px;
        color: #2a2a2a;
    }

    .map-pointer-wrapper h6 {
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 3px;
        color: #2a2a2a;
    }

.map-pointer-btn {
    background: #419641;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 2px;
}

    .map-pointer-btn:hover, .map-pointer-btn:focus, .map-pointer-btn:active {
        color: #fff;
        text-decoration: none;
    }

.map-pointer-split-btn {
    background: #416796;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 2px;
}

    .map-pointer-split-btn:hover, .map-pointer-split-btn:focus, .map-pointer-split-btn:active {
        color: #fff;
        text-decoration: none;
    }

.welcomewizardpadding .form-group {
    margin-bottom: 5px;
}

.welcomewizardpadding p {
    margin-bottom: 2px;
}

.divselectedbrewery {
    background: #f1f1f1;
    padding: 8px 15px;
    border-radius: 5px;
}

    .divselectedbrewery span {
        color: #222;
        font-size: 16px;
    }

.selectedbreweryname {
    font-weight: bold;
}

.collection-wizard-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}

.station-tree-header {
    margin-top: -15px !important;
    font-weight: 600;
    margin-bottom: 10px;
}

.tr-empty-row td {
    border-left: none !important;
    border-right: none !important;
}

.billing-product-modal-dialog {
    box-shadow: 0 0 100px rgb(0 0 0 / 99%);
}

.logistics-settings-add-block {
    margin-top: 0px !important;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding-bottom: 6px;
}

.logistics-settings-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}

.span-addto-run {
    float: right;
}

.span-removefrom-run {
    float: right;
}

.map-pointer-btn-remove {
    background: #cd4b4b;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 2px;
}

    .map-pointer-btn-remove:hover, .map-pointer-btn-remove:focus, .map-pointer-btn-remove:active {
        color: #fff;
        text-decoration: none;
    }

/*---07-11-22 starts---*/
.action-btns-end {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.form-new-style-fld .form-control {
    /*border-radius: 30px !important;*/
    padding: 8px 20px;
    border: 1px solid #ccc;
    min-height: 35px;
}

/*.data-table-new-design .panel-warning .panel-heading {
    background: #eef6ff;
    border-color: #eef6ff;
    color: #193350;
    background-size: 20px 20px;
}*/

/*.data-table-new-design .panel-warning .panel-heading .panel-title {
        color: #2e2e2e;
    }*/

.data-table-new-design .panel-warning {
    border-color: #eef6ff !important;
}

    .data-table-new-design .panel-warning .panel-heading {
        /*background: #eef6ff;
    border-color: #eef6ff;
    color: #193350;*/
        background-color: #b4b8eb;
        border-color: #b4b8eb;
        background-size: 20px 20px;
    }

        .data-table-new-design .panel-warning .panel-heading .panel-title {
            color: #2e2e2e;
            font-weight: bold;
        }

/*.data-table-new-design .table th,
.data-table-new-design .table td {
    border-left: 0 !important;
    border-right: 0 !important;
}*/

.action-btns-end .btn {
    /*border-radius: 40px;*/
    padding: 10px 20px;
}

.per-page-new-design {
    /*border-radius: 40px !important;*/
    padding: 5px 20px;
}

/*.data-table-new-design .table th,
.data-table-new-design table.dataTable thead .sorting_asc {
    background: #3f51b5;
    color: #fff;
}
*/
.data-table-new-design {
    margin-top: 0px !important;
}

.yellow_block-new-design {
    background-color: #fbfbfb;
    border: 1px solid #efefef;
    color: #222;
    border-radius: 3px;
    padding: 6px 4px;
    line-height: 18px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

#collapseddiv.yellow_block-new-design {
    display: none !important;
}

/*.yellow_block-new-design .row.marg_bot10:nth-child(odd) {
    background: #e9e9e9 !important;
    padding: 8px;
}
*/
#divRecoveryCollectionRequestList {
    z-index: 9;
}

.str-collection-request-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.str-collection-request-border-bottom {
    border-bottom: 1px solid #dfdfdf;
}
/*---07-11-22 ends---*/
.table-striped > tbody > tr.site-access-restrict > td, .table-striped > tbody > tr.site-access-restrict:nth-of-type(odd) > td {
    background-color: #f2dada !important;
    --bs-table-bg-type: #f2dada !important;
}

.site-access-restrict-info {
    font-size: 18px;
    color: #f21f1f;
}

    .site-access-restrict-info:hover {
        color: #f21f1f;
    }

.site-access-message {
    margin-left: 10px;
    color: #fb4e4e;
}

.seasonal-forecast-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}

.logistics-run-warning {
    color: red;
}

.product-price-bulk-edit-error {
    border-color: #d38e99;
}

.chk-manul-print {
    margin-top: 3px !important;
}

.stocktake-audit-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}

.ltrv2-wizard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-dialog-box-shadow {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.tdrebatesectionheader {
    --bs-table-bg-type: #eee !important;
    --bs-table-color-type: #eee !important;
}
.tdctprebatesectionheader {
    --bs-table-bg-type: #eee !important;
    --bs-table-color-type: #eee !important;
    font-size:15px;
}
.tdstrrebatesectionheader {
    --bs-table-bg-type: #eee !important;
    --bs-table-color-type: #eee !important;
    font-size: 15px;
}

.str-billingtype-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.ctp-billingtype-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.company-note-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
.company-type-modal-dialog {
    box-shadow: 0 0 50px rgb(0 0 0 / 99%);
}
/*07-06-2024*/

/* The overlay effect - lays on top of the container and over the image */
#divlogosection .overlay {
    position: absolute;
    bottom: 0px;
    right:0px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 15px;
    padding: 5px 5px 5px 8px;
    max-width: 35px;
    margin-left: 65%;
}

/* When you mouse over the container, fade in the overlay title */
#divlogosection:hover .overlay {
    opacity: 1;
}

/*07-06-2024*/

/*Delete Contact*/
#divcontactdeletealertdialogue {
    --bs-modal-width: 450px;
}
#ul_cont_dlt_message {
    list-style-type: decimal;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

    #ul_cont_dlt_message li {
        list-style-position: inside;
    }

/*Delete Contact*/
/*Account Flag*/
#divAccountFlagsHeader {
    font-weight: bold;
    color: #fff;
    width: 100%;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.company_account_flag_red {
    background: #fff;
    border: 1px solid #fff;
    font-size: 11px;
    border-radius: 5px;
    color: #ed1c24;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.company_account_flag_blue {
    background: #fff;
    border: 1px solid #fff;
    font-size: 11px;
    border-radius: 5px;
    color: #1d89cf;
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    padding: 5px;    
}
/*Account Flag*/

/*Close Modulr*/
#divmodulraccclosealertdialogue {
    --bs-modal-width: 450px;
}

#ul_modulr_close_message {
    list-style-type: disc;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

    #ul_modulr_close_message li {
        list-style-position: inside;
    }

/*Close Modulr*/

.ul_sitetabmenu li.active {
    background-color: #1d89cf;
    color: #fff;
    border: 1px solid #1d89cf;
    border-radius: 3px;
    padding: 6px 4px;
    line-height: 18px;
}
.ul_sitetabmenu li.active a{
    color:#fff;
}
.ul_sitetabmenu li {
    background-color: #e9e9e9;
    color: #000;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 6px 4px;
    line-height: 18px;
}
    .ul_sitetabmenu li a {
        color: #000;
    }

    .ul_sitetabmenu li.yellow_block {
        background-color: #f9f1c7 !important;
        border: 1px solid #f6deac !important;
    }

.company_site_tab_head a
{
    background:transparent !important;  
    font-weight:bold;
}

.nav-tabs.company_site_tab_head > li.active > a {
    color: #1a7ab9 !important;
}
.small_chkbox.d-flex{
    display:inline-flex !important;
    margin-bottom:12px;
}
.linksitedetailspanel{
    font-size:16px !important;
}
.company_site_tab_head {
    padding-right: 115px;
    min-height: 42px;
}

#linkaddnewsitepanel {
    color: #fff !important;
    border: none;
    background: #1d89cf !important;
}
#divalertdialogue {
    --bs-modal-width: 550px;
}
.pp-notification-email-area {
    background: #f4f4f4;
    padding: 12px 12px;
}

    .pp-notification-email-area h2 {
        font-size: 20px;
        font-weight: 600;
    }

.pp-notification-text-area {
    margin-top: 10px;
    max-height: calc(100vh - 500px);
    overflow-y: auto;
}

.status-content .status-red {
    display: inline-block;
    font-size: 13px;
    font-weight:600;
    color: #DA291C !important;
    padding: 2px 3px;
    border-radius: 2px;
    margin-right: 4px;
    background: rgba(218, 41, 28, 0.1);
}

.status-content .status-grey {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #98989d !important;
    padding: 2px 3px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.04);
    margin-right: 4px;
    border: 1px solid #DDDEDF;
}

.status-content .status-green {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #78BE21 !important;
    padding: 2px 3px;
    border-radius: 2px;
    background: rgba(120, 190, 33, 0.1);
    margin-right: 4px;
}
.status-content .status-yellow {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #eb7e09 !important;
    padding: 2px 3px;
    border-radius: 2px;
    margin-right: 4px;
    background: rgba(235, 186, 11, 0.29);
}

.status-content {
    font-size: 12px;
    line-height: 12px;
}

.pp-special-notes {
    overflow-y: scroll;
    height: 100px !important;
    resize: none;
}
.mb-10{
    margin-bottom:10px;
}
.gap-10{
    gap:10px;
}
.justify-content-right {
    align-items: center;
    justify-content: flex-end;
}

.pp-notification-view-text-area {
    margin-top: 10px;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
}

.contract-wizard-inprogress {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #f5b146 !important;
    padding: 2px 3px;
    border-radius: 2px;
    background: rgba(190, 142, 33, 0.1);
    margin-right: 4px;       
}
.contract-wizard-deleted {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #DA291C !important;
    padding: 2px 3px;
    border-radius: 2px;
    margin-right: 4px;
    background: rgba(218, 41, 28, 0.1);
}

.contract-wizard-completed {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #78BE21 !important;
    padding: 2px 3px;
    border-radius: 2px;
    background: rgba(120, 190, 33, 0.1);
    margin-right: 4px;
}
.wizard-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-csv-dwnld {
    text-align: right;
    font-size: 24px;
    padding: 10px 30px 0 0;
}

.activity-panel-heading {
    background-color: #7396ce !important;
}

    .activity-panel-heading .panel-title a {
        color: #fff !important;
    }