body {
    font-family: aktiv-grotesk, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    scroll-behavior: smooth
}

.overlay_ctrl {
    text-align: center;
    margin: 20px;
    position: relative;
    z-index: 110
}

.overlay,
.overlay.ajax::after {
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    background-color: rgba(240, 240, 240, .9)
}

.overlay.ajax {
    z-index: 100
}

.overlay.ajax::after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    background-image: url(../img/loader.gif);
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-360deg)
    }
}

@keyframes rotateplane {

    0%,
    50% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }

    100% {
        transform: perspective(120px) rotateX(-360deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-360deg) rotateY(0)
    }
}
.btn{
    border-radius: 0px;
}

.hgt400 {
    height: 400px
}

.hgt750 {
    height: 750px
}

.hgt220 {
    height: 220px
}

.hgt300 {
    height: 300px
}

.hgt-44 {
    height: 44px !important
}

.hgt-42 {
    height: 42px !important
}

.hgt-32 {
    height: 32px !important
}

.rounded-2 {
    border-radius: 2px !important
}

.rounded-12 {
    border-radius: 12px !important
}

.rounded-tltr-12 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important
}

.rounded-blbr-12 {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important
}

.fontItalic {
    font-style: italic
}

.customGrayScroll,
.customMenuScroll {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f1bdc4 transparent
}

.customGrayScroll::-webkit-scrollbar,
.customMenuScroll::-webkit-scrollbar {
    width: 6px
}

.customGrayScroll::-webkit-scrollbar-track,
.customMenuScroll::-webkit-scrollbar-track {
    background: 0 0
}

.customMenuScroll::-webkit-scrollbar-thumb {
    background-color: #f1bdc4;
    border-radius: 3px
}

.customGrayScroll::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 3px
}

.customVerScroll {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e6e6e6 transparent
}

.customVerScroll::-webkit-scrollbar {
    width: 4px
}

.customVerScroll::-webkit-scrollbar-track {
    background: 0 0
}

.customVerScroll::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    border-radius: 3px
}

.bg-363636 {
    background-color: #363636 !important
}

.bg-lightred {
    background-color: #f7ebeb !important
}

.themeHead {
    color: #fff;
    background-color: #363636;
    font-size: 20px;
    padding: 12px 15px;
    font-weight: 500
}

.bg-gray {
    background-color: #edeff3
}

.bg-greennew {
    background-color: #00b894
}

.bg-bluenew {
    background-color: #0885e1
}

.bg-skynew {
    background-color: #07afd3
}

.bg-rednew {
    background-color: #d63030
}

.bg-blacknew {
    background-color: #2c3436
}

.bg-orangenew {
    background-color: #fa7103
}

.bg-yellownew {
    background-color: #e4b63f
}

.bg-purplenew {
    background-color: #875fc0
}

.bg-purplenew2 {
    background-color: #953579
}

.bg-orangelight {
    background-color: #fff1e6
}

.bg-redlight {
    background-color: #fde9eb
}

.fs-18-700-545871 {
    font-size: 18px !important;
    font-weight: 700;
    color: #545871
}

.fs-20-700-545871 {
    font-size: 20px;
    font-weight: 700;
    color: #545871
}

.fs-18-700 {
    font-size: 18px;
    font-weight: 700
}

.contentRow .navRow .navbar.hgt-200px {
    height: 200px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.scrollspyAfter .tabPart .navRow .nav.nav-pills::before {
    height: 80%
}

.scrollspyAfter .tabPart .navRow .nav.nav-pills::after {
    position: absolute;
    bottom: 13px;
    width: 7px;
    height: 7px;
    background-color: #f1f2f3;
    content: "";
    border-radius: 100%;
    left: -8px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.borderColor-eaebef,
.themeEditor .fr-box.fr-basic .fr-wrapper,
.themeEditor .fr-toolbar.fr-bottom,
.themeFileInput .custom-file-label {
    border-color: #eaebef
}

.themeEditor .fr-box.fr-basic.fr-bottom .fr-wrapper,
.themeEditor .fr-toolbar.fr-bottom {
    border-radius: 0
}

.themeFileInput .custom-file-input:focus~.custom-file-label {
    border-color: #f7ebeb;
    box-shadow: none
}

.themeFileInput .custom-file-input:lang(en)~.custom-file-label::after,
.themeFileInput .custom-file-label::after {
    display: none
}

.themeFileInput .input-group-text,
.themeInputGroup .input-group-text {
    background-color: transparent;
    border-color: #eaebef
}

.themeInputGroup.form-wrap .floating .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.bgEAEBEF-200-100 {
    background-color: #eaebef;
    width: 200px;
    height: 100px
}

.objectRes {
    object-fit: cover;
    object-position: center
}

.fs-16-500-02080D {
    color: #02080d;
    font-size: 16px;
    font-weight: 500
}

.fs-14-500-02080D {
    color: #02080d;
    font-size: 14px;
    font-weight: 500
}

.fs-13-500-878a9c {
    color: #878a9c;
    font-size: 13px;
    font-weight: 500
}

.fs-12-02080D {
    color: #02080d;
    font-size: 12px
}

.fs-14-02080D {
    color: #02080d;
    font-size: 14px
}

.fs-14-e82030 {
    color: #e82030;
    font-size: 14px
}

.fs-12-e82030 {
    color: #e82030;
    font-size: 12px
}

.fs-12-677A84 {
    color: #677a84;
    font-size: 12px
}

.fs-12-500-677A84 {
    color: #677a84;
    font-size: 12px;
    font-weight: 500
}

.p-t-2 {
    padding-top: 5px
}

.fs-12-p2 {
    font-size: 12px !important;
    padding: 2px 10px !important;
    line-height: 20px
}

.fs-8 {
    font-size: 8px !important
}

.fs-9 {
    font-size: 9px !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-19 {
    font-size: 19px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-22 {
    font-size: 22px !important
}

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-32 {
    font-size: 32px !important
}

.bgGreen {
    background-color: #2ba144 !important
}

.bgGreen2 {
    background-color: #37d13d !important
}

.bgRed {
    background-color: #e82030 !important
}

.bgBlue {
    background-color: #165fa8 !important
}

.file-Lheight {
    height: 38px !important;
    line-height: 27px !important
}

.themeEditor .fr-toolbar .fr-newline {
    height: 0
}

.matchComponent .custom-file-label {
    line-height: 30px
}

.matchComponent .custom-file-label,
.matchComponent .input-group-text {
    border-radius: 2px
}

.lh-40 {
    line-height: 40px
}

.h-44px {
    height: 44px
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default !important
}

.cursor-not {
    cursor: not-allowed !important
}

.tabPart::after {
    content: "";
    display: table;
    clear: both
}

.customTable .table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.customTable .table th {
    color: #52646d;
    font-size: 12px;
    font-weight: 800;
    border-bottom: 0;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 10px 8px
}

.customTable .table td {
    color: #02080d;
    font-size: 14px;
    white-space: nowrap;
    border-bottom: 1px solid #edeff3;
    border-top: 1px solid transparent;
    padding: 10px 8px 10px
}

.customTable .table tr:hover {
    background: linear-gradient(90deg, #f7f7f7 0, #fbfbfb 100%)
}

.customTable table.dataTable thead .sorting::after,
.customTable table.dataTable thead .sorting::before {
    opacity: .5 !important
}

.customTable table.dataTable.table-sm .sorting::after,
.customTable table.dataTable.table-sm .sorting::before,
.customTable table.dataTable.table-sm .sorting_asc::after,
.customTable table.dataTable.table-sm .sorting_asc::before,
.customTable table.dataTable.table-sm .sorting_desc::after,
.customTable table.dataTable.table-sm .sorting_desc::before {
    top: 14px
}

.customTable .dataTables_wrapper .custom-select,
.customTable .dataTables_wrapper .form-control {
    border-color: #eaebef;
    border-radius: 2px
}

.customTable .dataTables_wrapper label {
    font-size: 14px;
    color: #02080d
}

.dataTables_paginate .page-item.active .page-link {
    background-color: #e82030;
    border-color: transparent
}

.dataTables_paginate .page-link {
    font-size: 14px;
    border-color: #eaebef;
    padding: .2rem .5rem;
    margin-right: 0 !important
}

.dataTables_paginate .page-item.disabled .page-link {
    color: #677a84;
    border-color: #eaebef;
    border-radius: 2px
}

.dataTables_paginate .page-link:focus {
    box-shadow: none
}

.w-20px {
    width: 20px !important
}

.w-30px {
    width: 30px !important
}

.w-40px {
    width: 40px !important
}

.w-60px {
    width: 60px !important
}

.w-85px {
    width: 85px
}

.inputSO input {
    width: 60px;
    border-radius: 2px;
    border: 1px solid #eaebef;
    color: #02080d;
    font-size: 14px;
    padding: 4px 8px
}

.inputSO .input-group-text {
    font-size: 12px;
    color: #02080d;
    cursor: pointer;
    border-radius: 2px;
    border: 0;
    background-color: #eaebef;
    padding: 4px 8px
}

.positionBottomRight .position-fixed {
    z-index: 999;
    right: 32px;
    bottom: 30px
}

.customFilterSelect .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto
}

.customFilterSelect .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important
}

.customFilterSelect .btn {
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
    border-radius: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #02080d
}

.customFilterSelect .dropdown-item {
    font-size: 12px;
    color: #02080d
}

.borderRadius-2px {
    border-radius: 2px
}

.formControlIG1.input-group .form-control {
    border: 1px solid #eaebef;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
    border-radius: 2px 0 0 2px;
    height: 40px;
    font-size: 12px;
    color: #8f9192;
    border-right: 0
}

.formControlIG1.input-group .form-control::placeholder {
    font-size: 12px;
    color: #8f9192
}

.formControlIG1 .input-group-append .input-group-text {
    background-color: #fff;
    border-radius: 0 2px 2px 0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
    border: 1px solid #eaebef;
    font-size: 12px;
    color: #02080d
}

.stopPropagation .dropdown-item:focus,
.stopPropagation .dropdown-item:hover {
    background-color: transparent !important
}

.boxShadowLight .dropdown-item.active,
.boxShadowLight .dropdown-item:active {
    color: #fff;
    background-color: #363636
}

.boxShadowLight .dropdown-menu {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
    border-color: #eaebef;
    border-radius: 2px
}

.text-underline {
    text-decoration: underline
}

.selected a i.fa-caret-down {
    color: #a4a4a4;
    font-size: 18px
}

.drop-down .selected a span {
    cursor: pointer;
    color: #e82030;
    text-decoration: underline
}

.drop-down .option {
    position: relative
}

.drop-down .options span.value,
.drop-down .selected span.value {
    display: none
}

.dropdown-menu.openSort {
    min-width: 6rem
}

.dropdown-menu.openSort .dropdown-item {
    font-size: 13px
}

.boxAdvanceSearch {
    position: fixed;
    width: 33.333%;
    top: 65px;
    background-color: #fff;
    z-index: 9;
    height: 100%;
    right: -38.333%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04)
}

.boxAdvanceSearch.boxASVisible {
    right: 0
}

.boxAdvanceSearch .h-100 {
    height: calc(100% - 65px) !important
}

.alphabetOrder span {
    cursor: pointer
}

.alphabetOrder span.active {
    color: #e82030;
    text-decoration: underline
}

.tabPart .btn.focus,
.tabPart .btn:focus {
    box-shadow: none
}

.themeFileInput .custom-file span.error,
.themeFileInput .custom-file span.invalid {
    position: absolute;
    bottom: -20px
}

.toast {
    position: fixed;
    z-index: 1030
}

.fixedCenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fixedTopRight {
    top: 10px;
    right: 10px
}

.toast.hide {
    display: none !important
}

.toast .close {
    opacity: 1
}

.d-grid-col-2 {
    display: grid;
    grid-template-columns: repeat(2, auto)
}

.floating-labelSrc+span.error {
    position: absolute;
    bottom: -18px
}

.pageLeft {
    background: url(../img/left-line3.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left;
    width: 60px;
    min-height: 800px;
    background-size: contain;
    opacity: .5
}

.mainWrapper {
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-left: 0;
    -webkit-transition: padding-left .3s ease 0s;
    transition: padding-left .3s ease 0s
}

.headerPart {
    width: 100%;
    background: #fbfaf6;
    height: 65px;
    padding: 10px 20px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #dedede;
    z-index: 1
}

.pageContent {
    padding-top: 65px
}

.breadcrumbTop .breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
    content: '';
    border-left: 13px solid #f8f8f8;
    border-right: 10px solid transparent;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
    left: 0
}

.breadcrumbTop .breadcrumb-item a {
    font-size: 14px;
    color: #02080d;
    text-decoration: none
}

.breadcrumbTop .breadcrumb-item {
    font-size: 15px;
    color: #02080d;
    padding: 0 10px 0 22px;
    margin: 0 5px;
    background: #fff;
    position: relative;
    height: 34px;
    line-height: 32px;
    border-top: 1px solid #4a4a4a0f;
    border-bottom: 1px solid #4a4a4a0f;
    box-shadow: 12px 1px 30px -4px #ebebebdd
}

.breadcrumbTop .breadcrumb-item:first-child {
    padding: 0 5px 0 8px;
    margin: 0 10px
}

.breadcrumbTop .breadcrumb-item img {
    width: 16px;
    position: relative;
    top: -1px
}

.breadcrumbTop .breadcrumb-item:after {
    position: absolute;
    content: '';
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent;
    right: -20px
}

.breadcrumbTop .breadcrumb-item.active {
    font-size: 14px;
    color: #02080d
}

.tabPart .nav.nav-pills {
    background: #363636
}

.tabPart .nav-pills .nav-link,
.tabPart .nav-pills .show>.nav-link {
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 16px 18px 0;
    padding-bottom: 8px
}

.tabPart .nav-pills .nav-link.active,
.tabPart .nav-pills .show>.nav-link {
    border-bottom: 3px solid #e82030;
    color: #fff
}

.contentRow .navbar {
    width: 25%;
    background: #fff;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, .08);
    border: none;
    height: 100%;
    z-index: 2 !important;
    top: 25px;
    padding: 25px 30px;
    border-right: 1px solid #e5e5e5
}

#client,
#communication,
#communication2,
#general,
#general2,
#n-general,
#n-status,
#n2-general,
#others,
#smartmove,
#status {
    height: auto;
    padding-top: 60px;
    margin-top: -62px
}

.contentRow .navRow .navbar {
    width: 22%;
    background: #fff;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, .08);
    border: none;
    height: auto;
    z-index: 2 !important;
    top: 205px;
    left: 35px;
    align-items: flex-start
}

.navRow .collapse:not(.show) {
    display: block
}

.navRow {
    width: 74%
}

.contentRight {
    width: 100%
}

.tabPart .navRow .nav.nav-pills {
    background: #fff
}

.tabPart {
    display: block
}

.navRow h4 {
    position: relative;
    color: #545871;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 15px 5px
}

.tabPart .navRow .nav-pills .nav-link,
.tabPart .navRow .nav-pills .show>.nav-link {
    color: #6a6c7a;
    font-weight: 400;
    padding: 8px 15px;
    font-size: 14px
}

.navRow h4::before {
    content: "1";
    position: absolute;
    top: 8px;
    left: -15px;
    border: 2px solid #545871;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px
}

.navRow h4.sbt::before {
    content: "2"
}

.tabPart .navRow .nav-pills .nav-link.active {
    border: none
}

.tabPart .navRow .nav.nav-pills::before {
    position: absolute;
    content: "";
    border-left: 1px solid #76798c;
    top: 18px;
    left: -5px;
    width: 1px;
    height: 272px;
    opacity: .2
}

.tabPart #pills-non-mandatory .navRow .nav.nav-pills::before {
    height: 310px
}

.pl-24p {
    padding-left: 24.4%
}

.contentRight h5 {
    font-size: 13px;
    text-transform: uppercase;
    /* font-weight: 600; */
    color: #545871
}

.form-wrap .floating input:focus+label,
.form-wrap .floating textarea:focus+label {
    font-size: 13px !important;
    padding: 2px 2px;
    z-index: 2;
    font-weight: 400 !important
}

.form-wrap .floating input {
    color: #02080d;
    font-size: 16px;
    padding: 18px 8px 4px;
    height: auto;
    font-weight: 600;
    width: 100%;
    z-index: 1;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0;
    height: 44px
}

.form-wrap .floating input.invalid+span.invalid {
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    left: 7px;
    bottom: -22px;
    padding: 6px 10px;
    color: #ed4545;
    text-align: left;
    z-index: 0
}

.form-wrap .floating textarea {
    background: 0 0;
    width: 100%;
    resize: none;
    color: #02080d;
    font-weight: 500;
    padding: 20px 8px 10px 8px;
    resize: none;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1;
    outline: 0;
    line-height: 16px
}

.form-wrap .floating textarea.invalid {
    border: solid 1px #ed4545;
    position: relative
}

.form-wrap .floating textarea.invalid+span.invalid {
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    z-index: 0;
    font-size: 12px;
    font-weight: 600;
    left: 7px;
    bottom: -22px;
    padding: 6px 10px;
    color: #ed4545
}

span.error,
span.invalid {
    font-size: 12px;
    color: #e82030 !important;
    font-weight: 500
}

.form-wrap .floating label {
    font-weight: 400;
    color: #878a9c;
    font-size: 13px;
    transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    position: absolute;
    padding: 13px 25px;
    margin: 0
}

.form-wrap .floating textarea {
    display: block;
    resize: vertical
}

.disabledIn label {
    top: -10px !important;
    color: #878a9c !important;
    left: 15px !important;
    width: 95% !important;
    outline: 0 !important;
    padding: 11px 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important
}

form.go-bottom .form-wrap .floating label {
    top: 0;
    bottom: 0;
    width: 100%;
    outline: 0;
    left: 15px;
    width: 95%;
    outline: 0;
    padding: 11px 16px;
    font-weight: 400
}

.go-bottom .form-wrap .floating input:focus+label,
.go-bottom .form-wrap .floating input:focus+span.error+label,
.go-bottom .form-wrap .floating input:focus+span.invalid+label,
.go-bottom .form-wrap .floating textarea:focus+label,
.go-bottom .form-wrap .floating textarea:focus+span.error+label,
.go-bottom .form-wrap .floating textarea:focus+span.invalid+label {
    top: -10px;
    color: #878a9c;
    left: 15px;
    width: 95%;
    outline: 0;
    padding: 11px 10px;
    font-weight: 500
}

.go-bottom .form-wrap .floating input.invalid~label,
.go-bottom .form-wrap .floating input.valid~label,
.go-bottom .form-wrap .floating textarea.invalid~label,
.go-bottom .form-wrap .floating textarea.valid~label {
    font-size: 13px !important;
    z-index: 2;
    font-weight: 400;
    top: -10px;
    color: #878a9c;
    left: 15px;
    width: 95%;
    outline: 0;
    padding: 11px 10px
}

.form-wrap .floating .alert.invalid,
.form-wrap .floating .confirm.error {
    margin: 0;
    color: #333;
    font-weight: 400
}

.form-wrap .floating .alert.invalid i,
.form-wrap .floating .confirm.error i {
    font-style: italic
}

.form-wrap .floating .error,
.form-wrap .floating .invalid {
    margin: 0
}

.form-wrap .floating input.error,
.has-float-label textarea.error {
    border: 1px solid #efa3a3
}

.form-wrap .floating input.invalid {
    border: 1px solid #efa3a3;
    position: relative;
    background: 0 0
}

.form-wrap .submit {
    float: left;
    width: 100%;
    text-align: left;
    clear: both;
    margin-top: 10px
}

.form-wrap .submit button:hover {
    background: rgba(246, 38, 38, .8)
}

.form-wrap .submit button {
    background: #e91e1e;
    width: 150px;
    font-size: 12px;
    border: none;
    color: #fff;
    margin: 20px 0;
    float: none;
    padding: 10px 10px;
    text-transform: uppercase;
    transition: .5s;
    cursor: pointer
}

.ad-rd {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0
}

.cs-rad [type=radio]:checked,
.cs-rad [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.cs-rad [type=radio]:checked+label,
.cs-rad [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #02080d;
    font-weight: 500;
    font-size: 14px
}

.cs-rad [type=radio]:checked+label:before,
.cs-rad [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.cs-rad [type=radio]:checked+label:after,
.cs-rad [type=radio]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #e82030;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cs-rad [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.cs-rad [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

ul.cs-rad {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0
}

.chk-topp [type=checkbox]:checked+label,
.chk-topp [type=checkbox]:not(:checked)+label {
    padding-left: 30px
}

.cs-rad li {
    padding-right: 50px
}

.formLabel {
    color: #7c7f91;
    font-size: 14px;
    font-weight: 400
}

.btn-right {
    top: 73px;
    right: 15px;
    z-index: 3
}

.btn-white {
    background: #fff;
    color: #02080d;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 2px;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    width: 140px;
    height: 40px;
    border: 1px solid #eaebef;
    box-sizing: border-box
}

.btn-white2 {
    background: #fff;
    color: #02080d;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 2px;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    width: 140px;
    height: 40px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1)
}

.theme-white {
    background: #fff;
    color: #02080d;
    padding: 0 10px;
    border-radius: 2px;
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #eaebef;
    box-sizing: border-box
}

.btn-red {
    background: #e82030;
    color: #fff;
    padding: 7px 20px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px
}

.btn-brown {
    background: #87323d;
    color: #fff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px
}

.btn-redlight {
    background: #f96363;
    color: #fff;
    padding: 7px 20px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px
}

.btn-red2 {
    background: #e82030;
    color: #fff;
    line-height: 24px;
    padding: 7px 10px;
    border-radius: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 500;
    min-width: 124px;
    height: 40px;
    border-radius: 2px
}

.btn.themeBlue {
    background: #1f459f;
    color: #fff;
    border-radius: 2px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s;
}

.btn.themeBlue.lightblue-1{
    background: #00bcd5 !important;
}

.btn.themeBlue.lightblue-1:hover{
    background: #3f68c8 !important;
    transition: all .3s !important; 
}

.btn.themeBlue:hover {
    background: #3f68c8;
    transition: all .3s
}

.btn.btn-purple {
    background: #1f459f;
    color: #fff;
    border-radius: 2px;
    padding: 5px 20px;
    font-size: 14px
}

.btn-purple2 {
    background: #9495ff;
    color: #fff;
    border-radius: 2px;
    padding: 7px 20px;
    font-size: 14px
}

.btn-skyblue {
    background: #33b1e2;
    color: #fff;
    border-radius: 2px;
    padding: 7px 20px;
    font-size: 14px
}

.btn.btn-gray {
    background: #edeff3;
    color: #363636;
    border-radius: 2px;
    padding: 5px 20px;
    font-size: 14px
}

.btn.btn-gray2 {
    color: #919191;
    border-radius: 2px;
    padding: 4px 30px;
    font-size: 16px;
    font-weight: 600;
    background: #edeff3
}

.btn.btn-orange {
    background: #fcb30e;
    border-radius: 2px;
    color: #fff;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s
}

.btn-black {
    color: #fff;
    background-color: #363636;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500
}

.bgred-light {
    background: rgba(249, 99, 99, .11) !important
}

.bgblue-light {
    background: rgba(51, 177, 226, .12) !important
}

.bggray-light {
    background: #f7f7fc
}

.btn-black:focus,
.btn-black:hover {
    color: #fff
}

.btn-red3 {
    background: linear-gradient(180deg, rgba(232, 32, 48, .5) 0, #e82030 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.btn.btn-orange:hover {
    background: #f7c044;
    transition: all .3s
}

.btn-purple2:hover,
.btn-red:hover,
.btn-redlight:hover,
.btn-skyblue:hover {
    color: #fff !important
}

a.btn-red3:hover {
    color: #fff
}

.form-control:focus {
    box-shadow: none
}

.alertBlue {
    color: #295e6d !important;
    z-index: 1024
}

.alert {
    letter-spacing: 0;
    font-size: 14px;
    border: none;
    padding: 10px 16px
}

.alertGreen.alert-success {
    background-color: rgba(121, 212, 81, .8);
    z-index: 1024
}

.btn.btn-red2:focus {
    box-shadow: none
}

.btn.btn-red2:hover {
    color: #fff
}

.input-group.csSelect2 {
    position: relative;
    width: 100%
}

.input-group.csSelect2 select {
    width: 100% !important
}

.sel-wrap>select2 {
    width: 100%
}

.input-group.csSelect2>label {
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 1;
    transition: .2s ease-out;
    pointer-events: none;
    font-size: 13px;
    color: #878a9c
}

.input-group.csSelect2>label.filled {
    left: 10px;
    transform: translateY(-53%);
    display: inherit;
    font-size: 12px;
    font-weight: 600 !important
}

.input-group.csSelect2>label.active {
    color: #878a9c;
    font-weight: 500 !important
}

.sel-wrap {
    width: 100%
}

.sel-wrap .select2 .selection .select2-selection {
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    height: 44px !important
}

.sel-wrap .select2-container :focus {
    outline: 0
}

.sel-wrap .select2-dropdown--below {
    margin-top: 10px
}

.sel-wrap span.select2-container--open .select2-results__options .select2-results__option {
    padding: 10px 16px 16px 10px;
    color: #000
}

.sel-wrap span.select2-container--open .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: Silver
}

.sel-wrap span.select2-container--open .select2-results__options .select2-results__option--highlighted {
    background-color: #dcdcdc
}

.sel-wrap span.select2-container--open .select2-dropdown {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .19), 0 8px 17px rgba(0, 0, 0, .2);
    border: 1px solid #eee
}

.sel-wrap span.select2-container--open .select2-dropdown .select2-search--dropdown {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 5px rgba(0, 0, 0, .26);
    width: 95%;
    margin: 10px auto;
    border-radius: 1px
}

.sel-wrap span.select2-container--open .select2-dropdown .select2-search--dropdown input {
    border-radius: 1px
}

.sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -8px;
    margin-top: 5px
}

.sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    color: #02080d;
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px
}

.sel-wrap .select2-container--default .select2-selection--single .select2-selection__clear {
    top: -4px;
    right: 5px;
    opacity: 0
}

.filterSec .select2-container {
    width: 100% !important
}

.check-top .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #e82030;
    background-color: #e82030;
    border-radius: 2px
}

.check-top .custom-control-label::after {
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    overflow: none;
    box-shadow: none
}

.check-top .custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    overflow: none;
    box-shadow: none;
    border: #c6c9cc solid 1px
}

.check-top .custom-checkbox .custom-control-label::before {
    border-radius: 2px
}

.check-top input[type=checkbox]:active,
.check-top input[type=checkbox]:focus {
    outline: 0;
    box-shadow: none
}

.check-top .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none
}

.chkLabel label {
    font-weight: 500;
    color: #02080d;
    padding-left: 5px;
    cursor: pointer;
    font-size: 13px;
    padding-top: 6px
}

.check-top .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #fff;
    border-color: #b3d7ff
}

.border-line {
    height: 20px;
    border-bottom: 1px dashed #c8c8c8;
    display: block;
    width: 100%
}

.alertBlue .ti-info {
    color: #fff;
    background: #8eb8c6;
    padding: 3px;
    border-radius: 30px;
    margin-right: 5px
}

.alertGreen .ti-check {
    color: #fff;
    background: rgba(60, 118, 61, .7);
    padding: 3px;
    border-radius: 30px;
    margin-right: 5px
}

span.select2-container--open .select2-dropdown {
    box-shadow: 0 6px 20px rgba(0, 0, 0, .19), 0 8px 17px rgba(0, 0, 0, .2);
    border: 1px solid #eee;
    z-index: 9
}

.modal-open span.select2-container--open .select2-dropdown {
    z-index: 1050
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline-offset: 0;
    font-size: 15px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d7d7d7;
    border-radius: 3px
}

.imp {
    color: #ff5722;
    font-size: 20px;
    line-height: 10px;
    font-weight: 400;
    position: relative;
    top: 4px
}

#n-buyer,
#n-client,
#n-communication,
#n-fitness,
#n-others,
#n-realtor,
#n2-communication {
    padding-top: 60px;
    margin-top: -62px
}

.datepicker td,
.datepicker th {
    font-size: 14px;
    padding: 5px
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    padding: 4px;
    z-index: 999 !important
}

.input-group.acDate>.form-control {
    font-size: 14px;
    height: 44px
}

.acDate span.ti-calendar {
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 0 3px 3px 0
}

.msSelect label {
    color: #878a9c;
    width: 87%;
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    transition: all .2s ease 0s;
    pointer-events: none
}

.msSelect label.selected {
    width: 87%;
    top: 1px;
    font-size: 12px;
    transform: translateY(0);
    background: #fff;
    padding: 0 5px;
    left: 20px
}

.msSelect .select2-container--default .select2-selection--multiple {
    color: #02080d;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0;
    height: 45px !important
}

.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #02080d;
    font-weight: 500;
    font-size: 13px;
    background: #eaeef6;
    border: 1px solid #eaeef6;
    border-radius: 2px;
    padding-top: 5px
}

.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 7px 10px;
    height: 45px !important;
    overflow-y: auto
}

.msSelect .select2-container .select2-search--inline .select2-search__field {
    padding-top: 6px;
    font-size: 14px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #363636;
    color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e13c31;
    color: #fff
}

.select2-results__option {
    font-size: 13px
}

.contentRow .card-body {
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, .08)
}

.ecProfile {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 60px;
    background: #f7ebeb
}

.ecProfile img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.mdTitle {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #02080d
}

.mdTitle2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #02080d
}

.lgTitle {
    font-weight: 600;
    font-size: 20px;
    color: #02080d
}

.xlTitle {
    font-weight: 600;
    font-size: 24px;
    color: #02080d
}

.blueTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #165fa8
}

.ecTitle2 {
    color: #a4a4a4;
    font-size: 13px;
    font-weight: 600;
    margin-left: 0
}

.ecForm .form-group.ecAdd {
    background: #f8f8f8
}

.ecForm .form-group {
    border-radius: 2px
}

p.form-control-static {
    color: #555;
    font-size: 13.5px
}

.form-group.ecEven {
    background: #fff;
    margin: 0 -5px
}

.form-group.ecAdd {
    background: #f8f8f8;
    margin: 0 -5px
}

label.control-label {
    color: #a4a4a4;
    font-size: 13.5px;
    font-weight: 600;
    padding-right: 0
}

.contentRow .card {
    width: 30%
}

.tabPart .nav-pills .show>.nav-link,
.tabPart.tabEdit .nav-pills .nav-link {
    margin: 16px 22px 0
}

.logPart {
    width: 70%
}

.logPart .nav-tabs li:first-child .nav-link {
    width: 90px;
    color: rgba(84, 88, 113, .7);
    font-weight: 600;
    font-size: 13px
}

.logPart .nav-tabs li:first-child .nav-link.active {
    color: #fff
}

.logPart .nav-tabs .nav-link.active {
    background: #363636;
    border: none;
    font-size: 13px
}

.logPart .nav-tabs .nav-link {
    height: 37px;
    padding: 12px 15px;
    line-height: 10px
}

.logPart textarea.form-control {
    color: #02080d;
    border-radius: 0 3px 3px 3px;
    border: 1px solid #eaebef
}

.logPart textarea.form-control::placeholder {
    color: #b9b9b9;
    font-size: 13px;
    font-weight: 400
}

.form-control.plainInput {
    color: #02080d;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    z-index: 1;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0;
    height: 44px;
    line-height: 44px
}

.plainInput::placeholder {
    color: #8c9094;
    font-size: 13px;
    font-weight: 500
}

.datetimepicker-input {
    color: #02080d;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    z-index: 1;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0;
    height: 44px
}

label.dtLabel {
    position: absolute;
    top: -8px;
    left: 30px;
    z-index: 1;
    pointer-events: none;
    font-size: 13px;
    color: #878a9c;
    padding: 0 5px;
    background: #fff
}

.ac-count {
    background: #f8f8f8;
    color: #555;
    font-size: 12px;
    margin-left: 15px;
    padding: 4px 5px;
    border-radius: 40px;
    font-weight: 500
}

.cardBlock {
    box-shadow: 0 1px 1px 0 #f7f7f7;
    padding: 10px;
    background: #fff;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2px
}

.meet-bg {
    background: #edd049
}

.acIcon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    margin-right: 10px
}

.acContent {
    width: 64%;
    padding-top: 10px
}

.acTitle2 {
    font-size: 15px;
    color: #02080d;
    font-weight: 600;
    margin: 0
}

.grayText2 {
    margin: 0;
    font-size: 14px;
    color: rgb(2 8 13 / 60%)
}

.grayText3 {
    position: relative;
    color: #adadad;
    font-size: 15px;
    font-weight: 500
}

.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.acGray2 {
    margin: 0;
    color: #8f9192;
    font-size: 14px
}

.acAction {
    width: 70px;
    z-index: -1;
    text-align: center
}

.acAction i.fas.fa-pencil-alt {
    font-size: 13px
}

.acAction i.fas.fa-pencil-alt {
    color: #1860a8;
    cursor: pointer
}

.acAction i.fas.fa-trash {
    color: #de3b30;
    cursor: pointer
}

.acAction i.fas.fa-trash {
    font-size: 12px
}

.timeLast {
    width: 165px
}

.timeLast span {
    color: #8f9192;
    font-size: 14px
}

.call-bg {
    background: #3ebad4
}

.btnDel {
    padding: 7px 12px 9px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 2px
}

.cardBlock:hover {
    background: #f8f8f8;
    transition: all .3s ease
}

.cardBlock:hover .acAction {
    z-index: 1
}

.acAction i.fas.fa-pencil-alt:hover {
    color: #3ebad4
}

.acAction i.fas.fa-trash:hover {
    color: #e82030
}

[tooltip] {
    position: relative
}

[tooltip]::after,
[tooltip]::before {
    text-transform: none;
    font-size: 13px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: aktiv-grotesk, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 7px;
    font-size: 12px;
    box-sizing: content-box;
    border-radius: 3px;
    box-shadow: none;
    background: #333;
    color: #fff;
    z-index: 1000
}

[tooltip]:hover::after,
[tooltip]:hover::before {
    display: block
}

[tooltip='']::after,
[tooltip='']::before {
    display: none !important
}

[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
    bottom: calc(100% + 5px)
}

[tooltip]:not([flow])::after,
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::after,
[tooltip][flow^=up]::before {
    left: 50%;
    transform: translate(-50%, -.5em)
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%)
    }
}

[tooltip]:not([flow]):hover::after,
[tooltip]:not([flow]):hover::before,
[tooltip][flow^=down]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=up]:hover::before {
    animation: tooltips-vert .3s ease-out forwards
}

[tooltip][flow^=left]:hover::after,
[tooltip][flow^=left]:hover::before,
[tooltip][flow^=right]:hover::after,
[tooltip][flow^=right]:hover::before {
    animation: tooltips-horz .3s ease-out forwards
}

.checkWrap [tooltip]:not([flow])::before,
.checkWrap [tooltip][flow^=up]::before {
    bottom: 80%
}

.checkWrap [tooltip]:not([flow])::after,
.checkWrap [tooltip][flow^=up]::after {
    bottom: calc(100% + -3px)
}

.clModel .modal-header {
    padding: 15px 22px;
    border-bottom: 1px solid #f7ebeb;
    background: #363636;
    border-radius: .2rem
}

.modal-header .close {
    margin-top: -2px;
}
.cus-m{
    margin: -1rem -1rem -1rem auto !important;
}

.clModel .modal-title {
    color: #fff;
    font-size: 21px;
    font-weight: 500
}

.btnWhite {
    padding: 10px 40px;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    text-transform: uppercase;
    border: 1px solid #eaebef;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #333;
}

.bootstrap-datetimepicker-widget {
    top: 44px !important;
    bottom: auto !important;
    left: 15px !important;
    right: auto !important
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block !important;
}

.forModelDt .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
.forModelDt .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    display: none
}

.taskTop2 input.form-control {
    height: 42px;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .04);
    border-radius: 2px;
    padding: 5px 15px;
    border-right: none;
    font-size: 14px
}

.taskTop2 .input-group-append {
    padding: 10px 14px;
    border: 1px solid #eaebef;
    border-left: none;
    background: #fff;
    height: 42px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.taskTop2 .input-group {
    display: flex;
    align-items: center;
    width: 250px
}

.btnYellow {
    color: #fff;
    background: #f7c841;
    box-shadow: none;
    border-radius: 2px;
    border-color: #f7c841
}

.btn-white2:focus,
.btnDel:focus,
.btnYellow:focus {
    box-shadow: none
}

.btnYellow:hover {
    color: #fff;
    background-color: #f7c841;
    border-color: #f7c841
}

.btnDel:hover {
    background-color: #fff
}

.taskTop2 .input-group-text {
    background-color: #fff;
    border: 1px solid #fff
}

.taskTop2 .btnDel {
    padding: 8px 12px 9px;
    color: #333;
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #eaebef;
    line-height: 26px;
    border-radius: 2px;
    height: 42px
}

.btnYellow {
    font-size: 14px;
    height: 40px
}

.btnYellow:active:focus {
    color: #fff !important;
    background: #f7c841 !important;
    box-shadow: none !important
}

.taskTop2 .btn:focus {
    box-shadow: none
}

.docsPart .dropzone {
    border: 1px dashed #eaebef;
    box-sizing: border-box;
    border-radius: 0 3px 3px 3px;
    padding: 5px 5px
}

.docsPart .dropzone.dz-clickable .dz-message,
.docsPart .dropzone.dz-clickable .dz-message * {
    color: #a4a4a4;
    font-size: 16px
}

.docsPart .dropzone .dz-message {
    margin: 3.5em 0
}

.docsPart .acContent {
    width: 80%;
    padding-top: 5px
}

.acTitle3 {
    font-size: 14px;
    color: #555;
    font-weight: 400
}

.fw-500 {
    font-weight: 500 !important
}

.fw-400 {
    font-weight: 400 !important
}

.surveyPart .card {
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.surveyPart h5 {
    color: #555;
    font-size: 14px;
    font-weight: 500
}

.surveyPart .cs-rad [type=radio]:checked+label,
.surveyPart .cs-rad [type=radio]:not(:checked)+label {
    font-weight: 400
}

.surveyPart {
    background: #f4f4f6
}

.edProfile ul.nav.nav-tabs {
    height: 50px;
    padding-left: 25%;
    background: #f8f8f8
}

.edProfile a.nav-link {
    color: #02080d !important;
    font-size: 14px;
    background-color: transparent !important;
    font-weight: 600
}

.edProfile .contentRow .navRow .navbar {
    top: 188px
}

.edProfile .nav-tabs .nav-link.active,
.edProfile .nav-tabs .show>.nav-link {
    border-bottom: 3px solid #e82030 !important
}

.edProfile .nav-tabs .nav-link {
    color: #82888e !important;
    padding: 12px 0;
    margin: 0 20px
}

.edProfile .nav-tabs .nav-link.active {
    color: #02080d !important
}

.color878a9c {
    color: #878a9c !important
}

.edProfile .navRow .nav.nav-pills::before,
.tabPart .navRow .nav.nav-pills::before {
    height: 92%
}

.gray-4 {
    font-size: 14px;
    color: #888
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #eaebef !important
}

.back-btn {
    top: 9px;
    right: 0
}

.btn-red2.fixedRed {
    border-radius: 2px;
    float: right;
    position: fixed;
    right: 20px;
    margin-top: 5px;
    z-index: 2
}

.dtPart table.dataTable th,
.tableNormal .table thead th {
    color: #4e5b62;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 8px;
    border: 0;
    font-weight: 800
}

.dtPart .table td,
.tableNormal table td {
    border: none;
    color: #02080d;
    font-size: 14px;
    padding: 12px 8px;
    border-bottom: 1px solid #edeff3;
    vertical-align: middle !important;
}

.tableNormal table td {
    line-height: 32px
}

.dtPart .table th {
    border: none !important;
    outline: 0 !important
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    opacity: .5 !important
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1 !important
}

.dtPart div.dataTables_wrapper div.dataTables_filter label,
.dtPart div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_info {
    color: #677a84;
    font-size: 13px
}

.dtPart .page-link {
    font-size: 13px;
    padding: .3rem .55rem
}

.dtPart .page-item.active .page-link {
    background-color: #e43d32;
    border-color: #e43d32
}

.clModel button:focus {
    outline: 0
}

.clModel .modal-header .close {
    padding: .2rem 1rem
}

.clModel .modal-footer {
    border-top: 1px solid #eaebef
}

.tbIcon i.fas.fa-pencil-alt {
    font-size: 11px;
    color: #6f6f6f;
    cursor: pointer
}

.w-35x {
    width: 35px !important
}

.dtDropdown .dropdown-item a {
    color: #02080d;
    padding: 5px 20px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    width: 100%;
    display: block
}

.dtDropdown .btn:focus {
    box-shadow: none !important
}

.dtDropdown a.btn.dropdown-toggle {
    font-size: 14px;
    color: #02080d;
    font-weight: 600
}

.dtDropdown .dropdown-item a:hover {
    text-decoration: none
}

.dtDropdown .dropdown-item {
    padding: 0
}

.dtDropdown .dropdown-item:active {
    background-color: transparent
}

.dtDropdown .dropdown-menu {
    left: auto !important;
    right: 0 !important
}

.rfeNot h4 {
    color: #555;
    font-size: 18px
}

.rfeNot p {
    margin: 0 0 10px;
    color: #8f9192
}

.clModel .close {
    color: #fff;
    opacity: .7;
    text-shadow: none !important;
}
.bg-col-clo .pop-close{
    background-color: #000 !important;
}

.dropdown-menu .stopPropagation .chkLabel label {
    font-weight: 400
}

.listContent .formControlIG1.input-group .form-control::placeholder {
    font-size: 14px
}

.listContent .formControlIG1.input-group .form-control {
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    color: #02080d
}

.advFilter a,
.clearFilter {
    color: #677a84;
    font-size: 13px;
    padding: 0 5px;
    text-decoration: underline
}

.input-group.csSelect2.sortRight>label {
    left: auto;
    right: 30px;
    font-weight: 600;
    color: #323232
}

.input-group.csSelect2.sortRight>label.active {
    color: #878a9c !important
}

.sortRight .sel-wrap .select2 .selection .select2-selection {
    border: none
}

.sortRight .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: right
}

.dtPart.listTable .table.dataTable {
    white-space: nowrap
}

.dtPart i.fa.fa-paper-plane {
    color: #02080d;
    font-size: 12px;
    margin-left: 5px
}

.dtPart .ti-lock {
    font-size: 13px;
    color: #e82030
}

.dtDropdown a.btn.dropdown-toggle {
    font-weight: 500
}

.listTable .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row {
    width: 100%;
    white-space: nowrap;
    overflow-y: auto;
    margin: 0
}

.listTable div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 15px
}

.listTable .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row .col-sm-12,
.lotList .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row .col-sm-12 {
    padding: 0
}

.actionBlock a {
    text-decoration: none;
    color: #02080d;
    font-size: 14px;
    padding: 0 5px
}

form.go-bottom .form-wrap .floating input[value]+label {
    top: -10px !important;
    padding: 11px 10px;
    font-size: 13px
}

.tableRow .table-condensed>thead>tr>th {
    color: #677a84;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 8px
}

.w-250 {
    width: 250px !important
}

a.clearFilter:hover {
    color: #46565f
}

.author_bio_toggle_wrapper {
    background: #fdf4f8;
    border: 1px solid #ffcce3;
    box-sizing: border-box;
    border-radius: 2px;
    width: 100%;
    margin: 15px;
    color: #e82030;
    text-align: center;
    font-size: 14px
}

.author_bio_toggle_wrapper a {
    color: #e82030;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    padding: 11px;
    display: block;
    height: 44px
}

.smTitle {
    font-weight: 700;
    font-size: 15px;
    color: #02080d
}

.dupsWrapper .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    color: #677a84;
    font-size: 11px;
    font-weight: 800
}

.dupsWrapper .form-horizontal .form-control-static {
    min-height: 30px;
    color: #02080d;
    font-weight: 500;
    line-height: 18px
}

.btn.btn-success.btnGreen {
    background: #2bac92;
    /* border-radius: 2px; */
    padding: 8px 20px;
    height: 37px;
    border-color: #2bac92;
    font-size: 14px;
}

.btn.btn-success.btngreen2 {
    background: #2bac92;
    border-radius: 2px;
    padding: 8px 20px;
    border-color: #2bac92;
    font-size: 13px
}

/* .btn.btnGreen2 {
    color: #fff;
    padding: 7px 20px;
    outline: 0;
    font-size: 13px;
    border-radius: 2px;
    background: #26a78d
} */

.btn.btn-info.btnBlue {
    background: #20b8d0;
    border-radius: 2px;
    padding: 8px 20px;
    height: 40px;
    border-color: #20b8d0;
    font-size: 14px
}

/* .btn.btn-info.btnBlue2 {
    background: #33c5f8;
    border-radius: 2px;
    outline: 0;
    padding: 6px 20px;
    border-color: #33c5f8;
    font-size: 13px
} */

.btnBlue3 {
    background: #1c8bb2;
    border-radius: 2px;
    outline: 0;
    padding: 6px 20px;
    border-color: #1c8bb2;
    font-size: 13px
}

.btn.btn-success.btnGreen:focus {
    box-shadow: none
}

.btn.btnGreen2:focus,
.btn.btnGreen2:hover {
    border-color: #26a78d
}

.dupsWrapper .btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #2bac92;
    border-color: #2bac92
}

.dupsWrapper .card {
    border: none;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.prt-client {
    background: #d1deed;
    padding: 5px 10px;
    margin-left: 5px;
    border-radius: 3px;
    font-size: 12px
}

.w-150 {
    width: 150px
}

.mailSec label {
    display: block;
    color: #677a84;
    font-size: 12px;
    font-weight: 600
}

.cmaSection input,
.cmaSection textarea,
.mailSec input,
.mailSec textarea {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    width: 100%;
    background: #fafafa;
    outline: 0;
    padding-left: 12px
}

.cmaSection input:focus,
.cmaSection textarea:focus,
.mailSec .form-control:focus {
    background: #fafafa
}

.mailSec input {
    height: 35px;
    font-size: 13px
}

.mailSec {
    padding: 32px
}

.bottomNote p {
    color: #02080d;
    padding-right: 25%;
    font-size: 14px
}

.btnBlack {
    color: #fff;
    padding: 8px 20px;
    height: 37px;
    background: #555;
    border-radius: 2px;
    font-size: 14px
}

.btnBlack:hover {
    color: #fff
}

.btnBlack:focus {
    box-shadow: none
}

.bottomNote {
    background: #fff;
    padding: 10px 0
}

.cmHeading {
    font-weight: 600;
    font-size: 16px;
    color: #02080d;
    background: #ebebeb;
    padding: 15px 15px;
    margin-bottom: 40px !important
}

.cmaSection .col-form-label {
    color: #666;
    font-size: 14px
}

.cmaSection input {
    height: 44px;
    font-size: 15px
}

.smMobile {
    position: absolute;
    right: 7px
}

.smMobile .btn-white {
    width: 100px
}

.ti-lock.prt-client:before {
    margin-right: 5px
}

td .aLots,
tr.shown td .aLots {
    position: relative
}

td .aLots::after {
    content: "\e64b";
    position: absolute;
    bottom: 2px;
    left: 22px;
    font-size: 12px;
    font-family: themify;
    color: #2196f3;
    cursor: pointer
}

tr.shown td .aLots::after {
    content: "\e648";
    position: absolute;
    bottom: 2px;
    left: 22px;
    font-size: 12px;
    color: #2196f3;
    font-family: themify;
    cursor: pointer
}

.listTable table.dataTable td {
    color: #02080d;
    font-size: 14px;
    padding: 10px 8px;
    font-weight: 500
}

.listTable table.dataTable .innerTable td {
    padding: 10px 15px
}

.innerTable thead {
    background: #eaebef;
    width: 100%
}

.w10 {
    width: 10% !important
}

.w20 {
    width: 20% !important
}

.w50 {
    width: 50% !important
}

.w70 {
    width: 70% !important
}

.w60 {
    width: 60% !important
}

.actionBlock {
    text-decoration: none;
    color: #02080d;
    font-size: 14px;
    padding: 0 5px
}

.clCount {
    color: #e82030;
    background: #f7ebeb;
    padding: 5px 7px;
    border-radius: 30px;
    margin-left: 5px
}

.actionBlock:hover {
    color: #02080d;
    text-decoration: none
}

.cmaSection .cmHeading {
    margin-bottom: 0 !important
}

a.aLots {
    color: #2288f5;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    width: 135px
}

a.aLots:hover {
    color: #2288f5;
    text-decoration: none
}

.dtPart.listTable table.dataTable th {
    padding: 5px 25px 5px 8px
}

.dtPart.listTable table.dataTable .innerTable th {
    padding: 12px 15px
}

.colorRed {
    color: #e82030 !important
}

.colorGreen {
    color: #28a745 !important
}

.listTable table.dataTable td {
    border-top: 1px solid #ebebeb
}

.listTable table.dataTable .innerTable td {
    background: #fff
}

.listTable table.dataTable .innerTable tr {
    border-bottom: 1px solid #e4e4e4
}

td.details-control.sorting_1 {
    padding-left: 2px !important
}

.listTable table.dataTable td[colspan] {
    padding: 0 8px
}

.form-control.dtSelect {
    width: 125px;
    color: #02080d;
    font-size: 14px;
    border: none;
    background: 0 0;
    line-height: 0;
    height: 34px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 0;
    padding: 0
}

.cmaSection span.error,
.cmaSection span.invalid {
    position: absolute
}

.checkWrap [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.checkWrap [type=radio]+i {
    cursor: pointer;
    color: #a4a4a4;
    padding: 10px 12px
}

.checkWrap [type=radio]:checked+i {
    background: #363636;
    color: #fff;
    border-radius: 5px 5px 0 0
}

.checkWrap .ckText {
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 500;
    font-size: 13px
}

.checkWrap [type=radio]+i.fa-plus {
    font-size: 12px
}

.h-38 {
    height: 38px !important
}

.h-40 {
    /* height: 40px !important; */
}

.h-42 {
    height: 42px !important
}

.h-44 {
    height: 44px !important
}

.fsw {
    font-size: 14px;
    /* font-weight: 600; */
}

.btn-success:focus {
    box-shadow: none
}

.toast.toastBox {
    width: 380px;
    flex-basis: 380px;
    max-width: 380px;
    border: none;
    z-index: -1
}

.toast.toastBox.show {
    z-index: 9999
}

.successBorder {
    border-left: 5px solid #47d764 !important
}

.warningBorder {
    border-left: 5px solid #ffc021 !important
}

.infoBorder {
    border-left: 5px solid #2f86eb !important
}

.dangerBorder {
    border-left: 5px solid #e82030 !important
}

.ts-title {
    font-size: 18px;
    color: #02080d;
    font-weight: 600
}

.ts-messge {
    font-size: 14px;
    color: #898989;
    font-weight: 400
}

.toastBox .toastIcon {
    color: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px
}

.toastBox .ti-check {
    background: #47d764
}

.toastBox .fa-exclamation {
    background: #ffc021
}

.toastBox .ti-info {
    background: #2f86eb
}

.toastBox .fa-times {
    background: #e82030
}

.toastBox .fa-trash-alt {
    background: #e33c31
}

.toast.toastBox .close {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #b7b7b7;
    outline: 0
}

.toast.toastBox .close:hover {
    opacity: 1
}

.toastBox .ti-close {
    font-size: 16px;
    font-weight: 600
}

.sa-button-container .btn-primary:not(:disabled):not(.disabled):active,
.sa-button-container button.confirm.btn {
    background: #1f459f;
    border: 1px solid #1f459f;
    padding: 12px 18px;
    font-size: 14px;
    box-shadow: none;
    outline: 0;
    color: #fff;
}
.sa-button-container button.confirm.btn:active{
    background-color: #1f459f;
    border: none;
    color: #fff;
}

.sa-button-container button.cancel.btn {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 12px 18px;
    box-shadow: none;
    outline: 0
}

.sweet-alert .lead {
    font-size: 1.2rem
}

.sweet-alert h2 {
    font-size: 1.7rem;
    margin-top: 30px
}

.sweet-alert.showSweetAlert {
    outline: 0
}

.alert-danger {
    color: #000;
    background-color: #ff979f;
    border-color: #c3e6cb;
    z-index: 1024
}

.alertDanger .ti-close {
    color: #fff;
    font-size: 10px;
    display: inline-block;
    background: #e82030;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 30px;
    margin-right: 5px
}

.chkLabel input[type=checkbox]+.error,
.chkLabel input[type=checkbox]+.invalid {
    position: absolute;
    bottom: -20px;
    white-space: nowrap;
    left: 0
}

.cs-rad input[type=radio]+.error,
.cs-rad input[type=radio]+.invalid {
    position: absolute;
    bottom: 5px
}

.floating-labelSrc+span.invalid {
    position: absolute;
    bottom: -18px
}

.cs-rad [type=radio]:checked+span.error+label,
.cs-rad [type=radio]:not(:checked)+span.error+label,
.cs-rad [type=radio]:not(:checked)+span.invalid+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #02080d;
    font-weight: 500;
    font-size: 14px
}

.cs-rad [type=radio]:checked+span.error+label:before,
.cs-rad [type=radio]:not(:checked)+span.error+label:before,
.cs-rad [type=radio]:not(:checked)+span.invalid+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.cs-rad [type=radio]:checked+span.invalid+label:before,
.cs-rad [type=radio]:not(:checked)+span.invalid+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.cs-rad [type=radio]:checked+span.error+label:after,
.cs-rad [type=radio]:checked+span.invalid+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cs-rad [type=radio]:checked+span.error+label:after,
.cs-rad [type=radio]:checked+span.invalid+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #e82030;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.has-float-label label,
.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 5px;
    color: #878a9c;
    font-size: 12px;
    font-weight: 500;
    left: 23px;
    z-index: 1;
    line-height: 1;
    padding: 0 1px;
    pointer-events: none
}

.has-float-label label::after,
.has-float-label>span::after {
    content: " ";
    display: block;
    position: absolute;
    background: 0 0;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}

.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control::-moz-placeholder {
    opacity: 1;
    transition: all .2s
}

.has-float-label .form-control:-ms-input-placeholder {
    opacity: 1;
    transition: all .2s
}

.has-float-label .form-control::placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    color: #8c9094;
    opacity: 1;
    top: 10px;
    left: 29px;
    font-size: 13px
}

.has-float-label textarea.form-control:placeholder-shown:not(:focus)+* {
    top: 8px
}

.has-float-label .form-control::placeholder {
    color: transparent;
    opacity: 1;
    top: 10px;
    left: 29px;
    font-size: 12px
}

.input-group .has-float-label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    margin-top: 6px
}

.has-float-label input.form-control:placeholder-shown:not(:focus)+* {
    margin-top: 0
}

.has-float-label input.form-control+.error,
.has-float-label input.form-control+.invalid {
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    top: auto;
    left: 5px;
    bottom: -20px;
    padding: 6px 10px;
    color: #ed4545;
    text-align: left;
    z-index: 0;
    white-space: nowrap
}

.has-float-label input.form-control+.error:hover,
.has-float-label input.form-control+.invalid:hover {
    overflow: visible
}

.has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    top: auto;
    left: 5px;
    bottom: -20px;
    padding: 6px 10px;
    color: #ed4545;
    text-align: left;
    z-index: 0
}

.has-float-label textarea {
    background: 0 0;
    width: 100%;
    resize: none;
    color: #02080d;
    font-size: 15px;
    font-weight: 500;
    padding: 20px 8px 10px 8px;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1;
    outline: 0;
    line-height: 16px
}

.has-float-label input {
    background: 0 0;
    width: 100%;
    height: 44px;
    resize: none;
    color: #02080d;
    font-size: 15px;
    font-weight: 600;
    padding: 22px 8px 10px 8px;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1;
    outline: 0;
    line-height: 16px
}

.has-float-label input:focus {
    resize: none;
    color: #02080d
}

.has-float-label textarea+span.invalid {
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    font-size: 12px !important;
    font-weight: 500;
    left: 18px !important;
    top: auto !important;
    padding: 2px 0;
    color: #ed4545 !important;
    text-align: left;
    z-index: 0;
    margin: 0 !important
}

.has-float-label input.invalid,
.has-float-label textarea.invalid {
    border: 1px solid #efa3a3;
    position: relative;
    background: 0 0
}

.has-float-label textarea+label,
.has-float-label textarea.valid+label {
    background: #fff;
    width: calc(100% - 50px);
    padding: 4px 0;
    margin-top: -4px;
    margin-bottom: 0;
    z-index: 1
}

.has-float-label input+label,
.has-float-label input.valid+label {
    padding: 4px 0;
    margin-top: -4px;
    margin-bottom: 0
}

.has-float-label .form-control.date-float::placeholder {
    color: #333
}

.has-float-label .date-float+label {
    font-size: 13px !important;
    left: 12px
}

.go-bottom .form-wrap .floating input.valid~label,
.go-bottom .form-wrap .floating textarea.valid~label,
form.go-bottom .form-wrap .floating input[value]+label {
    height: 1px
}

.sel-wrap .select2-container.error .select2-selection {
    border: 1px solid #efa3a3
}

.has-float-label .input-group.acDate {
    border-radius: 2px
}

.has-float-label .input-group.acDate>.form-control {
    color: #02080d;
    font-size: 15px;
    padding-top: 22px;
    font-weight: 600;
    border: none;
    border-right: 1px solid #e0e0e0;
    border: 1px solid #eaebef;
    border-radius: 0
}

.has-float-label .input-group.acDate .input-group-append {
    border: 1px solid #eaebef;
    height: 44px
}

.has-float-label .acDate span.ti-calendar,
.has-float-label .acDate span.ti-time {
    border: none;
    padding: 13px 12px;
    color: #878a9c
}

.acDate span.ti-calendar,
.acDate span.ti-time {
    padding: 13px 12px;
    color: #878a9c;
    font-size: 15px !important
}

.has-float-label .form-control.date-float:placeholder-shown:not(:focus)+* {
    left: 12px;
    font-size: 13px
}

.has-float-label .date-float.valid+label {
    left: 13px;
    background: 0 0
}

.has-float-label .form-control.date-float:active+.bootstrap-datetimepicker-widget+label,
.has-float-label .form-control.date-float:focus+.bootstrap-datetimepicker-widget+label,
.has-float-label .form-control.date-float:visited+.bootstrap-datetimepicker-widget+label {
    left: 12px;
    font-size: 13px
}

.has-float-label input.date-float {
    padding: .375rem .75rem
}

.errorPlace .chkLabel+.invalid {
    display: block;
    width: 100%
}

#boxOut,
.boxOut {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.go-bottom .form-wrap .floating input:active+label,
.go-bottom .form-wrap .floating input:visited+label {
    top: -10px;
    color: #878a9c;
    left: 14px;
    width: 95%;
    outline: 0;
    padding: 11px 10px;
    font-weight: 400
}

.has-float-label>span.error {
    position: absolute;
    font-size: 12px !important;
    color: #e82030 !important;
    font-weight: 500;
    bottom: -13px !important;
    top: auto !important;
    left: 15px !important
}

.form-wrap .has-float-label input.error,
.form-wrap .has-float-label input.invalid {
    border: 1px solid #efa3a3 !important;
    position: relative;
    background: 0 0
}

.cmaSection input.invalid,
.cmaSection textarea.invalid,
.mailSec input.invalid {
    border: 1px solid #efa3a3;
    position: relative
}

.errPlace .invalid {
    display: block;
    width: 100%
}

.input-group .custom-file-input.error+label {
    border: 1px solid #efa3a3
}

.input-group.error .custom-file-input.invalid+.custom-file-label {
    border: 1px solid #efa3a3
}

.themeFileInput .custom-file-input.error:focus~.custom-file-label {
    border: 1px solid #efa3a3
}

.acDate .date-float.error {
    border: 1px solid #efa3a3 !important
}

.btn.btnGreen:active {
    color: #fff !important;
    background-color: #2bac92 !important;
    border-color: #2bac92 !important
}

.col5-width {
    width: 21.5% !important
}

.col5-width2 {
    width: 14% !important
}

.btnBlue:active:focus {
    box-shadow: none !important;
    background: #20b8d0 !important;
    border-color: #20b8d0 !important
}

.btn:focus {
    box-shadow: none !important
}

.btDropdown .dropdown-item {
    font-size: 14px;
    color: #02080d
}

.btDropdown .dropdown-menu {
    left: auto !important;
    right: -28px
}

.btDropdown .dropdown-item.active,
.btDropdown .dropdown-item:active {
    background-color: #f8f9fa
}

.tdGreen {
    color: #22a187;
    font-weight: 600
}

.blue-Outline {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 5px 15px;
    font-size: 13px;
    background: 0 0;
    color: #185488;
    border-color: #185488;
    font-weight: 500
}

.blue-Outline:active,
.blue-Outline:focus,
.blue-Outline:hover {
    background: #185488;
    border-color: #185488
}

.btnBlue.smOutline:active:focus {
    background: 0 0 !important
}

.btnBlue.smOutline:active {
    color: #20b8d0 !important
}

.decoration-none {
    text-decoration: none !important
}

.decoration-line {
    text-decoration: underline !important
}

.smOutline .ti-eye {
    font-size: 14px
}

.btn.btnsm-Green {
    color: #fff;
    background: #2bac92;
    border-radius: 2px;
    border-color: #2bac92;
    display: flex;
    align-items: center;
    width: 100px;
    height: 34px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    justify-content: center
}

.btn.btnsm-Green:active {
    color: #fff;
    background: #2bac92 !important;
    border-color: #2bac92 !important
}

.btn.btnsm-Red {
    color: #fff;
    background: #e82030;
    border-radius: 2px;
    border-color: #e82030;
    display: flex;
    align-items: center;
    width: 100px;
    height: 34px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    justify-content: center
}

.borderGary {
    border-bottom: 1px solid #ededed
}

.borderAll {
    border: 1px solid #ededed;
    border-radius: 3px
}

.borderRight {
    border-right: 1px solid #e9e9e9
}

.blackTitle {
    background-color: #363636;
    color: #fff;
    font-size: 17px;
    padding: 12px 20px
}

.formLabel2 {
    font-size: 15px;
    font-weight: 600;
    color: #33343c
}

.helptip .ti-info {
    background: #4780ba;
    color: #fff;
    padding: 3px;
    border-radius: 60px;
    margin-left: 10px;
    font-size: 13px
}

.helptip[tooltip]::after {
    min-width: 24em;
    max-width: 24em;
    overflow: inherit;
    white-space: inherit;
    background: #363636
}

.helptip[tooltip]:not([flow])::before,
.helptip[tooltip][flow^=up]::before {
    border-top-color: #363636
}

.toolfit.helptip[tooltip]:not([flow])::after {
    left: 50%
}

.toolfit.helptip[tooltip]::after {
    min-width: max-content;
    max-width: max-content
}

.commLabel {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 14px;
    color: #02080d
}

.staticLabel {
    font-size: 14px;
    color: #02080d;
    font-weight: 600
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-15 {
    font-size: 15px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-17 {
    font-size: 17px !important
}

.h-0 {
    height: 0 !important
}

.cssError .error {
    display: block;
    width: 100%
}

textarea.form-control {
    height: auto;
    font-size: 14px
}

.fColon {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center
}

.formPart .dupsWrapper .form-horizontal .form-control-static {
    line-height: 18px
}

.formPart .dupsWrapper .form-horizontal .form-control-static.stGreen {
    color: #22a187;
    font-weight: 600
}

.bottomShadow {
    border: none;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.pl-35 {
    padding-left: 35px !important
}

.formPart label.control-label {
    white-space: inherit
}

.inTable {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 9
}

.inTable .btnBlack {
    padding: 5px 20px;
    height: 34px;
    font-size: 12px
}

.w-120 {
    width: 120px !important
}

.dropdown-menu.expDrop {
    min-width: 15rem;
    z-index: 4
}

.dropdown-menu.expDrop li:active {
    background: 0 0
}

.expDrop .dropdown-item {
    width: 33.3%
}

.expDrop .chkLabel label {
    font-size: 13px;
    padding-top: 5px
}

.tableNormal .btn.btn-red2,
.tableNormal .btn.btn-success.btnGreen {
    padding: 5px 10px;
    height: 32px;
    font-size: 12px;
    line-height: 20px;
    min-width: 70px
}

.w-225 {
    width: 225px !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.lh-32 {
    line-height: 32px !important
}

.input-group.csSelect2.sortRight.lotSort>label {
    left: 10px;
    top: 27px;
    right: auto
}

.lotSort .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: 0;
    margin-top: 10px
}

.filterTitle {
    background: linear-gradient(0deg, #edeff3, #edeff3), #fee;
    box-shadow: 0 2px 2px rgba(41, 94, 109, .12);
    border-radius: 2px
}

.filterTitle h4 {
    color: #e82030;
    font-size: 18px;
    font-weight: 500
}

.addLot {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #e82030;
    box-sizing: border-box;
    padding: 3px 10px;
    background: #e82030;
    border-radius: 3px
}

.lotTd .fa-angle-right {
    color: #e82030;
    font-size: 16px
}

.lotTd a {
    display: flex;
    color: #02080d;
    margin-right: 10px;
    font-weight: 500;
    padding-top: 3px
}

.lotTd a:hover {
    text-decoration: none;
    color: #1577d8
}

.tblInput {
    background: #fff;
    border: 1px solid #f7ebeb;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 12px;
    color: #02080d;
    font-weight: 600;
    display: inline-block;
    padding: 10px 5px;
    min-width: 50px
}

.tblTextarea {
    background: #fff;
    border: 1px solid #f7ebeb;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    display: inline-block;
    color: #677a84;
    font-size: 12px !important;
    resize: none;
    height: 42px !important;
    width: 120px;
    padding: 5px 7px;
    line-height: 14px
}

.tblTextarea:focus {
    color: #677a84
}

.lotTd {
    display: flex;
    align-items: center
}

.greenAvail {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #25bd9f
}

.w-50p {
    width: 50px !important
}

.w-70p {
    width: 70px !important
}

.tableNormal table td {
    font-weight: 500
}

.dtSelect2 {
    color: #02080d;
    font-size: 13px;
    width: 91px;
    padding: 5px;
    font-weight: 600;
    background: #fff;
    border: 1px solid #f7ebeb;
    box-sizing: border-box;
    border-radius: 8px;
    height: 42px
}

.lotList .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row {
    width: 100%;
    white-space: nowrap;
    margin: 0;
    margin-bottom: 20px
}

.lotList .table td {
    vertical-align: middle;
    border-bottom: 1px solid #edeff3;
    height: 50px;
    padding: 5px 8px 5px
}

.pt-20 {
    padding-top: 20px !important
}

.colorBlue {
    color: #295e6d
}

.textRed {
    color: #e82030
}

.btn.btn-white3 {
    border: 1px solid #eaebef;
    font-size: 12px;
    color: #8f9192;
    height: 42px;
    width: 100%
}

.blackdd .dropdown-item {
    font-size: 13px;
    width: 100%;
    cursor: pointer
}

.blackdd .dropdown-menu.expDrop {
    min-width: 11rem;
    right: auto
}

.blackdd .dropdown-menu.expDrop li:active {
    color: #02080d
}

.inputSelect .input-group-prepend {
    width: 170px;
    border-right: none
}

.inputSelect .form-control {
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    color: #02080d;
    border: 1px solid #eaebef;
    background-color: #fff;
    border-radius: 2px
}

.input-group.inputSelect>.custom-select {
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    color: #8f9192;
    border: 1px solid #eaebef;
    background-color: #fff;
    border-radius: 2px;
    border-left: 1px solid #fff
}

.custom-select:focus {
    box-shadow: none
}

.input-group.inputSelect {
    width: 94%
}

.lotFields li {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #e82030;
    list-style: none;
    border-right: 1px solid #ddbdc7
}

.lotFields li:last-child {
    border: none
}

.card.detailLot {
    background: #fff;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.detailLot .tabPart .nav-pills .nav-link,
.detailLot .tabPart .nav-pills .nav-link.active {
    color: #e5f4f8;
    font-weight: 500
}

.mdTitle3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #02080d;
    position: relative
}

.mdTitle3.hline:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 125px;
    border: 1px solid #eaebef;
    height: 1px;
    width: 89%
}

.mdTitle3.hline.ln2:after {
    left: 135px
}

.has-float-label .acDate span.ti-angle-down {
    border: none;
    padding: 14px 12px;
    font-size: 12px
}

.has-float-label .input-group.acDate>.form-control.borderRight {
    border-right: 1px solid transparent !important
}

.has-float-label.input-group.acDate>.form-control {
    font-weight: 600
}

.borderRightNone2 {
    border-right: 0px !important
}

.has-float-label .input-group.acDate .input-group-append.borderLeft2 {
    border-left: 1px solid transparent !important
}

.input-group>.input-group-append.inputBlue>.input-group-text {
    background: #edeff3;
    border: none !important;
    font-size: 13px;
    color: #1f459f;
    font-weight: 500
}

.input-group>.input-group-append.inputBlue2>.input-group-text {
    background: #e5e7eb;
    font-size: 13px;
    color: #121212;
    font-weight: 500;
    height: 42px;
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.has-float-label .input-group.acDate .input-group-append.inputBlue {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.selectAddon .input-group>.form-control {
    border: 1px solid #eaebef;
    border-radius: 0;
    border-left: 0;
    border-right: 0px;
    color: #02080d;
    height: 44px;
    font-size: 15px;
    font-weight: 600;
    width: 40px;
    padding-left: 8px;
    padding-right: 5px
}

.selectAddon .input-group-text {
    color: #02080d;
    background-color: transparent;
    border: 1px solid #eaebef;
    border-left: 0 !important;
    font-weight: 600;
    font-size: 15px
}

.selectAddon .input-group {
    width: 40%
}

.nowrap {
    white-space: nowrap
}

.text-initial {
    white-space: initial !important
}

.btn.btn-addon {
    background: #edeff3;
    border: 1px solid #eaebef;
    font-size: 13px;
    color: #1f459f;
    font-weight: 500;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.has-float-label label.afterWhite::after {
    background: 0 0
}

.inputdd .custom-select {
    width: auto;
    height: 42px !important;
    border: 1px solid #eaebef !important;
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rightRadius0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.w-125p {
    width: 125px
}

.w-200 {
    width: 200px !important
}

.px-34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

.btn.themeRedLight {
    background: #ffac9b;
    color: #fff;
    border-radius: 2px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500
}

.borderLine {
    background: #eaebef;
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-left: 5px
}

.grayBlue {
    background: #edeff3;
    border-radius: 2px;
    color: #1f459f;
    font-size: 14px;
    font-weight: 600
}

.grayButton {
    color: #363636;
    font-size: 14px;
    font-weight: 600;
    background: #f9f9fb;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 2px
}

.mlr-cover {
    margin-left: -23px;
    margin-right: -23px
}

.dtPart.tableNew .table-striped tbody tr {
    background: #fff
}

.dtPart.tableNew .table-striped tbody tr:hover {
    background: #f7f7fc
}

.dtPart.tableNew {
    width: 100%;
    border-radius: 2px;
    margin: 15px 22px;
    border: 1px solid #e5eef8;
    padding: 10px 0
}

.dtPart.tableNew .table td {
    border-bottom: 1px solid #f1f1f1
}

.dtPart.tableNew table.dataTable th {
    border-bottom: 1px solid #f1f1f1 !important
}

.tableNew div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #e5eef8;
    margin-right: 10px
}

.tableNew div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #e5eef8
}

.tableNew div.dataTables_wrapper div.dataTables_info,
.tableNew div.dataTables_wrapper div.dataTables_length label {
    margin-left: 10px
}

.tableNew div.dataTables_wrapper div.dataTables_paginate {
    margin-right: 10px
}

.colorBlue2 {
    color: #1f459f !important
}

th.tblTotal {
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #1f459f !important
}

.cursorPointer {
    cursor: pointer
}

.tradeAddon .has-float-label input {
    height: 44px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.actRow {
    display: flex;
    align-items: center;
    padding: 10px 0;
    height: 44px
}

.ti-plus {
    background: #1bbca6;
    padding: 15px 12px;
    color: #fff;
    opacity: 1;
    font-size: 14px
}

.ti-minus {
    background: #e82030;
    padding: 15px 12px;
    color: #fff;
    opacity: 1;
    font-size: 14px
}

.has-float-label.acDate span.ti-angle-down {
    border: none;
    padding: 14px 12px;
    font-size: 12px;
    font-weight: 600
}

.has-float-label.input-group.acDate .input-group-append.borderLeft {
    border-left: 1px solid transparent !important
}

.has-float-label.input-group.acDate .input-group-append {
    border: 1px solid #eaebef;
    height: 44px
}

.has-float-label.input-group.acDate>.form-control.borderRight {
    border-right: 1px solid transparent !important
}

.has-float-label.input-group.acDate>.form-control {
    color: #02080d;
    font-size: 15px;
    padding-top: 22px;
    font-weight: 600;
    border: none;
    border-right: 1px solid #e0e0e0;
    border: 1px solid #eaebef;
    border-radius: 0
}

.checkAddon {
    border: 1px solid #eaebef;
    border-left: 0;
    border-right: 0px;
    height: 44px;
    padding: 7px 15px;
    border-right: 1px solid #eaebef
}

.fileAddon .custom-file-label {
    height: 44px;
    padding: 14px 8px 5px 1px;
    border-left: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8f9192
}

.themeFileInput.fileAddon .input-group-text {
    height: 44px;
    border-right: 0px;
    margin-left: -2px
}

.cursorNot {
    cursor: not-allowed
}

.overflowHidden {
    overflow: hidden
}

.thBorderBottom table.dataTable th {
    border-bottom: 1px solid #f1f1f1 !important
}

.subTable .filterTitle {
    border-radius: 2px;
    background: #e5eef8;
    box-shadow: 0 2px 2px rgba(41, 94, 109, .12)
}

.subTable .filterTitle h4 {
    color: #295e6d
}

.subTable .addLot {
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #e82030;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #e82030;
    border-radius: 3px;
    color: #fff
}

.dtPart.tableNew .table-striped tbody tr:hover {
    background: #f7f7fc !important
}

.has-float-label input.error {
    border: 1px solid #efa3a3 !important
}

.linkText {
    font-weight: 500;
    color: #02080d;
    padding-left: 5px;
    cursor: pointer;
    font-size: 13px;
    padding-top: 4px
}

.back-btn.top-0 {
    top: 0 !important
}

.fixedSave {
    position: fixed;
    top: 78px;
    right: 0;
    z-index: 9
}

.listFix .fixedSave {
    right: 15px
}

.bkWidth {
    width: 120px !important
}

.thispadding {
    padding-right: 0
}

.table.dtTable tbody tr:hover {
    background-color: rgba(0, 0, 0, .05)
}

.dtPart .table.dtTable4 tbody tr:hover {
    background-color: rgba(0, 0, 0, .05)
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent
}

.usFormat {
    pointer-events: none
}

.expandTable table.dataTable th {
    white-space: nowrap
}

.expandTable table.dataTable>tbody>tr.child ul.dtr-details {
    background: linear-gradient(0deg, #fafcff, #fafcff), #fff;
    border: 1px solid #e5eef8;
    padding: 5px 10px;
    width: 100%
}

.expandTable .dataTables_wrapper.dt-bootstrap4 {
    overflow-y: inherit
}

.expandTable .dataTables_wrapper.dt-bootstrap4 {
    overflow: hidden
}

.expandTable table.dataTable>tbody>tr.child span.dtr-title {
    position: relative;
    color: #677a84;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px
}

.expandTable span.dtr-data {
    color: #02080d;
    font-size: 14px;
    font-weight: 500
}

.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 17px;
    left: 8px;
    height: 20px;
    width: 20px;
    color: #000;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    line-height: 20px;
    content: '+';
    font-size: 18px;
    background-color: #d6d6d6;
    z-index: 2
}

.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before {
    content: '-';
    background-color: #d6d6d6
}

.expandTable .tblTextarea {
    height: 100% !important;
    width: 200px;
    padding: 8px 7px;
    font-size: 12px;
    color: #02080d;
    font-weight: 600
}

.expandTable .dtSelect2 {
    width: auto;
    height: 34px
}

.expandTable .table.dataTable td {
    outline: 0;
    vertical-align: middle
}

.detailsOnly .expandTable .table.dataTable td,
.listOnly .expandTable .table.dataTable td {
    height: 40px
}

.expandTable .table.dtTable tbody tr:hover {
    background-color: rgba(0, 0, 0, .05)
}

.expandTable .dtr-details .tblInput {
    width: 100%
}

.expandTable .collapsedData {
    display: inline-block
}

.expandTable .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .04)
}

.rightMargin {
    margin-right: 8.5rem !important
}

.mobileFilter {
    width: 125px
}

.bk2Width {
    width: 120px
}

.expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid transparent
}

.expandTable span.dtr-data {
    white-space: break-spaces
}

.expandTable table.dataTable>tbody>tr.child span.dtr-title {
    white-space: break-spaces
}

.mobClose {
    background: #ccd5e6;
    padding: 6px;
    border-radius: 1px;
    color: #333 !important;
    font-size: 8px !important
}

.advFilter.mobileFilter {
    background: #edeff3;
    cursor: pointer
}

.advFilter a {
    color: #677a84;
    font-weight: 600
}

.advFilter a:hover {
    color: #175fa7
}

.filterTitlee {
    background: #edeff3;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filterTitlee span {
    color: #363636;
    font-size: 17px;
    font-weight: 600
}

.dz-hidden-input {
    width: 100%;
    overflow: hidden
}

.mFileupload {
    width: 100%;
    margin-top: -5px
}

.mFileupload .fileinput-button {
    position: relative;
    overflow: hidden;
    height: 44px;
    width: 100%;
    padding: 13px 15px;
    border-left: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #8f9192;
    border: 1px solid #eaebef;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.mFileupload .fileinput-button input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    direction: ltr;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.mFileupload .thumb {
    display: none;
    height: 80px;
    width: 100px;
    border: 1px solid #000
}

.mFileupload ul.thumb-Images li {
    width: 96%;
    float: left;
    vertical-align: top;
    height: auto;
    display: flex;
    position: relative;
    margin-bottom: 5px
}

.mFileupload .thumb-Images {
    width: 100%;
    padding-left: 20px
}

.mFileupload .img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0
}

.mFileupload .img-wrap .close {
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 100;
    background-color: #d0e5f5;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bolder;
    cursor: pointer;
    opacity: .5;
    font-size: 17px;
    line-height: 10px;
    border-radius: 50%
}

.mFileupload .img-wrap:hover .close {
    opacity: 1
}

.mFileupload .FileNameCaptionStyle {
    font-size: 11px;
    color: #02080d
}

.mFileupload output {
    display: flex;
    position: relative;
    left: 0;
    top: 5px;
    width: 100%
}

.boxAdvanceSearch.boxLeft.boxASVisible {
    right: auto;
    left: 0
}

.boxAdvanceSearch.boxLeft {
    width: 80%;
    left: -80%
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 10px 0 0 !important
}

.dataTables_paginate .page-item .page-link {
    font-size: 13px;
    color: #677a84;
    border-color: #eaebef;
    padding: .25rem .5rem .1rem !important
}

.dataTables_paginate .page-item.disabled .page-link {
    font-size: 13px;
    padding: .25rem .5rem .1rem
}

.dataTables_paginate .page-item.active .page-link {
    font-size: 13px;
    padding: .27rem .5rem .08rem
}

.expandTable .table.dataTable td.child {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.smLabel {
    color: #fff;
    padding: 8px 7px 5px;
    font-size: 13px;
    border-radius: 3px
}

.c-unsold {
    background: #7ab542
}

.c-sold {
    background: #dd0c06
}

.c-hold {
    background: #516d84
}

.c-contract {
    background: #f97000
}

.c-contract2 {
    background: #ffc73b
}

.c-compavail {
    background: #2bac92
}

.c-oak {
    background: #6b65d3
}

.c-compresold {
    background: #4caf50
}

.c-compresold2 {
    background: #26a78d
}

.c-holdresold {
    background: #1686d1
}

.c-closedmodel {
    background: #b04f94
}

.c-closedmodel2 {
    background: #953579
}

.c-closed {
    background: #f3a734
}

.c-holdcons {
    background: #411f1f
}

.c-holdmodel {
    background: #a6a4a2
}

.c-holdsign {
    background: #607d8b
}

.c-yellowbg {
    color: #333;
    background: #ffeb3b;
    font-weight: 600
}

a.c-yellowbg:hover {
    color: #333;
    text-decoration: none
}

a.c-hold:hover {
    color: #fff;
    text-decoration: none
}

.text-red {
    color: #e43d32 !important
}

.color-black {
    color: #02080d !important
}

.light-black {
    color: #4c4c4c !important
}

.light-black2 {
    color: #777 !important
}

.color-blue {
    color: #1860a8 !important
}

.color-blue2 {
    color: #052c36 !important
}

.text-blue2 {
    color: #016eab !important
}

.color-skyblue {
    color: #339af0 !important
}

.color-gray {
    color: #878a9c !important
}

.color-555 {
    color: #555 !important
}

.text-purple {
    color: #b04f94 !important
}

.text-green {
    color: #7ab542 !important
}

.text-green2 {
    color: #26a78d !important
}

.text-green3 {
    color: #03cf58 !important
}

.text-green4 {
    color: #0aae4e !important
}

.text-yellow {
    color: #ffeb3b !important
}

.text-orange {
    color: #f3a734 !important
}

.text-orange2 {
    color: #fa7103 !important
}

.stat-blue {
    color: #0667d6 !important
}

.stat-green {
    color: #17a88b !important
}

.stat-red {
    color: #e82030 !important
}

.stat-orange {
    color: #fa7103 !important
}

.lineh-15 {
    line-height: 15px
}

.linehgt25 {
    line-height: 25px
}

.emiSend {
    background: #1686d1;
    color: #fff;
    padding: 2px 8px
}

.emiSend:hover {
    color: #fff
}

.margRight {
    margin-right: 140px !important
}

a.c-contract:hover {
    color: #fff;
    text-decoration: none
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: .5rem !important
}

.expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
    width: 20%;
    display: flex;
    flex-direction: column;
    padding-right: 15px;
    word-break: break-word
}
@media (min-width:768px) and (max-width:992px) {
    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 50% !important;
    }
}
/* #ninja_list > tbody > tr.child > td > ul > li:nth-child(3){
    width: 50%;
} */
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: 1px solid transparent !important
}

.moveOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 12px
}

.listOnly .expandTable .table.dataTable td.lotTd {
    min-width: 100px;
    height: 40px
}

.listOnly .expandTable .table.dataTable td.lotTd+input {
    width: 45%;
    -webkit-width: 45%
}

.mWidth50 {
    min-width: 50px
}

.listOnly .expandTable .table.dataTable td.lotTd {
    -webkit-padding-bottom: 20px
}

.breadcrumbTop .breadcrumb-item a:hover {
    color: #175fa7
}

.breadcrumbTop .breadcrumb-item.active:hover {
    color: #175fa7
}

.thumbImage {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 10px
}

.thumbImage img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    border-radius: 5px
}

.listOnly table.dataTable thead .sorting:after,
.listOnly table.dataTable thead .sorting:before,
.listOnly table.dataTable thead .sorting_asc:after,
.listOnly table.dataTable thead .sorting_asc:before,
.listOnly table.dataTable thead .sorting_desc:after {
    display: none
}

table.dataTable thead .sortHide:after,
table.dataTable thead .sortHide:before {
    opacity: 0 !important;
    display: none !important
}

.detailsOnly .expandTable .custom-control-label::after,
.detailsOnly .expandTable .custom-control-label::before {
    top: 0
}

.viewHide {
    display: none
}

.moveOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
.moveOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
    position: relative;
    padding-left: 55px;
    cursor: pointer
}

.expandTable #rfetable_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 26px
}

.has-float-label>span,
.tradeAddon .has-float-label label {
    left: 15px
}

.tradeAddon .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 15px
}

.tradeAddon .has-float-label input {
    padding-left: 15px
}

.listOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 26px
}

.listOnly .expandTable .check-top .custom-checkbox .custom-control-label::before {
    border-radius: 2px;
    top: .2rem
}

.mhlistOnly .expandTable .check-top .custom-checkbox .custom-control-label::before {
    top: .1rem
}

.mhlistOnly .dropdown-menu.check-top .custom-control-label::after {
    top: .2rem
}

.mhlistOnly .check-top .custom-control-label::after {
    top: .1rem
}

.athm {
    color: #02080d;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.dropzone .dz-preview {
    z-index: 1
}

.pageContent .dataTables_paginate .page-item.active .page-link {
    color: #fff;
    z-index: auto
}

table.dataTable.table-sm>thead>tr>th .font-delete :not(.sorting_disabled) {
    padding-right: 0
}

.cmaddOnly .cs-rad li,
.cmeditOnly .cs-rad li {
    padding-right: 20px
}

input.keyPlaceholder::placeholder {
    color: #7b8790;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 7px;
    font-weight: 400
}

.staticLabel {
    top: -6px !important
}

.form-wrap .floating.fl-err input.invalid+span.invalid {
    bottom: -3px
}

.cmeditOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
.cmlistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 0
}

.hmlistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
.mhlistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 0
}

.mhlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
.mhlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
    padding-left: 40px
}

.cmaddOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.cmeditOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.hmaddOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.hmeditOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 80px
}

.cmaddOnly .msSelect .select2-container--default .select2-selection--multiple,
.cmeditOnly .msSelect .select2-container--default .select2-selection--multiple,
.hmaddOnly .msSelect .select2-container--default .select2-selection--multiple,
.hmeditOnly .msSelect .select2-container--default .select2-selection--multiple {
    height: 80px
}

.fr-quick-insert.fr-visible {
    left: 0 !important;
    top: -20px !important
}

.boxAdvanceSearch.deskCustom {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    border: none;
    box-sizing: border-box;
    box-shadow: none;
    z-index: 2
}

.deskCustom .custom-file-label {
    height: 44px !important
}

.deskCustom .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
    bottom: 0
}

.deskCustom .has-float-label input.form-control+.error,
.deskCustom .has-float-label input.form-control+.invalid {
    bottom: 0
}

.addMob2 {
    background: #e82030;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px 3px;
    line-height: 18px;
    border-radius: 2px
}

.onPosition {
    position: relative;
    top: 0;
    z-index: 10
}

.mr-adj {
    margin: 0 !important
}

.hmaddOnly .themeInputGroup .has-float-label .form-control:placeholder-shown:not(:focus)+*,
.hmeditOnly .themeInputGroup .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 12px
}

.has-float-label>span,
.hmaddOnly .themeInputGroup .has-float-label label,
.hmeditOnly .themeInputGroup .has-float-label label {
    left: 7px
}

.optPack {
    display: flex;
    flex-wrap: wrap
}

.optPack .optwidth {
    width: 16%
}

.hmaddOnly .back-btn {
    top: 8px;
    right: 0;
    margin-right: 30px
}

.hmaddOnly .has-float-label>span.error {
    bottom: -20px !important;
    left: 5px !important
}

.hmaddOnly .has-float-label textarea+label,
.hmaddOnly .has-float-label textarea.valid+label,
.hmeditOnly .has-float-label textarea+label,
.hmeditOnly .has-float-label textarea.valid+label {
    width: calc(100% - 58px)
}

.mheditOnly .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
    bottom: 0
}

.mheditOnly .has-float-label input.form-control+.error,
.mheditOnly .has-float-label input.form-control+.invalid {
    bottom: 0
}

.mheditOnly .tabPart .nav.nav-pills {
    padding: 0 10px
}

.splistOnly .check-top .custom-control-label::before {
    border-radius: 2px
}

.cllistOnly .input-group.csSelect2.sortRight>label {
    right: 13px
}

.cllistOnly .sortRight .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
    right: 0
}

.cllistOnly .boxShadowLight .btn-white {
    height: 44px;
    box-shadow: none;
    border: 1px solid #eaebef
}

.formLabel.fmlb2 {
    color: #747788;
    font-size: 12px
}

.labelms {
    color: #02080d;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0
}

.mselectOther .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #02080d;
    font-weight: 500;
    font-size: 13px;
    background: #eaeef6;
    border: 1px solid #eaeef6;
    border-radius: 2px
}

.mselectOther .select2-container--default .select2-selection--multiple {
    height: 80px !important
}

.mselectOther .select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow-y: auto;
    height: 80px
}

.boxShadowLight.dflexBox .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
    width: 500px;
    z-index: 10
}

.dflexBox .dropdown-menu.show .dropdown-item {
    width: 33%
}

span#delete_list {
    position: relative;
    top: 0
}

.splistOnly span#delete_list {
    position: relative;
    top: 5px
}

.cllistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.dtr-control,
.cllistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th.dtr-control {
    padding-left: 8px;
    width: fit-content;
    min-width: 70px
}

.cllistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 45%;
    left: 50%
}

.cllistOnly .check-top .custom-checkbox .custom-control-label::after,
.cllistOnly .check-top .custom-checkbox .custom-control-label::before {
    top: 2px
}

.cllistOnly .listTable table.dataTable td[colspan] {
    padding: 0 0
}

.cllistOnly .svg-inline--fa.fa-w-16 {
    color: #02080d;
    font-size: 12px;
    margin-left: 5px
}

.cllistOnly .dtPart .ti-lock {
    position: absolute;
    right: auto;
    left: 35px
}

table.innerTable {
    border: 1px solid #e5eef8
}

.listTable table.dataTable .innerTable td {
    background: #fbfdff
}

.claddOnly .disabledIn label,
.cleditOnly .disabledIn label {
    top: -3px !important
}

.msSelect .select2-container {
    width: 100% !important
}

.claddOnly .tabPart .nav-pills .nav-link,
.claddOnly .tabPart .nav-pills .show>.nav-link {
    padding-bottom: 8px
}

.z-index10 {
    z-index: 10 !important
}

.z-index8 {
    z-index: 8 !important
}

.z-index1 {
    z-index: 1 !important
}

.z-index2 {
    z-index: 2 !important
}

.cleditOnly .contentRow .navbar {
    padding: 10px 30px
}

.claddOnly .sticky,
.cleditOnly .sticky {
    position: fixed !important;
    top: 67px !important;
    transition: all .3s ease-in
}

.cleditOnly .edProfile .contentRow .navRow .navbar {
    transition: all .2s ease-in-out
}

.has-float-label>span.error {
    bottom: -22px !important;
    left: 5px !important
}

.cleditOnly .expandTable .table.dataTable td {
    white-space: nowrap
}

.mscTab .dataTables_wrapper.dt-bootstrap4 .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important
}

.mscTab .dataTables_wrapper.dt-bootstrap4 .row .col-sm-12 {
    padding-left: 0;
    padding-right: 0
}

.insideTable .dataTables_length {
    width: 50%;
    float: left
}

.customtool,
.customtool-act,
.customtool-pro {
    width: 50%;
    float: right;
    text-align: right
}

.insideTable2 .dataTables_length {
    width: 25%;
    float: left
}

.customtool2 {
    width: 75%;
    float: right
}

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

.customColumn {
    display: flex
}

.cmlistOnly table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled) {
    padding-right: 0
}

table.dataTable.table-sm>thead>tr>th .font-delete :not(.sorting_disabled) {
    padding-right: 0
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgb(255 255 255 / 1);
    background-color: rgb(255 255 255 / 1);
    font-size: 12px
}

.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgb(255 255 255 / .8);
    padding: 0 .4em;
    font-size: 14px;
    border-radius: 3px
}

.dropzone .dz-preview .dz-details .dz-filename span {
    font-size: 13px
}

.ctrOnly .has-float-label textarea+label,
.ctrOnly .has-float-label textarea.valid+label {
    background: 0 0
}

.stngCom table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
    padding-left: 40px !important
}

.stngCom .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 4px
}

.has-float-label.checkNormal input[type=checkbox] {
    height: 16px;
    margin-top: 20px
}

.ivoryMenu .scroll>ul>li>a.active,
.ivoryMenu ul li.has-sub.active.open i,
.ivoryMenu ul li.has-sub.active.open span.sidebar-title {
    color: #fffb00 !important
}

.ivoryMenu ul li.has-sub ul li .active {
    color: #fffb00 !important
}

.ivoryMenu {
    box-shadow: none
}

.splistOnly .dataTables_length {
    width: 50%;
    float: left
}

.sitetool {
    text-align: right;
    width: 50%;
    float: right
}

.sitetool .btDropdown .dropdown-menu {
    left: -35px !important;
    right: auto
}

.noteMap iframe {
    height: 350px
}

.cardBox .card {
    width: 50%;
    background: #fff;
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
    margin: 7px
}

.labelContent .col-form-label {
    color: #555;
    font-size: 13px
}

.labelContent .form-control-plaintext {
    font-size: 14px;
    font-weight: 600;
    color: #02080d;
    outline: 0
}

.labelContent .form-group {
    border-bottom: 1px solid #eaebef
}

.labelContent textarea.form-control-plaintext {
    resize: none
}

.pointArrow {
    position: relative;
    background: #e82030;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    width: 20px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    padding-left: 7px;
    justify-content: flex-start;
    margin-right: 12px
}

.pointArrow::after {
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 6px;
    border-color: transparent transparent transparent #e82030
}

.listTitle li.list-group-item {
    font-size: 14px;
    color: #26405f;
    font-weight: 500;
    line-height: 18px;
    background-color: transparent
}

.listTitle.list-group {
    background: #edeff3
}

.myaccordion {
    max-width: 100%;
    width: 100%
}

.myaccordion .fa-stack {
    font-size: 12px;
    position: absolute;
    right: 0;
    background: #fff;
    border: 1.5px solid #eaebef;
    box-sizing: border-box;
    border-radius: 3px;
    height: 25px;
    width: 25px;
    line-height: 22px
}

.myaccordion .btn-link:focus,
.myaccordion .btn-link:hover {
    text-decoration: none
}

.myaccordion .card-header {
    background-color: transparent
}

.myaccordion .btn-link {
    color: #02080d;
    font-size: 14px;
    font-weight: 500;
    position: relative
}

.myaccordion .btn-link .fa-inverse {
    color: #02080d
}

.img-top {
    position: relative;
    top: -3px
}

.folderBox li a {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none
}

.folderBox i.fas.fa-file {
    margin-right: 12px !important;
    color: #999;
    margin-left: 2px
}

.folderBox li {
    width: 100%;
    border-bottom: 1px solid #e8e9ea;
    padding-top: 10px;
    padding-bottom: 10px
}

.img-grd {
    background-image: linear-gradient(#a1cb7f, #63ad27);
    padding: 4px;
    width: 18px;
    border-radius: 2px
}

.folderBox li:hover i.fas.fa-file {
    display: none
}

.folderBox li img {
    display: none
}

.folderBox li:hover img {
    display: inline-block !important
}

.folderBox li:hover a {
    color: #02080d
}

.folderBox li:first-child {
    border-top: 1px solid #d8d8d8
}

.folderBox li:last-child {
    border: none
}

.myaccordion.cardBox .card {
    width: 48.6%;
    float: left;
    margin: 0 7px 14px;
    box-sizing: content-box
}

.boxInner {
    position: relative;
    width: 48.5%;
    height: 210px;
    background: #fff;
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
    border-radius: 10px
}

.imageHov {
    width: 40%;
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

.boxInner img {
    width: 100%;
    height: 210px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
    transition: all .5s;
    -webkit-transition: all .5s
}

.boxInner:hover img {
    transform: scale(1.2)
}

.card-content {
    width: 60%
}

.card-content .card-title {
    background: #ffeef3;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #02080d
}

.card-content p {
    color: #02080d;
    font-size: 18px;
    font-weight: 600
}

.avcit {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #363636
}

.spOut {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #555;
    font-weight: 500
}

.spIn {
    font-size: 22px;
    color: #02080d;
    font-weight: 600
}

.btn-red2.addtcs {
    height: 32px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 600
}

.lotdeCheck .chkLabel label {
    color: #555;
    font-size: 12px;
    padding-left: 12px
}

.lotdeCheck i.fas.fa-circle {
    font-size: 8px;
    position: relative;
    left: 11px
}

.lotdeCheck .color-min {
    color: #0f75b9
}

.lotdeCheck .color-unav {
    color: #dd0c06
}

.lotdeCheck .color-avail {
    color: #60ac22
}

.lotdeCheck .color-hold {
    color: #fcb30e
}

.lotdeCheck .color-ucons {
    color: #f97000
}

.lotdeCheck .color-mhm {
    color: #7b75d4
}

.toggle-button-cover {
    width: 200px;
    height: auto;
    box-sizing: border-box
}

.button-cover:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    display: none
}

.button-cover,
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.toggle-button-cover .button {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    margin: -20px auto 0 auto;
    overflow: hidden
}

.toggle-button-cover .button.r,
.toggle-button-cover .button.r .layer {
    border-radius: 100px
}

.toggle-button-cover .button.b2 {
    border-radius: 2px
}

.toggle-button-cover .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.knobs {
    z-index: 2
}

.layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: .3s ease all;
    z-index: 1;
    border: 1px solid #32c8a961
}

#button-4 .knobs:after,
#button-4 .knobs:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding: 10px 5px;
    background-color: #2bac92;
    border-radius: 50%;
    transition: .3s cubic-bezier(.18, .89, .35, 1.15) all
}

#button-4 .knobs:before {
    content: 'On'
}

#button-4 .knobs:after {
    content: 'Off'
}

#button-4 .knobs:after {
    top: -28px;
    right: 4px;
    left: auto;
    background-color: #f44336
}

#button-4 .checkbox:checked+.knobs:before {
    top: -28px
}

#button-4 .checkbox:checked+.knobs:after {
    top: 4px
}

#button-4 .checkbox:checked~.layer {
    background-color: #fcebeb;
    border: 1px solid #f4433647
}

.z-in2 {
    z-index: 2
}

.lotActions {
    display: flex;
    align-items: center
}

.lotActions a {
    margin-right: 5px
}

.notelotOnly .expandTable .table.dataTable td {
    white-space: nowrap
}

.notelotOnly .expandTable span.dtr-data {
    white-space: inherit
}

.border-bot {
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 5px
}

.notelotOnly [tooltip]:not([flow])::after,
.notelotOnly [tooltip]:not([flow])::before,
.notelotOnly [tooltip][flow^=up]::after,
.notelotOnly [tooltip][flow^=up]::before {
    left: 45px
}

.notelotOnly [tooltip]:not([flow])::before,
.notelotOnly [tooltip][flow^=up]::before {
    left: 10px !important
}

.notelotOnly .expandTable table.dataTable thead tr {
    background: #f2f2f2
}

.noteMap {
    height: 750px
}

#map_canvas {
    height: 750px
}

.info_content .comHead a {
    color: #e82030;
    font-size: 17px;
    text-decoration: none
}

.info_content .pricetag {
    color: #02080d;
    font-size: 15px
}

.info_content p {
    color: #555;
    font-size: 13px
}

.info_content .modTitle {
    color: #02080d;
    font-size: 13px
}

.imgfixed {
    width: 120px
}

.cardPrice {
    width: 25%;
    padding-right: 15px
}

.packageBox .boxInner {
    width: 70%;
    height: 180px;
    overflow: hidden
}

.packageBox .boxInner img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center
}

.sqft {
    color: #555;
    font-size: 12px
}

.cardLink {
    color: #ca5579;
    font-size: 14px;
    text-decoration: underline
}

.packageBox .spIn {
    font-size: 28px
}

.packageBox .card-content {
    width: 50%
}

.packHeading h4 {
    color: #33c5f8;
    font-size: 21px;
    font-weight: 600
}

.packHeading h5 {
    color: #e82030;
    font-size: 21px;
    font-weight: 600
}

.packHeading h3 {
    color: #2bac92;
    font-size: 21px;
    font-weight: 600
}

.packHeading h4 span,
.packHeading h5 span {
    color: #02080d;
    font-size: 12px
}

span.textsma1,
span.textsma2 {
    position: relative;
    font-size: 12px
}

span.textsma1 {
    top: 3px
}

span.textsma2 {
    bottom: -15px
}

.h3-inner {
    font-size: 32px !important;
    margin: 0 3px
}

.h4-inner {
    font-size: 32px !important;
    margin: 0 3px
}

.h5-inner {
    font-size: 32px !important;
    margin: 0 3px
}

.lotPackages .table tr td {
    color: #555;
    font-size: 13px;
    padding: 15px 20px
}

.lotPackages .table tr td:first-child {
    white-space: nowrap;
    width: 20%
}

.lotPackages {
    padding: 20px 60px
}

.lotPackages .thBorder {
    width: 27%;
    padding: 15px 20px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.lotPackages .thBordernone {
    border: none;
    border-bottom: 1px solid #dee2e6
}

td.tdBorderAll {
    border-left: 2px solid #dee2e6;
    border-right: 1px solid #dee2e6
}

td.tdBorderbtNone {
    border-bottom: 1px solid transparent
}

td.tdBorderRight {
    border-right: 1px solid #dee2e6
}

.lotPackages .table {
    border-bottom: 2px solid #e7e7e7
}

.taggingIco span {
    font-size: 12px;
    color: #555
}

.removeCard.card {
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
    width: 100px;
    margin-bottom: 10px;
    height: 70px
}

.removeCard .card-header {
    background: linear-gradient(0deg, #edeff3, #edeff3), #fee;
    border-radius: 0;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #3d4680
}

a.btn.btnLink {
    font-size: 12px;
    color: #555;
    text-decoration: underline
}

a.btn.btnLink:hover {
    color: #2584e2
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid red
}

.account-tab {
    position: relative
}

.account-tab .account {
    cursor: pointer;
    background: #313131;
    margin: 10px 0 10px 0;
    position: absolute;
    top: 12em;
    left: 52em;
    display: inline-block;
    z-index: 9999
}

.account-tab .account .phone-icon {
    color: #e1e1e1;
    margin: 0;
    padding: 5px 0 5px 15px;
    float: left
}

.account-tab .account .account-text {
    margin: 0;
    padding: 5px 15px 5px 10px;
    color: #e1e1e1;
    float: right
}

.account-tab .account-menu-wrapper {
    position: relative;
    margin-top: 20px
}

.account-tab .account-menu-wrapper .account-menu {
    opacity: 0;
    z-index: 999;
    cursor: default;
    margin: 0;
    padding: 0;
    background: #000;
    width: 20em;
    height: 10em;
    position: absolute;
    left: 45em;
    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(.6, -.28, .735, .045)
}

.account-tab .account-menu-wrapper .account-menu .account-close-icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px
}

.account-tab .account-menu-wrapper .account-menu .account-close-icon i {
    font-size: 1.5em;
    color: #e1e1e1;
    cursor: pointer
}

.account-tab .account-menu-wrapper .account-menu .arrow-down {
    position: absolute;
    right: 10%;
    bottom: -12.5%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    box-shadow: 0 20px 10px -7px #000
}

.account-tab .account-menu-wrapper .onclick-account-menu {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transition: all .5s cubic-bezier(.6, -.28, .735, .045)
}

.tabTheme .badge-success {
    color: #2bac92;
    background-color: #d7f7f0
}

.tabTheme .badge-danger {
    color: #fcb30e;
    background-color: #f5ebd3
}

.prGold {
    color: #33c5f8;
    padding-right: 5px
}

.prPlat {
    color: #fa90b1;
    padding-right: 5px
}

.prPremr {
    color: #3d4680;
    padding-right: 5px
}

.themeAddn .customColumn .btnGreen {
    height: 44px !important
}

.themeAddn .customColumn .btn-red2 {
    height: 44px !important
}

.microContent {
    padding: 5px 30px
}

.folderAdd {
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px
}

.imgFold {
    background: #e5eef8;
    border-radius: 6px;
    padding: 8px;
    margin-right: 10px
}

.mFilesize .custom-file-label {
    padding: 10px;
    height: 42px
}

.mFilesize .input-group-text {
    height: 42px
}

.pdfImage {
    outline: 0;
    background: url(../img/pdf-icon.png);
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-position: 9px
}

.folderImage {
    outline: 0;
    background: url(../img/folder-icon.png);
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-position: 9px
}

.fileImage {
    outline: 0;
    background: url(../img/rfee.png);
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-position: 9px
}

.shareImage {
    outline: 0;
    background: url(../img/file-move2.png);
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-position: 9px
}

.docImage {
    outline: 0;
    background: url(../img/doc-icon.png);
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-position: 9px
}

.actbtns {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    color: #fff;
    border-radius: 3px
}

.srBg {
    background: linear-gradient(180deg, rgba(23, 168, 139, .5) 0, #17a88b 100%)
}

.edBg {
    background: linear-gradient(180deg, rgba(255, 182, 30, .5) 0, #ffb61e 100%)
}

.trBg {
    background: linear-gradient(180deg, rgba(31, 69, 159, .5) 0, #1f459f 100%)
}

.cmBg {
    background: linear-gradient(180deg, rgba(22, 134, 209, .5) 0, #1686d1 100%)
}

.dlBg {
    background: linear-gradient(180deg, rgba(232, 32, 48, .5) 0, #e82030 100%)
}

.dlBg2 {
    background: linear-gradient(180deg, rgb(255 223 226 / 50%) 0, #ffc6ca 100%)
}

.dlplainBg {
    background-color: #f6d7d7
}

.ecBg {
    background: linear-gradient(180deg, #606c88 0, #3f4c6b 100%)
}

.nsBg {
    background: linear-gradient(180deg, #f6658c 0, #9385fd 100%) 0 0
}

.nbBg {
    background: linear-gradient(180deg, #667eea 0, #764ba2 100%)
}

.nbBg2 {
    background: linear-gradient(180deg, #f349c1 0, #972a78 100%)
}

.rdBg {
    background: linear-gradient(180deg, #ffad35 0, #e33c31 100%)
}

.grnBg {
    background: linear-gradient(180deg, #a47463 0, #7cb645 100%)
}

.rd2Bg {
    background: linear-gradient(180deg, rgb(31 135 205 / 50%) 0, #ff5722 100%)
}

.rd3Bg {
    background: linear-gradient(180deg, #2196f3 0, #e33d32 100%)
}

.sr2Bg {
    background: linear-gradient(180deg, rgba(22, 134, 209, .5) 0, #4caf50 100%)
}

a.actbtns:hover {
    color: #fff;
    text-decoration: none
}

.micActions [tooltip]:not([flow])::after,
.micActions [tooltip]:not([flow])::before,
.micActions [tooltip][flow^=up]::after,
.micActions [tooltip][flow^=up]::before {
    left: 50%
}

.border-botsolid {
    border-bottom: 1px solid #e5eef8
}

.micActions.check-top .custom-control-label::before {
    width: 1.6rem;
    height: 1.6rem;
    overflow: none;
    box-shadow: none;
    border: #c6c9cc solid 1px
}

.micActions .custom-control-label:after,
.micActions .custom-control-label:before {
    top: .35rem;
    left: -1.2rem
}

.micActions.check-top .custom-control-label::after {
    width: 1.6rem;
    height: 1.6rem
}

.micActions.check-top .custom-control-input:checked~.custom-control-label::before {
    border-color: #7bb544;
    background-color: #7bb544
}

.color555 {
    color: #555 !important
}

.tableBread .breadcrumb-item a {
    color: #02080d;
    font-size: 17px;
    font-weight: 400
}

.tableBread .breadcrumb-item a:hover {
    text-decoration: underline
}

.tableBread .breadcrumb-item {
    position: relative;
    color: #02080d;
    font-size: 17px;
    font-weight: 600;
    padding-left: 30px;
    line-height: 30px
}

.tableBread .breadcrumb-item:before {
    content: "\f105";
    position: absolute;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #677b89;
    left: 12px
}

.tableBread .breadcrumb-item:first-child {
    padding-left: 0
}

.tableBread .breadcrumb-item:first-child:before {
    display: none
}

.folderList .dropdown-menu {
    border: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .22);
    border-radius: 8px;
    border-radius: .25rem
}

.folderList .btn-secondary.dropdown-toggle,
.folderList .btn-secondary:not(:disabled):not(.disabled):active:focus {
    color: #677b89;
    background-color: #545b62;
    border-color: #edeff3;
    background: #edeff3;
    border-radius: 6px;
    padding: 5px 10px 0
}

.searchField a {
    color: #677a84;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500
}

.searchField p {
    font-size: 18px;
    color: #363636
}

.searchField {
    border-bottom: 1px solid #edeff3
}

.micrOnly .expandTable .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .02)
}

.openSort .dropdown-item {
    padding: .25rem .5rem;
    font-size: 13px
}

.microTable td a.miLink {
    color: #02080d
}

.microTable tr:hover a.miLink {
    color: #5982e2;
    text-decoration: none
}

.bgGray {
    background: #e7e7e7 !important
}

.bgGray2 {
    background: #f8f8f8 !important
}

.bgGray3 {
    background: #edeff3 !important
}

.multiChecks {
    display: none
}

.multiChecks {
    display: none;
    position: fixed;
    width: 400px;
    left: 50%;
    bottom: 10%;
    transform: translate(-50%, -50%)
}

.multiChecks .card {
    background: #e2ebff;
    box-shadow: 0 4px 9px rgb(0 0 0 / 8%);
    border-radius: 3px
}

.multiChecks p {
    color: #363636;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    align-items: center;
    display: flex
}

.filesList a {
    font-size: 12px;
    color: #1f459f;
    font-weight: 600
}

.filesList a:hover {
    text-decoration: none
}

.filesList .ti-close {
    font-size: 8px;
    color: #fff;
    background: #ea2f3e;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1px;
    cursor: pointer;
    height: 18px;
    width: 18px
}

.expandTable table.dataTable th {
    padding: 12px 8px 12px 30px !important;
    vertical-align: middle !important
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1 !important;
    color: #000 !important
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1 !important;
    color: #000 !important;
    left: .7em !important
}

table.dataTable thead .sorting_desc:after {
    left: 1.2em !important
}

table.dataTable thead .sorting_desc:before {
    left: .7em !important
}

table.dataTable thead .sorting_asc:after {
    left: 1.2em !important;
    right: auto !important
}

table.dataTable thead .sorting:before {
    right: auto !important;
    left: .7em !important
}

table.dataTable thead .sorting:after {
    right: auto !important;
    left: 1.2em !important
}

.expandTable table.dataTable td {
    vertical-align: middle !important;
    padding: 10px 8px 10px !important
}

.expandTable .dtr-control .check-top .custom-control-label::after,
.expandTable .dtr-control .check-top .custom-control-label::before {
    top: 2px
}

table.dataTable thead .sorting_asc:after {
    opacity: .4 !important
}

.lotlistOnly .expandTable table.dataTable th {
    padding: 12px 8px !important
}

.expandTable table.dataTable th.sortHide,
.expandTable table.dataTable th.sorting_disabled {
    padding-left: 8px !important
}

.micrOnly .expandTable .table.dataTable td.dtr-control {
    padding: 10px 8px 8px 60px !important;
    vertical-align: bottom !important
}

#design_depth_inch-error,
#design_unfinsished-error,
#design_width_inch-error {
    left: 0;
    bottom: -16px;
    padding: 0;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_info {
    width: 50%;
    float: left
}

div.dataTables_wrapper div.dataTables_paginate {
    width: 50%;
    float: right
}

.deskht {
    height: 60px
}

.expandTable table .custom-checkbox .custom-control-label:after,
.expandTable table .custom-checkbox .custom-control-label:before {
    top: .05rem
}

.expandTable table th .custom-checkbox .custom-control-label:after,
.expandTable table th .custom-checkbox .custom-control-label:before {
    top: .1rem
}

.splistOnly .expandTable table th .custom-checkbox .custom-control-label:before {
    top: .3rem
}

.micrOnly .expandTable table .custom-checkbox .custom-control-label:after,
.micrOnly .expandTable table .custom-checkbox .custom-control-label:before {
    top: 6px
}

.more_info .title {
    position: absolute;
    color: #333;
    font-size: 11px;
    background: #fff;
    padding: 4px;
    z-index: 2;
    left: 53%;
    top: 48px;
    transform: translate(-50%, -50%);
    white-space: break-spaces;
    border: 1px solid #d6d6d6;
    word-break: break-word;
    padding-right: 25px
}

.expandTable table.dataTable td {
    position: relative
}

.title .ti-close {
    position: absolute;
    right: 5px;
    top: 5px
}

.top2 {
    top: 2px !important
}

.expandTable table.dataTable .innerTable th {
    padding: 12px 8px 12px 10px !important
}

.anchorLink {
    color: #1f459f;
    text-decoration: none
}

.anchorLink2 {
    color: #5880e0;
    text-decoration: none;
    font-size: 14px
}

.anchorLink2:hover {
    text-decoration: none
}

.anchorLink:hover {
    color: #3c68ce;
    text-decoration: none
}

.garbg-title {
    background: linear-gradient(0deg, #edeff3, #edeff3);
    box-shadow: 0 2px 2px rgb(41 94 109 / 12%);
    border-radius: 2px;
    color: #363636;
    font-weight: 600;
    font-size: 17px
}

.expandTable table.dataTable thead .sorting:after,
.expandTable table.dataTable thead .sorting:before,
.expandTable table.dataTable thead .sorting_asc:after,
.expandTable table.dataTable thead .sorting_asc:before,
.expandTable table.dataTable thead .sorting_desc:after,
.expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.3em !important
}

.expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 35px;
    top: 20px;
    height: 20px;
    width: 20px;
    line-height: 21px;
    font-size: 18px;
    z-index: 2
}

.expandTable.expNext .chkLabel label {
    padding-left: 0
}

.delPos {
    position: relative;
    left: 5px;
    z-index: 2
}

#multi_delete {
    z-index: 2
}

.tool_info[tooltip]:hover::after,
.tool_info[tooltip]:hover::before {
    display: none
}

.cardGray {
    background: #eaebef;
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
    border-radius: 4px
}

.has-float-label .input-group.acDate.timeNext>.form-control {
    border-radius: 2px 0 0 2px;
    background: #fff
}

.has-float-label .timeNext .date-float+label {
    font-size: 11px !important
}

.has-float-label .input-group.acDate.timeNext .input-group-append {
    background: #fff;
    border-radius: 0 2px 2px 0
}

.has-float-label .timeNext .form-control.date-float:active+.bootstrap-datetimepicker-widget+label,
.has-float-label .timeNext .form-control.date-float:focus+.bootstrap-datetimepicker-widget+label,
.has-float-label .timeNext .form-control.date-float:visited+.bootstrap-datetimepicker-widget+label {
    left: 11px;
    font-size: 11px
}

.timeNext .bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 3px;
    width: 6rem
}

.timeNext .bootstrap-datetimepicker-widget.dropdown-menu.wider {
    width: 8rem
}

.timeNext .bootstrap-datetimepicker-widget a[data-action] {
    padding: 3px 0
}

.bootstrap-datetimepicker-widget .timepicker-second,
.timeNext .bootstrap-datetimepicker-widget .timepicker-hour,
.timeNext .bootstrap-datetimepicker-widget .timepicker-minute {
    width: 25px;
    font-weight: 700;
    font-size: 1em;
    margin: 0
}

.timeNext .bootstrap-datetimepicker-widget button[data-action] {
    padding: 3px
}

.timeNext .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2;
    height: 1.5em;
    width: 100%
}

.timeNext .bootstrap-datetimepicker-widget table th {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.timeNext .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 90px
}

.timeNext .bootstrap-datetimepicker-widget table td {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.timeNext .bootstrap-datetimepicker-widget table td.cw {
    font-size: .5em;
    height: 12px;
    line-height: 12px
}

.timeNext .bootstrap-datetimepicker-widget table td.day {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.timeNext .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.timeNext .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 15px;
    line-height: 15px
}

.BoxTime .chkLabel label {
    color: #555;
    font-size: 12px
}

.BoxTime .formLabel2.rd-bg {
    color: #333;
    background: #edeff3;
    width: 100%;
    padding: 10px;
    border-radius: 4px
}

.datepicker-custom .datepicker td {
    color: #354248;
    padding: 10px
}

.datepicker-custom .datepicker-inline {
    width: 100%;
    background: #fff;
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
    border-radius: 4px
}

.datepicker-custom .datepicker .new.day {
    display: none !important
}

.datepicker-custom .datepicker table {
    width: 100%
}

.datepicker table tr td span.active.active,
.datepicker-custom .datepicker table tr td.active.active {
    background-color: #e82030;
    border-radius: 0
}

.datepicker-custom .datepicker table tr td.active,
.datepicker-custom .datepicker table tr td.active.disabled,
.datepicker-custom .datepicker table tr td.active.disabled:hover,
.datepicker-custom .datepicker table tr td.active:hover {
    background-color: #e82030;
    background-image: -moz-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -ms-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e82030), to(#e82030));
    background-image: -webkit-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -o-linear-gradient(to bottom, #e82030, #e82030);
    background-image: linear-gradient(to bottom, #e82030, #e82030);
    border-color: #e82030 #e82030 #002a80
}

.datepicker-custom .datepicker table tr td span.active,
.datepicker-custom .datepicker table tr td span.active.disabled,
.datepicker-custom .datepicker table tr td span.active.disabled:hover,
.datepicker-custom .datepicker table tr td span.active:hover {
    background-color: #e82030;
    background-image: -moz-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -ms-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e82030), to(#e82030));
    background-image: -webkit-linear-gradient(to bottom, #e82030, #e82030);
    background-image: -o-linear-gradient(to bottom, #e82030, #e82030);
    background-image: linear-gradient(to bottom, #e82030, #e82030);
    border-color: #e82030 #e82030 #002a80
}

.datepicker-custom .datepicker table tr td.old {
    color: #bbb
}

.tagsCustom .bootstrap-tagsinput {
    width: 100%;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    color: #02080d;
    border-radius: 4px;
    max-width: 100%;
    font-weight: 500;
    box-shadow: none
}

.tagsCustom .bootstrap-tagsinput .tag {
    color: #02080d;
    font-size: 13px;
    background: #f3f3f3;
    padding: 3px 5px;
    position: relative;
    top: 10px
}

.tagsCustom .bootstrap-tagsinput.focus+.form-control+label {
    top: 4px
}

.ti-close.clearTime {
    font-size: 8px;
    position: absolute;
    right: -4px;
    color: #fff;
    top: -4px;
    padding: 2px;
    background: #607d8b;
    cursor: pointer;
    border: 1px solid #607d8b;
    z-index: 2;
    border-radius: 8px
}

.slimHeight {
    height: calc(100vh - 65px) !important
}

.apDate {
    font-size: 17px;
    color: #363636;
    font-weight: 500;
    background: #edeff3;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
    border-left: 3px solid #363636
}

.apTime {
    font-size: 17px;
    color: #1bbca6;
    background: #e4f6f4;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
    font-weight: 500;
    border-left: 3px solid #10ddc1
}

a.apTime:hover {
    color: #0f9a87 !important;
    text-decoration: none
}

.calendar-indx .apTime {
    font-size: 14px;
    border-radius: 3px 3px 3px 3px;
    border-left: 0 solid #10ddc100
}

.calendar-indx .apTime:hover {
    color: #139f8c
}

.typeheadAuto .twitter-typeahead {
    display: block !important
}

.tt-menu.tt-open {
    width: 100%
}

.typeahead-box::placeholder {
    font-size: 11px;
    color: #878a9c;
    font-weight: 500
}

.lab-custom {
    position: absolute;
    font-size: 12px;
    top: 2px;
    left: 10px;
    color: #878a9c;
    font-weight: 500;
    z-index: 1;
    pointer-events: none
}

.typeahead-box {
    background: 0 0;
    width: 100%;
    height: 44px;
    resize: none;
    color: #02080d;
    font-weight: 600;
    padding: 22px 8px 10px 8px;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1;
    outline: 0
}

.typeheadAuto a.helptip {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9
}

.typeheadAuto .helptip .ti-info {
    background: #eaebef;
    color: #000
}

.notetip {
    font-size: 12px;
    color: #555
}

.notetip .ti-info {
    background: #dadadd;
    padding: 3px;
    border-radius: 10px;
    color: #333
}

.blockedRow {
    transition: .5s ease-in-out
}

.formreq {
    color: #e82030;
    font-size: 18px;
    line-height: 10px;
    font-weight: 400;
    position: relative;
    top: 7px;
    left: 2px
}

.formreq.inpt {
    top: 3px
}

.has-float-label.errTextpos>span.error {
    bottom: -14px !important;
    left: 13px !important
}

.has-float-label.errplaceAuto>span.error {
    bottom: auto !important
}

.typeahead-box.tt-input.error {
    border: 1px solid #efa3a3
}

.bg2-warning {
    background-color: #fcb61f !important
}

.btn-warning.bg2-warning {
    border-color: #fcb61f
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #FCB61F;
    fill: none;
    animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #fcb61f;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #fcb61f
    }
}

.settingsRow .has-float-label .timeNext .date-float+label {
    font-size: 13px !important
}

.settingsRow .has-float-label .timeNext .form-control.date-float:active+.bootstrap-datetimepicker-widget+label,
.settingsRow .has-float-label .timeNext .form-control.date-float:focus+.bootstrap-datetimepicker-widget+label,
.settingsRow .has-float-label .timeNext .form-control.date-float:visited+.bootstrap-datetimepicker-widget+label {
    left: 12px;
    font-size: 13px !important
}

.scheduleDate .control-label {
    color: #2d2d2d;
    font-weight: 500
}

.scheduleDate .form-control-static {
    color: #16a591;
    font-weight: 600
}

.halfShow.boxAdvanceSearch {
    width: 62%;
    right: -62%
}

.halfShow.boxAdvanceSearch.boxASVisible {
    right: 0
}

.ev-calendar {
    width: 100%
}

.ev-calendar a {
    color: #363636;
    text-decoration: none;
    padding: 4px 7px;
    font-weight: 500;
    font-size: 15px
}

.ev-calendar .date a {
    line-height: 24px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ev-calendar a:hover {
    color: #2f5ece
}

.ev-calendar ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.ev-calendar li {
    display: block;
    float: left;
    width: 14.342%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #dde9f7;
    margin-right: -1px;
    margin-bottom: -1px
}

.ev-calendar ul.weekdays {
    height: 40px;
    background: #fff
}

.ev-calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #363636;
    font-size: 13px;
    background-color: #fff;
    font-weight: 800
}

.ev-calendar .days li {
    min-height: 100px;
    transition: all .3s;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column
}

.ev-calendar .days li:hover {
    background: rgb(199 217 234 / 15%);
    transition: all .3s
}

.ev-calendar .date {
    display: flex;
    justify-content: center;
    font-size: 14px;
    text-align: center;
    margin-bottom: 2px;
    padding: 2px;
    color: #363636
}

.ev-calendar .other-month .date {
    color: #c6c6c6
}

.ev-calendar .event {
    clear: both;
    display: block;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 5px
}

.ev-calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none
}

.ev-calendar .other-month {
    color: #666
}

.mn-title {
    color: #363636;
    font-size: 20px
}

.month-title .ti-angle-left,
.month-title .ti-angle-right {
    font-size: 18px;
    font-weight: 600;
    color: #e82030;
    cursor: pointer;
    padding: 8px;
    transition: all .4s
}

.month-title .ti-angle-left:hover,
.month-title .ti-angle-right:hover {
    transition: all .4s;
    background: rgb(145 180 215 / 50%)
}

.current-month {
    padding-top: .6rem !important;
    padding-bottom: .6rem !important;
    background: #edeff3;
    box-shadow: 0 2px 2px rgb(41 94 109 / 12%);
    border-radius: 2px
}

.custom-search input.form-control {
    background: #fff;
    border: 1.5px solid #e9e9e9;
    border-radius: 5px;
    font-size: 14px;
    border-right: none;
    height: 40px
}

.custom-search input.form-control::placeholder {
    color: #a8a7a7
}

.custom-search .btn {
    background: #fff;
    border: 1.5px solid #e9e9e9;
    border-radius: 5px;
    border-left: none;
    height: 40px;
    line-height: 25px
}

.custom-search .ti-search {
    color: #c6c6c6
}

.active-day {
    color: #1f459f !important
}

.ev-calendar .month-holiday .date,
.ev-calendar .month-holiday a {
    color: #c6c6c6;
    pointer-events: none
}

.ev-calendar .helptip[tooltip]::after {
    font-size: 11px;
    min-width: max-content
}

.ev-calendar .event-time .time-avail {
    color: #18a390;
    font-size: 12px;
    padding: 5px;
    background: #ddf3f0;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
    border-left: 2px solid #17d6bc
}

.ev-calendar .event-time .time-notavail {
    color: #e82030;
    font-size: 12px;
    padding: 5px;
    background: #fee;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
    border-left: 2px solid #e82030
}

.event-time {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 27px
}

.ev-calendar .days li:hover .date a {
    background-color: rgb(117 159 199 / 80%) !important;
    border-radius: 50%;
    color: #fff;
    transition: background-color .2s
}

.ev-calendar .days li.month-holiday:hover .date a {
    background: 0 0 !important;
    color: #c6c6c6 !important
}

.active-date .date a {
    color: #f90b1e !important
}

.ev-calendar .days .active-date {
    background: rgb(199 217 234 / 15%)
}

.ev-calendar .days li.active-date:hover .date a {
    color: #fff !important
}

.hov-content-tooltip {
    position: relative
}

.hov-content-tooltip .tooltip-content {
    margin-left: -999em;
    position: absolute
}

.hov-content-tooltip:hover .tooltip-content {
    position: absolute;
    left: 5.3em;
    top: auto;
    z-index: 99;
    margin-left: 0;
    width: 280px;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 0 0 rgb(194 194 194 / 30%);
    -webkit-box-shadow: 2px 2px 0 0 rgb(194 194 194 / 30%);
    -moz-box-shadow: 2px 2px 0 0 rgb(194 194 194 / 30%)
}

.tooltip-content {
    background: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: .7em
}

.label-tool {
    display: flex;
    color: #363636;
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 5px
}

.label-tool span.colen {
    color: #1860a8;
    position: relative;
    white-space: nowrap
}

.colen:after {
    content: ':';
    position: absolute;
    top: 0;
    right: -5px
}

.reportrange {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #eaebef;
    border-radius: 3px;
    padding: 18px 12px 4px;
    height: 44px;
    font-size: 13px;
    cursor: pointer;
    color: #363636;
    font-weight: 600
}

.reportrange.common-width {
    width: 299px
}

.reportrange.common-width .fa-caret-down {
    float: right
}

.reportrange .fa-calendar {
    color: #e82030
}

.daterangepicker {
    font-family: aktiv-grotesk, sans-serif !important
}

tr.dtrg-group.dtrg-start td {
    font-weight: 700 !important;
    padding: 6px 8px 4px !important
}

tr.dtrg-group.dtrg-start {
    background: rgb(237 239 243 / 50%)
}

.w-day {
    color: #c6c6c6;
    font-weight: 500;
    font-size: 12px;
    position: relative;
    top: -5px
}

tr.dtrg-group.dtrg-start td {
    font-weight: 800;
    color: #02080d;
    font-size: 24px
}

.timeColor {
    color: #e82030 !important;
    font-size: 14px !important;
    font-weight: 500 !important
}

.blueLink {
    color: #2953b7;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 500
}

.linkBlue {
    color: #1f459f;
    font-size: 14px;
    font-weight: 500
}

.linkSky {
    color: #258ed4;
    font-size: 14px;
    font-weight: 500
}

.linkBlue:hover {
    color: #597ed4
}

.linkBlue:hover,
.linkSky:hover,
.timeColor:hover {
    text-decoration: none
}

.expandTable .calendar-indx.table-hover tbody tr:hover {
    background-color: transparent
}

.expandTable .calendar-indx.table-hover tbody tr.dtrg-group:hover {
    background-color: rgba(0, 0, 0, .04)
}

.time-av {
    color: #18a390;
    font-size: 12px;
    padding: 5px;
    background: #ddf3f0;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%);
    border-radius: 0 5px 5px 0;
    border-left: 2px solid #17d6bc
}

.ev-calendar .event-time .time-avail.ev-all,
.ev-calendar .event-time .time-notavail.ev-all {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%
}

.ev-sales {
    color: #33c5f8;
    font-weight: 500
}

.ev-buyer {
    color: #1f459f;
    font-weight: 500
}

.ev-consultant {
    color: #363636;
    font-weight: 500
}

.ev_names {
    line-height: 16px
}

.ev-blocked {
    cursor: default
}

.month-view.ev-calendar .date a {
    cursor: default
}

.btn-toggle {
    top: 50%;
    transform: translateY(-33%)
}

.btn-toggle {
    margin: 0 7rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8
}

.btn-toggle.focus,
.btn-toggle.focus.active,
.btn-toggle:focus,
.btn-toggle:focus.active {
    outline: 0
}

.btn-toggle:after,
.btn-toggle:before {
    line-height: 1.5rem;
    width: 20rem;
    text-align: center;
    font-weight: 600;
    font-size: .75rem;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s
}

.btn-toggle:before {
    content: 'Show Lots';
    left: -4rem
}

.btn-toggle:after {
    content: 'Hide Lots';
    right: -4rem;
    opacity: .5
}

.btn-toggle>.handle {
    position: absolute;
    top: .1875rem;
    left: .1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s
}

.btn-toggle.active {
    transition: background-color .25s
}

.btn-toggle.active>.handle {
    left: 1.6875rem;
    transition: left .25s
}

.btn-toggle.active:before {
    opacity: .5
}

.btn-toggle.active:after {
    opacity: 1
}

.btn-toggle:after,
.btn-toggle:before {
    color: #6b7381
}

.btn-toggle.active {
    background-color: #1bbca6
}

.togg-switch {
    position: relative
}

.cl-open .btn-toggle:after {
    content: 'home buyer and under contract';
    right: 10px;
    opacity: 1;
    font-size: 14px;
    text-decoration: underline;
    color: #5b5b5b;
    font-weight: 500;
    letter-spacing: .5px
}

.cl-open .btn-toggle:before {
    display: none
}

.cl-open .btn-toggle {
    margin-right: 5px
}

.apps-search .fa-edit,
.month-search .fa-edit {
    color: #ffb91b;
    font-size: 16px;
    transition: .3s all
}

.apps-search .fa-edit:hover,
.month-search .fa-edit:hover {
    color: #ffc94e;
    transition: .3s all
}

.timeNext .formreq {
    top: 3px
}

.sm-calendar .mn-title {
    font-size: 16px
}

.sm-calendar .month-title .ti-angle-left,
.sm-calendar .month-title .ti-angle-right {
    font-size: 14px;
    padding: 5px
}

.sm-calendar .current-month {
    padding-top: .3rem !important;
    padding-bottom: .3rem !important
}

.sm-calendar .ev-calendar ul.weekdays li {
    font-size: 12px;
    font-weight: 600
}

.sm-calendar .ev-calendar .date {
    font-size: 12px;
    margin-bottom: 1px;
    padding: 1px
}

.sm-calendar .ev-calendar a {
    font-size: 12px
}

.sm-calendar .ev-calendar .date a {
    line-height: 20px;
    width: 20px;
    height: 20px
}

.sm-calendar .ev-calendar .event-time .time-avail,
.sm-calendar .ev-calendar .event-time .time-notavail {
    font-size: 10px;
    padding: 3px 2px;
    font-weight: 600
}

.sm-calendar .ev-calendar .event {
    padding: 0 0
}

.sm-calendar .event-time {
    line-height: 19px
}

.sm-calendar .ev-calendar li {
    padding: 2px 3px
}

.sm-calendar .label-tool {
    font-size: 11px;
    margin-bottom: 1px
}

.sm-calendar .tooltip-content {
    left: 20% !important;
    top: 100% !important;
    display: inline-table;
    padding: .3em;
    width: 220px !important
}

.cmHeading.mb-0 {
    margin-bottom: 0 !important
}

.no-data {
    color: #8f9192;
    font-style: italic;
    font-size: 13px;
    font-weight: 500
}

.daterangepicker .ranges li.active {
    background-color: #e43d32 !important
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #e43d32 !important
}

.daterangepicker td.in-range {
    background-color: #ffedec !important
}

.daterangepicker td.end-date {
    background-color: #e43d32 !important
}

.daterangepicker td.in-range {
    background-color: #ffedec !important
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff !important
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #e43d32 !important
}

.applyBtn.btn-primary {
    background-color: #3f3b3c;
    border-color: #3f3b3c
}

.applyBtn.btn-primary.disabled,
.applyBtn.btn-primary:disabled {
    background-color: #3f3b3c;
    border-color: #3f3b3c
}

.brd-lft {
    border-left: 2px solid #f3a834;
    padding-left: 10px
}

.yes-block {
    color: #e82030;
    font-weight: 500;
    background: #fee;
    border-radius: 3px;
    padding: 6px 8px
}

.ev-calendar ul.weekdays li:first-child,
.ev-calendar ul.weekdays li:last-child {
    background: #fff;
    color: #c6c6c6
}

.rangeLabel {
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #8f9192;
    margin: 0;
    font-weight: 500
}

.p-l-2 {
    padding-left: 2px !important
}

.tt-suggestion {
    font-family: aktiv-grotesk, sans-serif;
    color: #02080d !important;
    font-size: 14px !important
}

.tt-suggestion:hover {
    color: #fff !important
}

.tt-suggestion:focus,
.tt-suggestion:hover {
    background-color: #e33c31 !important
}

.input-group>.form-control.date-float:focus {
    z-index: 1
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #e43d32;
    background-image: -moz-linear-gradient(to bottom, #e43d32, #e43d32);
    background-image: -ms-linear-gradient(to bottom, #e43d32, #e43d32);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e43d32), to(#f35449));
    background-image: -webkit-linear-gradient(to bottom, #e43d32, #e43d32);
    background-image: -o-linear-gradient(to bottom, #e43d32, #e43d32);
    background-image: linear-gradient(to bottom, #e43d32, #e43d32);
    background-repeat: repeat-x;
    border-color: #e43d32 #e43d32 #ca2015;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%)
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #363636;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#363636));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #363636, #363636);
    background-repeat: repeat-x;
    border-color: #363636 #363636 #363636;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff
}

.expAccn table.dataTable.dtr-column>tbody>tr>td.control:before,
.expAccn table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
.expAccn table.dataTable.dtr-column>tbody>tr>th.control:before,
.expAccn table.dataTable.dtr-column>tbody>tr>th.dtr-control:before {
    top: 45%;
    height: 20px;
    width: 20px;
    color: #000;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    line-height: 20px;
    background-color: #d6d6d6;
    font-size: 18px
}

 table.leads-assign.dataTable.dtr-column > tbody > tr > td.control:before,
 table.leads-assign.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
 table.leads-assign.dataTable.dtr-column > tbody > tr > th.control:before,
 table.leads-assign.dataTable.dtr-column > tbody > tr > th.dtr-control:before {
    background-color: #4bac3b !important;
    color: #FFF !important;
}

table.leads-assign.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.leads-assign.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.leads-assign.dataTable.dtr-column > tbody > tr.parent th.control:before, 
table.leads-assign.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before {
    background-color: #cc3232 !important;
}

.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 45%
}

.expWidth {
    width: 20px
}

.badge-yes {
    background: #00d4c8;
    color: #333
}

.badge-yes:hover {
    background: #0bc4b9
}

.badge-yes:hover {
    color: #333
}

.badge-no {
    background: #fb5779;
    color: #fff
}

.eye-blue {
    font-size: 14px;
    color: #1860a8
}

.eye-blur {
    color: #fb5779;
    font-size: 14px
}

.text-email.btn:disabled {
    cursor: not-allowed
}

.leadsOnly table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    width: auto
}

.borderGray {
    border-bottom: 1px solid #dfe8f3
}

.leadsOnly .addMob2 {
    background: #607d8b;
    padding: 8px 12px
}

.customtool .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left
}

.customtool .sel-wrap .select2 .selection .select2-selection {
    border-radius: 5px;
    height: 40px
}

.cma-list .customtool {
    width: 40%
}

.badge.badge-no:hover {
    color: #fff
}

.labelContent .surveyBox .form-group {
    height: 60px;
    align-items: center
}

.sepColumn {
    width: 50%
}

.inncol {
    width: 33.3%
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.pt-2px {
    padding-top: 2px
}

.cursorNot {
    cursor: not-allowed
}

.topAdjust .custom-search input.form-control {
    border-radius: 2px;
    font-size: 13px;
    height: 44px
}

.topAdjust .custom-search .btn {
    height: 44px;
    border-radius: 2px
}

.c-holdresold:hover i {
    color: #fff
}

.expOnly .chkLabel label {
    font-size: 12px
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    background-color: #e13c31
}

.dropdown-item.active span,
.dropdown-item.active span i,
.dropdown-item:active span,
.dropdown-item:active span i {
    color: #fff
}

.dropdown-item:focus span,
.dropdown-item:focus span i,
.dropdown-item:hover span,
.dropdown-item:hover span i {
    color: #fff
}

#pills-lotchain div.dataTables_wrapper div.dataTables_filter input::placeholder {
    font-size: 12px;
    color: #677a84
}

#pills-lotchain .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
#pills-lotchain .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 8px;
    top: 45% !important
}

#pills-rfe .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
#pills-rfe .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 8px;
    top: 45% !important
}

#pills-lotchain table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: 30px !important
}

#pills-rfe table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: 35px !important
}

.cllistOnly [tooltip]:not([flow])::after {
    left: 50%
}

.has-float-label input.form-control+.error:hover,
.has-float-label input.form-control+.invalid:hover {
    overflow: visible
}

table.miscdtTable.dataTable thead .sorting_asc:after,
table.miscdtTable.dataTable thead .sorting_desc:after {
    left: 5.2em !important;
    bottom: 1.1em
}

table.miscdtTable.dataTable thead .sorting_asc:before,
table.miscdtTable.dataTable thead .sorting_desc:before {
    left: 5.7em !important;
    bottom: 1.1em
}

.ctrOnly .msSelect .select2-container--default .select2-selection--multiple {
    height: 80px
}

.ctrOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 80px
}

.miscdtTable .acAction {
    width: 100%;
    text-align: right;
    float: right;
    padding-right: 20px
}

#source_type .csSelect2 label {
    left: 10px !important;
    transform: translateY(-53%);
    display: inherit;
    font-size: 12px
}

#source_type input+label {
    top: -8px !important
}

.innTop.inAd {
    overflow-x: auto !important
}

.comScroll {
    white-space: initial
}

.dtPart table.miscdtTable.dataTable th {
    padding: 12px 15px
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed
}

.mbldesn {
    color: #e53d32;
    font-size: 13px
}

.formInp {
    font-size: 14px;
    padding-top: 6px;
    font-weight: 600
}

.noLabel .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0 !important
}

.msSelect {
    position: relative
}

.msSelect span.error,
.msSelect span.invalid {
    position: absolute;
    bottom: 0
}

.msSelect span.error,
.msSelect span.invalid {
    position: absolute;
    bottom: 0
}

.hgt80Error.msSelect span.error,
.msSelect span.invalid {
    bottom: -16px
}

.hgt80Error .select2-container .select2-search--inline .select2-search__field {
    margin-top: 15px
}

.warrContent .tabPart .nav.nav-pills {
    width: fit-content;
    margin: auto;
    background: rgba(237, 239, 243, .76);
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
    border-radius: 6px
}

.warrContent .tabPart .nav-pills .nav-link.active {
    position: relative;
    color: #eff1f4;
    background: #363636;
    border: none;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgb(41 94 109 / 12%);
    border-radius: 6px !important;
    margin: 0;
    padding: 8px 12px;
    transition: all .7s;
    border-right: 1px solid #e5e7eb
}

.warrContent .tabPart .nav-pills .nav-link {
    margin: 0;
    color: #363636;
    padding: 8px 12px;
    border-right: 1px solid #e5e7eb;
    transition: all .3s
}

.warrContent .tabPart .nav-pills li:last-child .nav-link {
    border: none
}

.warrContent .tabPart .nav-pills .nav-link.active::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #363636;
    bottom: -5px;
    left: 44%;
    transform: rotateZ(45deg);
    transition: all .3s
}

.blackGradient {
    background: linear-gradient(180deg, rgba(54, 54, 54, .5) 0, #363636 100%);
    border-radius: 3px
}

.skyGradient {
    background: linear-gradient(180deg, rgba(22, 134, 209, .5) 0, #1686d1 100%);
    border-radius: 3px
}

.yellowGradient {
    background: linear-gradient(180deg, rgba(255, 182, 30, .5) 0, #ffb61e 100%);
    border-radius: 3px
}

.redGradient {
    background: linear-gradient(180deg, rgba(232, 32, 48, .5) 0, #e82030 100%);
    border-radius: 3px
}

.blackGradient:hover,
.redGradient:hover,
.skyGradient:hover,
.yellowGradient:hover {
    color: #fff
}

.sortFile {
    display: block;
    width: 123px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.warTop {
    position: relative;
    top: -55px
}

.warrContent .tabPart .nav-pills .nav-link:hover {
    color: #fff;
    background: #363636;
    border-radius: 6px !important;
    transition: all .3s
}

.form-control:disabled,
.form-control[readonly] {
    background: #f9f9fb
}

.btn-file {
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #363636;
    font-weight: 500
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    color: #363636;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    outline: 0;
    background: #fff;
    cursor: inherit;
    display: block
}

.mtFiles h6 {
    color: #363636;
    font-size: 14px;
    font-weight: 500
}

.mtFiles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #eaebef;
    padding: 10px
}

.mtFiles .fas.fa-cloud-upload-alt {
    color: #959597;
    font-size: 16px
}

.mtFiles .btn-file {
    border: 1px dashed #dbdce1
}

.filesmulty {
    list-style: none;
    margin-bottom: 0;
    width: 100%;
    padding-left: 0
}

.filesmulty li {
    font-size: 12px;
    padding-top: 5px
}

.fileBlue {
    color: #1f459f;
    font-weight: 500;
    font-size: 13px
}

.resizeAuto {
    resize: auto !important
}

.resizeNone {
    resize: none !important
}

.htauto-310 {
    height: auto !important;
    max-height: 310px !important;
    overflow-x: hidden;
    overflow-y: auto
}

.msSelect label {
    width: calc(100% - 64px)
}

.msSelect label.selected {
    width: calc(100% - 54px)
}

.warrContent .tabPart .verticalTab .nav.nav-pills {
    width: auto;
    height: 100%;
    border-radius: 0;
    border: none;
    background: #e7e9ec
}

.warrContent .tabPart .verticalTab .nav-pills .nav-link {
    border-radius: 0 !important;
    color: #363636;
    border: none;
    border-left: 4px solid transparent;
    padding: 10px 12px
}

.warrContent .tabPart .verticalTab .nav-pills .nav-link.active {
    background: #363636;
    box-shadow: none;
    color: #fff;
    border-left: 4px solid #ff4d40
}

.warrContent .tabPart .verticalTab .nav-pills .nav-link.active::after {
    display: none
}

.communityDash_info .contentPanel.verticalTab {
    border: 1px solid #ebebeb
}

.warrContent .tabPart .verticalTab .nav-pills .nav-link:hover {
    background: #d8d8d8
}

.warrContent .tabPart .verticalTab .nav-pills .nav-link.active:hover {
    background: #363636
}

.warrContent .tabPart .verticalTab .nav-pills li.active:last-child .nav-link {
    border-left: 4px solid #e13c31
}

.w-210 {
    width: 210px !important
}

.ti-plus.nocss {
    background: 0 0;
    padding: 0;
    color: initial;
    opacity: 1;
    font-size: 14px
}

a.c-compresold2:hover,
a.c-compresold:hover,
a.c-holdresold:hover,
a.c-sold:hover {
    color: #fff;
    text-decoration: none
}

.wrdOnly .sel-wrap .select2 .selection .select2-selection {
    background-color: #f9f9f9
}

.wrdOnly .has-float-label input,
.wrdOnly .has-float-label textarea {
    background-color: #f9f9f9
}

.formCard {
    border: 1px solid #edeff3
}

.formCard-top {
    background: #edeff3
}

.formLabel3 {
    color: #888;
    font-size: 14px
}

.labelValue {
    font-size: 14px;
    color: #363636;
    font-weight: 600
}

.formCard-top .formLabel3 {
    width: 25%
}

.formCard-top .labelValue {
    width: 25%
}

.formlabelLeft,
.formlabelRight {
    width: 50%
}

.select2-bottom .sel-wrap .select2 .selection .select2-selection {
    border: 1px solid transparent;
    border-bottom: 1px solid #d8d8d8
}

.select2-bottom .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.input-group.csSelect2.select2-bottom>label.filled {
    left: 0;
    top: 10px
}

.has-float-label.inputBottom input {
    border: 1px solid transparent;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0
}

.has-float-label.textarea-bottom textarea {
    border: 1px solid transparent;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 0
}

.has-float-label.textarea-bottom textarea+label,
.has-float-label.textarea-bottom textarea.form-control:placeholder-shown:not(:focus)+*,
.has-float-label.textarea-bottom textarea.valid+label {
    left: auto
}

.has-float-label.inputBottom label,
.has-float-label>span {
    left: auto
}

.has-float-label.inputBottom .form-control:placeholder-shown:not(:focus)+* {
    left: auto
}

.historyPart {
    background: #f1f3f6b8;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 0 1px 3px 1px #d3d9eb
}

.historyPart .smTitle {
    background: #1f459f29;
    padding: 10px;
    border-radius: 6px 6px 0 0
}

.historyPart li {
    padding: 10px;
    border-bottom: 1px solid #dfe3f1
}

.historyPart li:last-child {
    border-bottom: 1px solid transparent
}

.histName {
    width: 50%;
    display: flex;
    flex-direction: column
}

.histother {
    width: 20%
}

.histlast1 {
    width: 10%
}

.histlast2 {
    width: 20%
}

.histName p {
    font-size: 14px;
    color: #555;
    font-weight: 500
}

.sel-wrap.bgGray2 .select2 .selection .select2-selection {
    background: #f9f9f9 !important
}

.warr-po .formlabelLeft {
    width: 100%
}

.warr-po .formLabel3 {
    width: 100%
}

.fileNormalhgt .input-group-text {
    padding: .92rem .75rem
}

.fileNormalhgt.themeFileInput .custom-file-label {
    height: 44px !important;
    line-height: 32px
}

.txtareaBorder {
    border: 1px solid #eaebef !important
}

.dtPart.expandTable.tableNew table.dataTable tfoot th {
    padding-left: 12px !important
}

.ideboxLeft {
    width: 22%;
    background: #ebebeb
}

.ideboxRight {
    width: 78%
}

.comSwitch .btn-toggle.active,
.logSwitch .btn-toggle.active {
    background: linear-gradient(180deg, rgba(31, 69, 159, .5) 0, #1f459f 100%)
}

.logSwitch .btn-toggle:before {
    content: 'Show Log'
}

.comSwitch .btn-toggle:before {
    content: 'Show Completed'
}

.comSwitch .btn-toggle:after,
.logSwitch .btn-toggle:after {
    display: none
}

.comSwitch .btn-toggle:before,
.logSwitch .btn-toggle:before {
    opacity: 1
}

.logSwitch .btn-toggle {
    margin: 2rem 0 0
}

.comSwitch .btn-toggle {
    margin: .5rem 0 0
}

.comSwitch .btn-toggle:before,
.logSwitch .btn-toggle:before {
    font-weight: 500;
    font-size: 15px;
    color: #363636;
    letter-spacing: 0
}

.comSwitch .btn-toggle:before {
    width: 24rem;
    left: -4.5rem
}

.editIcon {
    color: #ffb61e;
    position: absolute;
    z-index: 2;
    padding: 5px;
    right: 45%;
    font-size: 14px;
    cursor: pointer
}

.addEdit i.fas.fa-pencil-alt {
    font-size: 10px;
    background-color: #ffb61e;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px 0 0 3px;
    cursor: pointer
}

.addEdit i.fas.fa-plus {
    font-size: 10px;
    background-color: #236fbb;
    color: #fff;
    padding: 2px 5px;
    border-radius: 0 3px 3px 0;
    cursor: pointer
}

.addEdit {
    position: absolute;
    top: 6px;
    left: 70px;
    z-index: 2
}

.largeSelect .sel-wrap .select2 .selection .select2-selection {
    background-color: #f9f9f9
}

.largeSelect .sel-wrap .select2 .selection .select2-selection {
    height: 50px
}

.largeSelect .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 52px
}

.largeSelect.input-group.csSelect2>label {
    top: 16px
}

.largeSelect .sel-wrap .select2 .selection .select2-selection:hover {
    background: #ffefef
}

.ideboxRight .tabPart .nav-pills .nav-link,
.tabPart .nav-pills .show>.nav-link {
    margin: 16px 20px 0
}

.dividerOrange {
    width: 50px;
    height: 2px;
    background: #f6bd66
}

.sticky-left {
    position: sticky;
    top: 65px;
    height: calc(100vh - 65px)
}

.sticky-tab {
    position: sticky;
    top: 65px;
    z-index: 2
}

.sticky-save {
    position: sticky;
    top: 150px;
    z-index: 2;
    height: calc(100vh - 150px)
}

.fixed-header {
    position: fixed;
    top: 80px;
    right: 25px;
    width: 100%;
    z-index: 2
}

.row.nav-selects {
    width: 100%;
    background: #fff
}

.focus-none {
    border-color: transparent !important
}

.comScrollspy ul.navbar-nav {
    width: fit-content;
    margin: auto;
    background: rgba(237, 239, 243, .76);
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
    border-radius: 6px
}

.comScrollspy .navbar-expand-sm .navbar-nav .nav-link {
    margin: 0;
    color: #363636;
    padding: 8px 12px;
    border-right: 1px solid #e5e7eb;
    transition: all .3s;
    font-size: 14px;
    font-weight: 600
}

.comScrollspy .navbar-expand-sm .navbar-nav .nav-link.active {
    position: relative;
    color: #eff1f4;
    background: #363636;
    border: none;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgb(41 94 109 / 12%);
    border-radius: 6px !important;
    margin: 0;
    padding: 8px 12px;
    transition: all .7s
}

.form-control.tracking-date:disabled {
    background: #edeff3
}

.set-padding {
    padding-left: 30px
}

.close-btn .fa-times {
    pointer-events: none;
    color: #0764c3;
    font-size: 12px
}

.timpadd {
    padding-left: 30px;
    padding-top: 5px
}

button.close-btn {
    border-radius: 20px;
    width: 25px;
    height: 25px;
    border: 1px solid #edeff3;
    background: #fff
}

.ideContent .hov-content-tooltip:hover .tooltip-content {
    left: auto;
    width: 220px
}

.tabledit-input:disabled {
    display: none
}

.tkdownrow .tableNew .dataTables_wrapper.dt-bootstrap4 .row+.row .col-sm-12 {
    overflow-x: auto;
    padding: 0
}

.tkdownrow .tableNew .dataTables_wrapper.dt-bootstrap4 .row+.row {
    width: 100%;
    margin: 0
}

.tkdownrow .input-group.acDate>.form-control {
    height: 32px;
    border-radius: 6px;
    border: 1px solid #f7ebeb
}

.width120 {
    width: 120px !important
}

.width220 {
    width: 220px !important
}

.width150 {
    width: 150px !important
}

.expandTable table.dataTable td.tabletime {
    vertical-align: middle !important;
    padding: 7px 2px 7px !important
}

.timeinline .bootstrap-datetimepicker-widget table td.day {
    height: 15px !important;
    line-height: 12px !important;
    width: 15px !important
}

.timeinline .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 100px !important
}

.expandTable table.dataTable .tabletime th {
    padding: 5px 5px 5px 5px !important
}

.tkdownrow .tabletime .input-group.acDate>.form-control.tablew150 {
    height: 32px;
    border-radius: 6px;
    border: 1px solid #f7ebeb;
    width: 150px
}

.timeinline th.tblTotal {
    font-size: 14px !important
}

.wrdOnly .has-float-label textarea+label,
.wrdOnly .has-float-label textarea.valid+label {
    background: #f9f9f9
}

.select2-bottom .sel-wrap .select2-container.error .select2-selection {
    border-bottom: 1px solid #efa3a3
}

.qmiOnly .boxAdvanceSearch.deskCustom.hgtAdjust {
    height: auto
}

.qmiOnly .customtool {
    width: auto
}

.box-shadow {
    box-shadow: 0 3px 3px 0 #e8e8e8
}

.boxInner .imgTop img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    height: 100%
}

.boxInner:hover .imgTop img {
    transform: scale(1)
}

.imgTop {
    padding: 10px 30px;
    height: 80px
}

.qmiBox .imageHov {
    width: 30%
}

.qmiBox .card-content {
    width: 70%
}

.qmiBox .boxInner .imageHov img {
    height: 90px
}

.qmiBox .card-content .card-title {
    font-size: 15px;
    width: fit-content;
    margin-bottom: 5px
}

.qmiBox .card-content p {
    font-size: 16px
}

.qmiBox .avcit {
    font-size: 13px
}

.qmiBox .boxInner {
    height: 100%
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid transparent !important
}

.border-blue {
    border: 2px solid #1f459f
}

.fltwidth {
    width: 17px;
    height: 12px
}

.emp-list .smLabel {
    padding: 4px 7px 2px;
}

.empboxLeft {
    width: 20%
}

.empboxRight {
    width: 80%
}

.empboxLeft .navbar-nav .nav-link {
    color: #363636;
    font-size: 14px
}

.empboxLeft .navbar-nav .nav-link.active {
    font-weight: 600
}

.phformat {
    font-size: 13px;
    color: #ee2619
}

.input-group.csSelect2>label.lbladj.filled {
    left: 26px
}

.sel-wrap.nolable .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 0
}

.empTop {
    position: relative;
    margin-top: -55px
}

.scrlNums {
    width: 20px;
    height: 20px;
    border: 1px solid #c4c4c4;
    border-radius: 60px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c4c4c4;
    font-weight: 400;
    background: #fff;
    padding-top: 0;
    line-height: 20px
}

.empboxLeft li.nav-item {
    margin-bottom: 5px
}

.empboxLeft .navbar-nav .nav-link.active .scrlNums {
    font-weight: 600;
    color: #363636;
    border: 1px solid #363636
}

.prfRound {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.fileNext .input-group-text {
    height: 34px;
    background-color: #fff
}

.has-float-label .input-group.acDate.dateBottom .input-group-append,
.has-float-label .input-group.acDate.dateBottom>.form-control {
    border: 1px solid transparent;
    border-bottom: 1px solid #d8d8d8
}

.has-float-label label.iconTop {
    top: -2px
}

.empaddOnly .cs-rad [type=radio]:checked+label,
.empaddOnly .cs-rad [type=radio]:not(:checked)+label {
    font-size: 13px
}

.portalDetails .custom-control.custom-checkbox {
    width: 25%
}

.portalDetails .custom-control.custom-checkbox.estWidth {
    width: 10%
}

.portalDetails .chkLabel label {
    font-size: 13px
}

.empboxLeft .navbar {
    padding: .5rem 0 .5rem .5rem
}

.customProgress .progress-bar {
    background: linear-gradient(180deg, rgba(54, 54, 54, .47) 0, #363636 100%);
    border-radius: 10px
}

.customProgress .progress {
    height: 8px;
    background: linear-gradient(180deg, #f0f0f0 0, #d5d5d5 100%)
}

.customProgress {
    background: #eff1f4;
    display: block;
    width: 100%
}

.progress-value {
    color: #363636;
    font-size: 13px;
    font-weight: 800
}

.scrollspy-emphgt {
    padding-top: 70px !important;
    margin-top: -70px !important;
    height: auto
}

.fileRemove {
    color: #dd0c06;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 10px;
    cursor: pointer
}

.empOnly .helptip[tooltip]::after {
    left: auto;
    font-size: 11px;
    min-width: max-content;
    background: #363636
}

.empOnly .helptip[tooltip]::before {
    left: auto;
    border-top-color: #363636
}

.responsivetabs-more .dropdown-toggle:after {
    display: none
}

li.dropdown.responsivetabs-more {
    width: 25px;
    text-align: center;
    position: absolute;
    right: 20px
}

li.dropdown.responsivetabs-more a {
    text-decoration: none;
    color: #363636;
    position: relative;
    vertical-align: super;
    font-weight: 500
}

li.dropdown.responsivetabs-more .dropdown-menu a.dropdown-item {
    font-size: 12px;
    text-decoration: none;
    color: #363636 !important;
    position: relative;
    vertical-align: super;
    font-weight: 500;
    padding: 3px 10px
}

li.dropdown.responsivetabs-more .dropdown-menu a.dropdown-item.active {
    color: #fff !important
}

li.dropdown.responsivetabs-more .dropdown-menu a.dropdown-item:hover {
    color: #fff
}

.career-list .yellowGradient {
    height: 30px;
    line-height: 16px
}

.career-list .redGradient {
    height: 30px;
    line-height: 16px
}

.dwLink {
    border: 1px solid #e8e8e8
}

.themeEditor.toolAdjust .fr-toolbar.fr-bottom {
    bottom: auto !important
}

.themeEditor.toolAdjust .fr-sticky-dummy {
    height: auto !important
}

li.dropdown.responsivetabs-more .dropdown-menu a.nav-link {
    color: #363636 !important;
    font-weight: 600
}

li.dropdown.responsivetabs-more .dropdown-menu a.nav-link.active {
    width: 100%;
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important
}

li.dropdown.responsivetabs-more .dropdown-menu a.nav-link:hover {
    color: #fff !important;
    background: #e13c31 !important
}

li.dropdown.responsivetabs-more .dropdown-menu a.nav-link.active::after {
    display: none
}

.ptb-11 {
    padding-top: 11px;
    padding-bottom: 11px
}

.manage-role .logSwitch .btn-toggle:before {
    display: none
}

.roleOnly .helptip[tooltip]::after {
    min-width: fit-content;
    max-width: fit-content
}

.roleOnly [tooltip]:not([flow])::after {
    left: 50%
}

.roleOnly .logSwitch .btn-toggle {
    margin: 1rem 0 0
}

.userpmOnly .portalDetails .custom-control.custom-checkbox {
    width: 20%
}

.userpmOnly .portalDetails .chkLabel label {
    padding-right: 10px
}

.permissionTable .table thead th {
    font-size: 12px;
    font-weight: 500;
    color: #363636
}

.permissionTable {
    width: 75%
}

.userpmOnly .check-top .custom-control-input:checked~.custom-control-label::before {
    border-color: #1f459f;
    background-color: #1f459f
}

.permissionTable .table {
    border: 1px solid #edeff3
}

.permissionTable .table thead th {
    border-bottom: 2px solid #edeff3;
    font-weight: 600;
    vertical-align: middle;
    position: relative
}

.permissionTable .table td {
    padding: .4rem .8rem .5rem;
    border-top: 1px solid #edeff3
}

.permissionTable .table th {
    padding: .6rem .8rem;
    border-top: 1px solid #edeff3
}

.tbw-40 {
    width: 40px !important
}

.permissionTable .search-data tr:hover .custom-control-label {
    color: #1f459f
}

.permissionTable i.fas.fa-eye,
.permissionTable i.fas.fa-pencil-alt,
.permissionTable i.fas.fa-plus-square {
    font-size: 15px
}

.permissionTable i.fas.fa-trash {
    font-size: 13px;
    color: #ea3745
}

.permissionTable i.fas.fa-pencil-alt {
    color: #fcb30e
}

.permissionTable i.fas.fa-plus-square {
    color: #7dbb43
}

.permissionTable i.fas.fa-eye {
    color: #165fa8
}

.subTd {
    padding-left: 65px !important
}

.smallSearch.custom-search input.form-control {
    font-size: 13px;
    height: 30px
}

.smallSearch.custom-search .btn {
    height: 30px;
    line-height: 11px
}

.smallSearch.custom-search .ti-search {
    font-size: 12px
}

.custom-search.smallSearch {
    width: 150px
}

.hslabel {
    border-radius: 30px;
    padding: 2px 3px 4px 3px;
    margin-right: 5px
}

.hsBlue {
    background: #0f75b9
}

.hsRed {
    background: #dd0c06
}

.hsGreen {
    background: #60ac22
}

.hsYellow {
    background: #fcb30e
}

.hsOrange {
    background: #f97000
}

.hsPurple {
    background: #7b75d4
}

.grayLabel {
    color: #888
}

.nxtBox.packageBox .boxInner {
    width: 100%
}

.nxtBox.packageBox .card-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.nxtBox .boxInner {
    box-shadow: none
}

.packageBox.nxtBox.bg-white {
    box-shadow: 0 3px 2px rgba(0, 0, 0, .08)
}

.head1,
.head2,
.head3 {
    padding: 15px;
    box-sizing: border-box;
    border-radius: 6px 6px 0 0;
    border: 15px solid #f8f8f8;
    border-bottom: 1px solid transparent;
    outline: 1px solid #E5E7EB
}

.head1 {
    width: 26%
}

.head2,
.head3 {
    width: 37%
}

.datacol1,
.datacol2,
.datacol3 {
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    background: #fff
}

.datacol1 {
    width: 26%
}

.datacol2,
.datacol3 {
    width: 37%
}

.packageTable {
    width: 80%;
    margin: auto
}

.packageTable .packHeading h5 {
    color: #f96363
}

.head2 span.textsma1,
.head2 span.textsma2 {
    color: #33c5f8
}

.head3 span.textsma1,
.head3 span.textsma2 {
    color: #f96363
}

.datacol1 p {
    color: #555;
    font-size: 14px
}

.datacol2 p,
.datacol3 p {
    color: #02080d;
    font-size: 14px;
    font-weight: 600
}

.outline-0 {
    outline: 0 solid transparent !important
}

.borderbotTrans {
    border-bottom: 1px solid transparent !important
}

.borderritTrans {
    border-right: 1px solid transparent !important
}

.borderleftTrans {
    border-left: 1px solid transparent !important
}

.packData:last-child .datacol1,
.packData:last-child .datacol2,
.packData:last-child .datacol3 {
    border-bottom: 1px solid #e5e7eb
}

.packageTable .packHeading h4,
.packageTable .packHeading h5 {
    font-size: 23px
}

.packageTable .h4-inner,
.packageTable .h5-inner {
    font-size: 35px !important
}

.hometrad {
    width: 65%
}

.package-lot .btn-red {
    padding: 4px 5px
}

.careerList .select2-results__options li:nth-child(2) {
    background: #000;
    color: #fff
}

.uploadRem input[type=file] {
    display: block;
    cursor: pointer
}

.uploadRem .remove {
    display: block;
    background: #444;
    border: 1px solid #000;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.uploadRem .remove:hover {
    background: #fff;
    color: #000
}

.uploadRem .custom-file-label {
    width: 70%
}

.uploadRem .pip {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.uploadRem .imageThumb {
    object-fit: cover;
    object-position: center;
    border-radius: 60%;
    width: 100%;
    height: auto
}

.uploadRem .fileRemove {
    color: #dd0c06;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
    position: absolute;
    line-height: 0;
    height: 0;
    top: -23px;
    right: 0
}

.fileNext .custom-file-input {
    cursor: pointer
}

.infoContent {
    background: url(../img/profile-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    background-size: cover
}

.profImage {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 60%
}

.profImage img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: auto
}

.proOnly .formCard-top .labelValue {
    width: 70%
}

.borderLeft {
    border-left: 1px solid #edeff3
}

.margin-auto {
    margin: auto !important
}

.boxShadow {
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08)
}

.boxShadow2 {
    box-shadow: 0 0 2px 1px rgb(0 0 0 / 8%)
}

.boxShadow3 {
    border: 1px solid #eaebef;
    box-shadow: 0 2px 9px rgba(0, 0, 0, .06)
}
.color-ptag .cre-user-nam span{
    color: #000;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 600;
} 
.cre-user-nam img{
    filter: invert(18%) sepia(59%) saturate(4371%) hue-rotate(345deg) brightness(110%) contrast(90%);
}
.taskBox .cre-user-nam img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.intrTask .cus-heimg{
    height: 80px !important;
}
.intrTask .cus-heimg img{
    height: 70px;
}
.blogCont .cus-smTitle a {
	color: #000;
}
.blogCont .cus-smTitle a:hover {
	color: #165fa8 !important;
    text-decoration: none;
}
.objectRes {
    cursor: pointer
}

.survOnly .expandTable table.dataTable td.pl-3 {
    padding-left: 30px !important
}

.survBadge {
    font-size: 20px;
    line-height: 13px;
    top: 2px !important;
    padding-left: 0
}

.smTime {
    color: #d928a7;
    font-size: 12px;
    margin-left: 5px;
    white-space: nowrap;
    font-weight: 600
}

.ratingStar .fa-star {
    color: #ffa71f
}

.rtCount {
    background: #7ab542;
    color: #fff;
    margin: 0 5px
}

.survRating .grayLabel {
    color: #888;
    width: 80px;
    position: relative
}

.survRating .grayLabel::after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0
}

.survRating .grayLabel.csw135 {
    width: 135px
}

.survRes .modal-lg {
    max-width: 700px
}

.surdetOnly .expandTable table.dataTable td.svdtPad {
    padding-left: 40px !important
}

.survbetaOnly .dataTables_length {
    width: 25%;
    float: left
}

.survbetaOnly .customtool {
    width: 75%
}

.survbetaOnly .has-float-label .input-group.acDate>.form-control {
    height: 40px
}

.survbetaOnly .has-float-label .input-group.acDate .input-group-append {
    height: 40px
}

.survbetaOnly .btn.btn-orange {
    height: 40px
}

.survbetaOnly .custom-search .btn,
.survbetaOnly .custom-search input.form-control {
    border-radius: 2px
}

.survbetaOnly .has-float-label .acDate span.ti-calendar {
    font-size: 12px !important
}

.acDate span.ti-time,
.survey-client .acDate span.ti-calendar {
    border: 1px solid #ced4da
}

.expandTable .survey-client span.dtr-data {
    white-space: inherit
}

.survIcon.fa-poll {
    color: #2f6fb0;
    font-size: 30px
}

.survIcon2.fas.fa-cloud-download-alt {
    color: #7ab542;
    font-size: 25px
}

.survey-client .themeFileInput .input-group-text,
.survey-client .themeInputGroup .input-group-text {
    padding: 12px 12px;
    height: 40px
}

.survey-client .themeFileInput .custom-file-label {
    height: 40px
}

.survey-form ul {
    padding-left: 0
}

.survey-form li {
    list-style: none
}

.survey-form input {
    font-size: 14px;
    padding: 10px;
    width: 50px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    text-align: left;
    border-radius: 6px;
    color: #363636;
    letter-spacing: normal;
    height: 30px;
    line-height: 30px;
    background: #fff
}

.survey-form input:focus {
    outline: 0;
    border: 1px solid #d3d3d3
}

.survey-form label {
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin-bottom: 10px
}

.survey-form .next-btn,
.survey-form .submit-btn {
    background: #165fa8;
    padding: 7px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    border-radius: 3px;
    border: 0;
    transition-property: background-color;
    transition-duration: .5s;
    width: auto;
    cursor: pointer
}

.survey-form .next-btn:hover,
.survey-form .submit-btn:hover {
    background-color: #444b5d;
    color: #fff
}

.survey-form .tab-pane {
    display: none
}

.survey-form .tab-pane:first-child {
    display: block;
    text-align: center
}

.survey-logo {
    width: 200px
}

.rating-stars {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center
}

.rating-stars .rating-stars-container {
    font-size: 0px
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 18px;
    color: #ced5e3;
    cursor: pointer;
    padding: 2px 5px
}

.rating-stars .rating-stars-container .rating-star.is--active,
.rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f4a934
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: #ced5e3
}

.survey-form .survRating .grayLabel {
    width: 150px
}

.radioSurv li {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-right: 35px;
    margin-bottom: 15px
}

.radioSurv .cs-rad [type=radio]:checked+label,
.radioSurv .cs-rad [type=radio]:not(:checked)+label {
    padding-left: 20px
}

.survRating .error {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 25px;
    padding-top: 6px
}

.survRating .error::before {
    content: '\f05a';
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px
}

.expandTable .survey-client .collapsedData .dtSelect2 {
    width: 100%;
    height: 42px;
    border-radius: 3px
}

.expandTable .survey-client .collapsedData {
    width: 100%
}

.acDate .far.fa-save {
    color: #fff !important;
    padding: 13px 12px;
    color: #878a9c;
    font-size: 15px !important;
    background: #516d84;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer
}

.survey-form {
    max-height: calc(100vh - 17vh);
    overflow-x: auto
}

.detailScroll {
    max-height: calc(100vh - 34vh);
    overflow-y: auto;
    overflow-x: hidden
}

.survey-client .btn.disabled,
.survey-client .btn:disabled {
    cursor: default;
    opacity: .3
}

.disabled-download {
    pointer-events: none;
    opacity: .3
}

.viewImage {
    width: 160px;
    height: 160px;
    overflow: hidden
}

.viewImage img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.viewLogo {
    width: 100%;
    height: 50px;
    overflow: hidden
}

.viewLogo img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.businessLogo {
    width: 100%;
    height: 400px;
    overflow: hidden
}

.businessLogo img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.businessOnly .expandTable table.dataTable td.svdtPad {
    padding-left: 30px !important
}

.reportrange.rangeDate2 {
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #fafafa;
    background: #363636;
    border: 1px solid #7d7d7d;
    height: 36px;
    font-size: 14px;
    font-weight: 500
}

.rangelabelLeft {
    margin-right: 10px
}

.svyBox {
    background: #fff;
    border: 1px solid #e5eef8;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 12px 15px;
    width: 32.5%
}

.svAct {
    background: #e3f8ef;
    box-shadow: 0 1.21569px 1.21569px rgb(3 190 109 / 10%);
    border-radius: 0 3.03922px 3.03922px 0;
    color: #03be6d;
    border-left: 2px solid #03be6d;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400
}

.svReport {
    font-size: 14px;
    color: #363636;
    white-space: nowrap
}

.chartArea {
    width: 36%
}

.chartValues i.fas.fa-circle.quesBlue {
    font-size: 10px
}

.quesBlue {
    color: #1f459f
}

.chartValues i.fas.fa-circle.linkGray {
    font-size: 10px
}

.linkGray {
    color: #ddd
}

.chartValues {
    display: flex;
    flex-direction: column;
    position: relative
}

.minHgt60 {
    min-height: 60px
}

.posTop-2 {
    position: relative;
    top: -2px
}

.dropdown-menu.menu-black {
    background: #363636
}

.dropdown-menu.menu-black a {
    color: #fff
}

table.change-order td {
    white-space: nowrap
}

.change-order td.dtr-control {
    width: 30px !important;
    padding-left: 10px !important
}

.change-order tr td .aLots::after,
.change-order tr.shown td .aLots::after {
    bottom: 3px;
    left: -4px;
    font-size: 11px;
    color: #fff;
    background: #e82030;
    width: 18px;
    height: 18px;
    padding: 2px;
    border-radius: 3px
}

.change-order a.aLots {
    width: auto;
    padding-left: 20px
}

.change-order .innerTable thead {
    background: #fbf6f6;
    border-bottom: 2px solid #eaeaea
}

.expandTable table.change-order .innerTable th {
    padding: 8px 8px 8px 10px !important
}

.tdborderLeft {
    border-left: 1px solid #edeff3 !important
}

.create-info {
    display: flex;
    align-items: center;
    margin: 10px 5px
}

.create-info p {
    color: #363636;
    font-weight: 400;
    font-size: 14px
}

.innertabNext tbody,
.innertabNext tfoot {
    background: #fbf6f6
}

.emiSend.bg-363636 {
    background-color: #363636
}

a.c-unsold:hover {
    color: #fff;
    text-decoration: none
}

.close-icon {
    background: #e82030;
    color: #fff;
    width: 15px;
    height: 15px;
    font-size: 8px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px
}

.nr-select {
    font-size: 14px
}

.plainTbinput {
    border: none;
    resize: none;
    font-size: 14px;
    color: #363636;
    padding: 10px 0;
    height: 40px
}

.order-request.table-bordered thead th {
    border-bottom-width: 0;
    border-top-width: 0;
    padding: 8px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #303639
}

.tbw-20p {
    width: 20% !important
}

.tbw-30p {
    width: 30% !important
}

.total-foot span {
    font-size: 14px;
    font-weight: 600
}

.total-foot {
    display: flex;
    width: 100%;
    border: 1px solid #dee2e6
}

.tot-text {
    width: 78%;
    text-align: right;
    padding: 8px 12px;
    border-right: 1px solid #dee2e6
}

.tot-val {
    width: 22%;
    text-align: left;
    padding: 8px 12px
}

table.table-bordered.dataTable.order-request {
    margin: 0 !important
}

.orderreqcss div.dataTables_wrapper div.dataTables_info {
    padding-left: 15px
}

.orderreqcss div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 15px
}

.remaradj {
    margin: 0 30px
}

.ordButtons {
    position: absolute;
    bottom: -50px;
    height: 100px;
    right: 30px
}

.coBoxleft {
    width: 27%;
    background: #eff1f4
}

.coBoxcenter {
    width: 46%;
    background: #fff;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb
}

.coBoxright {
    width: 27%;
    background: #fff
}

.chatorderBox {
    border: 1px solid #eaeaea
}

.coBoxleft h3 {
    border-bottom: 1px solid #dbdbdb
}

.chtLabel label {
    display: flex;
    width: 100%
}

.dateLine::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 42%;
    height: 1px;
    background: #ececec
}

.dateLine::after {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    width: 42%;
    height: 1px;
    background: #ececec
}

.chatBox {
    height: calc(100vh - 205px);
    width: 100%;
    overflow-y: auto
}

.ttValues {
    border-bottom: 1px solid #dbdbdb
}

.ttBox {
    border-bottom: 1px solid #dbdbdb
}

.purchaseOnly .fr-sticky-on,
.reqdetOnly .fr-sticky-on {
    position: relative
}

.purchaseOnly .fr-element p,
.reqdetOnly .fr-element p {
    margin-bottom: 0
}

.coBoxcright {
    width: 73%
}

.tableBasic thead th {
    border-bottom-width: 1px;
    padding: 8px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #303639
}

.tableBasic.table td {
    color: #363636;
    font-size: 14px;
    padding: 8px 10px
}

.redetTable .tableBasic thead th {
    font-size: 12px;
    font-weight: 800;
    color: #393939
}

.upload-maccept {
    background: linear-gradient(180deg, rgb(255 223 226 / 50%) 0, #ffc6ca 100%);
    padding-bottom: 1px
}

.upload-maccept .btn-file {
    width: 100%
}

.file-uploader {
    background-color: #dbefe9;
    border-radius: 3px;
    color: #242424
}

.file-uploader__message-area {
    font-size: 14px;
    padding: 0;
    text-align: left;
    color: #323232;
    height: 0;
    display: none
}

.file-list__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-list li {
    height: 25px;
    line-height: 25px;
    border: none;
    overflow: hidden;
    background: #eff1f4;
    padding-left: 10px;
    margin-bottom: 5px;
    border-radius: 10px
}

.removal-button {
    width: 20px;
    padding: 3px 4px;
    margin: 2px;
    height: 20px;
    background-color: #363233;
    color: #fff;
    border-radius: 30px
}

.removal-button::before {
    content: "X"
}

.removal-button:focus {
    outline: 0
}

.file-chooser {
    padding: 10px
}

.file-chooser p {
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 0;
    color: #e82030
}

.file-uploader {
    max-width: 400px;
    height: auto;
    margin: 2em auto
}

.file-uploader * {
    display: block
}

.file-uploader input[type=submit] {
    margin-top: 2em;
    float: right
}

.file-list {
    font-size: 13px;
    padding: 0 10px;
    margin: 0
}

.file-list__name {
    max-width: 70%;
    float: left
}

.removal-button {
    float: right
}

.file-chooser {
    position: relative;
    width: 100%;
    margin-top: 10px
}

.file-chooser__input {
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    left: 14px;
    top: 12px
}

.file-uploader__submit-button {
    width: 100%;
    border: none;
    font-size: 1.5em;
    padding: 1em;
    background-color: #72bfa7;
    color: #fff
}

.file-uploader__submit-button:hover {
    background-color: #a7d7c8
}

.file-list li:after,
.file-uploader:after {
    content: "";
    display: table;
    clear: both
}

.hidden {
    display: none
}

.hidden input {
    display: none
}

.lotinxOnly .expandTable table.dataTable td.pl-30 {
    padding-left: 30px !important
}

.alpha-border {
    width: auto;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 10px 16px;
    border-radius: 3px
}

.alpha-border .alphabetOrder span {
    padding: 5px
}

.alpha-border .alphabetOrder span:hover {
    color: #fff;
    background: #e33d32;
    padding: 5px
}

.prtype {
    width: 65%;
    margin: auto
}

.minWd260 {
    min-width: 260px !important
}

.minWd160 {
    min-width: 160px !important
}

.w-32p {
    width: 32.5%
}

.expandTable table.dataTable td.pl-30 {
    padding-left: 30px !important
}

.expandTable table.dataTable td.pl-35 {
    padding-left: 35px !important
}

.expandTable table.dataTable td.pl-40 {
    padding-left: 40px !important
}

.expandTable table.dataTable td.pl-20 {
    padding-left: 20px !important
}

.ptrOnly .chkLabel label {
    padding-left: 2px
}

.tableAccordian .card {
    width: 32.5%;
    background: 0 0;
    border: none
}

.tableAccordian .collapse:not(.show) {
    display: block
}

.tableAccordian .collapsing {
    transition: none
}

.tableAccordian .btn-header-link {
    pointer-events: none;
    width: 100%;
    display: block;
    text-align: left;
    padding: .375rem 0
}

.tableAccordian .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    display: none
}

.tableAccordian .card .card-header .btn-header-link.collapsed:after {
    content: "\f106"
}

.tableAccordian .accordion>.card>.card-header {
    padding: 0;
    background: 0 0;
    border: none
}

.tableAccordian .collapse {
    background-color: #fff
}

.tableAccordian .table .thead-light th {
    color: #363636;
    background-color: #edeff3;
    border-color: #edeff3;
    padding: 10px 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px
}

.tableAccordian .table .thead-light tr.th-child th {
    font-weight: 500;
    background-color: #fff
}

.tableAccordian .table td {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    color: #494949;
    font-size: 14px;
    font-weight: 700
}

.repBg .sel-wrap .select2 .selection .select2-selection {
    background: #edeff3
}

.singleBorder {
    border-right: 1px solid #dee2e6 !important;
    vertical-align: middle !important
}

.expandTable table.dataTable.jcsales-report th.pl-8 {
    padding-left: 8px !important
}

.jsbotpadd div.dataTables_wrapper div.dataTables_info {
    padding-left: 15px
}

.jsbotpadd div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 15px
}

.mtplYear {
    display: flex
}

.mtplYear.has-float-label .input-group.acDate {
    margin-right: 10px
}

.mtplYear.has-float-label .input-group.acDate:last-child {
    margin-right: 0
}

.datepicker .datepicker-years table tr td span.active,
.datepicker .datepicker-years table tr td span.active.disabled,
.datepicker .datepicker-years table tr td span.active.disabled:hover,
.datepicker .datepicker-years table tr td span.active:hover {
    background-image: linear-gradient(to bottom, #e33c31, #e23c31) !important
}

.jc-tabAcc.tableAccordian .card {
    width: 49.65%
}

.boxBorder {
    border: 1px solid #ececec
}

.jc-tabAcc.tableAccordian .table td {
    font-weight: 400
}

.mergeTables.tableAccordian .card {
    width: 25%;
    border-radius: 0
}

.mergeTables.tableAccordian .table td {
    font-size: 14px;
    font-weight: 400
}

.deskHidden2,
.deskHidden3,
.deskHidden4 {
    display: none
}

.deskHidden5 {
    display: none
}

.cswidth-23p {
    width: 23% !important
}

.cswidth-31p {
    width: 31% !important
}

.cswidth-60p {
    width: 60% !important
}

.cswidth-40p {
    width: 40% !important
}

.mergeTables.tableAccordian .accordion>.card>.card-header {
    padding: 0 10px;
    display: none
}

.mergeCus1.mergeTables.tableAccordian .table td {
    width: 14.2%
}

.segmentTable .tableBasic tbody td,
.segmentTable .tableBasic thead th {
    padding: 10px 15px
}

.text-inherit {
    text-transform: inherit !important
}

.expandTable .ceosales-report.table-hover tbody tr:hover {
    background-color: transparent
}

.highcharts-figure .chart-container {
    width: 300px;
    height: 200px;
    float: left
}

.highcharts-axis-title {
    font-size: 18px;
    fill: #555 !important;
    font-weight: 600;
    font-family: aktiv-grotesk, sans-serif !important
}

.guage-container .highcharts-radial-axis-labels text:first-child,
.guage-container .highcharts-radial-axis-labels text:last-child {
    fill: #363636 !important
}

.guage-container .highcharts-radial-axis-labels text {
    fill: #c4c4c4 !important
}

.guage-container .highcharts-label-box.highcharts-data-label-box {
    stroke-width: 0 !important
}

.guage-container .highcharts-axis-title {
    font-size: 21px;
    fill: #363636 !important;
    font-weight: 600;
    font-family: aktiv-grotesk, sans-serif !important
}

.guage-container .highcharts-pane-group path {
    fill: #3A464A;
    stroke: #363636
}

.guage-container .highcharts-tracker path {
    fill: #fa4f5d;
    stroke: #fa4f5d
}

.guage-container circle.highcharts-pivot {
    fill: #363636
}

.guage-addn2.guage-container .highcharts-pane-group path {
    fill: #33B1E2;
    stroke: #33B1E2
}

.guage-addn2.guage-container .highcharts-radial-axis-labels text {
    fill: #ffffff !important
}

.guage-addn2.guage-container .highcharts-radial-axis-labels text:first-child,
.guage-addn2.guage-container .highcharts-radial-axis-labels text:last-child {
    fill: #363636 !important
}

.highcharts-data-table table {
    font-family: aktiv-grotesk, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555
}

.highcharts-data-table th {
    font-weight: 600;
    padding: .5em
}

.highcharts-data-table caption,
.highcharts-data-table td,
.highcharts-data-table th {
    padding: .5em
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(2n) {
    background: #f8f8f8
}

.highcharts-data-table tr:hover {
    background: #f1f7ff
}

.highcharts-yaxis-labels text {
    color: #8f9192 !important;
    cursor: default !important;
    font-size: 13px !important;
    fill: #8F9192 !important;
    font-family: aktiv-grotesk, sans-serif !important
}

.highcharts-xaxis-labels text {
    color: #8f9192 !important;
    cursor: default !important;
    font-size: 13px !important;
    fill: #8F9192 !important;
    font-family: aktiv-grotesk, sans-serif !important;
    text-decoration: none !important
}

.highcharts-data-label text {
    font-family: aktiv-grotesk, sans-serif !important
}

.highcharts-text-outline {
    filter: opacity(.1) !important
}

.highcharts-legend-box {
    stroke-width: 0 !important
}

.highcharts-a11y-proxy-button {
    font-family: aktiv-grotesk, sans-serif !important;
    color: #555 !important;
    fill: #555555 !important;
    font-size: 16px !important
}

.stacked-chart .highcharts-yaxis {
    display: none
}

.stacked-chart .highcharts-root {
    overflow: visible !important
}

.stacked-chart .highcharts-container {
    height: 450px !important
}

.highcharts-title {
    font-size: 20px !important;
    fill: #363636 !important;
    font-weight: 600 !important;
    font-family: aktiv-grotesk, sans-serif !important
}

.grouped-chart .highcharts-title,
.monthby-chart .highcharts-title,
.stacked-chart .highcharts-title {
    font-size: 20px !important;
    fill: #363636 !important;
    font-weight: 600 !important;
    font-family: aktiv-grotesk, sans-serif !important
}

.highcharts-credits {
    display: none !important
}

.stacked-chart .highcharts-stack-labels {
    display: none !important
}

.column-chart .highcharts-title,
.horiz-chart .highcharts-title,
.single-column .highcharts-title,
.single-column3 .highcharts-title {
    font-size: 20px !important;
    fill: #363636 !important;
    font-weight: 600 !important;
    font-family: aktiv-grotesk, sans-serif !important
}

.horiz-chart .highcharts-data-label text {
    text-decoration: none !important;
    font-size: 14px !important;
    color: #5e5e5e !important;
    fill: #5e5e5e !important
}

.horiz-chart .highcharts-axis-title {
    font-size: 14px;
    fill: #555 !important;
    font-weight: 600;
    font-family: aktiv-grotesk, sans-serif !important
}

.single-column3 .highcharts-color-0 {
    fill: #363636 !important
}

.single-column3 .highcharts-color-1 {
    fill: #2EAFE1 !important
}

.single-column3 .highcharts-data-label text {
    font-size: 14px !important
}

.grouped-chart .highcharts-column-series.highcharts-tracker rect,
.grouped-chart2 .highcharts-column-series.highcharts-tracker rect {
    stroke: none !important
}

.highcharts-root {
    font-family: aktiv-grotesk !important
}

.column-addtnl1 .highcharts-xaxis-labels text {
    color: #6e6e6e !important;
    font-size: 12px !important;
    fill: #6e6e6e !important
}

.single-column3 .highcharts-xaxis-labels text {
    font-size: 14px !important
}

.card-chart .card {
    border: 1px solid #eaebef
}

.active-year {
    color: #258ed4 !important;
    font-weight: 500 !important
}

.tableBasic.table-hover tbody tr:hover {
    background-color: #f7f7fc
}

.bgTransparent {
    background: 0 0 !important
}

.horiz-chart {
    padding-bottom: 50px
}

.custom-search.hgt-44 input.form-control {
    border-radius: 2px;
    height: 44px
}

.custom-search.hgt-44 .btn {
    border-radius: 2px;
    height: 44px;
    line-height: 30px
}

.sel-arrowOnly .sel-wrap .select2 .selection .select2-selection {
    width: 30px;
    height: 24px
}

.sel-arrowOnly .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    opacity: 0;
    line-height: 22px
}

.sel-arrowOnly .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: auto;
    left: 8px;
    height: 10px
}

.sel-arrowOnly .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0
}

.sel-arrowOnly .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 6px
}

.sel-arrowOnly .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #363636 transparent transparent
}

.sel-arrowOnly .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #363636
}

.sel-arrowOnly .select2-container--default .select2-selection--single {
    background-color: #e8eaed
}

.wdth-250p {
    width: 250px !important
}

.absTilte {
    position: absolute;
    left: 72px;
    width: auto;
    display: flex;
    align-items: center;
    font-weight: 600;
    word-break: break-word
}

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

.reportHead .absTilte {
    left: auto;
    right: auto
}

.reportHead .sel-arrowOnly {
    position: absolute
}

.reportHead .repTitle {
    font-size: 18px;
    padding-top: 3px;
    padding-left: 45px
}

.repPadding {
    padding: 13px 15px;
    border-bottom: 1px solid #edeff3
}

.codeLogic {
    background: #363636;
    color: #fff;
    font-size: 11px;
    width: 32px;
    height: 22px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 15px
}

.codeLogic i.fas.fa-chevron-left {
    padding-right: 2px
}

.codeLogic i.fas.fa-chevron-right {
    padding-left: 2px
}

.report-logic .fr-box.fr-basic .fr-element p {
    margin-bottom: 0
}

.report-logic .fr-box.fr-basic .fr-element p+p {
    display: none
}

.report-logic .fr-box.fr-basic .fr-element {
    padding: 10px
}

.report-logic.modal .modal-dialog {
    width: 640px
}

.devLogic {
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

.ceoOnly .helptip[tooltip]::after,
.cronOnly .helptip[tooltip]::after,
.hitlistOnly .helptip[tooltip]::after,
.jcsOnly .helptip[tooltip]::after,
.ptrOnly .helptip[tooltip]::after,
.shedOnly .helptip[tooltip]::after,
.ssuperOnly .helptip[tooltip]::after {
    left: 45%;
    min-width: max-content;
    background: #363636
}

.ceoOnly .helptip[tooltip]:not([flow])::before,
.ceoOnly .helptip[tooltip][flow^=up]::before,
.cronOnly .helptip[tooltip]:not([flow])::before,
.cronOnly .helptip[tooltip][flow^=up]::before,
.jcsOnly .helptip[tooltip]:not([flow])::before,
.jcsOnly .helptip[tooltip][flow^=up]::before {
    border-top-color: #363636
}

.hitlistOnly .helptip[tooltip]:not([flow])::before,
.hitlistOnly .helptip[tooltip][flow^=up]::before,
.ptrOnly .helptip[tooltip]:not([flow])::before,
.ptrOnly .helptip[tooltip][flow^=up]::before,
.shedOnly .helptip[tooltip]:not([flow])::before,
.shedOnly .helptip[tooltip][flow^=up]::before {
    border-top-color: #363636
}

.jcsOnly .helptip[tooltip]:not([flow])::before,
.ssuperOnly .helptip[tooltip]:not([flow])::before {
    border-top-color: #363636
}

span.hc-label::before {
    position: absolute;
    content: '';
    width: 232%;
    height: 26px;
    background: #e3e3e3;
    right: -22px;
    top: 20px;
    z-index: -1;
    overflow: hidden
}

span.hc-label::after {
    position: absolute;
    content: ''
}

.msallSel.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 10px 0
}

.msallSel.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    top: 10px;
    line-height: 14px;
    margin-top: 5px
}

.msallSel.msSelect .select2-container--focus .select2-selection--multiple .select2-selection__choice {
    position: relative;
    top: 0
}

.msallSel.msSelect .select2-container.select2-container--open .select2-search--inline .select2-search__field {
    padding-top: 0;
    margin-top: 10px
}

.msallSel.msSelect .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
    padding: 14px 10px 0
}

.multiCheckbox .select2-results__option {
    position: relative;
    padding: 6px 35px
}

.multiCheckbox .select2-results__option::after,
.select2-results__option::before {
    position: absolute;
    top: .25rem;
    left: .5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.multiCheckbox .select2-results__option::before {
    width: 1.2rem;
    height: 1.2rem;
    overflow: none;
    box-shadow: none;
    border: #c6c9cc solid 1px
}

.multiCheckbox .select2-results__option::after {
    width: 1.2rem;
    height: 1.2rem;
    border: none;
    overflow: none;
    box-shadow: none
}

.multiCheckbox .select2-results__option:after {
    background: 50%/50% 50% no-repeat
}

.multiCheckbox.select2-container--default .select2-results__option[aria-selected=true]::before {
    color: #fff;
    border-color: #e82030;
    background-color: #e82030;
    border-radius: 2px;
    content: "✓";
    padding: 1px 4px
}

.multiCheckbox.select2-container--default .select2-results__option[aria-selected=true] {
    color: #363636;
    background-color: #fff
}

.back-btn.bkBtn {
    right: 140px
}

.table.mobile-accordion {
    width: 100%
}

.mobile-accordion .tr:first-child {
    display: none
}

.mobile-accordion .rh>span {
    display: block;
    position: relative
}

.mobile-accordion .td:before {
    content: attr(data-header);
    float: left;
    padding-top: 5px
}

.table.mobile-accordion .rh>span:after {
    content: '+';
    display: flex;
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 2;
    right: 15px;
    top: 11px;
    pointer-events: none;
    font-size: 18px;
    background: #dedede;
    align-items: center;
    justify-content: center;
    color: #404040
}

.table.mobile-accordion .rh.active>span:after {
    content: '-';
    display: flex;
    position: absolute;
    width: 22px;
    height: 22px;
    z-index: 2;
    right: 15px;
    top: 11px;
    pointer-events: none;
    font-size: 23px;
    background: #dedede;
    align-items: center;
    justify-content: center
}

.table.mobile-accordion {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow: hidden
}

.mobile-accordion .tr .td:nth-child(2n) {
    background: #f7f7fc
}

.mobile-accordion .rh,
.mobile-accordion .rh.active:nth-last-child(2),
.mobile-accordion .th,
.mobile-accordion .tr .td {
    border-bottom: 1px solid #e7e7e7
}

.mobile-accordion .rh:nth-last-child(2) {
    border-bottom: none
}

.mobile-accordion .td {
    padding: 5px 15px
}

.mobile-accordion .rh>span {
    padding: 5px 15px;
    font-size: 1.25em;
    font-weight: 600
}

.mobile-accordion .tr:first-child,
.mobile-accordion .tr:last-child {
    border-bottom: none
}

.mobile-accordion .tr:last-child .td:last-child {
    border-bottom: none
}

.th-top {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.th-in {
    width: 50%;
    text-align: left;
    padding: 10px 12px;
    position: relative
}

.totprz-Data {
    display: flex;
    align-items: center
}

.totprz-Data span {
    width: 50%;
    padding: 8px 12px;
    color: #02080d;
    font-size: 14px
}

span.acc-head {
    display: block;
    width: 100%;
    padding: 10px;
    background: #edeff3;
    white-space: nowrap
}

.totprz-Data.td-firstLabel span {
    width: 100%;
    padding: 8px 12px;
    color: #02080d;
    font-size: 14px
}

.totalPart {
    background-color: #363636 !important
}

.totalPart .totprz-Data span,
.totalPart .totprz-Data.td-firstLabel span {
    color: #fff;
    font-weight: 600
}

.mobile-accordion .tr.totalPart .td:nth-child(2n) {
    background-color: #363636 !important
}

.single-column .highcharts-xaxis-labels text {
    color: #474747 !important;
    fill: #474747 !important;
    font-weight: 400
}

.col6-boxes div.dataTables_wrapper div.dataTables_info,
.col6-boxes div.dataTables_wrapper div.dataTables_paginate {
    display: none
}

.sort-up:before {
    content: "\f161";
    position: absolute;
    top: 9px;
    left: 57px;
    font-size: 13px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    cursor: pointer;
    color: #677a84
}

.sort-down:before {
    content: "\f884";
    position: absolute;
    top: 9px;
    left: 57px;
    font-size: 13px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    cursor: pointer;
    color: #677a84
}

.multiitem-carousel.carousel {
    width: 100%
}

.multiitem-carousel .slide-box {
    display: flex;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -7px
}

.multiitem-carousel .carousel-caption {
    background-color: rgba(0, 0, 0, .5);
    padding: 20px;
    border-radius: .5rem
}

.multiitem-carousel .carousel-control-next-icon,
.multiitem-carousel .carousel-control-prev-icon {
    background: 0 0;
    width: 25px;
    height: 25px
}

.multiitem-carousel .ti-angle-left,
.multiitem-carousel .ti-angle-right {
    color: #fff;
    font-size: 12px;
    background: rgb(226 60 49 / 50%);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: .3s ease
}

.multiitem-carousel .ti-angle-left:hover,
.multiitem-carousel .ti-angle-right:hover {
    background: rgb(225 60 49);
    transition: .3s ease
}

.multiitem-carousel .carousel-control-next,
.multiitem-carousel .carousel-control-prev {
    width: 25px;
    height: 25px;
    color: #fff;
    opacity: 1;
    top: 30px
}

.multiitem-carousel .carousel-control-next {
    right: -5px
}

.multiitem-carousel .carousel-control-prev {
    left: -5px
}

.dashTab.warrContent .tabPart .nav.nav-pills {
    width: 100%;
    margin-right: auto;
    margin-left: 0;
    border-radius: 2px
}

.dashTab.warrContent .tabPart .nav-pills .nav-link.active {
    border-radius: 2px !important
}

.dashTab.warrContent .tabPart .nav-pills .nav-link:hover {
    border-radius: 2px !important
}

.monthby-chart .highcharts-data-label text {
    font-size: 13px !important;
    font-weight: 600 !important
}

.highcharts-tooltip>text>tspan {
    font-family: aktiv-grotesk, sans-serif !important
}

.p-all2 {
    padding: 2px 7px
}

.jcsOnly .theme-white {
    line-height: 23px
}

.warrContent .tabPart.tabsNew .nav.nav-tabs {
    background: rgba(237, 239, 243, .76);
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
    border-radius: 2px;
    height: 38px
}

.warrContent .tabPart.tabsNew .nav-tabs li a {
    color: #363636;
    position: relative;
    border: none;
    box-sizing: border-box;
    border-radius: 2px;
    margin: 0;
    padding: 12px 12px;
    font-size: 14px;
    font-weight: 600
}

.warrContent .tabPart.tabsNew .nav-tabs li a.active {
    color: #eff1f4;
    background: #363636
}

.warrContent .tabPart.tabsNew .nav-tabs li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #5a5a5a
}

.warrContent .tabPart.tabsNew .nav-tabs li a.active:hover {
    background: #363636
}

.warrContent .tabPart.tabsNew .nav-tabs li a.active::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: #363636;
    bottom: -5px;
    left: 44%;
    transform: rotateZ(45deg);
    transition: all .3s
}

.sldbx2.slide-box .slidebox-inner {
    height: auto
}

.sldbx2 .p-all2 {
    padding: 2px 6px
}

.mlitm-car2.multiitem-carousel .carousel-control-prev {
    left: -11px !important
}

.mlitm-car2.multiitem-carousel .carousel-control-next {
    right: -10px !important
}

.mlitm-car2.multiitem-carousel .carousel-control-next,
.mlitm-car2.multiitem-carousel .carousel-control-prev {
    top: 35px
}

.stackhoriz-chart {
    width: 100%;
    height: 800px
}

.stackhoriz-chart .highcharts-xaxis-labels text {
    font-size: 12px !important
}

.leadRow {
    margin-left: 23px;
    margin-right: 23px
}

.leadBox {
    position: relative
}

.leadBox::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1px;
    bottom: -5px;
    z-index: 1;
    color: #fff;
    font-size: 12px
}

.leadBox::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: -15px;
    transform: rotate(-45deg);
    border-width: 14px;
    border-style: solid
}

.leadBox.afterGreen::after {
    border-color: #03cf58 transparent transparent transparent
}

.leadBox.afterOrange::after {
    border-color: #f3a733 transparent transparent transparent
}

.leadBottom {
    display: flex;
    flex-direction: column
}

.leadTop {
    cursor: pointer
}

.btnlightGreen {
    border-radius: 3px;
    z-index: 2;
    background-color: #4caf50;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 10px
}

.btnlightGreen:hover {
    color: #fff;
    text-decoration: none
}

.leadBottom .btnlightGreen {
    width: 47px
}

.btnlightOrange {
    border-radius: 3px;
    z-index: 2;
    background-color: #f3a734;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px
}

.btnlightOrange:hover {
    color: #fff;
    text-decoration: none
}

.leadBottom .btnlightOrange {
    width: 72px
}

.reg-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3
}

a.reg-icon:hover {
    color: #03cf58
}

.helptip.helpdefault[tooltip]::after {
    min-width: auto !important;
    background: #363636 !important
}

.helptip.helpdefault[tooltip]:not([flow])::before,
.helptip.helpdefault[tooltip][flow^=up]::before {
    border-top-color: #363636
}

.cmmagrOnly .deskCustom .custom-file-label {
    font-size: 15px;
    line-height: 32px
}

.hand-scroll {
    position: absolute;
    top: 48px;
    left: 40px
}

.hand-scroll img {
    width: 50px;
    image-rendering: -webkit-optimize-contrast
}

.res-fullview .chartOverlay+.hand-scroll {
    z-index: -1
}

.dhImg {
    width: 50px;
    height: 50px
}

.boxHov:hover {
    background: #fff9f9 !important;
    border: 1px solid #d3d3d3
}

.boxHov2:hover {
    background: #f0f4f8 !important;
    border: 1px solid #d3d3d3
}

.taskBox:hover .tskView {
    display: block !important
}

.taskfirst {
    line-height: 12px;
    cursor: pointer;
    align-items: center
}

.w-fitcont {
    width: fit-content
}

.taskBox {
    position: relative;
    border-bottom: 1px solid #dfe8f3
}

.taskBox:last-child {
    border: none
}

.tskView {
    z-index: 2
}

.uppBox .uppIcon {
    width: 7%
}

.uppBox .upLast {
    align-items: center;
    width: 13%
}

.uppBox h4 {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gr1part,
.gr2part {
    width: 50%
}

.row.mxadj-tbl {
    margin-left: -3px;
    margin-right: -3px
}

.tableHoriz {
    width: 100%;
    overflow-y: auto;
    border-radius: 3px
}

.tableHoriz .table .thead-dark th {
    color: #fff;
    background-color: #363636;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 12px;
    font-weight: 800;
    border-right: 1px solid #e13c31
}

.tableHoriz .table .thead-light th {
    color: #363636;
    font-size: 12px;
    background-color: #edeff3;
    border: none;
    font-weight: 800;
    white-space: nowrap
}

.tableHoriz .table td {
    padding: 10px 12px;
    color: #02080d;
    font-size: 13.5px;
    white-space: nowrap
}

.custom-pageinfo {
    color: #4b5255;
    font-size: 13px
}

.custom-pagination .page-item.active .page-link {
    background-color: #e43d32;
    border-color: #e43d32
}

.custom-pagination.pagination-sm .page-link {
    padding: 4px 8px;
    line-height: 18px
}

.custom-pagination .page-link {
    color: #363636
}

.tableHoriz .table {
    border-radius: 3px
}

.hgt-420 {
    height: 420px
}

.maxhgt-420 {
    max-height: 420px
}

.maxhgt-vh85 {
    max-height: calc(100vh - 85px)
}

.tableHoriz.customVerScroll {
    overflow-x: auto
}

.tableHoriz.customVerScroll::-webkit-scrollbar {
    height: 8px
}

.tableHoriz.customVerScroll::-webkit-scrollbar-thumb {
    background-color: #d8d8d8
}

.headerTop.custom-search .btn {
    border-radius: 3px;
    height: 34px;
    line-height: 22px
}

.headerTop.custom-search input.form-control {
    border-radius: 3px;
    height: 34px
}

.headerTop.custom-search {
    width: 150px
}

.cmr-margin {
    margin-top: 30px
}

.cmr-margin2 {
    margin-top: 30px
}

.clmastOnly .reportrange,
.lotmastOnly .reportrange {
    padding: 12px 12px 4px
}

.checkboxGroup .custom-control.custom-checkbox.chkLabel {
    width: 16%
}

.fixedButtons {
    position: fixed;
    top: 128px;
    right: 25px;
    z-index: 9
}

.communsBox h4 {
    color: #fff;
    background: #bb3229;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 3px
}

.datepicker table tr td.today:hover:hover {
    color: #fff
}

.bg-black {
    background: #363636 !important
}

.fr-popup.fr-active {
    z-index: 9 !important
}

.fr-box .fr-counter {
    margin-bottom: 0 !important
}

.careerList .fr-sticky-on {
    position: relative
}

.qmiOnly [tooltip]:not([flow])::after {
    left: 18%
}

.qmibrochure tbody td {
    white-space: nowrap
}

.has-float-label .date_range {
    background-color: #fff
}

.has-float-label .date_range+label {
    left: 17px
}

.tradeOnly i.ti-mobile {
    margin-right: 5px !important
}

.tradeOnly .customTable .table td:nth-child(5) {
    white-space: inherit
}

.buyerSidebox .daterangepicker .calendar-table td,
.buyerSidebox .daterangepicker .calendar-table th {
    min-width: 24px;
    width: 24px;
    height: 18px;
    line-height: 22px;
    font-size: 11px;
    cursor: default
}

.mnbuyerOnly .expandTable table.dataTable td {
    white-space: nowrap
}

.prodtyOnly .dtSelect2 {
    border-radius: 2px
}

.prodtyOnly .warrContent .tabPart .nav.nav-pills {
    width: max-content
}

.w-45pt {
    width: 45% !important
}

.prodtyOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 11px;
    padding-top: 7px
}

.prodtyOnly .msSelect label {
    top: 46%
}

.prodtyOnly .msSelect label.selected {
    top: 1px !important
}

.plainmsSelect.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-top: 2px;
    margin-top: 0
}

.plainmsSelect.msSelect .select2-container .select2-search--inline .select2-search__field {
    padding-top: 0;
    font-size: 12px
}

.plainmsSelect.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 7px 7px;
    height: 40px
}

.plainmsSelect.msSelect .select2-container--default .select2-selection--multiple {
    height: 40px
}

.plainmsSelect.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 2px
}

.prodtyOnly .expandTable table.dataTable thead .sorting:after,
.prodtyOnly .expandTable table.dataTable thead .sorting:before,
.prodtyOnly .expandTable table.dataTable thead .sorting_asc:after,
.prodtyOnly .expandTable table.dataTable thead .sorting_asc:before,
.prodtyOnly .expandTable table.dataTable thead .sorting_desc:after,
.prodtyOnly .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.2em !important
}

.prodtyOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e6e6e6 transparent
}

.prodtyOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    width: 4px
}

.prodtyOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
    background: 0 0
}

.prodtyOnly .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    border-radius: 3px
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b5b5b5 transparent
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 6px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background: 0 0
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 5px
}

.optionsHorz .optList {
    display: flex;
    height: 25px
}

.alphaSmall.alpha-border {
    padding: 4px 16px
}

.optionsHorz .dropdown-menu.openSort {
    padding: 2px 4px
}

.optionsHorz .dropdown-menu.openSort .dropdown-item {
    font-weight: 600
}

.pchecklistOnly .expandTable .table.dataTable td:nth-child(2) {
    padding-left: 30px !important
}

.pcheckaddOnly .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #373737;
    font-weight: 500;
    font-size: 13px
}

.placeholderText::placeholder {
    color: #7c7f91;
    font-size: 14px;
    font-weight: 400
}

.checkaddDate.form-control {
    font-size: 14px;
    font-weight: 600
}

.producttype .btn-red,
.producttype-ms .btn-red {
    padding: 7px 11px
}

.vdocOnly.roleOnly .logSwitch .btn-toggle,
.vlistOnly.roleOnly .logSwitch .btn-toggle {
    margin: 0 0 0;
    left: 0 !important;
    top: 8px !important
}

.vdocOnly .btn-toggle.active,
.vlistOnly .btn-toggle.active {
    background: #1bbca6 !important
}

.vdocOnly .expandTable .table.dataTable td:last-child {
    padding-left: 50px !important
}

.vlistOnly .togg-switch.logSwitch {
    padding-left: 35px
}

a.delPos:hover {
    color: #e82030
}

.pageContent.seltop-padadj {
    padding-top: 34px
}

.notify-sky {
    width: max-content;
    background: #d1ecf1;
    padding: 7px 10px
}

.w-0 {
    width: 0 !important
}

.adddel-btns .btn-danger {
    background-color: #e23c31;
    border-color: #e23c31
}

.tot-bg {
    width: max-content
}

.checklotOnly .customTable table.dataTable.table-sm .sorting::after,
.checklotOnly .customTable table.dataTable.table-sm .sorting::before {
    top: auto
}

.daterangepicker.show-calendar {
    z-index: 3001
}

a.multi_delete:hover,
a.single_delete:hover {
    color: #e82030 !important;
    text-decoration: none !important
}

#status_list_table .fa-pencil-alt:hover,
#type_list_table .fa-pencil-alt:hover,
#vendor_list_table .fa-pencil-alt:hover {
    text-decoration: none !important
}

.stngCom .fa-pencil-alt:hover {
    text-decoration: none !important
}

.stateModal .select2-container {
    width: 100% !important
}

.expandTable .table.dataTable#region_list_table td:nth-child(2),
.expandTable .table.dataTable#region_list_table td:nth-child(3) {
    padding-left: 30px !important
}

.thisRole.roleOnly .togg-switch.logSwitch {
    padding-left: 30px
}

.micrOnly a.fiLink {
    color: #3174be;
    text-decoration: none !important
}

.taginSelect .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #555 !important
}

.taginSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    position: relative;
    font-size: 12px;
    margin-left: 4px;
    top: 15px
}

.taginSelect.input-group.csSelect2>label.active {
    background: #fff;
    width: calc(100% - 60px)
}

.taginSelect .select2-container .select2-search--inline .select2-search__field {
    padding: 18px 3px 0 4px;
    font-size: 13px
}

.taginSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow-y: auto;
    height: 44px
}

.taginSelect.input-group.csSelect2>label.filled {
    left: 10px;
    padding: 1px
}

.taginSelect.input-group.csSelect2>label {
    top: 12px
}

.micrOnly .expandTable .table.dataTable td:nth-child(2) {
    white-space: nowrap
}

.signfOnly .btn-red {
    padding: 9px 20px
}

.greenGradient {
    background: linear-gradient(180deg, rgb(123 183 66) 0, #2ba144 100%);
    border-radius: 3px
}

a.greenGradient:hover {
    color: #fff;
    text-decoration: none
}

a.redGradient:hover {
    text-decoration: none
}

.redGradient {
    background: linear-gradient(180deg, rgba(232, 32, 48, .5) 0, #e82030 100%);
    border-radius: 3px
}

.textareaError.has-float-label>span.err {
    bottom: auto;
    top: auto
}

.signfOnly .expandTable table.dataTable td:nth-child(2) {
    white-space: nowrap
}

.sigaddOnly .has-float-label textarea.form-control:placeholder-shown:not(:focus)+.invalid {
    left: 5px !important;
    bottom: auto;
    padding: 6px 10px
}

.sigaddOnly .has-float-label textarea+span.invalid {
    padding: 6px 0
}

a.redGradient.single_delete:hover {
    color: #fff !important
}

.qmiOnly .select2-container {
    width: 100% !important
}

.dateClear.ti-close {
    position: absolute;
    right: 11px;
    top: 3px;
    color: #fff;
    font-size: 9px;
    background: #363636;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    z-index: 99999;
    pointer-events: fill
}

.folderList .dropdown-item:focus,
.folderList .dropdown-item:hover {
    color: #fff;
    background-color: #e13c31
}

.folderList .dropdown-item {
    font-size: 14px
}

.imgmodOnly.roleOnly .logSwitch .btn-toggle,
.imgslideOnly.roleOnly .logSwitch .btn-toggle {
    margin: 0;
    top: 7px
}

.imgmodOnly .togg-switch.logSwitch,
.imgslideOnly .togg-switch.logSwitch {
    padding-left: 35px
}

.imgmodOnly a.redGradient,
.imgmodOnly a.yellowGradient {
    height: 28px
}

.imgslideOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.imgslideOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 0
}

.imgslideOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    padding-left: 30px !important
}

.textEllipses {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.metavOnloy .expandTable .table.dataTable td:nth-child(7),
.metavOnloy .expandTable .table.dataTable td:nth-child(8) {
    padding-left: 30px !important
}

.actwdth-70 {
    width: 70px !important
}

.smLabel.btn.bgGreen:hover {
    color: #fff
}

.repbugOnly .logSwitch .btn-toggle:before {
    display: none
}

.repbugOnly .logSwitch .btn-toggle {
    transform: translateY(0)
}

.repbugOnly .logSwitch {
    padding-left: 40px !important
}

.imageOuter {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.imgbkbg {
    background: #fddcdc
}

.imageOuter img {
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center
}

.boxHovlight {
    border: 1px solid #eee;
    border-radius: 10px
}

.boxHovlight:hover {
    background: #fff3f3 !important;
    border: 1px solid #f6dadc
}

.mxhgt-30 {
    max-height: 30px
}

.mxhgt200 {
    max-height: 200px
}

.mxhgt220 {
    max-height: 220px
}

.mar-gutter {
    margin-left: 7.5px !important;
    margin-right: 7.5px !important
}

.mar-gutter2 {
    margin-left: -7px !important;
    margin-right: -7px !important
}

.cmpy-empoyees.table.dataTable {
    margin-top: 0 !important
}

.cmpyempOnly div.dataTables_wrapper div.dataTables_info {
    padding-left: 15px !important
}

.cmpyempOnly div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 15px !important
}

.congraOnly .custom-search input.form-control {
    border-radius: 2px;
    font-size: 13px;
    height: 44px
}

.congraOnly .custom-search .btn {
    border-radius: 2px;
    height: 44px;
    line-height: 27px
}

.congraOnly .customtool {
    margin-bottom: 10px
}

.statusInnerbox {
    width: 14.28%
}

.statusBox .statusInnerbox:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.statusBox .statusInnerbox:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.rfDetail {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 2
}

.rfeldBox.leadBox {
    z-index: 1
}

.rounded-10 {
    border-radius: 10px !important
}

.rfeldBox.leadBox::after {
    display: none
}

.rfeldBox.leadBox::before {
    right: 12px;
    bottom: 12px;
    font-size: 16px
}

.rfeldBox.leadBox.rfeInfo::before {
    color: #1686d1
}

.rfeldBox.leadBox.rfeDanger::before {
    color: #e82030
}

.rfeldBox.leadBox.rfeSubmit::before {
    color: #953579
}

.rfeldBox.leadBox.rfeSuccess::before {
    color: #17a88b
}

.rfeldBox.leadBox.rfeWarning::before {
    color: #fa7103
}

.rfeldBox.leadBox.rfeinActive::before {
    color: #ffb702
}

.rfeldBox.rfeInfo.rfeldIcon {
    border-bottom: 2px solid #1686d1
}

.rfeldBox.rfeDanger.rfeldIcon {
    border-bottom: 2px solid #e82030
}

.rfeldBox.rfeSubmit.rfeldIcon {
    border-bottom: 2px solid #953579
}

.rfeldBox.rfeSuccess.rfeldIcon {
    border-bottom: 2px solid #17a88b
}

.rfeldBox.rfeWarning.rfeldIcon {
    border-bottom: 2px solid #fa7103
}

.rfeldBox.rfeinActive.rfeldIcon {
    border-bottom: 2px solid #ffb702
}

.rfeldBottom.leadBottom .rfeTimeline::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #c4c4c4;
    border-radius: 30px;
    top: 0;
    left: 25px
}

.rfeldBottom.leadBottom .rfeTimeline {
    margin-left: 30px;
    border-left: 1px dashed #c4c4c4;
    padding-left: 10px
}

.progState {
    position: relative;
    padding-left: 5px
}

.progState::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: -16px;
    background: #fff
}

.rfeProgress::before {
    content: '\f2f9'
}

.rfeProgress {
    color: #1686d1
}

.rfeMoreinfo::before {
    content: '\f129';
    color: #fa7103;
    width: 13px;
    height: 13px;
    padding: 5px;
    border: 1px solid #fa7103;
    border-radius: 20px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -17px
}

.rfeMoreinfo {
    color: #fa7103
}

.rfeDenied::before {
    content: '\f05e'
}

.rfeDenied {
    color: #e82030
}

.rfeApproved::before {
    content: '\f058'
}

.rfeApproved {
    color: #1db923
}

.rfeSubmitted::before {
    content: '\f274'
}

.rfeSubmitted {
    color: #363636
}

.rfeldBox.leadBox.rfeldIcon::before {
    content: '\f077';
    font-size: 12px
}

.rfeldViews.btn-black {
    position: absolute;
    top: 10px;
    right: 20px;
    border-radius: 6px;
    padding: 2px 5px;
    z-index: 2
}

.rfeTimeline li:last-child {
    background: #fff;
    position: relative;
    left: -28px;
    padding-left: 28px
}

.rfeTimeline li:last-child p.grayText2 {
    margin-bottom: 0 !important
}

.basicAccordian .card .card-header .card-link:after {
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right
}

.basicAccordian .card .card-header .card-link.collapsed:after {
    content: "\f0de"
}

.nboxList:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #c4c4c4;
    border-radius: 30px;
    top: -2px;
    left: -22px
}

.nboxList:last-child:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #c4c4c4;
    border-radius: 30px;
    bottom: -2px;
    left: -22px
}

.nboxList {
    position: relative;
    background: rgba(6, 103, 214, .09);
    border: 1px solid rgba(6, 103, 214, .5);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px 20px;
    margin-bottom: 15px
}

.chatNbox {
    padding-left: 15px;
    border-left: 1px dashed #c4c4c4
}

.themeBlue.addRow {
    padding: 4px 8px;
    line-height: 20px
}

.tiLeft.ti-close {
    padding: 5px;
    background: #6c757d;
    color: #fff;
    border-radius: 12px
}

.rfeDaterange.has-float-label .date_range+label {
    left: 26px
}

.rfeDaterange.has-float-label .date_range:focus+label {
    left: 26px
}

.expandTable .table.dataTable.rfelistTabl td {
    font-size: 13px !important;
    vertical-align: top !important
}

.rfeStat {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 3px 7px;
    width: max-content
}

.rfeSubm {
    background: rgba(23, 168, 139, .09);
    border: 1px solid rgba(23, 168, 139, .5)
}

.rfeAppr {
    background: rgba(23, 168, 139, .09);
    border: 1px solid rgba(23, 168, 139, .5)
}

.rfeProg {
    background: rgba(6, 103, 214, .09);
    border: 1px solid rgba(6, 103, 214, .5)
}

.rfeNeed {
    background: rgb(250 113 3 / 12%);
    border: 1px solid #fa7103
}

.rfeDeny ,.rfeRemove{
    background: #e43d3230;
    border: 1px solid #e43d32
}

.rfeStat span {
    font-size: 12px
}

.normalSelect .form-control {
    color: #333;
    border: 2px solid #e5eef8;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 13px;
    text-align: left;
    padding: 5px 5px;
    width: auto
}

.normalSelect .form-control option {
    padding: 5px 5px;
    line-height: 30px
}

.expandTable.expNext table.dataTable.rfelistTabl.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.expandTable.expNext table.dataTable.rfelistTabl.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    z-index: 2
}

.rarchOnly .custom-search .btn,
.rarchOnly .custom-search input.form-control {
    height: 44px
}

.btn-group .dropdown-item:focus,
.btn-group .dropdown-item:hover {
    background-color: #e82030
}

.trade-column {
    column-count: 4;
    column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    column-fill: balance;
    -moz-column-fill: balance;
    -webkit-column-fill: balance
}

.circleDonut {
    border: 1px solid #eaebef;
    width: 100% !important
}

.circleDonut .highcharts-title {
    font-size: 18px !important
}

.circleDonut g.highcharts-series-group,
.circleDonut g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker {
    position: relative;
    text-align: center
}

.rfeagentOnly .monthby-chart .highcharts-title {
    font-size: 18px !important;
    width: 100%;
    display: block
}

.highcharts-subtitle {
    color: #363636 !important;
    font-size: 13px !important;
    font-family: aktiv-grotesk !important
}

.agntTitle {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #545454;
    fill: #545454;
    font-family: aktiv-grotesk !important;
    margin-left: 40px;
    left: 40px
}

.rfeagentOnly .highcharts-label.highcharts-tooltip {
    line-height: 10px !important;
    border-radius: 30px !important
}

.rpBoxes .card {
    width: 18.68%;
    border: none;
    box-shadow: 0 2px 9px rgb(0 0 0 / 8%);
    border-radius: 6px;
    margin: 0 8px 16px
}

.rpLabel {
    font-size: 13px;
    line-height: 16px;
    color: #777;
    font-weight: 400;
    width: 44%
}

.rpData {
    font-size: 12.5px;
    line-height: 16px;
    color: #363636;
    font-weight: 600;
    width: 56%
}

.rpBoxes .card-body {
    padding: 14px 12px
}

.rpLabel::after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0
}

.rpcardImage {
    width: 100%;
    height: 170px;
    overflow: hidden;
    position: relative;
    border-radius: 6px
}

.rpcardImage img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s
}

.rpcheckbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 10px 7px;
    background: rgba(54, 54, 54, .76)
}

.rpcheckbox .chkLabel label {
    font-weight: 600;
    color: #fff;
    padding-left: 3px;
    font-size: 13px;
    padding-top: 4px;
    width: 100%
}

.rpcheckbox .custom-control-label:before {
    background-color: transparent;
    border: 2px solid #fff
}

.rpcardImage:hover img.card-img-top {
    transform: scale(1.2);
    transition: all .3s
}

.rpcardImage.rpcard-overlay::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(33 37 41 / 60%)
}

.rpcardImage.rpcard-overlay:hover img.card-img-top {
    transform: scale(1)
}

.marg-gutter-7 {
    margin: 0 -7.5px !important
}

.qmifile.mtFiles {
    background: #edeff3 !important;
    min-height: 104px;
    border: 1px solid #dee2e6 !important
}

.qmifile.mtFiles .btn-file {
    background: #fff
}

.qminsImage {
    display: inline-block;
    width: 100px;
    height: 75px;
    overflow: hidden
}

.qminsImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.expandTable table.dataTable.quick-moveTabl td {
    padding: 7px 8px 0 !important
}

.expandTable table.dataTable.quick-moveTabl td.pl-30 {
    padding-left: 30px !important
}

.quickmoveOnly .fixed-header {
    right: 12px
}

.clintGrp .tblGrp .py-12 {
    padding: 12px 20px
}

.clintGrp .logSwitch .btn-toggle {
    transform: translateY(0)
}

.clintGrp .tblGrp .expNext table.dataTable td:nth-child(5) {
    padding-left: 30px !important
}

.clintGrp div.dataTables_wrapper div.dataTables_filter input,
.clintGrp div.dataTables_wrapper div.dataTables_length select {
    border-color: #eaebef;
    border-radius: 2px
}

.clintGrp .dtPart div.dataTables_wrapper div.dataTables_filter label,
.clintGrp .dtPart div.dataTables_wrapper div.dataTables_length label {
    font-size: 14px;
    color: #02080d
}

.mngFiles div.dataTables_wrapper div.dataTables_filter input,
.mngFiles div.dataTables_wrapper div.dataTables_length select {
    border-color: #eaebef;
    border-radius: 2px
}

.d-grid {
    display: grid
}

.mngFileSlider #addNew-error {
    left: 5px !important
}

.mngFileSlider #comments-error {
    bottom: -15px !important
}

.mngFileSlider .has-float-label input.error {
    border: 1px solid #efa3a3 !important
}

.mngFiles table .search-data .dropdown-menu {
    min-width: 7rem
}

.comtyManager .py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.mngFileSlider .select2-bottom .sel-wrap .select2 .selection .select2-selection {
    border: 1px solid #eaebef
}

.mngFileSlider .select2-bottom .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 8px
}

.mngFileSlider .input-group.csSelect2.select2-bottom>label.filled {
    left: 10px;
    top: 12px;
    transform: translateY(-53%);
    display: inherit;
    font-size: 12px
}

.mngFileSlider .has-float-label.inputBottom input {
    border: 1px solid #eaebef;
    padding-left: 8px
}

.mngFileSlider .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 29px
}

.has-float-label>span,
.mngFileSlider .has-float-label label {
    left: 23px
}

.mngFileSlider .mtFiles .btn-file {
    border-radius: 10px
}

.mngFileSlider {
    height: 90vh
}

.mngFileSlider .border-bot {
    border-bottom: 1px solid #dee2e6 !important
}

.mngFileSlider .has-float-label>span.error {
    left: 14px !important
}

.mngPrisheet .qmifile.mtFiles {
    min-height: unset
}

.mngPrisheet .qmifile.mtFiles .btn-file {
    border-radius: 10px
}

.mngPrisheet .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 15px
}

.has-float-label>span,
.mngPrisheet .has-float-label label {
    left: 7px
}

[data-toggle=collapse] .fa:before {
    content: "\f106"
}

[data-toggle=collapse].collapsed .fa:before {
    content: "\f107"
}

.rightPanel .card .card-header {
    background-color: transparent;
    border: 0
}

.rightPanel .card {
    border: 0
}

.rightPanel .card .card-header button {
    font-size: 14px;
    font-weight: 600;
    color: #02080d;
    text-decoration: none
}

.rightPanel .card .card-header button .fa {
    margin-left: 5px;
    margin-top: 3px;
    float: right
}

.rightPanel .card .card-body p {
    color: #02080d;
    font-size: 14px
}

.rightPanel .card .card-body p.upload-file {
    background-color: #edeff3;
    border: 1px solid #dee2e6 !important
}

.rightPanel .card .card-body p i.fa-download {
    cursor: pointer;
    margin-top: -10px
}

.rightPanel .card .card-body .file1 {
    border-bottom: 1px solid #dee2e6 !important
}

.rightPanel .contentRight .priceSheet {
    background: #edeff3 !important;
    border: 1px solid #dee2e6 !important
}

.rightPanel .contentRight .priceSheet {
    font-size: 14px;
    font-weight: 600;
    color: #02080d;
    text-decoration: none
}

.ass-manual .tblGrp .expNext table.dataTable td:nth-child(5) {
    padding-left: 0 !important
}

.ass-manual .acDate span.ti-search {
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 0 3px 3px 0
}

.ass-manual .acDate span.ti-reload {
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 0 3px 3px 0
}

.ass-manual .has-float-label .input-group.acDate .input-group-append {
    background-color: transparent
}

.ass-manual .expandTable table.dataTable td {
    white-space: nowrap
}

.quIcon .tblGrp .expNext table.dataTable td:nth-child(5) {
    padding-left: 8px !important
}

.quIcon .tblGrp .expNext table.dataTable td:nth-child(6) {
    padding-left: 60px !important
}

.quIcon .tblGrp .expNext table.dataTable td:nth-child(8) {
    padding-left: 16px !important
}

.quIcon .tblGrp .expNext table.dataTable td:first-child {
    padding-left: 18px !important
}

.quIcon .tblGrp .expNext table.dataTable td:nth-child(3) {
    padding-left: 35px !important
}

.addNews .tblGrp .expNext table.dataTable td:nth-child(6) {
    padding-left: 15px !important
}

.addNews .tblGrp .expNext table.dataTable td:nth-child(5) {
    padding-left: 10px !important
}

.h-35 {
    height: 35px
}

.addNews .fr-box.fr-basic .fr-element {
    padding-bottom: 0
}

.mngcmnd .dataTables_length {
    width: 50%;
    float: left
}

.mngcmnd .customtool {
    width: auto;
    margin-bottom: 15px
}

.mngcmnd .dtPart div.dataTables_wrapper div.dataTables_length label {
    margin-top: 5px
}

.mngcmnd .dtPart .table tr:last-child td {
    border: none
}

.comSwitch .btn-toggle.active {
    background: linear-gradient(180deg, #4caf50 0, #8bc34a 100%)
}

.mngcmnd .logSwitch .btn-toggle.active {
    background: linear-gradient(180deg, #26a78d 0, #26a78d 100%)
}

.mngcmnd .logSwitch .btn-toggle {
    background: linear-gradient(180deg, #e82030 0, #e82030 100%)
}

.mngcmnd .expandTable .table.dataTable td:last-child {
    padding-right: 35px !important
}

td.sclBtns {
    display: flex;
    align-items: center
}

.tooltipStyle {
    padding: 5px 0
}

.comSwitch .btn-toggle:before,
.mngcmnd .logSwitch .btn-toggle:before {
    display: none
}

.mngcmnd .expandTable .table.dataTable td.child {
    padding-right: 0 !important
}

.btn-green {
    background: linear-gradient(180deg, #4caf50 0, #8bc34a 100%);
    color: #fff;
    font-size: 14px;
    outline: 0;
    transition: all .3s;
    border: none;
    border-radius: 5px;
    height: 36px;
}

.btn-green:hover {
    color: #fff;
    background: linear-gradient(180deg, #63b766 0, #9cc76b 100%)
}

.btn-red4 {
    background: linear-gradient(180deg, #f44336 0, #f44336 100%);
    color: #fff;
    font-size: 13px;
    outline: 0;
    transition: all .3s
}

.btn-red4:hover {
    color: #fff;
    background: linear-gradient(180deg, #ff695e 0, #ff594d 100%)
}

table.dataTable td.reorder {
    text-align: left
}

.btn-blue {
    background: #1f459f;
    color: #fff;
    padding: 7px 20px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px
}

.btn.btn-lightblue {
    background: #bacbf3;
    color: #1f459f;
    padding: 7px 20px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px
}

.btn-blue:hover {
    color: #fff;
    background: #3f68c8;
    transition: all .3s
}

.zoomLink .dtPart .table tr:last-child td {
    border: none
}

.zoomLink .errorDate.has-float-label>span.error {
    bottom: -16px !important;
    left: 13px !important
}

.marktUpd .has-float-label .input-group.acDate.dateBottom .input-group-append,
.marktUpd .has-float-label .input-group.acDate.dateBottom>.form-control {
    border: 1px solid #d8d8d8
}

.marktUpd .has-float-label .input-group.acDate.dateBottom>.form-control {
    padding-left: 12px
}

.marktUpd .has-float-label .form-control.date-float:placeholder-shown:not(:focus)+* {
    left: 12px
}

.has-float-label>span,
.marktUpd .has-float-label.inputBottom label {
    left: 12px
}

.weight500 {
    color: #02080d;
    font-weight: 500
}

.marktUpd .border {
    border: 1px solid #eaebef !important
}

.marktUpd .datepadd>span.error {
    left: 15px !important;
    bottom: -16px !important
}

.updList .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 15px
}

.has-float-label>span,
.updList .has-float-label label {
    left: 8px
}

.updList .expandTable table.dataTable td:last-child {
    padding-left: 35px !important
}

.updList .expandTable table.dataTable td.child {
    padding-left: 0 !important
}

.datepadd .input-group>.form-control.date-float:focus {
    padding-left: 10px
}

.datepadd .input-group.acDate>.form-control {
    padding-left: 10px
}

.careerList .has-float-label .date-float.valid+label {
    left: 0
}

.careerList .select2-container {
    width: 100% !important
}

.careerList .has-float-label label,
.has-float-label>span {
    font-size: 12px !important
}

.careerList .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 13px !important
}

.bg-33B1E2 {
    background-color: #33b1e2
}

.bg-F96363 {
    background-color: #f96363
}

.bg-9495FF {
    background-color: #9495ff
}

.noteCsv .themeFileInput .custom-file span.error,
.themeFileInput .custom-file span.invalid {
    left: -35px
}

.themeHead1 {
    color: #363636;
    background-color: #ffff;
    font-size: 36px;
    padding: 10px 15px !important;
    font-weight: 700;
    border-bottom: 1px solid #edeff3
}

.log .btn.btn-orange {
    background-color: #ffdb47
}

.logTable .inner-responsive {
    max-width: 100% !important
}

.logTable tr.shown td .aLots::after {
    content: "\e622"
}

.logTable td .aLots::after {
    content: "\e61a"
}

.logTable tr td .aLots::after {
    background-color: #edeff3;
    color: #363636
}

.logTable tr.shown td .aLots::after {
    background-color: #1f459f;
    columns: #FFFFFF
}

.logTable .innertabNext tbody {
    background: #fff
}

.logTable .table td {
    border: none
}

.logTable tr td[colspan] {
    padding: 0 !important
}

.logTable table.innerTable {
    border: none
}

.plusIcon::before {
    content: "\e61a";
    position: absolute;
    font-family: themify;
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    padding: 2px;
    border-radius: 3px;
    top: 12px;
    left: 20px;
    font-size: 11px;
    background-color: #edeff3;
    color: #363636;
    font-weight: 700
}

.shown::after {
    content: "\e622";
    position: absolute;
    font-family: themify;
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 18px;
    height: 18px;
    padding: 2px;
    border-radius: 3px;
    top: 12px;
    left: 20px;
    font-size: 11px;
    background-color: #1f459f;
    color: #fff;
    font-weight: 700
}

.logList .blueLink {
    color: #1f459f !important
}

.maxHght {
    height: 200px !important
}

.log .expandTable table.dataTable thead tr th.w-40px {
    width: 40px !important
}

#more {
    display: none
}

.dashboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 80px)
}

.dashboard-app {
    width: 67%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.dashboard-content {
    padding: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.dashboard-nav {
    min-width: 210px;
    position: fixed;
    left: 0;
    top: 65px;
    bottom: 0;
    overflow: auto;
    background-color: transparent;
    border-right: 1px solid #eaebef;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.dashboard-compact .dashboard-nav {
    display: none
}

.dashboard-nav header {
    font-size: 22px;
    color: #000;
    padding: 11px 20px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaebef;
    white-space: nowrap
}

.dashboard-nav header .menu-toggle {
    display: none;
    margin-right: auto
}

.dashboard-nav a {
    color: #363636
}

.dashboard-nav a:hover {
    text-decoration: none
}

.dashboard-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.dashboard-nav-item {
    color: #4c4c4c !important;
    font-size: 15px;
    padding: 10px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .02em;
    transition: ease-out .5s
}

.dashboard-nav-item:hover {
    color: #175fa7 !important
}

.dashboard-nav-item i {
    width: 36px;
    font-size: 19px;
    margin-left: -40px
}

.dashboard-nav-list .filter-cat.active a {
    color: #175fa7 !important
}

.dashboard-nav-item:hover {
    background: rgba(255, 255, 255, .04)
}

.dashboard-nav-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.dashboard-nav-dropdown.show {
    background: rgba(255, 255, 255, .04)
}

.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle:after {
    -webkit-transform: none;
    -o-transform: none;
    transform: none
}

.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dashboard-nav-dropdown-toggle:after {
    content: "";
    margin-left: auto;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(81, 81, 81, .8);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
    border-top-color: #6a6a6a
}

.dashboard-nav-dropdown-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.dashboard-nav-dropdown-item {
    color: #4c4c4c !important;
    font-size: 16px;
    padding: 10px 20px 10px 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: ease-out .5s
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
    text-decoration: none;
    color: #875de5
}

.nav-item-divider {
    height: 1px;
    margin: 1rem 0;
    overflow: hidden;
    background-color: rgba(236, 238, 239, .3)
}

.fmContent {
    background-color: #f9f9fb;
    border-top: 1px solid #efefef
}

.dashboard-nav .fa-times-circle {
    margin: 0
}

nav.dashboard-nav-list h6 {
    color: #e82030;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    white-space: nowrap
}

nav.dashboard-nav-list .badge-danger {
    background-color: #e82030;
    padding: 4px 8px;
    font-size: 12px
}

.dashboard-view {
    width: 33%;
    position: relative;
    border-left: 1px solid #eaebef;
    overflow: hidden
}

.search-wrapper {
    position: relative
}

.search-box {
    width: 100%;
    border: 1px solid #e5e5e5;
    outline: 0;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 14px;
    color: #363636
}

.close-icon2 {
    position: absolute;
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    right: 10px
}

.close-icon2:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 14px;
    bottom: 0;
    margin: auto;
    padding: 0;
    text-align: center;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer
}

.search-box:not(:valid)~.close-icon2 {
    display: none
}

header.dashboard-toolbar {
    position: relative;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #eaebef
}

.black-btn {
    color: #fff;
    background-color: #363636;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px
}

.red-btn {
    color: #fff;
    background-color: #e82030;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px
}

.green-btn {
    color: #fff;
    background-color: #2bac92;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px
}

.gray-btn {
    color: #333;
    background-color: #edeff3;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px
}

.black-btn:hover,
.green-btn:hover,
.red-btn:hover {
    color: #fff !important
}

.gray-btn:hover {
    color: #333 !important
}

.dashboard-toolbar i.fas.fa-plus {
    font-size: 12px
}

.dashboard-toolbar i.fas.fa-sort-down {
    top: -2px;
    position: relative
}

.btn:focus {
    box-shadow: none
}

.filemnModel .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.filemnModel .modal-header {
    padding: .5rem 1rem
}

.filemnModel .modal-footer {
    border: none
}

.text-black {
    color: #333 !important
}

.text-555 {
    color: #555 !important
}

.borderTop {
    border-top: 1px solid #eaebef
}

.borderBottom {
    border-bottom: 1px solid #eaebef
}

.head-15 {
    font-size: 15px;
    font-weight: 700;
    color: #363636
}

.text-italic {
    font-style: italic !important
}

.head-14 {
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 500
}

.head-13 {
    font-size: 13px;
    color: rgba(54, 54, 54, .8);
    font-weight: 500
}

.gray-text {
    color: #979797;
    font-size: 14px;
    font-weight: 500
}

.gray-text2 {
    color: #959595;
    font-size: 12px;
    font-weight: 400
}

.gray-bg {
    background-color: #f9f9fb !important
}

.fmcenterRow {
    margin: 0 -7px
}

.fmBox {
    position: relative;
    width: 23.1%;
    margin: 0 7px;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 12px;
    margin-bottom: 12px
}

.dashboard-content a:hover {
    text-decoration: none
}

.mxwdt-160 {
    max-width: 160px
}

.fmSources {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.fmSources img {
    width: 100%;
    height: auto;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.fmSources2 {
    height: 120px
}

.smImg {
    width: auto;
    height: 100%
}

.fmBox.gray {
    background: #f9f9fb
}

.mediaTop,
.youtbTop {
    position: relative;
    height: 120px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden
}

.mediaVid,
.youtbVid {
    width: 100%;
    height: 120px;
    overflow: hidden
}

.mediaVid video,
.youtbVid iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none
}

.fmCrumb .breadcrumb {
    padding: 5px 0;
    margin-bottom: 10px;
    background-color: transparent
}

.fmCrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    display: none
}

.fmCrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 1px
}

.fmCrumb .breadcrumb .breadcrumb-item:first-child a {
    text-decoration: none
}

.fmCrumb .breadcrumb .breadcrumb-item a {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline
}

.fmCrumb .breadcrumb-item.active {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px
}

.fmCrumb i.ti-angle-right {
    font-size: 12px
}

.fmCrumb .breadcrumb .breadcrumb-item a:hover {
    color: #1f708d
}

.viewHeading {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eaebef;
    padding: 18px 10px
}

.viewPhotos .fmSources {
    width: 22.6%;
    height: 75px;
    margin: 8px 4px 0;
    overflow: hidden;
    border-radius: 4px
}

.fmBox.showPreview.selected {
    background: #f9f9fb;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    box-shadow: 0 2px 12px rgb(0 0 0 / 20%)
}

.sm-successAlert {
    background-color: #02bd80
}

.sm-dangerAlert {
    background-color: #e55f68
}

.sm-infoAlert {
    background-color: #1f459f
}

.smtstBox .toast-header {
    color: #fff;
    background-color: transparent
}

.smtstBox .toast-body {
    min-width: 250px
}

.smtstBox .close {
    opacity: 1;
    position: absolute;
    right: 0
}

.smtstBox .ti-close {
    opacity: 1;
    background: rgba(54, 54, 54, .13);
    padding: 5px;
    border-radius: 20px
}

.smtstBox .ti-close:hover {
    background: rgba(24, 23, 23, .13)
}

.smtstBox .close:hover {
    opacity: 1 !important
}

.swtalrtcss h2 {
    font-size: 24px
}

.swtalrtcss .cancel.btn {
    font-size: 16px !important;
    border: 1px solid #d3d3d3 !important;
    background: #f5f5f5 !important;
    padding: 5px 10px !important;
    font-weight: 600 !important
}

.swtalrtcss .confirm.btn {
    font-size: 16px !important;
    color: #fff !important;
    background: #175fa7 !important;
    border: 1px solid #175fa7 !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
    box-shadow: none !important
}

.swtalrtcss .btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none !important;
    color: #fff !important;
    background: #175fa7 !important;
    border: 1px solid #175fa7 !important
}

.swtalrtcss.sweet-alert .icon {
    width: 65px !important;
    height: 65px !important
}

.swtalrtcss.sweet-alert .icon.warning .body {
    height: 32px !important
}

.swtalrtcss.sweet-alert .icon.warning .body,
.swtalrtcss.sweet-alert .icon.warning .dot {
    background-color: #ffb61e !important
}

.swtalrtcss.sweet-alert .icon.warning {
    border-color: #ffb61e !important
}

.fmCheckbx .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #9b9b9b;
    background-color: #363636;
    box-shadow: none
}

.fmCheckbx .custom-control-label:after,
.fmCheckbx .custom-control-label:before {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 3px
}

.fmCheckbx [type=checkbox]:checked+label:after,
.fmCheckbx [type=checkbox]:not(:checked)+label:after {
    line-height: 20px;
    color: #fff;
    box-shadow: none
}

.fmCheckbx .custom-control-label {
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.fmCheckbx.custom-checkbox.m-chkbox {
    position: absolute;
    top: 5px;
    left: 7px;
    display: none
}

.catBox:hover .fmCheckbx.custom-checkbox.m-chkbox {
    display: block
}

.fmCheckbx.custom-checkbox.m-chkbox .custom-control-label {
    padding-left: 15px
}

.fmCheckbx.custom-checkbox.m-chkbox [type=checkbox]:not(:checked)+label:before {
    background: 0 0
}

.delChecked .fmCheckbx.custom-checkbox.m-chkbox {
    display: block
}

.fmBox.showPreview:hover .fmCheckbx.custom-checkbox.m-chkbox {
    display: block
}

.upboxDrive a {
    background: linear-gradient(0deg, rgba(206, 32, 31, .06), rgba(206, 32, 31, .06)), #fff;
    border: 1px dashed rgba(206, 32, 31, .23);
    box-sizing: border-box;
    border-radius: 9px
}

.upboxGoog a {
    background: linear-gradient(0deg, rgba(66, 133, 244, .07), rgba(66, 133, 244, .07)), #fff;
    border: 1px dashed rgba(66, 133, 244, .35);
    box-sizing: border-box;
    border-radius: 9px
}

.tubeLink {
    display: flex;
    align-items: center
}

.linkBlue {
    color: #0056b3 !important
}

input.input-graybg {
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 8px;
    height: 35px;
    line-height: 30px;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    border-radius: 6px
}

.tubeFrame {
    display: flex;
    margin-top: 20px
}

.frameLeft {
    width: 30%;
    height: 126px;
    overflow: hidden;
    border-radius: 10px
}

.frameLeft iframe {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover
}

.frameRight {
    width: 70%;
    padding: 0 0 0 10px
}

.tubeFrame.driveFrame {
    align-items: center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 7px 10px;
    margin-top: 0;
    background: #fff
}

.tubeFrame.driveFrame:last-child {
    border-bottom: 1px solid #ddd
}

.driveFrame .frameLeft {
    width: 90px;
    height: 50px;
    border-radius: 4px
}

.driveFrame .frameLeft img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.driveFrame .frameRight {
    width: 88%;
    padding: 0 0 0 10px
}

.driveFrame .frameLeft video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wordBreak {
    word-break: break-all
}

.inputImage {
    margin-bottom: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-right: 0px;
    padding: 5px 0 4px 8px;
    height: 35px;
    line-height: 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.inputImage img {
    width: 24px
}

.drvLink input.input-graybg {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.upboxComp {
    background: #fff;
    border: 1px dashed #ddd;
    box-sizing: border-box;
    border-radius: 9px;
    margin-bottom: 15px
}

.arrowDash .ti-angle-left {
    position: absolute;
    left: 15px;
    color: #2a2a2a;
    border: 1px solid #b6bdcb;
    background-color: #e8f0fe;
    font-size: 11px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer
}

.closeDash .ti-close {
    position: absolute;
    top: 19px;
    right: 15px;
    color: #2a2a2a;
    border: 1px solid #b6bdcb;
    background-color: #e8f0fe;
    font-size: 9px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer
}

.filepond--media-preview audio {
    display: none
}

.filepond--media-preview .audioplayer {
    width: calc(100% - 1.4em);
    margin: 2.3em auto auto
}

.filepond--media-preview .playpausebtn {
    margin-top: .3em;
    margin-right: .3em;
    height: 25px;
    width: 25px;
    border-radius: 25px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    outline: 0;
    cursor: pointer
}

.filepond--media-preview .playpausebtn:hover {
    background-color: rgba(0, 0, 0, .5)
}

.filepond--media-preview .play {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAyElEQVQ4T9XUsWoCQRRG4XPaFL5SfIy8gKYKBCysrax8Ahs7qzQ2qVIFOwsrsbEWLEK6EBFGBrIQhN2d3dnGgalm+Jh7789Ix8uOPe4YDCH0gZ66atKW0pJDCE/AEngDXtRjCpwCRucbGANzNVTBqWBhfAJDdV+GNgWj8wtM41bPt3AbsDB2f69d/0dzwC0wUDe54A8wAWbqJbfkD+BZPeQO5QsYqYu6LKb0MIb7VT3VYfG8CnwEHtT3FKi4c8e/TZMyk3LYFrwCgMdHFbRDKS8AAAAASUVORK5CYII=')
}

.filepond--media-preview .pause {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAh0lEQVQ4T+2UsQkCURBE30PLMbAMMResQrAPsQ0TK9AqDKxGZeTLD74aGNwlhzfZssvADDMrPcOe+RggYZIJcG2s2KinMidZAvu6u6uzT8u+JCeZArfmcKUeK+EaONTdQy23bxgJX8aPHvIHsSnVuzTx36rn2pQFsGuqN//ZlK7vbIDvq6vkJ9yteBXzecYbAAAAAElFTkSuQmCC')
}

.filepond--media-preview .timeline {
    width: calc(100% - 2.5em);
    height: 3px;
    margin-top: 1em;
    float: left;
    border-radius: 15px;
    background: rgba(255, 255, 255, .3)
}

.filepond--media-preview .playhead {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-top: -5px;
    background: #fff
}

.filepond--media-preview-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    border-radius: .45em;
    overflow: hidden;
    background: rgba(0, 0, 0, .01);
    pointer-events: auto
}

.filepond--media-preview-wrapper:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2em;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    z-index: 3
}

.filepond--media-preview {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    will-change: transform, opacity
}

.filepond--media-preview audio,
.filepond--media-preview video {
    width: 100%;
    will-change: transform
}

.filepond--pdf-preview-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    border-radius: .45em;
    overflow: hidden;
    background: rgba(0, 0, 0, .01);
    pointer-events: auto
}

.filepond--pdf-preview-wrapper:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2em;
    background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, #000 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    z-index: 3
}

.filepond--pdf-preview {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    will-change: transform, opacity
}

.filepond--pdf-preview #outerContainer #mainContainer div.toolbar {
    display: none !important
}

.filepond--pdf-preview #outerContainer #mainContainer #viewerContainer {
    top: 0 !important
}

.filepondCustom {
    position: relative
}

.filepond--drop-label {
    color: #4c4e53
}

.filepond--label-action {
    text-decoration-color: #babdc0
}

.filepond--panel-root {
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em
}

.filepond--item-panel {
    background-color: #595e68
}

.filepond--drip-blob {
    background-color: #7f8a9a
}

.filepondCustom .filepond--image-preview-wrapper {
    width: 40px;
    height: 40px;
    background: 0 0 !important;
    border-radius: 9px
}

.filepondCustom .filepond--file-action-button {
    z-index: 102;
    right: 2px;
    left: auto !important
}

.filepondCustom .filepond--item-panel {
    background: 0 0 !important;
    border-radius: 0
}

.filepondCustom .filepond--item {
    height: 50px !important;
    border-bottom: 1px solid #e5e5e5
}

.filepondCustom .filepond--file {
    color: #242424;
    position: relative
}

.filepondCustom .filepond--file-action-button.filepond--file-action-button {
    font-size: 11px;
    width: 20px;
    height: 20px
}

.filepondCustom .filepond--file-info {
    transform: translate3d(40px, -10px, 0) !important;
    font-size: 18px
}

.filepondCustom .filepond--media-preview-wrapper,
.filepondCustom .filepond--pdf-preview-wrapper {
    width: 40px;
    height: 40px
}

.filepondCustom .filepond--media-preview audio,
.filepondCustom .filepond--media-preview video {
    width: max-content
}

.filepondCustom .filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: none
}

.filepondCustom .filepond--root .filepond--credits {
    display: none
}

.filepondCustom .filepond--pdf-preview-wrapper:before {
    background: 0 0 !important
}

.filepondCustom .filepond--file-action-button:hover {
    background-color: rgb(0 0 0 / 50%)
}

.filepondCustom .filepond--file-wrapper::after {
    content: "\f15c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 25px;
    height: 36px;
    top: 5px;
    left: 5px;
    font-size: 28px;
    color: #8f97b7;
    position: absolute;
    display: inline-block
}

.filepondCustom .filepond--root .filepond--drop-label {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    z-index: 5 !important;
    opacity: 1 !important;
    background: 0 0 !important;
    background: linear-gradient(0deg, rgb(226 239 253), rgb(242 248 255)), #fff !important;
    border: 1px dashed #9ac7f7;
    box-sizing: border-box !important;
    border-radius: 9px;
    margin-bottom: 15px;
    cursor: pointer
}

.filepondCustom .filepond--panel-root {
    background: 0 0
}

.filepondCustom .filepond--list-scroller {
    top: 75px;
    transform: translate3d(0, 0, 0) !important
}

.filepondCustom .filepond--file-info .filepond--file-info-main {
    line-height: 20px;
    font-weight: 500
}

.filepondCustom .filepond--drop-label.filepond--drop-label label {
    font-size: 14px;
    color: #2e2e2e;
    font-weight: 600;
    cursor: pointer
}

.filepondCustom .filepond--file-info .filepond--file-info-sub {
    opacity: .7;
    font-weight: 600
}

.filepondCustom .filepond--drop-label:hover label {
    color: #167ac6
}

.filepondCustom .filepond--list.filepond--list {
    left: 0;
    right: 0
}

.filepondCustom .filepond--image-preview-overlay-idle {
    color: transparent;
    background: 0 0 !important
}

.filepondCustom .filepond--file-action-button.filepond--action-remove-item {
    color: #fff;
    background: #787878 !important
}

.filepondCustom .filepond--file-action-button.filepond--action-remove-item:hover {
    background: #363636 !important
}

.filepondCustom .filepond--file .filepond--progress-indicator {
    border-radius: 30px;
    margin-top: 0;
    right: 0;
    background: #6b65d3 !important
}

.filepondCustom .filepond--processing-complete-indicator {
    right: 0;
    margin-top: -3px
}

.filepondCustom .filepond--root :not(text) {
    background: 0 0 !important
}

.filepondCustom .filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 1.25em
}

.filepondCustom .filepond--item[data-filepond-item-state=load-invalid] {
    background: #e55f68 !important;
    border-radius: 7px
}

.filepondCustom .filepond--item[data-filepond-item-state=load-invalid] .filepond--file {
    color: #fff
}

.filepondCustom .filepond--file .filepond--file-status {
    transform: translate3d(0, 0, 0) !important
}

.mltUpload {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 2
}

.headCheck .fmCheckbx [type=checkbox]:checked+label:before,
.headCheck .fmCheckbx [type=checkbox]:not(:checked)+label:before {
    top: 5px
}

.headCheck img {
    width: 24px
}

.conFrame {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px
}

.confInner {
    width: 75%;
    display: flex
}

.conChek {
    width: 25%;
    text-align: right
}

.confFile {
    width: 50px;
    height: 45px;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 10px
}

.confFile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.confFile video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.confInfo {
    width: 80%
}

.fileContain {
    object-fit: contain !important
}

.fmtabContent {
    display: inline-block;
    width: 100%
}

.fileinput-remove,
.fileinput-upload {
    display: none
}

.fmmultyFile .file-drop-zone {
    border: none;
    border-radius: 4px;
    height: 100%;
    min-height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.fmmultyFile {
    padding: 0 15px
}

.fmmultyFile .krajee-default.file-preview-frame {
    margin: 0 0 20px;
    border: none;
    box-shadow: none;
    padding: 0;
    display: flex;
    width: 100%
}

.fmmultyFile .krajee-default.file-preview-frame:last-child {
    margin: 0 !important
}

.fmmultyFile .file-caption-main {
    display: none
}

.fmmultyFile .krajee-default.file-preview-frame .kv-file-content {
    width: 17%;
    height: 55px;
    overflow: hidden
}

.fmmultyFile .krajee-default.file-preview-frame .file-thumbnail-footer {
    width: 83%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fmmultyFile .file-preview-image {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    object-position: center
}

.fmmultyFile .krajee-default .file-footer-caption {
    width: 70%;
    text-align: left;
    margin-bottom: 0;
    padding-top: 0
}

.fmmultyFile .krajee-default .file-caption-info {
    max-width: 180px;
    height: auto;
    font-size: 14px;
    color: #363636;
    font-weight: 600;
    padding: 0;
    margin: 0 5px
}

.fmmultyFile .krajee-default .file-size-info {
    font-size: 12px;
    color: grey;
    font-weight: 600;
    padding: 0;
    margin: 0 5px
}

.fmmultyFile .file-drop-zone-title {
    color: #363636;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 10px;
    cursor: default;
    background: #fff
}

.fmmultyFile .file-drop-zone.clickable:hover {
    border: none
}

.fmmultyFile .file-preview {
    border-radius: 4px;
    border: 1px dashed #bfbfbf;
    background: #fff
}

.fmmultyFile .krajee-default.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: none
}

.fmmultyFile .krajee-default .file-drag-handle,
.krajee-default .file-upload-indicator {
    display: none
}

.fmmultyFile .file-preview .fileinput-remove {
    display: none !important
}

.fmmultyFile .krajee-default .file-actions {
    width: 30%;
    text-align: right
}

.fmmultyFile .btn-kv {
    width: 25px;
    height: 25px;
    line-height: 16px;
    padding: 5px
}

.fmmultyFile .file-error-message {
    color: #e82030;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    margin-top: 22px;
    max-width: 325px;
    overflow-x: auto
}

.fmmultyFile .file-thumb-progress .progress,
.fmmultyFile .file-thumb-progress .progress-bar {
    font-size: 11px
}

.fmmultyFile .progress-bar-danger {
    background-color: #e82030 !important
}

.fmmultyFile .krajee-default .file-footer-buttons {
    display: flex;
    float: right
}

.fmmultyFile .file-error-message .close {
    font-size: 20px
}

.fmmultyFile .kv-file-remove.btn-outline-secondary:not(:disabled):not(.disabled):active,
.fmmultyFile .kv-file-remove:hover {
    color: #fff;
    background-color: #e82030;
    border-color: #e82030
}

.fmmultyFile .kv-file-zoom.btn-outline-secondary:not(:disabled):not(.disabled):active,
.fmmultyFile .kv-file-zoom:hover {
    color: #fff;
    background-color: #3070c8;
    border-color: #3070c8
}

.fmmultyFile .kv-file-upload.btn-outline-secondary:not(:disabled):not(.disabled):active,
.fmmultyFile .kv-file-upload:hover {
    color: #fff;
    background-color: #17a88b;
    border-color: #17a88b
}

.fmmultyFile .kv-file-remove.btn.btn-kv {
    margin: 0 2px !important
}

.fmmultyFile .krajee-default .file-thumb-progress {
    display: block !important
}

.fmmultyFile .krajee-default .file-thumb-progress {
    top: 53px
}

.fmmultyFile .file-error-message pre,
.fmmultyFile .file-error-message ul {
    list-style: none;
    padding-left: 0
}

.fmmultyFile .file-error-message ul h1 {
    font-size: 16px !important
}

.fmmultyFile .file-caption {
    display: none
}

.kv-zoom-actions .btn-kv {
    padding: 6px 8px 2px
}

.file-zoom-dialog.modal {
    background: rgb(0 0 0 / 52%) !important
}

.fmmultyFile .krajee-default.file-preview-frame:not(.file-preview-error):hover {
    border: none;
    box-shadow: none
}

.fmtabWhite {
    display: none;
    transition: all .3s
}

.scrtabs-tab-container a.nav-link:hover .fmtabWhite {
    display: block;
    transition: all .3s
}

.scrtabs-tab-container a.nav-link:hover .fmtabBlack {
    display: none;
    transition: all .3s
}

.scrtabs-tab-container a.nav-link.active .fmtabWhite {
    display: block;
    transition: all .3s
}

.scrtabs-tab-container a.nav-link.active .fmtabBlack {
    display: none;
    transition: all .3s
}

.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none !important
}

.dragFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0
}

.draggable-element {
    width: 30.3%;
    list-style: none;
    cursor: move;
    margin: 0 5px;
    margin-bottom: 8px;
    border-radius: 4px
}

.dragupImage {
    position: relative;
    width: 100%;
    height: 95px;
    overflow: hidden;
    transition: .3s ease-in-out;
    border-radius: 5px
}

.dragupImage img {
    width: 100%;
    height: auto;
    object-fit: cover;
    pointer-events: none;
    min-height: 95px
}

.updrClose {
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 5px;
    background: #3e3e3e;
    color: #fff;
    font-size: 9px;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    display: none;
    align-items: center;
    justify-content: center
}

.dragArrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    color: #fff;
    background: rgba(54, 54, 54, .8);
    width: 100%;
    padding: 3px 5px;
    cursor: pointer;
    z-index: 1
}

.dragArrow .ti-arrow-left,
.dragArrow .ti-arrow-right {
    background: #222;
    color: #fff;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800
}

.draggable-element:hover .dragupImage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(51 51 51 / 28%);
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out
}

.draggable-element:hover .updrClose {
    display: flex;
    z-index: 1
}

.dragupImage .mediaVid,
.dragupImage .youtbVid {
    width: 100%;
    height: 95px;
    overflow: hidden
}

.p-eventsnone {
    pointer-events: none !important
}

.ekko-lightbox-nav-overlay {
    display: flex !important;
    line-height: 0;
    height: 0;
    top: 50%
}

.ekko-lightbox-container:hover .ekko-lightbox-nav-overlay a:first-child {
    position: relative;
    left: -20px;
    top: -50px;
    height: 100px
}

.ekko-lightbox-container:hover .ekko-lightbox-nav-overlay a:last-child {
    position: relative;
    right: -20px;
    top: -50px;
    height: 100px
}

.embed-responsive {
    z-index: 1 !important
}

.ekko-lightbox-container:hover .ekko-lightbox-nav-overlay a {
    opacity: 1 !important
}

.ekko-lightbox .ekko-lightbox-container::before {
    content: "\e646";
    font-family: themify;
    position: absolute;
    top: -10px;
    right: -35px;
    color: #fff;
    font-size: 13px;
    background: #000;
    padding: 3px 8px;
    border-radius: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none
}

.ekko-lightbox-container>div.ekko-lightbox-item.show {
    z-index: 001
}

.ekko-lightbox {
    padding-right: 0 !important
}

.tags-examp .bootstrap-tagsinput {
    display: inline-block;
    text-align: left;
    padding: 4px 6px;
    color: #363636;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 3px
}

.tags-examp .bootstrap-tagsinput input {
    font-size: 13px;
    color: #363636;
    border: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit
}

.tags-examp .bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #8f9192;
    opacity: 1
}

.tags-examp .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #8f9192
}

.tags-examp .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #8f9192
}

.tags-examp .bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none
}

.tags-examp .bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    background: #4c4c4c;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    word-break: break-all
}

.tags-examp .bootstrap-tagsinput .tag [data-role=remove] {
    margin-left: 8px;
    cursor: pointer
}

.tags-examp .bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "x";
    padding: 0 2px
}

.tags-examp .bootstrap-tagsinput .tag [data-role=remove]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.tags-examp .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.viewContent {
    padding-bottom: 20px
}

.toast.smtstBox {
    width: 100% !important
}

.toast.smtstBox {
    z-index: -1 !important
}

.toast.smtstBox.show {
    z-index: 9999 !important
}

.filemgr-hub .header-area .row:first-child {
    justify-content: space-between !important
}

.profile-right .dropdown-toggle::after {
    display: none
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
    min-height: 68px
}

.ekko-lightbox .modal-body {
    padding: 5px
}

.scrtabs-tab-container * {
    box-sizing: border-box
}

.scrtabs-tab-container {
    height: auto
}

.scrtabs-tab-container .tab-content {
    clear: left
}

.scrtabs-tab-container .scrtabs-tabs-movable-container>.navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.scrtabs-tabs-fixed-container {
    float: left;
    height: auto;
    overflow: hidden;
    width: 100%
}

.scrtabs-tabs-movable-container {
    position: relative;
    transition: transform .5s
}

.scrtabs-tabs-movable-container .tab-content {
    display: none
}

.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
    padding-right: 0
}

.scrtabs-tab-scroll-arrow {
    border: none;
    cursor: pointer;
    display: none;
    float: left;
    font-size: 12px;
    height: 100%;
    padding-left: .5em;
    padding-top: 30px;
    width: 20px
}

.scrtabs-tab-scroll-arrow>span {
    border-right: 2px solid #383838;
    border-bottom: 2px solid #383838;
    display: block;
    width: 9px;
    height: 9px;
    transform: rotate(-45deg)
}

.scrtabs-tab-scroll-arrow>span:hover {
    border-right-color: #0056b3;
    border-bottom-color: #0056b3
}

.scrtabs-tab-scroll-arrow-left>span {
    transform: rotate(135deg)
}

.scrtabs-tab-scroll-arrow-right {
    padding-left: .4em
}

.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
    cursor: pointer
}

.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
    color: #ddd;
    cursor: default
}

.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target>span,
.scrtabs-tab-scroll-arrow.scrtabs-disable>span {
    border-color: #d7d7d7
}

.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
    background-color: initial
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #eaebef;
    transition: all .5s;
    border-radius: 3px
}

.scrtabs-tab-container a.nav-link.active,
.scrtabs-tabs-fixed-container ul.nav-tabs>li a:hover {
    background: #e82030;
    transition: all .5s;
    border-radius: 5px
}

.scrtabs-tabs-fixed-container ul.nav-tabs>li a:hover span {
    color: #fff;
    transition: all .3s
}

.scrtabs-tab-container a.nav-link.active span {
    color: #fff;
    transition: all .3s
}

.nav-tabs .dropdown-menu {
    border-top-color: transparent;
    margin-top: 0
}

.scrtabs-tab-container a.nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0;
    border: none;
    padding: .5rem 1rem
}

.scrtabs-tab-container a.nav-link img {
    width: max-content
}

.fmtab-section {
    margin: 10px 0
}

.scrtabs-tab-container a.nav-link span {
    color: #333;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
    transition: all .3s
}

.scrtabs-tab-container ul.nav.nav-tabs {
    border: none;
    align-items: center;
    justify-content: center
}

.scrtabs-tab-container .dropdown-menu .nav-link {
    color: #333;
    font-weight: 600;
    font-size: 13px
}

.scrtabs-tab-container .dropdown-menu {
    border: 1px solid #ddd
}

.scrtabs-tab-container .dropdown .dropdown-menu {
    background: 0 0;
    border: none
}

.smtstBox .toast-body span {
    padding-top: 5px
}

.mail-dashboard {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    min-height: calc(100vh - 80px)
}

.mailContent {
    border-top: 1px solid #eaebef
}

.mailContent .dashboard-nav header {
    font-size: 22px;
    padding: 5px 20px;
    border-top: 1px solid #eaebef
}

.mailContent .dashboard-nav {
    background-color: #fff;
    max-height: calc(100vh - 65px)
}

.mailContent .dashboard-nav-item i {
    width: 30px;
    font-size: 17px;
    margin-left: 0
}

.mailContent .dashboard-nav-item h5 {
    position: relative;
    color: #adadad !important;
    font-size: 14px;
    font-weight: 500
}

.mailContent .dashboard-nav-dropdown a {
    position: relative;
    color: #adadad !important;
    font-size: 15px;
    font-weight: 500
}

.mailContent .dashboard-nav-item .badge-second {
    background-color: #efefef;
    color: #02080d;
    vertical-align: middle;
    padding-top: 4px
}

.mailContent .dashboard-nav-item:hover h5 {
    color: #02080d !important
}

.mailContent .dashboard-nav-list .filter-cat.active a h5 {
    color: #02080d !important
}

.mailContent .dashboard-nav-item i.fas.fa-plus {
    width: auto;
    font-size: 12px;
    padding: 12px 12px;
    border-right: 1px solid #f7ebeb
}

.mailContent nav.dashboard-nav-list h6 {
    color: #02080d;
    font-size: 14px;
    background: #fff;
    border: 1.5px solid #f7ebeb;
    box-shadow: 0 4px 14px rgb(0 0 0 / 4%);
    border-radius: 5px
}

.mailContent nav.dashboard-nav-list h6 span {
    padding: 12px 25px 12px 12px
}

.mailContent .dashboard-nav .dashboard-nav-dropdown-toggle:after {
    transform: rotate(-90deg)
}

.mailContent .dashboard-nav .show .dashboard-nav-dropdown-toggle:after {
    transform: rotate(0)
}

.mailContent .dashboard-nav-dropdown a:hover,
.mailContent .dashboard-nav-dropdown-item:hover {
    color: #02080d !important
}

.mailContent .dashboard-nav-dropdown-item {
    padding: 6px 5px 6px 35px !important;
    font-size: 13px !important
}

.mailContent .dashboard-nav-dropdown-item.catLabel::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 18px;
    width: 10px;
    height: 10px;
    border-radius: 30px
}

.dashboard-nav-dropdown-item.catLabel.red-cat::before {
    background-color: #f12a1d
}

.dashboard-nav-dropdown-item.catLabel.orange-cat::before {
    background-color: orange
}

.dashboard-nav-dropdown-item.catLabel.yellow-cat::before {
    background-color: #edd049
}

.dashboard-nav-dropdown-item.catLabel.green-cat::before {
    background-color: #32cd32
}

.dashboard-nav-dropdown-item.catLabel.blue-cat::before {
    background-color: #4169e1
}

.dashboard-nav-dropdown-item.catLabel.purple-cat::before {
    background-color: purple
}

.dashboard-nav-dropdown-item.catLabel.brown-cat::before {
    background-color: brown
}

.dashboard-nav-dropdown-item.catLabel.teal-cat::before {
    background-color: teal
}

.dashboard-nav-dropdown-item.catLabel.olive-cat::before {
    background-color: olive
}

.dashboard-nav-dropdown-item.catLabel.cranberry-cat::before {
    background-color: #950714
}

.dashboard-nav-dropdown-item.catLabel.steel-cat::before {
    background-color: #71797e
}

.dashboard-nav-dropdown-item.catLabel.darksteel-cat::before {
    background-color: #295d8a
}

.dashboard-nav-dropdown-item.catLabel.gray-cat::before {
    background-color: #d3d3d3
}

.dashboard-nav-dropdown-item.catLabel.darkgray-cat::before {
    background-color: #a9a9a9
}

.dashboard-nav-dropdown-item.catLabel.black-cat::before {
    background-color: #000
}

.msg-red {
    color: #f12a1d !important
}

.msg-orange {
    color: orange !important
}

.msg-yellow {
    color: #edd049 !important
}

.msg-green {
    color: #32cd32 !important
}

.msg-blue {
    color: #4169e1 !important
}

.msg-purple {
    color: purple !important
}

.msg-brown {
    color: brown !important
}

.msg-teal {
    color: teal !important
}

.msg-olive {
    color: olive !important
}

.msg-gray {
    color: #d3d3d3 !important
}

.msg-black {
    color: #000 !important
}

.lablAdd {
    position: absolute !important;
    font-size: 11px !important;
    color: #fff !important;
    background: #2bac92;
    padding: 1px 4px;
    border-radius: 5px;
    margin-left: 10px;
    cursor: default;
    z-index: 2;
    top: 10px;
    left: 70px
}

.dashboard-nav-dropdown-menu.customGrayScroll.mx-hgtCat {
    max-height: 300px
}

.mailContent .msgdetails-view {
    width: 60%;
    position: relative;
    background: #fff;
    min-height: calc(100vh - 66px)
}

.mailContent .dashboard-app {
    width: 100%
}

.select-drop {
    cursor: pointer;
    margin: 0 auto;
    max-width: 200px;
    padding: 5px 10px;
    position: relative;
    width: 100%;
    z-index: 3;
    background: 0 0;
    border: 1px solid #e5e5e5
}

.select-drop::after {
    border-color: #677b89 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: 46%;
    width: 0
}

.select-drop .drop {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    border-radius: 4px
}

.select-drop .drop li a {
    color: #02080d;
    font-size: 14px;
    display: block;
    padding: 5px 10px;
    text-decoration: none
}

.select-drop span {
    color: #02080d;
    font-size: 13px;
    font-weight: 500
}

.select-drop .drop li:hover a {
    background-color: #e23c31;
    color: #fff
}

.select-drop.active::after {
    border-width: 0 5px 5px
}

.select-drop.active .drop {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.select-drop.mailSelect {
    text-align: right;
    padding-right: 30px;
    border: none;
    margin-right: 0
}

.mailSelect.select-drop .drop li a {
    text-align: left
}

.mailSearch.search-wrapper .search-icon::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900 !important;
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px;
    bottom: 0;
    margin: auto;
    padding: 0;
    text-align: center;
    color: #686868;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer
}

.mailSearch .close-icon2:after {
    right: 15px;
    top: 9px
}

.mailSelect.select-drop .drop li a {
    text-align: left
}

.mailContent .search-box {
    font-size: 12px;
    padding-right: 40px
}

.msgBoxList .custom-control-label:before {
    border: 1px solid #cbcccd
}

.msgNm {
    color: #858585;
    font-size: 13px;
    font-weight: 600
}

.mailAction a {
    color: #939393 !important
}

.mailAction i.fa-envelope {
    font-size: 13px
}

.mailAction i.fa-envelope-open {
    font-size: 12px
}

.mailAction i.fa-trash {
    font-size: 11px
}

.mailAction span {
    font-size: 12px;
    color: #939393
}

.msgBoxList .fmCheckbx .custom-control-label {
    padding-left: 0 !important
}

.msgBoxList .fmCheckbx .custom-control-label:after,
.msgBoxList .fmCheckbx .custom-control-label:before {
    width: 1rem;
    height: 1rem
}

.msgTable {
    width: 100%;
    display: flex;
    align-items: baseline
}

.tblCat i.fas.fa-circle {
    font-size: 10px;
    width: 20px;
    padding-left: 2px
}

.tblmsgPart h4 {
    color: #02080d;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 350px;
    text-overflow: ellipsis
}

.tblmsgPart p {
    font-size: 13px;
    color: #8f9192;
    white-space: nowrap;
    overflow: hidden;
    max-width: 370px;
    text-overflow: clip
}

.tblmsgPart {
    width: 100%
}

.msgAttach {
    margin-left: auto
}

.msgAttach i.fas.fa-paperclip {
    font-size: 12px;
    position: relative;
    top: -5px;
    color: #71797e
}

.msgBoxList {
    margin-left: 12px;
    margin-bottom: 5px;
    padding: 8px 10px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.msgBoxList:hover {
    background: #fff !important;
    box-shadow: -1px 0 2px 1px #e3e3e3
}

.msgBoxList.msg-active {
    background: #fff !important;
    box-shadow: -1px 0 2px 1px #e3e3e3 !important
}

.msgBoxList.msg-read {
    background-color: transparent
}

.msgBoxList.msg-unread {
    background-color: #eaeefb
}

.emptyPreview {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 170px)
}

.mailboard-content {
    display: flex
}

.mailCenterbox {
    width: 40%
}

.customSubmenu .dropdown-submenu {
    position: relative
}

.customSubmenu .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 15px;
    top: .8em;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent
}

.customSubmenu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem
}

.customSubmenu .nav-link.dropdown-toggle:after {
    display: none
}

.wrapReply {
    display: flex;
    align-items: center
}

.customSubmenu .dropdown-item {
    padding: .3rem .7rem
}

.customSubmenu .dropdown-item.active,
.customSubmenu .dropdown-item:active {
    color: #fff !important
}

.customSubmenu .dropdown-item:hover:active {
    color: #363636 !important
}

.customSubmenu .dropdown-item:focus,
.customSubmenu .dropdown-item:hover {
    background-color: #f8f8f8
}

.customSubmenu .dropdown-menu,
.ddlistFlex .dropdown-menu {
    box-shadow: 0 4px 14px rgb(0 0 0 / 12%);
    border: 1px solid #e7e7e7 !important
}

.customSubmenu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
    max-height: 200px;
    overflow-y: auto
}

.composeBox .dropdown-toggle:after,
.ddlistFlex .nav-link.dropdown-toggle:after {
    border-top: .4em solid;
    border-right: .34em solid transparent;
    border-left: .34em solid transparent;
    vertical-align: middle
}

.dd-listmm {
    display: flex;
    padding: 1px 10px
}

.listmmLeft {
    width: 35px;
    text-align: right
}

.attachList a:hover {
    color: #0056b3 !important
}

.composeBox .dropdown-menu {
    max-height: 235px;
    overflow-y: auto
}

.mulmail-attach.mtFiles {
    background: 0 0;
    border: none;
    padding: 0;
    margin-top: 10px
}

.mulmail-attach .filesmulty {
    display: flex;
    flex-wrap: wrap
}

.mulmail-attach .filesmulty li {
    color: #ababab;
    padding: 2px 5px;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin-bottom: 5px;
    background-color: #f8f8f8
}

.toSendwrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.bccOpen,
.ccOpen {
    display: flex;
    align-items: center;
    color: #363636;
    font-size: 13px;
    font-weight: 800
}

.emailSub .form-control::placeholder {
    color: #c6c6c6;
    font-size: 15px;
    font-weight: 500
}

.emailSub .form-control {
    color: #363636;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #efefef
}

.wrapComposeinbox {
    background: #fff;
    border: 1px solid #efefef;
    box-sizing: border-box
}

.wrapComposeinbox .tags-examp .bootstrap-tagsinput {
    padding: 5px 0;
    border: none
}

.wrapComposeinbox .tags-examp .bootstrap-tagsinput .tag {
    color: #333;
    background: #f7f7f7;
    padding: 5px 5px;
    font-size: 12px;
    font-weight: 800
}

.wrapComposeinbox .tags-examp .bootstrap-tagsinput .tag [data-role=remove] {
    color: #999
}

.tags-examp.toSendinput {
    padding: 0 .75rem
}

.wrapComposeinbox .tags-examp .bootstrap-tagsinput input::placeholder {
    color: #bbb;
    font-size: 12px
}

.composeEditor.themeEditor .fr-box.fr-basic.fr-bottom .fr-wrapper,
.composeEditor.themeEditor .fr-toolbar.fr-bottom {
    border: none
}

.themeEditor.composeEditor {
    border-top: 1px solid #efefef
}

.themeEditor.composeEditor .fr-qi-helper {
    top: 110px !important
}

.themeEditor.composeEditor .fr-quick-insert.fr-visible {
    top: 110px !important
}

.bordertrl-0 {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0px !important
}

.toolleftAuto[tooltip]:not([flow])::after,
.toolleftAuto[tooltip][flow^=up]::after {
    left: auto !important
}

.mailboard-Hgt {
    max-height: 715px
}

.fullmsg-Hgt {
    max-height: 730px;
    padding-bottom: 10px;
    padding-right: 5px
}

.intrContent .dashboard-nav-item {
    transition: auto;
    padding: 10px 10px 10px 20px
}

.intrContent .dashboard-nav {
    min-width: 20%;
    background-color: #f9f9fb;
    overflow: auto !important
}

.intrContent .dashboard-app {
    width: 80%;
    margin-left: 20%
}

.cardDash .cardBox {
    width: 15.73%;
    margin: 5px 5px;
    border-radius: 6px
}

.cardDash .cardinBox {
    border-radius: 6px
}

.inmsgLeft {
    width: 49.4%;
    background: url(../img/clark-bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #eaebef;
    padding: 10px 12px 3px;
    border-radius: 12px;
    max-height: 145px
}

.inmsgRight {
    width: 49.4%;
    background: url(../img/clark-bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #eaebef;
    padding: 10px 12px;
    border-radius: 12px
}

.clrImg {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%
}

.clrImg img {
    border-style: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.clrmsg {
    width: 85%;
    max-height: 125px;
    overflow-y: auto
}

.caros-texter {
    background: #e82030;
    width: max-content;
    padding: 2px 8px;
    position: relative
}

.caros-texter::before {
    content: "";
    position: absolute;
    border-left: 5px solid #e82030;
    border-right: 0px solid transparent;
    border-top: 6px solid transparent;
    border-bottom: 5px solid transparent;
    top: -6px;
    left: 10px;
    transform: rotate(45deg)
}

.testislider .carousel-indicators {
    bottom: -50px
}

.testislider .carousel-indicators li {
    background-color: #2e2a2a
}

.testislider .carousel-control-next,
.testislider .carousel-control-prev {
    top: -20px;
    color: #363636
}

.testislider .carousel-control-next .ti-angle-right,
.testislider .carousel-control-prev .ti-angle-left {
    position: relative;
    top: -40px
}

.testislider .carousel-control-next {
    right: -30px
}

.testislider .carousel-control-prev {
    left: -30px
}

.testislider .carousel-item h5 {
    line-height: 20px
}

.testislider .carousel-inner {
    min-height: 92px
}

.intrTask .tskView {
    line-height: 8px
}

.intrTask .taskBox:hover {
    background: #f8f8f8;
    border-radius: 0px;
}

.crProf {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 70px
}

.crProf img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.intrTask .taskBox {
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid transparent
}

.text-linethrough {
    text-decoration: line-through
}

.intrTask .tblmsgPart h4 {
    max-width: 95%
}

.intrTask .tblmsgPart p {
    max-width: 96%;
    text-overflow: ellipsis
}

.expandTable table.dataTable td.paddLeft50 {
    padding-left: 50px !important
}

.posRel {
    position: relative;
    top: -4px
}

.constDays .msSelect label.selected {
    top: 3px
}

.constDays .single-column3 .highcharts-data-label text {
    display: none
}

.constDays .column-chart .highcharts-title,
.horiz-chart .highcharts-title,
.single-column .highcharts-title,
.single-column3 .highcharts-title {
    font-size: 17px !important
}

.constDays .highcharts-axis-title {
    font-size: 12px
}

.iffReport .expandTable table.dataTable tfoot tr th {
    padding-left: 8px !important;
    display: table-cell !important;
    white-space: pre-wrap;
    background: #edeff3
}

.width30 {
    width: 30px !important
}

.salesVol .expandTable table.dataTable tfoot tr th {
    padding-left: 8px !important
}

.preCon .reportHead .repTitle {
    font-size: 17px
}

.borRad2 {
    border-radius: 2px !important
}

.w-24p {
    width: 24%
}

.normTable tr:nth-child(odd) {
    background: #edeff3;
    color: #4e5b62
}

.normTable td {
    color: #02080d;
    font-size: 14px;
    padding: 12px 8px;
    border-bottom: 1px solid #edeff3
}

.width40 {
    width: 40%
}

.width20 {
    width: 20%
}

.width16 {
    width: 16%
}

.noborder {
    border: none !important
}

.constDays span.acc-head {
    position: relative
}

.constDays .sort-down:before,
.constDays .sort-up:before {
    left: 5px
}

.minWid90 {
    min-width: 90px
}

.minWid110 {
    min-width: 110px
}

.minWid125 {
    min-width: 125px
}

.minWid150 {
    min-width: 150px
}

.minWid160 {
    min-width: 160px
}

.minWid100 {
    min-width: 100px
}

.minWid130 {
    min-width: 130px
}

.constDays .mobAccordian::-webkit-scrollbar {
    height: 8px
}

.constDays .mobAccordian::-webkit-scrollbar-track {
    background: 0 0
}

.constDays .mobAccordian::-webkit-scrollbar-thumb {
    background-color: #c3c0c0;
    border-radius: 3px
}

.constDays .mobile-accordion .rh {
    pointer-events: none
}

.constDays .mobile-accordion .rh:nth-last-child(2) {
    pointer-events: auto !important
}

.constDays .mobile-accordion .rh .linkSky {
    pointer-events: auto;
    white-space: pre-wrap
}

.constDays .table.mobile-accordion .rh.active>span:after {
    pointer-events: auto;
    cursor: pointer
}

.constDays .table.mobile-accordion .rh>span:after {
    pointer-events: auto;
    cursor: pointer
}

.constDays span.acc-head {
    padding: 10px 10px 10px 25px
}

.comBucket {
    overflow-x: auto;
    display: block;
    white-space: nowrap
}

.comBucket::-webkit-scrollbar {
    height: 8px
}

.comBucket::-webkit-scrollbar-track {
    background: 0 0
}

.comBucket::-webkit-scrollbar-thumb {
    background-color: #c3c0c0;
    border-radius: 3px
}

.expandTable table.dataTable .colspanPadd th {
    padding: 12px 8px 12px 8px !important;
    color: #fff;
    background-color: #363636;
    border-right: 1px solid #e13c31 !important
}

div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #dfe2e5
}

div.dataTables_wrapper div.dataTables_filter input::placeholder {
    color: #8f8f8f;
    font-size: 14px
}

.backLog-zolly .jsbotpadd div.dataTables_wrapper div.dataTables_info {
    padding-left: 0
}

.backLog-zolly .jsbotpadd div.dataTables_wrapper div.dataTables_paginate {
    padding-right: 0
}

.liveSales-dash .circleDonut {
    border: unset !important
}

.liveSales-dash .horiz-chart {
    padding: unset
}

.intrContent .dashboard-nav,
.intrTask.customVerScroll {
    overflow-y: hidden
}

.intrContent .dashboard-nav:hover,
.intrTask.customVerScroll:hover {
    overflow-y: auto
}

.carouselBenifts .carousel-item {
    width: 100%;
    height: 270px;
    overflow: hidden
}

.carouselBenifts .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center
}

.carouselBenifts .ti-angle-left,
.carouselBenifts .ti-angle-right {
    width: 25px;
    height: 25px;
    background: rgb(32 32 32 / 56%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    color: #fff;
    font-size: 12px
}

.carouselBenifts .carousel-control-next,
.carouselBenifts .carousel-control-prev {
    opacity: 0
}

.carouselBenifts:hover .carousel-control-next,
.carouselBenifts:hover .carousel-control-prev {
    opacity: .6
}

.no-details-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 10px
}

.eveBox {
    width: 60px;
    border-radius: 8px
}

.radiustr8 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.linkTop8 {
    position: relative;
    top: -8px
}

.intShop {
    width: 100%;
    background: url(../img/shopbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #eaebef
}

.shpBottom .btn.bg-white {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important
}

.backLog .table .thead-dark th {
    border-bottom: none !important
}

.maxhgt-550 {
    max-height: 550px
}

.backLog .hand-scroll img {
    width: 45px
}

.posiRela {
    position: relative
}

.projRevenue .mobAccordian {
    overflow-x: auto;
    white-space: nowrap
}

.projRevenue .mobile-accordion .tbody .tr .td .totprz-Data span:first-child {
    text-align: left
}

.projRevenue .mobile-accordion .tbody .tr .td .totprz-Data span:nth-child(2) {
    text-align: right
}

.shpBottom a:hover {
    color: #fff
}

.msblackLabel.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    font-size: 11px;
    background: #363636;
    border: 1px solid #363636;
    border-radius: 8px
}

.msblackLabel.msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    font-size: 12px
}

.intrTask .imageOuter {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 10px
}

.new-tecket .has-float-label textarea+.error {
    bottom: auto !important;
    left: 15px !important;
    margin-top: 6px
}

.ardownone .dropdown-toggle:after {
    border: 0
}

.borderBlue {
    border-bottom: 2px solid #0885e1
}

.postBox .clrImg {
    width: 35px;
    height: 35px
}

.postBox .labelContent {
    width: 90%
}

.taskBox .micDown {
    opacity: 0
}

.taskBox:hover .micDown {
    opacity: 1
}

.lineClamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blogOut.imageOuter {
    width: 15%;
    height: 65px
}

.blogCont {
    width: 80%
}

.blogOut.imageOuter img {
    width: 100%;
    object-fit: cover;
    border-radius: 6px
}

.blogDash.intrTask .taskBox:hover .hovRed {
    color: #e82030
}

.cardempDash.cardDash .cardBox {
    width: 50%;
    margin: 0
}

.filepoNext.filepondCustom .filepond--root .filepond--drop-label {
    border-radius: 4px !important;
    border: 1px dashed #bfbfbf !important;
    background: #fff !important
}

.filepoNext.filepondCustom .filepond--root {
    background: #fff
}

.postBox .mtFiles .btn-file {
    border: 1px dashed #bacbf3;
    background: #bacbf3;
    color: #1f459f
}

.postBox .mtFiles .fas.fa-cloud-upload-alt {
    color: #1f459f
}

.add-tickets .filepoNext.filepondCustom .filepond--root .filepond--drop-label {
    border: 1px dashed #ddd !important
}

.intrContent .dashboard-nav-item:hover {
    background-color: #e7e7e7
}

.subscribeFrame iframe {
    border: none
}

.dashrevch {
    display: flex
}

.dashmont-column {
    width: 50%
}

.dashmont-column li {
    border: 1px solid #d5d5d5
}

.copmt-3 {
    margin-top: -3px
}

.v-alignTop {
    vertical-align: top !important
}

.expandTable .table.dataTable td.v-alignTop {
    vertical-align: top !important
}

.textingComOnly .expandTable .table.dataTable td {
    vertical-align: top !important
}

.comm-managTyp .c-compresold2:hover {
    color: #fff
}

.comm-managTyp .c-sold:hover {
    color: #fff
}

.rfelistOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.rfelistOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 0 !important
}

.rfelistOnly .expandTable table.dataTable td.pl-20 {
    padding-left: 30px !important
}

.dtfixed-columns table.table-bordered.dataTable thead th.dtfc-fixed-left {
    border-bottom-width: 1px;
    background: #edeff3 !important
}

.dtfixed-columns table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
    background: #fff
}

.dtfixed-columns table.table-bordered.dataTable tbody td.dtfc-fixed-left {
    background: #fff
}

.dtfixed-columns table.table-bordered.dataTable {
    border-right-width: 1px
}

.edit-community .tblGrp .py-12 {
    padding: 12px 20px
}

td.digInticate::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 15px;
    background-color: #03cf58;
    top: 45%;
    right: 0;
    transform: translate(-30px, -5px);
    border-radius: 2px
}

td.roughInticate::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 15px;
    background-color: #363636;
    top: 45%;
    right: 0;
    transform: translate(-30px, -5px);
    border-radius: 2px
}

td.finInticate::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 15px;
    background-color: #2eafe1;
    top: 45%;
    right: 0;
    transform: translate(-30px, -5px);
    border-radius: 2px
}

.WebReq_22 .bo1 {
    border-right: 1px solid #d5d5d5;
    border-radius: 4px 0 0 4px
}

.WebReq_22 .cat {
    background-color: #e9e9e9;
    overflow: hidden;
    float: left;
    cursor: pointer
}

.WebReq_22 .bo2 {
    border-right: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-radius: 0
}

.WebReq_22 .bo3 {
    border-radius: 0 4px 4px 0
}

.WebReq_22 .cat label {
    float: left;
    line-height: 1.8em;
    width: auto;
    height: 1.8em;
    margin-bottom: 0
}

.WebReq_22 [type=checkbox]:not(:checked),
[type=checkbox]:checked,
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.WebReq_22 .cat label input {
    position: absolute;
    display: none;
    color: #fff !important
}

.WebReq_22 .action input:checked+span {
    background-color: #e82030
}

.WebReq_22 .cat input:checked+span {
    color: #fff
}

.WebReq_22 .cat label input+span {
    color: #000;
    cursor: pointer
}

.WebReq_22 .cat label span {
    text-align: center;
    padding: 0 8px;
    display: block;
    line-height: 27px
}

.WebReq_22 input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

.WebReq_22 input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.WebReq_22.min-wid320 {
    min-width: 340px
}

.sb-status {
    padding: 6px 8px;
    outline: 0;
    width: auto;
    padding-right: 30px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    height: auto !important;
    border-radius: 6px !important;
    -webkit-appearance: none
}

.sb-status {
    background-image: url(../img/down-filled-triangular-arrow.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 92%
}

.cursorNotAllow {
    cursor: not-allowed;
    opacity: .6
}

.no-access {
    cursor: not-allowed !important;
    pointer-events: auto
}

.no-access:before {
    content: "\f05e";
    font-family: FontAwesome;
    display: flex;
    justify-content: center;
    position: relative;
    top: 8px;
    z-index: 9;
    color: #ff5c5c;
    height: 0;
    cursor: not-allowed !important
}

.switch-field {
    display: flex
}

.disabled {
    pointer-events: none
}

.warrOnly [type=checkbox]:not(:checked),
[type=checkbox]:checked,
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.warrOnly .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

.warrOnly .switch-field label:first-of-type {
    border-radius: 4px 0 0 4px
}

.warrOnly [type=radio]:not(:checked)+label,
[type=radio]:checked+label {
    position: relative;
    cursor: pointer
}

.warrOnly .switch-field label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, .2);
    transition: all .1s ease-in-out;
    margin-bottom: 0
}

.warrOnly [type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before {
    opacity: 0
}

.warrOnly [type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #c9d1d8;
    background: #fff;
    border-radius: 100%
}

.warrOnly [type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after {
    Opacity: 0
}

.warrOnly [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.warrOnly [type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    border-color: transparent;
    transition: all .2s;
    background-color: #a6b5b8;
    width: 12px;
    height: 12px;
    text-align: center;
    border-radius: 100%
}

.warrOnly .switch-field input:checked+label {
    background-color: #3bd6ff;
    box-shadow: none;
    color: #fff
}

.warrOnly .switch-field label:last-of-type {
    border-radius: 0 4px 4px 0
}

.warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data {
    cursor: not-allowed;
    position: relative;
    width: max-content
}

.disabled.dis-cursor {
    cursor: not-allowed !important;
    pointer-events: auto !important;
    white-space: nowrap
}

.redGradientHvr:hover {
    background: linear-gradient(180deg, #e82030 100%, rgba(232, 32, 48, .5) 0)
}

.tp-ellipes {
    max-width: 700px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: block
}

.blogTag .badge-success {
    min-width: 80px !important
}

.blogTag .badge-danger {
    min-width: 80px !important
}

.blogCategory .badge-success {
    min-width: 80px !important
}

.blogCategory .badge-danger {
    min-width: 80px !important
}

.slider .badge-success {
    min-width: 80px !important
}

.slider .badge-danger {
    min-width: 80px !important
}

.viewReport .stngCom table.dataTable.dtr-inline>tbody>tr[role=row]>td:first-child {
    white-space: break-spaces
}

.viewReport .customTable table.dataTable.table-sm .sorting::after,
.viewReport .customTable table.dataTable.table-sm .sorting::before,
.viewReport .customTable table.dataTable.table-sm .sorting_asc::after,
.viewReport .customTable table.dataTable.table-sm .sorting_asc::before,
.viewReport .customTable table.dataTable.table-sm .sorting_desc::after,
.viewReport .customTable table.dataTable.table-sm .sorting_desc::before {
    top: 10px
}

.apllyonly .expandTable .martop-md-20 {
    margin-top: 20px !important
}

.apllyonly .dtPart div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0;
    margin-top: 5px
}

.careerList .fr-modal .fr-command.fr-btn.fr-hidden,
.careerList .fr-popup .fr-command.fr-btn.fr-hidden,
.careerList .fr-toolbar .fr-command.fr-btn.fr-hidden {
    display: block
}

.returnInput_icon {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    z-index: 9
}

.profUpdate .has-float-label input.date-float {
    padding-left: 0
}

.profUpdate .has-float-label .date-float+label,
.profUpdate .has-float-label .date-float.valid+label {
    left: 0
}

.passOnly .has-float-label input+label,
.passOnly .has-float-label input.valid+label {
    padding: 4px 0 0
}

.fixedBtn {
    position: fixed;
    right: 30px;
    top: 127px;
    z-index: 9
}

.masterOptions .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.masterOptions .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 45%
}

.masterOptions .ti-na:before {
    top: 1px;
    position: relative
}

.sub_Category .ti-na:before {
    top: 1px;
    position: relative
}

.mainCategory .ti-na:before {
    top: 1px;
    position: relative
}

.sel-wrap .select2-container.errorClass .select2-selection {
    border: 1px solid #efa3a3
}

.masterOptions .c-compresold2 {
    padding: 6px 15px 5px
}

.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%
}

.splistOnly .select2-container {
    width: 100% !important
}

.tradeOnly .dateClear.ti-close {
    top: 15%;
    right: 6%;
    width: fit-content;
    left: auto;
    z-index: 1
}

.marTop-45 {
    margin-top: -45px
}

.index_1 {
    z-index: 1
}

.checklotOnly .customTable table.dataTable.table-sm .sorting::after,
.checklotOnly .customTable table.dataTable.table-sm .sorting::before,
.checklotOnly .customTable table.dataTable.table-sm .sorting_asc::after,
.checklotOnly .customTable table.dataTable.table-sm .sorting_asc::before,
.checklotOnly .customTable table.dataTable.table-sm .sorting_desc::after,
.checklotOnly .customTable table.dataTable.table-sm .sorting_desc::before {
    top: 10px
}

.checklotOnly .expandTable table.dataTable thead .sorting:after,
.checklotOnly .expandTable table.dataTable thead .sorting:before,
.checklotOnly .expandTable table.dataTable thead .sorting_asc:after,
.checklotOnly .expandTable table.dataTable thead .sorting_asc:before,
.checklotOnly .expandTable table.dataTable thead .sorting_desc:after,
.checklotOnly .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.1em !important
}

.reqnewOnly .has-float-label input {
    text-overflow: ellipsis
}

.chkreqqOnly .sm-w10 {
    min-width: 5%
}

.slider .badge-success {
    min-width: 80px
}

.slider .badge-danger {
    min-width: 80px
}

.minicolors-theme-default .minicolors-input {
    height: 44px;
    width: 100%;
    display: inline-block;
    padding-left: 8px
}

.minicolors-theme-default .minicolors-swatch {
    top: 5px;
    right: 5px;
    width: 35px;
    height: 35px;
    left: unset
}

.minicolors-theme-default.minicolors {
    width: 100%;
    display: inline-block
}

.minicolors-swatch-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 3px
}

.qui_icon_only .expandTable span.dtr-data {
    white-space: nowrap
}

.qui_icon_only .tblGrp .expNext table.dataTable td:nth-child(8) {
    white-space: nowrap;
    padding-left: 8px !important
}

.qui_icon_only .tblGrp .expNext table.dataTable td:nth-child(3) {
    padding-left: 8px !important
}

.qui_icon_only .tblGrp .expNext table.dataTable td:nth-child(6) {
    padding-left: 8px !important
}

.qui_icon_only .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.qui_icon_only .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 48%
}

.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting:after,
.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting:before,
.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting_asc:after,
.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting_asc:before,
.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting_desc:after,
.qui_icon_only .expandTable table.dataTable thead th.w-30px.sorting_desc:before {
    display: none
}

.qui_icon_only .expandTable table.dataTable th.w-30px {
    padding-left: 8px !important
}

.imageSlider .togg-switch.logSwitch,
.imageSlider .togg-switch.logSwitch.mobswtadj {
    padding-left: 15px
}

.articlesList .listContent .formControlIG1.input-group .form-control {
    height: 44px
}

.bg-F7EBEB {
    background-color: #363636;
    display: flex;
    align-items: center
}

.client_Leads .blackTitle {
    margin-right: auto;
    width: fit-content
}

.leadHeading .input-group.csSelect2>label.active {
    color: #e3e3e3
}

.leadHeading .sel-wrap .select2 .selection .select2-selection {
    border: none;
    height: 44px
}

.leadHeading .select2-container--default .select2-selection--single {
    background-color: #fff0
}

.leadHeading .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 10px;
    border-radius: 2px;
    width: 30px;
    background: #e8eaed
}

.leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -5px;
    margin-top: -2px;
    border-color: #000 transparent
}

.leadHeading .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0
}

.leadHeading .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 6px
}

.leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    margin-top: 3px;
    padding-left: 50px
}

.leadHeading .input-group.csSelect2>label.filled {
    left: 50px;
    transform: translateY(-20%);
    display: none
}

.leadHeading .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 0
}

.leadHeading {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.info_content .comHead a {
    outline: 0
}

.folderBox li:hover i.fas.fa-file-pdf {
    display: none
}

.folderBox i.fas.fa-file-pdf {
    margin-right: 12px !important;
    color: #999;
    margin-left: 2px
}

.accord-text {
    padding-right: 25px;
    text-align: left;
    padding-left: 5px
}

.lotdeCheck .color-min {
    color: #ff59b5
}

.lotdeCheck .color-mhm {
    color: #00c4ff
}

.lotdeCheck .color-showAll {
    color: #0f75b9
}

.note_community .filterTitle h4 {
    overflow: hidden;
    text-overflow: ellipsis
}

.note_mapList .mapTab .custom-control {
    padding-left: 1em !important
}

.note_mapList .filterTitle ul.lotFields {
    overflow: hidden
}

.note_mapList .lotFields li:last-child {
    overflow: hidden
}

.note_mapList .filterTitle h4 {
    text-overflow: ellipsis;
    overflow: hidden
}

.popover i.fa {
    top: 6px;
    right: 6px
}

.note_mapList .lotdeCheck .chkLabel:first-child label {
    padding-left: 0 !important
}

.opacity_0 {
    opacity: 0
}

.mapTab .toggle-button-cover .button {
    margin: -17px auto 0 auto
}

.lotpackOnly .imageHov {
    width: 25%
}

.lotpackOnly .btnBlack {
    height: 34px;
    font-weight: 600
}

.producttype-ms .select2-container {
    min-width: 150px
}

.position-initial {
    position: initial
}

.selplacehold .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #555;
    font-weight: 500;
    font-size: 13px
}

.lot_navids,
.lot_plat_id {
    font-size: 14px;
    font-weight: 500;
    height: 28px
}

.btnEdit {
    color: #fff;
    background-color: #1f72c5;
    padding: 5px;
    border-radius: 3px
}

.btnDelete {
    color: #fff;
    background-color: #e82030;
    padding: 5px 6px;
    border-radius: 3px
}

.note_community .myaccordion.cardBox>li {
    display: none
}

.lotPoint {
    padding: 1px 3px;
    border-radius: 50%;
    left: 24px;
    top: 5px;
    position: relative
}

.lotPoint img {
    vertical-align: baseline
}

.lotdeCheck .chkLabel label {
    padding-left: 23px
}

.note_mapList .mapTab .lotdeCheck .custom-checkbox:first-child {
    padding-left: 0px !important
}

.note_mapList .mapTab .custom-control {
    padding-left: 0 !important
}

.note_mapList .lotdeCheck .lotPrice_tab .custom-checkbox:first-child {
    padding-left: 13px !important
}

.note_mapList .lotPrice_tab .custom-control {
    padding-left: 13px !important
}

.note_community .myaccordion.cardBox .card {
    height: fit-content
}

.note_community .myaccordion {
    display: flex;
    flex-wrap: wrap
}

.add_employee .has-float-label .input-group.acDate.dateBottom .input-group-append,
.add_employee .has-float-label .input-group.acDate.dateBottom>.form-control {
    padding-left: 0
}

.add_employee .has-float-label .form-control.date-float:placeholder-shown:not(:focus)+*,
.edit_employee .has-float-label .form-control.date-float:placeholder-shown:not(:focus)+* {
    left: 0
}

.add_employee .has-float-label .date-float+label,
.edit_employee .has-float-label .date-float+label {
    left: 0
}

.employee_archived .dtPart,
.employee_list .dtPart {
    position: relative
}

.employee_archived .dataTables_wrapper .row:first-child .col-md-6,
.employee_list .dataTables_wrapper .row:first-child .col-md-6 {
    flex: auto;
    max-width: fit-content;
    position: absolute;
    right: 0;
    z-index: 1;
    top: -43px
}

.ivoryDev_phases .table td {
    border-bottom: 1px solid #dee2e6
}

.ivoryDev_phases .table tr:last-child td {
    border-bottom: 0
}

.ivoryDev_phases .table .thead-dark th {
    white-space: nowrap;
    padding: 10px 8px;
    background-color: #363636;
    font-size: 12px;
    font-weight: 800;
    border-bottom: 0;
    text-transform: uppercase
}

.cs-rad [type=radio]:checked+label:before,
.cs-rad [type=radio]:not(:checked)+label:before {
    opacity: 1
}

.communityDash_list .marginY-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.communityDash_list .dtPart .expandTable table.dataTable td {
    white-space: nowrap
}

.communityDash_info .tabPart .nav-pills .nav-link.active::after {
    content: none
}

.communityDash_info .tabPart .nav-pills .nav-link,
.communityDash_info .tabPart .nav-pills .show>.nav-link {
    background-color: #f7f7f8
}

.communityDash_info .tabPart .nav.nav-pills {
    margin: unset;
    border-bottom: 0;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.communityDash_info .tabPart .nav-pills li:last-child .nav-link {
    border-top-right-radius: 6px !important
}

.communityDash_info .tabPart .nav-pills li:first-child .nav-link {
    border-top-left-radius: 6px !important
}

.communityDash_info .btn.themeBlue {
    border-radius: 6px;
    padding: 7px 16px;
    line-height: 16px;
    width: 140px
}

.bg-E5E5E54D {
    background: #e5e5E54D
}

.fs-26 {
    font-size: 26px
}

.border-top-bottom {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.border-top-only {
    border-top: 1px solid #e5e5e5
}

.red_batch {
    background: #f14034;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff
}

.green_batch {
    background: #26a78d;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff
}

.yellow_batch {
    background: #f7d713;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff
}

.communityDash_info .contentPanel {
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

.amenities {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding-top: 7px !important;
    padding-bottom: 3px !important
}

.mapSection {
    border: 1px solid #e5e5e5;
    border-radius: 6px
}

.mapAddress {
    color: #02080D99
}

.mapLoc {
    color: #02080d
}

.mapLoc img {
    vertical-align: sub
}

.chartSection {
    border: 1px solid #e5e5e5;
    border-radius: 6px
}

.communityDash_info .contentPanel {
    background: linear-gradient(180deg, rgba(245, 246, 247, .48) 0, rgba(245, 246, 247, 0) 100%)
}

.vert-align-sub {
    vertical-align: sub
}

.clr-000000B2 {
    color: #000000B2
}

.btn-red6 {
    background: #e82030;
    color: #fff;
    padding: 5px 20px;
    outline: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    border: 2px solid #e82030
}

.communityDash_info .fixed-header {
    position: fixed;
    top: 80px;
    right: 25px;
    width: unset;
    z-index: 2
}

.btn-red6:hover {
    color: #fff
}

.btn-red5 {
    background: #e82030;
    color: #fff;
    padding: 5px 20px;
    outline: 0;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    border: 2px solid #e82030;
    width: 150px
}

.btn-red5:hover {
    background-color: transparent
}

.communityDash_info .select2-selection,
.communityDash_info input,
.communityDash_info textarea {
    border-radius: 6px !important
}

.btn-blackGrey {
    background-color: #02080DB2;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    transition: .5s
}

.btn-blackGrey:hover {
    color: #fff;
    text-decoration: none
}

.communityDash_info .has-float-label input {
    border: 1px solid #e5e5e5;
    background: #fff
}

.communityDash_info .has-float-label .input-group.acDate>.form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.communityDash_info .has-float-label .input-group.acDate .input-group-append {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.communityDash_info .has-float-label .acDate span.ti-calendar,
.communityDash_info .has-float-label .acDate span.ti-time {
    background: #fff;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.communityDash_info .has-float-label textarea {
    background: #fff
}

.communityDash_info .input-group-prepend {
    background: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.communityDash_info .qmifile.mtFiles .btn-file {
    background: #fff;
    width: 100%;
    padding-top: 8px
}

.communityDash_info .qmifile.mtFiles {
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px
}

.marketingBox {
    border-bottom: 1px solid #e5e5e5;
    background: linear-gradient(180deg, rgba(245, 246, 247, .48) 0, rgba(245, 246, 247, 0) 100%)
}

.boxLink,
.boxLink:hover {
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: #02080d
}

.decoration-none,
.decoration-none:hover {
    text-decoration: none
}

.border-E5E5E5 {
    border: 1px solid #e5e5e5
}

.marketingHead img {
    height: 67px
}

.blueLink2 {
    color: rgba(0, 0, 0, .7);
    font-size: 16px;
    text-decoration: none;
    font-weight: 400
}

.blueLink2:hover {
    color: #1f459f
}

.width-fit {
    width: fit-content
}

.communityDash_info .viewPhotos .fmSources {
    width: 24.26%;
    height: unset;
    margin: 8px 4px 0;
    overflow: hidden;
    border-radius: 4px
}

.radius_six {
    border-radius: 6px
}

.anchor-link {
    color: #02080d
}

.anchor-link:hover {
    text-decoration: none;
    color: #02080dbf
}

.clr-02080D {
    color: #02080d8c !important
}

.tools_tab .marketingHead a.width-fit:hover .fa-pencil-alt {
    display: inline-block !important
}

.cs-rad [type=radio]:checked+label:before,
.cs-rad [type=radio]:not(:checked)+label:before {
    opacity: 1
}

.text-danger {
    font-size: 12px !important;
    color: #e82030 !important;
    font-weight: 500
}

.smLabel:hover {
    color: #fff
}

.managePrice .rightPanel .card .card-body p i.fa-download {
    color: #000
}

.managePrice .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li:nth-child(2) {
    width: 33%
}


.mngFileSlider .returnInput_icon {
    position: absolute;
    right: 25px;
    top: 13px
}

.pr-35 {
    padding-right: 35px !important
}

.warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data .switch-field.disabled::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f05e";
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 20%;
    z-index: 9;
    color: #ff5c5c;
    height: 0;
    cursor: not-allowed !important
}

.warrOnly .dtr-data .switch-field input:checked+label {
    background-color: #3bd6ff;
    box-shadow: none;
    color: #fff
}

.warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data {
    cursor: pointer;
    position: relative;
    width: fit-content;
    white-space: nowrap;
    border-radius: 6px
}

.dtr-data .survMode.action input:checked+span {
    background-color: #1f459f;
    color: #fff;
    padding: 12px;
    line-height: 26px;
    cursor: pointer;
    transition: .4s
}

.dtr-data .survMode.action input:not(:checked)+span {
    padding: 12px;
    line-height: 26px;
    cursor: pointer
}

.dtr-data .survMode.cat label {
    float: left;
    line-height: 1.8em;
    width: 100%;
    height: 1.8em;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden
}

.dtr-data .survMode.cat {
    background-color: #e9e9e9;
    float: left;
    cursor: pointer
}

.warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data .not_allowed::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f05e";
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    z-index: 9;
    color: red;
    cursor: not-allowed !important;
    width: 100%;
    height: 100%;
    padding-top: 6px;
    background: #fafcff73
}

.thme-cusW1 {
    width: 50% !important
}

.thme-cusW2 {
    width: 50% !important;
    padding-left: 30px
}

.errpOnly .expandTable table.dataTable td {
    white-space: nowrap
}

.survMode.helptip[tooltip]::after {
    min-width: 28em;
    max-width: 24em;
    overflow: inherit;
    white-space: inherit;
    background: #363636
}

.survMode.helptip {
    border-radius: 12px;
    padding: 4px;
    background: #e9e9e9;
    width: fit-content;
    white-space: nowrap;
    display: flex
}

.val-imp {
    position: relative;
    font-size: 6px;
    color: #ef1627;
    top: -5px;
    left: -2px
}

.csSelect2 .val-imp {
    top: 2px
}

.dynmenuImg {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 3px
}

.dynmenuImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.pt-px2 {
    padding-top: 2px;
    padding-right: 2px
}

.trBg-w30 {
    background: linear-gradient(180deg, rgba(31, 69, 159, .5) 0, #1f459f 100%);
    width: 30px
}

.mt-sld-cs {
    margin-top: 35px !important
}

.intsldOnly .dataTables_length {
    width: 50%;
    float: left
}

.calindxOnly .dropdown-item:hover span,
.calindxOnly .dropdown-item:hover span i {
    color: #000
}

#formCancelAppointment .has-float-label.errplaceAuto>span.error {
    left: 12px !important
}

.imgcircle50 {
    width: 50px;
    height: 50px;
    border-radius: 60px
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e82030 !important
}

.mnbuyerOnly .has-float-label .date_range+label {
    left: 25px
}

.has-float-label #date_range.date_range+label {
    left: 25px
}

.w-25p {
    width: 24.5%
}

.tracdigOnly .msSelect label.selected {
    top: 2px
}

.sklOnly .expandTable table.dataTable thead .sorting:after,
.sklOnly .expandTable table.dataTable thead .sorting:before,
.sklOnly .expandTable table.dataTable thead .sorting_asc:after,
.sklOnly .expandTable table.dataTable thead .sorting_asc:before,
.sklOnly .expandTable table.dataTable thead .sorting_desc:after,
.sklOnly .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.15em !important
}

.agentThumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px
}

.agentThumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.actclosOnly .highcharts-axis-title {
    font-size: 13px;
    fill: #8F9192 !important;
    font-weight: 500
}

.bboxCom {
    height: 67px
}

.bluetwoBox {
    width: 68%;
    background: #0a87c4
}

.blueoneBox {
    width: 32%;
    background: #25a3e1
}

.salesageOnly .margtp-0 {
    margin-top: 0 !important
}

.mcus-gutters {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.markOnly .highcharts-a11y-proxy-button {
    display: none !important
}

div.dataTables_wrapper div.dataTables_info {
    white-space: pre-wrap
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 3px
}

.black-btn2 {
    color: #fff;
    background-color: #363636;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    width: fit-content;
    margin-left: auto
}

.black-btn2:hover {
    background-color: #545454;
    color: #fff
}

.overflow-scroll {
    overflow: scroll;
    max-height: 100vh
}

.overflow-scroll::-webkit-scrollbar {
    width: 5px
}

.overflow-scroll::-webkit-scrollbar-track {
    background: #fff
}

.overflow-scroll::-webkit-scrollbar-thumb {
    background-color: #dbdbdb;
    border-radius: 3px
}

.markOnly .highcharts-data-label text {
    fill: black !important;
    text-shadow: .5px .5px #fff, .5px -.5px #fff, -.5px -.5px #fff, -.5px .5px #fff
}

.daterangepicker {
    z-index: 99
}

.pipeClient .reportrange {
    min-width: 130px
}

.pipeClient .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.pipeClient .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    z-index: 1
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px
}

.mdorOnly .highcharts-label {
    opacity: 1 !important;
    visibility: visible !important
}

.carpOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.carpOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 5px !important
}

.sklOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
.sklOnly table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 40px !important
}

.sklOnly .expandTable table.dataTable th:first-child {
    padding-left: 40px !important
}

.clmastOnly .select2-container--default .select2-search--inline .select2-search__field,
.lotmastOnly .select2-container--default .select2-search--inline .select2-search__field,
.mescomOnly .select2-container--default .select2-search--inline .select2-search__field {
    -webkit-border-radius: 0;
    -webkit-border-image: 0;
    -moz-border-radius: 0;
    -moz-border-image: 0;
    -moz-border: 0;
    -webkit-border-before: unset;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none !important
}

.markUpdList .expandTable table.dataTable th:nth-child(9) {
    min-width: 70px
}

.markUpdList .nowrap {
    white-space: break-spaces
}

.w-116 {
    width: 116px
}

.btn-red2 {
    -webkit-appearance: none !important
}

.pchecklistOnly .expandTable .table.dataTable td {
    white-space: nowrap
}

.edit-community .tblGrp .py-12 {
    padding: 12px 20px
}

.development_tab .fixed-header {
    width: unset
}

.dropdown-item:active,
.hmlistOnly .dropdown-item.active {
    color: #fff !important;
    background-color: #e13c31 !important
}

.closing_repList .expandTable table.dataTable td {
    white-space: nowrap
}

.filder_side {
    position: relative;
    top: 40px;
    z-index: 9
}

.marTop-40 {
    margin-top: -40px
}

.mng_buyer.boxAdvanceSearch.boxASVisible {
    z-index: 9999
}

.custom-search input.form-control {
    -webkit-appearance: none !important
}

.sel-arrowOnly .sel-wrap .select2 .selection .select2-selection {
    height: 24px !important
}

.min-wid60 {
    min-width: 60px
}

.expandTable .lotInventory-report.dataTable tfoot tr th {
    padding: 12px 8px 12px 8px !important;
    white-space: break-spaces
}

table.lotInventory-report {
    display: block;
    overflow: auto
}

.marBott25 {
    margin-bottom: 25px !important
}

.lot_inventory .expandTable table.dataTable tfoot tr th {
    background: #edeff3
}

.model_homeList .dropdown-item.active,
.model_homeList .dropdown-item:active {
    background-color: #e13c31 !important
}

.customGrayScroll::-webkit-scrollbar,
.overflowScroll::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.overflowScroll::-webkit-scrollbar-track {
    background: #fff
}

.overflowScroll::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 3px
}

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

.bluebox {
    background: url(../img/bluebox.png) no-repeat;
    background-size: cover;
    background-position: 0 75%
}

.purplebox {
    background: url(../img/purplebox.png) no-repeat;
    background-size: cover;
    background-position: 0 75%
}

.redbox {
    background: url(../img/redbox.png) no-repeat;
    background-size: cover;
    background-position: 0 75%
}

.greenbox {
    background: url(../img/greenbox.png) no-repeat;
    background-size: cover;
    background-position: 0 75%
}

.bluebox,
.greenbox,
.purplebox,
.redbox,
.rightbox {
    height: 190px
}

.clr-white {
    color: #fff
}

.boxShadow4 {
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .19);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .19)
}

.rounded5 {
    border-radius: 5px
}

.h-70 {
    height: 70px
}

.linheight-26 {
    line-height: 26px
}

.ideConstruct_report table {
    display: block;
    overflow: scroll;
    max-height: 550px
}

.ideConstruct_report thead {
    position: sticky;
    top: 0;
    z-index: 2
}

.ideConstruct_report .expandTable table thead th:first-child {
    position: sticky;
    left: 0;
    background: #edeff3;
    z-index: 2
}

.ideConstruct_report .expandTable table th {
    padding: 12px 35px 12px 8px !important;
    position: relative
}

.ideConstruct_report .table thead th {
    color: #52646d;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 8px;
    border: 0;
    font-weight: 800;
    white-space: nowrap
}

.bondRep .sort-up,
.ideConstruct_report .sort-down {
    padding-left: 5px
}

.ideConstruct_report .sort-down::before {
    top: 11px;
    left: unset
}

.ideConstruct_report .sort-up::before {
    top: 11px;
    left: unset
}

.freeze {
    position: sticky !important;
    left: 0
}

.ideConstruct_report .expandTable table tbody td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1
}

.ideConstruct_report .linkSky {
    display: flex;
    align-items: center
}

.orngYellow {
    background-color: #ffb82417;
    color: #ffb824 !important
}

.marTsix {
    margin-top: 6px
}

.backdropClr {
    background: #fcb30e;
    padding: 3px 7px;
    border-radius: 3px
}

.ideConstruct_report .input-group.acDate>.form-control {
    font-size: 14px;
    height: 30px;
    padding-top: 8px
}

.bg-greenShade {
    background: #28784c !important
}

.min-wid90 {
    min-width: 90px
}

.lightYellow {
    color: #fcb30e;
    font-size: 15px;
    position: relative;
    top: 1px
}

.greenBlue {
    background-color: #22aC9017;
    color: #22ac90 !important
}

.redPink {
    background-color: #e9283817;
    color: #e92838 !important
}

.lightBlue {
    background-color: #258ED417;
    color: #258ed4 !important
}

.lightorange {
    background-color: #ff57221f;
    color: #ff5722 !important
}

.bgblue-light1 {
    background: rgb(230 246 251) !important
}

.bgred-light1 {
    background: rgb(254 238 238) !important
}

.bggray-light {
    background: #f7f7fc !important
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.milkWhite {
    color: #fff !important
}

.milkWhite {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.ideConstruct_report .acquisTable-report::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.ideConstruct_report .acquisTable-report::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px
}

.ideConstruct_report .expandTable table th {
    padding: 12px 8px !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap
}

.bondRep .expandTable table th {
    padding: 12px 35px 12px 8px !important;
    position: relative
}

.hovr-none:hover {
    background-color: #fff !important
}

.acquisitRepo .expandTable table tbody tr:hover td:first-child {
    background-color: #f5f5f5
}

.min-wid100 {
    min-width: 100px
}

span.select2-container--open .select2-dropdown {
    z-index: 999
}

.ideConstruct_report .boxAdvanceSearch.deskCustom {
    z-index: 9
}

.mom-week-rep-table.dtPart .table td {
    padding: 12px 12px
}

.mom-week-rep-table .overflow_table {
    display: block;
    overflow: auto
}

.mom-week-rep-table.dtPart .table th {
    white-space: nowrap
}

.overflow_table::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.overflow_table::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    vertical-align: baseline !important
}

#CreateLabelForm .has-float-label.errplaceAuto>span.error {
    bottom: -15px !important;
    left: 14px !important
}

.error_status {
    color: #e82030 !important;
    font-size: 13px !important
}

.mailContent .openManageLabels .dashboard-nav-dropdown-item {
    padding-left: 20px !important
}

.mailContent .dashboard-nav-item {
    text-decoration: none !important
}

.mailboard-content .fr-box.fr-basic .fr-wrapper,
.mailboard-content .fr-second-toolbar,
.mailboard-content .fr-toolbar {
    border: none
}

.mailContent .dropdown-item:focus,
.mailContent .dropdown-item:hover {
    color: #fff !important
}

.newTemplate .dropdown-item:hover {
    background-color: #e13c31 !important
}

.customSubmenu .dropdown-item {
    text-decoration: none !important
}

.tblCat i.fa.fa-circle {
    font-size: 13px
}

.wrapFromdetails i.fa.fa-circle {
    font-size: 13px
}

.fullmsgScrll .mCSB_container,
.fullmsgScrll .mCustomScrollBox {
    min-height: 300px !important
}

.round_text {
    background-color: #e82030;
    border-radius: 50%;
    color: #fff;
    height: 25px;
    width: 25px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    font-size: 12px
}

.greenround_text {
    background-color: #7ab642;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    width: 30px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    font-size: 12px
}

.mailContent .dashboard-nav-dropdown a.lablAdd {
    color: #fff !important
}

.acquisition_Repo .table thead th {
    color: #52646d;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 8px;
    border: 0;
    font-weight: 800;
    white-space: nowrap
}

.acquisition_Repo .acquisTable-report {
    display: block;
    overflow: scroll;
    max-height: 550px
}

.acquisition_Repo .acquisTable-report thead {
    position: sticky;
    top: 0;
    z-index: 2
}

.acquisition_Repo .boxAdvanceSearch.deskCustom {
    z-index: 9
}

.acquisition_Repo .expandTable table tbody td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1
}

.acquisition_Repo .expandTable table thead th:first-child {
    position: sticky;
    left: 0;
    background: #edeff3;
    z-index: 2
}

.acquisition_Repo .expandTable table tbody tr:hover td:first-child {
    background-color: #f5f5f5
}

.freeze {
    position: sticky !important;
    left: 0
}

.acquisition_Repo .expandTable table th {
    padding: 12px 8px !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap
}

.hovr-none:hover {
    background-color: #fff !important
}

.bg-yellow {
    color: #563c00 !important;
    background-color: #ffd16b
}

.acquisition_Repo .expandTable table th {
    padding: 12px 8px !important
}

.acquisition_Repo .sort-down::before {
    top: 11px;
    left: 143px
}

.acquisition_Repo .acquisTable-report::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.acquisition_Repo .acquisTable-report::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px
}

.bgBlueTr {
    background: #1f459f !important
}

.budVariance .table .thead-dark th {
    color: #fff;
    background-color: #363636 !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 12px;
    font-weight: 800;
    border-right: 1px solid #e13c31 !important;
    text-align: center
}

.acquisitRepo.budVariance .expandTable table tbody td:nth-child(2) {
    position: unset;
    left: unset;
    background: unset
}

.acquisitRepo.budVariance .expandTable table thead th:nth-child(2) {
    position: unset;
    left: unset;
    background: unset
}

.acquisitRepo.budVariance .expandTable table thead th:first-child {
    position: unset;
    left: unset;
    background: unset
}

.acquisitRepo.budVariance .expandTable table .tableBody td:nth-child(3) {
    position: sticky;
    left: 0;
    background: #fff
}

.acquisitRepo.budVariance .expandTable table .freezed th:nth-child(3) {
    position: sticky;
    left: 0;
    background: #edeff3
}

.budVariance .expandTable .table-hover .tableBody:hover td:nth-child(3) {
    background-color: #f5f5f5 !important
}

.acquisitRepo.budVariance .expandTable table .footer td:nth-child(2) {
    position: sticky;
    left: 0;
    background: #363636
}

.mildRed {
    background-color: #f443361c
}

.mildViolet {
    background-color: #673ab729
}

.mildGreen {
    background-color: #00968817
}

.mildYellow {
    background-color: #ffd
}

.acquisitRepo.budVariance .expandTable table .footer td:first-child {
    position: unset
}

.acquisitRepo.budVariance .expandTable table .tableBody td:first-child {
    position: unset
}

.mom_deposit .table th {
    padding: 12px 8px 12px 30px !important;
    vertical-align: middle !important;
    color: #4e5b62;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    border: none !important;
    outline: 0 !important;
    white-space: nowrap
}

.mom_deposit table td {
    vertical-align: middle !important;
    padding: 12px 8px 12px 30px !important;
    outline: 0;
    border: none;
    color: #02080d;
    font-size: 14px;
    border-bottom: 1px solid #edeff3;
    white-space: nowrap
}

.mom_deposit table {
    display: block;
    overflow: auto
}

.border-ryt {
    border-right: 1px solid #edeff3 !important
}

.mom_deposit .table-hover tbody tr:hover {
    background-color: transparent
}

.ddlistFlex .dropdown-menu {
    right: 0 !important;
    left: auto !important
}

.quickmoveOnly .has-float-label textarea+label,
.quickmoveOnly .has-float-label textarea.valid+label {
    width: calc(100% - 40px)
}

.quickmoveOnly .text-truncate {
    padding-right: 30px
}

.quickmoveOnly table.dataTable {
    width: 100% !important
}

.w-50px {
    width: 50px !important
}

.commun_list .dropdown-item.active,
.dropdown-item:active {
    background-color: #e13c31 !important
}

.pos-rel {
    position: relative
}

.top-2 {
    top: 2px
}

.h-38 {
    height: 38px
}

.toolMax.helptip[tooltip]::after {
    min-width: max-content
}

.market-report .highcharts-axis-title {
    font-size: 12px
}

.stacked-chart .highcharts-container {
    height: unset !important
}

.sales_agnt_srvy .cs-rad li {
    padding-right: 25px
}

.bg_red {
    background-color: #ff6773
}

.hvr_red:hover {
    background-color: #ff6773 !important
}

.has-reltr .highcharts-xaxis-labels text {
    font-size: 13px !important
}

.msaChart .highcharts-label.highcharts-tooltip {
    line-height: 12px !important;
    border-radius: 30px !important
}

.wasatch-back .expandTable table th {
    padding: 12px 8px !important
}

.wasatch-back .expandTable table th {
    padding: 12px 8px !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap
}

.wasatch-back .table thead th {
    color: #52646d;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 8px;
    border: 0;
    font-weight: 800;
    white-space: nowrap
}

.wasatch-back table {
    display: block;
    overflow: scroll
}

.wasatch-back table::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.wasatch-back table::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px
}

.uppercase {
    text-transform: uppercase
}

.wasatch-back .sort-up::before {
    top: 11px;
    left: unset
}

.wasatch-back .sort-down::before {
    top: 11px;
    left: unset
}

.wasatch-back .sort-down,
.wasatch-back .sort-up {
    padding-left: 5px
}

.wasatch-back .sort-down:before {
    content: "\f884";
    position: unset;
    top: 9px;
    left: 57px;
    font-size: 13px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    cursor: pointer;
    color: #677a84
}

.wasatch-back .sort-up:before {
    content: "\f161";
    position: unset;
    top: 9px;
    left: 57px;
    font-size: 13px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    cursor: pointer;
    color: #677a84
}

a.color-theme {
    color: #067cc1;
    text-decoration: none !important
}

.lotinxOnly .expandTable table.dataTable td.pl-30 {
    padding-left: 30px !important
}

.dig-foundUp .dtPart table.dataTable th:nth-child(4),
.dig-foundUp .dtPart table.dataTable th:nth-child(5),
.dig-foundUp .expandTable .table.dataTable td:nth-child(4),
.dig-foundUp .expandTable .table.dataTable td:nth-child(5) {
    min-width: 100px;
    max-width: 120px
}

.dig-foundUp .dataTables_scrollBody>table>thead>tr {
    visibility: collapse;
    height: 0 !important
}

.dig-foundUp .overflow_Scroll {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e6e6e6 transparent
}

.dig-foundUp .overflow_Scroll::-webkit-scrollbar {
    height: 3px
}

.dig-foundUp .overflow_Scroll::-webkit-scrollbar-track {
    background: 0 0
}

.dig-foundUp .overflow_Scroll::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    border-radius: 3px
}

.dig-foundUp .input-group.acDate>.form-control {
    font-size: 14px;
    height: 36px
}

.vlistOnly .expandTable table.dataTable thead .sorting:after,
.vlistOnly .expandTable table.dataTable thead .sorting:before,
.vlistOnly .expandTable table.dataTable thead .sorting_asc:after,
.vlistOnly .expandTable table.dataTable thead .sorting_asc:before,
.vlistOnly .expandTable table.dataTable thead .sorting_desc:after,
.vlistOnly .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.6em !important
}

.comm_mngr table.dataTable thead .sorting:after,
.comm_mngr table.dataTable thead .sorting:before,
.comm_mngr table.dataTable thead .sorting_asc:after,
.comm_mngr table.dataTable thead .sorting_asc:before,
.comm_mngr table.dataTable thead .sorting_desc:after,
.comm_mngr table.dataTable thead .sorting_desc:before {
    bottom: 1em !important
}

.boxASVisible {
    display: block !important
}

.asideMH .customVerScroll {
    height: calc(100vh - 130px)
}

.asideMH .boxHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #363636
}

.asideMH ul.list-unstyled {
    border-bottom: 1px solid #ebebeb
}

.asideMH ul.list-unstyled:last-child {
    border-bottom: 0
}

.closeAMH {
    cursor: pointer
}

.loading-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid #e91122;
    border-radius: 50%;
    border-top-color: #0001;
    display: inline-block;
    animation: loadingspinner .7s linear infinite
}

@keyframes loadingspinner {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.tradePartner .has-float-label .date_range {
    padding-right: 0 !important
}

.tradeOnly .delPos {
    vertical-align: text-top !important
}

.micrOnly .tableBread .breadcrumb-item:before {
    top: 0
}

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

.micrOnly .expandTable .table.dataTable td:nth-child(2) {
    overflow-wrap: break-word;
    word-break: break-all;
    word-wrap: break-word;
    word-break: normal;
    line-break: strict;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none
}

.multiChecks {
    z-index: 9 !important
}

.cust_checkBox {
    width: 26px !important;
    height: 26px !important;
    accent-color: #61a520 !important;
    border: 1px solid #61a520 !important;
    border-radius: 2px !important;
    left: unset !important;
    cursor: pointer;
    outline: 0 !important;
    margin-left: 5px;
    position: relative !important;
    top: 8px;
    outline: 2px solid #c00
}

.cust_checkBox[type=checkbox]:checked {
    outline: 0 !important
}

.cust_checkBox:active,
.cust_checkBox:focus {
    outline: 0 !important
}

.tradeOnly .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 20px !important
}

.tradeOnly .has-float-label .date_range+label {
    left: 17px !important
}

div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap !important
}

.passOnly .has-float-label input {
    font-size: 16px !important
}

.spyscroll .scrollspy-emphgt.cust_pt {
    padding-top: 300px !important;
    margin-top: -300px !important
}

.spyscroll .scrollspy-emphgt:first-child {
    padding-top: 170px !important;
    margin-top: -170px !important
}

.topNeg30 {
    position: relative;
    top: -30px
}

.empaddOnly .nav-item {
    z-index: 9
}

.zindex-9 {
    z-index: 9
}

div.dataTables_wrapper div.dataTables_info {
    width: 100%
}

.ass-manual .expandTable table.dataTable thead .sorting:after,
.ass-manual .expandTable table.dataTable thead .sorting:before,
.ass-manual .expandTable table.dataTable thead .sorting_asc:after,
.ass-manual .expandTable table.dataTable thead .sorting_asc:before,
.ass-manual .expandTable table.dataTable thead .sorting_desc:after,
.ass-manual .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.1em !important
}

.expandTable .table.dataTable tr.odd td.dataTables_empty {
    white-space: nowrap !important
}

.mngFileSlider .mtFiles .btn-file input,
.mngPrisheet .mtFiles .btn-file input {
    width: 100%;
    height: 100%;
    padding: 30px
}

.mngFileSlider #comments-error {
    position: absolute;
    font-size: 12px !important;
    color: #e82030 !important;
    font-weight: 500;
    bottom: -22px !important;
    top: auto !important;
    left: 15px !important
}

.mngFileSlider #foldersel-error {
    position: absolute;
    font-size: 12px !important;
    color: #e82030 !important;
    font-weight: 500;
    bottom: -18px !important;
    top: auto !important
}

.mngFileSlider textarea::placeholder,
.mngPrisheet textarea::placeholder {
    font-size: 12px;
    color: #878a9c;
    font-weight: 500 !important
}

.mngFiles .expandTable .table.dataTable td {
    white-space: break-spaces !important
}

.mngFiles .fa-caret-down {
    display: inline
}

.ass-manual tr.warning td {
    background-color: #fcf8e3
}

.ass-manual tr.success td {
    background-color: #dff0d8
}

.ass-manual tr.danger td {
    background-color: #fff8f8
}

.ass-manual tr.warning:hover td {
    background-color: #faf2cc
}

.ass-manual tr.success:hover td {
    background-color: #d0e9c6
}

.ass-manual tr.danger:hover td {
    background-color: #ffebeb
}

.fallback .has-float-label input {
    overflow: hidden
}

.areaError textarea.error {
    border: 1px solid #efa3a3 !important
}

.mngFileSlider #comments-error {
    bottom: -18px !important
}

.view_Hide {
    right: 15px !important;
    width: 80% !important
}

.masterOptions .c-compresold2 {
    padding: 6px 22px 5px 7px
}

.chqreq_status div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap
}

.chqreq_status .btn-red2 {
    height: 41px
}

.addchqReq .btnBlack {
    -webkit-border-radius: 2px !important;
    -webkit-appearance: none !important;
    -webkit-appearance: none
}

.micrOnly .more_info.infoWidth2 .title {
    display: none
}

.ass-manual .btn-red {
    height: 30px !important;
    line-height: 10px
}

.congraOnly .daterangepicker.show-calendar {
    width: max-content !important
}

.congraOnly .daterangepicker .drp-buttons .btn {
    height: 25px;
    line-height: 15px
}

.tradePartner .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li span.dtr-data {
    white-space: break-spaces;
    word-break: break-all
}

.tradeOnly .dateClear.ti-close {
    webkit-appearance: none;
    width: 19px
}

.clnt_assManual table.dataTable.dtr-column>tbody>tr>td.control:before,
.clnt_assManual table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
.clnt_assManual table.dataTable.dtr-column>tbody>tr>th.control:before,
.clnt_assManual table.dataTable.dtr-column>tbody>tr>th.dtr-control:before {
    height: 20px;
    width: 20px;
    line-height: 21px;
    font-size: 18px;
    z-index: 2;
    color: #000;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    background-color: #d6d6d6 !important;
    left: 30% !important
}

.micDocs .text-truncate {
    overflow: hidden;
    white-space: break-spaces;
    width: 300px;
    text-overflow: ellipsis;
}

.micDocs table.dataTable {
    width: 100% !important
}

.tradePartner .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
    white-space: break-spaces
}

.lotinxOnly .expandTable .table.dataTable td.child {
    padding-left: 0 !important
}

.textArea label {
    background: #fff;
    width: calc(100% - 55px);
    padding: 4px 0;
    top: 1px
}

.quIcon .expandTable table.dataTable thead .sorting:after,
.quIcon .expandTable table.dataTable thead .sorting:before,
.quIcon .expandTable table.dataTable thead .sorting_asc:after,
.quIcon .expandTable table.dataTable thead .sorting_asc:before,
.quIcon .expandTable table.dataTable thead .sorting_desc:after,
.quIcon .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.1em !important
}

.lot_Schedule .responsive-tabs.nav-tabs i.fa {
    position: absolute;
    top: 14px;
    right: 22px
}

.lot_Schedule .responsive-tabs.nav-tabs i.fa.fa-caret-up {
    display: none
}

.lot_Schedule .responsive-tabs.nav-tabs>li {
    display: none;
    float: none;
    text-align: center
}

.lot_Schedule .responsive-tabs.nav-tabs>li:last-of-type>a {
    margin-right: 0
}

.lot_Schedule .responsive-tabs.nav-tabs>li.active {
    display: block;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important
}

.lot_Schedule .responsive-tabs.nav-tabs>li.active a {
    border: 1px solid #ddd;
    border-radius: 2px
}

.lot_Schedule .responsive-tabs.nav-tabs.open i.fa.fa-caret-up {
    display: block
}

.lot_Schedule .responsive-tabs.nav-tabs.open i.fa.fa-caret-down {
    display: none
}

.lot_Schedule .responsive-tabs.nav-tabs.open>li {
    display: block
}

.lot_Schedule .responsive-tabs.nav-tabs.open>li a {
    border-radius: 0
}

.lot_Schedule .responsive-tabs.nav-tabs.open>li:first-of-type a {
    border-radius: 2px 2px 0 0
}

.lot_Schedule .responsive-tabs.nav-tabs.open>li:last-of-type a {
    border-radius: 0 0 2px 2px
}

.lot_Schedule .responsive-tabs.nav-tabs {
    position: relative;
    z-index: 10;
    height: 39px;
    overflow: visible;
    border-bottom: none
}

.lot_Schedule .tabPart .nav-pills .nav-link {
    height: 37px;
    border: 0;
    border-right: 1px solid #e5e7eb !important
}

.metasrcVendor .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.metasrcVendor .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 42px !important;
    top: 48% !important
}

.lot_schedList .lotinxOnly .expandTable .table.dataTable td.child {
    padding-left: 0 !important
}

.lot_schedList a.color-theme {
    color: #fff;
    text-decoration: none !important;
    padding: 5px 8px;
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(22, 134, 209, .5) 0, #1686d1 100%)
}

.MetaSrcOnly .delPos {
    top: 0 !important;
    padding-top: 5px !important;
    -webkit-appearance: none !important
}

.mngPrisheetError .error {
    font-size: 12px !important;
    color: #e82030 !important;
    font-weight: 500
}

.mngPrisheetError #comment.error {
    border: 1px solid #efa3a3 !important
}

.ass-manual .has-float-label .input-group.acDate .input-group-append {
    background-color: #f0f0f0
}

.ass-manual .dtPart .expandTable table.dataTable .dataTables_empty {
    display: table-cell !important
}

.responsive_navTabs .responsive-tabs.nav-tabs i.fa {
    position: absolute;
    top: 14px;
    right: 22px
}

.responsive_navTabs .responsive-tabs.nav-tabs i.fa.fa-caret-up {
    display: none
}

.responsive_navTabs .responsive-tabs.nav-tabs>li {
    display: none;
    float: none;
    text-align: center
}

.responsive_navTabs .responsive-tabs.nav-tabs>li:last-of-type>a {
    margin-right: 0
}

.responsive_navTabs .responsive-tabs.nav-tabs>li.active {
    display: block;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important
}

.responsive_navTabs .responsive-tabs.nav-tabs>li.active a {
    border: 1px solid #ddd;
    border-radius: 2px
}

.responsive_navTabs .responsive-tabs.nav-tabs.open i.fa.fa-caret-up {
    display: block
}

.responsive_navTabs .responsive-tabs.nav-tabs.open i.fa.fa-caret-down {
    display: none
}

.responsive_navTabs .responsive-tabs.nav-tabs.open>li {
    display: block
}

.responsive_navTabs .responsive-tabs.nav-tabs.open>li a {
    border-radius: 0
}

.responsive_navTabs .responsive-tabs.nav-tabs.open>li:first-of-type a {
    border-radius: 2px 2px 0 0
}

.responsive_navTabs .responsive-tabs.nav-tabs.open>li:last-of-type a {
    border-radius: 0 0 2px 2px
}

.responsive_navTabs .responsive-tabs.nav-tabs {
    position: relative;
    z-index: 10;
    height: 39px;
    overflow: visible;
    border-bottom: none
}

.responsive_navTabs .tabPart .nav-pills .nav-link {
    height: 37px;
    border: 0;
    border-right: 1px solid #e5e7eb !important
}

.mngPrisheet .upload-file {
    word-break: break-all
}

.lot_Schedule .dropzone .dz-preview .dz-details .dz-size span {
    padding-top: 2px
}

.lot_Schedule .dropzone .dz-preview .dz-details .dz-filename span {
    padding-top: 10px;
    background-color: rgb(255 255 255 / .8)
}

.lot_Schedule .dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: rgb(255 255 255 / .8);
    font-size: 13px
}

.lot_Schedule .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.has-float-label #network_id-error {
    bottom: -22px !important;
    left: 5px !important;
    font-size: 12px !important;
    color: #e82030 !important;
    top: auto !important
}

.has-float-label #active_super_name-error,
.has-float-label #employee-error {
    bottom: -22px !important;
    left: 0 !important;
    font-size: 12px !important;
    color: #e82030 !important;
    top: auto !important
}

.metasrc_addnal .fa-lock,
.metasrc_addnal .fa-unlock {
    margin-right: 0 !important
}

.metasrc_addnal .fa-lock:before {
    position: relative;
    left: -5px
}

.metasrc_addnal .fa-unlock:before {
    position: relative;
    left: -9px
}

.metasrc_addnal .smLabel {
    width: 92px
}

.qmiOnly .expandTable .table.dataTable td:nth-child(2) {
    padding-left: 15px !important
}

.prtct_client .customtool {
    display: flex;
    align-items: center;
    justify-content: end
}

.prtct_client .btn.btn-info.btnBlue2 {
    padding: 9px 20px !important
}

.prtct_client .customtool .sel-wrap .select2 .selection .select2-selection {
    height: 40px !important
}

.prtct_client .dataTables_length {
    margin-top: 8px
}

.prtct_client select.intrest {
    width: auto
}

.clnt_assumReport .expandTable table.dataTable thead .sorting:after,
.clnt_assumReport .expandTable table.dataTable thead .sorting:before,
.clnt_assumReport .expandTable table.dataTable thead .sorting_asc:after,
.clnt_assumReport .expandTable table.dataTable thead .sorting_asc:before,
.clnt_assumReport .expandTable table.dataTable thead .sorting_desc:after,
.clnt_assumReport .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.1em !important
}

.clnt_assumReport table.dataTable.dtr-column>tbody>tr>td.control:before,
.clnt_assumReport table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
.clnt_assumReport table.dataTable.dtr-column>tbody>tr>th.control:before,
.clnt_assumReport table.dataTable.dtr-column>tbody>tr>th.dtr-control:before {
    left: 15px
}

.clnt_assumReport .dtPart .expandTable .table.dataTable td.child {
    padding-left: 0 !important
}

.clnt_assumReport div.dataTables_wrapper div.dataTables_processing {
    z-index: 99999
}

.blackclr {
    background-color: #edeff3 !important;
    color: #02080d !important
}

.clnt_assumReport .blackTitle {
    background-color: unset !important
}

.lot_Schedule .mdTitle {
    padding-left: 10px !important
}

.topneg3 {
    top: -3px
}

.trnsfClient .select2-container {
    width: 100% !important
}

.clnt_listbuildr .dtr-control {
    width: 15px !important
}

.ivoryDev_phases .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px
}

.movelistOnly .expandTable .table.dataTable td.dtr-control {
    padding-left: 20px !important
}

.advSearch .select2-container {
    width: 100% !important
}

.overflowEllips {
    text-overflow: ellipsis;
    width: 85%;
    white-space: nowrap;
    overflow: hidden
}

.clsng_rptAdd label.error,
.pcheckaddOnly label.error {
    position: absolute;
    bottom: -22px !important;
    left: 0 !important;
    font-size: 12px !important;
    color: #e82030 !important;
    top: auto !important;
    z-index: 1;
    line-height: 1;
    pointer-events: none;
    font-weight: 500 !important
}

.clsng_rptAdd #acs_phone-error.error,
.pcheckaddOnly #p_c_buyer-error.error {
    left: 15px !important;
    bottom: -18px !important
}

.prodList option,
.prodList select {
    -webkit-appearance: none
}

.prodList select.dtSelect2 {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - -1em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    padding-right: 35px
}

.prodList select.dtSelect2:focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - -1em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: #d3d3d3;
    outline: 0
}

.prodList select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.prodList .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.prodList .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 5px !important
}

.add-warranty .select2-container,
.warrOnly .select2-container {
    width: 100% !important
}

.warran_Report .verticalTab .navSub_tab .nav-link.settings_tab.active {
    border-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.warran_Report .reportrange.common-width .fa-caret-down {
    padding-left: 10px
}

.warran_Report .reportrange {
    width: 100% !important
}

.setCountry_list .dataTables_length {
    margin-top: 10px
}

.setngState .error~.select2-container .select2-selection {
    border: 1px solid #efa3a3 !important
}

.stngCity_mdl .error~.select2-container .select2-selection,
.stngCounty_mdl .error~.select2-container .select2-selection {
    border: 1px solid #efa3a3 !important
}

.stngCity .dataTables_length,
.stngCom .dataTables_length,
.stngCounty .dataTables_length,
.stngState .dataTables_length {
    margin-top: 10px
}

.stngCom .dataTables_length {
    margin-top: 10px
}

.stngNoteBook .fas {
    width: 15px
}

.stngNoteBookMdl .error~.select2-container .select2-selection {
    border: 1px solid #efa3a3 !important
}

.stngNoteBookMdl .select2-hidden-accessible.invalid~.select2-container .select2-selection {
    border: 1px solid #efa3a3 !important
}

span.select2-container--open .select2-dropdown {
    z-index: 9999
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 99999 !important
}

.cal_quick_time_save .has-float-label .input-group.acDate>.form-control.invalid,
.cal_time_save .has-float-label .input-group.acDate>.form-control.invalid {
    border: 1px solid #efa3a3
}

.cal_quick_time_save .has-float-label>span,
.cal_time_save .has-float-label>span {
    top: 46px;
    left: 14px
}

.noteTagOnly #tagit {
    height: 115px !important;
    z-index: 99;
    border-radius: 3px;
    padding: 5px;
    min-height: 130px
}

.noteTagOnly .name>input[type=button] {
    margin: 10px 7px 0 1px !important
}

.noteTagOnly .select2-container--default .select2-selection--single {
    border: 1px solid #eaebef
}

.boxAdvanceSearch.boxASVisible {
    z-index: 9999
}

.agnt_srvy_rtng .dataTables_wrapper .row:first-child .col-sm-12.col-md-6:first-child {
    margin-left: auto;
    text-align: end
}

.agnt_srvy_rtng .dataTables_wrapper .row:first-child .col-sm-12.col-md-6:nth-child(2) {
    display: none
}

.agnt_srvy_rtng .dataTables_wrapper {
    margin-top: -60px
}

.agnt_srvy_rtng .clintGrp .dtPart div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 15px
}

.agnt_srvy_rtng .expandTable table.dataTable td:last-child {
    padding-left: 10px !important
}

.agnt_srvy_rtng .expandTable table.dataTable td.child {
    padding-left: 0 !important
}

.congratList .select2-selection__placeholder {
    font-size: 11px !important
}

.select2-results__message {
    font-size: 12px !important
}

.mCustomScrollbar.mCS_no_scrollbar {
    position: relative;
    top: 30%
}

.dynmenuImg {
    margin-right: 16px !important
}

.mailContent .dashboard-nav-item i {
    width: 33px !important
}

.dash_icon {
    width: 21px
}

.nwsFeed .tblGrp .expNext table.dataTable td:nth-child(6) {
    display: flex
}

.nwsFeed .tblGrp .expNext table.dataTable th:nth-child(6) {
    padding-left: 15px !important
}

.text_error.has-float-label>span {
    left: 14px !important
}

.text_error.has-float-label>span.error {
    bottom: -16px !important
}

.text_error.has-float-label textarea.error {
    border: 1px solid #efa3a3
}

.valid~label .fa-star {
    display: none
}

.send-mail .modal-body {
    overflow: scroll;
    height: 500px
}

td.sclBtns {
    display: revert !important;
    white-space: nowrap
}

.expandTable table.dataTable thead th.pleft-40 {
    padding-left: 17px !important
}

.clntSrvy_beta.survbetaOnly .customtool,
.srvy_dsgnArchSrvy.survbetaOnly .customtool {
    width: 85%
}

.clntSrvy_beta.survbetaOnly .dataTables_length,
.srvy_dsgnArchSrvy.survbetaOnly .dataTables_length {
    width: 15%;
    padding-top: 6px
}

.clntSrvy_beta .expandTable .table.dataTable td,
.srvy_dsgnArchSrvy .expandTable .table.dataTable td {
    white-space: break-spaces
}

.clntSrvy_beta .inputDate,
.srvy_dsgnArchSrvy .inputDate {
    min-width: 100px
}

.clntSrvy_beta .has-float-label .date-float+label,
.srvy_dsgnArchSrvy .has-float-label .date-float+label {
    font-weight: 400;
    color: #a7a7a7
}

.clntSrvy_beta .has-float-label .form-control:placeholder-shown:not(:focus)+*,
.srvy_dsgnArchSrvy .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    color: #a7a7a7
}

.clntSrvy_beta .expandTable span.dtr-data,
.srvy_dsgnArchSrvy .expandTable span.dtr-data {
    white-space: break-spaces
}

.srvy_dsgnArchSrvy .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    width: 70%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.srvy_dsgnArchSrvy .btn.themeBlue {
    height: 40px
}

.surdetOnly .customtool .sel-wrap .select2 .selection .select2-selection {
    height: 40px !important
}

.clntSrvy_beta .empOnly .helptip[tooltip]::after,
.clntSrvy_beta .empOnly .helptip[tooltip]::before {
    left: 50% !important
}

.hmeditOnly .expandTable .table.dataTable td:nth-child(3),
.hmlistOnly .infoWidth {
    max-width: none !important;
    overflow: unset !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    white-space: break-spaces !important
}

.empboxLeft .navbar-nav .nav-link.clicked {
    font-weight: 600
}

.empboxLeft .navbar-nav .nav-link.clicked .scrlNums {
    font-weight: 600;
    color: #363636;
    border: 1px solid #363636
}

.spyscroll .scrollspy-emphgt:last-child {
    padding-top: 450px !important;
    margin-top: -400px !important
}

.filtmob100 .badge-primary {
    color: #fff;
    background-color: #e82030 !important;
    position: absolute;
    left: -7px;
    top: -6px;
    padding-right: 6px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px
}

.wdetOnly .smLabel {
    white-space: nowrap
}

.warran_Report .dtrange-iph5 {
    font-size: 12px
}

.warran_Report .expandTable table.dataTable thead .sorting:after,
.warran_Report .expandTable table.dataTable thead .sorting:before,
.warran_Report .expandTable table.dataTable thead .sorting_asc:after,
.warran_Report .expandTable table.dataTable thead .sorting_asc:before,
.warran_Report .expandTable table.dataTable thead .sorting_desc:after,
.warran_Report .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.2em !important
}

.lotlistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.lotlistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 50%
}

.lotlistOnly .dropdown-menu.expDrop {
    z-index: 99
}

.lotlistOnly .fixedSave {
    z-index: 9
}

.lotlistOnly .expandTable .table.dataTable td:nth-child(4) {
    width: 150px;
    max-width: 150px;
    min-width: 150px
}

.lotlistOnly .expandTable .table.dataTable td span {
    white-space: break-spaces !important
}

.listOnly .expandTable .table.dataTable td.lotTd {
    white-space: nowrap
}

.lotlistOnly .lotTd a,
.lotlistOnly .lotTd input {
    display: inline
}

.lotlistOnly .lotTd {
    display: table-cell
}

.note_community .myaccordion.cardBox>li {
    list-style: none;
    display: flex;
    align-items: center;
    width: 48.6%;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    padding: .75rem 2rem;
    border: 1px solid #eaebef;
    box-shadow: 0 3px 2px rgb(0 0 0 / 8%);
    margin: 0 7px 14px;
    height: 60px
}

.note_community .myaccordion.cardBox li img {
    display: none
}

.note_community .myaccordion.cardBox li:hover img {
    display: inline-block !important
}

.note_community .myaccordion.cardBox li:hover i.fas.fa-file {
    display: none
}

.note_community .myaccordion.cardBox li a {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    margin-top: 3px
}

.note_community .myaccordion.cardBox li:hover a {
    color: #02080d
}

.qmiOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.qmiOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    z-index: 1
}

.qmiOnly .delPos {
    z-index: 1
}

.ovrflwElip {
    text-overflow: ellipsis
}

.note_community .myaccordion.cardBox li i.fas.fa-file {
    margin-right: 12px !important;
    margin-left: 2px
}

.chngOdrReq .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.chngOdrReq .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    z-index: 1
}

.chngOdrReq .shown::after {
    display: none
}

.chngOdrReq .expandTable span.dtr-data {
    white-space: nowrap
}

.chngOdrReq .dtr-control {
    min-width: 20px
}

.ordreqOnly .file-list li {
    padding-right: 4px
}

.ordreqOnly .remove-list {
    margin-left: 10px;
    background: #c1c1c1;
    font-size: 10px;
    font-weight: 800;
    padding: 0 6px;
    border-radius: 50%;
    float: right;
    height: 20px;
    width: 20px;
    margin-top: 3px;
    line-height: 22.5px;
    text-align: center;
    cursor: pointer
}

.ordreqOnly .file-list li {
    height: 26px;
    border-radius: 15px
}

.ordreqOnly .file-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.ordreqOnly .support-file {
    position: relative;
    top: -35px;
    color: #e82030;
    font-size: 13px;
    left: -25px
}

.ordreqOnly .custom-file-input {
    display: contents;
    top: -35px;
    cursor: pointer
}

.ordreqOnly .cross-same-remove {
    z-index: 9
}

.ordreqOnly .custom-file.od-upload {
    padding: 45px;
    background: #edeff3
}

.ordreqOnly .custom-file-label {
    margin: 35px 20px;
    cursor: pointer
}

.salesagOnly .expandTable .table.dataTable td {
    outline: 0;
    vertical-align: middle;
    white-space: nowrap
}

.salesagOnly .expandTable .table.dataTable td.dtr-control {
    min-width: 20px
}

.salesagOnly .shown::after {
    display: none
}

.salesagOnly .smLabel {
    min-width: 105px
}

.salesagOnly .expandTable .table.dataTable td {
    white-space: nowrap
}

.communityDash_list .emp-list .smLabel {
    padding: 7px 10px !important
}

.ilfContent .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 0
}

.salesagOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.salesagOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    z-index: 1 !important
}

.mapComm {
    width: 100%;
    height: 370px
}

.grayLabel2 {
    background-color: #e9e9e9;
    padding: 2px 7px;
    font-size: 13px;
    color: #000;
    border-radius: 3px;
    margin-right: 5px
}

a.grayLabel2:hover {
    color: #1244b3;
    text-decoration: none
}

.note_mapList .imgMap.px-1 {
    margin-top: 50px
}

.stngClndr-Type .expandTable table.dataTable td:nth-child(5) {
    padding-right: 20px !important
}

.stngClndr-Type .expandTable table.dataTable th:nth-child(5) {
    padding-right: 32px !important
}

.chngOdrReq .invalid+.sel-wrap .select2 .selection .select2-selection {
    border: 1px solid #efa3a3
}

.dashboard-content.dcScroll {
    height: calc(100vh - 145px);
    overflow-y: auto
}

.labelbx {
    width: 18px;
    height: 18px
}

.labelms .labelbx {
    vertical-align: text-bottom
}

.cllistOnly table.dataTable tr.shown::after {
    display: none
}

#holdon-overlay {
    z-index: 9999999999999
}

.bgGrey50.ti-close:before {
    background: #e7e9ef;
    padding: 5px;
    border-radius: 50%
}

.inBtnscus .dataTables_length {
    width: auto;
    float: left
}

.inBtnscus div.dataTables_wrapper div.dataTables_filter {
    width: auto;
    float: right
}

.onoffBtns {
    display: flex;
    width: auto;
    float: left
}

.onoffBtns .btn-success {
    font-size: 13px;
    padding: 2px 10px;
    border-radius: 2px 0 0 2px;
    border: 1px solid #1f993a;
    width: 33px;
    height: 30px
}

.onoffBtns .btn-gray {
    padding: 5px 11px;
    font-size: 14px;
    border-radius: 0 2px 2px 0;
    border: 1px solid #d5d5d5;
    width: 33px;
    height: 30px
}

.expandTable table.dataTable th.sorting_disabled.actpaddright {
    padding-right: 15px !important
}

.chat {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #e13c313b;
    letter-spacing: .1px;
    color: #32465a;
    text-rendering: optimizeLegibility;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    -webkit-font-smoothing: antialiased;
    border-radius: 5px
}

.frame {
    width: 100%;
    min-width: 360px;
    max-width: 100%;
    height: 92vh;
    min-height: 300px;
    max-height: 92vh;
    background: #fff;
    margin: 30px 25px
}

.frame .sidepanel {
    float: left;
    min-width: 280px;
    max-width: 340px;
    width: 40%;
    height: 100%;
    background: #3e3e3e;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
    border-radius: 5px 0 0 5px
}

.frame .sidepanel .profile-sec {
    width: 90%;
    margin: 10px 20px auto
}

.frame .sidepanel .profile-sec.expanded .wrap {
    height: 210px;
    line-height: initial
}

.frame .sidepanel .profile-sec.expanded .wrap p {
    margin-top: 20px
}

.frame .sidepanel .profile-sec.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.frame .sidepanel .profile-sec .wrap {
    display: flex;
    align-items: center;
    height: 70px;
    overflow: hidden;
    -moz-transition: .3s height ease;
    -o-transition: .3s height ease;
    -webkit-transition: .3s height ease;
    transition: .3s height ease
}

.frame .sidepanel .profile-sec .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: .3s border ease;
    -o-transition: .3s border ease;
    -webkit-transition: .3s border ease;
    transition: .3s border ease
}

.frame .sidepanel .profile-sec .wrap img.online {
    border: 2px solid #2ecc71
}

.frame .sidepanel .profile-sec .wrap img.away {
    border: 2px solid #f1c40f
}

.frame .sidepanel .profile-sec .wrap img.busy {
    border: 2px solid #e74c3c
}

.frame .sidepanel .profile-sec .wrap img.offline {
    border: 2px solid #95a5a6
}

.frame .sidepanel .profile-sec .wrap p {
    float: left;
    margin-left: 10px;
    word-break: break-all;
    position: relative;
    padding-right: 0;
    margin-bottom: 5px;
    font-size: 14px
}

.frame .sidepanel #contacts ul li.contact .wrap .meta .preview {
    display: none
}

.sub-btn {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.frame .sidepanel .profile-sec .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: .8em;
    cursor: pointer;
    color: #435f7a
}

.frame .sidepanel .profile-sec .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 150px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.frame .sidepanel .profile-sec .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 150px 0 0 0
}

.chat-container {
    width: 80%;
    margin: auto
}

.frame .sidepanel .profile-sec .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px
}

.frame .sidepanel .profile-sec .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px
}

.frame .sidepanel .profile-sec .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer
}

.frame .sidepanel .profile-sec .wrap #status-options ul li:hover {
    background: #496886
}

.frame .sidepanel .profile-sec .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0
}

.frame .sidepanel .profile-sec .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -2px 0 0 -2px;
    background: 0 0;
    border-radius: 50%;
    z-index: 0
}

.frame .sidepanel .profile-sec .wrap #status-options ul li p {
    padding-left: 12px
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6
}

.frame .sidepanel .profile-sec .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6
}

.frame .sidepanel .profile-sec .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important
}

.frame .sidepanel .profile-sec .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0
}

.frame .sidepanel .profile-sec .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px)
}

.frame .sidepanel .profile-sec .wrap #expanded input:focus {
    outline: 0;
    background: #435f7a
}

.frame .sidepanel .search {
    border-top: 1px solid #626262;
    border-bottom: 1px solid #626262;
    font-weight: 300;
    margin-top: 5px
}

.frame .sidepanel .search label {
    position: absolute;
    margin: 10px 0 0 20px;
    color: #fff
}

.frame .sidepanel .search input {
    padding: 10px 0 10px 46px;
    width: calc(100% - 50px);
    border: none;
    background: #4e4e4e;
    color: #f5f5f5
}

.frame .sidepanel .search input:focus {
    outline: 0;
    background: #5c5c5c
}

.frame .sidepanel .search input::-webkit-input-placeholder {
    color: #f5f5f5;
    font-size: 14px
}

.frame .sidepanel .search input::-moz-placeholder {
    color: #f5f5f5;
    font-size: 14px
}

.frame .sidepanel .search input:-ms-input-placeholder {
    color: #f5f5f5;
    font-size: 14px
}

.frame .sidepanel .search input:-moz-placeholder {
    color: #f5f5f5;
    font-size: 14px
}

.frame .sidepanel #contacts {
    height: calc(100% - 140px);
    overflow-y: scroll;
    overflow-x: hidden
}

.chat-export {
    padding: 10px 12px;
    background: #2ea969;
    border-radius: 2px;
    cursor: pointer
}

.mb-10 {
    margin-bottom: 10px !important
}

.chatMessage::placeholder {
    font-size: 14px !important
}

.frame .sidepanel #contacts.expanded {
    height: calc(100% - 334px)
}

.frame .sidepanel #contacts::-webkit-scrollbar {
    width: 8px;
    background: #3e3e3e
}

.frame .sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: #243140
}

.frame .sidepanel #contacts ul li.contact {
    position: relative;
    padding: 10px 0 10px 0;
    font-size: .9em;
    cursor: pointer
}

.frame .sidepanel #contacts ul li.contact:hover {
    background: #4e4e4e
}

.frame .sidepanel #contacts ul li.contact.active {
    background: #4e4e4e;
    border-right: 5px solid #6a6a6a
}

.frame .sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #4e4e4e !important
}

.frame .sidepanel #contacts ul li.contact .wrap {
    width: 88%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 10px
}

.frame .sidepanel #contacts ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #2c3e50;
    background: #95a5a6
}

.frame .sidepanel #contacts ul li.contact .wrap span.online {
    background: #0bd16a
}

.frame .sidepanel #contacts ul li.contact .wrap span.away {
    background: #f1c40f
}

.frame .sidepanel #contacts ul li.contact .wrap span.busy {
    background: #e74c3c
}

.frame .sidepanel #contacts ul li.contact .wrap span.unread {
    background: #e13c31;
    position: relative;
    left: 5px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 10px
}

.frame .sidepanel #contacts ul li.contact .wrap span.border-none {
    display: none
}

.frame .sidepanel #contacts ul li.contact .wrap span.new {
    background: #f95c25;
    position: relative;
    left: 5px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 10px
}

.frame .sidepanel #contacts ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px
}

.frame .sidepanel #contacts ul li.contact .wrap .meta {
    padding: 12px 0 0 0
}

.frame .sidepanel #contacts ul li.contact .wrap .meta .name {
    font-weight: 600;
    margin-bottom: 0
}

.frame .sidepanel #contacts ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 0;
    padding: 0 0 1px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease
}

.frame .sidepanel #contacts ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: 0 0;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: .5
}

.frame .sidepanel #bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0
}

.frame .sidepanel #bottom-bar button {
    float: left;
    border: none;
    width: 50%;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: .85em
}

.frame .sidepanel #bottom-bar button:focus {
    outline: 0
}

.frame .sidepanel #bottom-bar button:first-child {
    border-right: 1px solid #2c3e50
}

.frame .sidepanel #bottom-bar button:hover {
    background: #435f7a
}

.frame .sidepanel #bottom-bar button i {
    margin-right: 3px;
    font-size: 1em
}

.frame .chat-content {
    float: right;
    width: 58%;
    height: 100%;
    position: relative
}

.frame .chat-content .contact-profile {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #ddd
}

.contact-info {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 10px 0
}

.contact-info span {
    font-size: 13px;
    color: #153652;
    font-weight: 600
}

.frame .chat-content .contact-profile img {
    width: 40px;
    border-radius: 50%;
    float: right;
    margin: 10px;
    cursor: pointer
}

.frame .chat-content .contact-profile p {
    float: left
}

.frame .chat-content .contact-profile .social-media {
    float: right;
    text-align: right;
    width: 42%
}

.frame .chat-content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer
}

.frame .chat-content .contact-profile .social-media i:last-child {
    margin-right: 20px
}

.frame .chat-content .contact-profile .social-media i:hover {
    color: #435f7a
}

.frame .chat-content .messages {
    width: 100%;
    height: auto;
    min-height: calc(100% - 130px);
    max-height: calc(100% - 130px);
    overflow-y: scroll;
    overflow-x: hidden
}

.frame .chat-content .messages::-webkit-scrollbar {
    width: 8px;
    background: 0 0
}

.frame .chat-content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3)
}

.frame .chat-content .messages ul li {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: .9em
}

.frame .chat-content .messages ul li.sent img {
    margin: 6px 8px 0 0
}

.frame .chat-content .messages ul li.sent p {
    background: #f5f5f5;
    color: #333
}

.frame .chat-content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px
}

.frame .chat-content .messages ul li.replies p {
    background: #ff6253;
    color: #fff;
    float: right
}

.frame .chat-content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left
}

.frame .chat-content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
    margin-bottom: 0
}

.frame .chat-content .contact-profile .social-media img {
    border-radius: 0
}

.sent::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 25px;
    border-left: 6px solid #f7f7f7;
    border-right: 6px solid transparent;
    border-top: 6px solid #f7f7f7;
    border-bottom: 6px solid transparent
}

.replies::after {
    content: '';
    position: absolute;
    bottom: -9px;
    right: 25px;
    border-left: 6px solid transparent;
    border-right: 6px solid #ff6253;
    border-top: 6px solid #ff6253;
    border-bottom: 6px solid transparent
}

.frame .chat-content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99
}

.frame .chat-content .message-input .wrap {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #fff
}

.frame .chat-content .message-input .wrap input {
    float: left;
    border: none;
    width: calc(100% - 90px);
    padding: 10px 15px;
    font-size: .8em;
    color: #32465a;
    border: 1px solid #dbdbdb
}

.frame .chat-content .message-input .wrap input:focus {
    outline: 0
}

.frame .chat-content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer
}

.frame .chat-content .message-input .wrap .attachment:hover {
    opacity: 1
}

.frame .chat-content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #363636;
    color: #f5f5f5
}

.frame .chat-content .message-input .wrap button:hover {
    background: #3e3e3e
}

.frame .chat-content .message-input .wrap button:focus {
    outline: 0
}

.frame .chat-content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer
}

.frame .chat-content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #363636;
    color: #f5f5f5;
    border-radius: 0
}

.isTyping {
    font-size: 12px
}

.badge-notify {
    background: red;
    position: relative;
    top: -20px;
    left: -35px
}

.chat-container .toggle-button-cover {
    display: table-cell;
    position: relative;
    width: 135px;
    height: 40px;
    box-sizing: border-box;
    margin-left: 10px
}

.chat-container .button-cover {
    height: 40px;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 4px
}

.chat-container .button-cover,
.chat-container .knobs,
.chat-container .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.chat-container .button {
    position: relative;
    top: 50%;
    width: 130px;
    height: 30px;
    margin: -20px auto 0 auto;
    overflow: hidden
}

.chat-container .button.r,
.chat-container .button.r .layer {
    border-radius: 100px
}

.chat-container .button.b2 {
    border-radius: 2px
}

.chat-container .checkbox {
    position: relative !important;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    left: auto !important
}

.chat-container .knobs {
    z-index: 2
}

.chat-container .layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: .3s ease all;
    z-index: 1
}

#button-1 .knobs:before {
    content: "Online";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 60px;
    height: 23px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    padding: 6px 4px;
    background-color: #2ea969;
    border-radius: 30px;
    transition: .3s cubic-bezier(.18, .89, .35, 1.15) all
}

#button-1 .checkbox:checked+.knobs:before {
    content: "Offline";
    left: 65px;
    background-color: #95a5a6
}

#button-1 .checkbox:checked~.layer {
    background-color: #f3f3f3
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
    transition: .3s ease all
}

.toggSwitch {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 5px
}

.chatFiles img {
    margin: 0 !important;
    width: 95% !important;
    height: auto !important;
    border-radius: 0 !important;
    float: none !important
}

.chatFiles a:hover {
    text-decoration: none !important
}

.chat-container .file-chooser__input {
    margin: 0 auto;
    height: 45px;
    left: -5px;
    top: 0
}

.chat-container .file-chooser {
    width: 44px;
    height: 45px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 51px;
    opacity: 0;
    overflow: hidden;
    padding: 0
}

.chat-container .file-chooser {
    padding: 1em;
    transition: background-color 1s, height 1s
}

.chat-container .file-uploader__message-area {
    font-size: 18px;
    padding: 1em;
    text-align: center;
    color: #377a65;
    display: none !important
}

.chat-container .file-list li:after,
.chat-container .file-uploader:after {
    content: "";
    display: table;
    clear: both
}

.chat-container .file-uploader {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    width: 100%
}

.chat-container .file-uploader {
    background-color: transparent;
    border-radius: 3px;
    color: #242424
}

.uptOption {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
    border-left: 0
}

.chat-container .file-list {
    background: #fff;
    overflow: hidden
}

.chat-container .file-list li {
    margin-top: 5px
}

.pb-65 {
    padding-bottom: 65px !important
}

label.showHideTgl {
    display: flex;
    align-items: center;
    margin-top: 2px
}

.showHideTgl input {
    opacity: 0
}

.showHideTgl input:checked~span {
    background: #f44336
}

.showHideTgl input:checked~span:after {
    left: 35px;
    background: #f5f5f5
}

.showHideTgl input:checked~span:active::after {
    left: 17px;
    background: #f5f5f5
}

.showHideTgl input:not(:checked)~span:active {
    background: #a3a3a3
}

.showHideTgl input:not(:checked)~span:active::after {
    background: #f8f8f8
}

.showHideTgl .toggle_background {
    display: flex;
    align-items: center;
    width: 70px;
    height: 36px;
    position: relative;
    cursor: pointer;
    background: #2bac92;
    border-radius: 2em;
    border: 2px transparent solid;
    transition: all .3s
}

.showHideTgl .toggle_background::after {
    content: "";
    display: flex;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 1px;
    top: 1px;
    border-radius: 50px;
    background: #f0f5f9;
    transition: all .3s;
    box-shadow: 2px 2px 5px rgba(110, 110, 110, .253)
}

.showHideTgl span:active:after {
    width: 70%
}

.showHideTgl .circle-icon {
    position: absolute;
    right: 17%;
    top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.showHideTgl .vertical_line {
    position: absolute;
    left: 11.5%;
    font-size: 12px;
    font-weight: 600;
    top: 8px;
    color: #fff
}

.note_mapList .lotPoint {
    top: 3px;
    padding: 1px 2px
}

.note_mapList .chkLabel label {
    padding-top: 5px
}

.note_mapList .lotPoint img {
    vertical-align: text-bottom;
    width: 19px
}

.cleditOnly .dropzone .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    text-overflow: ellipsis
}

.cleditOnly .dropzone .dz-preview .dz-details .dz-filename:hover span {
    font-size: 13px
}

.claddOnly .chk_dup_pr.chk_submit_pr.sticky {
    position: fixed !important;
    top: 70px !important;
    transition: all .3s ease-in;
    z-index: 9999;
    right: 15px
}

.claddOnly .chk_dup_pr.chk_dupes_pr.sticky {
    position: fixed !important;
    top: 70px !important;
    transition: all .3s ease-in;
    z-index: 9999;
    right: 143px
}

.accord-text {
    padding-right: 25px;
    text-align: left;
    padding-left: 5px
}

#pills-avlhomes .btn.btn-gray2.stretched-link {
    cursor: not-allowed !important
}

.d02080 {
    color: #02080d !important
}

.note_mapList .unavail {
    background: url(https://dev.ivoryhub.net/assets/img/block-ico.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.note_mapList .contract {
    background: url(https://dev.ivoryhub.net/assets/img/alert-ico.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.note_mapList .hold {
    background: url(https://dev.ivoryhub.net/assets/img/hand-ico.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.note_mapList .avail {
    background: url(https://dev.ivoryhub.net/assets/img/check-ico.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.note_mapList .mvready {
    background: url(https://dev.ivoryhub.net/assets/img/home-ico.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.note_mapList .model {
    background: url(https://dev.ivoryhub.net/assets/img/home-ico2.png) no-repeat scroll;
    height: 16px;
    width: 16px;
    background-size: contain;
}

.noteBook_lotDetails .packageBox .boxInner img {
    height: 230px
}

.cmntImg {
    width: 100%;
    height: 50px
}

.prfCvr {
    width: 100%;
    height: 70px;
    object-fit: contain
}

.noteBook_lotDetails .packageBox .boxInner img {
    height: 232px
}

.note_community .myaccordion.cardBox li:hover i.fas {
    display: none
}

.note_community .myaccordion.cardBox li i.fas {
    margin-right: 12px !important;
    margin-left: 2px
}

.note_community .myaccordion.cardBox .folderBox i.fas {
    margin-right: 12px !important;
    color: #999;
    margin-left: 2px
}

.note_community .myaccordion.cardBox>li a {
    color: #02080d
}

.rfelistOnly tr.dtrg-group.dtrg-start,
.rfelistOnly tr.dtrg-group.dtrg-start:hover {
    background-color: #eaecf1 !important
}

.noRcrdMsg>p {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #a1111c;
    font-size: 15px;
    background: rgb(232 32 48 / 13%);
    border: 1px solid rgb(232 32 48 / 51%);
    display: flex;
    align-items: center;
    height: 30px;
    padding: 5px 7px;
    border-radius: 5px
}

.advRfeSrch .daterangepicker.show-calendar {
    z-index: 9999;
    width: min-content
}

.advRfeSrch .daterangepicker .drp-selected {
    font-size: 11px;
    padding-right: 0
}

.advRfeSrch .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 6px
}

.advRfeSrch .daterangepicker.show-calendar .drp-buttons {
    white-space: nowrap
}

.estCard.c-holdresold .fas.fa-ban {
    color: #000 !important
}

.estCard.c-holdresold:hover .fas.fa-ban {
    color: #fff !important
}

.comaddinfoOnly .has-float-label.errplaceAuto textarea+span.error {
    left: auto !important;
    margin-top: 6px !important
}

.comaddinfoOnly .themeFileInput .custom-file span.error {
    left: -35px
}

.w-67perc {
    width: 67% !important
}

.comaddinfoOnly .has-float-label label {
    background: #fff;
    width: calc(100% - 58px)
}

.communityDash_list .dtPart .expandTable table.dataTable td {
    white-space: inherit
}

.rfeDashV2 .c-closedmodel2 .rfe-icons .fas.fa-ban {
    color: #fff !important;
    font-size: 24px !important
}

.rfeestOnly .c-holdresold {
    min-height: 107px
}

.rfeestOnly .gap {
    gap: 15px 0
}

.rfeestOnly .gap .estCard.c-holdresold .far,
.rfeestOnly .gap .estCard.c-holdresold .fas {
    color: #fff !important;
    font-size: 20px !important
}

.clntSrvy_beta .empOnly .datepick {
    min-width: 105px
}

.clntSrvy_beta .inputDate .input-group {
    flex-wrap: nowrap
}

.clntSrvy_beta .commonTableclass input::placeholder {
    font-size: 13px !important
}

.clntSrvy_beta .custom-search .btn {
    background: #eaebef
}

.srvy_dsgnArchSrvy input::placeholder {
    font-size: 13px !important
}

.srvy_dsgnArchSrvy .custom-search .btn {
    background: #eaebef
}

.comeditinfoOnly .themeFileInput .custom-file span.error {
    background: #fff;
    left: -36px;
    padding: 0 5px
}

.ceibreakWord {
    word-break: break-all
}

.comeditinfoOnly .has-float-label.errplaceAuto textarea+span.error,
.communityDash_info .has-float-label.errplaceAuto textarea+span.error {
    left: auto !important;
    margin-top: 6px !important
}

.has-float-label textarea+span+label,
.has-float-label textarea.valid+span+label {
    background: #fff;
    width: calc(100% - 57px);
    padding: 4px 0;
    margin-top: -4px;
    margin-bottom: 0;
    z-index: 1
}

.expandTable.expNext table.file-sectable.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.expandTable.expNext table.file-sectable.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    top: 48%
}

.expandTable .table.file-sectable.dataTable td:nth-child(5) {
    padding-left: 30px !important
}

table.file-sectable.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data {
    white-space: inherit
}

table.file-sectable.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data div {
    justify-content: left !important
}

.bdr-1 {
    border: 1px solid #ced4da
}

.inpIcon {
    background-image: url(../img/clndr.png);
    background-repeat: no-repeat;
    background-position: 96%;
    cursor: pointer
}

.trnsfClient .invalid+.select2 .select2-selection {
    border: 1px solid #efa3a3 !important
}

.trnsfClient .msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 43px !important
}

.trnsfClient .hgt80Error .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0
}

.trnsfClient .select2-container--open .select2-search--inline .select2-search__field {
    margin-top: 10px !important
}

textArea {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f1bdc4 transparent
}

textArea::-webkit-scrollbar {
    width: 4px
}

textArea::-webkit-scrollbar-track {
    background: 0 0
}

textArea::-webkit-scrollbar-thumb {
    background-color: #f1bdc4;
    border-radius: 3px
}

textArea::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 3px
}

.comaddinfoOnly .has-float-label textarea.form-control:placeholder-shown:not(:focus)+.invalid {
    left: 5px !important;
    bottom: auto;
    padding: 2px 10px
}

.comaddinfoOnly .has-float-label textarea+span.invalid {
    left: 15px !important
}

.top40 span {
    top: 40px !important
}

.decoration-hvr-none:hover {
    text-decoration: none;
    color: #1244b3
}

.sprtFiles {
    font-size: 11px;
    padding-left: 3px
}

.comaddinfoOnly .valid+.input-group-append .input-group-text .fa-star {
    display: none
}

.comeditinfoOnly .has-float-label textarea.form-control:placeholder-shown:not(:focus)+.invalid {
    left: 5px !important;
    bottom: auto;
    padding: 2px 10px
}

.comeditinfoOnly .has-float-label textarea+span.invalid {
    left: 15px !important
}

.comeditinfoOnly .photovideosSec .has-float-label input.form-control+.error,
.comeditinfoOnly .photovideosSec .has-float-label input.form-control+.invalid {
    top: 45px !important
}

.headerHub3.hdrOnly .dropdown-item:focus,
.headerHub3.hdrOnly .dropdown-item:hover {
    background-color: #e82030 !important;
    color: #fff
}

.headerHub3.hdrOnly .dropdown-item {
    padding-top: 5px;
    margin-bottom: 3px
}

.headerHub3.hdrOnly .userSettings {
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
    border-radius: 10px
}

.headerHub3.hdrOnly .dropdown-menu {
    margin-top: .4rem
}

.hght123 {
    height: 123px
}

.inmsgRight::-webkit-scrollbar {
    width: 4px
}

.inmsgRight::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    border-radius: 3px
}

.inmsgRight::-webkit-scrollbar-track {
    background: 0 0
}

.inmsgRight .testislider .carousel-control-prev {
    left: -30px;
    overflow: hidden;
    height: 137px
}

.inmsgRight .testislider .carousel-control-next {
    overflow: hidden;
    height: 137px
}

.inmsgRight .testislider .carousel-control-next .ti-angle-right,
.inmsgRight .testislider .carousel-control-prev .ti-angle-left {
    position: sticky
}

.inmsgRight .ti-angle-left:before,
.inmsgRight .ti-angle-right:before {
    position: relative;
    top: -40px
}

.userSettings {
    position: relative;
    overflow: hidden;
    transition: color .5s;
    display: inline-table
}

.userSettings:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: rgb(234 235 239);
    height: 150px;
    width: 350px;
    border-radius: 50%
}

.userSettings::before {
    left: -30px;
    bottom: 100%;
    transition: all .7s
}

.userSettings:hover:before,
.userSettings[aria-expanded=true]:before {
    bottom: -50px
}

.hdrOnly .dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 6px solid #ffffff00;
    border-right: 6px solid transparent;
    border-top: 6px solid #eaebef;
    position: absolute;
    top: -6px;
    right: 29px;
    content: "";
    z-index: 98;
    transform: rotate(180deg)
}

.comeditinfoOnly .photovideosSec .has-float-label input.form-control+.error {
    bottom: 0 !important
}

.themethisVal.themeFileInput .custom-file span.invalid {
    background: #fff;
    padding: 2px 5px
}

.swal2-container.swal2-center .swal2-title {
    font-size: 1.7rem;
    font-weight: 500;
    color: #000
}

.swal2-container.swal2-center .swal2-confirm {
    background: #1f459f;
    border: 1px solid #1f459f;
    padding: 12px 18px;
    font-size: 14px;
    box-shadow: none;
    outline: 0
}

.swal2-container.swal2-center .swal2-cancel {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 12px 22px;
    box-shadow: none;
    outline: 0
}

.swal2-container.swal2-center .swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content,
.swal2-container.swal2-center .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
    color: #eea236
}

.swal2-container.swal2-center .swal2-icon.swal2-info,
.swal2-container.swal2-center .swal2-icon.swal2-warning {
    border-color: #eea236
}

.swal2-container.swal2-center .swal2-container.swal2-center .swal2-title {
    margin-top: 0
}

.swal2-container.swal2-center .swal2-html-container {
    color: #6c757d !important;
    font-size: 1.2rem
}

.swal2-container.swal2-center .swal2-title strong {
    font-weight: 500 !important
}

span.blue_batch {
    background: #0019cb;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff
}

.purple_batch {
    background: #900aa7;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff
}

.comeditinfoOnly .select2-hidden-accessible.invalid~.select2-container .select2-selection--multiple {
    border: 1px solid #efa3a3 !important
}

.comaddinfoOnly .select2-hidden-accessible.invalid~.select2-container .select2-selection--multiple {
    border: 1px solid #efa3a3 !important
}

.clr-878a9c {
    color: #878a9c
}

.comeditinfoOnly .expandTable .photovid-table.table.dataTable td:nth-child(3),
.comeditinfoOnly .expandTable .photovid-table.table.dataTable td:nth-child(4) {
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comeditinfoOnly .expandTable .file-sectable.table.dataTable td:nth-child(3) {
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis
}

table.file-sectable.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data div {
    gap: 8px
}

.comeditinfoOnly .development_tab .has-float-label>span.error {
    bottom: -13px !important;
    left: 15px !important
}

.daterangepicker.show-calendar {
    z-index: 9999
}

.rfeArch_AdvSrch .daterangepicker.show-calendar {
    z-index: 9999;
    width: min-content
}

.rfeArch_AdvSrch .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 6px
}

.rfeArch_AdvSrch .daterangepicker .drp-selected {
    font-size: 11px;
    padding-right: 0
}

.rfeArch_AdvSrch .daterangepicker.show-calendar .drp-buttons {
    white-space: nowrap
}

.rfedsOnly #pie-container .highcharts-data-label text {
    font-size: 10px !important
}

.needMre_infoTbl .c-holdresold {
    background: #1686d1;
    display: flex;
    justify-content: center;
    text-align: center
}

.msg_lbl {
    color: #02080d;
    font-weight: 600;
    font-size: 15px
}

.rftradeOnly .msSelect label.selected {
    top: 2px
}

.rfelistOnly .rfelistTabl.dataTable th.dtr-control {
    width: 30px;
    max-width: 30px;
    min-width: 30px !important;
    padding: 0 !important
}

.rfelistOnly .rfelistTabl .dataTable th.sorting_disabled {
    padding-left: 0 !important
}

.bggrey_usr {
    background: #eaecf1;
    padding: 6px;
    border-radius: 8px
}

.usr_nme {
    margin-left: 3px
}

.srvy_dsgnArchSrvy .empOnly .helptip[tooltip]::before {
    left: 50%
}

.srvy_dsgnArchSrvy .empOnly .helptip[tooltip]::after {
    left: 50%
}

.invalid_Date.has-float-label>span {
    top: auto;
    left: 15px;
    margin-top: 5px
}

.invalid_Date .acDate .date-float.invalid {
    border: 1px solid #efa3a3 !important
}

.invalid_Date .timeNext>.invalid~.input-group-append {
    border: 1px solid #efa3a3 !important
}

.has-float-label input.valid~label>.formreq {
    display: none
}

.srvy_dsgnArchSrvy .empOnly .datepick {
    min-width: 105px
}

.bgwitGrey {
    background: #eaebef
}

.bgdrkGrey {
    background: #516d84;
    color: #fff !important
}

.clntSrvy_beta .has-float-label .acDate span.ti-calendar,
.srvy_dsgnArchSrvy .has-float-label .acDate span.ti-calendar {
    font-size: 15px !important
}

.rfeDashV2 .msallSel.msSelect .select2-selection--multiple .select2-selection__rendered .select2-selection__choice[title=ALL],
.rftradeOnly .msallSel.msSelect .select2-selection--multiple .select2-selection__rendered .select2-selection__choice[title=ALL] {
    display: none
}

.select2-selection__rendered {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f1bdc4 transparent
}

.select2-selection__rendered::-webkit-scrollbar {
    width: 4px
}

.select2-selection__rendered::-webkit-scrollbar-track {
    background: 0 0
}

.select2-selection__rendered::-webkit-scrollbar-thumb {
    background-color: #b5b5b5;
    border-radius: 5px
}

.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 44px !important
}

.msSelect .select2-container--default .select2-selection--multiple {
    height: 45px !important
}

.buyrSlct .invalid+.select2-container .selection .select2-selection {
    border: 1px solid #efa3a3
}

.slsAdmn_agntLst .change-order tr td .aLots::after,
.slsAdmn_agntLst .change-order tr.shown td .aLots::after {
    left: -25px;
    top: 0
}

.slsAdmn_agntLst.salesagOnly .expandTable .table.dataTable td:nth-child(2) {
    padding-left: 25px !important
}

.slsAdmn_agntLst .expandTable table.dataTable thead .sorting:after,
.slsAdmn_agntLst .expandTable table.dataTable thead .sorting:before,
.slsAdmn_agntLst .expandTable table.dataTable thead .sorting_asc:after,
.slsAdmn_agntLst .expandTable table.dataTable thead .sorting_asc:before,
.slsAdmn_agntLst .expandTable table.dataTable thead .sorting_desc:after,
.slsAdmn_agntLst .expandTable table.dataTable thead .sorting_desc:before {
    bottom: 1.1em !important
}

.h-30 {
    height: 30px !important
}

.expandTable table.apps-search.dataTable td.dtr-control {
    padding: 0 !important
}

.expandTable table.apps-search1.dataTable td.dtr-control {
    padding: 0 !important
}

.ev-calendar .date a {
    padding-top: 7px;
    padding-left: 6px
}

.expandTable table.apps-search.dataTable th:first-child {
    padding: 0 !important
}

.expandTable table.apps-search1.dataTable th:first-child {
    padding: 0 !important
}

.wstchBck_mleStn .expandTable.expAccn.expNext {
    display: block;
    overflow-x: scroll
}

.wstchBck_mleStn table {
    display: table;
    overflow: inherit
}

.wstchBck_mleStn .expandTable.expAccn.expNext::-webkit-scrollbar {
    height: 8px;
    width: 4px
}

.wstchBck_mleStn .expandTable.expAccn.expNext::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 3px
}

.bg-yelowShade {
    background-color: #ffb10029
}

.sttsMsg {
    border: 1px solid #e6e6e6;
    padding: 6px 12px;
    border-radius: 6px;
    width: max-content;
    background: #ebebeb;
    font-weight: 600;
    font-size: 15px
}

.photovid-table .nowrap.text-center .dtr-data {
    white-space: nowrap
}

.photovid-table .nowrap.text-center .dtr-title {
    text-align: left
}

.minmaxPrice {
    color: #02080d;
    font-size: 16px;
    padding: 18px 8px 4px;
    height: auto;
    font-weight: 600;
    width: 100% !important;
    z-index: 1;
    background: #fff;
    border: 1px solid #eaebef;
    box-sizing: border-box;
    border-radius: 2px;
    outline: 0;
    height: 44px
}

.minmaxPrice:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}

.fa-warning:before {
    content: "\f071"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-clock-o:before {
    content: "\f017"
}

.ivo-das-dat-wid {
    width: 25% !important;
    font-size: 14px;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: auto;
    border-radius: 0
}

.ivohub-qui-ico {
    margin-top: 5px;
    position: absolute
}

.inv-sel-err-mar,
.ivo-hub-err-mar input {
    margin-bottom: 6px
}

.ivohub-qui-ico-inp-top {
    margin-top: 10px
}

.ivohub-col-pic-pad .minicolors span.error {
    padding-left: 0;
    left: 0;
    bottom: -25px
}

.ivo-tra-par-dat {
    top: 50% !important;
    transform: translateY(-50%)
}

.dataTables_paginate ul.pagination li a.page-link,
.ivo-hub-pag-txt .dataTables_paginate ul.pagination li a.page-link {
    margin-left: 0
}

.ivo-hub-btn-ovr .dataTables_wrapper.dt-bootstrap4 {
    overflow: inherit
}

.ivo-hub-tab-ico td:first-child img {
    height: 18px;
    width: 18px;
    object-fit: contain;
    margin-bottom: 0 !important
}

.ivo-hub-file-nam-con {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ivo-hub-blo-wid .lineClamp2 a {
    word-break: break-all
}

.ivo-hub-textarea-min-hei {
    resize: vertical !important
}

.ivo-hub-textarea-min-hei {
    min-height: 44px
}

.ivo-hub-int-net-pad-top textarea {
    padding-bottom: 6px
}

.ivo-hub-rad-btn-ovr [type=radio]:checked+label,
.ivo-hub-rad-btn-ovr [type=radio]:not(:checked)+label {
    line-height: 18px;
    width: 18px;
    padding-left: 0;
    font-size: inherit
}

.ivo-hub-rad-btn-ovr [type=radio]:checked+label:before,
.ivo-hub-rad-btn-ovr [type=radio]:not(:checked)+label:before {
    width: 18px;
    height: 18px
}

.ivo-hub-rad-btn-ovr [type=radio]:checked+label:after,
.ivo-hub-rad-btn-ovr [type=radio]:not(:checked)+label:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important
}

.ivo-hub-rad-btn-ovr li label span {
    padding-left: 28px;
    font-size: 14px;
    line-height: 18px;
    display: inline-block
}

.ivo-hub-rad-pad-yan li:not(:last-child) {
    padding-right: 50px !important
}

.ivo-hub-rad-pad-pau li:not(:last-child) {
    padding-right: 70px !important
}

.ivo-hub-squ-plu-ali table.dataTable tbody tr td.dtr-control:first-child::before {
    top: 22px !important
}

.ivo-hub-tab-txt-ecl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px
}

.ivo-hub-too-tip-ovr-ini .dataTables_wrapper.dt-bootstrap4 {
    overflow: initial
}

.ivo-hub-cmp-msg-hei,
.ivo-hub-cmp-tes-hei {
    max-height: 170px;
    padding: 20px 12px
}

.ivo-hub-ctl-msg-hei {
    max-height: 130px
}

.ivo-hub-ctl-tes-hei {
    height: 130px
}

.ivo-hub-cmp-spa-btw {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ivo-hub-das-grd-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    height: 100%
}

.ivo-hub-das-hea {
    height: 100%
}

.ivo-hub-ctl-blo {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.ivo-hub-ctl-blo a img {
    width: 28px;
    height: 28px;
    object-fit: contain
}

.ivo-hub-ctl-blo a {
    height: auto;
    display: block;
    width: 100%
}

.ivo-hub-tic-blo {
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ivo-hub-tic-bad {
    background-color: #5e5c5cf5;
    color: #fff !important;
    padding: 5px 7px !important;
    border-radius: 5px
}

.ivo-hub-lis-blo li {
    border-radius: 0 !important
}

.ivo-hub-lis-blo li:not(:last-child) {
    border: 1px solid #eaebef
}

.ivo-hub-box-gri {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 10px
}

.ivo-cel-gro-uni,
.ivo-cel-mon-reg,
.ivo-cel-nps-scr,
.ivo-cel-ytd-dig {
    grid-row: span 2
}

.ivo-hub-box-gri .cardBox {
    width: 100% !important;
    margin: 0 !important
}

.btn_mob .dataTables_length {
    padding-top: 10px
}

.pur_tab .dataTables_length {
    padding-top: 10px
}

.pur_tab .pagination {
    gap: 1px
}

.export_btn .dataTables_length {
    padding-top: 10px
}

.data_check table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
.data_check table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    left: 40px
}

.input_span span {
    padding-bottom: 10px !important
}

.model_popup .floating-labelSrc+span.error {
    position: unset;
    bottom: 0
}

.close_icon span {
    text-shadow: none
}

.close_icon .close {
    margin-top: -5px !important
}

.icon_trash .fas {
    padding-bottom: 7px !important
}

.icon_trash table tbody td.sorting_1 {
    padding-top: 15px !important
}

.text_x span {
    text-shadow: none !important
}

.del_icon .fas {
    padding-bottom: 7px !important
}

.del_icon table tbody tr td .d-inline-block {
    padding-top: 5px !important
}

.change_textsize .formLabel {
    font-size: 13px !important
}

.btn_cancel .btnWhite {
    padding: 10px 40px !important
}

.ivo-hub-nav-ovr::before {
    display: none;
    transition: all .7s
}

.ivo-hub-nav-ovr:hover {
    transition: all .7s;
    background-color: #eaebef
}

/* .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons {
     grid-template-columns: 120px 120px 120px; 
    display: grid;
    justify-content: flex-end;
    grid-column-gap: 7px
} */

.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons {
    /* grid-template-columns: 120px 120px 120px; 
   display: grid;
   justify-content: flex-end; */
   grid-column-gap: 7px
}

.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons .btn-group span.btn.btn-orange {
    width: 100px;
}

.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btn-info,
.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btnGreen2,
.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons div.btn-group span.btn.btn-orange {
    /* padding-left: 5px !important;
    padding-right: 5px !important; */
    font-size: 14px !important
}
.btn.btnGreen2 {
    color: #fff;
    outline: 0;
    font-size: 13px;
    border-radius: 2px;
    background:green;
    padding: 0px 25px !important;
}
.btn.btnGreen2:hover{
    background: #00bcc5 !important;
    border-color: #00bcc5 !important;
}
.btn.btn-info.btnBlue2 {
    background-color: #0667D6 !important;
    border-color: #0667D6 !important;
    border-radius: 2px;
    outline: 0;
    padding: 0px 25px !important;
    font-size: 13px
}
.btn.btn-info.btnBlue2:hover{
    background: #00bcc5 !important;
    border-color: #00bcc5 !important;
}
.ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btn-info {
    margin-left: 0 !important;
    margin-right: 0 !important
}
.ivo-but-lea-siz button.cancelbtn,
.ivo-but-lea-siz button.searchbtn {
    width: 90px
}
.qmiBtnWrapper button {
    flex:unset !important;
}
.select-box .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent !important;
}

@media(max-width:992px) {
    
    .themeFileInput .bgEAEBEF-200-100 {
        margin-right: auto
    }

    .timeNext .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 28em
    }

    .mngPrisheet table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:first-child {
        padding-left: 40px !important
    }

    .mngPrisheet .expandTable table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .mngPrisheet .smLabel.px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .mngPrisheet .expandTable span.dtr-data {
        white-space: nowrap
    }

    .ass-manual .expandTable table.dataTable td:nth-child(2) {
        padding-left: 40px !important
    }

    .ass-manual .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 63px;
        top: 29px
    }

    .center-auto {
        margin-left: auto;
        margin-right: auto
    }

    .plusIcon2 .dtPart .expandTable table.dataTable td:first-child {
        padding-left: 35px !important
    }

    .plusIcon2 .dtPart table.dataTable th:first-child {
        padding-left: 35px !important
    }

    .plusIcon2 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .width300 .stacked-chart .highcharts-root {
        width: 65% !important
    }

    .valuePerc {
        font-size: 18px
    }

    .log .expandTable table.dataTable td:first-child {
        padding-left: 40px !important
    }

    .log .expandTable table.dataTable td.child:first-child {
        padding-left: 0 !important
    }

    .log .expandTable table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .log .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .log .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 48% !important;
        left: 8px !important
    }

    .dashboard-nav header .menu-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .dashboard-nav {
        width: 0;
        min-width: 0;
        position: fixed;
        top: 65px;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        background: #f5f5f5;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .dashboard-nav.mobile-show {
        width: 210px;
        min-width: 210px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .dashboard-toolbar a.menu-toggle {
        position: absolute;
        left: 20px;
        top: 15px;
        color: #363636
    }

    .dashboard-toolbar a.menu-toggle {
        position: absolute;
        left: 20px;
        top: 15px;
        color: #363636
    }

    .dashboard-nav.mobile-show a.menu-toggle {
        position: absolute;
        right: 5px;
        top: 20px
    }

    .dashboard-app {
        width: 62%
    }

    .dashboard-view {
        width: 38%
    }

    .fmBox {
        width: 30.2%
    }

    .fmBox .mxwdt-160 {
        max-width: 125px
    }

    .fmBox.catBox .gray-text2 {
        color: #666;
        font-size: 11px
    }

    .fmSources,
    .fmSources2,
    .mediaTop,
    .youtbTop {
        height: 100px
    }

    .headCheck {
        width: 100%;
        text-align: right;
        justify-content: end
    }

    .frameRight .head-14 {
        word-break: break-all
    }

    .draggable-element {
        width: 29.3%
    }

    .dragupImage {
        height: 70px
    }

    .viewPhotos .fmSources {
        width: 30%;
        height: 65px
    }

    .dashboard-content {
        margin-left: 10px
    }

    .ekko-lightbox .ekko-lightbox-container::before {
        top: -35px;
        right: 0
    }

    .warranty-req .bo1 {
        border-right: unset;
        border-radius: unset
    }

    .warranty-req .cat {
        background-color: #e9e9e9;
        overflow: hidden;
        float: left;
        cursor: pointer;
        width: 100%
    }

    .warranty-req .bo2 {
        border-right: unset;
        border-right: unset;
        border-radius: 0
    }

    .warranty-req .bo3 {
        border-radius: unset
    }

    .warranty-req .cat label {
        float: left;
        line-height: 1.8em;
        width: auto;
        height: unset;
        margin-bottom: 0;
        width: 100%
    }

    .warranty-req [type=checkbox]:not(:checked),
    [type=checkbox]:checked,
    [type=radio]:checked,
    [type=radio]:not(:checked) {
        position: absolute;
        left: -9999px
    }

    .warranty-req .cat label input {
        position: absolute;
        display: none;
        color: #fff !important
    }

    .warranty-req .action input:checked+span {
        background-color: #e82030;
        border-radius: 6px
    }

    .warranty-req .cat input:checked+span {
        color: #fff;
        padding: 0
    }

    .warranty-req .cat label input+span {
        color: #000;
        cursor: pointer;
        padding: 0 !important
    }

    .warranty-req .cat label span {
        text-align: center;
        padding: 0 8px;
        display: block;
        line-height: 27px
    }

    .warranty-req input[type=checkbox],
    input[type=radio] {
        margin: 4px 0 0;
        line-height: normal
    }

    .warranty-req input[type=checkbox],
    input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    .expandTable .warranty-req span.dtr-data {
        white-space: unset
    }

    .manageOptions_modal .modal-body {
        height: 350px;
        overflow: auto
    }

    .mrgn-sm-auto {
        margin-right: auto
    }

    .tradeOnly .dateClear.ti-close {
        top: 15%;
        right: 8%
    }

    .qui_icon_only .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .qui_icon_only .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .qui_icon_only .expandTable table.dataTable th.w-30px {
        padding-left: 30px !important
    }

    .gvattach .leadHeading {
        left: 60%
    }

    .fifthFloor_leads table.dataTable thead>tr>th:first-child {
        padding-left: 40px !important
    }

    .fifthFloor_leads table.dataTable.dtr-column>tbody>tr>td.dtr-control {
        padding-left: 40px !important
    }

    .fifthFloor_leads .expAccn table.dataTable.dtr-column>tbody>tr>td.dtr-control:before {
        left: 15px
    }

    .note_community .lotFields li:nth-child(2) {
        width: 42% !important
    }

    .employee_archived .advFilter,
    .employee_list .advFilter {
        margin-bottom: 0 !important
    }

    .fs-sm-13 {
        font-size: 13px !important
    }

    .fs-sm-12 {
        font-size: 12px !important
    }

    .btn-red5 {
        width: 130px
    }

    .communityDash_info .viewPhotos .fmSources {
        width: 23.81% !important
    }

    .dtr-data .survMode.action input:checked+span {
        background-color: #1f459f;
        color: #fff;
        cursor: pointer
    }

    .warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data .survMode.not_allowed::before {
        padding-top: 15px
    }

    .warrOnly .expandTable .warranty-req ul li[data-dtr-index="5"] span.dtr-data {
        padding: 4px;
        background: #e9e9e9;
        border-radius: 6px
    }

    .mlitm-car2.multiitem-carousel .carousel-control-prev {
        left: 2px !important
    }

    .mlitm-car2.multiitem-carousel .carousel-control-next {
        right: -22px !important
    }

    .mdorOnly .highcharts-data-label {
        font-size: 9px !important;
        opacity: 1
    }

    .margin_tab_top {
        margin-top: 0 !important
    }

    .pchecklistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: auto
    }

    .pchecklistOnly [tooltip]:hover::after,
    [tooltip]:hover::before {
        display: none
    }

    .hmlistOnly [tooltip]::after {
        display: none
    }

    .agent_closing .reportrange {
        width: -webkit-fill-available
    }

    .sales_agnt_srvy .cs-rad li {
        padding-right: 15px
    }

    .has-reltr .highcharts-root .highcharts-axis-labels.highcharts-xaxis-labels text {
        font-size: 7px !important
    }

    .dig-foundUp .overflow_Scroll {
        display: block;
        overflow: auto
    }

    .tradeOnly .dateClear.ti-close {
        right: 10%
    }

    .ass-manual .expandTable table.dataTable td:nth-child(2) {
        padding-left: 0 !important
    }

    .tradePartner .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li span.dtr-data {
        word-break: break-word;
        white-space: pre-line;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .leadWrffrc .fs-18-700-545871 {
        font-size: 16px !important
    }

    .clntSrvy_beta [tooltip]:hover::after,
    .clntSrvy_beta [tooltip]:hover::before,
    .srvy_dsgnArchSrvy [tooltip]:hover::after,
    .srvy_dsgnArchSrvy [tooltip]:hover::before {
        display: none
    }
}

@media(max-width:360px) {
    .themeFileInput .bgEAEBEF-200-100 {
        width: 140px
    }

    .mngFileSlider .btn-file {
        padding: 5px 8px;
        font-size: 11px
    }

    .mngFileSlider .mtFiles .fas.fa-cloud-upload-alt {
        font-size: 12px
    }

    .mngFileSlider .mtFiles h6 {
        font-size: 12px
    }

    .h-35 {
        height: 28px
    }

    .p4-12 {
        padding: 4px 12px !important
    }

    .h-28 {
        height: 28px !important
    }

    .mngcmnd .expandTable li:last-child span.dtr-data {
        white-space: nowrap !important;
        display: flex;
        align-items: center
    }

    .mngcmnd .dtPart .expandTable table.dataTable td:nth-child(2) {
        text-align: left;
        padding-left: 50px !important
    }

    .dashBlog table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        text-align: left;
        padding-left: 60px !important
    }

    .dashBlog .dtPart .expandTable table.dataTable td:nth-child(2) {
        text-align: left;
        padding-left: 8px !important
    }

    .frame {
        width: 100%;
        height: 100vh
    }
}

@media (min-width:240px) and (max-width:767px) {
    .boxAdvanceSearch {
        width: 80%;
        right: -80%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .boxAdvanceSearch {
        width: 50%;
        right: -50%
    }

    .clntSrvy_beta.survbetaOnly .custom-search,
    .srvy_dsgnArchSrvy.survbetaOnly .custom-search {
        width: 29% !important
    }

    .clntSrvy_beta .srcDatewidth,
    .srvy_dsgnArchSrvy .srcDatewidth {
        width: 31% !important;
        margin-top: 0;
        margin-left: 8px !important
    }

    .clntSrvy_beta.survbetaOnly .btn.themeBlue,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.themeBlue {
        margin-top: 10px !important
    }

    .clntSrvy_beta.survbetaOnly .btn.btn-orange,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.btn-orange {
        width: auto !important;
        margin-top: 10px !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {

    .clntSrvy_beta.survbetaOnly .custom-search,
    .srvy_dsgnArchSrvy.survbetaOnly .custom-search {
        width: 25%
    }

    .clntSrvy_beta .srcDatewidth,
    .srvy_dsgnArchSrvy .srcDatewidth {
        margin-top: 0;
        width: 25%;
        margin-left: 8px !important
    }

    .clntSrvy_beta.survbetaOnly .btn.btn-orange,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.btn-orange {
        width: 20%;
        margin-top: 10px
    }

    .clntSrvy_beta.survbetaOnly .btn.themeBlue,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.themeBlue {
        margin-left: 8px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) {
    .userpmOnly .portalDetails .custom-control.custom-checkbox {
        width: 23%
    }

    .survbetaOnly .btn.btn-orange {
        white-space: nowrap
    }

    .reqdetOnly .coBoxleft {
        width: 40%
    }

    .coBoxcright {
        width: 60% !important
    }

    .lotscOnly .empTop {
        margin-top: -55px
    }

    .prtype {
        width: 80%
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 7.5px !important
    }

    .mergeTables.tableAccordian .table .thead-light th {
        padding: 10px 10px
    }

    span.acc-head {
        padding: 10px 5px
    }

    .th-in {
        padding: 10px 7px
    }

    .totprz-Data span {
        padding: 8px 7px;
        font-size: 12px;
        font-weight: 600
    }

    .careerList .fr-box.fr-basic {
        min-height: 270px !important
    }

    .congraOnly.qmiOnly .expandTable table.dataTable td:nth-child(2) {
        padding-left: 8px !important
    }

    .statusInnerbox h5 {
        font-size: 14px !important
    }

    .statusInnerbox p {
        font-size: 11px !important
    }

    .statusInnerbox {
        width: 14.28% !important
    }

    .width300 .stacked-chart .highcharts-root {
        width: 72% !important
    }

    .cardDash .cardBox {
        width: 32%
    }

    .intrContent .dashboard-app {
        width: 75% !important;
        margin-left: 255px !important
    }

    .blogOut.imageOuter {
        width: 25%
    }

    .blogCont {
        width: 75%
    }

    .inmsgLeft {
        width: 49% !important
    }

    .inmsgRight {
        width: 49% !important
    }

    .expandTable table.dataTable td.pl-lg-40 {
        padding-left: 40px !important
    }

    .tp-ellipes {
        max-width: 450px !important
    }

    .checkboxGroup .custom-control.custom-checkbox.chkLabel {
        width: 24% !important
    }

    .cmr-margin2.cmr-ext {
        margin-top: 30px
    }

    .cmr-margin2.cmr-ext.cmr-ext2 {
        margin-top: 10px
    }

    .rpBoxes .card {
        width: 18.5%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {

    .inmsgLeft,
    .inmsgRight {
        width: 49.4% !important
    }

    .fs-tab-10 {
        font-size: 10px !important
    }
}

@media(max-width:1285px) {
    .mngFiles .expandTable span.dtr-data {
        white-space: nowrap
    }

    .mngFiles .expandTable .table.dataTable td.md-none {
        padding-left: 40px !important
    }

    .fmBox {
        width: 22.5%;
        margin: 0 5px;
        padding: 10px 5px;
        margin-bottom: 8px
    }

    .fldImage {
        width: 50px
    }

    .fmSources {
        height: 100px
    }

    .mediaTop,
    .youtbTop {
        height: 100px
    }

    .mxwdt-160 {
        max-width: 115px
    }

    .fmSources2 {
        height: 100px
    }

    .viewPhotos .fmSources {
        width: 29.9%;
        height: 65px
    }

    h4.headCheck {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .frameRight .head-14 {
        word-break: break-all
    }

    .draggable-element {
        width: 45.7%
    }

    .clntSrvy_beta .customtool .custom-search,
    .srvy_dsgnArchSrvy .customtool .custom-search {
        width: 215px
    }

    .clntSrvy_beta .customtool .srcDatewidth,
    .srvy_dsgnArchSrvy .customtool .srcDatewidth {
        width: 215px
    }

    .rfedsOnly #pie-container .highcharts-data-label text {
        font-size: 9px !important
    }
}

@media(max-width:1024px) {
    .contentRow .navRow .navbar {
        width: 30%;
        padding: 25px 15px 25px 25px
    }

    .navRow {
        width: 63%
    }

    .pl-24p {
        padding-left: 33.4%
    }

    #general {
        height: auto !important
    }

    #communication {
        height: auto !important
    }

    .sm-w10 {
        width: 10%
    }

    .xs-mt-2 {
        margin-top: 2rem !important
    }

    .contentRow {
        display: block !important;
        padding-right: 0 !important
    }

    .contentRow .card {
        float: left;
        width: 100%
    }

    .logPart {
        float: left;
        width: 100%;
        margin-top: 20px
    }

    .contentRow .card-body {
        padding: 10px
    }

    label.control-label {
        white-space: nowrap
    }

    .timeLast span {
        font-size: 12px
    }

    .mdTitle {
        font-size: 15px !important
    }

    label.control-label {
        font-size: 12px
    }

    .acIcon {
        width: 40px;
        height: 35px
    }

    .sm-mb-15 {
        margin-bottom: 15px !important
    }

    .edProfile .contentRow .navRow .navbar {
        top: 250px
    }

    .edProfile ul.nav.nav-tabs {
        padding-left: 34%
    }

    .sm-pr-25 {
        padding-right: 25px !important
    }

    .formPart .cs-rad li {
        padding-right: 30px
    }

    .col5-width2 {
        padding: 0;
        white-space: nowrap
    }

    .col5-width {
        width: 33.33% !important
    }

    .col5-width2 {
        width: 31% !important;
        padding-left: 15px !important
    }

    .table-responsive.tblRes>div.dataTables_wrapper>div.row {
        width: 100%;
        white-space: nowrap;
        overflow-y: auto;
        margin: 0
    }

    .tableNormal .table thead th,
    .tableNormal table td {
        white-space: nowrap
    }

    .sm-w-150 {
        width: 150px
    }

    .dtPart.tableNew {
        width: 100%;
        margin: 15px 15px;
        overflow: hidden
    }

    .tableNew .dataTables_wrapper.dt-bootstrap4 .row+.row {
        width: 100%;
        white-space: nowrap;
        margin: 0
    }

    .xs-posInit .h-40 {
        height: 40px !important;
        line-height: 40px !important
    }

    .inputdd .custom-select {
        width: 27%
    }

    .bkWidth {
        width: 60px !important
    }

    .listOnly .expandTable .dtSelect2 {
        width: 100%;
        height: 34px
    }

    .thispadding {
        padding-right: 15px
    }

    .thumbImage {
        width: 50px
    }

    .moveOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 50%
    }

    .listOnly .expandTable .collapsedData {
        display: flex
    }

    .viewHide {
        display: block !important;
        padding-bottom: 17px !important;
        padding-top: 15px !important
    }

    .mcRight {
        margin-right: 130px !important
    }

    .mcRight.px-34 {
        padding-left: 14px !important;
        padding-right: 14px !important
    }

    .checkWrap .ckText {
        font-size: 12px
    }

    .checkWrap [type=radio]+i {
        padding: 10px 3px
    }

    .checkWrap [type=radio]:checked+i {
        padding: 10px 10px
    }

    .edRes .contentRow {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .cllistOnly .tabPart .nav-pills .nav-link,
    .cllistOnly .tabPart .nav-pills .show>.nav-link,
    .cmeditOnly .tabPart .nav-pills .nav-link,
    .cmeditOnly .tabPart .nav-pills .show>.nav-link {
        margin: 16px 15px 0;
        font-size: 13px
    }

    .mobReplace {
        display: flex;
        flex-direction: row-reverse
    }

    .cmeditOnly .mobReplace {
        justify-content: space-between
    }

    .cmlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .cmlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px
    }

    .cmeditOnly .expandTable .table.dataTable td {
        padding: 7px 8px 7px !important
    }

    .cmeditOnly .expandTable span.dtr-data,
    .cmeditOnly .expandTable table.dataTable>tbody>tr.child span.dtr-title {
        text-align: left
    }

    .cmeditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .cmeditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .hmlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .hmlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px
    }

    .mhlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .mhlistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .mhlistOnly .expandTable .table.dataTable td {
        padding: 7px 8px 7px !important
    }

    .mheditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .mheditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .mheditOnly .expandTable .table.dataTable td {
        padding: 7px 8px 7px !important
    }

    #filesmultidelete,
    #slidesmultidelete,
    .delete_list {
        padding-top: 3px
    }

    .sm-mrr-0 {
        margin-right: 0 !important
    }

    .cmlistOnly .customTable .table>thead:first-child>tr:first-child>th {
        justify-content: space-between
    }

    .boxShadowLight.dflexBox .dropdown-menu.show {
        z-index: 2;
        left: 95px !important
    }

    .wdfor1280 {
        width: auto !important
    }

    .md-prr-0 {
        padding-right: 0 !important
    }

    .hmaddOnly .back-btn {
        margin-right: 80px
    }

    .hmaddOnly .btn-white2 {
        width: 120px
    }

    .optPack .optwidth {
        width: 33%
    }

    .hmeditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .hmeditOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .hmeditOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .mheditOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .hmeditOnly .mobReplace {
        justify-content: space-between
    }

    .hmeditOnly .input-group.inputSO {
        flex-wrap: nowrap
    }

    .mhlistOnly .mobReplace {
        justify-content: space-between
    }

    .mheditOnly .tabPart .nav-pills .nav-link,
    .mheditOnly .tabPart .nav-pills .show>.nav-link {
        margin: 10px 15px 0;
        padding-bottom: 5px
    }

    .sm-w-100 {
        width: 100% !important
    }

    .sm-w-50 {
        width: 50% !important
    }

    .btDropdown .dropdown-menu {
        right: -32px
    }

    .splistOnly .expandTable .table.dataTable tr.even td:first-child,
    .splistOnly .expandTable .table.dataTable tr.odd td:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .splistOnly .custom-control.custom-checkbox.chkLabel.check-top.pr-0.w-35x {
        margin-right: 5px
    }

    .splistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        display: flex;
        justify-content: center
    }

    .splistOnly .expandTable .table.dataTable tr.even td:first-child,
    .splistOnly .expandTable .table.dataTable tr.odd td:first-child {
        height: 42px
    }

    .splistOnly i.fas.fa-trash {
        position: absolute;
        right: -16px
    }

    .splistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.dtr-control,
    .splistOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th.dtr-control {
        padding-left: 50px
    }

    .splistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45%
    }

    .splistOnly .expandTable .custom-control {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .splistOnly .expandTable .mbsp .chkLabel {
        padding-left: 12px
    }

    .splistOnly .expandTable .mbsp .chkLabel label {
        left: -5px
    }

    .splistOnly span#delete_list {
        top: 5px;
        left: -12px;
        margin-right: 5px
    }

    .splistOnly .tdGreen {
        white-space: nowrap
    }

    .cllistOnly .sortRight .sel-wrap .select2 .selection .select2-selection {
        border: 1px solid #eaebef;
        margin-bottom: 15px
    }

    .sm-ml-0 {
        margin-left: 0 !important
    }

    .cllistOnly .sortRight .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        text-align: left
    }

    .cllistOnly .input-group.csSelect2.sortRight>label {
        right: auto;
        left: 10px
    }

    .filterBoxes button.w-250 {
        width: 200px;
        padding: 0
    }

    .cleditOnly .tabPart .nav-pills .show>.nav-link,
    .cleditOnly .tabPart.tabEdit .nav-pills .nav-link {
        margin: 12px 10px 0
    }

    .cleditOnly .contentRow .card-body {
        margin: 0 25px
    }

    .cleditOnly .contentRow .navbar {
        padding: 10px 5px 0 20px
    }

    .cleditOnly .expandTable .table.dataTable td:first-child {
        padding-left: 50px !important
    }

    .cleditOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .changePos.tabPos {
        display: flex;
        flex-direction: row-reverse
    }

    .changePos.tabPos .postop {
        left: -15px;
        position: relative
    }

    .tabletool2 .btn-red2 {
        padding: 7px 10px;
        width: 100%
    }

    .tabletool2 .btn.btn-success.btnGreen {
        padding: 8px 8px !important
    }

    .smm-p-0 {
        padding: 0 !important
    }

    .input-group.inputSO {
        flex-wrap: nowrap
    }

    .pos1024 {
        display: flex;
        align-items: center;
        flex-direction: row-reverse
    }

    .pos1024 i.fas.fa-trash {
        padding-right: 15px !important
    }

    .cardBox {
        flex-wrap: wrap
    }

    .cardBox .card {
        width: 100%
    }

    .lotFields .btn-red {
        margin-top: 10px
    }

    .myaccordion.cardBox .card {
        width: 47.5%
    }

    .boxInner {
        width: 100%
    }

    .notelotOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.dtr-control,
    .notelotOnly table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th.dtr-control {
        padding-left: 40px
    }

    .packageBox .boxInner {
        width: 100%
    }

    .lotpackOnly .breadcrumbTop .breadcrumb-item.active {
        margin-top: 5px
    }

    .lotPackages {
        padding: 10px 15px
    }

    .lotPackages .thBorder {
        padding: 10px 10px
    }

    .noteTagOnly .imgMap img {
        width: 100%
    }

    .imgMap img {
        width: 100%;
        margin-top: 20px
    }

    .notelotOnly .card-header {
        margin-top: 20px
    }

    .imageHov {
        width: 28%
    }

    .themeAddn .customtool2 {
        width: 100%
    }

    .micrOnly .input-group.formControlIG1.w-auto {
        width: 150px !important
    }

    .micrOnly .mdTitle {
        font-size: 18px
    }

    .micrOnly .tableBread .breadcrumb-item a {
        font-size: 15px
    }

    .micrOnly .tableBread .breadcrumb-item {
        font-size: 15px;
        padding-left: 20px
    }

    .tableBread .breadcrumb-item:before {
        left: 8px
    }

    .micActions {
        display: flex;
        justify-content: flex-start
    }

    .micActions .custom-control-label:after,
    .micActions .custom-control-label:before {
        top: 0
    }

    .folderImage {
        background: url(../img/folder-mob.png);
        background-repeat: no-repeat;
        /* background-position: 40px; */
        background-position: 8px;

    }

    .pdfImage {
        background: url(../img/pdf-mob.png);
        background-repeat: no-repeat;
        background-position: 40px
    }

    .docImage {
        background: url(../img/doc-mob.png);
        background-repeat: no-repeat;
        background-position: 40px
    }

    .shareImage {
        background-position: 36px
    }

    .multiChecks {
        bottom: 36%
    }

    .cmlistOnly .expandTable .table.dataTable td.dtr-control,
    .hmlistOnly .expandTable .table.dataTable td.dtr-control,
    .splistOnly .expandTable .table.dataTable td.dtr-control {
        padding: 10px 8px 8px 40px !important;
    }

    .micrOnly .expandTable .table.dataTable td.dtr-control {
        /* padding: 10px 8px 8px 87px !important; */
        padding: 10px 8px 8px 50px !important;
    }

    .tableBread .breadcrumb-item {
        line-height: 32px
    }

    .expandTable .table.dataTable tr.odd td.dataTables_empty {
        display: revert !important
    }

    .expandTable .table>thead:first-child>tr:first-child>th+th {
        width: auto !important
    }

    .log .expandTable table.dataTable thead tr th.w-40px {
        width: 40px !important
    }

    .micrOnly .expandTable table .custom-checkbox .custom-control-label:after,
    .micrOnly .expandTable table .custom-checkbox .custom-control-label:before {
        top: 0
    }

    .hov-content-tooltip:hover .tooltip-content {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .ev-calendar .event-time .time-avail,
    .ev-calendar .event-time .time-notavail {
        font-size: 11px
    }

    .cal-reschedule .modal-dialog {
        max-width: 700px
    }

    .halfShow.boxAdvanceSearch {
        width: 75%;
        right: -75%
    }

    table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 35px !important
    }

    .expandTable.expNext table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expandTable.expNext table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0;
        top: 45%
    }

    .ev-calendar .event {
        padding: 0
    }

    .ev-calendar ul.weekdays li:first-child,
    .ev-calendar ul.weekdays li:last-child {
        width: 8% !important;
        font-size: 8px;
        opacity: .5
    }

    .ev-calendar li:first-child.day.month-holiday,
    .ev-calendar li:last-child.day.month-holiday {
        width: 8% !important
    }

    .ev-calendar li:first-child.other-month,
    .ev-calendar li:last-child.other-month {
        width: 8% !important
    }

    .ev-calendar li {
        width: 20%
    }

    .typeheadAuto [tooltip]:not([flow])::after,
    .typeheadAuto [tooltip]:not([flow])::before,
    .typeheadAuto [tooltip][flow^=up]::after,
    .typeheadAuto [tooltip][flow^=up]::before {
        left: -110px
    }

    .has-float-label.errplaceAuto.tb-btadjust>span.error {
        bottom: -19px !important
    }

    .insideTable.insW .dataTables_length {
        width: 25%
    }

    .insW .customtool,
    .insW .customtool-act,
    .insW .customtool-pro {
        width: 75%
    }

    .md-w-100 {
        width: 100% !important
    }

    .sepColumn {
        width: 75%
    }

    .md-w-50 {
        width: 50% !important
    }

    .expAccn table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expAccn table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 45% !important
    }

    .pdmr-adjust {
        margin: 0;
        padding: 0
    }

    .acAction {
        z-index: 1;
        padding-top: 2px;
        text-align: center
    }

    .has-float-label input.form-control+.error,
    .has-float-label input.form-control+.invalid {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .innTop {
        overflow-x: auto !important
    }

    .customTable .table tr:hover {
        background: initial
    }

    .expandTable .table-hover tbody tr:hover {
        background-color: initial
    }

    .warrContent .tabPart .nav-pills .nav-link.active {
        padding: 7px 8px
    }

    .warrContent .tabPart .nav-pills .nav-link {
        padding: 7px 5px;
        font-size: 12px
    }

    .formCard-top .formLabel3 {
        width: 30%
    }

    .histlast1 label,
    .histlast2 label,
    .histother label {
        display: flex;
        flex-direction: column
    }

    .warr-po .formCard-top .formLabel3 {
        width: 100%
    }

    .warr-po .tableNew .dataTables_wrapper.dt-bootstrap4 .row+.row .col-sm-12 {
        overflow-x: auto
    }

    .empOnly .custom-search {
        width: 120px
    }

    .advSearch .select2-container {
        width: 100% !important
    }

    .empOnly .advFilter {
        /* padding-top: 20px !important; */
        padding-top: 0px !important
    }   

    .empboxLeft {
        width: 30%
    }

    .empboxRight {
        width: 70%
    }

    .empTop {
        margin-top: 0
    }

    .portalDetails .custom-control.custom-checkbox {
        width: 45%;
        margin-right: 10px
    }

    .portalDetails .custom-control.custom-checkbox.estWidth {
        width: 12%
    }

    .schappOnly .portalDetails .custom-control.custom-checkbox {
        width: 31%
    }

    .userpmOnly .portalDetails .custom-control.custom-checkbox {
        width: 32%;
        margin-right: 5px
    }

    .permissionTable {
        width: 100%
    }

    .topminus1280 {
        top: -15px !important
    }

    .nxtBox .imageHov {
        width: 35%
    }

    .nxtBox.packageBox .card-content {
        width: 65%
    }

    .nxtBox .cardPrice {
        position: relative;
        top: -50px;
        right: 8px
    }

    .nxtBox .cardPrice {
        width: 100%;
        justify-content: flex-end
    }

    .nxtBox.packageBox .card-content {
        justify-content: start
    }

    .packageTable {
        width: 100%
    }

    .nxtBox.packageBox .boxInner {
        height: 200px
    }

    .nxtBox.packageBox .boxInner img {
        height: 200px
    }

    .surdetOnly .insideTable .dataTables_length {
        width: 25%
    }

    .customtool-pro,
    .surdetOnly .customtool,
    .surdetOnly .customtool-act {
        width: 75%
    }

    .cc-survey .modal-dialog {
        max-width: 650px
    }

    .radioSurv li {
        display: flex;
        padding-right: 25px
    }

    .nowrapTabmob {
        white-space: nowrap
    }

    .minHgt60 .grayLabel {
        font-size: 17px !important
    }

    .svyBox {
        width: 49%
    }

    .minHgt60 {
        min-height: auto
    }

    .survbetaOnly .custom-search {
        width: 48%
    }

    .srcDatewidth {
        margin-top: 5px;
        width: 48% !important;
        margin-left: 0 !important
    }

    .survbetaOnly .btn.btn-orange {
        width: 48%;
        margin-top: 5px;
        white-space: nowrap
    }

    .create-info p {
        font-size: 12px
    }

    .order-request textarea.form-control {
        width: 200px
    }

    .orderreqcss {
        width: 100%;
        overflow: hidden
    }

    .orderreqcss .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row {
        width: 100%;
        white-space: nowrap;
        overflow: auto;
        margin: 0
    }

    .orderreqcss .dataTables_wrapper.dt-bootstrap4.no-footer .row+.row .col-sm-12 {
        padding: 0
    }

    .coBoxcenter,
    .coBoxleft {
        width: 100%
    }

    .coBoxright {
        width: 60%
    }

    .chatBox {
        height: calc(55vh - 205px)
    }

    .redetTable {
        white-space: nowrap
    }

    .coBoxcright {
        width: 100%
    }

    .coBoxleft.sticky-left {
        position: relative;
        top: 0;
        height: auto
    }

    .lotscOnly .empTop {
        margin-top: -55px
    }

    .prtype {
        width: 100%
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 2.7px
    }

    .ssuperOnly .btn-skyblue {
        padding: 7px 10px
    }

    .shedOnly .check-top .custom-control {
        margin-right: 8px !important
    }

    .tableAccordian .card {
        width: 49%
    }

    .ceosales-report,
    .jcsales-report {
        display: block;
        width: 100%;
        overflow-x: auto
    }

    .tb-minwidth-200 {
        min-width: 200px
    }

    .jc-tabAcc.tableAccordian .card {
        width: 100%
    }

    .mergeTables.tableAccordian .card {
        width: 50% !important
    }

    .deskHidden3 {
        display: table-cell
    }

    .mergeTables.tableAccordian .accordion>.card>.card-header {
        padding: 0 10px;
        display: block
    }

    .mergeTables.tableAccordian .table .thead-light th,
    .mergeTables.tableAccordian .table td {
        height: 40px
    }

    .mergeCus1.mergeTables.tableAccordian .table td {
        width: auto
    }

    .mergeCus1.mergeTables.tableAccordian .card {
        width: 100% !important
    }

    .deskHidden5 {
        display: table-cell
    }

    .mobAccordian {
        overflow-x: auto;
        white-space: nowrap
    }

    .totprz-Data span {
        width: 40%
    }

    .totprz-Data span+span {
        width: 60%
    }

    .th-in {
        width: 40%
    }

    .th-in+.th-in {
        width: 60%
    }

    .mobile-accordion .th:first-child .acc-head {
        width: 100%
    }

    span.acc-head {
        width: 175px
    }

    .grouped-chart2 .highcharts-xaxis-labels text {
        color: #4a4a4a !important;
        font-size: 11px !important;
        fill: #474747 !important
    }

    .grouped-chart2 .highcharts-data-label text {
        font-size: 9px !important
    }

    .grouped-chart2 .highcharts-title {
        font-size: 16px !important
    }

    .stackhoriz-chart .highcharts-title {
        font-size: 15px !important;
        font-weight: 800 !important
    }

    .stackhoriz-chart .highcharts-legend-item text {
        font-size: 10px !important
    }

    .cmmagrOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 0
    }

    .uppBox h4 {
        width: 75%
    }

    .uppBox .upLast {
        width: 15%
    }

    .cmr-margin {
        margin-top: 0
    }

    .cmr-margin2.cmr-ext {
        margin-top: 0
    }

    .checkboxGroup .custom-control.custom-checkbox.chkLabel {
        width: 32%
    }

    .mdorOnly .expandTable table.dataTable td.dtr-control {
        padding-left: 35px !important
    }

    .mescomOnly .dashTab.warrContent .tabPart .nav.nav-pills {
        height: 40px
    }

    .conversation-box .modal-dialog {
        max-width: 680px
    }

    .qmiOnly .insideTable .dataTables_length {
        width: 20%
    }

    .tradeOnly .lgTitle {
        background: #363636;
        width: 100%;
        padding: 5px 10px 5px;
        margin-bottom: 10px !important;
        line-height: 32px
    }

    .tradeOnly .themeHead {
        background-color: #fff
    }

    .md-pl-0 {
        padding-left: 0 !important
    }

    .tradeOnly .has-float-label .form-control:placeholder-shown:not(:focus)+* {
        left: 15px
    }

    .tradeOnly .has-float-label .date_range+label {
        left: 10px
    }

    .mnbuyerOnly .expandTable table.dataTable td.dtr-control:first-child {
        padding-left: 30px !important
    }

    .mnbuyerOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .mnbuyerOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .buyerSidebox .daterangepicker .calendar-table td,
    .buyerSidebox .daterangepicker .calendar-table th {
        min-width: 20px;
        width: 20px;
        height: 18px;
        line-height: 20px
    }

    .pcheckaddOnly .back-btn {
        right: 50px
    }

    .chkreqqOnly .custom-control.custom-checkbox {
        margin-right: 15px !important
    }

    .chkreqqOnly .chkLabel label {
        padding-left: 2px
    }

    #notebook_list_table_wrapper .tabletool2 .btn.btn-success.btnGreen {
        padding: 8px 25px !important
    }

    #notebook_list_table_wrapper .dataTables_length {
        display: none
    }

    .micrOnly .expandTable .table.dataTable td.dtr-control.fileImage {
        background-position: 40px;
        /* background-position: 8px !important; */

    }

    .micrOnly .tableBread .breadcrumb-item:first-child {
        padding-left: 5px
    }

    .imageModal .modal-dialog {
        max-width: 90%;
        margin: 10px auto
    }

    .tabmdScroll {
        max-height: 350px;
        overflow-y: auto
    }

    .careerList .slimHeight {
        height: calc(100vh - 75px) !important
    }

    .qmiOnly .expandTable table.dataTable td:nth-child(2) {
        padding-left: 18px !important
    }

    .tblw-90c.modal-dialog {
        max-width: 90%
    }

    .congraOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .congraOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        z-index: 2
    }

    .congraOnly.qmiOnly .expandTable table.dataTable td:nth-child(2) {
        padding-left: 25px !important
    }

    .send-mail .modal-dialog {
        max-width: 90%;
        margin: 1.75rem auto
    }

    .statusInnerbox {
        width: 25%
    }

    .statusBox .statusInnerbox h3 {
        line-height: 20px
    }

    .statusBox .statusInnerbox img {
        width: 18px
    }

    .rfeviewOnly .chatNleft,
    .rfeviewOnly .chatNright {
        width: 100% !important
    }

    .md-pl-15 {
        padding-left: 15px !important
    }

    .trade-column {
        column-count: 3;
        column-gap: 5px;
        -moz-column-count: 3;
        -moz-column-gap: 5px;
        -webkit-column-count: 3;
        -webkit-column-gap: 5px
    }

    .estCard {
        min-height: 90px
    }

    .rfeagentOnly .monthby-chart .highcharts-title {
        font-size: 15px !important;
        font-weight: 600 !important
    }

    .rpBoxes .card {
        width: 31.2% !important
    }

    .quickmoveOnly .formlabCon {
        display: flex
    }

    .quickmoveOnly .formCard-top .labelValue {
        width: 68%
    }

    .mngFiles .expandTable table.dataTable th.md-none {
        padding-left: 40px !important
    }

    .mngFiles .expandTable .table.dataTable td.md-none {
        padding-left: 40px !important
    }

    .quIcon .tblGrp .expNext table.dataTable td:first-child {
        padding-left: 50px !important
    }

    .quIcon .expandTable table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .quIcon .tblGrp .expNext table.dataTable td.child:first-child {
        padding-left: 0 !important
    }

    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .quIcon .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 7px
    }

    .mngcmnd .dataTables_length {
        width: 20%
    }

    .mngcmnd .dtPart .expandTable table.dataTable td:nth-child(2) {
        text-align: left;
        padding-left: 20px !important
    }

    .mngcmnd .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 35px;
        top: 22px
    }

    .dashBlog .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 7px;
        top: 45%
    }

    .dashBlog .dtPart .expandTable table.dataTable td:nth-child(2) {
        text-align: left;
        padding-left: 8px !important
    }

    .dashBlog .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        text-align: left
    }

    .dashBlog table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child {
        text-align: left;
        padding-left: 60px !important
    }

    .dashBlog table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .plusIcon3 .dtPart .expandTable table.dataTable td:first-child {
        padding-left: 35px !important
    }

    .plusIcon3 .dtPart table.dataTable th:first-child {
        padding-left: 35px !important
    }

    .plusIcon3 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .mailContent .dashboard-nav {
        min-width: 220px
    }

    .mailContent .dashboard-app {
        margin-left: 220px
    }

    .mailboard-content {
        flex-wrap: wrap
    }

    .mailCenterbox {
        width: 100%
    }

    .mailContent .msgdetails-view {
        width: 100%
    }

    .msgBoxList {
        margin-right: 12px;
        padding: 8px 15px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .msgBoxList.msg-active {
        box-shadow: 0 1px 2px 1px #e3e3e3 !important
    }

    .mailContent .msgdetails-view {
        width: 100%;
        position: fixed;
        width: auto;
        z-index: 9;
        height: calc(100vh - 65px);
        bottom: -90%;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        box-sizing: border-box;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .mailContent .msgdetails-view.tabmob-show {
        width: calc(100% - 220px);
        bottom: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        box-sizing: border-box
    }

    .msgdetails-view .dropdown-menu.show {
        right: -35px !important;
        left: auto !important
    }

    .mailviewClose {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #fff !important;
        background: #727272;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        border-radius: 20px;
        cursor: pointer;
        z-index: 2
    }

    .emptyPreview {
        display: none !important
    }

    .mailboard-Hgt {
        max-height: inherit;
        height: calc(100vh - 120px)
    }

    .fullmsg-Hgt {
        max-height: inherit;
        height: calc(100vh - 150px)
    }

    .intrContent .dashboard-app {
        width: 80%
    }

    .cardDash .cardBox {
        width: 31.4%
    }

    .inmsgLeft,
    .inmsgRight {
        width: 100%
    }

    .intrTask .tskView {
        display: block !important
    }

    .taskBox .micDown {
        opacity: 1
    }

    .intrContent .dashboard-nav,
    .intrTask.customVerScroll {
        overflow-y: auto
    }

    .carouselBenifts .carousel-item img {
        object-fit: contain
    }

    .carouselBenifts .carousel-control-next,
    .carouselBenifts .carousel-control-prev {
        opacity: .7
    }

    .expandTable table.dataTable td.nocheckTable {
        padding-left: 30px !important
    }

    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.nocheckTable:before,
    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.nocheckTable:first-child:before {
        left: 0
    }

    .expandTable table.dataTable td.pl-md-30 {
        padding-left: 30px !important
    }

    .expandTable table.dataTable td.pl-md-40 {
        padding-left: 40px !important
    }

    .tp-ellipes {
        max-width: 230px
    }

    .articlesList .btn-red2,
    .articlesList .btnGreen {
        font-size: 12px
    }

    .blogCategory .changePos.tabPos .postop {
        left: 0;
        position: relative
    }

    .blogCategory .changePos.tabPos {
        display: flex;
        flex-direction: row
    }

    .tradeOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .tradeOnly .updList .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 48%
    }

    .chkreqqOnly .sm-w10 {
        width: unset;
        min-width: 9%
    }

    .qui_icon_only .tblGrp .expNext table.dataTable td:first-child {
        padding-left: 18px !important
    }

    .note_community .lotFields li img {
        width: 150px !important
    }

    .note_community .filterTitle h4 {
        font-size: 12px !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .note_community .btn-red {
        line-height: 18px !important;
        padding: 7px 12px
    }

    .note_community .lotFields li {
        font-size: 11px
    }

    .note_community .lotFields li:nth-child(2) {
        width: 55%
    }

    .note_community .lotFields .btn-red {
        margin-top: 0
    }

    .note_mapList .lotFields li:first-child img {
        width: 150px !important
    }

    .note_mapList .filterTitle h4 {
        font-size: 16px
    }

    .note_mapList .custom-control {
        min-width: 150px !important
    }

    .note_mapList .lotPrice_tab table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.dtr-control,
    .note_mapList .lotPrice_tab table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th.dtr-control {
        padding-left: 40px !important
    }

    .note_mapList .lotPrice_tab .dtPart table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .note_mapList .priceSheet_tab .dtPart table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .note_mapList .priceSheet_tab .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .note_mapList .priceSheet_tab .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 40px !important
    }

    .lotpackOnly .imageHov {
        width: 35%
    }

    .lotpackOnly .breadcrumbTop .breadcrumb-item.active {
        margin-top: 0
    }

    .lotpackOnly span.textsma2 {
        bottom: -1px
    }

    .lotpackOnly .packageTable .packHeading h4,
    .lotpackOnly .packageTable .packHeading h5 {
        font-size: 16px !important
    }

    .lotpackOnly span.textsma1 {
        top: -3px
    }

    #pills-comlist [tooltip]:not([flow])::after,
    #pills-hemedesign [tooltip]:not([flow])::after {
        left: auto !important
    }

    .noteBook_lotDetails .hometrad {
        width: 75%
    }

    .note_mapList .custom-control {
        min-width: 150px !important;
        margin-bottom: 10px !important
    }

    /* .employee_archived .advFilter,
    .employee_list .advFilter {
        margin-bottom: 55px
    } */

    .communityDash_info .tabPart .nav-pills .nav-link {
        padding: 7px 8px
    }

    .chartSection {
        height: 385px
    }

    .chartSection img {
        height: inherit
    }

    .max-width-lg-21 {
        max-width: 21%
    }

    .thme-cusW2 {
        padding-left: 20px
    }

    .thme-cusW1 {
        padding-left: 20px
    }

    .expandTable .web_user_table.table.dataTable td {
        white-space: nowrap
    }

    .expandTable .web_user_table.table.dataTable td:nth-child(2) {
        white-space: inherit
    }

    table.web_user_table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 35px !important
    }

    table.pipeline-clients-report.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 35px !important
    }

    .carpOnly .dtPart .expandTable table.dataTable td.dtr-control {
        white-space: inherit;
        padding-left: 30px !important
    }

    .carpOnly .expAccn table.dataTable.dtr-column>tbody>tr>td.dtr-control:before {
        left: 10px !important
    }

    .mlitm-car2.multiitem-carousel .carousel-control-next {
        right: -22px
    }

    .lotlistOnly.listOnly .expandTable .dtSelect2 {
        width: auto
    }

    .selw-100 .select2-container {
        width: 100% !important
    }

    .mlitm-car2.multiitem-carousel .carousel-control-prev {
        left: -10px
    }

    .margin_tab_top {
        margin-top: 30px !important
    }

    .ideConstruct_report thead {
        position: sticky;
        top: -2px;
        z-index: 2
    }

    .mailContent .msgdetails-view.tabmob-show {
        bottom: -55px
    }

    .draftsDetails .mailviewClose {
        right: 0;
        top: 0
    }

    .mailContent .msgdetails-view.tabmob-show {
        bottom: -55px
    }

    .draftsDetails .mailviewClose {
        right: 0;
        top: 0
    }

    #filesmultidelete,
    #slidesmultidelete,
    .delete_list {
        padding-top: 1px !important
    }

    .expandTable table.dataTable td.pl-md-35 {
        padding-left: 35px !important
    }

    .md-wrap {
        white-space: break-spaces
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: auto
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data {
        padding-top: 12px
    }

    .sm-wid15 {
        width: 15px
    }

    .tradePartner .tradeOnly .has-float-label .date_range+label {
        left: 10px !important
    }

    .tradePartner .tradeOnly .has-float-label .form-control:placeholder-shown:not(:focus)+* {
        left: 15px !important
    }

    .micrOnly .expandTable .table.dataTable td.dtr-control.fileImage {
        /* background-position: 40px !important;    */
        background-position: 8px !important;    
    }

    .ass-manual .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        padding: 2px 6px
    }

    .splistOnly .expandTable table.dataTable th.sortHide,
    .splistOnly .expandTable table.dataTable th.sorting_disabled {
        min-width: 72px
    }

    .splistOnly .custom-control-input.chkAll {
        left: 40px
    }

    .md-wrap {
        white-space: break-spaces !important
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 35%
    }

    .cust_checkBox {
        top: 0
    }

    .movelistOnly .expandTable table.dataTable td {
        white-space: break-spaces !important
    }

    .send-mail .modal-body {
        overflow: scroll;
        height: 500px
    }

    .deskCustom .srtOrder.has-float-label input.form-control+.error,
    .deskCustom .srtOrder.has-float-label input.form-control+.invalid {
        bottom: -22px
    }

    .model_homeList .expandTable .table.dataTable td.child {
        padding-left: 0 !important
    }

    .chat-container {
        width: 100%;
        margin: auto
    }

    .frame .chat-content {
        width: calc(100% - 280px)
    }

    .frame .chat-content .messages ul li p {
        max-width: 90%
    }

    .frame {
        height: 60vh
    }

    .chat {
        min-height: 60vh
    }

    .realTab .nav-tabs>li {
        display: inline-block
    }

    .prdctclm {
        height: 92px;
        display: flex;
        justify-content: end;
        align-items: center;
        font-weight: 600;
        font-size: 18px
    }

    .w-67perc {
        width: 39% !important
    }
}

@media (max-width:1110px) {
    .mngPrisheet table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:first-child {
        padding-left: 40px !important
    }
}

@media(min-width:1024px) {
    .note_community .lotFields li:nth-child(2) {
        width: 53%
    }

    .max-width-135 {
        max-width: 130px !important
    }

    .mom_deposit table::-webkit-scrollbar {
        height: 8px;
        width: 4px
    }

    .mom_deposit table::-webkit-scrollbar-thumb {
        background-color: #d8d8d8;
        border-radius: 3px
    }

    .customWLR.expandTable .dataTables_wrapper.dt-bootstrap4 {
        overflow: inherit
    }

    .customWLR .dt-bootstrap4>.row:first-of-type>.col-sm-12:first-of-type {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto;
        margin-left: auto;
        margin-top: -60px;
        z-index: 10
    }

    .customWLR .dt-bootstrap4>.row:first-of-type>.col-sm-12:last-of-type {
        flex: 0 0 100%;
        max-width: 100%
    }

    .prdctclm {
        display: flex;
        height: 124px;
        justify-content: end;
        align-items: center;
        font-weight: 700;
        font-size: 23px
    }

    .srvy_dsgnArchSrvy .expandTable .table.dataTable td:last-child,
    .srvy_dsgnArchSrvy .expandTable .table.dataTable th:last-child {
        padding-right: 35px !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .margin_tab_top {
        margin-top: 30px !important
    }
}

@media(max-width:1200px) {
    .plusIcon1 .dtPart .expandTable table.dataTable td:first-child {
        padding-left: 35px !important
    }

    .plusIcon1 .dtPart table.dataTable th:first-child {
        padding-left: 35px !important
    }

    .plusIcon1 table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .communityDash_info .viewPhotos .fmSources {
        width: 24.1%
    }

    .has-reltr .highcharts-root .highcharts-xaxis-labels text {
        font-size: 10px !important
    }
}

@media(min-width:1200px) {
    .flex1 {
        flex: 1;
        max-width: none
    }
}

@media(max-width:1023px) {
    .inner-responsive {
        display: block;
        max-width: 690px;
        overflow-x: auto
    }

    .mlitm-car2.multiitem-carousel .carousel-control-next,
    .mlitm-car2.multiitem-carousel .carousel-control-prev {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .mt-sld-cs {
        margin-top: 0 !important
    }

    .mlitm-car2.multiitem-carousel .carousel-control-prev {
        left: 2px
    }
}

@media(max-width:767px) {
    .navRow {
        width: 100%
    }

    .pl-24p {
        padding-left: 0
    }

    .xs-ml-0 {
        margin-left: 0 !important
    }

    #client,
    #communication,
    #communication2,
    #general,
    #general2,
    #others {
        height: auto !important
    }

    .xs-mt-2 {
        margin-top: .7rem !important
    }

    .contentRight h5 {
        padding: 0 15px
    }

    .btn-right {
        top: 115px
    }

    .xs-h100p {
        height: 103px
    }

    .sm-mb-0 {
        margin-bottom: 0 !important
    }

    .tabPart .nav-pills .nav-link,
    .tabPart .nav-pills .show>.nav-link {
        margin: 16px 14px 0;
        padding-bottom: 8px
    }

    .cs-rad li {
        padding-right: 22px !important
    }

    .tabPart {
        display: block
    }

    .breadcrumbTop .breadcrumb-item a,
    .breadcrumbTop .breadcrumb-item.active {
        font-size: 14px
    }

    .projRevenue .breadcrumbTop .breadcrumb-item a,
    .projRevenue .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .edRes .btn-white {
        font-size: 12px;
        width: 90px;
        height: 30px
    }

    .edRes .back-btn {
        top: 0;
        right: 0
    }

    .edRes .tabPart .nav-pills .nav-link,
    .edRes .tabPart .nav-pills .show>.nav-link {
        font-size: 14px
    }

    .tabPart .nav-pills .show>.nav-link,
    .tabPart.tabEdit .nav-pills .nav-link {
        margin: 10px 22px 0
    }

    .contentRow .card-body {
        padding: 10px 20px
    }

    .logPart .nav-tabs .nav-link {
        padding: 12px 12px
    }

    .cardBlock {
        flex-wrap: wrap
    }

    .acContent {
        width: 100%
    }

    .acAction {
        z-index: 1;
        position: absolute;
        right: 10px
    }

    .acIcon {
        width: 25px;
        height: 25px
    }

    .acIcon .imgCk {
        font-size: 11px
    }

    .activityBlock {
        margin-top: 20px
    }

    .edRes .btnYellow {
        font-size: 12px;
        height: 35px;
        padding: 5px
    }

    .taskTop2 .btnDel {
        padding: 4px 8px;
        font-size: 12px;
        height: 38px;
        margin-top: 4px
    }

    .mdTitle {
        margin-right: 10px
    }

    .edProfile ul.nav.nav-tabs {
        padding-left: 0
    }

    .contentRight {
        padding-left: 0
    }

    .sm-w100 {
        width: 100% !important
    }

    .docsPart .cardBlock {
        align-items: start !important
    }

    .dtPart div.dataTables_wrapper div.dataTables_filter,
    .dtPart div.dataTables_wrapper div.dataTables_info,
    .dtPart div.dataTables_wrapper div.dataTables_length,
    .dtPart div.dataTables_wrapper div.dataTables_paginate {
        text-align: center !important
    }

    .dtPart div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important
    }

    .dupsWrapper .form-horizontal .form-control-static {
        word-break: break-word
    }

    span.ti-lock.prt-client {
        left: 10px;
        top: 17px;
        right: auto;
        position: absolute
    }

    .dtPart table.dataTable th {
        white-space: nowrap
    }

    .dtPart table.dataTable td {
        white-space: nowrap
    }

    .dtPart div.dataTables_wrapper div.dataTables_filter label {
        left: -15px
    }

    div.dataTables_wrapper div.dataTables_paginate {
        position: relative;
        left: -7px
    }

    .bottomNote p {
        padding-right: 0
    }

    .sm-ml-15 {
        margin-left: 15px !important
    }

    .sortRight .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        text-align: left
    }

    .input-group.csSelect2.sortRight>label {
        left: 10px;
        right: auto
    }

    .sortRight .sel-wrap .select2 .selection .select2-selection {
        border: 1px solid #eaebef
    }

    .listContent div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
        padding-left: 0
    }

    .sm-ml-0 {
        margin-left: 0 !important
    }

    .sm-pr-0 {
        padding-right: 0 !important
    }

    .sm-pl-0 {
        padding-left: 0 !important
    }

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

    .sm-plr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .col5-width {
        width: 100% !important
    }

    .col5-width2 {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px
    }

    .addMob {
        position: absolute;
        right: 17px;
        top: -53px
    }

    .addMob .btn-red2 {
        width: 60px !important;
        height: 34px !important;
        line-height: 30px !important
    }

    .blackTitle {
        font-size: 14px
    }

    .inTable {
        right: 100px;
        top: -5px
    }

    .input-group.csSelect2.sortRight.lotSort>label {
        top: 12px
    }

    .filterTitle {
        flex-wrap: wrap
    }

    .addLot {
        margin-left: 0 !important;
        margin-top: 4px
    }

    .pageLeft {
        width: 20px;
        min-height: 800px
    }

    .xs-posInit {
        position: initial !important
    }

    .xs-btnStyles {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .xs-btnStyles .btn {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 10px !important
    }

    .borderLine {
        position: absolute;
        bottom: -5px;
        left: 0;
        margin: 0
    }

    .breakSpace {
        white-space: break-spaces
    }

    .lotSort .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -8px;
        margin-top: 5px
    }

    .tradeAddon {
        width: 100% !important
    }

    .sm-initial {
        white-space: initial !important
    }

    .has-float-label.acDate span.ti-angle-down {
        padding: 14px 0
    }

    .sm-flexwrap {
        flex-direction: row
    }

    .sm-flexwrap .timeLast {
        padding-left: 30px
    }

    .sm-w-auto {
        width: auto !important
    }

    .w-auto {
        width: auto !important
    }

    .multiInput {
        flex-wrap: wrap
    }

    .multiInput .input-group {
        width: 50%
    }

    .multiInput .input-group .input-group-append {
        padding-right: 10px
    }

    .multiInput .checkAddon {
        width: 50%;
        border-right: 1px solid #eaebef
    }

    .multiInput .fileAddon .input-group {
        width: 100%
    }

    .fixedSave {
        top: 127px
    }

    .defix.fixedSave {
        top: 277px
    }

    .bkWidth {
        width: 90px !important
    }

    .px-34 {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .rightMargin {
        margin-right: 7rem !important
    }

    .mobileFilter {
        width: 100px
    }

    .bk2Width {
        width: 62px
    }

    .expandTable .dtr-details .tblInput {
        width: 100%
    }

    .expandTable .collapsedData {
        width: 100%
    }

    .expandTable .dtSelect2 {
        width: 100%
    }

    .dtPart .expandTable table.dataTable td {
        white-space: inherit !important
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    td.lotTd {
        width: 75%;
        overflow: hidden
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%
    }

    .expandTable .tblTextarea {
        width: 100%
    }

    .expandTable span.dtr-data {
        color: #02080d;
        font-size: 12px;
        white-space: break-spaces
    }

    .dtPart table.dataTable th,
    .tableNormal .table thead th {
        font-size: 11px
    }

    .dtPart .table td,
    .tableNormal table td {
        font-size: 12px
    }

    .expandTable table.dataTable>tbody>tr.child span.dtr-title {
        font-size: 11px;
        white-space: break-spaces
    }

    .moveBtable .btn-red {
        padding: 5px 10px;
        font-size: 11px
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid #e5eef8
    }

    .listSm .btn.btn-orange {
        padding: 10px 20px;
        font-size: 12px
    }

    .mobileFilter {
        width: 100%
    }

    .dtPart div.dataTables_wrapper div.dataTables_info {
        padding-bottom: 10px !important;
        white-space: pre-wrap
    }

    .input-group.inputSelect {
        width: 100%
    }

    .listSm .btn.btn-orange {
        height: 34px
    }

    .listContent.listSm .btn-white {
        height: 34px;
        line-height: 16px
    }

    .breadcrumbTop .breadcrumb {
        padding: .5rem 1rem
    }

    .xs-w-90 {
        width: 90px !important
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 0 0 0 !important
    }

    .tableNew div.dataTables_wrapper div.dataTables_info,
    .tableNew div.dataTables_wrapper div.dataTables_length label {
        margin-left: 0
    }

    .tableNew div.dataTables_wrapper div.dataTables_paginate {
        margin-right: 0
    }

    .listFix .fixedSave {
        right: 21px !important;
        top: 172px
    }

    .listOnly .listSm .mobileFilter {
        width: auto !important
    }

    .listOnly .listSm .expandTable span.dtr-data {
        white-space: inherit;
        width: 100%
    }

    .listOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li,
    .moveOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        flex-wrap: inherit
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        align-items: start !important
    }

    .tabPart .nav-pills .nav-link,
    .tabPart .nav-pills .show>.nav-link {
        margin: 6px 8px 0;
        padding-bottom: 2px
    }

    .filterTitle h4 {
        font-size: 15px;
        font-weight: 600
    }

    .mdTitle3 {
        font-size: 16px
    }

    .margRight {
        margin-right: 0 !important
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100%;
        flex-direction: column;
        padding-right: 0 !important
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        border-bottom: 1px solid #e5eef8 !important
    }

    .hmlistOnly .boxAdvanceSearch.boxASVisible {
        padding: 0 15px
    }

    .detailsOnly .docsPart .cardBlock {
        align-items: start !important;
        padding: 0
    }

    .thumbImage {
        width: 40px
    }

    .detailsOnly .docsPart .acContent {
        width: 65%
    }

    .detailsOnly .acTitle3 {
        font-size: 13px
    }

    .detailsOnly .sm-flexwrap .timeLast {
        padding-left: 0
    }

    .detailsOnly .timeLast {
        width: 100%;
        text-align: right
    }

    .detailsOnly .acAction {
        width: 20px
    }

    .moveOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100%
    }

    .footsmNone {
        display: none
    }

    .detailsOnly .expandTable .table.dataTable td {
        height: 35px
    }

    .sm-rightPadding.cs-rad li {
        padding-right: 15px !important
    }

    .sm-rightPadding .cs-rad [type=radio]+label,
    .sm-rightPadding.cs-rad [type=radio]:checked+label,
    .sm-rightPadding.cs-rad [type=radio]:not(:checked)+label {
        font-size: 12px
    }

    .sm-mt-0 {
        margin-top: 0 !important
    }

    .cmeditOnly .back-btn .btn-white2 {
        width: 53px;
        position: absolute;
        top: -76px;
        font-size: 13px;
        right: 0;
        height: 30px;
        line-height: 14px
    }

    .cmeditOnly .contentRight {
        padding-left: 0
    }

    .mb-minus {
        position: relative;
        top: -50px
    }

    .cllistOnly .tabPart .nav-pills .nav-link,
    .cllistOnly .tabPart .nav-pills .show>.nav-link,
    .cmeditOnly .tabPart .nav-pills .nav-link,
    .cmeditOnly .tabPart .nav-pills .show>.nav-link {
        margin: 6px 7px 0 10px !important;
        padding-bottom: 5px
    }

    .fr-box.fr-basic .fr-element {
        font-family: sans-serif;
        color: #414141;
        font-size: 14px;
        line-height: 1.6;
        padding: 6px 10px
    }

    .cmeditOnly .tabPart .nav-pills .nav-link,
    .cmeditOnly .tabPart .nav-pills .show>.nav-link {
        font-size: 13px
    }

    .edMap div:first-child {
        position: relative !important
    }

    .edMap .gm-style {
        position: relative !important;
        height: 300px !important
    }

    .edMap .gmnoprint.gm-style-cc div+div {
        position: absolute !important;
        bottom: 0;
        right: 160px
    }

    .toast.toastBox .ts-title {
        font-size: 14px
    }

    .toast.toastBox .ts-messge {
        font-size: 12px
    }

    .toastBox .ti-close {
        font-size: 10px
    }

    .toast.toastBox .close {
        top: 0;
        right: 12px
    }

    .toast.toastBox {
        width: 290px;
        flex-basis: 290px;
        max-width: 290px
    }

    .fr-box.fr-basic .fr-element {
        padding: 8px 10px
    }

    .has-float-label textarea+label,
    .has-float-label textarea.valid+label {
        width: calc(100% - 40px)
    }

    .xs-w-50 {
        width: 50% !important
    }

    .xs-w-40 {
        width: 40% !important
    }

    .xs-w-60 {
        width: 60% !important
    }

    .sm-mrr-0 {
        margin-right: 0 !important
    }

    .cmlistOnly .btn-white,
    .hmlistOnly .btn-white,
    .mhlistOnly .btn-white {
        width: 50px !important;
        margin-left: 10px
    }

    .padd-left0 {
        padding-left: 0
    }

    .cllistOnly .tabPart .nav-pills .nav-link,
    .cllistOnly .tabPart .nav-pills .show>.nav-link {
        margin: 16px 7px 0
    }

    .iphalign1 {
        padding-right: 0 !important
    }

    .iphalign1 .input-group.csSelect2>label,
    .iphalign2 .input-group.csSelect2>label {
        font-size: 11px !important
    }

    .xs-p-0 {
        padding: 0 !important
    }

    .alphabetOrder {
        color: #02080d;
        font-size: 11px;
        font-weight: 500;
        position: relative;
        top: -6px
    }

    .alphabetOrder+.selected {
        position: relative;
        top: -6px
    }

    .appendVal {
        font-size: 12px
    }

    .cllistOnly .tabPart .nav.nav-pills,
    .cmeditOnly .tabPart .nav.nav-pills {
        display: flex
    }

    .cllistOnly li.nav-item,
    .cmeditOnly li.nav-item {
        width: 50%;
        border: 1px solid #b2b2b240
    }

    .tabPart .nav-pills .nav-link.active {
        width: fit-content
    }

    .boxAdvanceSearch.deskCustom {
        position: fixed;
        width: 33.333%;
        top: 65px;
        background-color: #fff;
        z-index: 9;
        height: 100%;
        right: -33.333%;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        border: 1px solid #eaebef;
        box-sizing: border-box;
        box-shadow: 0 4px 14px rgba(0, 0, 0, .04)
    }

    .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 15px;
        width: 80%
    }

    .deskCustom .filterTitlee {
        justify-content: flex-end;
        width: 100%;
        flex-direction: row-reverse;
        height: 40px
    }

    .deskCustom .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
        bottom: 0
    }

    .deskCustom .has-float-label input.form-control+.error,
    .deskCustom .has-float-label input.form-control+.invalid {
        bottom: 0
    }

    .pr-15 {
        padding-right: 15px !important
    }

    .h-adjust {
        height: 400px
    }

    .h-adjust2 {
        height: 350px
    }

    .onPosition {
        z-index: 9;
        top: -10px
    }

    .xs-pwd {
        width: 28% !important;
        padding-right: 0 !important
    }

    .cmlistOnly .btn.btn-orange {
        padding: 9px 10px
    }

    .cmlistOnly .btn-red2 {
        width: 72px
    }

    .mb-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobFil {
        width: 100% !important;
        padding: 8px 12px !important
    }

    .xs-m-0 {
        margin: 0 !important
    }

    .md-prr-0 {
        padding-right: 15px !important
    }

    .hmaddOnly .breadcrumbTop .breadcrumb {
        flex-wrap: nowrap;
        white-space: pre
    }

    .hmaddOnly .back-btn {
        top: -3px;
        right: auto;
        left: 0;
        margin-right: 0;
        text-align: left !important
    }

    .hmaddOnly .cs-rad li,
    .hmeditOnly .cs-rad li {
        padding-right: 10px !important
    }

    .optPack .optwidth {
        width: 50%
    }

    .hmeditOnly .back-btn .btn-white2,
    .mheditOnly .back-btn .btn-white2 {
        width: 53px;
        position: absolute;
        top: -50px;
        font-size: 13px;
        right: 0;
        height: 32px;
        line-height: 14px
    }

    .xs-h50p {
        height: 50px
    }

    .hmeditOnly .deskCustom .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
        bottom: -15px !important
    }

    .hmeditOnly .deskCustom .has-float-label input.form-control+.error,
    .hmeditOnly .deskCustom .has-float-label input.form-control+.invalid {
        bottom: -15px !important
    }

    .optPack .chkLabel label {
        font-size: 13px
    }

    .hmeditOnly .tabPart .nav-pills .nav-link,
    .tabPart .nav-pills .show>.nav-link {
        margin: 10px 12px 0;
        padding-bottom: 7px
    }

    .mheditOnly .deskCustom .custom-file-label {
        font-size: 12px
    }

    .mheditOnly .has-float-label .form-control:placeholder-shown:not(:focus)+.invalid {
        bottom: -17px
    }

    .mheditOnly .has-float-label input.form-control+.error,
    .mheditOnly .has-float-label input.form-control+.invalid {
        bottom: -17px
    }

    .xs-w-100 {
        width: 100% !important
    }

    .xs-w-auto {
        width: auto !important
    }

    .mheditOnly .tabPart .nav.nav-pills {
        display: flex;
        justify-content: center
    }

    .splistOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        z-index: 10;
        right: 0;
        width: 55%
    }

    .splistOnly .addMob {
        top: -39px
    }

    .splistOnly .addMob .btn-red2 {
        width: 60px !important;
        min-width: 60px;
        height: 29px !important;
        line-height: 12px !important
    }

    .splistOnly .inTable {
        right: auto;
        top: -35px
    }

    .splistOnly .addMob2 {
        background: #555;
        margin-top: -8px;
        padding: 8px 25px 8px;
        line-height: 19px
    }

    .splistOnly .expandTable {
        margin-top: 20px
    }

    .splistOnly .btDropdown .dropdown-menu {
        right: auto
    }

    .splistOnly .expandTable .table.dataTable tr.even td:first-child,
    .splistOnly .expandTable .table.dataTable tr.odd td:first-child {
        justify-content: flex-end
    }

    .splistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        padding-bottom: 5px;
        margin-bottom: 5px
    }

    .spreqOnly .listContent.listSm .btn-red2 {
        line-height: 18px
    }

    .spreqOnly .helptip[tooltip]::after {
        min-width: 18em;
        max-width: 18em
    }

    .spviewOnly .listContent.listSm .btn-white {
        height: 30px;
        line-height: 13px;
        width: 45px !important;
        padding: 0 2px
    }

    .cllistOnly .listContent.listSm .btn-red2 {
        font-size: 12px;
        width: 125px;
        height: 40px;
        line-height: 21px
    }

    .cllistOnly .tabPart .nav.nav-pills {
        display: flex
    }

    .cllistOnly .advFilter {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        align-items: center
    }

    .cllistOnly .boxShadowLight .btn-white {
        height: 48px;
        align-items: center;
        display: flex;
        justify-content: center
    }

    .filterBoxes button.w-250 {
        width: 100%
    }

    .filterBoxes .clearFilter {
        font-size: 14px;
        margin-top: 20px
    }

    .author_bio_toggle_wrapper a {
        font-size: 11px;
        padding: 8px 5px;
        height: 40px;
        line-height: 24px
    }

    .boxShadowLight.dflexBox .dropdown-menu.show {
        left: 55px !important;
        width: 310px
    }

    .dflexBox .dropdown-menu.show .dropdown-item {
        width: 50%
    }

    .cleditOnly .breadcrumbTop .breadcrumb {
        padding-right: 0 !important;
        padding-bottom: 0 !important
    }

    .cleditOnly .edRes .btn-white {
        width: 90px !important;
        line-height: 14px
    }

    .cleditOnly .edProfile .btn-red2.fixedRed {
        margin-top: 55px
    }

    .cleditOnly .tabPart .nav-pills .show>.nav-link,
    .cleditOnly .tabPart.tabEdit .nav-pills .nav-link {
        margin: 7px 15px 5px
    }

    .cleditOnly .logPart .checkWrap .ckText {
        font-size: 11px
    }

    .cleditOnly .logPart .checkWrap [type=radio]+i {
        padding: 8px 8px;
        font-size: 13px
    }

    .cleditOnly .logPart .checkWrap label {
        display: inline-block;
        margin-bottom: .5rem;
        width: 50%;
        white-space: nowrap
    }

    .cleditOnly .logPart .checkWrap {
        display: flex;
        flex-wrap: wrap
    }

    .taskTop2 {
        flex-wrap: wrap;
        justify-content: space-between
    }

    #pills-tasks .taskTop2 .input-group {
        width: 100%
    }

    #pills-contact .taskTop2 .input-group {
        width: 57%
    }

    .dtPart .mscTab table.dataTable td {
        white-space: inherit
    }

    .cmaOnly .smMobile {
        margin-top: 45px
    }

    .cmaOnly .breadcrumbTop .breadcrumb-item.active {
        margin-top: 10px
    }

    .ctrOnly .btn-white {
        width: 55px !important;
        height: 32px;
        line-height: 16px;
        position: relative;
        right: -10px;
        padding: 0
    }

    .xs-pl-0 {
        padding-left: 0 !important
    }

    .cmaOnly .btn-white {
        line-height: 13px;
        width: 70px !important;
        font-size: 12px;
        height: 30px !important
    }

    .xs-poss {
        position: relative;
        width: 100%
    }

    .xswht {
        position: absolute;
        top: -48px;
        right: 18px
    }

    .xswht .btn-white {
        line-height: 17px;
        width: 100px;
        height: 32px
    }

    .chkOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 14px;
        color: #02080d;
        margin-top: 8px
    }

    .posRight {
        margin-left: auto
    }

    .stngCom .listContent.listSm .btn-red2 {
        line-height: 17px
    }

    .changePos {
        display: flex;
        flex-direction: row-reverse
    }

    .changePos .postop {
        left: -15px;
        position: relative
    }

    .stngCom .listContent .formControlIG1.input-group .form-control {
        height: 36px
    }

    .customtool {
        width: 100%
    }

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

    .insideTable .dataTables_length {
        width: 100%
    }

    .toolButtons .btn.btn-success.btnGreen {
        padding: 8px 15px !important;
        height: 33px !important
    }

    .insideTable2 .dataTables_length {
        width: 100%
    }

    .customtool2 {
        width: 100%
    }

    .tabletool2 {
        flex-direction: column
    }

    .tabletool2 .btn.btn-success.btnGreen {
        padding: 8px 34px !important;
        height: 33px !important;
        font-size: 12px;
        line-height: 17px
    }

    .listContent.listSm .tabletool2 .btn-red2 {
        width: 100%;
        padding: 5px 26px;
        height: 34px
    }

    .customColumn {
        display: flex;
        justify-content: space-between
    }

    .splistOnly span#delete_list {
        left: 20px
    }

    .changePos.diviceOther {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

    .sitetool .btDropdown .dropdown-menu {
        left: -20px !important
    }

    .pos1024 i.fas.fa-trash {
        padding-right: 0 !important
    }

    .txtLft table.dataTable>tbody>tr.child span.dtr-title {
        text-align: left
    }

    .notecmOnly .breadcrumbTop .breadcrumb {
        padding: .5rem 0
    }

    ul.lotFields {
        justify-content: center
    }

    .lotFields .btn-red {
        margin-top: 5px
    }

    .notecmOnly li.nav-item {
        width: 50%;
        border: 1px solid #b2b2b240
    }

    .notecmOnly .tabPart .nav-pills .nav-link {
        margin: 6px 7px 0 10px !important;
        padding-bottom: 5px
    }

    .notecmOnly .labelContent .col-form-label {
        padding: 5px 0 0
    }

    .notecmOnly .listTitle li.list-group-item {
        padding: 10px
    }

    .notecmOnly .myaccordion.cardBox .card {
        width: 100%;
        margin: 0 0 10px
    }

    .notecmOnly .bk2Width,
    .notelotOnly .bk2Width {
        height: 30px;
        line-height: 14px
    }

    .notecmOnly .myaccordion .card-header {
        padding: 4px 10px 4px 0
    }

    .notecmOnly .breadcrumbTop .breadcrumb-item a,
    .notecmOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px
    }

    .card-content .card-title {
        font-size: 15px;
        font-weight: 800
    }

    .card-content p {
        font-size: 15px;
        font-weight: 800
    }

    .avcit {
        font-size: 13px;
        line-height: 10px
    }

    .spIn {
        font-size: 20px;
        margin: 5px 0
    }

    .boxInner img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: center
    }

    .boxInner {
        width: 100%;
        flex-wrap: wrap
    }

    .card-content {
        width: 100%
    }

    .notelotOnly .btn.themeBlue {
        padding: 8px 5px;
        font-size: 13px;
        width: 95px
    }

    .notelotOnly .lotdeCheck .custom-control.custom-checkbox.chkLabel {
        width: 48%;
        margin-right: 0 !important
    }

    .xs-mt-10 {
        margin-top: 10px
    }

    .imgMap img {
        width: 100%
    }

    .imgMap.p-0.p-l-5 {
        margin-top: 20px
    }

    .notelotOnly .breadcrumbTop .breadcrumb {
        padding: .5rem 0
    }

    .notelotOnly .breadcrumbTop .breadcrumb-item.active {
        margin-top: 7px
    }

    .lotpackOnly .breadcrumbTop .breadcrumb-item a,
    .lotpackOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .packageBox .boxInner {
        height: auto
    }

    .packageBox .boxInner img {
        width: 100%;
        height: auto
    }

    .packageBox .card-content {
        width: 100%
    }

    .cardPrice {
        width: 100%;
        padding-left: 15px;
        margin-bottom: 20px
    }

    .lotPackages .thBorder {
        width: 75%
    }

    .packHeading h5 {
        margin-right: 5px
    }

    .packHeading h3 {
        margin-right: 5px;
        white-space: nowrap
    }

    .lotPackages {
        padding: 10px 5px
    }

    .notelotOnly .tabPart .nav-pills .nav-link {
        margin: 6px 7px 0 10px !important;
        padding-bottom: 5px;
        font-size: 13px
    }

    .taggingIco li {
        margin-right: 10px
    }

    .removeCard.card {
        width: 90px;
        margin-right: 5px !important
    }

    .lotpackOnly .breadcrumbTop .breadcrumb-item.active {
        margin-top: 0
    }

    .imageHov {
        width: 100%
    }

    .boxInner {
        height: 100%
    }

    .noteindOnly .bk2Width {
        height: 32px;
        line-height: 17px
    }

    .listTitle li.list-group-item {
        font-size: 13px
    }

    .notecmOnly .card-body {
        padding: 10px 12px
    }

    .notelotOnly .nowrap1280 {
        flex-wrap: wrap !important
    }

    .notelotOnly .topminus1280 {
        position: relative;
        top: 0
    }

    .noteMap {
        height: 500px
    }

    #map_canvas {
        height: 500px
    }

    .themeAddn .customColumn .btn-red2 {
        height: 33px !important
    }

    .micrOnly .openSort .dropdown-item {
        padding: .25rem .2rem;
        font-size: 13px
    }

    .micrOnly .btn.themeBlue {
        padding: 8px 8px;
        font-size: 13px
    }

    .micrOnly .btn-red {
        padding: 7px 10px
    }

    .micrOnly .input-group.formControlIG1.w-auto {
        width: 100px !important
    }

    .resMlcenter {
        margin-right: auto;
        margin-left: 0 !important
    }

    .micrOnly .tableBread .breadcrumb-item {
        font-size: 13px;
        padding-left: 20px
    }

    .micrOnly .tableBread .breadcrumb-item a {
        font-size: 13px
    }

    .tableBread .breadcrumb-item:before {
        left: 8px
    }

    .searchField p {
        font-size: 13px;
        color: #363636
    }

    .micrOnly .expandTable .table.dataTable td.dtr-control {
        /* padding: 10px 8px 8px 85px !important; */
        padding: 10px 8px 8px 50px !important;
    }

    .docImage,
    .folderImage,
    .pdfImage,
    .shareImage {
        background-size: 27px 27px
    }

    .tableBread .breadcrumb-item {
        line-height: 30px
    }

    div.dataTables_wrapper div.dataTables_info {
        width: 100%
    }

    div.dataTables_wrapper div.dataTables_paginate {
        width: 100%
    }

    .expandTable .table>thead:first-child>tr:first-child>th+th {
        width: auto !important
    }

    .log .expandTable table.dataTable thead tr th.w-40px {
        width: 40px !important
    }

    .hmlistOnly .btn-red2 {
        min-width: 135px
    }

    .mheditOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 13px
    }

    .more_info .title {
        display: block;
        width: 300px
    }

    .splistOnly .tdGreen {
        white-space: inherit
    }

    .splistOnly .blue-Outline {
        height: 27px;
        padding: 5px 6px;
        font-size: 11px
    }

    .splistOnly .tdGreen {
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 150px !important;
        display: inline-block;
        position: relative;
        top: 3px
    }

    .infoWidth2 {
        max-width: 250px
    }

    .infoWidth {
        max-width: 150px
    }

    .tool_info[tooltip]::after {
        text-align: left;
        min-width: fit-content;
        max-width: 26em;
        word-break: break-word;
        white-space: initial;
        font-size: 11px
    }

    .tool_info {
        overflow: visible !important;
        max-width: 150px
    }

    .tool_info[tooltip]:hover::after,
    .tool_info[tooltip]:hover::before {
        display: block !important
    }

    .anchorLink {
        max-width: 150px
    }

    .fs-12-p2 {
        font-size: 11px;
        padding: 2px 5px
    }

    .manage-tm.boxAdvanceSearch,
    .quick-tm.boxAdvanceSearch,
    .update-tm.boxAdvanceSearch {
        z-index: 9999
    }

    span.twitter-typeahead {
        width: 100% !important
    }

    .tagsCustom .bootstrap-tagsinput .tag {
        white-space: nowrap
    }

    .multiChecks {
        width: 100%
    }

    .ev-calendar .other-month,
    .ev-calendar .weekdays {
        display: none !important
    }

    .ev-calendar li.day.month-holiday {
        display: none
    }

    .ev-calendar li {
        height: auto !important;
        border: 1px solid #dde9f7;
        width: 100%;
        padding: 5px;
        margin-bottom: -1px
    }

    .ev-calendar .date {
        float: none
    }

    .calindxOnly .tabPart .nav.nav-pills {
        background: #363636;
        justify-content: space-between
    }

    .calindxOnly .tabPart .nav-pills .nav-link {
        margin: 10px 3px 0;
        font-size: 14px;
        padding-bottom: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 72px
    }

    .month-title .ti-angle-left,
    .month-title .ti-angle-right {
        font-size: 16px;
        padding: 5px
    }

    .calendar-search .cs-rad li {
        padding-right: 5px !important
    }

    .calendar-search .cs-rad [type=radio]:checked+label,
    .calendar-search .cs-rad [type=radio]:not(:checked)+label {
        font-size: 13px;
        margin-bottom: 0
    }

    .ev-calendar ul {
        display: block;
        width: 100%
    }

    .ev-calendar .days li {
        width: 100% !important;
        min-height: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .mobile-day {
        color: #bfbfbf;
        font-size: 14px;
        font-weight: 500;
        padding-left: 5px
    }

    .ev-calendar .date {
        justify-content: left;
        align-items: center
    }

    .empOnly [tooltip]:hover::after,
    .empOnly [tooltip]:hover::before,
    .ev-calendar [tooltip]:hover::after,
    .ev-calendar [tooltip]:hover::before {
        display: none
    }

    .event-time {
        flex-direction: row
    }

    .ev-calendar .event-time .time-avail,
    .ev-calendar .event-time .time-notavail {
        margin-right: 5px
    }

    .hov-content-tooltip:hover .tooltip-content {
        display: inline-table;
        width: 100%;
        left: auto;
        transform: translate(-50%, 0);
        top: 100%
    }

    .hov-content-tooltip.ev-all:hover .tooltip-content {
        left: 0;
        transform: translate(0, 0);
        display: flex;
        flex-wrap: wrap
    }

    .ev-all .label-tool {
        width: 100%;
        flex-direction: row
    }

    .label-tool {
        width: 100px;
        flex-direction: column
    }

    .ev-calendar .colen:after {
        display: none
    }

    .event-time {
        flex-direction: row;
        flex-wrap: wrap
    }

    .calindxOnly .btn.btn-orange {
        padding: 5px 13px;
        font-size: 12px
    }

    .ev-calendar .ev-all .colen:after {
        display: block !important;
        right: 5px
    }

    .ev-all .label-tool span.colen {
        padding-right: 10px
    }

    .btn-toggle:after {
        right: -4.7rem
    }

    .btn-toggle:before {
        left: -4.5rem
    }

    .appaddOnly [tooltip]:not([flow])::after,
    .appaddOnly [tooltip]:not([flow])::before,
    .appaddOnly [tooltip][flow^=up]::after,
    .appaddOnly [tooltip][flow^=up]::before {
        left: -130px
    }

    .halfShow.boxAdvanceSearch {
        width: 75%;
        right: -75%
    }

    .calindxOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 32px !important
    }

    .calindxOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .calindxOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 2px
    }

    .calindxOnly .dtPart .expandTable table.dataTable td {
        vertical-align: top !important
    }

    table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 35px !important
    }

    .expandTable.expNext table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expandTable.expNext table.calendar-indx.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0;
        top: 45%
    }

    #pills-calweek .chkLabel label {
        font-size: 11px;
        padding-top: 7px;
        padding-left: 0
    }

    .hov-content-tooltip:hover .tooltip-content {
        transform: translate(-10%, 0)
    }

    .sm-calendar .lgTitle {
        font-size: 17px
    }

    .sm-calendar .mn-title {
        font-size: 16px
    }

    .sm-calendar .mobile-day {
        font-size: 12px
    }

    .sm-calendar .label-tool {
        width: 100%
    }

    .sm-calendar .ev-calendar .date a {
        font-weight: 600
    }

    .reportrange {
        display: flex;
        align-items: baseline;
        width: 100%;
        justify-content: flex-start;
        font-size: 12px
    }

    .reportrange .fa-caret-down {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .month-title .mn-title {
        font-size: 18px
    }

    .month-title .mn-title .fs-22 {
        font-size: 19px !important
    }

    .hgtAdjust {
        height: calc(100vh - 65px) !important
    }

    .leadsOnly .dtPart .expandTable table.dataTable td {
        vertical-align: middle !important
    }

    .leadsOnly .dtPart .expandTable table.dataTable td.nowrap {
        white-space: nowrap
    }

    .w-sm-100 {
        width: 100% !important
    }

    .insideTable.insW .dataTables_length {
        width: 100%
    }

    .insW .customtool {
        width: 100%
    }

    .insW .toolButtons {
        flex-wrap: wrap
    }

    .fb-mob {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 94px
    }

    .leadsOnly.cma-list table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        width: 100%
    }

    .cma-list .customtool {
        width: 100%
    }

    .flex-inherit {
        flex: inherit !important
    }

    .labelContent .surveyBox .col-form-label {
        padding-left: 0;
        padding-bottom: 0
    }

    .labelContent .surveyBox .form-group {
        height: auto
    }

    .inncol {
        width: 100% !important
    }

    .sepColumn {
        width: 100%
    }

    .leadsOnly .has-float-label textarea+label,
    .leadsOnly .has-float-label textarea.valid+label {
        width: auto
    }

    .btn-ellipse {
        width: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .expandTable.expAccn table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expandTable.expAccn table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 45% !important
    }

    .cl-open .btn-toggle {
        margin-right: 20px !important
    }

    .cl-open.togg-switch {
        margin-bottom: 10px
    }

    .dropdown-menu.openSort .dropdown-item {
        font-size: 13px;
        width: 11%
    }

    .acCheckbox .check-top {
        margin-top: 0 !important
    }

    .ltstOnly .xs-pwd {
        width: 35% !important
    }

    .stngCom .expandTable table.dataTable>tbody>tr.child span.dtr-title,
    .stngCom table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        text-align: left !important
    }

    .stngCom .more_info .title {
        width: 238px
    }

    .stngCom .w-60px.iphw-55 {
        width: 55px !important
    }

    .warrContent .tabPart .nav-pills .nav-link {
        padding: 5px 7px;
        font-size: 12px
    }

    .warrContent .tabPart .nav-pills .nav-link.active {
        padding: 5px 7px
    }

    .warTop {
        top: 0
    }

    .warrContent .tabPart .nav-pills .nav-link {
        border-right: 1px solid transparent
    }

    .tabPart .verticalTab .nav-pills .nav-link.active {
        width: 100%
    }

    #pills-settings .custom-search {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0 !important
    }

    .warrContent .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 40px !important
    }

    .insW .customtool-act,
    .insW .customtool-pro {
        width: 100%
    }

    .wrdOnly .breadcrumbTop .breadcrumb-item a,
    .wrdOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .formlabelLeft,
    .formlabelRight {
        width: 100%
    }

    .lgTitle {
        font-size: 18px
    }

    .warrContent .cs-rad li {
        padding-right: 10px !important
    }

    .histName,
    .histlast1,
    .histlast2,
    .histother {
        width: 100%
    }

    .formlabCon {
        display: flex
    }

    .formCard-top .formLabel3 {
        text-align: right;
        padding-right: 10px;
        margin-bottom: 0
    }

    .formCard-top .labelValue {
        width: 60%
    }

    .formlabCon {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 10px
    }

    .formCard-top .formLabel3 {
        text-align: left
    }

    .addMob2 {
        background: #e82030;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 35px;
        line-height: 18px;
        border-radius: 2px
    }

    .sm-w20 {
        width: 20px !important
    }

    .mob-selwidth100 .select2-container {
        width: 100% !important
    }

    .qmiBox .imageHov {
        width: 100%
    }

    .qmiBox .card-content {
        width: 100%;
        margin-top: 10px
    }

    .mbl-wth50 .custom-search {
        width: 50%;
        margin-bottom: 10px
    }

    .mbl-wth50 .boxShadowLight {
        width: 50%
    }

    .mbl-wth50 .btn-group {
        width: 45%;
        margin-bottom: 10px
    }

    .mbl-wth50 .grayButton {
        width: 100%
    }

    .filtmob100 {
        width: 50%
    }

    .normalSearch .select2-container {
        width: 100% !important
    }

    .empOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 0
    }

    .cma2Only .breadcrumbTop .breadcrumb-item a,
    .cma2Only .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .empboxLeft .navbar {
        display: none
    }

    .empboxLeft {
        height: auto
    }

    .empboxLeft {
        width: 100%
    }

    .empboxRight {
        width: 100%
    }

    .empaddOnly .warrContent .tabPart .nav-pills .nav-link {
        padding: 5px 12px;
        font-size: 14px
    }

    .empaddOnly .breadcrumbTop .breadcrumb-item a,
    .empaddOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .portalDetails .custom-control.custom-checkbox {
        width: 100%;
        margin-right: 0
    }

    .portalDetails .chkLabel label {
        font-size: 12px
    }

    .portalDetails .custom-control.custom-checkbox.estWidth {
        width: 26%
    }

    .mbl-wth50 .custom-search {
        width: 100%;
        margin-right: 0 !important
    }

    .empaddOnly .warrContent .tabPart .nav.nav-pills {
        background: rgb(54 54 54)
    }

    .empaddOnly .warrContent .tabPart .nav-pills .nav-link {
        color: #fff
    }

    li.dropdown.responsivetabs-more a {
        color: #fff
    }

    .empaddOnly .warrContent .tabPart .nav-pills .nav-link.active::after {
        display: none
    }

    .empaddOnly .warrContent .tabPart .nav-pills .nav-link.active {
        border-bottom: 2px solid #f2281b;
        padding: 5px 10px 3px;
        border-radius: 0 !important
    }

    .empaddOnly .warrContent .tabPart .nav.nav-pills {
        width: 100%;
        border-radius: 0 !important
    }

    .schappOnly .portalDetails .custom-control.custom-checkbox {
        width: 50%
    }

    .roleOnly .smLabel {
        padding: 4px 7px 2px !important
    }

    .roleOnly .togg-switch {
        left: auto
    }

    .roleOnly .logSwitch .btn-toggle {
        margin: 0
    }

    .userpmOnly .portalDetails .custom-control.custom-checkbox {
        width: 48%;
        padding-right: 0 !important
    }

    .permissionTable .table th {
        padding: .4rem .4rem
    }

    .permissionTable .table td {
        font-size: 13px !important
    }

    .permissionTable .chkLabel label {
        font-size: 12px !important
    }

    .tbw-40 {
        width: 30px !important
    }

    .permissionTable .table td {
        padding: .4rem 0 .5rem .3rem
    }

    .subTd {
        padding-left: 5px !important
    }

    .custom-search.smallSearch {
        width: 90px
    }

    .smallSearch.custom-search input.form-control {
        font-size: 11px;
        padding: .375rem .5rem
    }

    .smallSearch.custom-search .btn {
        padding: .375rem .3rem !important
    }

    .smallSearch.custom-search .ti-search {
        font-size: 10px
    }

    .careerOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 40px !important
    }

    .xs-w-75 {
        width: 75%
    }

    .roleOnly .xs-w-75 {
        width: 100%
    }

    .notelotOnly .topminus1280 {
        position: relative;
        top: -5px !important
    }

    .nxtBox .imageHov {
        width: 100%;
        height: 150px
    }

    .nxtBox.packageBox .boxInner img {
        height: 100%
    }

    .nxtBox.packageBox .card-content {
        width: 100%
    }

    .nxtBox .grayLabel {
        width: 35% !important;
        font-size: 13px !important
    }

    .nxtBox .cardPrice {
        top: 0
    }

    .warrContent .tabPart.tabRes .nav.nav-pills {
        background: rgb(54 54 54)
    }

    .warrContent .tabPart.tabRes .nav-pills .nav-link.active::after {
        display: none
    }

    .warrContent .tabPart.tabRes .nav-pills .nav-link {
        color: #fff;
        padding: 5px 10px !important;
        border-right: 0px solid transparent;
        margin: 6px 7px 2px !important
    }

    .warrContent .tabPart.tabRes .nav-pills .nav-link.active {
        border-bottom: 2px solid #f2281b;
        padding: 5px 7px;
        margin: 6px 7px 0 !important
    }

    .warrContent .tabPart.tabRes .nav.nav-pills {
        height: 40px;
        border: none
    }

    .head1 {
        display: none
    }

    .head2,
    .head3 {
        width: 50%
    }

    .head1,
    .head2,
    .head3 {
        padding: 10px;
        border: 0 solid #f8f8f8
    }

    .packData {
        flex-wrap: wrap
    }

    .datacol1 {
        width: 100%;
        background: #edeff3;
        padding: 5px 10px;
        font-weight: 600
    }

    .datacol2,
    .datacol3 {
        width: 50%;
        padding: 5px 10px
    }

    .datacol2 p,
    .datacol3 p {
        font-weight: 400;
        font-size: 12px
    }

    .datacol2.borderleftTrans {
        border-left: 1px solid #e5e7eb
    }

    .nxtBox.packageBox .boxInner {
        height: auto
    }

    .hsplanWidth {
        max-width: 140px
    }

    .nxtBox .btnBlack {
        padding: 4px 6px;
        height: 30px
    }

    .nxtBox .btn-red {
        padding: 5px 5px;
        font-weight: 400
    }

    .nxtBox .cardPrice {
        top: auto;
        right: auto;
        padding: 0 8px;
        justify-content: flex-start
    }

    .nxtBox .card-content p {
        font-size: 13px
    }

    .proOnly .lgTitle {
        font-size: 16px
    }

    .proOnly .mdTitle {
        font-size: 14px
    }

    .profImage {
        width: 60px;
        height: 60px
    }

    .proOnly .btn-red {
        padding: 3px 15px;
        font-size: 12px
    }

    .proRight {
        padding-left: 77px;
        margin-top: 10px
    }

    .proOnly .formCard-top .formLabel3 {
        width: 35%
    }

    .proOnly .formCard-top .labelValue {
        width: 65%
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .passOnly span.error,
    .passOnly span.invalid {
        position: relative;
        top: -12px;
        left: 15px
    }

    .survWidth {
        width: 170px
    }

    .surdetOnly .customtool,
    .surdetOnly .insideTable .dataTables_length {
        width: 100%
    }

    .surdetOnly .input-group.csSelect2 {
        width: 100% !important;
        margin: 5px 0 !important
    }

    .themeHead {
        font-size: 18px
    }

    .surdetOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .surdetOnly table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
        padding-left: 40px !important
    }

    .survRes .modal-lg {
        max-width: auto
    }

    .ratingStar .fa-star {
        font-size: 10px !important
    }

    .rtCount {
        font-size: 10px
    }

    .survRating .grayLabel.csw135 {
        width: 100px
    }

    .survbetaOnly .customtool,
    .survbetaOnly .dataTables_length {
        width: 100%
    }

    .survbetaOnly .custom-search {
        width: 48%
    }

    .survbetaOnly .btn-redlight,
    .survbetaOnly .btn.btn-skyblue {
        font-size: 12px
    }

    .survbetaOnly .btn-redlight,
    .survbetaOnly .btn.btn-skyblue {
        padding: 3px 10px !important
    }

    .survbetaOnly .custom-search input.form-control::placeholder {
        font-size: 10px !important
    }

    .srcDatewidth {
        margin-top: 5px;
        width: 48% !important;
        margin-left: 0 !important
    }

    .survbetaOnly .btn.btn-orange {
        width: 48%;
        margin-top: 5px;
        white-space: nowrap
    }

    .srcDatewidth.has-float-label .date-float+label {
        font-size: 11px !important
    }

    .expandTable .survey-client span.dtr-data {
        width: 100%
    }

    .rating-stars .rating-stars-container .rating-star {
        font-size: 15px;
        padding: 2px 3px
    }

    .survey-form .survRating .grayLabel {
        width: 100%
    }

    .survey-form .survRating .grayLabel::after {
        display: none
    }

    .radioSurv li {
        padding-right: 7px !important
    }

    .bsnsOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .bsnsOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
    .businessOnly .noCheckbox table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 30px !important
    }

    .businessOnly .breadcrumbTop .breadcrumb-item a,
    .businessOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .businessOnly .input-group>.input-group-append.inputBlue2>.input-group-text {
        width: 120px
    }

    .expandTable.expNext.noCheckbox table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expandTable.expNext.noCheckbox table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .svyBox {
        width: 100%
    }

    .chartArea {
        width: 100%
    }

    .salesagOnly .custom-search.smallSearch {
        width: 50%;
        margin-bottom: 0;
        position: relative;
        top: 0;
        left: 0
    }

    .inner-responsive {
        max-width: 352px
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .salesordOnly .grayButton {
        font-size: 12px
    }

    .coBoxcenter,
    .coBoxleft,
    .coBoxright {
        width: 100%
    }

    .chatBox {
        height: calc(70vh - 205px)
    }

    .reqdetOnly .cs-rad [type=radio]:checked+label,
    .reqdetOnly .cs-rad [type=radio]:not(:checked)+label {
        font-size: 13px
    }

    .reqdetOnly .cs-rad li {
        padding-right: 10px !important
    }

    .dateLine::after,
    .dateLine::before {
        width: 37%
    }

    .lotscOnly .empTop {
        margin-top: 0
    }

    .warrContent .resTab.tabPart .nav.nav-pills {
        width: 100%;
        min-height: 31px;
        background: #363636 !important;
        border-radius: 3px !important
    }

    .warrContent .resTab.tabPart .nav-pills .nav-link {
        color: #fff
    }

    .warrContent .resTab.tabPart .nav-pills .nav-link.active {
        border-bottom: 2px solid #f2281b;
        padding: 5px 10px 3px !important;
        border-radius: 0 !important;
        border-right: 0px solid transparent
    }

    .warrContent .resTab.tabPart .nav-pills .nav-link.active::after {
        display: none
    }

    .lotscOnly .timeLast {
        display: block;
        width: 100%;
        padding-left: 28px
    }

    .alpha-border {
        width: 92%;
        padding: 10px 10px;
        margin-left: 15px !important
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 2px
    }

    .alpha-border .alphabetOrder {
        top: 0
    }

    .alpha-border .alphabetOrder+.selected {
        top: 0
    }

    .prodtyOnly .expandTable span.dtr-data {
        white-space: inherit !important;
        width: 100%
    }

    .blueTitle {
        font-size: 16px
    }

    .hitlistOnly .custom-search input.form-control,
    .ptrOnly .custom-search input.form-control {
        font-size: 13px;
        height: 32px
    }

    .ptrOnly .custom-search input.form-control {
        width: 100px
    }

    .hitlistOnly .custom-search .btn,
    .ptrOnly .custom-search .btn {
        height: 32px;
        line-height: 15px
    }

    .hitlistOnly .custom-search .ti-search,
    .ptrOnly .custom-search .ti-search {
        font-size: 12px
    }

    .hitlistOnly .breadcrumbTop .breadcrumb-item a,
    .hitlistOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .hitlistOnly .h-adjust {
        height: auto
    }

    .cronOnly .breadcrumbTop .breadcrumb-item a,
    .cronOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .walkRpt .breadcrumbTop .breadcrumb-item a,
    .walkRpt .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px
    }

    .cronOnly .breadcrumbTop .breadcrumb {
        padding: .5rem .1rem
    }

    .cronOnly .blackTitle {
        font-size: 15px !important;
        font-weight: 600 !important
    }

    .repBoxes .w-32p {
        width: 100%
    }

    .ssuperOnly .repBoxes button {
        margin-bottom: 10px;
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .shedOnly .breadcrumbTop .breadcrumb-item a,
    .shedOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px
    }

    .shedOnly .dtPart .expandTable table.dataTable td {
        white-space: nowrap
    }

    .shedOnly .custom-search input.form-control {
        font-size: 13px;
        height: 32px
    }

    .shedOnly .custom-search .btn {
        height: 32px;
        line-height: 15px
    }

    .shedOnly .custom-search .ti-search {
        font-size: 13px
    }

    .prtype-report {
        display: block;
        width: 100%;
        overflow-x: auto
    }

    .ptrOnly .breadcrumbTop .breadcrumb-item a,
    .ptrOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .ptrOnly .btn.btn-orange {
        padding: 2px 5px
    }

    .tableAccordian .card {
        width: 100%
    }

    .tableAccordian .collapse:not(.show) {
        display: none
    }

    .tableAccordian .card .card-header .btn-header-link:after {
        display: inherit
    }

    .tableAccordian .btn-header-link {
        pointer-events: inherit
    }

    .tableAccordian .collapsing {
        transition: inherit
    }

    .tableAccordian .accordion>.card>.card-header {
        padding: 0 10px;
        background: #fff;
        border-bottom: 1px solid #dcf5ff
    }

    .tableAccordian .table .thead-light th {
        font-size: 11px
    }

    .tabResp {
        display: block;
        overflow-x: auto
    }

    .ceosales-report2,
    .ceosales-report3,
    .jcsales-report2 {
        display: block;
        width: 100%;
        overflow-x: auto
    }

    .mb-minwidth-100 {
        min-width: 100px
    }

    .mb-minwidth-160 {
        min-width: 160px
    }

    .jcsOnly .breadcrumbTop .breadcrumb-item a,
    .jcsOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .jcsOnly .btn.btn-orange {
        padding: 5px 10px
    }

    .mergeTables.tableAccordian .card {
        width: 100% !important;
        margin-bottom: 10px;
        border: 2px solid #e5eef8
    }

    .mergeTables.tableAccordian .table td {
        font-size: 12px
    }

    .mergeTables.tableAccordian .card:last-child {
        margin-bottom: 0
    }

    .mergeTables.tableAccordian .table .thead-light th {
        background-color: #fff
    }

    .deskHidden2,
    .deskHidden3,
    .deskHidden4 {
        display: table-cell
    }

    .mergeCus1.mergeTables.tableAccordian .table .thead-light th,
    .mergeCus1.mergeTables.tableAccordian .table td {
        height: 40px;
        padding: 10px 10px
    }

    .ceoOnly .blackTitle.fs-20 {
        font-size: 16px !important
    }

    .ceoOnly .lgTitle.fs-18 {
        font-size: 16px !important
    }

    .segmentTable .tableBasic thead th {
        font-size: 11px;
        width: 100%;
        white-space: nowrap
    }

    .mtplYear {
        flex-wrap: wrap
    }

    .mtplYear.has-float-label .input-group.acDate {
        margin-right: 0
    }

    .backlogSec .custom-control.custom-checkbox.chkLabel {
        width: 33%;
        margin-right: 0 !important;
        white-space: nowrap
    }

    .backlogSec .chkLabel label {
        font-size: 12px
    }

    .mobAccordian {
        overflow-x: inherit
    }

    .mobile-accordion .totalPart .td:before {
        color: #fff;
        font-weight: 500
    }

    .mobile-accordion .rh>span {
        font-size: 15px;
        font-weight: 500;
        padding: 10px 15px
    }

    .totprz-Data span {
        width: 20%
    }

    .totprz-Data span+span {
        width: 30%
    }

    .mobile-accordion .td:before {
        width: 50%;
        color: #677a84;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600
    }

    .mobile-accordion .tr .td:nth-child(odd) {
        background: #f7f7fc
    }

    .mobile-accordion .rh,
    .mobile-accordion .rh.active:nth-last-child(2),
    .mobile-accordion .th,
    .mobile-accordion .tr .td {
        border-bottom: 1px solid #e5eef8
    }

    .rh.totaltopHead {
        color: #fff
    }

    .sbtot-text {
        margin-left: 10px;
        color: #c1c1c1;
        font-weight: 500
    }

    .mobile-accordion .tr.totalPart .td:nth-child(2n),
    .mobile-accordion .tr.totalPart .td:nth-child(odd) {
        background: #7c7c7c !important
    }

    .totprz-Data span {
        font-size: 13px;
        font-weight: 600
    }

    .totalPart .totprz-Data span,
    .totalPart .totprz-Data.td-firstLabel span {
        font-weight: 500
    }

    .table.mobile-accordion .rh.totaltopHead>span:after {
        color: #363636
    }

    .report-logic.modal .modal-dialog {
        width: 96%
    }

    .hgt-sm-40 {
        height: 40px !important
    }

    .hgt-sm-35 {
        height: 35px !important
    }

    .grouped-chart .highcharts-data-label text {
        font-size: 9px !important
    }

    .grouped-chart .highcharts-xaxis-labels text {
        font-size: 10px !important
    }

    .highcharts-yaxis-labels text {
        font-size: 11px !important
    }

    .absTilte {
        font-size: 17px
    }

    .tableAccordian.ytdAcc .table .thead-light th {
        font-size: 12px !important;
        padding: 8px 10px
    }

    .tableAccordian.ytdAcc .table .thead-light tr+tr th {
        font-size: 11px !important;
        padding: 8px 10px
    }

    .tableAccordian.ytdAcc .table td {
        font-size: 12px;
        padding: 8px 10px
    }

    .grouped-chart .highcharts-title,
    .stacked-chart .highcharts-title {
        font-size: 17px !important
    }

    .column-chart .highcharts-title,
    .horiz-chart .highcharts-title,
    .single-column .highcharts-title,
    .single-column3 .highcharts-title {
        font-size: 16px !important;
        width: 100% !important
    }

    .column-chart .highcharts-xaxis-labels text {
        color: #303030 !important;
        font-size: 10px !important;
        fill: #353535 !important
    }

    .single-column .highcharts-xaxis-labels text {
        font-size: 10px !important
    }

    .horiz-chart .highcharts-xaxis-labels text {
        font-size: 10px !important
    }

    .bg-sm-transparent {
        background-color: transparent !important
    }

    .mergeTables.tableAccordian .table td {
        border: none
    }

    .jc-tabAcc.tableAccordian .card {
        border: 2px solid #e5eef8
    }

    .mergeCus2.jc-tabAcc.tableAccordian .table td {
        font-size: 12px
    }

    .mergeCus2.tableAccordian .table td {
        padding: 8px 10px
    }

    .twoReds .mdTitle {
        font-size: 14px !important
    }

    .jsbotpadd div.dataTables_wrapper div.dataTables_paginate {
        padding-right: 0
    }

    .stacked-chart .highcharts-xaxis-labels text {
        color: #424242 !important;
        font-size: 12px !important;
        fill: #424242 !important
    }

    .stacked-chart .highcharts-a11y-proxy-button {
        font-size: 10px !important
    }

    .hgt-sm-300 {
        height: 300px !important
    }

    .btn-group.ml-auto.mobExport {
        position: absolute;
        right: 30px;
        top: 60px;
        z-index: 3
    }

    .projRevenue .btn-group.ml-auto.mobExport {
        position: absolute;
        right: 30px;
        top: 5px;
        z-index: 3
    }

    .customHome .btn-group.ml-auto.mobExport {
        top: 6px
    }

    .mobExport .btn.btn-orange {
        border-radius: 2px !important;
        padding: 6px 20px !important
    }

    .shedOnly .btn.btn-orange {
        padding: 2px 10px 0;
        font-size: 18px
    }

    .shedOnly .codeLogic {
        margin-left: 10px
    }

    .ptrOnly .tableAccordian .card {
        border: 2px solid #e5eef8
    }

    .ptrOnly .tableAccordian .table .thead-light th {
        background-color: #fff;
        border-color: #fff
    }

    .sel-arrowOnly {
        width: 190px !important
    }

    .repOverflow {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .reportHead .repTitle {
        font-size: 16px;
        padding-left: 40px
    }

    .markOnly .warrContent .tabPart.tabRes .nav-pills .nav-link,
    .realpdOnly .warrContent .tabPart.tabRes .nav-pills .nav-link {
        padding: 5px 1px 3px
    }

    .multiitem-mob.multiitem-carousel .carousel-control-next,
    .multiitem-mob.multiitem-carousel .carousel-control-prev {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .multiitem-mob.multiitem-carousel .carousel-control-prev {
        left: 4px
    }

    .multiitem-mob.multiitem-carousel .carousel-control-next {
        right: -12px
    }

    .stackhoriz-chart .highcharts-title {
        font-size: 15px !important;
        font-weight: 800 !important
    }

    .mlitm-car2.multiitem-mob.multiitem-carousel .carousel-control-next {
        right: -15px
    }

    .res-fullview {
        overflow-y: auto;
        overflow-x: auto
    }

    .chart-wd800 {
        white-space: nowrap;
        width: 800px
    }

    .chart-wd1000 {
        white-space: nowrap;
        width: 1000px
    }

    .chart-wd1200 {
        white-space: nowrap;
        width: 1200px
    }

    .chart-wd1400 {
        white-space: nowrap;
        width: 1400px
    }

    .chartOverlay .highcharts-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: rgb(51 51 51/60%);
        width: 100%;
        height: 100%;
        transition: .3s ease-in-out
    }

    .chartOverlay .highcharts-container::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/hand-white.png);
        background-repeat: no-repeat;
        background-size: 80px;
        background-position: 10px 10px;
        width: 100%;
        height: 100%
    }

    .grid-sm-w50 {
        width: 50% !important
    }

    .grid-sm-min120 {
        min-width: 120px !important
    }

    .row.mx-2.box-mobilescroll {
        flex-wrap: nowrap;
        overflow-y: auto
    }

    .mob-hgt-200 {
        height: 200px !important
    }

    .tskView {
        display: block !important
    }

    .hand-mob {
        position: relative
    }

    .hand-mob::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: rgb(51 51 51/60%);
        width: 100%;
        height: 100%;
        transition: .3s ease-in-out
    }

    .hand-mob::after {
        content: '';
        position: absolute;
        top: 35px;
        left: 0;
        background: url(../img/hand-white.png);
        background-repeat: no-repeat;
        background-size: 80px;
        background-position: 10px 10px;
        width: 100%;
        height: 100%
    }

    .res-fullview .hand-mob+.hand-scroll {
        z-index: -1
    }

    .tableHoriz .hand-scroll {
        left: auto;
        top: 5px;
        right: 10px
    }

    .headerTop.custom-search input.form-control {
        font-size: 12px;
        padding: 5px 7px
    }

    .headerTop.custom-search .btn {
        padding: 5px;
        font-size: 13px
    }

    .priceshtOnly .custom-file-label {
        font-size: 12px !important
    }

    .priceshtOnly .input-group>.custom-file {
        height: 32px
    }

    .priceshtOnly .btn.themeBlue {
        padding: 7px 8px;
        font-size: 11px
    }

    .priceshtOnly .btn.btn-secondary {
        font-size: 11px !important;
        padding: 7px 8px !important
    }

    .priceshtOnly .expandTable table.dataTable td {
        padding: 10px 15px 10px !important
    }

    .headerTop.custom-search {
        width: 100px
    }

    .clmastOnly .fixedButtons .btn.btn-orange,
    .clmastOnly .fixedButtons .btn.btn-red,
    .lotmastOnly .fixedButtons .btn.btn-orange,
    .lotmastOnly .fixedButtons .btn.btn-red {
        font-size: 12px
    }

    .clmastOnly .blackTitle {
        font-size: 17px !important
    }

    .clmastOnly .fixedButtons,
    .lotmastOnly .fixedButtons {
        top: 123px
    }

    .cmr-margin2 {
        margin-top: 0
    }

    .clmastOnly .cs-rad li {
        padding-right: 3px !important
    }

    .lotmastOnly .cs-rad li {
        padding-right: 5px !important
    }

    .checkboxGroup .custom-control.custom-checkbox.chkLabel {
        width: 48% !important
    }

    .mdorOnly .column-chart {
        height: 400px !important
    }

    .mdorOnly .hand-scroll {
        top: 10px
    }

    .mdorOnly .hand-scroll img {
        width: 40px
    }

    .sm-tbltime {
        display: inline-block !important;
        white-space: nowrap;
        font-size: 12px !important
    }

    .conversation-box .tableHoriz .table td,
    .conversation-box2 .tableHoriz .table td,
    .conversation-box3 .tableHoriz .table td {
        padding: 6px 8px;
        font-size: 12px
    }

    .careerOnly .yellowGradient {
        height: 30px;
        padding: 5px 8px !important
    }

    .careerList .fr-box.fr-basic {
        min-height: 160px !important
    }

    .apllyonly .dtPart table.dataTable th {
        font-size: 12px
    }

    .qmiOnly .expandTable span.dtr-data {
        white-space: inherit
    }

    .qmiBox .imageHov {
        width: 100%;
        height: 120px
    }

    .qmiBox .boxInner .imageHov img {
        height: 100%;
        object-fit: contain;
        object-position: center
    }

    .daterangepicker .drp-selected {
        font-size: 11px !important;
        font-weight: 600
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 3px;
        font-size: 11px;
        padding: 2px 5px
    }

    .mnbuyerOnly .tableTop {
        background-color: transparent !important
    }

    .mnbuyerOnly .lgTitle {
        font-size: 16px;
        background-color: #363636;
        width: 100%;
        padding: 8px 10px;
        border-radius: 3px 3px 0 0
    }

    .mnbuyerOnly .shedOnly .btn.btn-orange {
        padding: 5px !important;
        font-size: 13px
    }

    .mnbuyerOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:nth-child(2) {
        width: 180px;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .buyerSidebox .daterangepicker .calendar-table td,
    .buyerSidebox .daterangepicker .calendar-table th {
        min-width: 15px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 10px
    }

    .buyerSidebox .daterangepicker .drp-calendar.left {
        padding: 1px 0 1px 1px
    }

    .buyerSidebox .daterangepicker .drp-buttons .btn {
        margin-left: 2px;
        font-size: 11px;
        font-weight: 700;
        padding: 2px 5px
    }

    .prodtyOnly [tooltip]:not([flow])::after,
    .prodtyOnly [tooltip]:not([flow])::before {
        left: auto
    }

    .prodtyOnly table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        border-bottom: 1px solid transparent !important
    }

    .dtPart .expandTable table.dataTable td.w-45pt {
        width: inherit !important
    }

    .plainmsSelect.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        width: 200px
    }

    .sm-w-25 {
        width: 25% !important
    }

    .sm-w-75 {
        width: 75% !important
    }

    .pchecklistOnly .expandTable table.dataTable thead .sorting:after,
    .pchecklistOnly .expandTable table.dataTable thead .sorting:before,
    .pchecklistOnly .expandTable table.dataTable thead .sorting_asc:after,
    .pchecklistOnly .expandTable table.dataTable thead .sorting_asc:before,
    .pchecklistOnly .expandTable table.dataTable thead .sorting_desc:after,
    .pchecklistOnly .expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.7em !important
    }

    .pchecklistOnly.roleOnly .helptip[tooltip]::after,
    .pchecklistOnly.roleOnly .helptip[tooltip]::before {
        display: none
    }

    .pcheckaddOnly .btn-red2 {
        line-height: 20px;
        padding: 5px 10px;
        min-width: 80px;
        height: 32px
    }

    .pcheckaddOnly .back-btn {
        right: 90px;
        top: -12px
    }

    .pcheckaddOnly .btn-white2 {
        line-height: 15px;
        font-weight: 500;
        width: 80px;
        height: 32px
    }

    .adediMobtop {
        top: -15px;
        position: relative
    }

    .producttype .btn-red,
    .producttype-ms .btn-red {
        padding: 5px 6px
    }

    .producttype .btn.c-compresold,
    .producttype-ms .btn.c-compresold {
        padding: 5px 7px
    }

    .mobmax100 {
        max-width: 100px
    }

    .prodtyOnly .plainmsSelect.msSelect .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        width: 100px
    }

    .dtPart .expandTable table.dataTable.producttype-ms td .mobwdtdot {
        width: 150px;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        border-bottom: 1px solid transparent !important
    }

    .vdocOnly .expandTable .table.dataTable td:last-child {
        padding-left: 0 !important
    }

    .vdocOnly.roleOnly .logSwitch .btn-toggle,
    .vlistOnly.roleOnly .logSwitch .btn-toggle {
        top: -7px;
        left: -60px
    }

    .vdocOnly.roleOnly .togg-switch,
    .vlistOnly.roleOnly .togg-switch {
        height: 35px
    }

    .roleOnly .helptip[tooltip]:not([flow])::before,
    .roleOnly [tooltip]:not([flow])::after {
        display: none
    }

    .vlistOnly .togg-switch.logSwitch {
        padding-left: 35px
    }

    .notify-sky {
        width: 100%
    }

    .reqnewOnly .btn-right {
        top: 70px
    }

    .req-topminus {
        position: relative;
        top: -50px
    }

    .sm-fs-13 {
        font-size: 13px !important
    }

    .sm-fs-15 {
        font-size: 15px !important
    }

    .checklotOnly.stngCom .more_info .title {
        left: 20px
    }

    table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
        border-bottom: 1px solid transparent !important
    }

    .chkreqqOnly .addMob2 {
        padding: 6px 20px
    }

    .sm-hgt200 {
        height: 200px !important
    }

    .sm-hgt300 {
        height: 300px !important
    }

    .chkreqqOnly .custom-control.custom-checkbox {
        margin-right: 25px !important
    }

    .chkreqqOnly .themeHead {
        font-size: 16px !important
    }

    #notebook_list_table_wrapper .customColumn {
        justify-content: flex-end
    }

    #notebook_list_table_wrapper .btn-red2 {
        min-width: 90px
    }

    .userpmOnly .btn.btn-red.ptb-11 {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .userpmOnly .breadcrumbTop .breadcrumb-item a,
    .userpmOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .userpmOnly [tooltip]:not([flow])::after,
    .userpmOnly [tooltip]:not([flow])::before {
        left: 5px
    }

    .userpmOnly .helptip[tooltip]::after {
        min-width: auto
    }

    .thisRole.roleOnly .togg-switch.logSwitch {
        top: 8px
    }

    .thisRole.roleOnly .dtPart .expandTable table.dataTable td:last-child {
        text-align: center
    }

    .thisRole .expandTable table.dataTable>tbody>tr.child span.dtr-title {
        text-align: left
    }

    .micrOnly .tableBread .breadcrumb-item:first-child {
        padding-left: 0
    }

    .micrOnly .resMlcenter {
        margin-right: 0;
        margin-left: auto !important
    }

    .micrOnly .dropdown-item {
        font-size: 14px
    }

    .sigaddOnly .breadcrumbTop .breadcrumb-item a,
    .sigaddOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .signfOnly .expandTable table.dataTable thead .sorting:after,
    .signfOnly .expandTable table.dataTable thead .sorting:before,
    .signfOnly .expandTable table.dataTable thead .sorting_asc:after,
    .signfOnly .expandTable table.dataTable thead .sorting_asc:before,
    .signfOnly .expandTable table.dataTable thead .sorting_desc:after,
    .signfOnly .expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.7em !important
    }

    .qmiOnly .boxAdvanceSearch .custom-control.custom-checkbox.chkLabel {
        width: 45%;
        white-space: nowrap
    }

    .dateClear.ti-close {
        right: 4px
    }

    .mobsortop.expandTable table.dataTable thead .sorting:after,
    .mobsortop.expandTable table.dataTable thead .sorting:before,
    .mobsortop.expandTable table.dataTable thead .sorting_asc:after,
    .mobsortop.expandTable table.dataTable thead .sorting_asc:before,
    .mobsortop.expandTable table.dataTable thead .sorting_desc:after,
    .mobsortop.expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.7em !important
    }

    .imgmodOnly.roleOnly .logSwitch.mobswtadj .btn-toggle {
        left: -60px !important
    }

    .imgslideOnly.roleOnly .logSwitch .btn-toggle {
        left: -80px !important
    }

    .imgmodOnly .togg-switch.logSwitch.mobswtadj,
    .imgslideOnly .togg-switch.logSwitch {
        padding-left: 0;
        line-height: 0
    }

    .imgalbOnly .custom-search input.form-control {
        font-size: 13px;
        height: 34px
    }

    .imgalbOnly .custom-search .btn {
        height: 34px;
        line-height: 15px
    }

    .imgalbOnly .custom-search .ti-search {
        font-size: 13px
    }

    .metavOnloy div.dataTables_wrapper div.dataTables_length {
        display: none
    }

    .sm-m-auto {
        margin-left: auto !important
    }

    .sm-hgt32 {
        height: 32px !important
    }

    .purheadOnly .expandTable table.dataTable th.sortHide {
        padding-left: 10px !important
    }

    .repbugOnly .logSwitch {
        padding-left: 0 !important;
        line-height: 5px
    }

    .repbugOnly .logSwitch .btn-toggle {
        left: -150px
    }

    .cmpyempOnly .breadcrumbTop .breadcrumb-item a,
    .cmpyempOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .cmpyempOnly .theme-white {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .mobvwSearch.custom-search {
        width: 120px
    }

    .mobvwSearch.custom-search input.form-control {
        font-size: 12px;
        height: 32px;
        padding: 5px 7px
    }

    .mobvwSearch.custom-search .btn {
        height: 32px;
        line-height: 13px;
        padding: 2px 6px
    }

    .mobvwSearch.custom-search .btn {
        height: 32px;
        line-height: 13px;
        padding: 2px 6px
    }

    .mobvwSearch.custom-search .ti-search {
        font-size: 12px
    }

    .dtPart .expandTable.noCheckdel table.dataTable td.dtr-control {
        padding-left: 35px !important
    }

    .smborderNone {
        border: none !important
    }

    .cmpyempOnly div.dataTables_wrapper div.dataTables_paginate {
        padding-right: 0 !important
    }

    .cmpyempOnly div.dataTables_wrapper div.dataTables_info {
        padding-left: 0 !important
    }

    .send-mail table {
        width: 100% !important
    }

    .congraOnly .custom-search {
        width: 100% !important
    }

    .congraOnly .mar-gutter {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .daterangepicker.mobwdth-adj {
        width: 75% !important
    }

    .statusInnerbox {
        width: 50%
    }

    .statusBox .statusInnerbox:first-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0;
        width: 100%
    }

    .statusBox .statusInnerbox h5 {
        font-size: 13px !important
    }

    .rfDetail {
        bottom: 59px;
        right: 12px
    }

    .rfedsOnly .mar-gutter {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .rfedsOnly .reportrange .fa-calendar {
        display: none
    }

    .rfeviewOnly .btn.btn-orange {
        padding: 3px 12px;
        font-size: 13px;
        font-weight: 600;
        line-height: 12px;
        margin-top: 5px
    }

    .rfeviewOnly .formCard-top .formLabel3 {
        width: 40%
    }

    .nboxList {
        padding: 5px 10px;
        margin-bottom: 10px
    }

    .rfeviewOnly .stickyTop {
        width: 120px !important
    }

    .rfenewOnly .cs-rad li {
        padding-right: 10px !important
    }

    .rfelistOnly .normalSelect .form-control {
        width: 100%
    }

    .rfelistOnly .expandTable span.dtr-data {
        white-space: inherit
    }

    .sm-fw-600 {
        font-weight: 600
    }

    .trade-column {
        column-count: 1;
        column-gap: 0;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0
    }

    .realpdOnly .custom-search.smallSearch {
        width: 150px !important
    }

    .realpdOnly .fixed-header {
        right: 15px
    }

    .rpBoxes .card {
        width: 100% !important
    }

    .quickmoveOnly .breadcrumbTop .breadcrumb-item a,
    .quickmoveOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .quickmoveOnly .formCard-top .labelValue {
        width: 60%
    }

    .quickmoveOnly .formCard-top .formLabel3 {
        width: 40%
    }

    .qminsImage {
        width: 80px;
        height: 60px
    }

    .quickmoveOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 52% !important
    }

    .quickmoveOnly .expandTable table.dataTable.quick-moveTabl td:nth-child(2) {
        padding-left: 20px !important
    }

    .sm-linehgt-0 {
        line-height: 0 !important
    }

    .quickmoveOnly .fixed-header {
        width: auto
    }

    .qmifile.mtFiles {
        min-height: auto
    }

    .movelistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        flex-direction: row
    }

    .movelistOnly .expandTable span.dtr-data {
        padding-left: 5px
    }

    .mngFiles .expandTable span.dtr-data {
        white-space: nowrap
    }

    .comtyManager .h-40 {
        height: 30px !important;
        padding: 5px 10px !important
    }

    .has-float-label textarea.valid+label,
    .mngFileSlider .has-float-label textarea+label {
        width: calc(100% - 45px)
    }

    .mngFileSlider .fileBlue {
        word-break: break-all
    }

    .disNone-sm {
        display: none
    }

    .mngPrisheet .dtPart .expandTable table.dataTable td {
        white-space: nowrap
    }

    .small-hide {
        display: none
    }

    .ass-manual .dtPart .expandTable table.dataTable td {
        white-space: nowrap
    }

    .addNews .expandTable li:last-child span.dtr-data {
        white-space: nowrap
    }

    .mngcmnd .customtool {
        width: 100%
    }

    .mngcmnd .customtool .toolButtons {
        gap: 10px 5px
    }

    .mngcmnd .dataTables_length {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .mngcmnd .expandTable li:last-child span.dtr-data {
        white-space: pre-wrap
    }

    .dashBlog .expandTable li:last-child span.dtr-data {
        white-space: nowrap
    }

    .dashBlog .expandTable table.dataTable>tbody>tr.child ul.dtr-details {
        padding-bottom: 20px !important
    }

    .dashboard-content {
        padding: 10px;
        margin: 0 7px
    }

    .dashboard-view.dsviewBox {
        position: fixed;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        height: 92%;
        bottom: -92%;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        box-sizing: border-box;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .dashboard-view.dsviewBox.mobile-pattern {
        bottom: 0
    }

    .dsviewClose {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #fff;
        background: #727272;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        border-radius: 20px;
        cursor: pointer;
        z-index: 2
    }

    .dsviewClose2 {
        display: none !important;
        position: absolute;
        right: 5px;
        top: 5px;
        color: #fff;
        background: #363636;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        border-radius: 20px;
        cursor: pointer;
        z-index: 2
    }

    .fmtab-mobile .dsviewClose2 {
        display: flex !important
    }

    .shadowBg {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: rgb(0 0 0 / 50%)
    }

    .fm-preview {
        height: calc(100% - 10px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .fmtab-preview {
        display: block !important
    }

    .fmtab-section.tabmob-click {
        position: fixed;
        bottom: -60px;
        left: 0;
        right: 0;
        width: 100%;
        height: 160px;
        margin: 0 !important;
        background: #fff;
        box-shadow: inset 0 1px 3px #cbcbcb;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .fmtab-section.tabmob-click.fmtab-mobile {
        bottom: 0;
        height: calc(100% - 65px);
        background: #fff;
        margin: 0 !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .mobile-pattern .fmtab-section.tabmob-click {
        opacity: 0;
        pointer-events: none
    }

    .profile-right {
        position: absolute;
        right: 0;
        top: -45px
    }

    header.dashboard-toolbar {
        padding: 10px 5px
    }

    .search-box {
        width: 110px
    }

    .fmBox {
        width: 30.2%;
        margin: 0 5px 10px;
        padding: 12px 10px
    }

    .dashboard-app {
        width: 100%
    }

    .fmCrumb .breadcrumb .breadcrumb-item a {
        font-size: 15px
    }

    .fmCrumb .breadcrumb-item.active {
        font-size: 15px
    }

    .fmBox .mxwdt-160 {
        max-width: 108px;
        padding-right: 0 !important
    }

    .fmSources,
    .fmSources2,
    .mediaTop,
    .youtbTop {
        height: 80px
    }

    .viewHeading .head-15 {
        font-size: 18px
    }

    .viewPhotos .fmSources {
        width: 22.9%
    }

    .toast.smtstBox {
        bottom: auto !important;
        right: 10px !important;
        top: 30px !important
    }

    .toast.smtstBox.show {
        z-index: 9999 !important
    }

    .scrtabs-tab-container ul.nav.nav-tabs {
        padding-top: 15px
    }

    .fmtabContent {
        height: calc(100vh - 180px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .arrowDash .ti-angle-left {
        font-size: 12px;
        width: 22px;
        height: 22px
    }

    .tab-bmContent,
    .tab-bmContent2,
    .tab-bmContent3 {
        padding-bottom: 30px
    }

    .mltUpload {
        z-index: inherit
    }

    .dragupImage {
        height: 85px
    }

    .scrtabs-tab-scroll-arrow {
        padding-top: 45px
    }

    .fmBox .fldImage {
        width: 50px !important
    }

    .tabmob-click .scrtabs-tab-container a.nav-link.active {
        background: 0 0
    }

    .tabmob-click .scrtabs-tab-container a.nav-link.active span {
        color: #363636
    }

    .tabmob-click.fmtab-mobile .scrtabs-tab-container a.nav-link.active {
        background: #e82030
    }

    .tabmob-click.fmtab-mobile .scrtabs-tab-container a.nav-link.active span {
        color: #fff
    }

    .tabmob-click .scrtabs-tab-container a.nav-link.active .fmtabBlack {
        display: inline
    }

    .tabmob-click .scrtabs-tab-container a.nav-link.active .fmtabWhite {
        display: none
    }

    .tabmob-click.fmtab-mobile .scrtabs-tab-container a.nav-link.active .fmtabBlack {
        display: none
    }

    .tabmob-click.fmtab-mobile .scrtabs-tab-container a.nav-link.active .fmtabWhite {
        display: inline
    }

    .fmContent {
        margin-bottom: 50px
    }

    .closeDash .ti-close {
        display: none !important
    }

    .draggable-element {
        width: 30.7%
    }

    .width300 .stacked-chart .highcharts-root {
        width: 75% !important
    }

    .bg-white-sm {
        background-color: #fff
    }

    .tableH2 {
        font-size: 16px
    }

    .log .child .dtr-data span {
        display: inline !important
    }

    .log .child .dtr-data span {
        display: none
    }

    .mailContent .dashboard-nav {
        min-width: 0
    }

    .mailContent .dashboard-app {
        margin-left: 0
    }

    .select-drop.mailSelect {
        margin-left: 0
    }

    .mailContent .dashboard-nav-item h5 {
        white-space: nowrap
    }

    .mailContent .msgdetails-view {
        height: calc(100vh - 65px);
        width: 100%
    }

    .select-drop {
        max-width: 165px
    }

    .mailContent .dashboard-nav header {
        font-size: 20px;
        padding: 5px 15px
    }

    .mailContent .dashboard-nav-item {
        padding: 8px 15px
    }

    .mailContent header.dashboard-toolbar {
        background: #fff
    }

    .msgBoxList {
        padding: 5px 8px
    }

    .tblmsgPart h4 {
        max-width: 90% !important
    }

    .tblmsgPart p {
        max-width: 85% !important
    }

    .msgAttach {
        margin-left: 10px
    }

    .mailContent .dashboard-toolbar a.menu-toggle {
        left: 15px;
        font-weight: 800;
        font-size: 18px
    }

    .mailContent .dashboard-toolbar.othersInbox a.menu-toggle {
        position: relative;
        left: 0;
        top: 0;
        font-size: 18px
    }

    .mtxs-w33 {
        width: 33% !important
    }

    .mtxs-w77 {
        width: 77% !important
    }

    .customSubmenu .dropdown-submenu .dropdown-menu {
        left: auto;
        right: 20%;
        top: 30px
    }

    .mailContent .fr-box.fr-basic .fr-element {
        padding: 8px 10px;
        min-height: 120px !important
    }

    .mulmail-attach.mtFiles .btn-file {
        margin-top: 10px
    }

    .toSendwrap {
        align-items: baseline
    }

    .bccOpen,
    .ccOpen {
        align-items: baseline
    }

    .mailContent .dashboard-nav header {
        font-size: 18px
    }

    .fullmsg-Hgt {
        height: calc(100vh - 115px);
        padding-right: 5px
    }

    .intrContent .dashboard-app {
        width: 100% !important
    }

    .intrContent .dashboard-nav.mobile-show {
        min-width: 65% !important
    }

    .boxHalf {
        width: 100%
    }

    .emplistRep .btn-group.ml-auto.mobExport {
        position: absolute;
        right: 30px;
        top: 118px;
        z-index: 3;
        border-radius: 15px
    }

    .emplistRep .mobExport .placeBox .btn.btn-orange {
        border-radius: 5px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important
    }

    .h-sm-30 {
        height: 30px !important
    }

    .fs-sm-12 {
        font-size: 12px !important
    }

    .preCon .breadcrumbTop .breadcrumb-item.active,
    .preCon .jcsOnly .breadcrumbTop .breadcrumb-item a {
        font-size: 13px
    }

    .preCon .reportHead .repTitle {
        font-size: 15px;
        padding-left: 35px
    }

    .preCon .breadcrumbTop .breadcrumb-item {
        padding: 0 6px 0 16px
    }

    .preCon .codeLogic {
        height: 23px;
        border-radius: 3px
    }

    .preCon .placeBox {
        bottom: -41px
    }

    .preCon .placeBox .btn.btn-orange {
        height: 23px
    }

    .repBoxes .w-24p {
        width: 100%
    }

    .preCon .placeBox {
        width: fit-content
    }

    .appNoshow .custom-search {
        width: 65%
    }

    .appNoshow .breadcrumbTop .breadcrumb-item.active,
    .preCon .jcsOnly .breadcrumbTop .breadcrumb-item a {
        font-size: 12px
    }

    .appNoshow .reportHead .repTitle {
        font-size: 17px;
        padding-left: 35px
    }

    .preconHeld .breadcrumbTop .breadcrumb-item a,
    .preconHeld .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .preconHeld .placeBox {
        width: 100%;
        right: 32px !important
    }

    .preconHeld .breadcrumbTop .breadcrumb-item a,
    .redeFees .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .redeFees .placeBox {
        width: 100%;
        right: 10px !important
    }

    .agentDash .mobExport .btn.btn-orange {
        line-height: 24px;
        font-size: 12px !important;
        border-radius: 4px !important
    }

    .agentDash .btn-group.ml-auto.mobExport {
        height: 40px;
        width: 95px;
        top: 119px
    }

    .constDays .custom-search {
        width: 45%
    }

    .constDays .mobile-accordion .rh>span {
        font-size: 15px;
        font-weight: 500;
        padding: 8px 45px 8px 10px
    }

    .constDays .mobile-accordion .td {
        display: flex;
        align-items: center
    }

    .constDays .mobile-accordion .rh>span {
        display: block
    }

    .constDays .mobile-accordion .td:before {
        padding: 5px 0
    }

    .backLog-zolly .custom-search {
        width: 100%
    }

    .backLog-zolly table.dataTable thead>tr>th.sorting,
    .backLog-zolly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 40px !important
    }

    .h-sm-35 {
        height: 35px !important
    }

    .backLog-zolly .mobile-accordion .tr .td {
        display: flex;
        align-items: center
    }

    .backLog-zolly .mobile-accordion .td:before {
        padding: 0;
        white-space: pre-wrap
    }

    .backLog-zolly .mobile-accordion .rh>span {
        width: 100%;
        white-space: pre-wrap;
        padding-right: 40px
    }

    .backLog-zolly .table.mobile-accordion .rh.active>span:after,
    .backLog-zolly .table.mobile-accordion .rh>span:after {
        top: 8px
    }

    .backLog-zolly .table.mobile-accordion .rh.active>span:after {
        width: 20px;
        height: 20px
    }

    .availhomeInven .custom-search {
        width: 50%
    }

    .expandTable .table.dataTable td .linkSky {
        font-size: 12px
    }

    .firstHome .breadcrumbTop .breadcrumb {
        padding: .5rem .47rem
    }

    .firstHome .breadcrumbTop .breadcrumb-item a,
    .firstHome .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .firstHome .breadcrumbTop .breadcrumb-item {
        padding: 0 5px 0 15px
    }

    .cardDash .cardBox {
        width: 50%;
        margin: 0;
        border-radius: 0
    }

    .cardDash .cardinBox {
        border-radius: 0
    }

    .rounded-tl-bl {
        border-top-left-radius: 6px !important;
        border-bottom-left-radius: 6px !important
    }

    .rounded-tr-br {
        border-top-right-radius: 6px !important;
        border-bottom-right-radius: 6px !important
    }

    .rounded-tr {
        border-top-right-radius: 6px !important
    }

    .rounded-br {
        border-bottom-right-radius: 6px !important
    }

    .rounded-tl {
        border-top-left-radius: 6px !important
    }

    .rounded-bl {
        border-bottom-left-radius: 6px !important
    }

    .testislider .carousel-control-next {
        right: -20px
    }

    .testislider .carousel-control-prev {
        left: -20px
    }

    .intShop {
        height: 200px !important
    }

    .intrContent.mailContent .dashboard-toolbar.othersInbox a.menu-toggle {
        font-size: 20px
    }

    .cardempDash.cardDash .cardinBox {
        border-radius: 6px
    }

    .cardempDash.cardDash .cardBox {
        border-radius: 6px
    }

    .ticket-details ul li .w-25,
    .ticket-details ul li .w-75 {
        width: 100% !important
    }

    .ticket-details .mulmail-attach.mtFiles .btn-file {
        margin-top: 0
    }

    .intrTask .imageOuter {
        width: 40px;
        height: 40px
    }

    .intrTask .imageOuter.blogOut {
        width: 70px;
        height: 60px
    }

    .intrContent.mailContent .dashboard-nav-item {
        white-space: nowrap
    }

    .testislider .carousel-inner {
        padding: 0 25px
    }

    .testislider .carousel-control-next,
    .testislider .carousel-control-prev {
        top: 50%
    }

    .dashrevch {
        flex-wrap: wrap
    }

    .dashmont-column {
        width: 100%
    }

    .caros-texter {
        width: auto
    }

    .cardDash .mbhgt-dsbx .cardinBox {
        height: 75px
    }

    .mltUpload {
        right: 0;
        position: relative;
        text-align: right
    }

    .textingComOnly .expandTable .table.dataTable td {
        vertical-align: middle !important
    }

    .subContrWarranty .breadcrumbTop .breadcrumb-item a,
    .subContrWarranty .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .fourtIn.cronOnly .breadcrumbTop .breadcrumb-item a,
    .fourtIn.cronOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .cronOnly.walkThrReport .breadcrumbTop .breadcrumb-item a,
    .cronOnly.walkThrReport .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px
    }

    .superSched .custom-search {
        width: 55%
    }

    .employeList-rep .mobExport .btn.btn-orange,
    .finalPack .mobExport .btn.btn-orange,
    .jamesHomes .mobExport .btn.btn-orange,
    .mitchRep .mobExport .btn.btn-orange,
    .modelHome .mobExport .btn.btn-orange,
    .projClosing .mobExport .btn.btn-orange {
        border-radius: 4px !important;
        padding: 9px 16px !important
    }

    .customHome .mobExport .btn.btn-orange {
        padding: 3px 10px !important;
        border-radius: 3px !important
    }

    .jamesHomes .breadcrumbTop .breadcrumb-item a,
    .jamesHomes .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .dtPart .expandTable table.dataTable td .linkBlue {
        font-size: 12px
    }

    .hitlistOnly.scottPack .breadcrumbTop .breadcrumb-item a,
    .hitlistOnly.scottPack .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .rfelistOnly .expandTable .table.dataTable.rfelistTabl td {
        vertical-align: middle !important
    }

    .wmsOnly .cs-rad li {
        padding-right: 8px !important
    }

    .wmsOnly .placeBox {
        right: -30px !important;
        bottom: -16px !important
    }

    .wmsOnly .btn-group.ml-auto.mobExport {
        right: -15px;
        top: 43px
    }

    .mobExport .btn.btn-orange {
        padding: 4px 10px !important
    }

    .appunOnly .absTilte {
        font-size: 14px
    }

    td.digInticate::after,
    td.finInticate::after,
    td.roughInticate::after {
        transform: translate(-10px, -5px)
    }

    .expandTable table.dataTable td.pl-sm-30 {
        padding-left: 30px !important
    }

    .expandTable table.dataTable td.plainplusTab {
        padding-left: 30px !important
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.plainplusTab.dtr-control:before,
    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.plainplusTab:first-child:before {
        left: 0
    }

    .articlesList .customColumn {
        display: flex;
        justify-content: space-between;
        flex-flow: column
    }

    .articlesList .btn.btn-success.btnGreen {
        width: 100%
    }

    .btn-red2-sm {
        min-width: auto;
        height: auto;
        line-height: 20px;
        font-size: 12px !important;
        padding: 4px 8px
    }

    .themeBlue-sm {
        min-width: auto;
        height: auto;
        line-height: 20px;
        font-size: 12px !important;
        padding: 4px 8px !important
    }

    .articlesEdit .btn-right {
        top: 75px
    }

    .articlesAdd .btn-right {
        top: 75px
    }

    .articlesAdd .btn-red2-sm {
        min-width: auto;
        height: auto;
        line-height: 20px;
        font-size: 13px !important;
        padding: 4px 12px
    }

    .viewReport .xs-w-50 {
        width: 45% !important
    }

    .breadcrumbTop .breadcrumb-item.active,
    .viewReport .breadcrumbTop .breadcrumb-item a {
        font-size: 12px
    }

    .viewReport div.dataTables_wrapper div.dataTables_info {
        white-space: break-spaces
    }

    .viewReport .listContent .formControlIG1.input-group .form-control {
        font-size: 12px
    }

    .blogCategory .changePos.tabPos .postop {
        left: -15px !important
    }

    .blogCategory .changePos.tabPos {
        display: flex;
        flex-direction: row-reverse !important
    }

    .profUpdate .themeEditor .fr-box.fr-basic.fr-bottom .fr-wrapper,
    .themeEditor .fr-toolbar.fr-bottom {
        max-height: 400px;
        overflow: auto
    }

    .fixedBtn {
        position: fixed;
        right: 30px;
        top: 122px
    }

    .masterOptions .dtPart .expandTable table.dataTable tr td:nth-child(6) div {
        white-space: break-spaces
    }

    .masterOptions .c-compresold2 {
        padding: 4px 14px 2px !important
    }

    .splistOnly i.fas.fa-trash {
        position: absolute;
        right: -16px;
        left: -28px
    }

    .splistOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        width: 80% !important;
        z-index: 99999
    }

    .tradeOnly .dateClear.ti-close {
        top: 15%;
        right: 3% !important
    }

    .tradeOnly .expandTable table.dataTable thead .sorting:after,
    .tradeOnly .expandTable table.dataTable thead .sorting:before,
    .tradeOnly .expandTable table.dataTable thead .sorting_asc:after,
    .tradeOnly .expandTable table.dataTable thead .sorting_asc:before,
    .tradeOnly .expandTable table.dataTable thead .sorting_desc:after,
    .tradeOnly .expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.46em !important
    }

    .checklotOnly .customTable .dataTables_wrapper .row:first-child {
        margin-top: 55px
    }

    .chkreqqOnly .sm-w10 {
        width: unset;
        min-width: 19% !important
    }

    .SliderModal .modal-body {
        height: 400px;
        overflow: auto
    }

    .SliderModal .modal-open .modal {
        padding-right: 0
    }

    .SliderModal .modal-footer {
        flex-wrap: nowrap
    }

    .SliderModal .has-float-label textarea+label,
    .has-float-label textarea.valid+label {
        width: calc(100% - 57px)
    }

    .qui_icon_only .expandTable span.dtr-data {
        white-space: break-spaces;
        display: flex
    }

    .vdocOnly .expandTable .table.dataTable td:last-child {
        padding-left: 8px !important
    }

    .leadHeading .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 25px;
        height: 25px
    }

    .leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #363636;
        padding-left: 40px
    }

    .leadHeading {
        position: absolute;
        top: 58px;
        left: 15px;
        z-index: 1;
        transform: unset
    }

    .gap_10 {
        gap: 10px
    }

    .mt-50 {
        margin-top: 50px
    }

    .mt-40 {
        margin-top: 40px
    }

    .gvattach .leadHeading {
        position: absolute;
        left: 50% !important;
        transform: translateX(-50%)
    }

    .moveIn_readyLeads .leadHeading {
        top: 45px
    }

    .note_community .filterTitle h4 {
        font-size: 15px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .note_community ul.lotFields {
        overflow: hidden
    }

    .note_community .lotFields li:nth-child(2) {
        width: 100% !important;
        text-align: center
    }

    .note_community .btn-red {
        padding: 5px 12px
    }

    .lotFields .btn-red {
        margin-top: 7px !important;
        font-size: 12px
    }

    .note_community .lotFields li.w-xs-100:nth-child(2) {
        width: 100% !important
    }

    .note_community .breadcrumbTop .breadcrumb-item {
        font-size: 12px !important
    }

    .note_mapList .filterTitle h4 {
        font-size: 15px !important
    }

    .note_mapList .dtPart .tableHeader_img img {
        width: 160px
    }

    .note_mapList .breadcrumbTop .breadcrumb-item.active {
        margin-top: 0 !important
    }

    .mapTab #button-4 .knobs:before {
        top: 4px;
        left: 4px;
        width: 22px;
        height: 22px;
        line-height: .5;
        padding: 10px 4px;
        font-size: 8px
    }

    .mapTab #button-4 .knobs:after {
        width: 22px;
        height: 22px;
        line-height: .5;
        padding: 10px 4px;
        font-size: 8px
    }

    .mapTab .toggle-button-cover .button {
        width: 55px;
        height: 30px;
        margin: -15px auto 0 auto;
        margin-right: 110px
    }

    .lotpackOnly .nxtBox .btnBlack {
        padding: 4px 6px;
        height: 30px
    }

    .lotpackOnly .imageHov {
        width: 100% !important;
        margin-bottom: 10px
    }

    .lotpackOnly .packageTable .packHeading h4,
    .lotpackOnly .packageTable .packHeading h5 {
        font-size: 15px !important
    }

    .lotpackOnly span.textsma1 {
        top: 0
    }

    .lotpackOnly span.textsma2 {
        bottom: 0
    }

    #pills-comlist .dtPart .expandTable table.dataTable td:first-child,
    #pills-hemedesign .dtPart .expandTable table.dataTable td:first-child {
        padding-left: 35px !important
    }

    #pills-comlist table.dataTable.dtr-column>tbody>tr>td:first-child.dtr-control:before,
    #pills-hemedesign table.dataTable.dtr-column>tbody>tr>td:first-child.dtr-control:before {
        left: 10px !important
    }

    #pills-comlist .dtPart .expandTable table.dataTable tr.child td.child,
    #pills-hemedesign .dtPart .expandTable table.dataTable tr.child td.child {
        padding-left: 0 !important
    }

    #pills-comlist [tooltip]:not([flow])::after {
        right: -145px !important
    }

    #pills-hemedesign [tooltip]:not([flow])::after {
        left: 0 !important
    }

    .moveinOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 30px !important
    }

    .moveinOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
        left: 0
    }

    .navisonOnly .expandTable span.dtr-data {
        white-space: inherit;
        width: 100%
    }

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

    #tag_list_table_wrapper .dataTables_length {
        display: none
    }

    .noteBook_lotDetails .hometrad {
        width: 65% !important
    }

    .popover {
        display: none
    }

    .employee_archived .dataTables_wrapper .row:first-child .col-md-6,
    .employee_list .dataTables_wrapper .row:first-child .col-md-6 {
        top: 11px;
        left: 50%;
        transform: translateX(-50%)
    }

    .employee_archived .expandTable .dataTables_wrapper.dt-bootstrap4,
    .employee_list .expandTable .dataTables_wrapper.dt-bootstrap4 {
        padding-top: 55px
    }

    .employee_archived .lgTitle {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    #category_list_table_wrapper .dataTables_length {
        display: none
    }

    .communityDash_info .tabPart .nav-pills .nav-link,
    .communityDash_info .tabPart .nav-pills .show>.nav-link {
        background-color: #363636
    }

    .gap-10 {
        gap: 10px
    }

    .btn-red5 {
        width: auto !important
    }

    .chartSection {
        height: unset !important
    }

    .communityDash_info .has-float-label textarea+label,
    .communityDash_info .has-float-label textarea.valid+label {
        width: calc(100% - 48px)
    }

    .max-width-sm-50 {
        max-width: 50%
    }

    .communityDash_info .viewPhotos .fmSources {
        width: 47.29% !important
    }

    .errpOnly .expandTable table.dataTable td {
        white-space: inherit
    }

    .errpOnly .expAccn table.dataTable.dtr-column>tbody>tr>td.dtr-control:before {
        top: 48%
    }

    .thme-cusW1 {
        width: 100% !important;
        padding-left: 15px
    }

    .thme-cusW2 {
        width: 100% !important;
        padding-left: 15px
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .themeEditor.froa-mob .fr-toolbar.fr-bottom {
        overflow: visible
    }

    .sklOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .sklOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0
    }

    .sklOnly .dtPart .expandTable table.dataTable td.dtr-control {
        white-space: inherit;
        padding-left: 30px !important
    }

    #article_list_table_wrapper .dataTables_length,
    #slider_list_table_wrapper .dataTables_length {
        display: none !important
    }

    .articlesList #article_list_table_wrapper .listContent.listSm .btn-red2 {
        min-width: 50px
    }

    .articlesList #article_list_table_wrapper .customColumn {
        display: flex;
        flex-flow: wrap;
        justify-content: flex-start !important
    }

    .mngcmnd .expandTable .table.dataTable td:last-child {
        padding-right: 0 !important
    }

    .carpOnly .dataTables_length {
        display: none
    }

    .carpOnly .dataTables_wrapper div.dataTables_info {
        white-space: inherit
    }

    .mlitm-car2.multiitem-carousel .carousel-control-next {
        right: -22px !important
    }

    .cmeditOnly .btn-right,
    .hmeditOnly .btn-right {
        top: 10px
    }

    .expandTable .table.dataTable td.sm-pl-35 {
        padding-left: 35px !important
    }

    .leadashOnly .btn-black {
        padding: 3px 6px !important
    }

    .leadashOnly .breadcrumbTop .breadcrumb-item a,
    .leadashOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .overflow-scroll::-webkit-scrollbar {
        width: 3px
    }

    .daterangepicker.show-calendar {
        z-index: 99
    }

    .marketIng .breadcrumbTop .breadcrumb-item a,
    .marketIng .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .marketIng .breadcrumbTop .breadcrumb-item {
        padding: 0 0 0 18px
    }

    .fs-sm-15 {
        font-size: 16px !important
    }

    .px-xs-12 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }

    .ssuperOnly .repBoxes button {
        width: 100%
    }

    .static_nav .nav>.nav-item {
        width: 140px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .static_nav .nav-item>.min-wid125 {
        width: auto !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .second_section .nav-item>.min-wid125 {
        width: auto !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .second_section .nav>.nav-item {
        width: 150px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .w-sm-767 {
        width: auto
    }

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

    .hmlistOnly .dropdown-menu.openSort .dropdown-item {
        width: auto
    }

    .hmlistOnly .more_info .title {
        width: fit-content !important
    }

    .mnbuyerOnly .dataTables_length {
        margin-top: 50px
    }

    .lot_inventory .btn-group.ml-auto.mobExport {
        position: absolute;
        right: 30px;
        top: 237px;
        z-index: 3;
        border-radius: 15px
    }

    .model_homeList .dropdown-menu.openSort .dropdown-item {
        width: auto
    }

    .model_homesEdit .back-btn .btn-white2 {
        top: -155px
    }

    .ideConstruct_report .btn-blue {
        padding: 4px 9px;
        height: unset !important;
        line-height: 1.5 !important
    }

    .ideConstruct_report .btn-red {
        padding: 4px 9px;
        height: unset !important;
        line-height: 1.5 !important
    }

    .ideConstruct_report .btn.btn-orange {
        padding: 3px 10px !important
    }

    .ideConstruct_report .repOverflow {
        width: 130px
    }

    .ideConstruct_report .expandTable table thead th:first-child {
        position: sticky;
        left: -1px
    }

    .ideConstruct_report .expandTable table tbody td:first-child {
        position: sticky;
        left: -1px;
        background: #fff
    }

    .mom-week-sales-rep .breadcrumbTop .breadcrumb-item a,
    .mom-week-sales-rep .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .mailContent .msgdetails-view.tabmob-show {
        width: calc(100% - 0px)
    }

    .fullmsg-Hgt {
        padding-right: 0
    }

    .mailboard-content .mCSB_inside>.mCSB_container {
        margin-right: 10px
    }

    .mailboard-content .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0
    }

    .acquisition_Repo .boxAdvanceSearch.deskCustom {
        z-index: 99
    }

    .acquisition_Repo .btn.btn-orange {
        padding: 2px 10px !important
    }

    .cronOnly.acquisition_Repo .breadcrumbTop .breadcrumb-item a,
    .cronOnly.acquisition_Repo .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px !important
    }

    .acquisition_Repo .expandTable table thead th:first-child {
        position: sticky;
        left: -1px
    }

    .acquisition_Repo .expandTable table tbody td:first-child {
        position: sticky;
        left: -1px;
        background: #fff
    }

    .acquisition_Repo .expandTable table.constMonthTable thead th:first-child {
        padding-left: 35px !important
    }

    .acquisition_Repo .expandTable table.constMonthTable tbody td:first-child {
        padding-left: 35px !important
    }

    .acquisition_Repo .expandTable table.constMonthTable tbody td.child:first-child {
        padding-left: 0 !important
    }

    .acquisition_Repo .repOverflow {
        width: 155px
    }

    .clr-pckg-code .btn-group.ml-auto.mobExport {
        top: 125px
    }

    .mailContent .msgdetails-view.tabmob-show {
        bottom: -60px
    }

    .msgdetails-view .dropdown-menu.show {
        right: auto !important;
        left: 0 !important
    }

    .commun_list .xs-60 {
        width: 53%
    }

    .commun_list .xs-pwd {
        width: 46% !important;
        padding-right: 15px !important;
        padding-left: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 4px !important
    }

    .commun_list .mb-padding {
        padding-left: 0 !important;
        padding-right: 15px !important
    }

    .commun_list .page-link:hover {
        background-color: transparent !important
    }

    .commun_list .dropdown-menu.openSort .dropdown-item {
        width: auto
    }

    #map {
        height: 250px !important
    }

    .hmeditOnly .expandTable .table.dataTable td:nth-child(3) {
        max-width: 85px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hmeditOnly table.dataTable>tbody>tr.child span.dtr-title {
        min-width: auto !important
    }

    .close_super .fs-sm-16 {
        font-size: 16px !important
    }

    .close_super .repOverflow {
        width: 100px
    }

    .close_super .btn-group.ml-auto.mobExport {
        top: 5px !important
    }

    .close_super .mobExport .btn.btn-orange {
        border-radius: 4px !important;
        padding: 4px 12px !important
    }

    .close_super .breadcrumbTop .breadcrumb-item a,
    .close_super .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px !important
    }

    .suppliers_list .placeBox {
        right: 10px !important;
        display: unset
    }

    .suppliers_list .breadcrumbTop .breadcrumb-item a,
    .suppliers_list .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .wrkfrc_net_sales .breadcrumbTop .breadcrumb-item a,
    .wrkfrc_net_sales .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .mom-ytd-resc .breadcrumbTop .breadcrumb-item a,
    .mom-ytd-resc .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .mom-ytd-resc .breadcrumbTop .breadcrumb {
        padding-right: 0 !important
    }

    .w-170 {
        width: 170px
    }

    .com-hot-list .btn-group.ml-auto.mobExport {
        top: 115px
    }

    .com-hot-list .breadcrumbTop .breadcrumb-item a,
    .com-hot-list .breadcrumbTop .breadcrumb-item.active {
        font-size: 13px
    }

    .com-hot-list .lgTitle {
        font-size: 16px !important
    }

    .clnt-surv-det .custom-search {
        width: 60%
    }

    .clnt-surv-det .lgTitle {
        font-size: 17px !important
    }

    .has-reltr .highcharts-root .highcharts-axis-labels.highcharts-xaxis-labels text {
        font-size: 6px !important
    }

    .has-reltr .breadcrumbTop .breadcrumb-item a,
    .has-reltr .breadcrumbTop .breadcrumb-item.active {
        font-size: 14px !important
    }

    .wlrRep.wmsOnly .placeBox {
        right: -60px !important
    }

    .wlrRep.wmsOnly .btn-group.ml-auto.mobExport {
        right: 0
    }

    .wlrRep .reportHead .repTitle {
        font-size: 16px !important
    }

    .sma-report .breadcrumbTop .breadcrumb-item a,
    .sma-report .breadcrumbTop .breadcrumb-item.active {
        font-size: 14px !important
    }

    .sma-report .lgTitle {
        font-size: 16px !important;
        margin-bottom: 12px !important
    }

    .fs-sm-16 {
        font-size: 16px !important
    }

    .mb-sm-8 {
        margin-bottom: 8px !important
    }

    .lead-assgn .breadcrumbTop .breadcrumb-item a,
    .lead-assgn .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .twn-home-sts .btn-group.ml-auto.mobExport {
        top: 182px
    }

    .twn-home-sts .breadcrumbTop .breadcrumb-item a,
    .twn-home-sts .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px !important
    }

    .jasjon-cc .breadcrumbTop .breadcrumb-item a,
    .jasjon-cc .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .wasatch-back .breadcrumbTop .breadcrumb-item a,
    .wasatch-back .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .mark-int-det .breadcrumbTop .breadcrumb-item a,
    .mark-int-det .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .mark-int-det .custom-search {
        width: 100%
    }

    .mark-int-det .lgTitle {
        font-size: 16px !important
    }

    .agrmnt_dig .breadcrumbTop .breadcrumb-item a,
    .agrmnt_dig .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px !important
    }

    .agrmnt_dig .btn.btn-orange {
        padding: 0 10px;
        padding-top: 3px
    }

    .agrmnt_dig .repOverflow {
        width: 180px
    }

    .floorTofloor .breadcrumbTop .breadcrumb-item a,
    .floorTofloor .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px !important
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100%
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li:last-child span.dtr-data {
        padding-top: 8px
    }

    .customWLR .dt-bootstrap4>.row:first-of-type>.col-sm-12:first-of-type {
        margin-top: 20px
    }

    .tradeOnly .dateClear.ti-close {
        top: 15%;
        right: 4% !important
    }

    .micrOnly .input-group.formControlIG1.w-auto {
        width: 150px !important
    }

    .micrOnly [tooltip]:hover::after,
    .micrOnly [tooltip]:hover::before {
        display: none
    }

    .micrOnly .expandTable .table.dataTable td.dtr-control.fileImage {
        background-size: 25px !important
    }

    .ass-manual .dtPart .expandTable table.dataTable td {
        white-space: nowrap !important
    }

    .mngPrisheet .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100% !important
    }

    .splistOnly .tdGreen {
        max-width: unset !important;
        white-space: pre-wrap !important
    }

    .chqreq_status .btn-red2 {
        height: 35px !important
    }

    .chqreq_status .changePos .postop {
        left: 5px;
        position: relative;
        top: 2px
    }

    .congraOnly .daterangepicker.mobwdth-adj {
        width: 100% !important
    }

    .congraOnly .daterangepicker .drp-calendar {
        max-width: none
    }

    .congraOnly .daterangepicker.opensright:before {
        left: 20px
    }

    .congraOnly .daterangepicker.opensright:after {
        left: 21px
    }

    .view_Hide {
        right: 15px !important;
        width: 80% !important
    }

    .managePrice .fa-caret-down {
        display: inline
    }

    .dtPart div.dataTables_wrapper div.dataTables_info {
        white-space: pre-wrap !important
    }

    .clnt_assManual .dtPart .expandTable table.dataTable td:first-child {
        width: 50px;
        min-width: 50px
    }

    .clnt_assManual .delPos {
        left: 35px;
        top: 2px
    }

    .lotinxOnly .dtPart .expandTable table.dataTable td:first-child,
    .lotinxOnly .dtPart table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .tradeOnly .dateClear.ti-close {
        padding: 4px;
        padding-right: 5px;
        width: unset !important
    }

    .lot_Schedule .responsive-tabs.nav-tabs {
        display: block;
        flex-wrap: none;
        height: 30px
    }

    .lot_Schedule .resTab.tabPart .nav.nav-pills {
        height: auto;
        min-height: auto;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .lot_Schedule .resTab.tabPart .nav-pills .nav-link {
        width: auto;
        color: #000;
        border-right: 0 !important
    }

    .lot_Schedule .responsive-tabs.nav-tabs>li>a {
        margin-right: 4px
    }

    .lot_Schedule .tabPart .nav-pills .nav-link {
        height: 30px;
        text-align: left
    }

    .lot_Schedule .responsive-tabs.nav-tabs .nav-item {
        background-color: #fff
    }

    .lot_Schedule .responsive-tabs.nav-tabs .nav-item.active a {
        color: #fff !important
    }

    .lot_Schedule .resTab.tabPart .nav-pills .nav-link.active {
        border-right: 0 solid transparent !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .lot_Schedule .responsive-tabs.nav-tabs i.fa {
        color: #fff;
        top: 3px;
        right: 12px
    }

    .lot_Schedule .more-dot {
        display: block;
        font-size: 16px;
        top: -5px;
        left: -4px;
        position: relative;
        z-index: 9
    }

    .lot_Schedule .nav-item.active .more-dot {
        display: none
    }

    .qui_icon_only .tblGrp .expNext table.dataTable td:nth-child(8) {
        display: flex
    }

    .lot_Schedule .responsive-tabs.nav-tabs.open>li {
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important
    }

    .lot_Schedule .resTab.tabPart .nav.nav-pills {
        background: #fff !important
    }

    .lot_Schedule .tabPart .nav-pills .nav-link:hover {
        background: #fff !important
    }

    .lot_Schedule .resTab.tabPart .nav-pills .nav-link.active {
        background: #363636 !important
    }

    .metasrc_Sprvsr .expandTable .table.dataTable td:nth-child(4) {
        display: flex
    }

    .metasrc_Sthrn .expandTable .table.dataTable td:nth-child(9) {
        display: flex
    }

    .metasrc_addnal .has-float-label input {
        -webkit-appearance: none !important
    }

    .lot_Schedule .resTab.tabPart .nav.nav-pills {
        border: none !important;
        box-shadow: 0 2px 2px 1px rgb(0 0 0 / 8%)
    }

    .MetaSrcOnly .delPos {
        -webkit-padding-before: 5px !important
    }

    .responsive_navTabs .responsive-tabs.nav-tabs {
        display: block;
        flex-wrap: none;
        height: 30px
    }

    .responsive_navTabs .resTab.tabPart .nav.nav-pills {
        height: auto !important;
        min-height: auto;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .responsive_navTabs .resTab.tabPart .nav-pills .nav-link {
        width: auto;
        color: #000;
        border-right: 0 !important;
        margin: 0 !important
    }

    .responsive_navTabs .responsive-tabs.nav-tabs>li>a {
        margin-right: 4px
    }

    .responsive_navTabs .tabPart .nav-pills .nav-link {
        height: 30px;
        text-align: left
    }

    .responsive_navTabs .responsive-tabs.nav-tabs .nav-item {
        background-color: #fff
    }

    .responsive_navTabs .responsive-tabs.nav-tabs .nav-item.active a {
        color: #fff !important
    }

    .responsive_navTabs .resTab.tabPart .nav-pills .nav-link.active {
        border-right: 0 solid transparent !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        margin: 0 !important
    }

    .responsive_navTabs .responsive-tabs.nav-tabs i.fa {
        color: #fff;
        top: 3px;
        right: 12px
    }

    .responsive_navTabs .more-dot {
        display: block;
        font-size: 16px;
        top: -5px;
        left: -4px;
        position: relative;
        z-index: 9
    }

    .responsive_navTabs .nav-item.active .more-dot {
        display: none
    }

    .responsive_navTabs .responsive-tabs.nav-tabs.open>li {
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important
    }

    .responsive_navTabs .resTab.tabPart .nav.nav-pills {
        background: #fff !important
    }

    .responsive_navTabs .tabPart .nav-pills .nav-link:hover {
        background: #fff !important
    }

    .responsive_navTabs .resTab.tabPart .nav-pills .nav-link.active {
        background: #363636 !important
    }

    .responsive_navTabs .resTab.tabPart .nav.nav-pills {
        border: none !important;
        box-shadow: 0 2px 2px 1px rgb(0 0 0 / 8%)
    }

    .clnt_assManual .dataTables_processing {
        display: none !important
    }

    .metasrc_addnal .smLabel {
        width: 82px
    }

    .prtct_client .contentRight h4 {
        font-size: 18px;
        margin-top: 15px
    }

    .prtct_client .customtool {
        flex-wrap: wrap
    }

    .clnt_assumReport .customtool {
        margin-top: 10px
    }

    .clnt_assumReport .dtPart .expandTable table.dataTable td:first-child,
    .clnt_assumReport .dtPart table.dataTable th:first-child {
        padding-left: 40px !important
    }

    .clnt_assumReport .expandTable table.dataTable thead .sorting:first-child:before,
    .clnt_assumReport .expandTable table.dataTable thead .sorting_asc:first-child:before,
    .clnt_assumReport .expandTable table.dataTable thead .sorting_desc:first-child:before {
        left: 2.5em !important
    }

    .clnt_assumReport .expandTable table.dataTable thead .sorting:first-child:after,
    .clnt_assumReport .expandTable table.dataTable thead .sorting_asc:first-child:after,
    .clnt_assumReport .expandTable table.dataTable thead .sorting_desc:first-child:after {
        left: 2em !important
    }

    .leadHeading .sel-wrap .select2 .selection .select2-selection {
        background: #e8eaed;
        height: 34px !important;
        width: max-content !important
    }

    .leadHeading .select2-container--default .select2-selection--single .select2-selection__arrow {
        left: 8px;
        top: -6px
    }

    .leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 34px
    }

    .leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 12px !important;
        margin-top: 1px !important
    }

    .leadHeading {
        margin-top: 3px
    }

    .fbLeads .btn.themeBlue {
        margin-right: 0 !important;
        margin-bottom: 8px;
        margin-top: 5px;
        width: 100%
    }

    .clnt_listbuildr .insW .customtool {
        width: 75% !important
    }

    .clnt_listbuildr .insideTable.insW .dataTables_length {
        width: 25%;
        margin-top: 6px
    }

    .clnt_listbuildr .toolButtons {
        display: inline-flex !important;
        margin-bottom: 10px
    }

    .quick-moveTabl {
        display: block;
        overflow-x: scroll
    }

    .pchecklistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li {
        width: 100% !important
    }

    .prodList .expandTable .dtSelect2 {
        width: auto !important
    }

    .mngPrisheet .dtPart .expandTable table.dataTable td {
        line-height: 18px
    }

    .sm-wid15 {
        margin-bottom: 2px !important
    }

    .break-space {
        white-space: break-spaces
    }

    .stngClndr-Type .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 49% !important
    }

    .stngClndr-Type [tooltip]:not([flow]):hover::after,
    .stngClndr-Type [tooltip]:not([flow]):hover::before,
    .stngClndr-Type [tooltip][flow^=down]:hover::after,
    .stngClndr-Type [tooltip][flow^=down]:hover::before,
    .stngClndr-Type [tooltip][flow^=up]:hover::after,
    .stngClndr-Type [tooltip][flow^=up]:hover::before {
        display: none
    }

    .stngStatus [tooltip]:not([flow]):hover::after,
    .stngStatus [tooltip]:not([flow]):hover::before,
    .stngStatus [tooltip][flow^=down]:hover::after,
    .stngStatus [tooltip][flow^=down]:hover::before,
    .stngStatus [tooltip][flow^=up]:hover::after,
    .stngStatus [tooltip][flow^=up]:hover::before {
        display: none
    }

    .stngNoteBook [tooltip]:not([flow]):hover::after,
    .stngNoteBook [tooltip]:not([flow]):hover::before,
    .stngNoteBook [tooltip][flow^=down]:hover::after,
    .stngNoteBook [tooltip][flow^=down]:hover::before,
    .stngNoteBook [tooltip][flow^=up]:hover::after,
    .stngNoteBook [tooltip][flow^=up]:hover::before {
        display: none
    }

    .wrapComposeinbox .tags-examp .bootstrap-tagsinput .tag {
        margin: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 2px 5px
    }

    .wrapComposeinbox .tags-examp .bootstrap-tagsinput {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: wrap
    }

    .mb-sm-70 {
        margin-bottom: 70px !important
    }

    .fs-sm-11 {
        font-size: 11px !important
    }

    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting:after,
    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting:before,
    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting_asc:after,
    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting_asc:before,
    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting_desc:after,
    .agnt_srvy_rtng .expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.5em !important
    }

    .intrContent.mailContent .dashboard-nav-item {
        white-space: inherit !important
    }

    .fs-tab-10 {
        font-size: 10px !important
    }

    .fs-mob-12 {
        font-size: 12px !important
    }

    .clntSrvy_beta.survbetaOnly .customtool,
    .srvy_dsgnArchSrvy.survbetaOnly .customtool {
        width: 100% !important
    }

    .clntSrvy_beta.survbetaOnly .custom-search,
    .srvy_dsgnArchSrvy.survbetaOnly .custom-search {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 15px !important
    }

    .clntSrvy_beta .srcDatewidth,
    .srvy_dsgnArchSrvy .srcDatewidth {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 15px !important
    }

    .clntSrvy_beta.survbetaOnly .btn.themeBlue,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.themeBlue {
        margin-top: 10px !important;
        margin-left: 0 !important
    }

    .clntSrvy_beta.survbetaOnly .btn.btn-orange,
    .srvy_dsgnArchSrvy.survbetaOnly .btn.btn-orange {
        margin-top: 10px !important
    }

    .clntSrvy_beta.survbetaOnly .custom-search:first-child {
        margin-top: 10px !important
    }

    .clntSrvy_beta .dataTables_length {
        position: relative;
        top: 220px
    }

    .clntSrvy_beta .customtool,
    .srvy_dsgnArchSrvy .customtool {
        position: relative;
        top: -55px
    }

    .srvy_dsgnArchSrvy .dataTables_length {
        position: relative;
        top: 210px
    }

    .srvy_dsgnArchSrvy .themeHead {
        font-size: 17px
    }

    .srvy_dsgnArchSrvy .btn.btn-orange,
    .srvy_dsgnArchSrvy .btn.themeBlue {
        height: 30px;
        font-size: 10px;
        padding: 6px 20px
    }

    .survOnly .reportrange.rangeDate2 {
        font-size: 12px
    }

    .surdetOnly .toolButtons {
        justify-content: space-between;
        gap: 6px
    }

    .surdetOnly .themeHead {
        font-size: 15px
    }

    .model_homeList .expandTable .table.dataTable td:nth-child(3) {
        white-space: break-spaces
    }

    .model_homeList .fs-14-e82030 {
        position: relative;
        right: 30px
    }

    .model_homeList .left-xs-15 .custom-control-input:first-child,
    .model_homeList .left-xs-15 label {
        left: 31px
    }

    .model_homesEdit .expandTable .table.dataTable td.child {
        padding-left: 0 !important
    }

    .lotlistOnly .filterTitle h4 {
        white-space: break-spaces;
        word-break: break-word
    }

    .prodList .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .prodList .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 5px !important
    }

    .ordreqOnly .custom-file-label {
        display: flex;
        gap: 5px;
        overflow: hidden;
        white-space: nowrap;
        margin: 65px 15px !important
    }

    .ordreqOnly .fa.fa-upload.m-10 {
        line-height: 1.4
    }

    .ordreqOnly .support-file {
        top: -50px !important
    }

    .ordreqOnly .custom-file.od-upload {
        padding: 60px 15px !important
    }

    .ordreqOnly .support-file {
        left: 5px !important
    }

    .salesagOnly .dataTables_wrapper .col-sm-12.col-md-6 {
        margin-top: 20px
    }

    .salesagOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 0
    }

    .salesagOnly .h-adjust {
        height: 0
    }

    .salesordOnly .h-adjust {
        height: auto
    }

    .salesordOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        right: 0
    }

    .smhgt38 {
        height: 38px !important
    }

    .dashboard-content.dcScroll {
        height: calc(100vh - 230px);
        overflow-y: auto
    }

    .warrContent .expandTable table.lotcomp-report.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0 !important
    }

    .realinfoOnly .inBtnscus .dataTables_length {
        width: 100%;
        float: left
    }

    .sub-btn {
        padding: 5px !important;
        font-size: 12px !important
    }

    .frame {
        width: 100%;
        min-width: 100%;
        height: 100vh;
        max-height: 100vh;
        margin: 0
    }

    .frame .chat-content .contact-profile .social-media {
        width: 10%
    }

    .frame .chat-content .contact-profile img {
        width: 30px;
        margin: 5px
    }

    .contact-info {
        width: 78%
    }

    .contact-info span {
        font-size: 12px;
        word-break: break-all
    }

    .frame .sidepanel .profile-sec .wrap {
        display: block;
        height: 90px
    }

    #button-1 .knobs:before {
        content: "On";
        width: 22px;
        height: 22px;
        font-size: 12px;
        padding: 5px 1px
    }

    #button-1 .checkbox:checked+.knobs:before {
        content: "Off";
        left: 28px
    }

    .chat-container .toggle-button-cover {
        width: 57px;
        margin-left: 0
    }

    .chat-container .button {
        width: 57px
    }

    .realTab .nav-tabs.customTab1>li>a {
        padding: 13px 10px !important
    }

    .frame .chat-content {
        width: calc(100% - 58px)
    }

    .frame {
        height: 70vh
    }

    .chat {
        min-height: 70vh
    }

    .frame .chat-content .messages {
        max-height: calc(100% - 125px)
    }

    .frame .chat-content .messages ul li p {
        max-width: 100%
    }

    .uptOption {
        height: 50px
    }

    .downText {
        word-break: break-word
    }

    .prdctclm {
        height: 102px;
        font-size: 17px;
        min-width: 90px;
        justify-content: center;
        display: none
    }

    .noteBook_lotDetails .packageBox .boxInner img {
        height: 196px !important
    }

    .statusToolbar {
        margin-left: 20px;
        display: inline-block
    }

    .mapComm #map {
        height: 100% !important
    }

    .w-67perc {
        width: 75% !important
    }

    .mb-sm-60 {
        margin-bottom: 60px !important
    }

    .mt-sm-60 {
        margin-top: 60px !important
    }

    .wstchBck_mleStn .btn.btn-orange {
        margin-top: 60px !important
    }

    .communityDash_info .mblviwTab .container {
        max-width: inherit
    }

    .communityDash_info .mblviwTab .tabPart .nav-pills .nav-link {
        background-color: #fff !important
    }

    .communityDash_info .breadcrumbTop .breadcrumb-item a,
    .communityDash_info .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .ivohub-qui-ico-inp-top {
        margin-top: 8px !important
    }

    .ivohub-qui-ico-inp-res {
        margin-top: 8px !important
    }

    .export_btn .btn.btn-orange {
        font-size: 12px
    }
}

@media (max-width:558px) {

    .vdocOnly.roleOnly .logSwitch .btn-toggle,
    .vlistOnly.roleOnly .logSwitch .btn-toggle {
        top: -7px !important;
        left: -60px !important
    }

    .vdocOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data .togg-switch.logSwitch,
    .vlistOnly .expandTable table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data .togg-switch.logSwitch {
        padding-left: 0
    }

    .articlesList .deskCustom.boxAdvanceSearch.boxASVisible {
        flex-flow: column
    }
}

@media only screen and (min-device-width:1440px) and (max-device-width:2560px) {
    .pl-24p {
        padding-left: 25%
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (orientation:portrait) {

    .plusIcon::before,
    .shown::after {
        left: 0
    }

    .mtTab10 {
        margin-top: 10px
    }

    .fs-tab-12 {
        font-size: 12px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .sm-w95 {
        width: 95px !important
    }

    .sm-mr-0 {
        margin-right: 0 !important
    }

    .tableAccordian .card {
        width: 49%
    }

    .pin {
        position: absolute;
        top: 20%;
        left: 52%
    }

    .intrTask.list-unstyled {
        display: flex;
        flex-wrap: wrap
    }

    .intrTask .taskBox {
        width: 50%
    }

    .hgt-auto {
        height: auto !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
    .listContent.listSm .tabPart .nav-pills .nav-link {
        font-size: 13px
    }

    .listContent.listSm .tabPart.tabEdit .nav-pills .nav-link {
        margin: 10px 18px 0
    }

    .listContent.listSm .btn-white {
        font-size: 12px
    }

    .listContent.listSm .btn-red2 {
        font-size: 12px;
        width: 85px;
        height: 40px
    }

    .sm-p-0 {
        padding: 0
    }

    .listContent div.dataTables_wrapper div.dataTables_filter input {
        width: 75%
    }

    .expandTable table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%
    }

    .expandTable .tblTextarea {
        width: 100%
    }

    .mobileFilter {
        width: 90px
    }

    .innTop {
        width: 305px
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 1px
    }

    .repOverflow {
        width: 220px
    }

    .projRevenue .repOverflow {
        width: 130px
    }

    .customHome .repOverflow {
        width: 90px
    }

    .draggable-element {
        width: 30.4%
    }
}

@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation :portrait) and (-webkit-device-pixel-ratio:3) {
    .nxtBox .btn-red {
        padding: 5px 4px;
        font-size: 10px !important
    }

    .nxtBox .btnBlack {
        padding: 4px 4px;
        height: 27px;
        font-size: 10px !important
    }

    .iphnone {
        display: none
    }

    .repOverflow {
        width: 205px
    }
}

@media only screen and (device-width :375px) and (device-height :667px) and (-webkit-device-pixel-ratio :2) {
    .cmlistOnly .btn-red2 {
        min-width: 88px
    }

    .mbl-marg {
        margin-left: 20px
    }

    .splistOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        z-index: 10;
        right: 0;
        width: 61%
    }

    .splistOnly i.fas.fa-trash {
        right: 15px
    }

    .spreqOnly [tooltip]:not([flow])::after,
    .spreqOnly [tooltip]:not([flow])::before,
    .spreqOnly [tooltip][flow^=up]::after,
    .spreqOnly [tooltip][flow^=up]::before {
        left: -10px
    }

    .more_info .title {
        width: 305px
    }

    .infoWidth {
        max-width: 120px
    }

    .ev-calendartype_list_table .fs-14-02080D {
        margin-left: 5px !important;
        font-size: 10px
    }

    .ev-calendartype_list_table .more_info .title {
        left: 45%
    }

    .infoWidth2 {
        max-width: 200px
    }

    .more_info.infoWidth2 .title {
        left: 50%
    }

    .innTop {
        width: 305px
    }

    .inner-responsive {
        max-width: 313px
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .viewPhotos .fmSources {
        width: 22.6%
    }

    .fmBox .mxwdt-160 {
        padding-right: 0 !important
    }
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .cmlistOnly .btn-red2 {
        min-width: 88px
    }

    .col-auto.mbl-marg {
        margin-left: 20px
    }

    .splistOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        width: 61%
    }

    .splistOnly i.fas.fa-trash {
        right: 15px
    }

    .spreqOnly [tooltip]:not([flow])::after,
    .spreqOnly [tooltip]:not([flow])::before,
    .spreqOnly [tooltip][flow^=up]::after,
    .spreqOnly [tooltip][flow^=up]::before {
        left: -10px
    }

    .more_info .title {
        width: 305px
    }

    .ev-calendartype_list_table .fs-14-02080D {
        margin-left: 5px !important;
        font-size: 10px
    }

    .infoWidth {
        max-width: 120px
    }

    .more_info.infoWidth2 .title {
        left: 50%
    }

    .infoWidth2 {
        max-width: 200px
    }

    .innTop {
        width: 305px
    }

    .hsplanWidth {
        max-width: 120px
    }

    .inner-responsive {
        max-width: 312px
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 1px
    }

    .mergeCus1.mergeTables.tableAccordian .table .thead-light th {
        font-size: 9px
    }

    .backlogSec .custom-control.custom-checkbox.chkLabel {
        width: 35%
    }

    .repOverflow {
        width: 220px
    }

    .viewPhotos .fmSources {
        width: 22.6%
    }

    .fmBox .mxwdt-160 {
        max-width: 95px
    }

    .draggable-element {
        width: 30.4%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait) {
    .listContent.listSm .tabPart .nav-pills .nav-link {
        font-size: 13px
    }

    .cllistOnly .boxShadowLight .btn-white {
        font-size: 9px !important
    }

    .listContent.listSm .tabPart.tabEdit .nav-pills .nav-link {
        margin: 10px 18px 0
    }

    .listContent.listSm .btn-white {
        font-size: 12px
    }

    .listContent.listSm .btn-red2 {
        font-size: 12px;
        width: 85px;
        height: 40px
    }

    .sm-p-0 {
        padding: 0
    }

    .listContent div.dataTables_wrapper div.dataTables_filter input {
        width: 75%
    }

    .listSm .btn.btn-orange {
        padding: 6px 10px;
        font-size: 12px
    }

    .listContent.listSm .btn-red2 {
        font-size: 12px;
        width: 85px;
        height: 33px
    }

    div.dataTables_wrapper div.dataTables_filter {
        right: 0;
        position: relative;
        top: 0;
        width: 100%
    }

    .advFilter.mobileFilter {
        padding: 5px 10px !important
    }

    .i5padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .fb-mob {
        width: 76px
    }

    .iph5-w100 {
        width: 100% !important
    }

    .clModel .modal-title {
        font-size: 17px
    }

    #pills-lotchain div.dataTables_wrapper div.dataTables_filter input {
        width: 75%
    }

    .innTop {
        width: 235px
    }

    .cllistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 0 !important
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .projRevenue .repOverflow {
        width: 130px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (device-aspect-ratio:40/71) {
    .breadcrumbTop .breadcrumb-item img {
        width: 14px
    }

    .breadcrumbTop .breadcrumb-item {
        font-size: 15px;
        color: #02080d;
        padding: 0 2px 0 17px
    }

    .breadcrumbTop .breadcrumb-item a,
    .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .projRevenue .breadcrumbTop .breadcrumb-item a,
    .projRevenue .breadcrumbTop .breadcrumb-item.active {
        font-size: 6px
    }

    .selectAddon .input-group-text {
        padding: 0 10px 0 0
    }

    .selectAddon .input-group>.form-control {
        font-size: 13px;
        width: 30px
    }

    .smDblock {
        display: block !important
    }

    .tabPart .nav-pills .nav-link,
    .tabPart .nav-pills .show>.nav-link {
        font-size: 12px
    }

    .cmlistOnly .btn-red2 {
        padding: 7px 27px;
        width: 100%
    }

    .cmlistOnly .btn-white,
    .hmlistOnly .btn-white,
    .mhlistOnly .btn-white {
        width: 35px !important;
        margin-left: 2px
    }

    .cmeditOnly .tabPart .nav-pills .nav-link,
    .cmeditOnly .tabPart .nav-pills .show>.nav-link {
        font-size: 10px
    }

    .cmlistOnly .btn-red2 {
        min-width: 48px;
        width: 48px;
        padding: 0 5px;
        font-size: 12px;
        height: 36px;
        line-height: 18px
    }

    .cmlistOnly .btn.btn-orange {
        padding: 9px 5px;
        font-size: 12px
    }

    .mbl-marg {
        padding-left: 10px !important
    }

    .hmeditOnly .back-btn .btn-white2 {
        width: 40px;
        font-size: 11px;
        padding: 0 7px
    }

    .optPack .chkLabel label {
        font-size: 12px
    }

    .optPack .optwidth {
        width: 100%
    }

    .hmeditOnly .back-btn .btn-white2,
    .mheditOnly .back-btn .btn-white2 {
        width: 36px;
        padding: 4px;
        font-size: 11px
    }

    .splistOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        z-index: 10;
        right: 0;
        width: 71%
    }

    .splistOnly i.fas.fa-trash {
        right: 14px
    }

    .spreqOnly [tooltip]:not([flow])::after,
    .spreqOnly [tooltip]:not([flow])::before,
    .spreqOnly [tooltip][flow^=up]::after,
    .spreqOnly [tooltip][flow^=up]::before {
        left: -75px
    }

    .cllistOnly .listContent.listSm .btn-red2 {
        min-width: 110px;
        width: 110px
    }

    .cllistOnly .tabPart .nav-pills .nav-link,
    .cllistOnly .tabPart .nav-pills .show>.nav-link {
        font-size: 11px !important
    }

    .boxShadowLight.dflexBox .dropdown-menu.show {
        left: 35px !important;
        width: 262px !important
    }

    .dflexBox .dropdown-menu.show .dropdown-item .chkLabel label {
        font-size: 11px
    }

    .cleditOnly .edRes .tabPart .nav-pills .nav-link,
    .cleditOnly .edRes .tabPart .nav-pills .show>.nav-link {
        font-size: 11px
    }

    .cleditOnly .contentRow .card-body {
        margin: 0 15px
    }

    .cleditOnly .edProfile .nav-tabs .nav-link {
        padding: 8px 0;
        margin: 0 10px;
        font-size: 12px
    }

    .cleditOnly ul.cs-rad {
        margin-bottom: 0
    }

    .cleditOnly .cs-rad li {
        padding-right: 12px !important
    }

    .cleditOnly .cs-rad [type=radio]:checked+label,
    .cleditOnly .cs-rad [type=radio]:not(:checked)+label {
        font-size: 12px
    }

    .taskTop2 input.form-control {
        padding: 5px 5px;
        font-size: 12px
    }

    .taskTop2 .input-group-append {
        padding: 10px 5px
    }

    .taskTop2 .input-group {
        margin: 0 !important
    }

    .ctrOnly .btn-white {
        width: 45px !important;
        font-size: 12px
    }

    .xswht .btn-white {
        line-height: 15px;
        width: 60px;
        height: 30px;
        font-size: 12px
    }

    .spreqOnly .has-float-label textarea.gargmob {
        padding: 35px 8px 10px 8px
    }

    .tabletool2 .btn.btn-success.btnGreen {
        padding: 8px 24px !important
    }

    .listContent.listSm .tabletool2 .btn-red2 {
        padding: 5px 13px
    }

    .xs-pwd {
        width: 36% !important;
        padding-right: 0 !important
    }

    .mheditOnly .tabPart .nav-pills .nav-link {
        margin: 10px 10px 0
    }

    .notelotOnly .tab-content {
        padding: 10px 5px !important
    }

    .notelotOnly .lotdeCheck .custom-control.custom-checkbox.chkLabel {
        width: 50%;
        padding-left: 25px;
        white-space: nowrap
    }

    .lotdeCheck .chkLabel label {
        font-size: 11px
    }

    .toggle-button-cover .button {
        right: 25px
    }

    .removeCard .card-header {
        padding: 5px 10px;
        font-size: 11px
    }

    a.btn.btnLink {
        font-size: 10px
    }

    .removeCard.card {
        width: 70px
    }

    .taggingIco span {
        font-size: 11px
    }

    .noteTagOnly .btn.btn-orange {
        padding: 6px 12px;
        font-size: 12px
    }

    .micrOnly .btn.themeBlue {
        font-size: 11px
    }

    .micrOnly .btn-red {
        font-size: 11px
    }

    .micrOnly .formControlIG1.input-group .form-control {
        font-size: 11px
    }

    .micrOnly .openSort .dropdown-item {
        font-size: 11px
    }

    .micrOnly .alphabetOrder {
        font-size: 9px
    }

    .micrOnly .openSort .dropdown-item {
        font-size: 10px
    }

    div.dataTables_wrapper div.dataTables_info {
        font-size: 10px
    }

    .dataTables_paginate .page-item .page-link,
    .dataTables_paginate .page-item.active .page-link,
    .dataTables_paginate .page-item.disabled .page-link {
        font-size: 10px
    }

    .splistOnly .btnBlack {
        padding: 5px 15px;
        height: 30px;
        font-size: 12px
    }

    .splistOnly .addMob2 {
        font-size: 12px;
        padding: 5px 15px 5px
    }

    .micrOnly .tableBread .breadcrumb-item {
        font-size: 11px
    }

    .micrOnly .tableBread .breadcrumb-item a {
        font-size: 12px
    }

    .micrOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .micrOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding: 10px 8px 8px 75px !important
    }

    .microTable td a.miLink {
        max-width: 170px !important
    }

    .sorting_1 {
        max-width: 160px !important;
        width: 160px !important;
        font-size: 12px !important
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        height: 20px;
        width: 20px;
        line-height: 23px;
        font-size: 15px
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 30px !important
    }

    th.w-60px.mobReplace {
        width: 55px !important
    }

    .cmlistOnly .expandTable .table.dataTable td.dtr-control {
        padding: 7px 8px 7px !important
    }

    .expandTable table.dataTable th.sortHide,
    .expandTable table.dataTable th.sorting_disabled {
        padding-left: 4px !important
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .has-float-label input {
        font-size: 14px
    }

    .has-float-label label,
    .has-float-label>span {
        font-size: 11px
    }

    .contentRight h5 {
        font-size: 12px
    }

    .cs-rad [type=radio]:checked+label,
    .cs-rad [type=radio]:not(:checked)+label {
        font-size: 12px
    }

    .chkLabel label {
        font-size: 12px
    }

    textarea.form-control {
        font-size: 12px
    }

    .msSelect .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 12px
    }

    .customTable .table th {
        font-size: 11px
    }

    .customTable .table td {
        font-size: 12px
    }

    .addMob2 {
        font-size: 12px
    }

    .back-btn .btn-white2 {
        font-size: 12px
    }

    .cmeditOnly .tabPart .nav-pills .nav-link,
    .cmeditOnly .tabPart .nav-pills .show>.nav-link {
        font-size: 11px
    }

    .blackTitle {
        padding: 8px 15px
    }

    .fs-14-02080D {
        font-size: 11px
    }

    .splistOnly .tdGreen {
        white-space: inherit;
        font-size: 11px
    }

    .splistOnly .tdGreen {
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px !important;
        display: inline-block
    }

    .splistOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .more_info .title {
        width: 252px
    }

    .infoWidth {
        max-width: 150px
    }

    .more_info.infoWidth2 .title {
        left: 50%
    }

    .more_info.infoWidth .title {
        left: 32%
    }

    .expandTable table.ev-calendartype_list_table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 21px !important
    }

    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 5px !important
    }

    .manage-tm .datepicker-custom .datepicker td,
    .update-tm .datepicker-custom .datepicker td {
        padding: 5px
    }

    .calindxOnly .tabPart .nav-pills .nav-link {
        font-size: 11px;
        margin: 10px 0 0;
        width: 60px
    }

    .month-title .ti-angle-left,
    .month-title .ti-angle-right {
        font-size: 14px
    }

    .mn-title {
        font-size: 17px
    }

    .mn-title span {
        font-size: 17px !important
    }

    .calendar-search .cs-rad [type=radio]:checked+label,
    .calendar-search .cs-rad [type=radio]:not(:checked)+label {
        font-size: 12px
    }

    .mobile-day {
        font-size: 13px;
        padding-left: 2px
    }

    .label-tool {
        line-height: 12px;
        font-size: 11px
    }

    .ev-calendar a {
        font-size: 13px
    }

    .btn-toggle:after,
    .btn-toggle:before {
        font-size: .7rem
    }

    .btn-toggle {
        margin: 0 4.5rem
    }

    .btn-toggle:before {
        left: -4.7rem
    }

    .btn-toggle:after {
        right: -4.9rem
    }

    .calindxOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .calindxOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 30px !important
    }

    .calindxOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .dtPart div.dataTables_wrapper div.dataTables_length label,
    div.dataTables_wrapper div.dataTables_length select {
        font-size: 12px
    }

    .reportrange {
        font-size: 12px;
        padding: 7px 7px
    }

    tr.dtrg-group.dtrg-start td {
        font-size: 16px
    }

    .calindxOnly .btn.btn-orange {
        padding: 5px 10px;
        font-size: 11px
    }

    .apTime {
        font-size: 13px;
        padding: 4px 6px !important
    }

    .calendarContent .garbg-title {
        font-size: 15px !important
    }

    .apDate {
        font-size: 14px;
        padding-left: 10px !important
    }

    .dtrange-iph5 {
        font-size: 11px;
        padding-top: 10px
    }

    .gvattach .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 45% !important
    }

    .cl-open .btn-toggle:after {
        right: -15px;
        font-size: 11px
    }

    .cl-open .btn-toggle {
        margin-right: 0
    }

    .cleditOnly .expandTable .table.dataTable td {
        white-space: inherit
    }

    .innTop {
        width: 235px
    }

    .iph5Change {
        display: flex;
        flex-direction: row-reverse
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 2px;
        margin-right: 0 !important
    }

    .mngFiles .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 40px !important
    }

    .mngPrisheet table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:first-child {
        padding-left: 40px !important
    }

    .hitlistOnly.subContrWarranty .breadcrumbTop .breadcrumb-item a,
    .hitlistOnly.subContrWarranty .breadcrumbTop .breadcrumb-item.active {
        font-size: 7px
    }

    .fourtIn.cronOnly .breadcrumbTop .breadcrumb-item a,
    .fourtIn.cronOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .breadcrumbTop .breadcrumb-item.active,
    .viewReport .breadcrumbTop .breadcrumb-item a {
        font-size: 10px
    }

    .viewReport.stngCom .listContent .formControlIG1.input-group .form-control::-webkit-input-placeholder {
        font-size: 10px !important
    }

    .expandTable table.dataTable th.sorting_disabled,
    .splistOnly .expandTable table.dataTable th.sortHide {
        padding-left: 4px !important;
        width: 40px !important
    }

    .tradeOnly .expandTable table.dataTable thead .sorting:after,
    .tradeOnly .expandTable table.dataTable thead .sorting:before,
    .tradeOnly .expandTable table.dataTable thead .sorting_asc:after,
    .tradeOnly .expandTable table.dataTable thead .sorting_asc:before,
    .tradeOnly .expandTable table.dataTable thead .sorting_desc:after,
    .tradeOnly .expandTable table.dataTable thead .sorting_desc:before {
        bottom: 1.66em !important
    }

    .daterangepicker {
        width: auto
    }

    .SliderModal .modal-body {
        height: 300px;
        overflow: auto
    }

    .blogTag .expandTable table.dataTable th.sortHide,
    .blogTag .expandTable table.dataTable th.sorting_disabled {
        width: 60px !important
    }

    .leadHeading {
        top: 45px
    }

    .pos-checkDel .expandTable table th .custom-checkbox .custom-control-label:after,
    .pos-checkDel .expandTable table th .custom-checkbox .custom-control-label:before {
        left: -20px
    }

    .pos-checkDel .delPos {
        left: 15px
    }

    .mt5s-50 {
        margin-top: 50px
    }

    .note_community .breadcrumbTop .breadcrumb-item {
        font-size: 10px !important
    }

    .note_community .bk2Width {
        width: 54px
    }

    .note_community .btn-white {
        font-size: 12px
    }

    .note_mapList .custom-control {
        min-width: 135px !important
    }

    .chat-container .toggle-button-cover .button {
        right: 0
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:40/71) {
    .warrContent .tabPart .nav-pills .nav-link {
        font-size: 11px
    }

    .warrOnly .custom-search input.form-control {
        font-size: 13px;
        padding: 0 5px
    }

    .lgTitle {
        font-size: 17px
    }

    .iph-w100 {
        margin-top: 10px;
        width: 100% !important
    }

    .verticalTab .toolButtons .btn {
        font-size: 10px;
        padding: 5px 5px !important
    }

    .verticalTab .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 5px !important
    }

    .verticalTab .expandTable span.dtr-data {
        white-space: inherit
    }

    .wrdOnly .breadcrumbTop .breadcrumb-item a,
    .wrdOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .xs-fs-11 {
        font-size: 11px
    }

    .iph5-fs12 .btn,
    .iph5-fs12 a {
        font-size: 12px !important
    }

    .ip5fs11 {
        font-size: 11px !important
    }

    .cma2Only .breadcrumbTop .breadcrumb-item a,
    .cma2Only .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .empaddOnly .warrContent .tabPart .nav-pills .nav-link {
        font-size: 12px
    }

    .userpmOnly .portalDetails .custom-control.custom-checkbox {
        width: 100%
    }

    .permissionTable .table td {
        font-size: 12px !important
    }

    .custom-search.smallSearch {
        position: absolute;
        top: -33px;
        left: -45px
    }

    .roleOnly .logSwitch .btn-toggle {
        left: -150px !important
    }

    .nxtBox .grayLabel {
        width: 100% !important
    }

    .hometrad {
        width: 100%
    }

    .package-lot .sorting_1 {
        max-width: 30px !important;
        width: 30px !important;
        font-size: 11px !important
    }

    .hsplanWidth {
        max-width: 100px
    }

    .dtPart table.dataTable th,
    .tableNormal .table thead th {
        font-size: 10px
    }

    .dtPart .table td,
    .tableNormal table td {
        font-size: 11px
    }

    .package-lot .btn-red {
        font-size: 10px !important
    }

    .nxtBox .btn-red {
        padding: 5px 3px
    }

    .nxtBox .btn-red {
        padding: 5px 4px;
        font-size: 10px !important
    }

    .nxtBox .btnBlack {
        padding: 4px 4px;
        height: 27px;
        font-size: 10px !important
    }

    .survWidth {
        width: 140px
    }

    .survOnly .custom-search.smallSearch {
        position: relative;
        top: 0;
        left: 0;
        width: 120px !important
    }

    .survRes .ratingStar .fa-star {
        font-size: 8px !important
    }

    .survRes .smTitle {
        font-size: 13px
    }

    .survRating .grayLabel.csw135 {
        width: 94px
    }

    .survbetaOnly .btn-redlight {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .survbetaOnly .custom-search input.form-control {
        height: 30px
    }

    .survbetaOnly .custom-search .btn {
        height: 30px;
        line-height: 15px
    }

    .survbetaOnly .custom-search input.form-control::placeholder {
        font-size: 8px !important
    }

    .srcDatewidth.has-float-label .date-float+label {
        font-size: 8px !important
    }

    .survbetaOnly .btn.btn-orange {
        height: 30px;
        font-size: 10px;
        padding: 6px 20px
    }

    .survbetaOnly .has-float-label .input-group.acDate>.form-control {
        height: 30px
    }

    .survbetaOnly .has-float-label .input-group.acDate .input-group-append {
        height: 30px
    }

    .has-float-label .acDate span.ti-calendar,
    .has-float-label .acDate span.ti-time {
        padding: 8px 12px
    }

    .rating-stars .rating-stars-container .rating-star {
        font-size: 13px
    }

    .radioSurv .grayText2 {
        font-size: 12px
    }

    .radioSurv li {
        padding-right: 2px !important
    }

    .dtPart .expandTable table.dataTable td.iphpadlft {
        padding-left: 30px !important
    }

    .expandTable .manage-category span.dtr-data {
        white-space: inherit
    }

    .iphnone {
        display: none
    }

    .bsnsOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 30px !important
    }

    .businessOnly .breadcrumbTop .breadcrumb-item a,
    .businessOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .expandTable.expNext.noCheckbox table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .expandTable.expNext.noCheckbox table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 30px !important
    }

    .iph5fs {
        font-size: 11px !important
    }

    .expandTable table.dataTable.change-order td {
        padding: 10px 5px 10px !important
    }

    .change-order tr td .aLots::after,
    .change-order tr.shown td .aLots::after {
        left: -8px;
        font-size: 10px;
        width: 15px;
        height: 15px
    }

    .change-order a.aLots {
        padding-left: 15px
    }

    .change-order td.dtr-control {
        width: 20px !important
    }

    .change-order .posTop-2.fs-10 {
        font-size: 8px !important
    }

    .inner-responsive {
        max-width: 263px
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .custom-search.smallSearch.ip5Relative {
        position: relative;
        top: 0;
        left: 0
    }

    .salesordOnly .tableTop .lgTitle {
        font-size: 15px
    }

    .blueTitle {
        font-size: 15px
    }

    .hitlistOnly .breadcrumbTop .breadcrumb-item a,
    .hitlistOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .cronOnly .breadcrumbTop .breadcrumb-item a,
    .cronOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .shedOnly .btn.btn-orange {
        padding: 1px 4px;
        font-size: 16px
    }

    .shedOnly .breadcrumbTop .breadcrumb-item a,
    .shedOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .ptrOnly .breadcrumbTop .breadcrumb-item a,
    .ptrOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .jcsOnly .breadcrumbTop .breadcrumb-item a,
    .jcsOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .mergeCus1.mergeTables.tableAccordian .table .thead-light th {
        font-size: 9px
    }

    .ceoOnly .tableAccordian.ytdAcc .table .thead-light th {
        font-size: 12px !important;
        padding: 5px 10px
    }

    .tableAccordian .table td {
        padding: 10px 12px;
        font-size: 12px
    }

    .tableAccordian .table .thead-light th {
        padding: 10px 12px
    }

    .custom-search.phceoWht input.form-control {
        width: 187px
    }

    .backlogSec .custom-control.custom-checkbox.chkLabel {
        width: 42%
    }

    .mobile-accordion .rh>span {
        font-size: 13px;
        padding: 8px 10px
    }

    .twoReds .custom-search.smallSearch {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0 !important
    }

    .absTilte {
        font-size: 14px
    }

    .repOverflow {
        width: 165px
    }

    .iph-fs-18 {
        font-size: 18px !important
    }

    .btn-black {
        font-size: 13px;
        padding: 0 8px
    }

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

    .tabheaddot {
        width: 105px !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .headerTop.custom-search {
        width: 80px
    }

    .iphfs-10 a {
        font-size: 10px !important
    }

    .clmastOnly .cs-rad li {
        padding-right: 10px !important
    }

    .clmastOnly .fixedButtons {
        top: 119px;
        right: 17px
    }

    .careerOnly .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 3px !important
    }

    .careerList .fr-box.fr-basic {
        min-height: 100px !important;
        position: relative !important
    }

    .overflowEllipses {
        display: inline-block;
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .careerOnly .linkBlue.overflowEllipses {
        font-size: 12px !important
    }

    .fr-toolbar .fr-btn-grp {
        margin: 0 1px 0 0
    }

    .fr-modal .fr-command.fr-btn,
    .fr-popup .fr-command.fr-btn,
    .fr-toolbar .fr-command.fr-btn {
        height: 30px !important
    }

    .fr-modal .fr-command.fr-btn i,
    .fr-modal .fr-command.fr-btn svg,
    .fr-popup .fr-command.fr-btn i,
    .fr-popup .fr-command.fr-btn svg,
    .fr-toolbar .fr-command.fr-btn i,
    .fr-toolbar .fr-command.fr-btn svg {
        margin: 2px 2px;
        width: 20px
    }

    .fr-box.fr-basic .fr-element {
        padding: 3px 5px
    }

    .mnbuyerOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 25px !important
    }

    .mnbuyerOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:nth-child(2) {
        width: 120px
    }

    .iphmb-1 {
        margin-bottom: 10px !important
    }

    .buyerSidebox .daterangepicker .calendar-table td,
    .buyerSidebox .daterangepicker .calendar-table th {
        min-width: 12px;
        width: 12px;
        height: 12px;
        line-height: 12px
    }

    .buyerSidebox .daterangepicker .drp-calendar.right {
        padding: 1px
    }

    .buyerSidebox .daterangepicker .drp-calendar {
        max-width: 220px
    }

    .buyerSidebox .daterangepicker {
        width: 88%
    }

    .buyerSidebox .daterangepicker .drp-buttons {
        padding: 2px;
        line-height: 8px
    }

    .buyerSidebox .daterangepicker .drp-buttons .btn {
        margin-left: 0;
        font-size: 9px;
        font-weight: 700;
        padding: 2px 2px
    }

    .alphaSmall.alpha-border {
        padding: 4px 10px
    }

    .dtPart .expandTable table.dataTable.producttype-ms td .mobwdtdot {
        width: 100px
    }

    .vdocOnly.roleOnly .logSwitch .btn-toggle,
    .vlistOnly.roleOnly .logSwitch .btn-toggle {
        left: -65px !important
    }

    .reqnewOnly .btn-red {
        font-size: 11px;
        padding: 6px 20px
    }

    .reqnewOnly .btnBlack {
        padding: 7px 20px;
        height: 32px;
        font-size: 11px
    }

    .checklotOnly.stngCom .more_info .title {
        left: 30px
    }

    .chkreqqOnly .chkLabel label {
        padding-left: 0
    }

    #country_list_table .iph5Change {
        flex-direction: row
    }

    #country_list_table th .custom-control-label:after,
    #country_list_table th .custom-control-label:before {
        left: -20px
    }

    .stngCom .expandTable table.dataTable th.sortHide,
    .stngCom .expandTable table.dataTable th.sorting_disabled {
        padding-left: 0 !important
    }

    .stngCom .expandTable table.dataTable th.sortHide.changePos-iph5,
    .stngCom .expandTable table.dataTable th.sorting_disabled.changePos-iph5 {
        padding-left: 4px !important;
        flex-direction: row-reverse;
        display: flex
    }

    .stngCom table.dataTable.table-sm>thead>tr>th.changePos-iph5 :not(.sorting_disabled) {
        padding-right: 3px !important
    }

    .expandTable table.dataTable#area_list_table th.sorting_disabled,
    .expandTable table.dataTable#team_list_table th.sorting_disabled {
        padding-left: 8px !important
    }

    .userpmOnly .custom-search.smallSearch {
        top: -37px
    }

    .userpmOnly .btn.btn-red.ptb-11 {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .userpmOnly .theme-white {
        position: relative;
        top: -41px;
        right: -8px
    }

    .userpmOnly .iph5hgt-0 {
        height: 0
    }

    .thisRole .dtPart .expandTable table.dataTable td {
        white-space: nowrap
    }

    .thisRole.roleOnly .logSwitch .btn-toggle {
        left: -60px !important
    }

    .thisRole.roleOnly .togg-switch.logSwitch {
        height: auto;
        line-height: 0
    }

    .thisRole.roleOnly .togg-switch.logSwitch {
        padding-left: 0
    }

    .micrOnly .infoWidth2 {
        max-width: 175px
    }

    .signfOnly .custom-search .btn,
    .signfOnly .custom-search input.form-control {
        font-size: 12px;
        padding: 5px 7px
    }

    .tabmdScroll {
        max-height: 300px
    }

    .sigaddOnly .breadcrumbTop .breadcrumb-item a,
    .sigaddOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .imgmodOnly.roleOnly .logSwitch .btn-toggle {
        left: -60px !important
    }

    .imgmodOnly .togg-switch.logSwitch {
        padding-left: 0;
        line-height: 0
    }

    .imgslideOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
        padding-left: 30px !important
    }

    .imgslideOnly .togg-switch.logSwitch {
        line-height: 0
    }

    .cmpyempOnly .breadcrumbTop .breadcrumb-item a,
    .cmpyempOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .mobvwSearch.custom-search {
        width: 100px
    }

    .expandTable.noCheckdel table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 0 !important
    }

    .congraOnly.qmiOnly .expandTable table.dataTable td:nth-child(2) {
        padding-left: 0 !important
    }

    .rfedsOnly .reportrange {
        font-size: 10px;
        padding: 18px 5px 8px
    }

    .rfedsOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        width: 90%
    }

    .statusBox .statusInnerbox h3 {
        line-height: 20px;
        font-size: 16px !important
    }

    .rfenewOnly .lgTitle {
        font-size: 15px
    }

    .rfenewOnly .lgTitle span {
        font-size: 11px !important
    }

    .rfelistOnly .advFilter a {
        font-size: 12px
    }

    .rfeestOnly i.fas.fa-caret-down {
        display: none
    }

    .rfeestOnly .deskCustom.boxAdvanceSearch.boxASVisible {
        width: 85%
    }

    .reportrange span {
        margin-top: 10px;
        font-size: 10px !important
    }

    .rfeagentOnly .monthby-chart .highcharts-title {
        font-size: 14px !important
    }

    .realpdOnly .custom-search.smallSearch {
        position: relative;
        top: auto;
        left: auto
    }

    .iph5-none {
        display: none !important
    }

    .quickmoveOnly .formCard-top .formLabel3,
    .quickmoveOnly .formCard-top .labelValue {
        width: 100%
    }

    .fmBox {
        width: 46.5%
    }

    .viewPhotos .fmSources {
        width: 30.5%
    }

    .scrtabs-tab-container a.nav-link {
        padding: .3rem .5rem
    }

    .dragupImage {
        height: 75px
    }

    .search-box {
        width: 80px
    }

    .dashboard-toolbar a.menu-toggle {
        left: 10px
    }

    .draggable-element {
        width: 29.8%
    }

    .select-drop span {
        font-size: 11px
    }

    .mtxs-w33 {
        width: 39% !important
    }

    .mtxs-w77 {
        width: 61% !important
    }

    .mailCenterbox .select-drop span {
        font-size: 11px
    }

    .mailCenterbox .select-drop {
        max-width: 150px
    }

    .mailCenterbox .select-drop .drop li a {
        font-size: 12px
    }

    .mailContent .dashboard-nav-item h5 {
        font-size: 13px
    }

    .mailContent nav.dashboard-nav-list h6 {
        font-size: 12px
    }

    .mailContent .dashboard-nav-item i.fas.fa-plus {
        font-size: 12px;
        padding: 8px 10px
    }

    .tags-examp .bootstrap-tagsinput {
        width: 80%
    }

    .toSendwrap {
        flex-wrap: wrap
    }

    .cardDash .mbhgt-dsbx .cardinBox {
        height: 90px
    }

    .nowrap-iph5 {
        white-space: nowrap
    }

    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td.nocheckTable:first-child {
        padding-left: 30px !important
    }

    .lotBuyers .repOverflow {
        width: 75px
    }

    .backLog .repOverflow {
        width: 55px
    }

    .cronOnly.walkThrReport .breadcrumbTop .breadcrumb-item a,
    .cronOnly.walkThrReport .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .jamesHomes .breadcrumbTop .breadcrumb-item a,
    .jamesHomes .breadcrumbTop .breadcrumb-item.active {
        font-size: 7px
    }

    .jamesHomes .custom-search {
        width: 80%
    }

    .appunOnly .absTilte {
        font-size: 12px
    }

    .appunOnly .codeLogic {
        font-size: 10px;
        margin-left: 5px
    }

    .tp-ellipes {
        max-width: 200px
    }

    .businessOnly .input-group>.input-group-append.inputBlue2>.input-group-text {
        width: 95px;
        padding-left: 10px
    }

    .viewImage {
        height: 365px !important
    }

    .blogCategory .expandTable table.dataTable th.sortHide,
    .blogCategory .expandTable table.dataTable th.sorting_disabled {
        width: 60px !important
    }

    .intrblogOnly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td {
        padding-left: 40px !important
    }

    .slddOnly .dtPart .expandTable table.dataTable td:nth-child(6) {
        white-space: nowrap !important
    }

    .ip5-ml-0 {
        margin-left: 0 !important
    }

    .dtPart .expandTable table.file-sectable.dataTable td:last-child,
    .dtPart .expandTable table.photovid-table.dataTable td:last-child {
        white-space: nowrap !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait) {
    .expandTable table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%
    }

    .expandTable .tblTextarea {
        width: 100%
    }

    .mobileFilter {
        width: 90px
    }

    .innTop {
        width: 330px
    }
}

@media only screen and (device-width :414px) and (device-height :736px) and (-webkit-device-pixel-ratio :3) {
    .cmlistOnly .btn-red2 {
        min-width: 114px
    }

    .mbl-marg {
        margin-left: 42px
    }

    .cllistOnly .listContent.listSm .btn-red2 {
        width: 140px
    }

    .changePos.divice414 {
        display: initial
    }

    .changePos.divice414 .postop {
        left: initial
    }

    .splistOnly i.fas.fa-trash {
        position: absolute;
        right: 13px
    }

    .more_info .title {
        width: 345px
    }

    .ev-calendartype_list_table .fs-14-02080D {
        margin-left: 5px !important;
        font-size: 10px
    }

    .more_info.infoWidth2 .title {
        left: 50%
    }

    .alpha-border .alphabetOrder span {
        padding: 5px 3px
    }

    .alphaSmall.alpha-border .alphabetOrder span {
        padding: 5px 2.5px
    }

    .repOverflow {
        width: 258px
    }

    .placeBox {
        right: -20px !important
    }

    .preCon .placeBox {
        width: 100% !important
    }
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait) {
    .cllistOnly .sm-w95 {
        width: 143px !important
    }

    .widthExtra {
        width: 105% !important
    }

    .communityDash_info .has-float-label input+label,
    .communityDash_info .has-float-label input.valid+label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 155px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .fs-tab-10 {
        font-size: 10px !important
    }
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:landscape) {
    .inner-responsive {
        max-width: 100%
    }

    .logTable .inner-responsive {
        max-width: 100% !important
    }

    .communityDash_info .has-float-label input+label,
    .communityDash_info .has-float-label input.valid+label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 155px
    }
}

@media only screen and (device-width:491px) and (max-device-height:1091px) and (orientation:portrait) {
    .congraOnly .grayButton {
        width: 20% !important;
        margin-bottom: 0 !important
    }

    .congraOnly .qmiOnly .customtool {
        float: left !important
    }

    .toolButtons {
        flex-wrap: nowrap !important
    }

    .congraOnly .btn.themeBlue {
        padding: 8px 10px;
        width: 75px;
        margin-right: 7px;
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:1280px),
screen and (max-height:800px) and (-webkit-device-pixel-ratio :2) {

    .tabPart .nav-pills .nav-link,
    .tabPart .nav-pills .show>.nav-link {
        margin: 16px 12px 0
    }

    .listOnly .dataTables_paginate .page-item.disabled .page-link {
        padding: .25rem .5rem .2rem !important
    }

    .mcRight {
        margin-right: 35px !important
    }

    .selectAddon .input-group {
        width: 45%
    }

    .w-1280dev {
        margin-right: 0 !important
    }

    /* .wdfor1280 {
        width: 300px !important
    } */

    .cleditOnly table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
        padding-left: 0 !important
    }

    .nowrap1280 {
        flex-wrap: nowrap !important
    }

    .topminus1280 {
        position: relative;
        top: -35px
    }

    .ssuperOnly .check-top .custom-control {
        margin-right: 8px !important
    }

    .rpBoxes .card {
        width: 18.5%
    }

    .tblmsgPart p {
        max-width: 335px
    }

    .tblmsgPart h4 {
        max-width: 340px
    }

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

@media (min-width:576px) {
    .timeNext .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 15em
    }

    .survey_resp .modal-dialog,
    .take_survey .modal-dialog {
        max-width: 800px
    }
}

@media(min-width:768px) {
    .more_info .title {
        display: none !important
    }

    .timeNext .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 26em
    }

    .mobile-accordion .rh {
        display: none
    }

    .table.mobile-accordion {
        display: table;
        width: 100%
    }

    .mobile-accordion .thead {
        display: table-header-group
    }

    .mobile-accordion .tbody {
        display: table-row-group
    }

    .mobile-accordion .tr,
    .mobile-accordion .tr:first-child {
        display: table-row
    }

    .mobile-accordion .thead .tr {
        display: table-row;
        color: #4e5b62;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 800
    }

    .mobile-accordion .td,
    .mobile-accordion .th {
        display: table-cell
    }

    .mobile-accordion .td:before {
        content: ""
    }

    .mobile-accordion .td,
    .mobile-accordion .th,
    .mobile-accordion .tr,
    .mobile-accordion .tr .td:last-child {
        border-bottom: 1px solid #e7e7e7
    }

    .mobile-accordion .td,
    .mobile-accordion .th {
        padding: 0
    }

    .mobile-accordion .th {
        text-align: center
    }

    .mobile-accordion .td:last-child,
    .mobile-accordion .th:last-child {
        border-right: none
    }

    .mobile-accordion .tr.alternate-highlight {
        background: 0 0
    }

    .mobile-accordion .tbody .tr .td {
        color: #02080d;
        font-size: 14px
    }

    .mobile-accordion .tr:last-child .td {
        border-bottom: none
    }

    .placeBox {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        display: block !important
    }

    .jcsOnly .btn-black {
        padding: 8px 10px !important;
        height: auto !important;
        font-size: 14px !important
    }

    .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .updList .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 48%
    }

    .projRevenue .mobile-accordion .th .sort-up:before {
        left: unset
    }

    .projRevenue .mobile-accordion .th .sort-down:before {
        left: unset
    }

    .projRevenue .sort-down:before,
    .projRevenue .sort-up:before {
        padding-left: 5px
    }

    .projRevenue .totprz-Data span {
        width: 65%
    }

    .availhomeInven .slimHeight,
    .backLog-zolly .slimHeight,
    .ceoLive .slimHeight,
    .closingJeff .customVerScroll,
    .constDays .slimHeight,
    .custlightRep .slimHeight,
    .fourtIn .slimHeight,
    .hit-list .slimHeight,
    .hitListPro .slimHeight,
    .iffReport .slimHeight,
    .liveSales-dash .slimHeight,
    .packetPrep .slimHeight,
    .preconHeld .slimHeight,
    .realInfo .slimHeight,
    .salesVol .slimHeight,
    .scottPack .slimHeight,
    .seniorSup .slimHeight,
    .subContrWarranty .slimHeight,
    .walkList .slimHeight,
    .walkRpt .slimHeight,
    .walkThrReport .slimHeight {
        height: unset !important
    }

    .availhomeInven .customVerScroll,
    .backLog-zolly .customVerScroll,
    .ceoLive .customVerScroll,
    .closingJeff .customVerScroll,
    .constDays .customVerScroll,
    .custlightRep .customVerScroll,
    .fourtIn .customVerScroll,
    .hit-list .customVerScroll,
    .hitListPro .customVerScroll,
    .iffReport .customVerScroll,
    .liveSales-dash .customVerScroll,
    .packetPrep .customVerScroll,
    .preconHeld .customVerScroll,
    .realInfo .customVerScroll,
    .salesVol .customVerScroll,
    .scottPack .customVerScroll,
    .seniorSup .customVerScroll,
    .subContrWarranty .customVerScroll,
    .walkList .customVerScroll,
    .walkRpt .customVerScroll,
    .walkThrReport .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .articlesList .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .articlesList .slimHeight {
        height: unset !important
    }

    .apllyonly .position_abso {
        position: absolute;
        right: 16px;
        z-index: 9
    }

    .masterOptions_scroll.slimHeight {
        height: unset !important
    }

    .masterOptions_scroll.customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .chkreqqOnly .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .chkreqqOnly .slimHeight {
        height: unset !important
    }

    .leads_advSlider .slimHeight {
        height: unset !important
    }

    .leads_advSlider .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .communityDash_info .tabPart .nav-pills .nav-link.active,
    .communityDash_info .tabPart .nav-pills .nav-link:hover {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        padding-top: 13px !important;
        margin-top: -6px
    }

    .customGrayScroll::-webkit-scrollbar,
    .lotInventory-report::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .lotInventory-report::-webkit-scrollbar-track {
        background: 0 0
    }

    .lotInventory-report::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 3px
    }

    .ideConstruct_report .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .ideConstruct_report .slimHeight {
        height: unset !important
    }

    .acquisition_Repo .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .acquisition_Repo .slimHeight {
        height: unset !important
    }

    .mb-35 {
        margin-bottom: -35px !important
    }

    .market-report .slimHeight {
        height: unset !important
    }

    .market-report .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .warr-web-req .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .warr-web-req .slimHeight {
        height: unset !important
    }

    .congraOnly .slimHeight {
        height: unset !important
    }

    .congraOnly .customVerScroll {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .lot_Schedule .responsive-tabs.nav-tabs {
        display: block
    }

    .lot_Schedule .responsive-tabs.nav-tabs i.fa {
        display: none
    }

    .lot_Schedule .responsive-tabs.nav-tabs>li {
        display: block;
        float: left
    }

    .lot_Schedule .responsive-tabs.nav-tabs>li.active a {
        border-bottom-color: transparent
    }

    .lot_Schedule .responsive-tabs.nav-tabs.open i.fa.fa-caret-up {
        display: none
    }

    .lot_Schedule .more-dot {
        display: none
    }

    .precon_aginApp .slimHeight {
        height: unset !important
    }

    .responsive_navTabs .responsive-tabs.nav-tabs {
        display: block
    }

    .responsive_navTabs .responsive-tabs.nav-tabs i.fa {
        display: none
    }

    .responsive_navTabs .responsive-tabs.nav-tabs>li {
        display: block;
        float: left
    }

    .responsive_navTabs .responsive-tabs.nav-tabs>li.active a {
        border-bottom-color: transparent
    }

    .responsive_navTabs .responsive-tabs.nav-tabs.open i.fa.fa-caret-up {
        display: none
    }

    .responsive_navTabs .more-dot {
        display: none
    }

    .clnt_listbuildr .insideTable.insW .dataTables_length {
        margin-top: 7px
    }

    .stngClndr-Type .expandTable .table.dataTable td:nth-child(4) {
        padding-right: 20px !important
    }

    .stngClndr-Type .expandTable .table.dataTable th:nth-child(4) {
        padding-right: 33px !important
    }

    .stngArea .expandTable .table.dataTable th:nth-child(3) {
        padding-right: 18px !important
    }

    .stngArea .expandTable .table.dataTable td:nth-child(3) {
        padding-right: 20px !important
    }

    .stngStatus .expandTable .table.dataTable th:nth-child(3) {
        padding-right: 18px !important
    }

    .stngStatus .expandTable .table.dataTable td:nth-child(3) {
        padding-right: 20px !important
    }

    .stngNoteBook .expandTable .table.dataTable td:nth-child(6) {
        padding-right: 20px !important
    }

    .stngNoteBook .expandTable .table.dataTable th:nth-child(6) {
        padding-right: 33px !important
    }

    .cal_time_save .has-float-label:nth-child(2)>span {
        left: 6px
    }

    .app_week_rpt .slimHeight {
        height: unset !important
    }

    .intrContent .dashboard-nav {
        width: 20%
    }

    .salesagOnly .dataTables_wrapper .col-sm-12.col-md-6 {
        margin-top: -45px;
        position: absolute;
        right: 15px;
        text-align: end
    }

    .salesordOnly .dataTables_wrapper .col-sm-12.col-md-6 {
        margin-top: -50px;
        position: absolute;
        right: 15px;
        text-align: end
    }

    .communityDash_info .mblviwTab .tabPart .nav-pills .nav-link.active,
    .communityDash_info .mblviwTab .tabPart .nav-pills .nav-link:hover {
        height: 44px
    }

    .mt-md-34 {
        margin-top: -34px
    }
}

@media(min-width:769px) {
    .paddright {
        padding-right: 7px !important
    }

    .paddleft {
        padding-left: 7px !important
    }
}

@media (min-width:1280px) {
    .wdfor1280 {
        width: auto !important
    }

    .splistOnly .btn.themeBlue {
        text-align: center;
        width: 100% !important;
        white-space: nowrap
    }

    .pcheckaddOnly .back-btn {
        right: -10px
    }
}

@media (min-width:1440px) {
    .mcRight {
        margin-right: -45px !important
    }

    .splistOnly .btn.themeBlue {
        text-align: center;
        width: 100% !important;
        white-space: nowrap
    }

    .pcheckaddOnly .back-btn {
        right: -50px !important
    }
}

@media (min-width:1600px) {
    .mcRight {
        margin-right: -120px !important
    }

    .pcheckaddOnly .back-btn {
        right: -50px !important
    }
}

@media (min-width:1680px) {
    .mcRight {
        margin-right: -162px !important
    }
}

@media (min-width:1920px) {
    .mcRight {
        margin-right: -282px !important
    }
}

@media (min-width:320px) {
    .cleditOnly .logPart .checkWrap [type=radio]+i {
        padding: 8px 5px
    }

    .cleditOnly .logPart .checkWrap .ckText {
        margin-left: 4px !important
    }

    .multiitem-carousel .slide-box {
        flex-direction: column
    }

    .slide-box .slidebox-inner {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 80px;
        margin: 0 7px
    }

    .multiitem-carousel .slide-box {
        flex-direction: row;
        flex-wrap: wrap
    }

    .placeBox {
        position: absolute;
        right: 20px;
        bottom: -42px;
        left: auto;
        width: 100%;
        display: flex
    }

    .jcsOnly .btn-black {
        font-size: 12px;
        padding: 0 10px;
        height: 23px;
        line-height: 12px
    }

    .jcsOnly i.fa.fa-print {
        font-size: 13px;
        padding-top: 4px
    }

    .reportHead {
        height: 40px;
        justify-content: flex-start;
        margin-bottom: 5px
    }
}

@media (min-width:360px) {
    .cleditOnly .logPart .checkWrap [type=radio]+i {
        padding: 8px 8px
    }

    .cleditOnly .logPart .checkWrap .ckText {
        margin-left: 8px !important
    }
}

@media (min-width:768px) {
    .slide-box .slidebox-inner {
        -ms-flex: 0 0 31.4%;
        flex: 0 0 31.4%;
        max-width: 31.4%
    }

    .mar-top {
        margin-top: -70px
    }

    .marRight-15 {
        margin-right: 0
    }

    .mar-0 {
        margin: 0
    }

    .constDays .mobAccordian {
        overflow-x: auto;
        white-space: nowrap
    }
}

@media (min-width:992px) {
    .slide-box .slidebox-inner {
        -ms-flex: 0 0 15.2%;
        flex: 0 0 15.2%;
        max-width: 15.2%
    }

    .reportHead {
        height: auto !important;
        justify-content: center !important;
        margin-bottom: 0 !important
    }

    .dashboard-app {
        margin-left: 210px
    }

    .dashboard-compact .dashboard-app {
        margin-left: 0
    }

    .dashboard-compact .dashboard-toolbar {
        left: 0
    }

    .dtr-data .cat:first-child {
        border-radius: 10px
    }

    .dtr-data .cat:nth-child(2) {
        border-radius: 10px
    }

    .warrOnly tr td.child ul li[data-dtr-index="19"] .dtr-data {
        border-radius: 12px;
        background: #e9e9e9
    }

    .hmlistOnly table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled) {
        /* padding-right: 0 */
    }

    .align-base {
        vertical-align: baseline !important
    }

    .chkreqqOnly .daterangepicker.show-calendar {
        width: max-content
    }

    .chkreqArc .daterangepicker.show-calendar {
        right: 0 !important;
        left: auto !important
    }

    .chkreqArc .daterangepicker.opensright:before {
        right: 9px !important;
        left: unset !important
    }

    .chkreqArc .daterangepicker.opensright:after {
        right: 10px !important;
        left: unset !important
    }

    .congraOnly .daterangepicker.show-calendar {
        right: 0 !important;
        left: auto !important
    }

    .congraOnly .daterangepicker.opensright:before {
        right: 20px;
        left: unset !important
    }

    .congraOnly .daterangepicker.opensright:after {
        right: 21px;
        left: unset !important
    }

    .congraOnly .view_Hide {
        right: auto !important;
        width: 100% !important
    }
}

@media (min-width:1025px) {
    .slide-box .slidebox-inner {
        -ms-flex: 0 0 15.5%;
        flex: 0 0 15.5%;
        max-width: 15.5%
    }

    .fmBox {
        margin: 0 6px 10px
    }

    .ivoryDev_phases .table::-webkit-scrollbar-thumb {
        background-color: #d4d4d4;
        border-radius: 4px
    }

    .ivoryDev_phases .table::-webkit-scrollbar {
        height: 10px
    }

    .ivoryDev_phases .table::-webkit-scrollbar {
        height: 8px
    }

    .ivoryDev_phases .table::-webkit-scrollbar-thumb:hover {
        background: gray
    }
}

@media(max-width:1366px) {
    .ivoryDev_phases .table {
        display: block;
        overflow: auto
    }
}

@media(max-width:1300px) {

    .cal_quick_time_save .has-float-label .timeNext .date-float+label,
    .cal_time_save .has-float-label label {
        width: 65%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
}

@media (min-width:1366px) {
    .slide-box .slidebox-inner {
        -ms-flex: 0 0 15.61%;
        flex: 0 0 15.61%;
        max-width: 15.61%
    }

    .clintGrp .marbot0 {
        margin-top: 0 !important
    }

    .fmBox {
        margin: 0 7px 10px
    }

    .dashBlog .expandTable .table.dataTable td:last-child {
        padding-left: 25px !important
    }
}

@media (min-width:1680px) {
    .slide-box .slidebox-inner {
        -ms-flex: 0 0 15.8%;
        flex: 0 0 15.8%;
        max-width: 15.8%
    }
}

@media(max-width:400px) {
    .fitSheetonly .customTable .table>thead>tr>th:first-child {
        display: flex;
        flex-direction: row-reverse
    }

    .fitSheetonly .changePos .postop {
        left: 1px !important
    }
}

@media(max-width:350px) {
    .emplistRep .mobExport .placeBox .btn.btn-orange {
        padding: 9px 16px !important
    }

    .iffReport .mdTitle {
        font-size: 13px !important
    }

    .preCon .breadcrumbTop .breadcrumb-item:first-child {
        padding-left: 7px !important;
        padding-right: 7px !important
    }

    .preCon .breadcrumbTop .breadcrumb-item {
        padding: 0 0 0 18px !important
    }

    .preCon .breadcrumbTop .breadcrumb-item.active,
    .preCon .jcsOnly .breadcrumbTop .breadcrumb-item a {
        font-size: 10px
    }

    .preCon .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -13px
    }

    .preCon .sel-arrowOnly .sel-wrap .select2 .selection .select2-selection {
        width: 20px
    }

    .preCon .reportHead .repTitle {
        padding-left: 25px;
        font-size: 13.5px
    }

    .preCon .btn-black {
        font-size: 10px;
        padding: 0 6px !important;
        height: 23px
    }

    .preCon .placeBox .btn.btn-orange {
        height: 22px;
        border-radius: 3px;
        padding: 0 6px !important
    }

    .preCon .placeBox {
        bottom: -41px;
        justify-content: end
    }

    .preCon .codeLogic {
        margin-left: 7px;
        width: 23px
    }

    .preCon i.fas.fa-chevron-left,
    .preCon i.fas.fa-chevron-right {
        font-size: 9px
    }

    .preCon .sel-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -12.5px
    }

    .preCon .custom-search {
        width: 80%
    }

    .lgTitle {
        font-size: 17px !important
    }

    .appNoshow .breadcrumbTop .breadcrumb-item.active,
    .appNoshow .jcsOnly .breadcrumbTop .breadcrumb-item a {
        font-size: 9px
    }

    .appNoshow .reportHead .repTitle {
        padding-left: 25px;
        font-size: 12.5px
    }

    .appNoshow .breadcrumbTop .breadcrumb-item a,
    .appNoshow .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .appNoshow .custom-search {
        width: 60%
    }

    .preconHeld .placeBox {
        bottom: -41px;
        right: 22px !important;
        justify-content: unset
    }

    .preconHeld .custom-search {
        width: 60%
    }

    .preconHeld .breadcrumbTop .breadcrumb-item a,
    .preconHeld .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .preconHeld .reportHead .repTitle {
        padding-left: 25px;
        font-size: 14.5px
    }

    .normTable td {
        font-size: 12px
    }

    .constDays .lgTitle.fs-18 {
        font-size: 14px !important
    }

    .breadcrumbTop .breadcrumb-item a,
    .constDays .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px
    }

    .walkRpt .breadcrumbTop .breadcrumb-item a,
    .walkRpt .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .hitlistOnly.scottPack .breadcrumbTop .breadcrumb-item a,
    .hitlistOnly.scottPack .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .constDays .reportrange span {
        margin-top: 5px
    }

    .comBuck .lgTitle {
        font-size: 15px !important
    }

    .backLog-zolly .expandTable.expNext table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
        padding-left: 40px !important
    }

    .availhomeInven .custom-search {
        width: 45%
    }

    .availhomeInven .lgTitle {
        font-size: 15px !important
    }

    .expandTable .table.dataTable td .linkSky {
        font-size: 11px
    }

    .firstHome .custom-search {
        width: 50%
    }

    .employee_archived .fs-12-p2 {
        font-size: 10px !important;
        padding: 2px 5px !important;
        line-height: 20px
    }

    .employee_archived .lgTitle {
        font-size: 13px !important
    }

    .fs-xs-14 {
        font-size: 14px !important
    }

    .communityDash_info .has-float-label textarea+label,
    .communityDash_info .has-float-label textarea.valid+label {
        width: calc(100% - 46px)
    }

    .fs-xs-12 {
        font-size: 12px !important
    }

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

    .communityDash_info .viewPhotos .fmSources {
        width: 46.67% !important
    }

    .jusify-xs-center {
        justify-content: center
    }

    .d-xs-unblock {
        display: unset !important
    }

    .fs-xs-13 {
        font-size: 13px !important
    }

    .fs-xs-17 {
        font-size: 17px !important
    }

    .leadashOnly .btn-black {
        padding: 2px 5px !important;
        padding-top: 6px !important
    }

    .leadashOnly .breadcrumbTop .breadcrumb-item a,
    .leadashOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .marketIng .breadcrumbTop .breadcrumb-item a,
    .marketIng .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .marketIng .breadcrumbTop .breadcrumb-item {
        padding: 0 0 0 15px;
        margin: 0 6px
    }

    .marketIng .breadcrumbTop .breadcrumb-item:first-child {
        padding: 0 3px 0 5px;
        margin: 0 6px
    }

    .fs-xs-10 {
        font-size: 10px !important
    }

    .pr-xs-6 {
        padding-right: 6px !important
    }

    .px-xs-12 {
        padding-right: 12px !important;
        padding-left: 12px !important
    }

    .second_section .nav-item>.min-wid125 {
        width: auto !important;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .second_section .nav>.nav-item {
        width: 130px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .static_nav .nav-item>.min-wid125 {
        width: auto !important;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .static_nav .nav>.nav-item {
        width: 120px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .wid-xs-90 {
        width: 90px
    }

    .hmlistOnly table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled) {
        padding-right: 12px
    }

    .hmlistOnly .customTable .table>thead:first-child>tr:first-child>th:first-child {
        padding-left: 20px !important
    }

    .ideConstruct_report .sel-arrowOnly {
        width: 120px !important
    }

    .ideConstruct_report .repOverflow {
        width: 90px
    }

    .ideConstruct_report .btn-blue {
        padding: 2px 6px;
        height: unset !important;
        line-height: 1.5 !important
    }

    .ideConstruct_report .btn-red {
        padding: 2px 6px;
        height: unset !important;
        line-height: 1.5 !important
    }

    .ideConstruct_report .btn.btn-orange {
        padding: 1px 8px !important;
        line-height: 22px
    }

    .mom-week-sales-rep .breadcrumbTop .breadcrumb-item a,
    .mom-week-sales-rep .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .acquisition_Repo .btn.btn-orange {
        padding: 2px 7px !important
    }

    .acquisition_Repo .repOverflow {
        width: 125px
    }

    .clr-pckg-code .mobExport .btn.btn-orange {
        padding: 7px 10px !important
    }

    .clr-pckg-code .btn-group.ml-auto.mobExport {
        top: 130px
    }

    .momYtd-closing .breadcrumbTop .breadcrumb-item a,
    .momYtd-closing .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .budVariance .absTilte {
        font-size: 12px
    }

    .acquisitRepo .repOverflow {
        width: unset
    }

    .hmeditOnly .expandTable .table.dataTable td:nth-child(3) {
        max-width: 60px
    }

    .left-15 {
        left: 15px
    }

    .hmeditOnly .inputSO input {
        width: 45px
    }

    .hmeditOnly .inputSO .input-group-text {
        font-size: 10px
    }

    .close_super .repOverflow {
        width: 80px
    }

    .close_super .mobExport .btn.btn-orange {
        border-radius: 4px !important;
        padding: 3px 7px !important
    }

    .close_super .btn-group.ml-auto.mobExport {
        top: 7px !important
    }

    .close_super .btn.themeBlue {
        white-space: nowrap
    }

    .suppliers_list .placeBox {
        right: 10px !important;
        display: unset
    }

    .wrkfrc_net_sales .breadcrumbTop .breadcrumb-item a,
    .wrkfrc_net_sales .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px
    }

    .constDays .lgTitle.fs-18 {
        font-size: 13px !important
    }

    .wrkfrc_grssale .breadcrumbTop .breadcrumb-item a,
    .wrkfrc_grssale .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .wrkfrc_grssale .lgTitle {
        font-size: 15px !important
    }

    .mom-ytd-resc .breadcrumbTop .breadcrumb-item a,
    .mom-ytd-resc .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .warr-web-req .lgTitle {
        font-size: 14px !important
    }

    .warr-web-req .breadcrumbTop .breadcrumb-item a,
    .warr-web-req .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .warr-web-req .btn-black {
        font-size: 10px;
        padding: 0 8px !important;
        height: 26px
    }

    .warr-web-req .codeLogic {
        margin-left: 7px;
        width: 25px
    }

    .warr-web-req .custom-search {
        width: 58%
    }

    .com-hot-list .mobExport .btn.btn-orange {
        border-radius: 4px !important;
        padding: 5px 8px !important
    }

    .com-hot-list .breadcrumbTop .breadcrumb-item a,
    .com-hot-list .breadcrumbTop .breadcrumb-item.active {
        font-size: 12px
    }

    .com-hot-list .custom-search {
        width: 70%
    }

    .clnt-surv-det .lgTitle {
        font-size: 15px !important
    }

    .lead-assgn .breadcrumbTop .breadcrumb-item a,
    .lead-assgn .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .twn-home-sts [type=radio]:checked+label,
    .twn-home-sts [type=radio]:not(:checked)+label {
        padding-left: 25px
    }

    .twn-home-sts .breadcrumbTop .breadcrumb-item a,
    .twn-home-sts .breadcrumbTop .breadcrumb-item.active {
        font-size: 11px !important
    }

    .jasjon-cc .breadcrumbTop .breadcrumb-item a,
    .jasjon-cc .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .wasatch-back .breadcrumbTop .breadcrumb-item a,
    .wasatch-back .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .mark-int-det .breadcrumbTop .breadcrumb-item a,
    .mark-int-det .breadcrumbTop .breadcrumb-item.active {
        font-size: 9px
    }

    .mark-int-det .lgTitle {
        font-size: 15px !important
    }

    .agrmnt_dig .repOverflow {
        width: 130px
    }

    .floorTofloor .breadcrumbTop .breadcrumb-item a,
    .floorTofloor .breadcrumbTop .breadcrumb-item.active {
        font-size: 8px !important
    }

    .empaddOnly .breadcrumbTop .breadcrumb-item a,
    .empaddOnly .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px !important
    }

    .metasrcVendor .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child,
    .metasrcVendor .expandTable table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child {
        padding-left: 4px !important
    }

    .metasrcVendor .delPos {
        left: 9px
    }

    .precon_aginApp .lgTitle {
        font-size: 16px !important
    }

    .lot_Schedule .breadcrumbTop .breadcrumb-item a,
    .lot_Schedule .breadcrumbTop .breadcrumb-item.active {
        font-size: 10px
    }

    .clnt_clintExp .btnIos {
        font-size: 10px;
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .py-ios-1 {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .fitSheetonly table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled) {
        left: 5px
    }

    .movelistOnly .advFilter a {
        white-space: nowrap;
        font-size: 12px
    }

    .fs-12-p2 {
        font-size: 11px !important
    }

    .agnt_srvy_rtng .btn-info.btnBlue2 {
        display: flex
    }

    .mailCenterbox .search-box {
        width: 80px;
        padding-right: 25px !important
    }

    .mainDashboard .mdTitle {
        font-size: 13px !important
    }

    .mainDashboard .btn-red,
    .mainDashboard .btn.btn-gray {
        font-size: 11px
    }

    .srvy_dsgnArchSrvy .dataTables_length {
        position: relative;
        top: 185px
    }

    .survOnly .reportrange.rangeDate2 {
        font-size: 10px
    }

    .model_homeList .left-xs-15 .custom-control-input:first-child,
    .model_homeList .left-xs-15 label {
        left: 25px !important
    }

    .model_homeList .customTable .table th {
        font-size: 10px
    }

    .customTable .mdlhmsTbl .left-xs-15 .custom-control label {
        left: 14px
    }

    .editGallerySectionmodal .modal-body {
        max-height: 400px;
        overflow: auto
    }

    .data_check .dtr-control .check-top .custom-control-label::after,
    .data_check .dtr-control .check-top .custom-control-label::before {
        left: -50px !important
    }

    .data_check table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
    .data_check table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        left: 35px !important
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .metasrc_Sthrn .delPos,
    ::i-block-chrome {
        top: 3px
    }

    .metasrc_addnal .delPos,
    ::i-block-chrome {
        top: 3px
    }

    .metasrcVendor .delPos,
    ::i-block-chrome {
        top: 3px
    }

    .MetaSrcOnly .delPos,
    ::i-block-chrome {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .nwsFeed .delPos,
    ::i-block-chrome {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .addClntGrp .delPos,
    ::i-block-chrome {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .MetaSrcOnly .delPos {
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .bdxLeads .delPos {
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .addClntGrp .delPos {
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }
}

@supports (-webkit-touch-callout:none) {
    .MetaSrcOnly .delPos {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .MetaSrcOnly .fa-trash {
        top: 3px;
        position: relative
    }

    .bdxLeads .delPos {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .nwsFeed .fa-trash {
        top: 3px;
        position: relative
    }

    .nwsFeed .delPos {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }

    .addClntGrp .delPos {
        top: 3px !important;
        padding-top: 5px !important;
        -webkit-padding-before: 5px !important
    }
}

@media screen and (max-width:735px) {
    .frame .sidepanel {
        width: 58px;
        min-width: 58px
    }

    .frame .sidepanel .profile-sec {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a
    }

    .frame .sidepanel .profile-sec .wrap {
        height: 90px
    }

    .frame .sidepanel .profile-sec .wrap img {
        width: 40px;
        margin-left: 8px
    }

    .frame .sidepanel .profile-sec .wrap p {
        display: none
    }

    .frame .sidepanel .profile-sec .wrap i.expand-button {
        display: none
    }

    .frame .sidepanel .profile-sec .wrap #status-options {
        width: 58px;
        margin-top: 57px
    }

    .frame .sidepanel .profile-sec .wrap #status-options.active {
        margin-top: 160px
    }

    .frame .sidepanel .profile-sec .wrap #status-options:before {
        margin-left: 23px
    }

    .frame .sidepanel .profile-sec .wrap #status-options ul li {
        padding: 15px 0 35px 22px
    }

    .frame .sidepanel .profile-sec .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px
    }

    .frame .sidepanel .profile-sec .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px
    }

    .frame .sidepanel .profile-sec .wrap #status-options ul li p {
        display: none
    }

    .frame .sidepanel .search {
        display: none
    }

    .frame .sidepanel #contacts {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden
    }

    .frame .sidepanel #contacts::-webkit-scrollbar {
        display: none
    }

    .frame .sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px
    }

    .frame .sidepanel #contacts ul li.contact .wrap {
        width: 100%
    }

    .frame .sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0
    }

    .frame .sidepanel #contacts ul li.contact .wrap .meta {
        display: none
    }

    .frame .sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0
    }

    .frame .sidepanel #bottom-bar button:first-child {
        border-right: none;
        border-bottom: 1px solid #2c3e50
    }

    .frame .sidepanel #bottom-bar button span {
        display: none
    }

    .frame .sidepanel #bottom-bar button i {
        font-size: 1.3em
    }

    .frame .chat-content {
        width: calc(100% - 58px)
    }

    .frame .chat-content .messages {
        max-height: calc(100% - 125px)
    }

    .frame .chat-content .message-input .wrap input {
        padding: 5px
    }

    .frame .chat-content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px
    }

    .frame .chat-content .message-input .wrap button {
        padding: 16px 0
    }
}

@media screen and (min-width:735px) {
    .frame .chat-content .messages ul li p {
        max-width: 85%
    }
}

@media screen and (min-width:900px) {
    .frame .chat-content {
        width: calc(100% - 340px)
    }
}

@media only screen and (max-width:1031px) {
    .ivo-hub-tab-plu-ico tbody td:first-child:before {
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: flex !important;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: normal !important
    }
}

@media screen and (max-width:786px) {
    .ivo-hub-sli-hei-ovr {
        height: calc(100vh - 130px) !important;
        overflow-y: scroll
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .ivo-hub-tab-res {
        margin-top: 0 !important
    }
}

@media screen and (max-width:575px) {
    .ivo-das-dat-wid {
        width: 35% !important;
        font-size: 14px
    }

    .ivo-hub-blo-wid {
        width: 60%
    }

    .ivo-hub-blo-wid h3 {
        font-size: 14px
    }
}

@media screen and (min-width:575px) and (max-width:1199px) {
    .ivo-das-dat-wid {
        width: 28% !important
    }
}

@media only screen and (max-width:575px) {
    .ivo-hub-tik-blo table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 49% !important
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .ivo-hub-tik-blo table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 49% !important
    }
}

@media only screen and (min-width:355px) and (max-width:524px) {
    .ivo-hub-col-act .table.dataTable td:last-child {
        display: -webkit-flex !important;
        display: -moz-flex !important;
        display: flex !important;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1025px) {
    .ivo-hub-plu-ali table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 49% !important
    }
}

@media only screen and (min-width:320px) {
    .ivo-hub-plu-ali-all table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
        top: 50% !important
    }
}

@media only screen and (min-width:320px) and (max-width:575px) {
    .ivo-hub-mob-tab-edi-del-ico .actbtns {
        width: 22px;
        height: 22px
    }

    .dt_font .table td,
    .dt_font .tableNormal table td {
        font-size: 9px !important
    }
}

@media only screen and (max-width:440px) {
    .ivo-hub-mob-ico-edi-del .actbtns {
        width: 20px;
        height: 20px
    }

    .btn_mob .btn.btn-orange {
        padding: 9px 11px;
        font-size: 12px
    }

    .btn_mob .btn-red {
        padding: 9px 14px !important;
        font-size: 12px
    }
}

@media only screen and (min-width:1066px) and (max-width:1285px) {
    .ivo-hub-pl-com-man .expandTable .table.dataTable td.md-none {
        padding-left: 8px !important
    }
}

@media only screen and (max-width:575px) {
    .ivo-hub-das-grd-box {
        grid-template-columns: repeat(auto-fill, minmax(143px, 1fr))
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .ivo-hub-das-grd-box {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1707px) {
    .ivo-hub-cus-say-hdr h6 {
        padding-left: 40px !important
    }
}

@media only screen and (min-width:1920px) {
    .ivo-hub-cus-say-hdr h6 {
        padding-left: 55px !important
    }
}

@media only screen and (min-width:2732px) {
    .ivo-hub-cus-say-hdr h6 {
        padding-left: 85px !important
    }
}

@media only screen and (min-width:4098px) {
    .ivo-hub-cus-say-hdr h6 {
        padding-left: 130px !important
    }
}

@media only screen and (min-width:5464px) {
    .ivo-hub-cus-say-hdr h6 {
        padding-left: 150px !important
    }
}

@media only screen and (max-width:575px) {
    .ivo-hub-box-gri {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 0
    }

    .ivo-cel-gro-uni,
    .ivo-cel-mon-reg,
    .ivo-cel-nps-scr,
    .ivo-cel-ytd-dig {
        grid-row: inherit
    }
}

@media (max-width:767px) {
    .sou_show div.dataTables_wrapper div.dataTables_length {
        display: flex;
        width: 50%;
        padding-top: 5px
    }

    .sou_exp .customtool {
        width: 35%;
        margin-bottom: .5rem
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .ivo-hub-box-gri {
        grid-template-columns: repeat(3, 1fr)
    }

    .ivo-cel-nps-scr {
        grid-row: span 2
    }

    .ivo-cel-gro-uni,
    .ivo-cel-mon-reg,
    .ivo-cel-ytd-dig {
        grid-row: inherit
    }

    .ivo-hub-box-gri .cardBox {
        border-radius: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ivo-hub-box-gri {
        grid-template-columns: repeat(3, 1fr)
    }

    .ivo-cel-nps-scr {
        grid-row: span 2
    }

    .ivo-cel-gro-uni,
    .ivo-cel-mon-reg,
    .ivo-cel-ytd-dig {
        grid-row: inherit
    }

    .ivo-hub-box-gri .cardBox {
        border-radius: 6px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ivo-hub-box-gri {
        grid-template-columns: repeat(3, 1fr)
    }

    .ivo-cel-nps-scr {
        grid-row: span 2
    }

    .ivo-cel-gro-uni,
    .ivo-cel-mon-reg,
    .ivo-cel-ytd-dig {
        grid-row: inherit
    }

    .ivo-hub-box-gri .cardBox {
        border-radius: 6px
    }
}

@media only screen and (min-width:385px) and (max-width:704px) {
    .ivo-hub-btn-dro tr td .btn-group .dropdown-menu {
        left: auto !important;
        right: 0;
        transform: translate3d(0, 30px, 0) !important
    }
}

@media only screen and (max-width:410px) {

    .ivo-res-hid-pre-nex .dataTables_paginate ul.pagination li.next,
    .ivo-res-hid-pre-nex .dataTables_paginate ul.pagination li.previous {
        display: none
    }
}

@media screen and (min-width:450px) and (max-width:767px) {
    .bus_close_btn .advFilter .btn-gray {
        margin: 0 10px 0 10px !important
    }
}

@media screen and (min-width:425px) and (max-width:450px) {
    .bus_close_btn .advFilter .btn-gray {
        margin: 0 !important
    }
}

@media only screen and (max-width:1024px) {
    .ivo-tab-pad-bot .advFilter {
        margin-bottom: 0
    }
}

@media only screen and (max-width:575px) {
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons {
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: inherit
    }

    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btn-info,
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btnGreen2,
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons div.btn-group span.btn.btn-orange {
        font-size: 13px !important
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons {
        grid-template-columns: 1fr 1fr 1fr
    }

    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btn-info,
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons button.btn.btnGreen2,
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons div.btn-group span.btn.btn-orange {
        font-size: 13px !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ivo-hub-lea-but .dataTables_wrapper .customtool .btn-group.toolButtons {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .btn.btnGreen2 {
        /* padding: 8px 0px !important; */
           padding: 8px 10px !important;

    }
    .btn.btn-info.btnBlue2 {
        /* padding: 8px 0px !important; */
           padding: 8px 10px !important;

    }    
}
@media (min-width: 320px) and (max-width: 390px) {  
    
    .dt_ranges {
        width: 23ch !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }
}
@media (min-width: 320px) and (max-width: 360px) {  
    .leadHeading .sel-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        width: 25ch !important;
    }
    .dt_ranges {
        width: 17ch !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }
}
.btn-h{
        height: 40px;
        border-radius:4px !important;
}