:root {
    --dark-black: #000;
    --white: #fff;
    --sky-blue: #B9E6FE;
    --cyan-blue: #0A4970;
    --blue-gray: #1E293B;
    --medium-blue: #006AA6;
    --Deep-sea-blue: #055987;
    --light-grayish-blue: #E5E7EB;
    --google-green: #34A853;
    --vivid-orange: #FBA004;
    --ash-gray: #909296;
    --vivid-red: #FF4242;
    --light-grey: #0000001a;
    --dim-grey: #F9F9F9;
}
* { margin: 0; padding: 0; box-sizing: border-box;}

body[data-kt-app-layout=dark-sidebar] .app-sidebar {background-color:var(--blue-gray);}
/* Font Sizes */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; word-break: break-word;margin: 0px; }
p, a, span { line-height: 1.6;  word-break: break-word; text-decoration: none;}

h1 { font-size: 24px; font-weight: 600;}
h2 { font-size: 23px; font-weight: 700; }
h3 { font-size: 16pX; font-weight: 400; }
h4 { font-size: 15px; font-weight: 600; }
h5{font-size: 14px; font-weight: 400;}
h6 { font-size: 13px; font-weight: 400; }

p{font-size: 14px;font-weight: 400;}
li, a { font-size:12px; font-weight: 500; margin: 0;}

/*font-size*/
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12{font-size: 12px;}
.fs-24{font-size: 24px;}

/* Weights */
.fw-300{font-weight: 300;}
.normal , .fw-400 { font-weight: 400;}
.fw-500 { font-weight: 500;}
.semi-bold , .fw-600{ font-weight: 600;}
.fw-700{ font-weight: 700;}
.fw-800{font-weight: 800;}

/*icon-color*/
a.menu-link i {color: var(--dark-black);}

.inter{font-family: 'Inter'}

/*table-dot-icon-global*/
i.fa-solid.fa-ellipsis-vertical {color: var(--dark-black);background-color: #00000014;padding: 7px 12px;border-radius: 3px;}
/*Login-btn*/
.login-btn {background-color: var(--medium-blue);color: #fff;border-radius: 50px;border: 1px solid var(--medium-blue) !important;}
.login-btn:hover {background-color: transparent;color: var(--dark-black);border: 1px solid var(--medium-blue);transition: .5s;}

/*red-btn*/
button.btn-red {border: none;background: transparent;color: var(--vivid-red);border-radius: 50px;padding: 9px 20px;}
/*radius*/
#kt_header_user_menu_toggle .user-icon {border-radius: 50px;}
/*background-image*/
.bg-img{background-position: center;background-size: cover;background-repeat:no-repeat ;}
.bg-grey{background:var(--dim-grey);}
/*Colors*/
.white{color:var(--white);}
.google-green{var(--google-Green)}
.cyan-blue{color:var(--cyan-blue);}
.dark-black{color:var(--dark-black);}
.ash-gray{color: var(--ash-gray);}
.vivid-red{color: var(--vivid-red);}
.vivid-orange{color:var(--vivid-orange);}
.google-green{color: var(--google-green);}
.light-white{color:var(--white);opacity: 0.5;}
.light-black{color:var(--dark-black);opacity: 0.5;}

/*cards*/
.border-top{border-top: 1px solid var(--light-grayish-blue);}
.border-bottom{border-bottom: 1px solid var(--light-grayish-blue);}
.padding {padding:20px;}
.card-height{height: 120px;}
.border{border:1px solid var(--light-grayish-blue);}
.border-radius{border-radius: 6px;}
.box-shadow{box-shadow: 0px 10px 15px -3px #F3F4F6, 0px 4px 6px -4px #F3F4F6;}

.fa-angle-right:before {color: #0A4970;}
.menu-item .menu-content a.active {opacity: 1;}

/*eye-icon*/
i.fa.fa-eye {color: var(--dark-black);}
i.fa.fa-eye:hover {color: var(--medium-blue);}

/*Sidebar-Header*/
.user-icon {width: 32px;height: 32px;}
i.fa-regular.fa-bell {font-size: 24px;color: var(--dark-black);}
i.fa-solid.fa-bars {font-size: 24px;color: var(--dark-black); cursor:pointer;}
div#kt_app_sidebar_logo {overflow: hidden;}
[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) {width: 4%;}

/*Chart-css*/
.recent-activities-main {height: 94%;}
/*.chart-card {height: 100%;}*/
/*canvas#maintenanceChart {width: 100% !important;height: 100% !important;}*/
/*canvas#maintenanceChart {width: 952px !important;height: 386px !important;}*/
.custom_select .form-select {border-radius: 50px;padding: 8px 35px 8px 15px;}
.recent-activities {position: relative;height: 100%;max-height: 398px;overflow-y: scroll;}
.timeline-border-main {border-left: 2px solid var(--light-grayish-blue);padding: 0px 0px 0px 27px;position: relative;margin-left: 10px;}
.recent-activities h5:before {content: '';background-image: url(../media/images/timeline-dot.svg);width: 18px;height: 18px;left: -8px;position: absolute;background-size: cover;background-position: center;}

/*Table*/
.btn-blue i{color: #fff;}
.dataTables_wrapper {overflow-y: scroll;}
body table.dataTable.no-footer{border: none;}
table.dataTable>tbody>tr {background-color: #fff;}
body div.dataTables_wrapper div.dataTables_info {padding-left: 20px;}
body .tabel-top .search_icon {position: absolute;top: 11px;left: 7px;}
td a.btn.btn-sm.btn-flex.btn-center.button.action_btn {padding: 0 !important;}
body .table_wrapper {border: 1px solid var(--light-grayish-blue);border-radius: 6px;}
body table.dataTable.display tbody td{border: none; height: 50px; padding-left: 20px;}
body .table_wrapper table.dataTable.display tbody td {border-bottom: 1px solid #F9F9F9;}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {background-color: #fff;}
.btn-filter {border: 1px solid #e5e5e5;background: #fff;border-radius: 50px;font-size: 13px;height: 40px;width: 85px;}
.table_wrapper .custom_table tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: var(--white) !important;}
body .tabel-top .search_input {height: 40px;border: 1px solid #F0F0F0;border-radius: 50px;padding: 0px 25px;color: var(--dark-black);outline: none;}
.btn-blue {border: none;background: var(--medium-blue);color: #fff;border-radius: 50px; /*height: 40px;width: 135px;*/padding: 9px 20px 9px 15px;border: 1px solid var(--medium-blue);}
body table.dataTable thead th {background-color: var(--white); padding-left: 20px;color: #808080;border-bottom: 1px solid var(--light-grayish-blue);border-top: 1px solid var(--light-grayish-blue);height: 40px;font-size: 12px;font-weight: 500;}

/*Pegination*/

.dataTables_paginate span {display: flex;gap: 6px;}
.table_wrapper .dataTables_wrapper .dataTables_paginate {display: flex;gap: 5px;}
.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button {border: 1px solid #F0F0F0;border-radius: 6px;}
.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: var(--medium-blue);color: #fff !important;box-shadow: none;}
.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--medium-blue);color: #fff !important;box-shadow: none;}
.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: var(--medium-blue);border-radius: 6px;color: #fff !important;}
.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {border: 1px solid rgba(0, 0, 0, 0.10)!important;border-radius: 6px;}
/*.table_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {border: 1px solid rgba(0, 0, 0, 0.10);!important;}*/

/*Date-Range-picker*/
.ranges {padding: 15px;}
.date-picker {position: relative;}
.daterangepicker .ranges ul {width: 150px;}
.daterangepicker .ranges ul li {color: var(--dark-black);font-size: 13px;}
.daterangepicker .drp-calendar td.active.end-date:hover {border-radius: 0px 20px 20px 0px;}
.daterangepicker .drp-calendar td.active.start-date:hover {border-radius: 20px 0px 0px 20px;}
.date-picker span i {position: absolute;top: 13px;font-size: 15px;left: 16px;color: var(--dark-black);}
.daterangepicker .drp-calendar td.active {background-color: var(--medium-blue) !important;border-radius: 70px;}
.daterangepicker .ranges li.active {background: rgba(0, 106, 166, 0.10);border-radius: 6px;color: var(--medium-blue);}
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover {border-radius: 0;}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {background: rgba(0, 106, 166, 0.10);color: var(--dark-black);}
.date-picker input {padding: 10px 6px 10px 40px;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.10) !important;color: var(--dark-black) !important;}
/*header*/
div#kt_app_header_wrapper {border-bottom: 1px solid var(--light-grayish-blue);}
/*Filter-btn*/
.filter-container {display: inline-block;}
.filter-dropdown input {border: 1px solid #F0F0F0;border-radius: 8px;padding: 6px 10px;}
.filter-dropdown select { border: 1px solid #F0F0F0;padding: 6px 10px;border-radius: 8px;}
.filter-container:hover .filter-dropdown, .filter-container:focus-within .filter-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
.filter-dropdown {position: absolute;top: 100%;right: 0;width: 280px;background: white;border: 1px solid #e9ecef;border-radius: 8px;margin-top: 8px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.2s ease;z-index: 1000;}

/*Tabs*/
.custom_tabs .nav-pills .nav-link {border: 1px solid var(--light-grayish-blue);border-radius: 50px;padding: 7px 15px;color: var(--dark-black);}
.custom_tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color:var(--medium-blue);border-radius: 50px;color: var(--white);}

/*Breadcrumbs*/
.breadcrumb-item a {color: var(--dark-black);    font-size: 13px;font-weight: 400;}
.breadcrumb-item.active {color:var(--dark-black);    font-size: 13px;font-weight: 400;}


iframe {height: 430px;border-radius: 6px;}
.offcanvas-form {display: flex;flex-direction: column;gap: 8px;}
.offcanvas-main.offcanvas.offcanvas-end{width: 365px !important;}
.offcanvas-header, border-bottom {border-bottom: 1px solid var( --light-grey);}
.offcanvas-form .offcanvas-input {border-radius: 8px;border: 1px solid var(--light-grey);padding: 9px 11px;outline: none;
     /* height:40px; */
    }
.offcanvas-form .offcanvas-input::placeholder {font-family: Inter;font-size: 13px;font-weight: 400;color: var(--light-grey);}
/*.offcanvas-form select:has(option:checked)*/
button.btn-filter.cancel-btn {min-width: 117px; min-height: 45px;}
.filter-modal .modal-header .cross-btn{color: var(--dark-black);font-size: 25px;}
.filter-modal .modal-dialog.filter-modal-dialog {max-width: 408px;transform: translate(0, 50%);}
.offcanvas-footer {border-top: 1px solid var(--light-grey);background:var(--dim-grey);padding: 14px 19px;}


/* For Webkit browsers */
::-webkit-scrollbar {width: 8px; }
::-webkit-scrollbar-track {background: var(--light-grey); }
::-webkit-scrollbar-thumb {background-color: var(--medium-blue); border-radius: 10px; }

[data-kt-scrolltop=on] .scrolltop {background-color: var(--medium-blue);}

.menu-item.active .menu-link {color: #FFF;opacity:1;}
.menu-item.active .menu-link .menu-title {color: #fff;}
.menu-item.active .menu-arrow {border-color: #000;}

/* Map  */
.pac-container {z-index: 99999;}
#map {height: 400px;width: 100%;margin-top: 10px;}

/* select technician */
.select-input .select2-container .select2-selection--single{ height: auto; padding-bottom: 7px;} 
body .select-input.offcanvas-form .offcanvas-input {padding: 8px ;align-items: center;display: flex;width: 170px;}
body .select2-container .select2-selection--single .select2-selection__clear{display: none;}

.error {color: var(--vivid-red);}

/* sidebar */
.offcanva-btn:disabled {opacity: 0.5; cursor: not-allowed; }
body:has(#kt_app_sidebar_toggle.active) #kt_app_header{left: 0;}
body:has(#kt_app_sidebar_toggle.active) .app-wrapper{margin-left: 0;}
body:has(#kt_app_sidebar_toggle.active) #kt_app_sidebar_logo{display: none}
body:has(#kt_app_sidebar_toggle.active) #kt_app_sidebar {width: 0px !important;transition: width 0.3s ease;}
select.error {color: var(--dark-black) !important;}
.error#completionDate {color: var(--dark-black);}

/* alignments-fixes */
.lq-custom-details h6, .lq-custom-details span {width: 33.33%;}
.select2-container .select2-selection--multiple .select2-selection__clear {display: none;}
div:where(.swal2-container) h2:where(.swal2-title) {text-transform: capitalize !important;}
.select2-container .select2-selection--multiple .select2-selection__rendered {white-space: pre-wrap !important;}
.select2-container .select2-selection--multiple .select2-selection__clear {display: none;}


/* maintainance-details */
.lq-main-details span {width: 25%;}
.lq-main-details h6 {width: 25%;}



/* Loader */ 
.logo {animation: zoomInOut 3s ease-in-out infinite;}
.newtons-cradle-loader.hidden { opacity: 0; pointer-events: none; }
[data-bs-theme="dark"] .newtons-cradle-loader {background-color: rgba(20, 20, 30, 0.9);}
.newtons-cradle-loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;display: flex;align-items: center;justify-content: center;z-index: 9999;opacity: 1;pointer-events: all;transition: opacity 0.3s ease;}

@keyframes zoomInOut {0%, 100% {transform: scale(1);}50% {transform: scale(1.2); /* Zoom in */}}
.logo-shimmer {position: relative;display: inline-block;}
.logo-shimmer::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);animation: shimmerEffect 2s infinite;}
@keyframes shimmerEffect {100% {left: 100%;}}

.select2-container .select2-selection--single {
    height: 40px !important;
}
table.dataTable>tbody>tr.selected>* a:not([class=btn]) {
    color: var(--dark-black);
    font-weight: 500;
    text-decoration: none;
    text-decoration-style:unset;
}
table.dataTable>tbody>tr.selected>* a:not([class=btn]):hover{color: var(--dark-black)}