/* Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

*{ padding: 0;  margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif;}
body{ background-color: var(--white); overflow-x: hidden;}

:root {
    --main-green: #213921;
    --main-yellow: #FFD270;
    --nav-text:#1B1B1B;
    --headings: #052005;
    --bottle-green: #4A5C4A;
    --light-gray: #949494;
    --green: #688D00;
    --gray-white: #EDEDED;
    --dark: #323232;
    --white: #fff;
    --dull-white: #EEE;
    --black: #000;
    --gray-blue: #343A40;
    --bright-yellow: #FAF119;
    --bright-green: #26E023;
    --bright-blue: #6499FF;
    --bright-purple: #886CC0;
    --bright-red: #FF5151;
    --bright-orange: #EA7323;
    --neon: #C3F730;
    --bright-green2: #0AD557;
    --badge-green :#EBFAE2;
    --badge-danger :#FDF2F2;
    --badge-primary :#EEF3FF;
    --badge-green-text :#4F9C20;
    --badge-danger-text :#EC5962;
    --badge-primary-text :#3069FE;
    --gray: #ACACAC;
    --dark-gray: #1A1919;
    --gray2: #6E7C87;
    --wheat: #F1F1F1;
    --leaf:#0B8A00;
    --bs-app-bg-color: #fff;
    --yellow: #FCF30B;
    --icon-green: #24FF00;
    --green-bg: rgba(35, 193, 10, 0.15);
    --line-yellow:#FFC952;
    --form-sub:#6D6D6D;
    --field-title:#5D5D5D;
    --field-color:#888;
    --border_grey: #A5A5A5;
    /* box-shadow */
    --nav-shadow: 0px 8px 0px 0px #FFC952;
    --gray-shadow: 0px 20px 40px 0px rgba(5, 32, 5, 0.10);
    --bs-app-header-height: 115px;
    --bs-dropdown-bg: #fff;
}

::-webkit-scrollbar{width:10px;background-color:transparent}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:var(--main-yellow);border-radius:20px}
::-webkit-scrollbar-thumb:hover{background-color:var(--main-green)}

.app-page {overflow-x: hidden!important;}
.bg-off{background: #FAFAFA;}
.heading{ color:var(--headings);}
.green-heading{color: var(--green);}
.grayish{color: #0A0A0A;}
/* chart colors */
.gray-blue{ background-color: var(--gray-blue); }
.bright-yellow{ background-color: var(--bright-yellow)}
.bright-green{ background-color: var(--bright-green)}
.bright-green2{ background-color: var(--bright-green2)}
.bright-blue{ background-color: var(--bright-blue)}
.bright-purple{ background-color: var(--bright-purple)}
.bright-red{ background-color: var(--bright-red)}
.bright-orange{ background-color: var(--bright-orange)}
.neon{ background-color: var(--neon)}
.field-color{color:#888;}

/* others */
.a-center{ align-items: center;}
.j-center{ justify-content: center;}
.j-between{ justify-content: space-between; }
li{ list-style: none; }
a{ text-decoration: none;}

/* Headings */
h1 { font-size: 30px; line-height: 1.2; }
h2 { font-size: 25px; line-height: 1.2; }
h3 { font-size: 24px; line-height: 1.2; }
h4 { font-size: 18px; line-height: 1.2; }
h5 { font-size: 16px; line-height: 1.2; }
h6 { font-size: 14px; line-height: 1.2; }
p{ line-height: 1.5;}

/* Font Size */
.fs-40 { font-size: 40px; }
.fs-35 { font-size: 35px; }
.fs-32 { font-size: 32px; }
.fs-28 { font-size: 28px; }
.fs-25 { font-size: 25px; }
.fs-24 { font-size: 24px; }
.fs-19 { font-size: 19px; }
.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px; }
.fs-15 { font-size: 15px; }
.fs-14_49 { font-size: 14.494px; }
.fs-14 { font-size: 14px; }
.fs-13 { font-size: 13px; }
.fs-12 { font-size: 12px; }
.fs-11 { font-size: 11px; }
.fs-10_87 { font-size: 10.87px; }

/* Font Weights */
.bolder { font-weight: 900; }
.bold { font-weight: 700; }
.semibold { font-weight: 600; }
.medium { font-weight: 500; }
.regular { font-weight: 400; }
.light { font-weight: 300; }

/* fonts classes */
.poppins { font-family: "Poppins", sans-serif; }
.inter { font-family: "Inter", sans-serif; }

/* Colors */

.bg_trans { background-color: transparent; }
.green-bg { background-color: var(--main-green); }
.dark, a { color: var(--dark);}
.green { color: var(--green);}
.grey { color: var(--gray2);}

.border-bottom { border-color: var(--main-yellow) !important;}

.disabledByAuthorize {pointer-events: none;}

/* Border Radius */

.border-20 { border-radius: 20px; }

/* Buttons */

.main-btn {
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border-radius: 10px;
    border: 1px solid var(--main-yellow);
    transition: .3s all ease-in;
    cursor: pointer;
}
.app-header {
     border-bottom: none !important;
}
.column-buttons{flex-direction: row;}
.main-yellow-btn {cursor: pointer; color: var(--black);     border: 1px solid var(--main-yellow); background: var(--main-yellow); transition: .3s all ease-in; padding: 10px 15px;border-radius: 10px;}
.main-yellow-btn:hover {transition: .3s all ease-in; background: #f5c45a;}

/* Header */
[data-kt-app-header-minimize=on] .app-header { background-color: transparent;}
.nav-links{background-color: var(--white);}
.nav-links:hover{background-color: var(--dull-white);}
.main-heading{color: var(--headings);font-style: normal;}

.logo { height: 50px; width: 120px; object-fit: contain;}

/* Home Page */

.parent-card .card-header { border-bottom: none; min-height: 70px;
    padding: 0 .5rem;
    align-items: center; background-color: var(--white); }

/* Accordion Cards*/
.rounded-card { padding: 20px; gap: 6px; border-radius: 15px; background: #FFF; box-shadow: var(--gray-shadow) }
.rounded-card.active-accordon-cards {height:calc(100% - 40px);}
.rounded-card .round-card-body .card-title{ color: var(--headings); }
.rounded-card .round-card-body .amount{ color: var(--main-green); padding-block: 15px; }
.rounded-card .round-card-body .card-text{ color: var(--light-gray); }

/* Icons */

.calender{ color: #333333; font-size: 16px; }

/* No sidebar styling */

[data-kt-app-sidebar-fixed=true] .app-wrapper.no_sidebar { margin-inline: 10px;}

/* Card Global */

.card { box-shadow: 0px 8px 40px 0px #00000012; border: 0; border-radius: 12px;}

/* Transparent Cards */

.trans_card {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding-inline: 1rem;
}

/* Table Global */

table { border-spacing: 10px; border-collapse: separate;}
.table:not(.table-bordered)>:not(:last-child)>:last-child>* { color: #fff; text-align: center; border-radius:30px; margin-inline: 10px; background-color: #000; }
.card .table:not(.table-bordered) thead th:last-child { background-color: transparent;}
.table tr td:not(td:last-child) {
    border: 1.5px solid #A5A5A5;
    border-radius: 30px;
    text-align: center;
    position: relative;
}
.desc_table .table tr:nth-child(even) { border: 0; text-align: start; }
.table th, .table td, .table td > span, .table td > a { font-family: 'Inter'; color: var(--dark);}

.heading i { transition: 0.3s ease-in;}
.heading .rotate { transform: rotate(180deg); transition: 0.3s ease-in;}
.description, .expand_parent { height: 0; transition: 0.3s ease-in; overflow: hidden;}
.description.show, .expand_parent.show { height: 80%; transition: 0.3s ease-in;}

table .job_icon i { color: var(--yellow);}
table .date_icon i {  color: var(--icon-green);}

.table_card .card-header.bg_trans { border: 1px solid var(--gray-white); border-radius: 10px; padding: 4px 10px;}

/* Tabs */

.nav-line-tabs .nav-item .nav-link { padding: 12px 25px; border-radius: 5px; border: 1px solid #EEEEEE; color: var(--dark); }
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){ background-color: black; color: #fff; border: 1px solid #fff; }
.nav-line-tabs .nav-item .nav-link.active i, .nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover i { color: #fff;}
.back-btn{width: 100px; border: 1px solid var(--main-yellow); padding: 12px 15px; }

/* System Tabs */

.card-tabs .nav li.nav-item .nav-link, .back-btn { background-color: #fff; border-radius: 10px; border-color: var(--main-yellow); }
.card-tabs .nav li.nav-item .nav-link.active, .card-tabs .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .back-btn:hover { background-color: var(--main-yellow); color: #000; }

/* Badge */

.badge { padding: 5px 10px;}
.badge-success { background-color: var(--badge-green); color: var(--badge-green-text); }
.badge-danger { background-color: var(--badge-danger); color: var(--badge-danger-text); }
.badge-primary { background-color: var(--badge-primary); color: var(--badge-primary-text); }
.badge-warning { background-color: var(--main-yellow); color: #000;}
.cust_badge { width: 100%; justify-content: center; border-radius: 50px; padding-block: 8px;}

/* Grid View */
.listing_card :is(h1, h2, h3, h4, h5, h6) {  margin: 0;}

/* System Config */
/* Search Bar */

/*.search_bar { width: calc(100% - 30%);}*/
.search_bar input.form-control { border: 1px solid var(--gray-white);  box-shadow: none; background-color: transparent; border-radius: 10px;}

/* Search Filter */
.active-jobs .search_filter {
    padding-inline: 2.5rem;
}
.search_filter, .search_filter label {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins';
    padding-block: 15px 10px;
}
.search_filter .input-group { flex-direction: column; }
.search_filter .input-group input.form-control, .search_filter .input-group select { appearance: none; color: #fff; font-size: 14px; font-weight: 300; font-family: 'Poppins'; background-color: transparent; border-radius: 10px; width: 100%;}
.search_filter .input-group .select2-container--bootstrap5 .select2-selection--single { border: 1px solid #fff; border-radius: 10px; padding: 10px 15px; color: #fff; }
.search_filter .input-group .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered { color: #fff;}
.search_filter .search_bar input.form-control { background-color: #fff;color: #000;}



/* -------------------------- RAMSHA CSS ----------------------*/
.card.listing_card {
    height: 100%;
}
.main-card.card{
    box-shadow: unset;
}
/*accordions*/
.accordion-header{padding-inline: 0.5rem;}
.round-radius{
  border-radius: 15px;
}
.round-card-body .card-title{
    color: var(--headings);
}
.round-card-body .amount{
    color: var(--main-green);
    padding-block: 15px;
}
.rounded-card .card-text{ color: var(--light-gray); }
.complete_jobs_card .round-card-body .complete-job-headings {
    display: flex;
    justify-content: space-between;align-items: center;
}
.calender{ color: #333333;font-size: 16px;}
.round-badge{border-radius: 50px;padding: 5px 10px;font-size: 11px;color: var(--leaf);background-color: var(--green-bg);}
.hourglass, .tasks{padding-right: 5px;}

.parent-card .accordion-item {border:none;}
.parent-card .accordion-button:not(.collapsed) {color: var(--headings);background-color: var(--white);box-shadow:none;border-bottom: 1px solid #5C5C5C;padding-bottom: 8px;}
.parent-card .accordion-button {border-bottom: 1px solid #5C5C5C;padding: 0;padding-block: 10px;}
.parent-card .accordion-collapse{padding-block: 20px;}

.active-jobs-box h3{color: var(--headings);}
.head-box{padding-top: 20px;}
.parent-card accordion-item:last-of-type .accordion-button.collapsed, .parent-card .accordion-item:last-of-type .accordion-button.collapsed {
     border-bottom-right-radius:unset;
     border-bottom-left-radius:unset;
}
.card-body.round-card-body {
    padding: 0;
}
.form-card .card-header{
    border-bottom: 2px solid var(--line-yellow);
}
.main-btn.nav-links{
    color:var(--nav-text);
}
.main-btn.main-yellow-btn{
    color:var(--dark);
}
.form-heading{
    color:var(--headings);
}
.form-heading2{
    color:var(--form-sub);
}
.form-field-title{
    color:var(--field-title)
}
.form-input{border-radius: 40px;border: 1px solid var(--border_grey);padding: 12px 16px;box-shadow: unset;width: 100%;outline:none;color: var(--field-color);}
textarea.form-input {border-radius: 20px;}
/*.form-field-group textarea {*/
/*    resize: none;*/
/*}*/
.form-card .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered, .form-card .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: var(--field-color);
    font-size: 14px;
    font-weight: 500;
    font-family: var(--inter);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
radio{
    position: absolute;
}
.radio input{
    display:none;
}
.radio label{
    cursor: pointer;
    margin-right: 30px;
    position: relative;
}
.radio label::before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 3px;
    margin: -1px 2px;
}
.radio label::after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--line-yellow);
    display: inline-block;
    border: 1px solid var(--line-yellow);
    border-radius: 3px;
    position: absolute;
    margin: -1px 2px;
    opacity: 0;
    top: 27%;
    left: 2.5%;
}
.radio input[type="radio"]:checked +label::after{
    opacity:1;
}
.modal-content.modal-border.job-modal{
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
}
.modal-content.modal-border.job-modal button{
    color:var(--dark);
}
.modal-content.modal-border.job-modal .modal-title{
   color:var(--headings);
}
.modal-content.modal-border.job-modal .modal-body .sub{
    color:var(--field-title);
}
.modal-content.modal-border.job-modal .modal-footer{
    border-top:unset;
}
.modal-content.modal-border.job-modal .modal-header{justify-content: end;border-bottom:unset;}
.modal-content.modal-border.job-modal .btn>i {font-size: 24px;}
.modal .modal-content{margin: auto;}
.job-creation-modal { padding-top:8em;}
.cust-card .card-header { border-bottom: 1px solid #E7E7E7;}
.archive#kt_card_widget_17_chart{ transform: scale(1.5);}
.parts-retail{ padding-left:5em;}
.parent-card .expand-box { border-radius: 12px;border: 1px solid var(--dull-white);padding: 12px 16px; max-width: 10em;}
.parent-card .expand-box { max-width: 10em; max-height: 55px; overflow: hidden; transition: 0.3s ease-in;}
.parent-card .expand-box:has(.show) { max-width: 100%; max-height: 100%; transition: 0.3s ease-in;}
.expand-box-main{color:var(--bottle-green);}

.download-file-btn{color:var(--nav-text);transition: .3s all ease-in;cursor:pointer;}
.download-file-btn:hover{background-color: var(--line-yellow);transition: .3s all ease-in;}

.dropzone .dz-message .inter.medium{color:var(--field-color);}
.dropzone {border: 1px solid #EEE;background-color: var(--white);}

.box-icon {gap: 10px;border-radius: 4px;border: 1px solid #EEE;background: var(--white);}
.labour-box{border-radius: 12px;border: 1px solid #EEE;}
.duplicate-box{border-radius: 100px;border: 1px solid #EEE;border-bottom: 1px solid #EF1010;background: var(--white);width:fit-content;padding: 10px 16px;}
.field-logo-box{position:relative;}
.form-logo{position: absolute;top: 0;right: 0;text-align: end;}

.userlogo-box.main-yellow-btn{padding: 2px 7px;transition: .2s all ease-in;}
.userlogo-box.main-yellow-btn:hover{background: var(--white);transition: .2s all ease-in;}

/*--------KANWAL CSS---------------*/

/*Table*/

.delivery_note .table tr td p, .delivery_note .table th p { border: 1px solid var(--main-yellow); padding: 20px; margin-top: -13px; margin-bottom: 2px;}
.delivery_note .table:not(.table-bordered)>:not(:last-child)>:last-child>* {color: var(--black); text-align: center; border-radius: 30px; margin-inline: 10px; background-color: var(--white);}
/*.delivery_note .table tr td:not(td:last-child) { border: none; border-radius: 0; text-align: left;}*/
.delivery_note .table tr td:not(td:last-child), .delivery_note .table tr td:last-child, .delivery_note .table th {border-color: var(--main-yellow); border-radius: 0; text-align: unset; padding: 20px;}
.delivery_note .table .table-bordered>:not(caption)>*>* { border-width: 1px 1px;}
.delivery_note table { border-spacing: 0; border-collapse: collapse; }

/*Cards*/

.logo-div { display: flex; justify-content: right;}
.logo-div .logo-card {width: 433px; height: 185px; padding: 10px;}
.logo-div .logo-card h1 {margin: auto;}

/*Button*/

.yellow-btn { border-radius: 10px; border: 1px solid #FFD270; background: #FFF; padding: 10px 15px;}
.three_dots { border: 1px solid var(--main-yellow); padding: 6px 7px; border-radius: 50%; background: var(--main-yellow); height: 30px; width: 30px;text-align: center;}
.headtitle i {font-size: 16px; color: #7E7E7E;}


/*Icons*/
.nav-item .nav-link i, .Search_div i {color: black; font-size: 16px;}
.magnifier i {position: absolute;  margin: 16px;}

.filter-icon, .filter-descending, .filter-down, .filter-date{position: relative;}
.filter-icon::after{content: "";  position: absolute; background-image: url(../images/Filter.png);  width: 14px; background-repeat: no-repeat; height: 14px; bottom: 12px; right: 10px;  }
.filter-descending::after{content: ""; background-image: url(../images/arrows.png); background-repeat: no-repeat; position: absolute; width: 25px; height: 25px; right: 10px; bottom: 12px; }
.filter-down::after{content: ""; background-image: url(../images/down.png); background-repeat: no-repeat; position: absolute; width: 25px; height: 25px; right: 3px; bottom:0; }
.filter-date::after{content: ""; background-image: url(../images/Calendar.png); background-repeat: no-repeat; position: absolute; width: 25px; height: 25px; right: 10px; bottom: 5px; }
/* Sidebar */

[data-kt-app-sidebar-fixed=true] .app-wrapper { margin-left: 0;}
[data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header, [data-kt-app-header-fixed=true][data-kt-app-sidebar-sticky=on][data-kt-app-sidebar-push-header=true] .app-header {left: 0;}

/* Navbar */

div#kt_app_header_wrapper {
    background-color: var(--main-green);
    margin-block: 10px;
    padding: 22px;
    border-radius: 20px;
    border-bottom: 1px solid var(--main-yellow);
    border-bottom-width: 8px;
    height: 100px;
    transition: margin 0.5s ease;
}
.app-navbar { display: flex;   align-items: stretch;   width: 100%;}
div#kt_menu_item_wow i, #account i{ color: #000;}
div#kt_menu_item_wow , #account{ background-color: var(--main-yellow); border-radius: 10px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, a.nav-link:hover {background: var(--main-yellow);}
.nav-bar .navbar-nav .nav-link { background-color: #fff; height: 100%; display: flex; padding: 10px 15px; justify-content: center; align-items: center; gap: 10px; width: fit-content; border-radius: 10px;border: 1px solid var(--main-yellow); transition: .3s all ease-in;}
.nav-bar .navbar-nav .nav-link.active {background-color: var(--main-yellow);}
.nav-bar .navbar-nav .nav-link:hover {background-color: var(--main-yellow);}

/* Global forms */

input, input.form-input, input.form-control, textarea, textarea.form-control, select, select.form-select { border-radius: 40px; border: 1px solid var(--border_grey); padding: 12px 16px; box-shadow: unset; outline: none; color: var(--field-color); }
input[type=file] { border: 0; border-radius: 0; padding: 0; box-shadow: none;  }
/*input::placeholder, input.form-control::placeholder { color: var(--input_black); }*/
.form-group { padding-block: 10px;}
/*.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { background-color: var(--dark_purple); color: #fff;}*/

.form-check { accent-color: var(--main-yellow); }

.Search_div input[type="text"], .Search_div select {   background: var(--main-green); color: var(--white); border: 1px solid var(--white); padding: 15px;}
.Search-btn input[type="text"] { background: #FFF;}
.Search_div select{appearance: none;}
.job-detail select {border-radius: 40px; border: 1px solid #EEE;background: #FFF;outline: 0;}
.job_category_modal input[type="text"], .job_category_modal select { box-shadow: none; outline: 0; border-radius: 40px; border: 1px solid #EEE; background: #FFF;}
.job_category_modal .modal-content{border-radius: 12px;}
.job_category_modal textarea { box-shadow: none; outline: 0; border-radius: 20px; border: 1px solid #EEE; background: #FFF;}
.job_category_modal input::placeholder, .job_category_modal textarea::placeholder {color: #9F9F9F;}

.Search-btn2 input[type="text"] {background: #FFF;border: 1px solid #EDEDED;padding: 15px 20px;}
.Search-btn2 .magnifier i {font-size: 14px; margin:  20px; color: #7E7E7E;}

/*Login Form*/

.login-icon i, .login-icon2 i {
    position: absolute;
    /* top: 23%; */
    right: 4%;
    font-size: 16px;
    transform: translateY(-30px);
}
.login-icon.setting-form-icon i {
    right: 2%;
}
.login-icon i{cursor: pointer;}

.login-form input[type="text"], .login_form [type="password"]{
    /*border-radius: 10px;*/
    border: 1px solid #B0B0B0;
    background-color: #FFF;}
.login-form input::placeholder{color:#B0B0B0;}

.login-banner .img-height{height: 100vh; width: 100%;}
.userlogo {
    font-size: 21px;
    padding: 2px 3.5px;
}
.form-section{margin: auto;}

.br-20{border-radius: 20px; box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.10), 0px 1px 12px 0px rgba(0, 0, 0, 0.06);}

/* Modal */

/*.modal {backdrop-filter: brightness(0.6) blur(-1px); background: #ffebcdb0;}*/
.modal { backdrop-filter: brightness(0.6)blur(2px);}
/*.modal-content { border-radius: 20px; border: 5px solid var(--purple);}*/
/*.modal_dismiss_btn { cursor: pointer; background-color: var(--purple); border-radius: 5px; padding: 5px 10px;}*/
/*.modal_dismiss_btn i {color: #fff;}*/
.modal-border{border-radius: 12px; border: 1px solid #D4D4D4; background: #FFF; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.05);}
.job_category_modal .modal-dialog {  max-width: 50%}
/* Image Selector */

.image-input { background-image: url('website/assets/media/img/Avatar.png');}
[data-bs-theme="dark"] .image-input-placeholder {background-image: url('svg/avatars/blank-dark.svg');}

/* Notifications */

/*.parent_noti { border-bottom: 1px solid var(--brown);}*/
.inner_noti { padding: 20px; border: .5px solid var(--main-yellow); border-radius: 6px; margin-bottom: 10px; }

/* Dropdown  */
.dropbtn { border: none; cursor: pointer; background-color: var(--main-green);}
.dropbtn i{color: var(--main-yellow); font-size: 16px; border: 1px dashed; padding: 10px;  border-radius: 50%;}

/* The container <div> - needed to position the dropdown content */
/*.dropdown {position: relative; display: inline-block;}*/

/* Dropdown Content (Hidden by Default) */
/*.dropdown-content {display: none; position: absolute; background-color: var(--main-green); min-width: 22em; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); z-index: 1; right: 20px; border: 1px solid #FFF; border-radius: 10px; }*/
.dropdown-content {display: none;background-color: var(--main-green); min-width: 22em; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); z-index: 1; border: 1px solid #FFF; border-radius: 10px; }
.seach-dropdown .dropdown-content {
    inset: 1em 1em auto auto !important;
}
/* Links inside the dropdown */
.dropdown-content li {
    border: 2px solid var(--main-green);
    padding: 3px 12px;
}
.dropdown-content .dropdown-btn {
    text-decoration: none;
    display: block;
    border: none;
    border-bottom: 1px solid var(--white);
    transition: .2s ease-in;
    color: var(--white);
    background: var(--main-green);
    text-align: start;
    width: 100%;

}
.table-responsive .table:not(.table-bordered) tbody tr:last-child td{
    border-bottom: 1.5px solid #A5A5A5;
}
/* Change color of dropdown links on hover */
.dropdown-content .dropdown-btn:hover { transition: .2s ease-in; background-color:var(--main-yellow); color: var(--black); border-bottom: none;border-radius: 24px;}

/* Show the dropdown menu on hover */
/*.dropdown:hover .dropdown-content {display: block;}*/
.bullet{ width: 16px; height: 16px;}

hr.yellow-line { border: 2px solid #FFC952;}
.first-div {border-bottom: 1px solid var(--main-yellow); border-radius: unset;}

.scrolltop{background-color: var(--main-yellow);}
.scrolltop:hover {background-color: var(--main-yellow);}

.brown-txt{color: #A97400;}
.yellow-txt{color: var(--main-yellow);}

/* Add Part Inventory Modal */

.add_part_invn { min-width: 1050px;}
.acc_btn { z-index: 5;}
.labour-btn { position: absolute; top: 15px; }
/*.labour-btn { position: absolute !important; top: 15px; pointer-events: none !important; }*/
/*.acc_btn.labour-btn:hover { z-index: 9; }*/

/* Sticky Header form */

.form-card.card .card-header{  position: sticky;  top: 112px;  z-index: 10;  padding: 16px;  }

.icon_hover { cursor: pointer;}
.date_hover { display: inline-block; width: 0; overflow: hidden; height: 11px; transition: 0.3s ease-in;}
.icon_hover:hover + .date_hover, .icon_hover:hover .date_hover {  width: 86px;  transition: 0.3s ease-in;}

.table .date_hover { height: 15px;}

/* Select 2 options */

.select2-container--bootstrap5 .select2-dropdown .select2-results__option:hover, .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted { color: var(--main-green);border-bottom: 1px solid var(--main-green);background: #fff;}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected { background: transparent; color: var(--main-green); }
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after { background: var(--main-green); }
.select2-container .select2-dropdown.select2-dropdown--above { z-index: 9999; }
.sticky-badge, .sticky-badge-2 {border-radius: 50%;  padding: 5px 6px 5px 10px; margin-right: 10px;}
.sticky-badge {background: #FFD270;}
.sticky-badge-2{background-color: #24FF00;}


.sticky {
    position: fixed;
    top: 151px;
    width: 97em;
    z-index: 6;
}
.edit-bg, input[readonly],input:disabled{ background: #80808033; }
#sticky_note_list ul li {
    list-style: disc;
}
#sticky_note_list .dropdown ul li {
    list-style: none;
}
input.form-input.editable , textarea.form-input.editable{
    border: 1px solid var(--main-yellow);
}
.parts-form.editable-inventory.show, .yellow-border {
    border: 1px solid var(--main-yellow);
    padding: 2em;
    margin-top: 19px;
    border-radius: 20px;
}
.part-category{position: relative;}
.part-category::before {
    content: '\f078'; /* Unicode for fa-chevron-down */
    font-family: "Font Awesome 5 Free"; /* For Font Awesome 5 */
    font-weight: 900; /* Font weight for solid icons */
    position: absolute;
    right: 2%;
    bottom: 15%;
    font-size: 14px; /* Adjust size as needed */
}
.part-filter, .category-filter, .supplier-filter, .description-filter, .subcategory-filter { width: 20%; }
.app-header-menu.app-header-mobile-drawer {
    background: var(--main-green);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    display: none;
}
.app-header-menu.app-header-mobile-drawer .nav-link {
    background-color: #fff;
    height: 100%;
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--main-yellow);
    transition: .3s all ease-in;
    width: 100%;

}
.app-header-menu.app-header-mobile-drawer .navbar-nav {
    padding: 6em 1.5em;
}
.table-responsive {
    overflow: auto;
    max-height: 600px;
}

.menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),.menu-sub-dropdown .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here)  {
    transition: color .2s ease;
     background-color: var(--main-yellow);
     color: var(--main-green);
}
.notification-nav #kt_menu_notifications {
    transform: translate(-100px, 91px) !important;
}
.login-background{
    background: linear-gradient(0deg, rgba(33, 57, 33, 0.80) 0%, rgba(33, 57, 33, 0.80) 100%), url(../images/login-bg.png) lightgray 50% / cover no-repeat;
    height: 100%;
}
.login-box {
    background: linear-gradient(0deg, #FFFEF3 0%, #FFFEF3 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-control.is-invalid, .was-validated .form-control:invalid {background-image: none!important;}
.form-sec-container{width: 66%;}
.login-box .form-section {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border-radius: 20px;
    border: 1px solid #052005;
    background: #FFFEF3;
    box-shadow: 8px 8px 0px 0px #FFC952;
    padding-bottom: 18em;
}
.login-logo{width: 224px;display: block;
    height: 96px;}
.login-logo img{width: 100%;
    height: 100%; object-fit: contain}
#kt_sign_in_submit.main-yellow-btn{
    display: flex;
    height: 50px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 50px;
    background: #FFD270;
}
#sticky_note_grid .card{
    height: calc(100% - 40px);
}
.app-container .info_card  .card-body {padding-bottom: 5em}

/*Sweet alert*/
.swal2-icon.swal2-success {
    border-color: var(--main-yellow);
    color: var(--main-yellow);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--main-yellow);
}
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(var(--main-yellow), .3);
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    background-color: var(--main-green);
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
     background-image: unset;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover, div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover {
    background-color: var(--main-yellow);
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
}
canvas{cursor: crosshair;}
.closing-cross {
    height: 30px;
    width: 30px;
}

.select2-selection { background-color: unset !important; }
.dz-details, .dz-details span, .dz-details strong { cursor: pointer !important; }
.form-section .send-btn { border-radius: 50px; background: #FFD270; color: black; }
.select2-container:not(div .select2-container) { z-index: 99999;}