html {
    scroll-behavior: smooth;
}

body {
    background-color: #f6f7f9;
    ;
    font-family: sans-serif;
    font-weight: 500;
    margin-top: -75px;
    padding-top: 0;
}

.container {
    width: 100%;
}

.min-ht-350 {
    min-height: 390px !important;
}

#add-objectLOCATION_FORM .modal-content {
    min-height: 80vh;
    max-height: 90vh;
    overflow-y: auto;
}

.treeselect-option-label {
    display: inline-flex;
    align-items: baseline;
}

.treeselect-option-label__count {
    margin-left: 6px;
    font-size: 0.85em;
}

.location-parent-wrapper .location-parent-action {
    color: #6c757d;
    font-size: 1.1rem;
}

.location-parent-wrapper .location-parent-action[disabled] {
    opacity: 0.5;
}

.location-parent-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.location-parent-breadcrumb .parent-crumb {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
}

.location-parent-breadcrumb .crumb-label {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-parent-modal .modal-dialog {
    max-width: 600px;
}

.location-parent-modal .modal-content {
    min-height: 60vh;
    max-height: 80vh;
    overflow-y: auto;
}


.navbar {
    background: #fff !important;
}

.navbar-brand {
    float: left;
    height: 40px !important;
    font-size: 18px;
    line-height: 20px;
}

.navbar-bootsnipp {
    background-color: #FFF;
    border-color: #5FB0E4;
    border-radius: 0;
    margin-bottom: 0;
    z-index: 100;
}

.box-bdr-btm-bdr {
    border-bottom: 1.5px solid #efeffb;
    ;
}

.animate {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper>.message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-demo .custom-popup-wrapper>.dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.assets-box1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.row-border {
    border-bottom: #efeffb 1.5px solid !important;
}

.row-padding {
    padding-bottom: 0px;
    padding-top: 0px;
}

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

.padding-10 {
    padding: 10px;
}
.padding-20 {
    padding: 20px;
}
.ml-70-mr-30{
    margin-left: 70px; 
    margin-right: 30px;
}
.padding-left-70 {
    padding-left: 70px !important;
    padding-right: 10px !important;
}

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

.make-ellipsis {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.panel-heading {
    padding: 1px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

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

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

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

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

div.scrollmenu3 {
    margin-top: -55px;
    z-index: 11;
    position: fixed;
}

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

.row-background {
    background: #eeeeec;
    border-bottom: white !important;
}

.progressbar {
    width: 100%;
    margin-top: -11px;
    position: fixed;
}

.menu-color {
    color: #555657 !important;
}

.subnavbar {
    margin-bottom: 0em;
}

.subnavbar-inner {
    height: 0px;
}

.subnavbar .container>ul {
    display: inline-block;
    height: 60px;
    padding: 0;
    margin: 0;
}

.subnavbar .container>ul>li {
    float: left;
    min-width: 90px;
    height: 60px;
    padding: 5px;
    margin: 0;
    text-align: center;
    list-style: none;
    border-left: 1px solid #d9d9d9;
}

ul,
menu,
dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
}

.mb-60 {
    margin-bottom: 60px;
}

.services-inner {
    border: 2px solid #48c7ec;
    margin-left: 35px;
    transition: .3s;
}

.our-services-img {
    float: left;
    margin-left: -36px;
    margin-right: 22px;
    margin-top: 28px;
}

.our-services-text {
    padding-right: 10px;
}

.our-services-text {
    overflow: hidden;
    padding: 28px 0 25px;
}

.our-services-text h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}

.our-services-text h4::before {
    background: #ec6d48 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 35px;
}

.our-services-wrapper:hover .services-inner {
    background: #fff none repeat scroll 0 0;
    border: 2px solid transparent;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.our-services-text p {
    margin-bottom: 0;
}

.margin-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.custom-row {
    margin-left: -5px;
    margin-right: -5px;
}

.margin-btm-10 {
    margin-bottom: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 4px;
}

label {
    font-weight: 400;
}

.label-form {
    font-weight: 400 !important;
}

.progress {
    height: 5px !important;
}

.progress .progress-bar {
    line-height: 0px;
    background-color: #d43f3a;
    ;
}

.progress-container {
    position: fixed;
    top: 0px; /* Adjust to desired height */
    width: 100%;
    background: #0E112B;
  }
  
.xs-pull-right {
    float: right !important;
}

.active-menu {
    background: #127a8a;
    color: #fff;
}

.active-menu1 {
    color: indianred !important;
}

.inline-40 {
    display: inline-block;
    width: 40%;
}

mwl-calendar .cal-slide-content {
    padding: 20px;
    color: #fff;
    background-color: #fff !important;
}

mwl-calendar .cal-slide-content a.event-item {
    color: #3c8dbc;
}

.cal-week-box [data-event-class] {
    white-space: unset !important;
    height: unset !important;
    line-height: unset !important;
    text-overflow: unset !important;
    ;
    overflow: unset !important;
    overflow-wrap: break-word;
}

.pagination {
    margin: 15px 0 -9px 0 !important;
}

.success-row {
    background: #dff0d8;
}

.warning-row {
    background: #fcf8e3;
}

.list-unstyled li {
    border-bottom: solid 1px #cabfbf;
    padding: 6px 1px 6px 1px;
}

mwl-calendar .cal-event-list .event.pull-left {
    margin-top: 7px !important;
}

mwl-calendar .events-list {
    max-height: unset !important;
    padding-left: 4px;
}

mwl-calendar .cal-month-box .events-list {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.app-camera {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    height: 100%;
}

.cameras ul {
    padding: 15px 20px;
}

.cameras .active {
    font-weight: bold;
    color: #009900;
}

.cameras a {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

.cameras a:hover {
    text-decoration: underline;
}

.scans li {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
}

.scans-enter-active {
    transition: background 3s;
}

.scans-enter {
    background: yellow;
}

.empty {
    font-style: italic;
}

.preview-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.i-margin-left-75 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-50 {
    margin-left: 50px;
}

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

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.ppm-label {
    width: 82px;
}

.ppm-open {
    color: #dc3912
}

.ppm-hold {
    color: #808080;
}

.ppm-close {
    color: #9acd32;
}

.loader1 {
    border: 5px solid gray;
    border-radius: 50%;
    border-top: 5px solid #255774;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
    opacity: 1;
    position: fixed;
    top: 45%;
    left: 44%;
    z-index: 100;
}

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

.btn-group.d-flex.margin-extra {
    margin: 10px 5px 15px 0px;
    background: #efeffb;
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(74, 74, 74, 0.3);
}

.bold-table-label {
    font-weight: 700 !important;
    font-size: 13px !important;
}

.btn.btn-info.n-clr {
    background-color: #efeffb;
    border-color: #efeffb;
    color: #6f6f6e;
    font-size: 14px;
    padding: 2px 0px;
}

.brdr-rad-left {
    border-radius: 20px 0px 0px 20px;
}

.brdr-rad-right {
    border-radius: 0px 20px 20px 0px;
}

.btn.btn-info.n-clr.ppm-btn-hvr:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
}

.btn.btn-info.n-clr.ppm-btn-hvr.collap-active {
    background-color: #fff !important;
    border-color: #fff;
    color: #6f6f6e;
    border-radius: 20px;
}

.btn-info:not(:disabled):not(.disabled):active {
    background-color: #fff !important;
    border-color: #fff;
    color: #6f6f6e;
}

.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgb(233, 233, 233) !important;
}

.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0) !important;
}

 .ul li{

    float: left;
    width: 190px;
    height: 20px;
    margin-bottom: 10px;
    padding: 0;
 
}

 .ul li a {
    text-decoration: none;}

.li-1{

 display: inline-flex;
 float: left;
 flex-direction: column;
 align-items: initial;
 justify-content:initial;
 width: 200px;
 padding-left: 0px !important;
 padding: 0px;
 margin-right: 200px;
 
}

ul.mainnav {
  
    float: left;    
    padding: 0px;
    padding-top: 50px;
    padding-left: 20px;
    background: #17a2b8;
    width: 175px;
    position: fixed;
    height: 100%;
    top: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    transition: all 0.6s;
    overflow: scroll;
    transform: translateX(0);
    overflow-x: hidden;
    left:0px
}
.mainnav--close .heading {
    display: none;

}.mainnav--close .hr {
    width: 1px;

}
.mainnav::-webkit-scrollbar {
    display: none;
}

.scroll-upDown-icon {
    position: fixed;
    padding: 5px;
    bottom: 25px;
    left: 120px;
    animation: pull-down 1s linear infinite alternate;
    cursor: pointer;
    z-index: 90;
    transition: all 0.4s;
}


@keyframes pull-down {
    0% {
        opacity: 0.5;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(8px);
    }
}

.scroll-upDown-icon--rotate {

    animation: none;
    transform: rotate(180deg);
}
.scroll-upDown-icon--rotate ul.mainnav{
    width: 175px;

}
.openClose-icon {
    position: absolute;
    padding: 5px;
    top: 60px;
    left: 160px;
    transition: all 0.4s;
    cursor: pointer;
    z-index: 90;
}

/* 
@keyframes pull-left{
    0%{
        opacity: 0.5;
        transform: translateX(0);
    }
    100%{
        opacity: 1;
        transform: translateX(8px);
    }
} */

.mainnav--close {
    width: 50px !important;
    padding-left: 2px !important;
}

.mainnav--close .spn-upper {
    display: none;
}

.mainnav--close .openClose-icon {
    left: 17px;
    transform: rotate(180deg);
}

.mainnav--close .scroll-upDown-icon {
    display: none;
}

 .mainnav li a {
    text-decoration: none;
} 
#submenuAnc{
    color: white;
}
#submenuAnc:hover
{

    background-color: white; 
    color: #17a2b8 ;   
 
}

 .spn-upper:hover {
    background-color: white;
     color: #17a2b8; ;
}
.spn-upper:hover .span-upper-icon{
    background-color:#17a2b8;
     
}
.mainnav li a i {
    font-size: 24px;
    color: #fff;
}

.subnavbadisp-noner.hidden-print {
    margin-top: 40px;
}

.disp-none {
    opacity: 1;
    /*display: none;*/
}

.shw-span i {
    font-size: 18px !important;
}

.spn-upper {
    padding: 4px 10px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;

}

.slider-btn {
    position: absolute;
    margin-left: -44px;
    background: #18a2b8;
    padding: 5px 12px;
    color: #fff;
    font-size: 14px;
    display: none;
}

.card-body {
    position: relative;
}

.pm-head p {
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding-left: 10px;
}

.bdr-btm {
    height: 1.5px;
    background: #efeffb;
    width: 100%;
    margin: 10px;
}

.box-bdr {
    padding: 8px 10px 0 0;
    border-top: 1.5px solid #efeffb;
}

.btn-group.btn-grp-padd {
    padding: 0px 10px 2px 10px;
    padding-bottom: 15px;
}

.box-bdr p {
    margin-top: 0;
    margin-bottom: 0rem;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
}

.d-none p {
    margin-bottom: 8px;
    padding: 0px 0px 0px 5px;
}

.fonts-group {
    color: #fff;
    background: #18a2b8;
    transition: all 200ms ease;
    font-size: 2px;
    padding: 1px;
    border: 1px solid #18a2b8;
}

.accordian-one:hover .fonts-group {
    padding: 3px 3px;
    font-size: 13px;
}

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

.fonts-group:hover {
    color: #18a2b8;
    background: #fff;
    border: 1px solid #18a2b8;
}

.pull-right.new-pull {
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
}

button.btn.btn-sm.btn-info.pull-right {
    display: none;
}

.extra-l-pad {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.none-bdr-r {
    border: none;
}

.shw-span {
    text-align: left;
    /* padding-left: 50px; */
}

.shw-span.first-list-margin {
    margin-top: 40px;
}

.pull-right.btn-col {
    margin-top: 6px;
}

.pull-right.btn-col a {
    padding: 8px 20px;
    margin-top: 10px;
    color: #18a2b8;
}

a.menu-color {
    display: block;
    /* padding: 15px 15px; */
}

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

.most {
    border-top: 1.5px solid #efeffb;
    width: 100%;
}

.clr-s {
    color: #8e8686;
}

.p-l-10 {
    padding-left: 10px;
}

/* .accordian-one:hover{
background: #efeffb;
border-color: #18a2b8 !important;
transition: all 200ms ease;
} */

.accordian-one:hover .span-toggle {
    transition: all 200ms ease;
    background: #efeffb;
}

.accordian-one:hover .text-primary.open-hvr-row {
    text-decoration: underline !important;
    transition: all 200ms ease;
}

.search-btn-top {
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}

.box-bdr .task-end-date {
    margin-top: 20px;
    font-size: 16px;
}

.popup-display {
    margin: auto;
    position: fixed;
    top: -9999px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.5s ease;
}

.search-pop {
    position: absolute;
    z-index: 999999;
    left: 0px;
    right: 0px;
    top: 100px;
}

.pop-back {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
}

.popup-form {
    width: 100%;
    text-align: center;
    visibility: hidden;
}

.form-input {
    padding: 3px 20px;
    font-size: 16px;
    /* margin: 0px; */
    background: #0820255e;
    color: #fff;
    border: none;
    border: 1px solid #eee;
}

.form-input::placeholder {
    color: #fff;
}

.popup-form button {
    border: none;
    color: #fff;
    padding: 5px 8px;
    background: #3c8dbc;
}

.md-show {
    visibility: visible;
    transition: all 200ms ease;
    top: 0px;
}

.disp-none-ph {
    display: none;
}

.own-flex-6 {
    flex: 0 0 53%;
    max-width: 53%;
}

.own-flex-11 {
    flex: 0 0 95.666667%;
    max-width: 95.666667%;
}

.own-flex-1 {
    flex: 0 0 4.333333%;
    max-width: 4.333333%;
}

.span-toggle {
    display: flex;
    width: 100%;
    padding: 15px 10px;
    background: #fff;
    border-radius: 10px;
    margin: 8px 0px;
}

.ex-marg {
    margin-top: 10px !important;
}

.hide {
    font-size: 12px !important;
    margin-left: 10px;
    color: red;
}

/*--ppm-add-update---*/

.nav-item.nav-link:hover {
    color: #3c8dbc;
}

.clr-blu {
    color: #3c8dbc;
    font-size: 14px;
}

.ppm-label b {
    font-weight: 500 !important;
    font-size: 14px;
}

.row-c-head {
    font-size: 15px !important;
    border-bottom: 1.5px solid #efeffb;
}

.btn.ovr-btn {
    padding: 2px 15px !important;
    font-size: 14px !important;
}

.btn-b-blue {
    background: #18a2b8;
    color: #fff;
}

.btn-c-blue {
    color: #18a2b8;
    border: 1px solid #18a2b8;
    border-radius: 5px;
}

.btn-b-blue:hover {
    color: #18a2b8;
    border: 1px solid #18a2b8;
    border-radius: 5px;
    background: #fff;
    transition: all 200ms ease;
}

.btn-c-blue:hover {
    background: #18a2b8;
    color: #fff;
    transition: all 200ms ease;
}

.accordian-one.mystyle {
    border-top: 1.5px solid rgba(24, 162, 184, 0.32) !important;
    border-bottom: 1.5px solid rgba(24, 162, 184, 0.32) !important;
    border-left: 1.5px solid rgba(24, 162, 184, 0.32) !important;
    border-right: 2px solid rgba(24, 162, 184, 0.32) !important;
}

button.move-btn {
    background: none;
    border: none;
    padding: 0px;
    position: absolute;
    right: 10px;
    color: #18a2b8;
    transition: all 300ms ease;
}

.accordian-one span:not(.collapsed) .move-btn .rotate-icon {
    transform: rotate(180deg);
    transition: all 300ms ease;
}

.margin-btm-10px {
    margin-bottom: 10px;
}

.text-primary {
    font-size: 12px !important;
    color: #5a5a5a !important;
    text-transform: capitalize;
}

.control-label .bm {
    font-size: 13px;
    font-weight: 400;
    color: #18a2b8;
}

.same_select-area .dropdown-toggle {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
}

.extra-height a.dropdown-toggle {
    height: 23px !important;
}

.extra-height a.dropdown-toggle span {
    font-size: 13px;
    margin-top: -1px;
}

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

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

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

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

.add-form-upadte textarea {
    resize: none;
}

button.btn.btn-device.btn-light.btn-cross {
    padding: 2px 6px !important;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: -20px;
    background: none;
    color: #18a2b8;
    font-size: 12px;
    background: #eee;
}

button.btn.btn-device.btn-light.btn-cross.extra-btn-pos {
    top: 5px;
}

.bm-link:hover {
    text-decoration: underline;
}

.bm.radio-bm {
    font-size: 13px;
    font-weight: 400;
    color: #18a2b8;
}

.menue-btn {
    right: 10px;
    font-size: 20px;
    z-index: 1;
    cursor: pointer;
}

/* h5{
margin: 0px 0px !important;
font-size: 13px !important;
} */

.pad-t-4 {
    padding-top: 4px !important;
}

.pad-r-0{
    padding-right: 0px;
}
.pad-l-0{
    padding-left: 0px;
}

mwl-calendar .cal-month-box .cal-month-day .cal-events-num {
    color: #fff !important
}

.padd-l-15 {
    padding-left: 15px;
}

button.btn.btn-device.btn-light.btn-cross.calender-btn {
    top: 0px;
    left: 0px;
}

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

.hvr-box-shdw {
    transition: all 200ms ease;
}

.hvr-box-shdw:hover {
    box-shadow: 2px 2px 12px rgba(74, 74, 74, 0.3);
    transition: all 300ms ease;
    cursor: pointer;
}

.model-background {
    background: #f9f9f9;
}

.background-white {
    background: #fff;
}

.asset-list-input {
    width: 92%;
}

/*--- dashboard css -- */

.dash-fa {
    font-size: 28px;
    color: #18a2b8;
    padding-right: 10x;
    display: inline-block;
}

.b-btm {
    border-bottom: 1px solid #efeffb;
}

.p-btm-0-i {
    padding-bottom: 0px !important;
}

.p-top-0-i {
    padding-top: 0px !important;
}

.task-mod {
    font-size: 25px;
    font-weight: 400;
    color: #18a2b8;
}

.ng-tabel-border {
    border: 2px solid #efeffb !important;
}

.ng-tabel-parent th {
    border: none !important;
    padding: 0px 0px 10px 5px !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.most.trans.collapse {
    transition: all 300ms ease;
}

.ppm-label-inline .ppm-label {
    width: 105px;
}

.ng-tabel-parent td {
    font-size: 14px !important;
}

[type="checkbox"].filled-in:checked+label:after {
    background-color: #18a2b8 !important;
    border-color: #18a2b8 !important;
}

.qr-code-c {
    display: inline-block;
    margin-top: 10px;
}

.bm.bm-radio.bm-qr {
    font-size: 13px;
    font-weight: 400;
    color: #18a2b8;
    position: relative;
    top: -10px;
}

#ppm-aad-task .form-control {
    font-size: 13px !important;
    padding: .1rem .75rem !important;
    font-weight: 400 !important;
    line-height: 1.5;
    color: #495057;
    border: 1px soid #ced4da;
}

.form-control {
    font-size: 13px !important;
    padding: .1rem .75rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
}

.form-pop-btn {
    padding: 2px 6px;
    background: #efeffb;
    font-size: 12px;
    border-radius: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9;
    color: #18a2b8;
}

.form-pop-btn:hover {
    color: #18a2b8;
}
.font-18 {
    font-size: 18px !important;
}

textarea {
    resize: none;
}

.import-label {
    width: 40%;
    border: 2px dashed #eee;
}

.opacity1 {
    opacity: 1 !important;
}

.ng-tabel-first-col .u {
    font-weight: bolder;
    font-size: 14px !important;
    color: #5a5a5a !important;
    text-decoration: none !important;
    outline: none !important;
}

.ppm-btn-edit {
    padding: 2px !important;
    font-size: 14px !important;
    color: #fff !important;
}

.ppm-clr-drk {
    color: #000 !important;
    background-color: #efeffb !important;
}

.btn-pad-btn-rem {
    height: 23px;
    font-size: 14px;
    padding-top: 0px;
}

.background-tab-gray {
    background: #efeffb !important;
}

.form-btn-togl {
    font-size: 15px;
    padding: 0px 7px;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #18a2b8;
    color: #18a2b8;
    margin-left: 10px;
}

.form-btn-togl.green-custom:hover {
    color: #48b735;
    border-color: #48b735;
}

.form-btn-togl.red-custom:hover {
    color: #f84334;
    border-color: #f84334;
}

.own-flex-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* custom Feild css */

.custom-field-first label {
    position: absolute;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1.5px solid #efeffb;
}

.custom-field-first ul {
    padding: 0px;
    margin-top: 30px;
    font-size: 14px;
    color: #7b6e6d;
    width: 100%;
}

.custom-type-a {
    display: block;
    text-transform: capitalize;
    border-bottom: 1px solid #efeffb;
    padding: 5px;
}

.custom-type-a:hover {
    color: #18a2b8;
}

.custon-second-sec {
    height: 100%;
}

.custom-2-head p {
    font-size: 15px;
    border-bottom: 1.5px solid #efeffb;
}

.custon-second-sec label {
    position: absolute;
    z-index: 1;
}

.custon-second-sec .inputs-sec {
    height: 23px;
    margin-top: 20px;
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-radius: 5px;
}

.in-grp-disp-none {
    display: none;
    width: 0%;
}

.in-grp-disp-none.string,
.in-grp-disp-none.multi_list,
.in-grp-disp-none.list,
.in-grp-disp-none.number,
.in-grp-disp-none.date {
    display: flex;
    width: 100%;
}

.custom-add {
    position: absolute;
    text-align: center;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-top: 30px;
    font-size: 20px;
    background: #fff;
    color: #18a2b8;
}

.custom-add-one {
    text-align: center;
    margin-bottom: 20px;
    background: #fff;
    color: #18a2b8;
}

.custom-add-one a {
    cursor: pointer;
}

.custom-disp a i {
    transform: rotate(45deg);
    transition: all 200ms ease;
}

.custom-add-a i {
    transform: rotate(0deg);
    transition: all 200ms ease;
}

.txt-clr-blue {
    color: #18a2b8 !important;
}

.pop-nav {
    border-right: 1.5px solid #efeffb;
    height: 100%;
}

.details-fa {
    color: #18a2b8 !important;
}

.pop-nav a {
    padding: 1rem;
}

.pop-nav a {
    border-radius: 0px;
    padding: 1rem;
}

.nav-tabs .nav-link:hover {
    border: none;
}

.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #107a89;
    border-radius: 0px;
    border: none;
}

.pop-pad-25 {
    padding-bottom: 25px;
}

.pop-top-row {
    background: #efeffb;
}

.nav-tabs {
    border-bottom: none;
}

.box-bdr .expand {
    background: rgb(190, 0, 0) !important;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    margin: auto;
    bottom: 0px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.pop-section-modify {
    background: rgba(239, 239, 251, 0.3);
    padding: 20px;
}

.inline-30 {
    width: 30%;
}

.mid-space {
    margin: 0px 3px 0px 3px;
}

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

#ppm-task.default-cursor {
    cursor: default;
}

.active-menu {
    color: #18a2b8;
}

.deleted-confirm {
    color: #000;
    font-size: 18px;
}

.modal-img-back {
    color: red;
}

.modal-img-back:hover i {
    transform: scale(1.1);
    transition: all 200ms ease;
}

#image-modal-close .modal-dialog {
    margin: 0px;
    padding: 2px;
    visibility: hidden;
}

#image-modal-close::before {
    padding: 2px 2px 2px 2px;
    margin-top: 5px;
    display: block;
}

/* modal  

.modal.left .modal-dialog {
position:fixed;
right: 0;
margin: auto;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal-dialog{
max-width: 100%;
}
.modal.left .modal-content {
height: 100%;
overflow-y: auto;
}

.modal.right .modal-body {
padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
left: -320px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
right: 0;
}

.modal-content {
border-radius: 0;
border: none;
}

.modal-header {
border-bottom-color: #eeeeee;
background-color: #fafafa;
}

/* modal end */

#details-dialog {
    max-width: 90%;
    height: 70%;
}

#details-dialog .modal-content {
    height: 100%;
    overflow: scroll;
}

#Started-work .modal-dialog {
    max-width: 30%;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.pop-pad-in-3 {
    padding-left: 15px !important;
}

.pop-pad-in-9 {
    padding-right: 25px !important;
}

.btn-close {
    position: absolute;
    top: 10px;
    color: #18a2b8;
    opacity: 1;
    padding: 0px;
    right: 15px;
    transition: all 200ms ease;
    z-index: 1;
}

.btn-close:hover {
    border: 1px solid #18a2b8;
    border-radius: 50%;
    padding: 0px 5px;
    color: #18a2b8;
    transition: all 200ms ease;
}

/* .modal-backdrop.show{
z-index: 1;
}
.modal-image{
z-index: 12;
} */

.cust-nav {
    display: block;
}

.extra-l-pad.pop-pad {
    padding: 0px;
}

.hide-btn {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 2;
    /* color: red; */
    padding: 0px;
}

.hide-btn:focus {
    box-shadow: none;
}

.row-position {
    position: relative;
}

.inline-60 {
    width: 60%;
    display: inline-block;
}

.on-dessktop {
    display: none;
}

.col-9-bdr {
    border-top: 1px solid #cccccc;
}

.pop-form-des {
    border-color: #18a2b8;
    background: #fbfbfb;
}

.pop-link-edit {
    text-decoration: underline;
    position: absolute;
    right: 0px;
    top: 0px;
}

.save-disp-open {
    opacity: 1;
    display: block;
}

.open-m-list {
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #eee;
    padding: 2px;
    width: 100%;
}

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

.display-inline{
    display: inline;
}

.multi-chose-ul {
    position: absolute;
    background: #eee;
    padding: 0px;
    z-index: 1;
    width: 100%;
}

.multi-chose-ul a {
    display: block;
    margin: 5px;
    cursor: pointer;
}

.Multisection {
    border: 2px solid #efeffb;
    padding: 15px;
    width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.checklist-sub-head {
    width: 100%;
}

.errormsg {
    color: red;
    text-transform: capitalize;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.bdr-head-top {
    border-right: 2px solid #fff;
    margin-left: 4px;
}

.checklist-list .checlist-ul a {
    display: block;
    padding: 13px 0px 13px 13px;
    text-transform: capitalize;
    font-size: 13px;
}

.capatalize {
    text-transform: capitalize;
}

.checklist-list .checlist-ul a:hover {
    color: #18a2b8;
    background: #efeffb;
}

.checklist-list-s {
    height: 473px;
    border: 2px solid #efeffb;
    border-right: 0px;
    overflow-y: scroll;
    border-left: 0px;
}

#overflow-style-3::-webkit-scrollbar-track {
    background-color: #efeffb;
}

#overflow-style-3::-webkit-scrollbar {
    width: 3px;
    background-color: #efeffb;
}

#overflow-style-3::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.category-sec {
    background: #efeffb;
    padding: 15px;
    width: 100%;
    bottom: 0px;
    position: absolute;
    left: 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2), -1px -1px 10px rgba(0, 0, 0, 0.2);
}

.checklis-li {
    border-bottom: 1px solid #efeffb;
}

.checklist-form-input {
    border-width: 1px;
    padding-left: 10px;
    width: 100%;
}

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

.checklis-li .fonts-group {
    opacity: 0;
}

.disp-tabel {
    display: inline-table;
}

.checklis-li:hover .fonts-group {
    opacity: 1;
    transition: all 400ms ease;
    padding: 3px 3px;
    font-size: 13px;
}

.open-search {
    background: #efeffb;
    display: block;
    padding: 15px;
}

.search-btn-checklist {
    position: absolute;
    right: 0px;
}

.relative {
    position: relative;
}

.btn-close-checklist {
    background: #7b7b7b;
    font-size: 11px;
    color: #fff;
    padding: 0px 4px;
    border-radius: 50%;
    float: right;
    opacity: 0.6;
    margin-bottom: 5px;
}

.btn-close-checklist:hover {
    opacity: 1;
}

.category-width {
    width: 70%;
    display: inline-block;
}

.add-check {
    font-size: 13px !important;
}

.customer-form {
    padding: 30px;
}

.btn.ovr-btn.add-font-size {
    font-size: 11px !important;
}

#open-box-add-checklist #details-dialog {
    height: 40%;
}

.Msgshow {
    top: 0px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    left: 0px;
    right: 0px;
    padding: 13px;
    z-index: 99999999999;
    color: #18a2b8;
    font-size: 20px;
    font-weight: bold;
    position: fixed;
}

.no-data-msg {
    text-align: center;
    font-size: 16px;
    color: #18a2b8;
    margin: 0px;
    padding-top: 10px;
    background: #eee;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.modal.zindex-less {
    z-index: 1049 !important;
}

.diesel-table-head {
    padding-top: 5px;
    padding-bottom: 10px;
}

.diesel-row-data {
    padding: 15px 0px;
}

.in-img-show {
    width: 40px;
    height: 40px;
    border-radius: 30%;
    margin-right: 5px;
    display: inline-block;
}

.pop-set-scroll {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.h6-head {
    border-bottom: 1.5px solid #efeffb;
    padding-bottom: 5px;
    margin-bottom: 10px !important;
}

.comman-class-text {
    width: 10px;
}

.text-width {
    width: 100% !important;
}
.textbox-transparent {
    /* background-color: rgba(0, 0, 0, 0); */
    /* color:white; */
    border: none;
    outline: none;
}

.textbox-transparent:hover {
    background-color: lightgrey
}
.color-lightgreen{
    color:lightseagreen;
}
.color-tomato{
    color:tomato;
}
.color-olive{
    color:olivedrab;
}
.color-green{
    color:green;
}

.font-20 {
    font-size: 20px;
}

.flex {
    flex: 1
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.margin-right-10{
    margin-right: 10px;
}
.hight-100p-scroll{
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* .hight-100p-scroll::-webkit-scrollbar{
    display: none;
} */

.hight-600-scroll{
    max-height: 80vh;
    /* max-height: 600px; */
    overflow-y: scroll;
    overflow-x: hidden;
}
.no-scroll::-webkit-scrollbar{
    display: none;
}

.hight-50vh-scroll{
    max-height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.color-grey{
    color: lightslategrey
}
.active{
    background-color: #ddecff!important;
    color: rgb(0, 0, 0)!important;
}
.priority-img{
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.bgcolor-tomato{
    background-color: tomato;
}

#pagination-set .pull-right {
    float: none;
}

#pagination-set.table-responsive {
    overflow: unset;
}

.pos-add-btn {
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 9999999999;
    background: #18a2b8;
    border-radius: 0;
    font-size: 20px;
    padding: 10px 20px 8px 20px;
}

.assign-msg {
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
}

.btn-float-btm-print {
    position: fixed;
    bottom: 15px;
    z-index: 111;
    right: 15px;
}

/* reading customixation  */

.head-icon {
    background: #18a2b8;
    color: #fff;
    padding: 5px 10px;
    font-size: 2rem;
    border-radius: 3px;
    box-shadow: 0px 5px 10px #9a989842;
    margin-right: 30px;
}

.custom-ul {
    width: 100%;
}

.custom-reading-right-secton {
    background: #f4f5f7;
}

.custom-right-side-ul {
    width: 100%;
    padding: 0px;
}

.custom-right-side-ul .on-section {
    display: none;
}

.for-refactor .on-section {
    display: inline-block;
}

.for-refactor .hide-section {
    display: none;
}

.custom-right-side-li {    padding: 0px !important;

    display: inline-block;
    margin: 5px 0px 5px 5px;
    width: 30%;
    background: #fff;
    padding: 10px;
    border: 1px solid #c1c1c1;
    /* margin: 5px; */
    box-shadow: 0px 2px 4px 0px #c1c1c1;
    text-align: center;
}

.custom-li {
    background: #f4f5f7;
    width: 100%;
    color: #172b4d;
    padding: 5px 0px;
    margin-bottom: 2px;
}

.second-custom-span {
    margin-left: 15px;
}

.custom-icon-span {
    background: #f4f5f7;
    float: left;
    padding: 5px 12px;
    margin-top: -5px;
    width: 50px;
    text-align: center;
}

.custom-dub-head {
    border-left: 5px solid #18a2b8;
}

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

.msg-red {
    color: red;
    text-transform: capitalize;
    font-size: 13px;
}

.wht-span {
    font-size: 13px;
    line-height: 25px;
    font-weight: 500;
}

.in-add-h3 {
    margin-bottom: 30px !important;
}

.hide-ul {
    min-height: 100px;
    border: 1.5px solid #efeffb;
}

.bdr-custom-bottom {
    border-bottom: 1.5px solid #efeffb;
}

.custom-checkbox-main {
    display: none;
}

#form-grop-margin-id .form-group {
    margin-bottom: 30px;
}

.custom-select-item-option .dropdown-toggle {
    background: transparent !important;
    border: none !important;
}

.for-refactor .custom-right-side-li {
    box-shadow: none;
    border: none;
    width: 100%;
    display: block;
    margin: 0px;
    width: 100%;
    color: #172b4d;
    padding: 5px 0px;
    margin-bottom: 2px;
    text-align: left;
    transition: all 500ms ease;
}

.for-refactor .right-icon {
    float: left;
    padding: 5px 12px;
    margin-top: -5px;
    width: 50px;
    text-align: center;
    transition: all 500ms ease;
}

.desktop-none {
    display: none;
}

.common-flex {
    position: relative;
    flex: 1 1;
}

.input-width-50 {
    width: 50%;
    float: left;
}

[type="checkbox"]+label::before {
    height: 0px !important;
    width: 0px !important;
    border: none !important;
}

.red-font-box {
    background: #ff6161;
    color: #Fff;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
}

.green-font-box {
    background: #00BF6F;
    color: #Fff;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
}

.blue-font-box {
    background: #17a2b8;
    color: #Fff;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer;
}

.calender-view-border {
    border: 2px solid #eee;
    margin: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}



mwl-calendar span[data-cal-date] {
    display: block;
    float: none;
    text-align: right;
}

mwl-calendar .cal-month-day {
    height: auto;
    margin: 0;
}

.temp-work-order{
    border :1px solid 
}
.temp-work-order:hover{
    border-color :#000 
}

.work-order-OPEN , .amc-type-COMPREHENSIVE{
    background: #00bf6f;
    border-color : #00bf6f 
}

.work-order-STARTED , .amc-type-NON  {
    background: #ff6161;
    border-color : #ff6161;

}

.work-order-HOLD ,.amc-type-SEMI{
    background: #39cbe2;
    border-color : #39cbe2;

}

.work-order-COMPLETED {
    background: #006d77;
    border-color : #006d77;

}

.work-order-REOPEN {
    background: #ff9f00;
    border-color : #ff9f00
}

.work-order-CANCELLED {
    background: #c22528;
    border-color : #c22528

}
.work-order-NOT-CREATED {
    background: lightgrey;
    border-color : lightgrey

}
.work-order- , .amc-type- {
    background: lightgrey;
    border-color : lightgrey
}
.m-r-10{
    margin-right:10px
}
.m-l-10{
    margin-left: 20px;
}
.ui-tooltip {
    /* tooltip container box */
    white-space: pre-line;
}

.ui-tooltip-content {
    /* tooltip content */
    white-space: pre-line;
}

/* Calendar monthly view refresh */
.calender-view-v2 mwl-calendar .cal-month-day {
    height: 130px;
    background: #ffffff;
    border: 1px solid #e3e9f3;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    position: relative;
    overflow: hidden;
}

.calender-view-v2 mwl-calendar .cal-month-day.is-outmonth {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    pointer-events: none;
}

.calender-view-v2 mwl-calendar .cal-month-day:hover {
    border-color: #c8d6ea;
    box-shadow: 0 0 0 1px #d5e0ee;
}

.calender-view-v2 mwl-calendar .cal-month-day.is-today {
    border-color: #bcd3ff;
    background: #eef4ff;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.08);
}

.calender-view-v2 mwl-calendar .cal-month-day.is-today .cal-day-number {
    background: #e2edff;
    border-color: #bcd3ff;
    color: #1f2a44;
}

.calender-view-v2 mwl-calendar .cal-month-day .cal-month-header {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    z-index: 2;
}

.calender-view-v2 mwl-calendar .cal-month-day .cal-day-number {
    display: inline-block;
    min-width: 18px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e6edf7;
    border-radius: 6px;
    color: #1f2a44;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 6px;
}

.calender-view-v2 mwl-calendar .cal-month-day .cal-month-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: static;
    transform: none;
    width: 100%;
    gap: 6px;
    padding: 18px 10px 10px;
    box-sizing: border-box;
}

.calender-view-v2 .wo-count-card {
    text-align: center;
    background: #ffffff;
    border: 1px solid #e6edf7;
    border-radius: 8px;
    padding: 6px 12px 4px;
    min-width: 86px;
    box-shadow: none;
}

.calender-view-v2 .wo-count-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.calender-view-v2 .wo-count-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 34px;
}

.calender-view-v2 .wo-count-divider {
    width: 1px;
    height: 24px;
    background: #e5ecf6;
}

.calender-view-v2 .wo-count-card + .wo-schedule-summary {
    margin-top: 2px;
}

.calender-view-v2 .wo-count-number {
    color: #1f5bff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
}

.calender-view-v2 .wo-count-label {
    color: #64748b;
    font-size: 9px;
    letter-spacing: 1.4px;
}

.calender-view-v2 .wo-count-empty {
    height: 1px;
    width: 1px;
}

.calender-view-v2 .wo-schedule-summary {
    width: 100%;
    padding: 0 14px;
    max-width: 100%;
    align-self: center;
}

.calender-view-v2 .wo-frequency-line {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 6px;
    justify-content: center;
    align-items: center;
    white-space: normal;
}

.calender-view-v2 .wo-frequency-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f8fafc;
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 11px;
    color: #3b4b63;
    cursor: pointer;
    border: none;
    outline: none;
}

.calender-view-v2 .wo-frequency-item:hover {
    background: #eef4ff;
    color: #1f5bff;
}

.calender-view-v2 .wo-frequency-label {
    font-weight: 600;
}

.calender-view-v2 .wo-frequency-count {
    font-weight: 700;
}

.calender-view-v2 .wo-condition-line {
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    justify-content: center;
}

.calender-view-v2 .wo-condition-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f97316;
    display: inline-block;
}

.calender-view-v2 .wo-condition-label {
    font-weight: 700;
}

.calender-view-v2 .wo-condition-count {
    font-weight: 700;
}

.calender-view-v2 .wo-condition-group,
.calender-view-v2 .wo-manual-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 6px;
    cursor: pointer;
    border: none;
    outline: none;
}

.calender-view-v2 .wo-condition-group {
    background: #fff7ed;
    color: #9a3412;
}

.calender-view-v2 .wo-condition-group:hover {
    background: #ffedd5;
}

.calender-view-v2 .wo-manual-group {
    background: #0f172a;
    color: #e2e8f0;
}

.calender-view-v2 .wo-manual-group:hover {
    background: #111827;
}

.calender-view-v2 .wo-manual-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e2e8f0;
    display: inline-block;
}

.calender-view-v2 .wo-manual-label,
.calender-view-v2 .wo-manual-count {
    font-weight: 700;
    color: #e2e8f0;
}

.calender-view-v2 .wo-schedule-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.calender-view-v2 .schedule-D {
    background: #1f5bff;
}

.calender-view-v2 .schedule-W {
    background: #00bf6f;
}

.calender-view-v2 .schedule-M {
    background: #ff9f00;
}

.calender-view-v2 .schedule-Y {
    background: #c22528;
}

.calender-view-v2 .status {
    border: 1px solid #d7e0ee !important;
    background: #ffffff;
    border-radius: 16px;
    padding: 6px 10px;
}

.calender-view-v2 .status.badge-info {
    background: #eef4ff;
    border-color: #c9d8ff !important;
}

.calender-view-v2 .calendar-header {
    background: #ffffff;
    border: 1px solid #e6edf7;
    border-radius: 12px;
    padding: 14px 16px;
    margin: 10px 12px 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.calender-view-v2 .calendar-header-main {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.calender-view-v2 .calendar-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #1f2a44;
    border-right: 1px solid #e6edf7;
    padding-right: 14px;
    font-size: 15px;
}

.calender-view-v2 .calendar-title-icon {
    color: #1f5bff;
}

.calender-view-v2 .calendar-view-switch .btn {
    background: #f3f6fb;
    border: 1px solid #dfe6f2;
    color: #3b4b63;
    margin-right: 4px;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.3;
}

.calender-view-v2 .calendar-view-switch .btn.active {
    background: #ffffff;
    border-color: #b8c7e6;
    color: #1f5bff;
    box-shadow: 0 0 0 2px rgba(31, 91, 255, 0.08);
}

.calender-view-v2 .calendar-nav {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border: 1px solid #dfe6f2;
    border-radius: 10px;
    background: #f8fafc;
}

.calender-view-v2 .calendar-nav .btn {
    background: transparent;
    border: none;
    color: #334155;
    padding: 2px 6px;
}

.calender-view-v2 .calendar-title-text {
    font-weight: 600;
    color: #1f2a44;
    min-width: 120px;
    text-align: center;
    font-size: 14px;
}

.calender-view-v2 .calendar-filter-dropdown {
    min-width: 140px;
}

.calender-view-v2 .calendar-filter-frequency {
    min-width: 130px;
}

.calender-view-v2 .calendar-filter-category {
    min-width: 160px;
}

.calender-view-v2 .calendar-filters .multiselect-parent .btn {
    background: #f8fafc;
    border: 1px solid #dfe6f2;
    border-radius: 10px;
    color: #1f2a44;
    font-size: 13px;
    padding: 6px 12px;
    min-height: 34px;
}

.calender-view-v2 .calendar-filters .multiselect-parent .btn:hover,
.calender-view-v2 .calendar-filters .multiselect-parent .btn:focus {
    background: #ffffff;
    border-color: #b8c7e6;
    box-shadow: 0 0 0 2px rgba(31, 91, 255, 0.08);
}

.calender-view-v2 .calendar-filters .multiselect-parent .dropdown-menu {
    min-width: 180px;
    max-width: 220px;
    padding: 6px 8px;
    border-radius: 10px;
    border: 1px solid #e4e9f2;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.calender-view-v2 .calendar-filter-frequency .dropdown-menu {
    min-width: 150px;
}

.calender-view-v2 .calendar-filters .multiselect-parent .dropdown-menu li > a {
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 12px;
    color: #1f2a44;
}

.calender-view-v2 .calendar-filters .multiselect-parent .dropdown-menu li > a:hover {
    background: #eef4ff;
    color: #1f5bff;
}
.calender-view-v2 .calendar-filters {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
}

.calender-view-v2 .calendar-filter-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.calender-view-v2 .calendar-type-filters {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.calender-view-v2 .calendar-type-filters .filter-hint {
    color: #64748b;
    font-size: 12px;
    margin-left: 2px;
}

.calender-view-v2 .calendar-type-filters .status-chip {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 999px;
}

.calender-view-v2 .status-chip-calendar.is-active {
    background: #e6f6ff;
    border-color: #0ea5e9;
    color: #0f172a;
}

.calender-view-v2 .status-chip-condition.is-active {
    background: #fff7ed;
    border-color: #f97316;
    color: #9a3412;
}

.calender-view-v2 .status-chip-manual.is-active {
    background: #0f172a;
    border-color: #0f172a;
    color: #e2e8f0;
}
.calender-view-v2 .calendar-actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.calender-view-v2 .calendar-action-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.calender-view-v2 .calendar-action-group-toggle .btn + .btn {
    margin-left: -1px;
}

.calender-view-v2 .calendar-actions .btn.btn-sm {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 6px;
    background: #e6f6ff;
    border-color: #0ea5e9;
    color: #0f172a;
}

.calender-view-v2 .calendar-actions .btn.btn-sm:hover,
.calender-view-v2 .calendar-actions .btn.btn-sm:focus {
    background: #d9f1ff;
    border-color: #0ea5e9;
    color: #0f172a;
}

.calender-view-v2 .calendar-action-group-toggle .btn {
    border-radius: 6px;
}

.calender-view-v2 .calendar-action-group-toggle .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calender-view-v2 .calendar-action-group-toggle .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@keyframes cal-sk-shimmer {
    0%   { background-position: -200% 0; }
    100% { background-position:  200% 0; }
}

.calender-view-v2 .calendar-body {
    position: relative;
}

.calender-view-v2 .calendar-skeleton {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.calender-view-v2 .calendar-body.is-loading .calendar-skeleton {
    opacity: 1;
    pointer-events: auto;
}

.calender-view-v2 .cal-sk-bone {
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: cal-sk-shimmer 1.5s infinite linear;
    border-radius: 4px;
}

.calender-view-v2 .cal-sk-header {
    display: flex;
    background: #ffffff;
    border-bottom: 1px solid #e3e9f3;
    padding: 8px 0;
    flex-shrink: 0;
}

.calender-view-v2 .cal-sk-header-cell {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.calender-view-v2 .cal-sk-day-name {
    height: 11px;
    width: 28px;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: cal-sk-shimmer 1.5s infinite linear;
    border-radius: 3px;
}

.calender-view-v2 .cal-sk-row {
    display: flex;
    flex: 1;
    gap: 4px;
    padding: 4px;
    background: #ffffff;
}

.calender-view-v2 .cal-sk-cell {
    flex: 1;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e3e9f3;
    padding: 8px;
    display: flex;
    flex-direction: column;
}

.calender-view-v2 .cal-sk-day-num {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-bottom: 10px;
    flex-shrink: 0;
}

.calender-view-v2 .cal-sk-line {
    height: 24px;
    border-radius: 6px;
    margin-bottom: 6px;
    flex-shrink: 0;
}

.calender-view-v2 .cal-sk-line-wide   { width: 80%; }
.calender-view-v2 .cal-sk-line-narrow { width: 55%; height: 16px; }

#frequencyListModal .frequency-list-scroll {
    max-height: 60vh;
    overflow: auto;
}

.calender-view-v2 .calendar-toggle .btn {
    border-radius: 10px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.3;
    border: 1px solid #0ea5e9;
    color: #0f172a;
    background: #ffffff;
    box-shadow: none;
}

.calender-view-v2 .calendar-toggle .btn + .btn {
    margin-left: -1px;
}

.calender-view-v2 .calendar-toggle .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calender-view-v2 .calendar-toggle .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.calender-view-v2 .calendar-toggle .btn.active {
    background: #e6f6ff;
    border-color: #0ea5e9;
    color: #0f172a;
}

.calender-view-v2 .calendar-header-sub {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.calender-view-v2 .calendar-status-chips {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.calender-view-v2 .calendar-schedule-summary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

@media (max-width: 992px) {
    .calender-view-v2 .calendar-header-main {
        gap: 8px;
    }

    .calender-view-v2 .calendar-title {
        border-right: 0;
        padding-right: 0;
    }

    .calender-view-v2 .calendar-view-switch {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 6px;
    }

    .calender-view-v2 .calendar-view-switch .btn {
        padding: 4px 8px;
        margin-right: 0;
        flex: 1 1 auto;
    }

    .calender-view-v2 .calendar-nav {
        padding: 2px 8px;
        gap: 6px;
    }

    .calender-view-v2 .calendar-title-text {
        min-width: 0;
        font-size: 14px;
    }

    .calender-view-v2 .calendar-filters {
        width: 100%;
    }

    .calender-view-v2 .calendar-filter-dropdown {
        min-width: 160px;
        width: 100%;
    }

    .calender-view-v2 .calendar-actions {
        width: 100%;
        justify-content: flex-end;
    }

    .calender-view-v2 .calendar-header-sub {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .calender-view-v2 .calendar-status-chips,
    .calender-view-v2 .calendar-schedule-summary {
        margin-left: 0;
    }

    .calender-view-v2 .calendar-schedule-summary {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 576px) {
    .calender-view-v2 .calendar-header {
        margin: 8px;
        padding: 8px 10px;
    }

    .calender-view-v2 .calendar-nav {
        width: 100%;
        justify-content: space-between;
    }
}

.calender-view-v2 .schedule-summary-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    cursor: pointer;
}

.calender-view-v2 .schedule-summary-label {
    font-weight: 700;
    letter-spacing: 0.4px;
}

.calender-view-v2 .schedule-summary-count {
    color: #111827;
    font-weight: 700;
    font-size: 13px;
}

.calender-view-v2 .schedule-summary-D .schedule-summary-label {
    color: #1f5bff;
}

.calender-view-v2 .schedule-summary-W .schedule-summary-label {
    color: #00bf6f;
}

.calender-view-v2 .schedule-summary-M .schedule-summary-label {
    color: #ff9f00;
}

.calender-view-v2 .schedule-summary-Y .schedule-summary-label {
    color: #7c3aed;
}

.calender-view-v2 .status-label {
    color: #5b6b84;
    font-size: 12px;
    margin-right: 4px;
}

.calender-view-v2 .status-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #e3e9f3;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 12px;
    color: #3b4b63;
    cursor: pointer;
}

.calender-view-v2 .status-chip.is-active {
    background: #eef4ff;
    border-color: #c7d5ff;
    color: #1f5bff;
}

.calender-view-v2 .status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.calender-view-v2 mwl-calendar .cal-month-view .cal-day-headers {
    background: #1f2937;
    border: 1px solid #1f2937;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    padding: 0;
    height: var(--cal-day-headers-height);
}

.calender-view-v2 mwl-calendar .cal-month-view .cal-day-headers .cal-header {
    font-weight: 600;
    color: #e5e7eb;
    text-transform: uppercase;
    font-size: 12px;
    line-height: var(--cal-day-headers-height);
}

.calender-view-v2 {
    height: 100%;
    overflow: hidden;
    --cal-days-height: 600px;
    --cal-day-headers-height: 32px;
    position: relative;
}


.calender-view-v2 mwl-calendar,
.calender-view-v2 mwl-calendar .cal-month-view {
    margin: 0;
}

.calender-view-v2 mwl-calendar .cal-month-view .cal-days {
    background: #0f172a;
    border: 1px solid #111827;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 0;
    height: var(--cal-days-height);
}

.calender-view-v2 mwl-calendar .cal-month-view .cal-row-fluid {
    margin: 0;
    height: calc(var(--cal-days-height) / 6);
    display: flex;
}

.calender-view-v2 mwl-calendar .cal-month-view .cal-month-day {
    margin: 0;
    height: 100%;
    border-radius: 0;
    border: 1px solid #1e293b;
    box-shadow: none;
    box-sizing: border-box;
}

.calender-view-v2 mwl-calendar .cal-month-view {
    height: calc(var(--cal-days-height) + var(--cal-day-headers-height));
}

.calender-view-v2 mwl-calendar .cal-month-box [class*=cal-cell] {
    padding: 0;
}

.calender-view-v2 .custom-week-view {
    background: #f4f7fb;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    overflow: hidden;
}

.calender-view-v2 .custom-week-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    background: #f4f7fb;
    border-bottom: 1px solid #e1e8f3;
}

.calender-view-v2 .custom-week-header-cell {
    padding: 10px 12px;
    border-right: 1px solid #e1e8f3;
    font-weight: 600;
    color: #4a5b75;
    font-size: 11px;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.calender-view-v2 .custom-week-header-cell:last-child {
    border-right: 0;
}

.calender-view-v2 .custom-week-day {
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.calender-view-v2 .custom-week-number {
    color: #1f2a44;
    font-weight: 700;
    font-size: 16px;
}

.calender-view-v2 .custom-week-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    min-height: 520px;
}

.calender-view-v2 .custom-week-day-cell {
    border-right: 1px solid #e1e8f3;
    border-bottom: 1px solid #e1e8f3;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 28px;
    cursor: pointer;
}

.calender-view-v2 .custom-week-day-cell.is-today {
    border: 2px solid #bcd3ff;
    background: #eef4ff;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.08);
}

.calender-view-v2 .custom-week-day-cell:last-child {
    border-right: 0;
}

.calender-view-v2 .custom-week-day-cell .wo-count-card {
    margin-bottom: 6px;
    width: 120px;
}

.calender-view-v2 .custom-week-day-cell .wo-schedule-summary {
    padding: 0 18px;
    width: 100%;
}
.calender-view-v2 .custom-week-empty {
    color: #c7d1e0;
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
}

/* === Custom Range View === */
.calender-view-v2 .custom-range-view {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e3e9f3;
    height: var(--cal-days-height);
    display: flex;
    flex-direction: column;
}

.calender-view-v2 .custom-range-view .cal-cell-row {
    display: flex;
}

.calender-view-v2 .custom-range-view .cal-cell {
    flex: 1;
    min-width: 0;
}

.calender-view-v2 .custom-range-view .cal-header {
    background: #f8fafc;
    height: var(--cal-day-headers-height);
    border-radius: 10px 10px 0 0;
    border: 1px solid #e3e9f3;
    border-bottom: none;
}

.calender-view-v2 .custom-range-view .cal-header-cell {
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.calender-view-v2 .custom-range-view .cal-month-row {
    flex: 1;
    min-height: 0;
    background: #ffffff;
    border-left: 1px solid #e3e9f3;
    border-right: 1px solid #e3e9f3;
    border-bottom: 1px solid #e3e9f3;
}

.calender-view-v2 .custom-range-view .cal-month-row:last-child {
    border-radius: 0 0 10px 10px;
}

.calender-view-v2 .custom-range-view .cal-day-col {
    cursor: pointer;
}

.calender-view-v2 .custom-range-view .custom-range-slot-empty {
    background: #f8fafc;
    height: 100%;
    border: 1px solid #e3e9f3;
    box-sizing: border-box;
}

.calender-view-v2 .custom-range-view .cal-month-day {
    border: 1px solid #e3e9f3;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.calender-view-v2 .custom-range-view .cal-month-day .cal-month-header {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    z-index: 2;
}

.calender-view-v2 .custom-range-view .cal-month-day .cal-day-number {
    display: inline-block;
    min-width: 18px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e6edf7;
    border-radius: 6px;
    color: #1f2a44;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 6px;
}

.calender-view-v2 .custom-range-view .cal-month-day.is-today .cal-day-number {
    background: #e2edff;
    border-color: #bcd3ff;
    color: #1f2a44;
}

.calender-view-v2 .custom-range-view .cal-month-day .cal-month-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    gap: 6px;
    padding: 28px 10px 10px;
    box-sizing: border-box;
}

.calender-view-v2 .custom-day-view {
    background: #f4f7fb;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    padding: 18px;
    min-height: 520px;
}

.calender-view-v2 .custom-day-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
}

.calender-view-v2 .custom-day-card {
    background: #ffffff;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    padding: 16px;
}

.calender-view-v2 .custom-day-card-title {
    font-weight: 700;
    color: #1f2a44;
    font-size: 15px;
}

.calender-view-v2 .custom-day-card-meta {
    margin-top: 6px;
    display: grid;
    gap: 4px;
    color: #60708a;
    font-size: 12px;
}

.calender-view-v2 .custom-day-card-line {
    display: flex;
    align-items: center;
    gap: 6px;
}

.calender-view-v2 .custom-day-card-category {
    color: #6b7a90;
    font-size: 12px;
    margin-top: 2px;
}

.calender-view-v2 .custom-day-status {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.calender-view-v2 .status-pill {
    background: #f7f9fd;
    border: 1px solid #e6edf7;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    color: #3b4b63;
}

.calender-view-v2 .status-pill-STARTED {
    border-color: #ff6161;
    color: #ff6161;
    background: #fff3f3;
}

.calender-view-v2 .status-pill-OPEN {
    border-color: #00bf6f;
    color: #00bf6f;
    background: #effcf5;
}

.calender-view-v2 .status-pill-HOLD {
    border-color: #39cbe2;
    color: #39cbe2;
    background: #eefbff;
}

.calender-view-v2 .status-pill-COMPLETED {
    border-color: #006d77;
    color: #006d77;
    background: #e9f2f3;
}

.calender-view-v2 .status-pill-REOPEN {
    border-color: #ff9f00;
    color: #ff9f00;
    background: #fff6e7;
}

.calender-view-v2 .status-pill-CANCELLED {
    border-color: #c22528;
    color: #c22528;
    background: #fdeeee;
}

.calender-view-v2 .status-pill-NOT-CREATED {
    border-color: lightgrey;
    color: #8a95a8;
    background: #f3f4f6;
}

.calender-view-v2 .status-label {
    margin-right: 4px;
}

.calender-view-v2 .custom-day-card-footer {
    margin-top: 10px;
}

.calender-view-v2 .custom-day-card-footer a {
    color: #1f5bff;
    font-size: 12px;
    text-decoration: none;
}

.calender-view-v2 .custom-day-detail {
    background: #ffffff;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    padding: 16px;
}

.calender-view-v2 .custom-day-detail-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.calender-view-v2 .custom-day-detail-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #1f5bff;
    color: #1f5bff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.calender-view-v2 .custom-day-detail-text {
    display: flex;
    flex-direction: column;
}

.calender-view-v2 .custom-day-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    color: #60708a;
    font-size: 12px;
    margin-top: 2px;
}

.calender-view-v2 .custom-day-detail-meta i {
    margin-right: 6px;
}

.calender-view-v2 .custom-day-back a {
    color: #6b7a90;
    font-size: 12px;
    text-decoration: none;
}

.calender-view-v2 .custom-day-detail-title {
    font-size: 18px;
    font-weight: 700;
    color: #1f2a44;
}

.calender-view-v2 .custom-day-detail-total {
    display: inline-block;
    background: #f1f5fb;
    border: 1px solid #e6edf7;
    border-radius: 6px;
    font-size: 12px;
    color: #4a5b75;
    padding: 2px 8px;
    margin-top: 4px;
}

.calender-view-v2 .custom-day-detail-section {
    margin-top: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #6b7a90;
    letter-spacing: 0.6px;
}

.calender-view-v2 .custom-day-wo-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calender-view-v2 .custom-day-wo {
    border: 1px solid #e6edf7;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    position: relative;
    padding-left: 16px;
}

.calender-view-v2 .custom-day-wo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #1f2a44;
}

.calender-view-v2 .custom-day-wo-title {
    font-weight: 600;
}

.calender-view-v2 .custom-day-wo-status {
    font-size: 11px;
    color: #4a5b75;
    border-radius: 10px;
    padding: 2px 8px;
}

.calender-view-v2 .status-border-STARTED {
    border-left: 3px solid #ff6161;
}

.calender-view-v2 .status-border-OPEN {
    border-left: 3px solid #00bf6f;
}

.calender-view-v2 .status-border-HOLD {
    border-left: 3px solid #39cbe2;
}

.calender-view-v2 .status-border-COMPLETED {
    border-left: 3px solid #006d77;
}

.calender-view-v2 .status-border-REOPEN {
    border-left: 3px solid #ff9f00;
}

.calender-view-v2 .status-border-CANCELLED {
    border-left: 3px solid #c22528;
}

.calender-view-v2 .status-border-NOT-CREATED {
    border-left: 3px solid #cbd5e1;
}

.calender-view-v2 .custom-day-wo-meta {
    margin-top: 6px;
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: #6b7a90;
}

.calender-view-v2 .custom-day-empty {
    color: #9aa8bf;
    font-size: 14px;
    text-align: center;
    padding: 40px 0;
}

.calender-view-v2 .custom-year-view {
    background: #f4f7fb;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    padding: 16px;
}

.calender-view-v2 .custom-year-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.calender-view-v2 .custom-year-card {
    background: #ffffff;
    border: 1px solid #e1e8f3;
    border-radius: 10px;
    padding: 12px;
    cursor: pointer;
}

.calender-view-v2 .custom-year-month {
    font-weight: 700;
    color: #1f2a44;
    font-size: 13px;
}

.calender-view-v2 .custom-year-total {
    font-size: 11px;
    color: #6b7a90;
    margin-top: 4px;
}

.calender-view-v2 .custom-year-breakup {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.calender-view-v2 .custom-year-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #3b4b63;
}

.calender-view-v2 .custom-year-label {
    font-weight: 600;
}

.calender-view-v2 .custom-year-count {
    margin-left: auto;
    font-weight: 600;
}

.calender-view-v2 mwl-calendar .cal-month-box .cal-row-fluid {
    border: 0;
}

.calender-view-v2 mwl-calendar .cal-month-box [class*=cal-cell]+[class*=cal-cell] {
    border-left: 0;
}

.calender-view-v2 mwl-calendar .cal-month-box .cal-row-fluid:hover,
.calender-view-v2 mwl-calendar .cal-month-box [class*=cal-cell]:hover {
    background-color: transparent;
}

.work-order-pms{
    background: #f7f6f6;
    color: #000;
    border-radius: 3px;
    /* text-align: center; */
    padding: 1px;
}
.work-order-cursor{
    pointer-events: none;
    cursor: default;
}
.pop-order-span{
    background: #006d77;
    padding: 5px;
    margin-top: 10px;
    color: #fff;
}

.class-display-inherit{
    display: inherit;
}

.color-red{
    color:red
}

.display-flex{
    display: flex;
}

.space-between{
    justify-content: space-between
}

.align-item-center{
    align-items: center
}

.score__pattern {
    padding: 10px;
    text-align: center;
    justify-content: center;
    background: #eee;
    min-width:80px;
    border-radius: 5px;
}

.score__pattern h4{
    margin:0px
}
.score__pattern p{
    margin: 0px;
}

.score__pattern__IGNORE{
    background: rgba(254, 160, 67, 0.1);
    color: #fea143;
}
.score__pattern__NO{
    background: rgba(250 ,96 ,96 ,0.1);
    color: #ff6161;
}
.score__pattern__YES{
    background: rgba(71, 192, 112, 0.1);
    color: #47c070;
}
/* phone view ############################################################################################################################# */

@media (max-width: 767px) {
    .ph-pad-0 {
        padding: 0px;
    }

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

    .btn-group.d-flex.margin-extra {
        margin: 3px 0px 10px 0px;
        overflow: auto;
        white-space: nowrap;
    }

    .btn.btn-info.n-clr.ppm-btn-hvr {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 10px;
        padding-left: 10px;
    }

    body {
        margin: 0px;
    }

    .disp-none-ph {
        display: inline-block;
    }

    .in-ph-disp-none {
        display: none;
    }

    .pull-right.btn-col {
        position: absolute;
        top: 23px;
        left: 0px;
        right: 0px;
        display: block;
    }

    .pull-right.btn-col a {
        width: 100%;
        position: absolute;
        text-align: right;
        padding: 0px;
        right: 25px;
    }

    .padd-b-17 {
        padding-bottom: 17px;
    }

    .ph-bdr-n {
        border: none !important;
    }

    .box-bdr {
        border-radius: 20px !important;
        padding: 10px;
    }

    .padd-none {
        padding: 0px !important;
    }

    /* .row-border{border-left: none !important; border-right: none !important;padding: 10px 0px;} */
    /* .row-border:first-child{border-top: 1.5px solid #efeffb;} */
    .dum-f {
        font-size: 13px;
        font-weight: 400;
        display: inline;
    }

    .own-flex-11 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .own-flex-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .own-flex-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menue-btn {
        right: 0px;
        left: 0px;
        top: 0px;
        position: sticky !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .menue-btn span i {
        transform: rotate(90deg);
    }

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

    .accordian-one.mystyle {
        padding: 5px;
    }

    #task-popup {
        width: 96% !important;
    }

    .asset-list-input {
        width: 89.9%;
    }

    .ph-pad-r-15 {
        padding-right: 15px;
    }

    .ph-bdr-r-0-i {
        border-radius: 0px !important;
    }

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

    .fonts-group {
        padding: 3px 3px;
        font-size: 14px;
    }

    #details-dialog {
        max-width: 100%;
    }

    .on-dessktop {
        display: block;
    }

    .ph-m-0 {
        margin: 0px !important;
    }

    .pop-pad-in-3 {
        padding: 15px !important;
    }

    .pop-pad-in-9 {
        padding-right: 15px !important;
    }

    .ph-font-14 {
        font-size: 14px !important;
    }

    .ph-algn-center {
        text-align: center;
    }

    .accordian-one .span-toggle {
        background: #efeffb;
    }

    .accordian-one .text-primary.open-hvr-row {
        font-size: 14px !important;
        text-decoration: underline !important;
    }

    .ph-m-btm-5 {
        margin-bottom: 5px !important;
    }

    .checklis-li .fonts-group {
        opacity: 1;
    }

    .btn.ovr-btn {
        padding: 2px 12px !important;
        font-size: 11px !important;
    }

    .in-ph-hide {
        position: absolute;
        top: 0px;
        right: 0px;
        margin-right: 10px;
        top: 5px;
    }

    #Started-work.clone-width .modal-dialog {
        max-width: 100%;
    }

    .in-ph-col-2 {
        border: 1.5px solid #efeffb;
        padding: 5px 0px;
        margin: 10px 0px;
    }

    /* .diesel-box-bdr.box-bdr p{font-weight: bold;} */
    .diesel-row-data {
        background: #eee;
        padding: 10px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .diesel-card-body-ph {
        padding: 5px !important;
    }

    .diesel-card-body-ph .inline-40 {
        font-size: 13px !important;
        font-weight: 400;
    }

    .d-none-desktop-view {
        display: none;
    }

    .checklist-list-s {
        height: 250px;
    }

    .font-sizein-ph {
        font-size: 16px;
    }

    .itemnamewidth {
        width: 80%;
        display: block;
    }

    .pos-add-btn {
        padding: 10px;
        position: fixed;
        height: 70px;
        width: 70px;
        bottom: 15px;
        font-size: 34px;
        top: auto;
        right: 15px;
        z-index: 9999999999;
        background: #18a2b8;
        border-radius: 50%;
    }

    #pagination-set.table-responsive {
        overflow-x: auto;
    }

    .show-more-prblm {
        position: absolute;
        right: 0px;
        z-index: 1111;
    }

    .qrcode-container {
        height: 200px;
    }

    .ph-padding-5-i {
        padding: 5px !important;
    }

    .m0-ph {
        margin: 0px;
    }

    /* calender phone view */
    #calender-ppm .cal-cell1 {
        font-size: 13px;
    }

    #calender-ppm .cal-month-day {
        height: 60px !important;
    }

    #calender-ppm span[data-cal-date] {
        margin-top: 0px !important;
        margin: 0px !important;
        color: #000 !important;
        font-size: 17px;
        margin-right: 10px;
        margin-right: 5px !important;
    }

    #calender-ppm #task-dot {
        position: absolute;
        left: 2px;
        top: auto;
    }

    #calender-ppm .event {
        width: 8px;
        height: 8px;
    }

    #calender-ppm #open-cell {
        padding: 0px 2px;
        background-color: #dc3912;
        position: absolute;
        top: 3px;
        left: 3px;
        display: none;
    }

    #calender-ppm .cal-month-box [class*=cal-cell] {
        min-height: 60px !important;
    }

    .head-icon {
        padding: 7px 8px 7px 8px;
        font-size: 1.5rem;
        margin: 0px;
    }

    .in-ph-font {
        font-size: 1.4rem;
    }

    .ph-m {
        margin: 0px !important;
        padding-top: 20px;
    }

    .custom-icon-span {
        margin-right: 10px;
        width: 40px;
    }

    .custom-li {
        text-align: left;
    }

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

    .custom-checkbox-main {
        display: block;
        background: #f4f5f7;
        float: right;
        padding: 5px 12px;
        margin-top: -5px;
        width: 40px;
        position: relative;
    }

    .custom-checkbox {
        z-index: 11111111111111111;
        opacity: 1 !important;
        right: 12px !important;
        left: auto !important;
        top: 5px;
        height: 20px;
    }

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

    .common-flex {
        position: relative;
        flex: none;
    }
    .padding-left-70{
        padding-left:0px!important;
        padding-right: 0px !important;
    }
    .ml-70-mr-30{
        margin-left:0px; 
        margin-right: 0px;
    }
}

.text-dashed{
    border-bottom: 1px dashed;
}
.text-line-through{
    text-decoration: line-through;
}

.form-control{
    border: none!important;
    border-bottom: 0.5px dashed black!important;
    border-bottom-width: thin!important;
}

.hover-warning:hover, .hover-warning:focus, .hover-warning:active, .hover-warning.active, .open > .dropdown-toggle.hover-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.hover-default:hover, .hover-default:focus, .hover-default:active, .hover-default.active, .open > .dropdown-toggle.hover-default {
    background-color: lightgrey;
    border-color: lightgrey;
}
.back-gray {
    background: rgb(241, 241, 241) !important;
}

.restricted{
    background: lightgrey !important;
}

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

.mw-20{
    max-width: 20vw;
}

.mw-15{
    max-width: 15vw;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hideScroll::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hideScroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.height-70vh {
        height: 70vh;
        overflow-y: scroll;
    }

#delayCheckbox {
    /* appearance: none; */
    /* -moz-appearance: none; */
    /* -webkit-appearance: none; */
    outline: none;
    width: 0;
    height: 0;
    position: absolute;
    }

    [data-tooltip]:before {
        /* needed - do not touch */
        content: attr(data-tooltip);
        position: absolute;
        opacity: 0;
        
        /* customizable */
        transition: all 0.15s cubic-bezier(0.42, 0, 0.02, 0.98);
        padding: 3px;
        color: rgb(255, 255, 255);
        border-radius: 3px;
        box-shadow: 2px 2px 1px silver;
        z-index: 9999999;
    }

    [data-tooltip]:hover:before {
        /* needed - do not touch */
        opacity: 1;
        
        /* customizable */
        background: black;
        margin-top: 20px;
        margin-left: 0px;    
    }

    [data-tooltip]:not([data-tooltip-persistent]):before {
        pointer-events: none;
    }

    [data-tooltip].tooltip-left {
        position: relative;
    }

    [data-tooltip].tooltip-left:hover:before {
        right: 0;
        left: auto;
        margin-left: 0;
    }


    .toggle-button {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
    }

    .toggle-button input[type="checkbox"] {
    display: none;
    }

    .slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: 0.4s;
    }

    .slider:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #b6b6b6;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
    transform: translateX(0);
    }

    .toggle-button input[type="checkbox"]:checked + .slider {
    background-color: #17A2B8;
    }

    .toggle-button input[type="checkbox"]:checked + .slider:before {
    transform: translateX(20px);
    }
/* Hide default treeselect empty-children helper */
.vue-treeselect__no-children-tip {
	display: none !important;
}

.tree-row-actions .add-child-btn {
	opacity: 0;
	transition: opacity .2s ease;
}

.tree-row:hover .tree-row-actions .add-child-btn {
	opacity: 1;
}