.service-card-title {
    font-size: 18px !important;
    background-color: rgba(5, 5, 5, 0.41) !important;
    padding: 10 !important;
}

.header-big-color {
    color: #384d48 !important;
}

.wd-15 {
    width: 15%;
}

.m-b-0 {
    margin-bottom: 0px !important;
    border-radius: 5px;
}

.m-b-none {
    margin-bottom: 0px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.p-b-2 {
    padding-bottom: 2px !important;
}

.p-r-2 {
    padding-right: 2px !important;
}

.h-100 {
    height: 100px !important;
}

.h-72 {
    height: 72px !important;
}

.min-h-125 {
    min-height: 125px;
}

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

.l-h-35 {
    line-height: 35px;
}

.f-30 {
    font-size: 30px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-70 {
    font-size: 70px;
}

.brd-5 {
    border-radius: 5px !important;
}

.brd-2 {
    border-radius: 2px !important;
}

.brd-8 {
    border-radius: 8px !important;
}

.f-w-b {
    font-weight: bold !important;
}

.p-8 {
    padding: 8px !important;
}

.m-b-6 {
    margin-bottom: 6px;
}

.m-tb-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.col-md-offset-0-5 {
    margin-left: 4.33333333%;
}

.width-95-per {
    width: 95.6% !important;
}

.calendar-card-bg {
    background-color: #D3C4BE;
}

.dashboard-card-bg {
    background-color: #ded0af;
}

.task-card-bg {
    background-color: #e2beb0;
}

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

.min-h-50 {
    min-height: 50px !important;
}

.min-h-100 {
    min-height: 100px !important;
}

.min-h-200 {
    min-height: 200px !important;
}

.min-h-300 {
    min-height: 300px !important;
}

.min-h-400 {
    min-height: 400px !important;
}

.min-h-500 {
    min-height: 500px !important;
}

.min-h-600 {
    min-height: 600px !important;
}

.max-h-300 {
    max-height: 300px !important;
}

.max-h-400 {
    max-height: 400px !important;
}

.max-h-500 {
    max-height: 500px !important;
}

.max-h-600 {
    max-height: 600px !important;
}

.h-auto {
	height: auto!important
}

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

.nowrap {
    white-space: nowrap;
}

.table-tr-border {
    border-top: 2px solid #eff7f5;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.ho-service-dashboard {
    padding: 18px !important;
    padding-top: 20px !important;
    margin-top: -20px !important;
}

.ho-service-dashboard-page-header {
    top: 5px !important;
    position: relative !important;
    margin-left: 15px !important;
}

.ho-txn-id-bg {
    background-color: #09c !important;
    border-radius: 4px;
    color: #FFF !important;
    font-weight: 500 !important;
}

.ho-p-3 {
    padding: 3px !important;
}

.activity-diff-card {
    max-height: 200px !important;
    z-index: 1 !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
}

.activity-diff-main-card {
    min-height: 200px !important;
    box-shadow: none !important;
    border-radius: 5px !important;
}

.activity-diff-table-header {
    color: #ffffff !important;
    background: #09c !important;
}


/* added css for new screen login */

.marg {
    padding-top: 250px;
    padding-left: 100px;
}

.main-header-h2 {
    font-family: 'roboto' !important;
    font-size: 45px !important;
    font-weight: 400 !important;
    margin-top: 16px !important;
    letter-spacing: 0 !important;
}

.main-header-p2 {
    font-size: 18px;
    margin-top: 0;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0;
}

#changethewords span {
    text-transform: uppercase;
    background: linear-gradient(to right, #23D8ff 0%, #09c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px;
    font-weight: 800;
}

.create-btn-css {
    color: #09c !important;
    text-decoration: underline;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.table-tr-backgroud {
    background-color: #EFF7F5;
}

.txn-ho-custom-card-box-shadow {
    box-shadow: 0px 7px 0px -8px rgba(56, 77, 72, 0.15) !important;
    margin-bottom: 11px !important;
}

.col-cell-5 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 20%;
}

.profile__img__edit {
    position: absolute !important;
    top: 3px !important;
    left: 44px !important;
    background-color: rgba(0, 0, 0, .4) !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 17px !important;
    border-radius: 45% !important;
    color: #FFF !important;
    z-index: 100 !important;
}

.bg_profile__img__edit {
    position: relative !important;
    top: 32px !important;
    background-color: rgba(0, 0, 0, .4) !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    border-radius: 50% !important;
    color: #FFF !important;
    font-size: 25px;
}

.business_text_color {
    color: rgb(255, 255, 255) !important;
}

.ho_custom_color {
    color: #09c !important;
}

.ho_custom_margin_top {
    margin-top: 20%;
}

.inputDisabled {
    background-color: #f5f5f5 !important;
    border-radius: 5px !important;
    height: 40px;
}

.ho-custom-card {
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
    height: 40px;
}

.p-custom-card {
    min-height: 100px !important;
    overflow: auto !important;
}

.ho-custom-card-microsoft {
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px 0px !important;
    border-radius: 5px !important;
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.ho-custom-card-microsoft:hover {
    background: rgba(9, 30, 66, 0.02) !important;
}

.ho-table-custom-card {
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
    margin: 0px 15px;
    padding: 10px 0px;
}

.ho-filters-custom-card {
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
}

.ho-filters-custom-card1 {
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
    height: 40px;
}


/* while service pin changing service background with linear gradient. */

.service-background-image-green {
    background-image: linear-gradient(to bottom, rgb(26, 247, 197), rgb(97, 139, 250)) !important;
}

.service-background-image-red {
    background-image: linear-gradient(to bottom, rgb(239, 82, 255), rgb(79, 78, 255)) !important;
}

.brd-10 {
    border-radius: 10px !important;
}

.f-35 {
    font-size: 35px !important;
}

.gradient0 {
    background-image: linear-gradient(57deg, rgb(97, 139, 250), rgb(28, 247, 197)) !important;
    width: 170px !important;
    height: 180px !important;
    border-radius: 10px !important;
}

.gradient1 {
    background-image: linear-gradient(57deg, rgb(79, 78, 255), rgb(239, 82, 255)) !important;
    width: 170px !important;
    height: 180px !important;
    border-radius: 10px !important;
}

.gradient2 {
    background-image: linear-gradient(57deg, rgb(244, 247, 57), rgb(251, 118, 40)) !important;
    width: 170px !important;
    height: 180px !important;
    border-radius: 10px !important;
}

.gradient3 {
    background-image: linear-gradient(57deg, rgb(255, 78, 78), rgb(212, 82, 255)) !important;
    width: 170px !important;
    height: 180px !important;
    border-radius: 10px !important;
}

.business-dashboard-percentage {
    color: rgb(255, 255, 255) !important;
}

.ho-custom-service-logo {
    width: 50px;
    height: 50px;
}

.ho-custom-service-logo-1 {
    width: 40px;
    height: 40px;
}

.ho-custom-service-logo-50 {
    width: 50px;
    height: 50px;
}

.ho-custom-service-logo-2 {
    width: 60px;
    height: 60px;
}

.ho-custom-card-box-shadow {
    box-shadow: 0px 7px 26px -8px rgba(56, 77, 72, 0.15) !important;
    margin-bottom: 11px !important;
}

.image-hover-custom {
    margin-left: -5px !important;
}

.ho-custom-card-bottom {
    margin-bottom: -30px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.ho-custom-color {
    color: #09c !important;
}

.time-bubble-text {
    background: rgba(56, 77, 72, 0.06) !important;
    border-radius: 10px !important;
    color: rgba(56, 77, 72, 0.49) !important;
    padding: 6px 18px 6px 19px !important;
    margin: 10px 0px 5px 6px !important;
}

.hoo-side-home {
    margin-left: -30px !important;
    margin-right: 20px !important;
}

.hoo-side-menu-li {
    top: -3px;
    position: relative;
    text-transform: capitalize;
}

.lvh-global-search {
    position: absolute;
    top: 1px;
    left: 25%;
    height: 50%;
    width: 50%;
    z-index: 4;
    background: #fff;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvh-global-search:before {
    content: "\f1c3";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    left: 12px;
    top: 16px;
    font-size: 28px;
    /* color: #c3c3c3; */
    font-weight: bold;
}

.lvh-global-search-normal {
    margin: 0px 25px 10px 20px;
    background: #fff;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvh-global-search-normal:before {
    content: "\f1c3";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    left: 35px;
    top: 16px;
    font-size: 28px;
    /* color: #c3c3c3; */
    font-weight: bold;
}

.lvh-global-report-search {
    position: absolute;
    top: -25px;
    left: 11%;
    height: 49%;
    width: 75%;
    z-index: 4;
    background: #fff;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvh-global-report-search:before {
    content: "\f1c3";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    left: 12px;
    top: 27px;
    font-size: 22px;
    color: #c3c3c3;
}

.hoo-side-sub-menu {
    margin-left: 17px;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.sub-menu ul>li>a.active,
.sub-menu ul>li>a:hover {
    color: #000;
    background-color: #EFF7F5;
}

.sub-menu ul>li>a {
    color: #7f7f7f;
    padding: 8px 20px 8px 50px;
    font-weight: 500;
    display: block;
}

.sub-menu ul>li:first-child>a {
    padding-top: 5px;
}

.modal-text-capitalize {
    text-transform: capitalize !important;
}

.dashboard-card-margin {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.dashboard-data-card-margin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dashboard-data-mode-css {
    position: relative;
    display: block;
    height: 269px;
    top: 70px !important;
}

.dashboard-filter-mode {
    margin-right: 15px !important;
    margin-bottom: -29px;
}

.dashboard-no-graphs-css {
    position: relative;
    display: block;
    height: 269px;
    top: 100px !important;
}

.date-select-dropdown {
    padding: 1px 4px;
    top: 5px;
    border-radius: 5px;
    border: 1px solid #09c !important;
}

.rectangle-bubble {
    width: 41px;
    height: 9.5px;
    border-radius: 3.8px;
    background-color: rgba(80, 227, 194, 0.06);
}

.m-r-40 {
    margin-right: 40px;
}

.txn-header-pos {
    padding-left: 15px !important;
    padding-right: 10px !important;
}

.border-t {
    border-top: 1px solid #c3c3c3;
    margin-left: 60px;
    margin-right: 60px;
}

.t-10 {
    top: 10px !important;
}

.charcoalGrey24 {
    background-color: rgb(80, 227, 194) !important;
}

.greenishCyan6 {
    background-color: rgba(80, 227, 194, 0.06) !important;
}

.charcoalGrey49 {
    background-color: rgba(56, 77, 72, 0.49) !important;
}

.salmon {
    background-color: rgb(255, 102, 99) !important;
}

.brightLightBlue {
    background-color: rgba(35, 216, 255) !important;
}

.salmon6 {
    background-color: rgba(255, 102, 99, 0.06) !important;
}

.m-l-n-30 {
    margin-left: -30px !important;
}

.ho-task-bg-low {
    background-color: #09c !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-high {
    background-color: rgb(255, 102, 99) !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-medium {
    background-color: #e6b01bc9 !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-low-1 {
    background-color: #efefef !important;
    border-radius: 4px;
    color: #09c;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-high-1 {
    background-color: #efefef !important;
    border-radius: 4px;
    color: rgb(255, 102, 99) !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-medium-1 {
    background-color: #efefef !important;
    border-radius: 4px;
    color: #e6b01bc9 !important;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}


.ho-task-bg-low-2 {
    /* background-color: #efefef !important; */
    background-color: #efefef !important;
    border-radius: 4px;
    color: #09c;
    font-weight: 500 !important;
    padding: 5px 10px !important;
    border: 1px solid #efefef !important;
    /* border: 1px solid #09c !important; */
}

.ho-task-bg-high-2 {
    /* background-color: #efefef !important; */
    background-color: #efefef !important;
    border-radius: 4px;
    color: rgb(255, 102, 99) !important;
    font-weight: 900 !important;
    padding: 5px 10px !important;
    border: 1px solid #efefef !important;
    /* border: 1px solid rgb(255, 102, 99) !important; */
}

.ho-task-bg-medium-2 {
    /* background-color: #efefef !important; */
    /* background-color: #ffffff !important; */
    border-radius: 4px;
    color: #e6b01bc9 !important;
    font-weight: 900 !important;
    padding: 5px 10px !important;
    /* border: 1px solid #ebedf7 !important; */
    background-color: #ebedf7 !important;
    border: 1px solid #ebedf7 !important;
}

.ho-task-bg-not-started {
    background-color: rgb(255, 102, 99) !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 900 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-in-progress {
    background-color: #e6b01bc9 !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-task-bg-completed {
    background-color: #09c !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 5px 10px !important;
}

.ho-cust-task-row {
    margin-left: 0px !important;
    margin-right: -100px !important;
    margin-bottom: 10px !important;
}

.m-t-8 {
    margin-top: 8px !important;
}

.lvh-biz-users-search {
    position: absolute;
    top: 10px;
    left: 30.5%;
    height: 49%;
    width: 50%;
    z-index: 4;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvhs-biz-users-input {
    border: 1px solid #cecece;
    padding: 12px 10px 12px 10px;
    height: 46px;
    font-size: 18px;
    width: 100%;
    font-weight: 100;
    border-radius: 5px;
    margin-top: 10px;
    border-radius: 5px;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #09c;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    font-weight: 100;
    z-index: 10;
}

.my-float {
    margin-top: 18px;
    font-size: 28px;
    font-weight: 100 !important;
}

#mixedSlider {
    position: relative;
}

#mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 3%;
}

#mixedSlider .MS-content .item {
    display: inline-block;
    width: 25%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}

@media (max-width: 991px) {
    #mixedSlider .MS-content .item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    #mixedSlider .MS-content .item {
        width: 100%;
    }
}

#mixedSlider .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 10px;
    color: rgba(0, 0, 0, 0.4);
    transition: 0.15s linear;
}

#mixedSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    #mixedSlider .MS-controls button {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls button {
        font-size: 20px;
    }
}

#mixedSlider .MS-controls .MS-left {
    left: 0px;
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls .MS-left {
        left: -10px;
    }
}

#mixedSlider .MS-controls .MS-right {
    right: 0px;
}

@media (max-width: 767px) {
    #mixedSlider .MS-controls .MS-right {
        right: -10px;
    }
}

#mixedSlider2 {
    position: relative;
}

#mixedSlider2 .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 3%;
}

#mixedSlider2 .MS-content .item {
    display: inline-block;
    width: 50%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}

@media (max-width: 991px) {
    #mixedSlider2 .MS-content .item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    #mixedSlider2 .MS-content .item {
        width: 100%;
    }
}

#mixedSlider2 .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 35%;
    color: rgba(0, 0, 0, 0.4);
    transition: 0.15s linear;
}

#mixedSlider2 .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    #mixedSlider2 .MS-controls button {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    #mixedSlider2 .MS-controls button {
        font-size: 20px;
    }
}

#mixedSlider2 .MS-controls .MS-left {
    left: 0px;
}

@media (max-width: 767px) {
    #mixedSlider2 .MS-controls .MS-left {
        left: -10px;
    }
}

#mixedSlider2 .MS-controls .MS-right {
    right: 0px;
}

@media (max-width: 767px) {
    #mixedSlider2 .MS-controls .MS-right {
        right: -10px;
    }
}

#txnTableScrollSlider .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 35%;
    color: rgba(0, 0, 0, 0.2);
    transition: 0.15s linear;
}

#txnTableScrollSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    #txnTableScrollSlider .MS-controls button {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    #txnTableScrollSlider .MS-controls button {
        font-size: 20px;
    }
}

#txnTableScrollSlider .MS-controls .MS-left {
    left: 0px;
}

@media (max-width: 767px) {
    #txnTableScrollSlider .MS-controls .MS-left {
        left: -10px;
    }
}

#txnTableScrollSlider .MS-controls .MS-right {
    right: 0px;
}

@media (max-width: 767px) {
    #txnTableScrollSlider .MS-controls .MS-right {
        right: -10px;
    }
}

.display-none {
    display: none !important;
}

.data-mode0 {
    background-image: linear-gradient(57deg, rgb(97, 139, 250), rgb(28, 247, 197)) !important;
}

.data-mode1 {
    background-image: linear-gradient(57deg, rgb(79, 78, 255), rgb(239, 82, 255)) !important;
}

.data-mode2 {
    background-image: linear-gradient(57deg, rgb(244, 247, 57), rgb(251, 118, 40)) !important;
}

.data-mode3 {
    background-image: linear-gradient(57deg, rgb(255, 78, 78), rgb(212, 82, 255)) !important;
}

.data-mode4 {
    background-image: linear-gradient(57deg, rgb(97, 139, 250), rgb(28, 247, 197)) !important;
}

.data-mode5 {
    background-image: linear-gradient(57deg, rgb(79, 78, 255), rgb(239, 82, 255)) !important;
}

.data-mode6 {
    background-image: linear-gradient(57deg, rgb(244, 247, 57), rgb(251, 118, 40)) !important;
}

.data-mode7 {
    background-image: linear-gradient(57deg, rgb(255, 78, 78), rgb(212, 82, 255)) !important;
}

.data-mode8 {
    background-image: linear-gradient(57deg, rgb(97, 139, 250), rgb(28, 247, 197)) !important;
}

.data-mode9 {
    background-image: linear-gradient(57deg, rgb(79, 78, 255), rgb(239, 82, 255)) !important;
}

.data-mode10 {
    background-image: linear-gradient(57deg, rgb(244, 247, 57), rgb(251, 118, 40)) !important;
}

.data-mode11 {
    background-image: linear-gradient(57deg, rgb(255, 78, 78), rgb(212, 82, 255)) !important;
}

.data-mode12 {
    background-image: linear-gradient(57deg, rgb(97, 139, 250), rgb(28, 247, 197)) !important;
}

.data-mode13 {
    background-image: linear-gradient(57deg, rgb(79, 78, 255), rgb(239, 82, 255)) !important;
}

.data-mode14 {
    background-image: linear-gradient(57deg, rgb(244, 247, 57), rgb(251, 118, 40)) !important;
}

.data-mode15 {
    background-image: linear-gradient(57deg, rgb(255, 78, 78), rgb(212, 82, 255)) !important;
}

.ho-connector-bg-publish-failed {
    background-color: rgb(255, 102, 99) !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 0px 7px 2px 6px !important;
}

.ho-connector-bg-publish-pending {
    background-color: #e6b01bc9 !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 0px 7px 2px 6px !important;
}

.ho-connector-bg-publish-completed {
    background-color: #09c !important;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 500 !important;
    padding: 0px 7px 2px 6px !important;
}

.ho-home-custom-row {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.timeline {
    list-style: none;
    padding: 20px 0 0px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 4%;
    margin-left: -1.7px;
}

.timeline>li {
    margin-bottom: -20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 89%;
    float: left;
    border: 0.5px solid #f5f5f5;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    margin-left: 11%;
    box-shadow: none !important;
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 0px solid #09c;
    border-left: 0px solid #09c;
    border-right: 0px solid #09c;
    border-bottom: 0px solid #09c;
    content: " ";
    position: absolute;
    display: inline-block;
    left: 45%;
    width: 7.5%;
    height: 1px;
    text-align: center;
    z-index: 0;
    transform: translate(-50%);
    border: 1px solid #c1c1c1;
    margin-top: 13px;
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    right: -14px;
    display: inline-block;
    border-top: 1px solid transparent;
    border-left: 1px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 1px solid transparent;
    content: " ";
    position: absolute;
    display: inline-block;
    left: 45%;
    width: 7.5%;
    height: 1px;
    text-align: center;
    z-index: 0;
    transform: translate(-50%);
    margin-top: 8px;
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0px;
    text-align: center;
    position: absolute;
    top: 16px;
    background-color: #fffFff !important;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 0px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 0px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline>li>.timeline-panel {
        float: right;
    }
    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.dashboard-more-list {
    padding: 4px 20px 1px 20px;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 2.428571;
    color: #333;
    white-space: nowrap;
}

.dashboard-more-list-title {
    padding: 4px 100px 0px 50px;
    display: block;
    clear: both;
    line-height: 2.428571;
    color: #333;
    white-space: nowrap;
    font-weight: 900;
    margin-top: -3px;
}

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

.home-db-title {
    margin-bottom: 20px;
    line-height: 0% !important;
    margin-top: 0px !important;
}

.hoo-cust-color {
    color: #09c !important;
}

.ho-placeholder-format {
    color: rgb(159, 159, 159);
    font-weight: 400;
    font-size: 14px;
}

.home-service-title {
    font-weight: 500 !important;
    font-size: 14px;
}

.mouse-move {
    cursor: move;
}

.m-n-l-10 {
    margin-left: -10px !important;
}

.vertical-align-middle {
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.modal-header-bg {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.min-hgt-100 {
    min-height: 100px !important;
}

.min-hgt-300 {
    min-height: 300px !important;
}

.min-hgt-400 {
    min-height: 400px !important;
}

.min-hgt-500 {
    min-height: 500px !important;
}

.max-hgt-150 {
    max-height: 150px !important;
}

.max-hgt-250 {
    max-height: 250px !important;
}

.max-hgt-300 {
    max-height: 300px !important;
}

.max-hgt-350 {
    max-height: 350px !important;
}

.max-hgt-400 {
    max-height: 400px !important;
}

.max-hgt-450 {
    max-height: 450px !important;
}

.max-hgt-500 {
    max-height: 500px !important;
}

.max-hgt-545 {
    max-height: 545px !important;
}

.max-hgt-560 {
    max-height: 560px !important;
}

.max-hgt-600 {
    max-height: 600px !important;
}

.max-hgt-800 {
    max-height: 800px !important;
}

.min-hgt-600 {
    min-height: 600px !important;
}

.max-wd-550 {
    max-width: 550px !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-y {
    overflow-y: auto;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-x-hide {
    overflow-x: hidden;
}

.overflow-y-hide {
    overflow-y: hidden;
}


/* width */

.custom-scroll::-webkit-scrollbar {
    width: 6px;
}


/* Track */

.custom-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #ffffff;
    border-radius: 10px;
}


/* Handle */

.custom-scroll:-webkit-scrollbar-thumb {
    background: #b2b2b2;
    border-radius: 10px;
}


/* Handle on hover */

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #8e8b8b;
}

/* width */

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


/* Track */

.custom-scroll-lg::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #ffffff;
    border-radius: 10px;
}


/* Handle */

.custom-scroll-lg:-webkit-scrollbar-thumb {
    background: #b2b2b2;
    border-radius: 10px;
}


/* Handle on hover */

.custom-scroll-lg::-webkit-scrollbar-thumb:hover {
    background: #8e8b8b;
}


/* height */

.custom-scroll-vertical::-webkit-scrollbar {
    height: 9px;
}


/* Track */

.custom-scroll-vertical::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #ffffff;
    border-radius: 10px;
}


/* Handle */

.custom-scroll-vertical:-webkit-scrollbar-thumb {
    background: rgb(220, 217, 217);
    border-radius: 10px;
}


/* Handle on hover */

.custom-scroll-vertical::-webkit-scrollbar-thumb:hover {
    background: #b5b1b1;
}


/* height */

.custom-scroll-vertical-h::-webkit-scrollbar {
    height: 3px;
}


/* Track */

.custom-scroll-vertical-h::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #ffffff;
    border-radius: 10px;
}


/* Handle */

.custom-scroll-vertical-h:-webkit-scrollbar-thumb {
    background: rgb(220, 217, 217);
    border-radius: 10px;
}


/* Handle on hover */

.custom-scroll-vertical-h::-webkit-scrollbar-thumb:hover {
    background: #b5b1b1;
}

.vertical-align-sub {
    vertical-align: sub;
}

.col-sm-6_5 {
    width: 56% !important;
}

.placeholder-color {
    color: #a7a7a7;
}

.custom-dropdown-disable {
    color: #9d9d9d;
    background-color: #ffffff !important;
}

.add-option-single {
    color: #c3c3c3;
    font-size: 15px;
    cursor: pointer;
    top: 2px;
    position: relative;
}

.skin-switch-list {
    display: inline-flex;
}

.ss-skin-list {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin: 2px 5px;
}

.ss-skin-list:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ho-settings-custom-card-no-shadow {
    box-shadow: 0px 7px 26px -8px rgba(56, 77, 72, 0.2) !important;
    border-radius: 5px !important;
}

.ho-settings-custom-card {
    box-shadow: 0px 7px 26px -8px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
}

.vagamine-search {
    position: absolute;
    top: -9px;
    left: 0%;
    height: 49%;
    width: 100%;
    z-index: 4;
    background: #fff;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.vagamine-search:before {
    content: "\f1c3";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    left: 12px;
    top: 20px;
    font-size: 22px;
    color: #c3c3c3;
}

.ho-fields-heigh {
    height: 50px;
}

.script-logic-arg {
    border: 1px solid #00BCD4;
    padding: 5px;
    border-radius: 2px;
}

.txn-sub-title {
    color: #09c !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 150% !important;
}

.date-filter-width {
    width: 12.7vw !important;
}

.date-filter-width-month {
    width: 10vw !important;
}

.date-filter-width-year {
    width: 8vw !important;
}

.header-section-names {
    color: #7b7878 !important;
    font-weight: 500 !important;
    font-size: 9px !important;
}

.c-hooper {
    color: #09c !important;
}

.sidebar-tab-content-form {
    padding: 0px 23px;
}

.sidebar-tab-content-form-ex {
    padding: 0px 12px 0 10px !important;
}

/*.tabpanel-width-normal {
    width: 184px;
}

.tabpanel-width-left {
    width: 160px !important;
}

.tabpanel-width-right {
    width: 168px !important;
}*/

.col-sm-3-sidebar {
    width: 26%;
}

.col-sm-9-sidebar {
    width: 74%;
}

.my-dashboard-service-list-height-5 {
    height: 400px !important;
}

.my-dashboard-service-list-height-4 {
    height: 200px;
}

.my-dashboard-service-list-height-0 {
    height: 300px !important;
}

.year-value {
    color: #09c !important;
    font-size: 18px !important;
}

.login-modal-height {
    height: 50px !important;
    font-size: 20px !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.table-ui-template td {
    min-width: 200px;
}

.report-table-ui-template td {
    min-width: 60px;
}

.text-transform-none {
    text-transform: none !important;
}

.table-ui-template>.table>thead>tr>th,
.table-ui-template>.table>tbody>tr>th,
.table-ui-template>.table>tfoot>tr>th,
.table-ui-template>.table>thead>tr>td,
.table-ui-template>.table>tbody>tr>td,
.table-ui-template>.table>tfoot>tr>td {
    border-top: 0px;
}

.table-ui-template>.table>thead>tr>th {
    border-bottom: 0px;
    padding: 10px 10px 0 10px;
}

.report-table-ui-template>.table>thead>tr>th,
.report-table-ui-template>.table>tbody>tr>th,
.report-table-ui-template>.table>tfoot>tr>th,
.report-table-ui-template>.table>thead>tr>td,
.report-table-ui-template>.table>tbody>tr>td,
.report-table-ui-template>.table>tfoot>tr>td {
    border-top: 0px;
}

.report-table-ui-template>.table>thead>tr>th {
    border-bottom: 0px;
    padding: 10px 10px 0 10px;
}

.dashboard-title {
    font-size: 12px;
    color: #384d48 !important;
    font-family: 'roboto' !important;
    font-weight: 900 !important;
    padding-bottom: 15px;
    padding-left: 25px;
}

.login-text-icons {
    position: absolute;
    z-index: 1000;
    font-size: 20px !important;
    color: #09c !important;
    padding: 18px !important;
}

.login-text-padding {
    padding: 6px 50px !important;
}

.m-t-n-5 {
    margin-top: -5px;
}

.fixed_header {
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 600px;
}

.fixed_header thead tr {
    display: block;
}

.fixed_header th,
.fixed_header td {
    width: 200px;
}

.m-t-n-10 {
    margin-top: -10px;
}

.no-msg-img {
    width: 16rem;
    height: auto;
}

.wrng-border {
    border: 1px solid red !important;
}

.text-with-dots {
    display: inline-block;
    max-width: 85%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.tmn-counts-custom {
    font-style: normal;
    background: #F44336;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 15px;
    margin-left: 4px;
}

.mouse-pointer-none {
    pointer-events: none;
}

.no-internet-modal-backdrop {
    position: fixed;
    z-index: 10000 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
}

.custom-tag-text {
    border: 1px solid #e3e3e3;
    background-color: #e3e3e3;
    border-radius: 10px;
    margin: 2px;
    padding: 0 5px;
}

.CodeMirror {
    height: 500px !important;
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important;
    border-radius: 5px !important;
}

a.action-items .show-notification-item {
    display: none !important;
}

a.action-items:hover .show-notification-item {
    display: block !important;
}

.lightbox .show-notification-item-1 {
    display: none !important;
}

.lightbox:hover .show-notification-item-1 {
    display: block !important;
}

.pipe-line:after {
    content: "";
    background-color: #60b4d8;
    position: absolute;
    width: 1px;
    height: 40px;
    top: 2px;
  }

.ho-txn-id-bg-01 {
    border-radius: 4px;
    color: #09c !important;
}

.disable-color {
    background-color: #f7f7f7 !important;
}

.no-unread {
    background-color: #EFF7F5;
}

.no-read {
    background-color: #f9f9f9;
}

.disabled-color {
    color: #9d9d9d;
    background-color: #f5f5f5 !important;
    cursor: not-allowed;
}

.data-mode-color-0 {
    color: #4ec0e1 !important;
}

.data-mode-color-1 {
    color: #9652ff !important;
}

.data-mode-color-2 {
    color: #f9ac30 !important;
}

.data-mode-color-3 {
    color: #e951a6 !important;
}

.pointer-none {
    pointer-events: none;
}

.m-8 {
    margin: 8px !important;
}

.txn-lst-crd-mrgn {
    margin: 0 8px 8px 8px !important;
}

.card-min-height {
    min-height: 880px;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-col-xxtra-small {
    min-width: 60px;
    max-width: 60px;
}

.table-col-xltra-small {
    min-width: 90px;
    max-width: 90px;
}

.table-col-xtra-small {
    min-width: 100px;
    max-width: 100px;
}

.table-col-small {
    min-width: 200px;
    max-width: 200px;
}

.table-col-medium {
    min-width: 300px;
    max-width: 300px;
}

.table-col-large {
    min-width: 400px;
    max-width: 400px;
}

.table-col-xtra-large {
    min-width: 600px;
    max-width: 600px;
}

.table-col-custom {
    padding: 1px 1px;
    border: none;
}

.p-r-40 {
    padding-right: 40px !important;
}

.custom-black-text {
    color: #000000 !important;
}

.p-40 {
    padding: 40px !important;
}

.p-t-2 {
    padding-top: 2px !important;
}

.p-t-3 {
    padding-top: 3px !important;
}

.p-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.lookup-value-card {
    background-color: #efefef; 
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
}

.img-crd-p {
    padding: 8px 12px;
}

.m-t-minus9 {
    margin-top: -9px;
}

.italic-style {
    font-style: italic !important;
}

.l-h-27 {
    line-height: 27px !important;
}

.l-h-30 {
    line-height: 30px !important;
}

.brder-1 {
    border: 1px solid #e4e2e2 !important;;
}

.box-shadow-n {
    box-shadow: none !important;
}

.border-bttom-1 {
    border-bottom: 1px solid #e1e1e1 !important;
}

.text-default-color {
    color: #384d48 !important;
}

.img-obj-fit {
    object-fit: cover;
}

.t-15 {
    top: 15px !important;
}

.connector-log-btn {
    border: 5px solid #384D48;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 5px;
    text-align: center;
}

.horizantal-line-connect {
    border-top: 5px solid #d3d3d3;
}

.td-brdr-zero {
    border-top : 0px !important;
}

.brdr-green {
    border-color: #4CAF50 !important;
}

.brdr-gray {
    border-color: #9E9E9E !important;
}

.brdr-red {
    border-color: #F44336 !important;
}

.processor-active-card {
    background-color: #fddada !important;
}

.hover-active-card:hover {
    background-color: #ffffff !important;
}

.status-card-padding {
    padding: 2px 10px !important;
}

.box-shadow-default {
    box-shadow: 0px 1px 3px 0px rgba(56, 77, 72, 0.3) !important
}

.location-capture-btn {
    z-index: 100;
    position: absolute;
    right: 350px;
    bottom: 20px;
    width: 300px;
    border-radius: 8px;
    text-align: center;
    opacity: 75%;
}

.goto-location-btn {
    z-index: 100;
    position: absolute;
    bottom: 180px;
    text-align: center;
    right: 12px;
}

.txn-list-map-labels-btn {
    float: right;
    position: relative;
    bottom: 173px;
    right: -40px;
}

.txn-list-map-admin-btn {
    float: right;
    position: relative;
    bottom: 214px;
    right: -80px;
}

.txn-list-map-current-loc-btn {
    float: right;
    position: relative;
    bottom: 132px;
    /* text-align: right; */
    padding-right: 10px;
}

.txn-list-map-refresh-loc-btn {
    position: absolute;
    z-index: 1;
    padding-right: 30px;
    right: 0px;
    padding-top: 20px;
}

.loc-bg-color {
    padding: 2px 13px 5px 13px;
    background: #ffffff;
    border-radius: 10px;
}

.brd-0 {
    border-radius: 0px !important;
}

.accounts-ui {
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #09c !important;
    text-decoration: underline !important;
    font-size: 10px !important;
}

.accounts-ui-new {
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #2196F3 !important;
    text-decoration: none !important;
    font-size: 10px !important;
}

.truncated {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.truncated-twoline {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.truncated-threeline {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.img-small-div {
    height: 288px !important;
}

.img-f-h {
    height: 160px !important;
}

.multi-lable-css {
    top: 3px;
    position: relative;
}

.m-t-n-10 {
    margin-top: -10px !important;
}

.wd-18-per {
    width: 18% !important;
}

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

.table-catalogue-preview-card {
    height: 220px;
    width: auto;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}

.table-catalogue-card {
    height: 240px;
    width: 18% !important;
    margin: 10px !important;
    padding: 15px !important;
    cursor: pointer;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}

.table-catalogue-card-icon {
    height: 260px;
    width: 18% !important;
    margin: 10px !important;
    padding: 15px !important;
    cursor: pointer;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}

.table-catalogue-card-image {
    height: 260px;
    width: 18% !important;
    margin: 10px !important;
    padding: 0px !important;
    cursor: pointer;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}

.h-50 {
    height: 50px !important;
}
.h-48 {
    height: 48px !important;
}
.h-45 {
    height: 45px !important;
}

.table-header-icons {
    top: -2px;
    position: relative;
}

.brdr-right-1 {
    border-right: 1px solid #e4e2e2 !important;
}

.input-brdr {
    border: 1px solid #c3c3c3;
}

.bg-color-gray {
    background-color: #efefef;
}

.table-search-column {
    color : #384D48 !important;
    height: 35px;
    font-weight: 400 !important;
    background-color: #efefef;
}

.top-header-bg {
    background-image: linear-gradient(57deg, #1cf7c5, #618bfa);
}

.line-hgt-24 {
    line-height: 24px;
}

.img-circle-25 {
    width: 25px;
    height: 25px;
}

.img-circle-sm-rd {
    border-radius: 25%;
}

.txn-lst-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 20px;
}

.txn-lst-noimg {
    width: 1%;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.txn-lst-filter {
    background: #f1f1f1;
    padding: 1px 5px;
    border-radius: 5px;
}

.pos-abslt{
    position: absolute;
}

.crd-brdr {
    border: 1px solid #f5f5f5;
}

.icon-position {
    top: 3px;
    position: relative;
}

.top-minus-2 {
    top: -2px;
}

.top-minus-4 {
    top: -4px;
}

.top-minus-5 {
    top: -5px;
}

.top-minus-10 {
    top: -10px !important;
}

.top-minus-15 {
    top: -15px !important;
}

.top-minus-20 {
    top: -20px !important;
}

.choice-round-select {
    border-radius: 10px;
    width: auto;
    height: 25px;
    font-size: 11px;
    border: 1px solid lightgray;
    line-height: 10px;
    margin-right: 10px !important;
    box-shadow: none;
}

.bubble-round-choice {
    border-radius: 10px;
    width: auto;
    font-size: 11px;
    border: 1px solid lightgray;
    margin-right: 10px !important;
    box-shadow: none;
}

.selected-bubble-choice {
    background: #09c;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #09c !important;
}

.selected-bubble-choice:focus, .selected-bubble-choice:hover {
    color: #ffffff;
}

.selected-choice-round {
    background: #eaeaea;
}

.dropdown-menu>.menu-header a:hover,
.dropdown-menu>.menu-header a:focus {
    background-color: #ffffff;
}

.login-bg-img {
    display: inline-block;
    /* margin-top: -100px;
    margin-left: -200px; */
}

.login-bg-img img{
    position: absolute;
}

.login-header-logo {
    position: relative;
    float: right;
    top: 40px;
    right: 120px;
}

.icon-bg-color {
    background: #f1f1f1;
}

.catalog-card {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    cursor: pointer;
}

.catalog-card-c {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    cursor: pointer;
    height: 270px;
}
  
.catalog-card img {
    vertical-align: middle;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

.catalog-card-c img {
    vertical-align: middle;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    height: 160px;
}

.catalog-card .catalog-card-header {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1;
    width: 100%;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.catalog-card .catalog-top-menu, .catalog-card-c .catalog-top-menu {
    position: absolute;
    top: 8px;
    right: 8px;
}

.txn-view-mode-icons {
    min-width: 14vw;
    position: relative;
    top: -20px;
    text-align: center
}

.c-darkgray{
    color: gray;
}

.p-t-8 {
    padding-top: 8px !important;
}

.service-list-catalog {
  width: 10%;
  height: 125px;
}

.txn-list-filter-wd {
    width: 76%;
}

.txn-list-filter-icon {
    position: absolute;
    left: -15px;
    top: -10px;
}

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

.wd-10-per {
    width: 10%;
}

.wd-20-per {
    width: 20%;
}

.wd-15-per {
    width: 15%;
}

.wd-30-per {
    width: 30%;
}

.wd-45-per {
    width: 45%;
}

.wd-82-per {
    width: 82% !important;
}

.wd-94-per {
    width: 94% !important;
}

.wd-300 {
    width: 300px;
}

.min-wd-zero {
    min-width: 0px;
}

.wd-auto {
    width: auto !important;
}

.m-t-minus-12 {
    margin-top: -12px !important;
}

.m-t-minus-15 {
    margin-top: -15px !important;
}

.ho-custom-card-lookup-option {
    border-radius: 10px !important;
    min-height: 50px;
    max-height: 120px;
    border: 1px solid #e4e2e2;
 }

.ho-custom-card-lookup-selected {
    border-radius: 10px !important;
    min-height: 50px;
    max-height: 120px;
    border: 1px solid #e4e2e2;
    background-color: #f3f3f3;
}

.rl-pers-label {
    top: -3px;
    position: relative;
}

.txn-filter-icon {
    position: relative;
    top: 2px;
}

.txn-list-header-name {
    min-width: 16vw; 
    top: -5px;
    position: relative;
    max-width: 20vw;
}

.txn-list-header-pers {
    top: -28px;
    left: 40px;
}

.bgm-blue-status {
    background-color: #e8f4fd !important;
    color: #2196F3 !important;
    border-radius: 5px;
}
.bgm-green-status {
    background-color: #edf7ed !important;
    color: #4CAF50 !important;
    border-radius: 5px;
}
.bgm-purple-status {
    background-color: #f5e9f7 !important;
    color: #9C27B0 !important;
    border-radius: 5px;
}
.bgm-indigo-status {
    background-color: #ebedf7 !important;
    color: #3F51B5 !important;
    border-radius: 5px;
}
.bgm-yellow-status {
    background-color: #fffbd7 !important;
    color: #ffe500 !important;
    border-radius: 5px;
}
.bgm-orange-status {
    background-color: #ffeacc !important;
    color: #FF9800 !important;
    border-radius: 5px;
}
.bgm-red-status {
    background-color: #fdecea !important;
    color: #F44336 !important;
    border-radius: 5px;
}
.bgm-gray-status {
    color: #9E9E9E !important;
    background-color: #f5f5f5 !important;
    border-radius: 5px;
}

.circle-with-text{
    margin:10px 0px 0px 15px;
    width:75px;
    height:75px;
    border-radius:100%;
    border:3px solid #000000;
    text-align:center;
    font-size:10px;
    overflow:hidden;
    font-weight: bold;
    padding-top:20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.qaction-card:hover {
    background-color: #f5f5f5;
    border-radius: 10px;
}

.txt-blue-c {
    color: #09c !important;
}

.btn-df-c {
    background-color: #09c;
    font-weight: bold;
}

.btn-df-c:hover, .btn-df-c:focus {
    background-color: #09c !important;
}

.label-icon-pos {
    position: relative;
    top: 2px;
    padding: 7px 5px 5px 12px !important;
    cursor: pointer;
}

.label-txt-pos {
    position: relative;
    top: -2px;
}

.svg-marker-map-label-txt {
    top: 44px;
    left: 10px;
    position: relative;
    padding: 2px 5px 2px 5px;
    background: #ffffff;
    border-radius: 10px;
}

.svg-owner-marker-active-label-txt {
    top: 44px;
    left: 10px;
    position: relative;
    padding: 2px 5px 2px 5px;
    background: #ffffff;
    color: #4CAF50 !important;
    border-radius: 10px;
}

.svg-owner-marker-inactive-label-txt {
    top: 44px;
    left: 10px;
    position: relative;
    padding: 2px 5px 2px 5px;
    background: #ffffff;
    color: #F44336 !important;
    border-radius: 10px;
}

.txn-ownr-marker-map-label-active-txt {
    top: 5px;
    left: 5px;
    position: relative;
    color: #4CAF50 !important;
    padding: 2px 5px 2px 5px;
    background: #ffffff;
    border-radius: 10px;
}

.txn-ownr-marker-map-label-inactive-txt {
    top: 5px;
    left: 5px;
    position: relative;
    color: #F44336 !important;
    padding: 2px 5px 2px 5px;
    background: #ffffff;
    border-radius: 10px;
}

img[src$="#round_icon_active_marker"]{
    border: 1px solid green !important;
    border-radius:50px !important;
}

img[src$="#round_icon_inactive_marker"]{
    border: 1px solid red !important;
    border-radius:50px !important;
}

.location-head-bg {
    padding: 2px 13px 5px 13px;
    background: rgb(0,0,0, 0.2);
    border-radius: 10px;
    color: #000;
    font-size: 13px;
}

.service-catalog-card-1 {
    width: 90px !important;
    height: 90px !important;
    padding: 13px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);
}

.apps-menu-icon {
    width: 100px !important;
    height: 100px !important;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 15px;
}

.lv-img-vsm {
    width: 24px;
    height: 24px;
}

.see-text:hover, .see-text:focus {
    color: #09c;
    font-weight: bold;
}

.see-all-icon {
    position: relative;
    top: 3px;
    left: 5px;
}

.apps-heading {
    font-size: 18px !important;
    position: relative;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
}

.app-menu-create {
    padding: 10px 25px !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.listview a.lv-item.apps-menu:hover {
    background: #f5f5f5 !important;
    font-weight: bold;
}

.form-ele-card {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    object-fit: cover;
}

.form-ele-card-header {
    position: absolute;
    top: 0;
    /* background: rgba(0, 0, 0, 0.5); Black background with 0.5 opacity */
    color: #384d48;
    width: 100%;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}

.form-ele-card-footer {
    position: absolute;
    bottom: 0;
    color: #333333;
    width: 100%;
    padding: 10px;
    text-align: left;
}

.catalog-card-no-img {
    width: 100%;
    padding: 50px !important;
    border: 2px solid #f5f5f5;
}

#lg-slider {
    top: 50px !important;
}

#lg-slider .lg-slide img {
    height: 80% !important;
    background-color: #f5f5f5 !important;
}

#lg-outer .object {
    box-shadow: none !important;
    border-radius: 10px !important
}

/* width */

.tn-justified::-webkit-scrollbar {
    height: 6px;
}


/* Track */

.tn-justified::-webkit-scrollbar-track {
    box-shadow: inset 0 0 20px #ffffff;
    border-radius: 10px;
}


/* Handle */

.tn-justified:-webkit-scrollbar-thumb {
    background: #b2b2b2;
    border-radius: 10px;
}


/* Handle on hover */

.tn-justified::-webkit-scrollbar-thumb:hover {
    background: #8e8b8b;
}

.bg-primary-c {
    background: #09c !important;
}

.brd-20 {
    border-radius: 20px !important;
}

.f-25 {
    font-size: 25px !important;
}
#txn-left-icon {
    color: #ffff !important;
    position: relative;
    top: -3px;
}
#txn-dop-down{
    background: #c3c3c3;
    border-radius: 5px;
}
    
.txn-mor-tabs{
    position: absolute;
    top: 10px;
    z-index: 10;
}
    
#dropdown-menu-right{
    right: auto !important;
}
.right-more-tabs{
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 10;
}
.accounts-card-height{
    height: 145px !important;
}
.ho-icon-color{
    color: #09c !important;
}

.db-range-select {
    left: 15px; 
    position: relative;
}

.txn-list-select-color {
    background: #fdecea !important;
}

.txn-table-list-select-color {
    background: #fdecea !important;
}

.more-tabs-left-icon {
    position: absolute;
    font-size: 25px !important;
    color: #09c !important;
    left: 15px !important;
    margin-top: 8px !important;
    font-weight: bold;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.more-tabs-right-icon {
    position: absolute;
    font-size: 25px !important;
    color: #09c !important;
    margin-top: 8px !important;
    font-weight: bold;
    background-color: #f5f5f5;
    border-radius: 5px;
    right: 0px;
}

.ho-card-shadow-none{
    box-shadow: none !important;
}
.p-l-80 {
    padding-left: 80px;
}
.profile-logout-bg-color{
    background: #f3571e !important;
}
.profile-business-card{
    background: #f1f0f0 !important;
    box-shadow: none !important;
}
.h-30{
    height: 30px;
}

.wizard-nxt-btn {
    float: right;
    padding: 10px 28px 10px 36px;
    font-size: 20px;
    font-weight: 900;
    background: #f3571e !important;
    color: #ffffff;

}

.wizard-submit-btn {
    float: right;
    padding: 10px 28px 10px 36px;
    font-size: 20px;
    font-weight: 900;
    background: #09c !important;
    color: #ffffff;

}

.wizard-prev-btn {
    padding: 10px 28px 10px 16px;
    font-size: 20px;
    font-weight: 900;
    background: #d3d3d3 !important;
}

.icon-xl>li>a, .icon-xl>a {
    width: 35px;
    height: 35px;
}

.checkbox .t-4:before {
    top: 4px !important;
}
.checkbox .t-4:after {
    top: 4px !important;
}

.table-head-sticky {
    display: inline-grid;
    grid-template-areas: 
    "head-fixed" 
    "body-scrollable";
}

.obj-contain {
    object-fit: contain;
}

.pulse {
    animation: pulse-animation 2s infinite;
}
  
@keyframes pulse-animation {
0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}

.ho-home-custom-service-logo {
    width: 40px;
    height: 40px;
}

.action-txn-date{
    background-color: #d0edf9 !important;
    border-radius: 5px;
    padding: 7px 10px !important;
    margin-right: 10px;
    color: #1e9ace !important;
}

.m-t-8{
    margin-top: 8px !important;
}

.p-t-16rem {
    padding-top: 16rem;
}

.team-acc-list {
    position: absolute; 
    color: #09c !important;
    margin-left: -65px;
}

.market-place-color {
    background-color: #c2ebd1;
}

.my-template-color {
    background-color: #eba9a7;
}

.custom-template-color {
    background-color: #8fbdeb;
}

.fv-plugins-message-container {
	margin-top: .25rem
}

.fv-plugins-message-container .fv-help-block {
	color: #f64e60;
	font-size: 1.2rem;
	font-weight: 400
}

.consumer-doc-header {
    background-color: rgb(217, 237, 247);
}

.processor-doc-header {
    background-color: #f5f5f5;
}

.consumer-table-head {
    background-color: #EEEEEE;
}

.label-icon-pos-status {
    position: relative;
    top: 2px;
    padding: 7px 5px 6px 0px !important;
    cursor: pointer;
}

.status-count{
    border:1px solid #f5f5f5;
    border-radius: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: 900;
}
.card-bg{
    border:1px solid #e5e5e5;
}
.total-colo{
    color: #384d48 !important;
}
.new-colo{
    color:#2196F3 !important;
}
.inp-colo{
    color:#3F51B5 !important;
}
.needinf-colo{
    color:#FF9800 !important;
}
.onhold-colo{
    color:#F44336 !important;
}
.closed-colo{
    color:#4CAF50 !important;
    font-size: 25px !important;
}
.ho-custom-service-logo-rlist {
    width: 30px;
    height: 30px;
}
.cat-cart-item{
    border: 1px solid #4CAF50;
    background: #fff !important;
    color: #4CAF50;
    width: 90%;
    padding: 5px 0px;
    margin: 10px 0px 0px 10px;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 5px;
    text-align: center;
}
.cart-dropdown{
    border: 1px solid #4CAF50;
    background: #fff !important;
    color: #4CAF50;
    width: 90%;
    padding: 5px 0px;
    margin: 0px 0px 4px 10px;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 5px;
    text-align: center;
}

.map-search-bar-container {
    z-index: 1;
    position: absolute;
}

.map-search-input-bar {
    height: 48px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%), 0 -1px 0px rgb(0 0 0 / 2%) !important;
}

.map-search-current-loc {
    border-left: 2px solid #e7e7e7;
    border-radius: 0 5px 5px 0 !important;
}

.marker-label-position { 
    left: 10px;
    position: absolute;
}

.map-box-shadow {
    box-shadow: 0 2px 5px rgb(0 0 0 / 16%), 0 2px 10px rgb(0 0 0 / 12%) !important;
}

.tvc-lists-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}

.workflow-action-css{
    height: 600px;
    overflow-y: scroll;
}
.barcode_container {
    display: flex !important;
    padding-top: 5px;
    justify-content: center;
}
.qrcode_container {
    display: flex !important;
    padding-top: 10px;
    justify-content: center;
}

.bottom-25 {
    bottom: 25px !important;
}

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

.lookup-large-img {
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0 0 5px 5px;
}

.login-with-or {
    width: 100%; 
    height: 13px; 
    border-bottom: 1px solid #d3d3d3; 
    text-align: center;
}

.mixedSlider {
    position: relative;
}

.mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 3%;
}

.mixedSlider .MS-content .item {
    display: inline-block;
    width: 25%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}

@media (max-width: 991px) {
    .mixedSlider .MS-content .item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .mixedSlider .MS-content .item {
        width: 100%;
    }
}

.mixedSlider .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 10px;
    color: rgba(0, 0, 0, 0.4);
    transition: 0.15s linear;
}

.mixedSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    .mixedSlider .MS-controls button {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .mixedSlider .MS-controls button {
        font-size: 20px;
    }
}

.mixedSlider .MS-controls .MS-left {
    left: 0px;
}

@media (max-width: 767px) {
    .mixedSlider .MS-controls .MS-left {
        left: -10px;
    }
}

.mixedSlider .MS-controls .MS-right {
    right: 0px;
}

@media (max-width: 767px) {
    .mixedSlider .MS-controls .MS-right {
        right: -10px;
    }
}

.mixedSlider2 {
    position: relative;
}

.mixedSlider2 .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 3%;
}

.mixedSlider2 .MS-content .item {
    display: inline-block;
    width: 50%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 0 10px;
}

@media (max-width: 991px) {
    .mixedSlider2 .MS-content .item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .mixedSlider2 .MS-content .item {
        width: 100%;
    }
}

.mixedSlider2 .MS-controls button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 35%;
    color: rgba(0, 0, 0, 0.4);
    transition: 0.15s linear;
}

.mixedSlider2 .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width: 992px) {
    .mixedSlider2 .MS-controls button {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .mixedSlider2 .MS-controls button {
        font-size: 20px;
    }
}

.mixedSlider2 .MS-controls .MS-left {
    left: 0px;
}

@media (max-width: 767px) {
    .mixedSlider2 .MS-controls .MS-left {
        left: -10px;
    }
}

.mixedSlider2 .MS-controls .MS-right {
    right: 0px;
}

@media (max-width: 767px) {
    .mixedSlider2 .MS-controls .MS-right {
        right: -10px;
    }
}

.line-horizontal {
    height: 2px;
    position: relative;
    background: #aaa;
    top: 50px;
}
.arrow-right:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    right: -15px;
    border-left: 15px solid #aaa;
    top: -4px;
}

.line-vertical {
    width: 2px;
    height: 50px;
    position: relative;
    background: #aaa;
    left: 50%;
}

.arrow-down:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    left: -4px;
    bottom: -15px;
    border-top: 15px solid #aaa;
}

.z-index-btn {
    z-index : 5;
}

.font-color-val {
    color:#666666;
}

/*lightGallery Download*/

#lg-download {
    color: #FFFFFF;
    height: 0px;
    position: absolute;
    right: 100px;
    top: 20px;
    width: 0px;
    z-index: 1090;
    cursor: pointer;
    background-color: #fff;
    border-radius: 2px;
    background-color: #fff;
    background-color: #fff;
}

.fab-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
  }
  .fab-container:hover {
    height: 100%;
  }
  .fab-container:hover .sub-button:nth-child(2) {
    transform: translateY(-80px);
  }
  .fab-container:hover .sub-button:nth-child(3) {
    transform: translateY(-140px);
  }
  .fab-container:hover .sub-button:nth-child(4) {
    transform: translateY(-200px);
  }
  .fab-container:hover .sub-button:nth-child(5) {
    transform: translateY(-260px);
  }
  .fab-container:hover .sub-button:nth-child(6) {
    transform: translateY(-320px);
  }
  .fab-container .fab {
    height: 60px;
    width: 60px;
    background-color: #09c;
    border-radius: 50%;
    color: #ffffff;
    z-index: 10;
  }
  .fab-container .fab .fab-content {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
  }
  .fab-container .sub-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 8px;
    right: 10px;
    height: 50px;
    width: 50px;
    background-color: #09c;
    border-radius: 50%;
    transition: all 0.3s ease;
  }
  .fab-container .sub-button:hover {
    cursor: pointer;
  }
  .bg-oxy {
    background: url(../img/oxy-login-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .lvh-sidebar-search-normal {
    margin: 0px 25px 10px 20px;
    background: #fff;
    -webkit-animation-name: 'fadeIn';
    animation-name: 'fadeIn';
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.lvh-sidebar-search-normal:before {
    content: "\f1c3";
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    left: 35px;
    top: 16px;
    font-size: 28px;
    /* color: #c3c3c3; */
    font-weight: bold;
}

 .stepper-wrapper {
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
 }
  .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    min-width: 80px;
    margin-right: 10px;
    margin-bottom: 30px;
  }
  .step-name {
    font-size: 15px;
    margin: 0px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: center;
  }
  
  .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 25px;
    left: -50%;
    z-index: 2;
  }
  
  .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 25px;
    left: 50%;
    z-index: 2;
  }
  
  .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    width: 45px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
  }
  
  .stepper-item.active {
    font-weight: bold;
  }
  
  .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid green;
    width: 100%;
    top: 11px;
    left: 50%;
    z-index: 3;
  }
  
  .stepper-item:first-child::before {
    content: none;
  }
  .stepper-item:last-child::after {
    content: none;
  }
  
  .jsoneditor {
    border: thin solid #ebebeb !important;
    border-radius: 10px !important; 
  }

  .jsoneditor-menu {
    border-radius: 5px 5px 0px 0px;
  }
  div.jsoneditor-tree {
    border-radius: 10px !important;
  }

  /* div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
    margin-top: 0px !important;
    padding-top: 0px !important;
  } */

  .jsoneditor-sort, 
  .jsoneditor-transform,
  .jsoneditor-navigation-bar,
  .jsoneditor-poweredBy,
  .jsoneditor-repair,
  .jsoneditor-statusbar {
    display: none;
  }

  .section-tab-view-ribbon {
    position: absolute;
    top: -12px;
    right: 15px;
    font-size: 10px;
    background-color: #f5f5f5;
    border-radius: 3px 3px 0px 0px;
    padding: 0px 5px;
    font-weight: 600;
  }

  .custom-date-range-picker {
    width: 250px;
    text-align: center;
    height: 20px;
    color: #595959;
    font-size: 14px;
    text-transform: uppercase;
  }