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

html, body {width: 100%; height: 100%; margin: 0; padding: 0;}

body {font-family: 'Inter', sans-serif; font-size: 15px; color: #212529; font-weight: 400; line-height: 1.6; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*TRANSITIONS*/
.btn, a, button, .transition {webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }

/*ANCHOR TAGS*/
a {color: #111; text-decoration: none; background-color: transparent; }
a:hover, a:focus{color: #001B42;}


/*TEXT WHITE TO LIGHT WHITE*/
.text-white-5{color: rgb(255 255 255 / 5%)!important;} .text-white-10{color: rgb(255 255 255 / 10%)!important;} .text-white-20{color: rgb(255 255 255 / 20%)!important;} .text-white-25{color: rgb(255 255 255 / 25%)!important;} .text-white-30{color: rgb(255 255 255 / 30%)!important;} .text-white-35{color: rgb(255 255 255 / 35%)!important;} .text-white-45{color: rgb(255 255 255 / 45%)!important;} .text-white-50{color: rgb(255 255 255 / 50%)!important;} .text-white-55{color: rgb(255 255 255 / 55%)!important;} .text-white-60{color: rgb(255 255 255 / 60%)!important;} .text-white-65{color: rgb(255 255 255 / 65%)!important;} .text-white-70{color: rgb(255 255 255 / 70%)!important;} .text-white-75{color: rgb(255 255 255 / 75%)!important;} .text-white-80{color: rgb(255 255 255 / 80%)!important;} .text-white-85{color: rgb(255 255 255 / 85%)!important;} .text-white-90{color: rgb(255 255 255 / 90%)!important;} .text-white-95{color: rgb(255 255 255 / 95%)!important;}

/*TEXT BLACK TO LIGHT BLACK*/
.text-black-5{color: rgb(0 0 0 / 5%)!important;} .text-black-10{color: rgb(0 0 0 / 10%)!important;} .text-black-20{color: rgb(0 0 0 / 20%)!important;} .text-black-25{color: rgb(0 0 0 / 25%)!important;} .text-black-30{color: rgb(0 0 0 / 30%)!important;} .text-black-35{color: rgb(0 0 0 / 35%)!important;} .text-black-45{color: rgb(0 0 0 / 45%)!important;} .text-black-50{color: rgb(0 0 0 / 50%)!important;} .text-black-55{color: rgb(0 0 0 / 55%)!important;} .text-black-60{color: rgb(0 0 0 / 60%)!important;} .text-black-65{color: rgb(0 0 0 / 65%)!important;} .text-black-70{color: rgb(0 0 0 / 70%)!important;} .text-black-75{color: rgb(0 0 0 / 75%)!important;} .text-black-80{color: rgb(0 0 0 / 80%)!important;} .text-black-85{color: rgb(0 0 0 / 85%)!important;} .text-black-90{color: rgb(0 0 0 / 90%)!important;} .text-black-95{color: rgb(0 0 0 / 95%)!important;}

/*TEXT LIGHT GREY TO DARK GREY*/
.text-grey-100{ color: #f8f9fa;} .text-grey-200{ color: #e9ecef;} .text-grey-300{ color: #dee2e6;} .text-grey-400{ color: #ced4da;} .text-grey-500{ color: #adb5bd;} .text-grey-600{ color: #6c757d;} .text-grey-700{ color: #495057;} .text-grey-800{ color: #343a40;} .text-grey-900{ color: #212529;}
 

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: #153165;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 16px; color: #000; background: #fff; display: flex; border-radius: 20px; justify-content: center; align-items: center; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); }

/*PADDING TOP*/
.pt5{padding-top: 5px;} .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt30{padding-top: 30px;} .pt40{padding-top: 40px;} .pt50{padding-top: 50px;} .pt60{padding-top: 60px;} .pt70{padding-top: 70px;} .pt80{padding-top: 80px;} .pt90{padding-top: 90px;} .pt100{padding-top: 100px;} .pt110{padding-top: 110px;} .pt120{padding-top: 120px;}

/*PADDING BOTTOM*/
.pb5{padding-bottom: 5px;} .pb10{padding-bottom: 10px;} .pb15{padding-bottom: 15px;} .pb20{padding-bottom: 20px;} .pb30{padding-bottom: 30px;} .pb40{padding-bottom: 40px;} .pb50{padding-bottom: 50px;} .pb60{padding-bottom: 60px;} .pb70{padding-bottom: 70px;} .pb80{padding-bottom: 80px;} .pb90{padding-bottom: 90px;} .pb100{padding-bottom: 100px;} .pb110{padding-bottom: 110px;} .pb120{padding-bottom: 120px;}

/*MARGIN TOP*/
.mt5{margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt40{margin-top: 40px;} .mt50{margin-top: 50px;} .mt60{margin-top: 60px;} .mt70{margin-top: 70px;} .mt80{margin-top: 80px;} .mt90{margin-top: 90px;} .mt100{margin-top: 100px;} .mt110{margin-top: 110px;} .mt120{margin-top: 120px;}

/*MARGIN BOTTOM*/
.mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px} .mb15{margin-bottom: 15px} .mb20{margin-bottom: 20px} .mb30{margin-bottom: 30px} .mb40{margin-bottom: 40px} .mb50{margin-bottom: 50px} .mb60{margin-bottom: 60px} .mb70{margin-bottom: 70px} .mb80{margin-bottom: 80px} .mb90{margin-bottom: 90px} .mb100{margin-bottom: 100px} .mb110{margin-bottom: 110px} .mb120{margin-bottom: 120px}

/*FONT WEIGHTS*/
.fw100{font-weight: 100!important;} .fw200{font-weight: 200!important;} .fw300{font-weight: 300!important;} .fw400{font-weight: 400!important;} .fw500{font-weight: 500!important;} .fw600{font-weight: 600!important;} .fw700{font-weight: 700!important;} .fw800{font-weight: 800!important;} .fw900{font-weight: 900!important;}

/*LETTER SPACING*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 0 to 72px */
.fs0{font-size: 0;}.fs7{font-size: 7px;} .fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}

/*FORM ELEMENTS*/
.form-control, textarea, select, .form-select{border-color:#d7d5e2;}
.form-control, textarea, select, .form-select, button{ font-size:13px }
.form-control:focus, .form-select:focus {outline: 0; box-shadow: 0 0 0 0.25rem #0069c226; border-color: #0069c2;}
.form-control, .ad-btn{ height:35px;}
.descrip{ height:60px}
/*PAGINATION*/
.pagination .page-link{color: #444; height: 35px; width: 40px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; font-weight: 500;}
.pagination .page-link:hover{background-color: #153165; border-color: #153165; color: #fff!important;}
.pagination .active>.page-link, 
.pagination .page-link.active {color: #fff; background-color: #153165; border-color: #153165; }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*CONTAINER*/
.container-custom{max-width: 1140px;transition: all 500ms ease-in-out;} 

/*DROPDOWNS*/
.dropdown-item{font-size: 14px;}
.dropdown-item.active, .dropdown-item:hover {background-color: #153165; color: #fff;}

/*CARD*/
.card{border-radius: 0;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)!important; border: 0!important;}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { font-weight: 600; margin-bottom: .5rem; line-height: 1.3; color: #222; line-height: 120%;}
 

/*SECTION HEADINGS*/
.section-heading{margin-bottom: 30px; }
.section-heading h3{font-weight: 700; color: #1C1C1C; font-size: 34px; line-height: 120%; margin-bottom: 10px; }
.section-heading p{color: #495057; font-size: 18px; margin-bottom: 0; line-height: 1.8;}

.section-heading.text-white h3, .section-heading.text-white p{color: #fff;}

/*SECTION MAIN BUTTON*/
.section-button .btn {border-radius:4px; font-weight: 500; font-size: 12px; letter-spacing:0.5px; height: 50px; display: inline-flex; justify-content: center; align-items: center; min-width: 240px; padding-left: 20px; padding-right: 20px; text-transform: uppercase;}
 

.section-button .btn.btn-white {background-color: #fff; border-color: #fff; color: #333; }
.section-button .btn.btn-white:hover {background-color: #f1f1f1; border-color: #f1f1f1; }

/*CHECKED LIST*/
ul.checked-list{margin: 0; padding: 10px 0 0;}
ul.checked-list li{position: relative; list-style: none; padding-left: 25px; margin-bottom: 10px; padding-right: 25px;}
ul.checked-list li:before{position: absolute; content: "\f00c"; font-family: "FontAwesome"; left: 0px; color: #153165; font-size: 16px;}

/*BUTTONS*/
.btn{ font-weight: 500; font-size: 13px; display: inline-flex; align-items: center; justify-content: center;} 
.btn-sm{font-size: 12px;}
.btn-lg{font-size: 14px;border-radius: 0;padding-top: 12px; padding-bottom: 12px;}

.btn.btn-prime{background-color: #153165; border-color: #153165; color:#fff; }
.btn.btn-prime:focus, .btn.btn-prime:hover{background-color:#110e34; border-color:#110e34; color:#fff; }

.btn.btn-outline-prime{background-color: transparent; border-color: #153165; color:#153165; }
.btn.btn-outline-prime:focus, .btn.btn-outline-prime:hover{background-color:#007398; color:#fff; }

.btn.btn-dark{background-color: #1C1C1C; border-color: #1C1C1C; color:#fff; }
.btn.btn-dark:focus, .btn.btn-dark:hover{background-color: #111; border-color: #111; color:#fff; }

.btn.btn-white{background-color: #fff; border-color: #fff; color:#111; }
.btn.btn-white:focus, .btn.btn-white:hover{background-color: #f1f1f1; border-color: #f1f1f1; color:#111; }

.btn-primary{ background-color:#153065;border-color:#153065}

/*DROPDOWN*/
.dropdown-menu{border-radius: 0;}

/*TEXT COLORS*/
.text-prime{color: #153165;}
.text-dark{color:#153065!important;}
.text-grey{color:#707070!important;}
.text-success {color: #2fb56d!important;}

/*BACKGROUNDS COLORS*/
.bg-prime{background-color: #153165!important;}
.bg-light-1{background-color: #EFF1FF!important;}
 
/*BORDER COLOR*/
.border-prime{border-color: #153165!important;}

/*SHADOW HOVER*/
.shadow{box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)!important; border: 0!important;}
.hover-shadow:hover{box-shadow:0 2px 15px -3px rgba(0,0,0,0.16),0 10px 20px -2px rgba(0,0,0,0.1);}

/*TABLE*/
.table-lg tr th,
.table-lg tr td{padding: 10px 16px;}


.form-check-input:checked {background-color: #4CAF50; border-color: #4CAF50}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.login-bg {background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed; background-color:#163168}

.form-signin {max-width:800px;border-radius:10px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);   background-color: #fff;}
.form-logo img {max-width: 180px}
.form-signin .form-control {border-radius: 10px;background: #FBFBFB;}

.right-side-login{ padding:2.5rem} 
.left-logintext{position: absolute;z-index: 1;color: #fff;padding:40px 0px 0px 25px}
.form-signin figure img{ border-radius:10px 0  0 10px}



.main-wrapper {background-color:#fff; min-height: 100vh;  position: relative;}
.main-content {padding-left: 280px; padding-bottom: 50px;transition: all 400ms ease-in-out}
hr.hr-divider{height: 2px; opacity: 1; border-top: 1px solid #00000029; border-bottom: 1px solid #ffffff;}
.admin-header-left .header-logo {display: inline-block; max-width: 100px;}
.admin-header-left .header-logo img{width: 100%; height: auto;}

.admin-header-right .header-brand{margin-right: 15px;}
.admin-header-right .finyrselect,
.admin-header-right .header-notification{margin-right:15px;}
.admin-header-right .header-brand .brand-logo img{width: 60px;}
.admin-header-right .finyrselect select{max-width: 120px; font-size: 13px; padding-right: 36px;}
.admin-header-right .finyrselect span{font-size: 13px; font-weight: 600; display: inline-flex;}

/*ADMIN HEADER*/
.admin-header{ height:50px; background: #FFFFFF; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; }
.admin-header .header-search{position: relative; margin-right: 24px;}
.admin-header .header-search .form-control{background-color: #F6F6F6; font-size: 13px;height: 36px; padding-right: 40px;}
.admin-header .header-search i.fa{position: absolute; top:12px; right: 13px;}


.admin-header .header-notification{position: relative; font-size: 20px;}
.admin-header .header-notification small{position: absolute; border-radius: 10px; border: 2px solid #fff; display: inline-block; width: 10px; height: 10px; right: -2px; top: 4px; background: #E92841;}
.admin-header .profile-img{width: 42px; height: 42px; margin-right: 10px; border-radius: 50%; overflow: hidden; background-color: #eee; display: flex; border: 1px solid #eee; justify-content: center; align-items: center;}
.admin-header .profile-img i.fa{font-size: 15px;}
.admin-header .dropdown .dropdown-toggle{font-size: 13px;}
.admin-header .dropdown-menu .dropdown-item{font-size: 13px;text-decoration: none;}

/*ADMIN SIDEBAR*/
.admin-sidebar { background-color: #f7f7fe; position: fixed; width: 280px; height: calc(100vh - 54px); left: 0; top:50px; bottom: 0;  overflow: auto;transition: all 400ms ease-in-out }

/*BRAND LOGO*/

.brand-block{background-color: #153065; text-align: center; }
.brand-block .brand-wrapper{padding: 40px 20px 20px; position: relative;}
.brand-block .brand-wrapper .brand-logo{height: 100px; width: 100px; margin-bottom: -50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; padding: 20px; outline: 4px solid rgb(255 255 255 / 46%);}
.brand-block .brand-name{background-color: #49508D; color: #fff; padding: 20px 10px; font-weight: 600; font-size: 12px; }

/*ADMIN SIDEBAR LINKS*/
.admin-sidebar-links{margin: 0; padding:30px 15px;}
.admin-sidebar-links li{list-style: none; margin-bottom: 14px;}
.admin-sidebar-links li a{ font-size: 13px; color:#21263c; padding: 10px 20px 10px 40px; border-radius: 0; font-weight: 600; position: relative;display: flex; justify-content: space-between; align-items: center;}
.admin-sidebar-links li a:hover{color: #333;background-color: #fff;text-decoration: none;}
.admin-sidebar-links li a i {position: absolute; left: 16px; top: 14px;}
.admin-sidebar-links li a .dd-caret{position: absolute; right: 16px; top: 16px; font-size: 11px;left: auto;}
.admin-sidebar-links li.active a,
.admin-sidebar-links li a.active{color: #333; background-color: #fff; position: relative;}

/*ADMIN SIDEBAR SUBLINKS*/
.admin-sidebar-links ul.inner-links{padding-left: 10px; padding-right: 10px; margin-bottom: 15px; border-left: 1px solid #ffffff63; margin-left: 22px;}
.admin-sidebar-links ul.inner-links > a{padding-top: 10px; padding-bottom: 10px; cursor:pointer;}
.admin-sidebar-links ul.inner-links li{margin-bottom: 0;}
.admin-sidebar-links ul.inner-links li a{padding: 10px 10px 10px 15px; font-size: 14px; line-height: 1.3; font-weight: 400; opacity: 0.95; justify-content: flex-start;}
.admin-sidebar-links ul.inner-links li a .list-icon{left: 10px;}
.admin-sidebar-links ul.inner-links li a i{font-size:13px; margin-right: 15px;position: static;}
.admin-sidebar-links ul.inner-links li a:hover{opacity: 1;}

/*CLOSE PANELS*/
.panel-dismissible{position: relative;padding-top: 12px;}
.panel-dismissible .close-btn{position: absolute;padding: 5px; right: 0; top: 0; font-size: 10px;}

/*CALENDAR*/
div#calendar button {border-radius: 0;}
.fc .fc-toolbar.fc-header-toolbar {margin-bottom: 1.5em; font-size: 12px;}

 
/*PAGE HEADER*/
.page-header{padding-bottom: 20px;}
.page-header h3{margin-bottom: 0; padding-top: 10px; margin-bottom: 0;line-height: 1;font-size: 18px;}

/*TOP PAGE HEADER*/


/*DASHBOARD HIGHLIGHTS*/
.highlight-block{border-radius:10px; position: relative; }
.highlight-block .card-body{padding-right: 70px; padding-bottom: 15px; }
.highlight-block .card-footer{background-color: transparent; border-color: #E4E4E4;border-radius: 0;}
.highlight-block .icon{position: absolute; right: 20px; top: 20px; font-size:20px; height: 48px; width: 48px; border-radius: 50%; display: flex; justify-content: center; align-items: center}
.highlight-block h4{ font-size: 26px; margin-bottom: 3px; }
.highlight-block p{ font-size: 13px; margin-bottom: 5px; color:#495569; }
.highlight-block a{color: #222; font-size: 12px; font-weight: 400; text-decoration: none;}
 

.color1{ background-color: #ffdce8;}
.color2{ background-color: #C1F3F0;}
.color3{ background-color: #DEF8C9;}
.color4{ background-color: #E3C9F8;}
.color5{ background-color: #FFF3C9;}
.color6 { background-color: #ffe9ea;}
.color7 { background-color: #c7f6ff;}
.color8 { background-color: #ffe1d4;} 
 

.i1{ background: #e8608f; color:#fff }
.i2{ background: #21b6ad; color:#fff}
.i3{ background: rgb(113 192 49); color:#fff}
.i4{ background: rgb(159 92 213); color:#fff}
.i5{ background:#f8d044; color:#fff}
.i6 {background: #fc4b53;color: #fff}
.i7 {background: #3acbe8;color: #fff}
.i8 {background: #fd763f;color: #fff}

.top-shaow{-webkit-box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff !important;box-shadow: 3px 3px 6px #bfc3cf, -3px -3px 6px #fff !important; }
.alert-stock{ margin-top:-17px}

/*CONTENT TABLE*/
.content-table thead.bg-light-1 {background-color:#f9f9fb !important;}
.table-hover>tbody>tr:hover>* {--bs-table-accent-bg: rgb(246 247 255);}
.content-table th{font-size: 11px;text-transform: uppercase; color: #6c718a;font-weight: 600;}
.content-table td{font-size: 12px;}
.content-table th, .content-table td{padding-top: 12px;padding-bottom: 12px;}
.content-table .progress{height: 4px;max-width: 70%; margin: 0 auto;}
.content-table .status-tag{padding: 5px 10px; line-height: 1; font-weight: 600; font-size: 10px; text-transform: uppercase; display: inline-block; border-radius: 30px; width: 90px; margin: 0 auto; text-align: center;}
.content-card .search-box{position: relative;}
.content-card .search-box .form-control{min-width: 270px; height: 31px;}
.content-card .search-box i{position: absolute; right: 10px;top: 10px; font-size: 12px;}

/*CARD FOOTER*/
.card-footer.bg-light-1 {background-color: #f7f8ff !important;}


.btn-p{padding: 5px;}


/*-----CSS START 22AUG2024-------*/
.admin-header-left {min-width: 240px; display: inline-block;}
.hbbarlines{float: right;display: block;}
.hbbarlines span {display: block; width: 25px; height: 2px; background: #707070; margin: 6px 0;}


.sidebar-collapsed .admin-sidebar{left:-100%;transition: all 500ms ease-in-out;}
.sidebar-collapsed .main-content{ padding-left:0;transition: all 500ms ease-in-out;}
.sidebar-collapsed .container-custom { max-width: 99%;transition: all 500ms ease-in-out;} 

/*-----CSS START 19Sep2025-------*/
.primary-info {margin: 0 -15px;padding: 28px 20px 10px;background:#f9f9fb }

.upload_dropZone {color: #0f3c4b; outline: 1px dashed #000;outline-offset: -12px;transition:outline-offset 0.2s ease-out,outline-color 0.3s ease-in-out,background-color 0.2s ease-out; border-radius:3px; background-color:#fff}
.upload_img {width: calc(33.333% - (2rem / 3));object-fit: contain;}

.all-dropdon{ background: #f5f5f5;border-color: #d7d5e2;}
.dropdown-menu.my-dtop { min-width: 60px; text-align: center;}



.currency-input-group .input-group-text {border-top-right-radius: 0;border-bottom-right-radius: 0; font-size:13px; color:#6c757d}



.listtab-sec .nav-link {padding: .2rem 0; font-size: 13px; background: transparent; border-radius: 0; margin-right:25px;color: #202432;}
.listtab-sec .nav-pills .nav-link.active, .listtab-sec .nav-pills .show>.nav-link {border-bottom: #153165 2px solid;background: transparent;color: #153165;font-weight: 600;}
.listtab-sec .card {border-radius: 0}
 
.item-details-page .items-label {font-weight: 300;color: #777; margin-bottom:10px} 
.item-details-page .po-field {padding:10px;background-color: #fbfbfb;}
.item-details-page .group {padding-bottom: 30px}
 
.shadow-none{ box-shadow:none !important}
.fixed-section {position: sticky;}
.scroll-section { overflow-y: auto;}
.ov-hidden{overflow: hidden}



.right-desk .content-table th, .right-desk .content-table td {padding-top: 5px;padding-bottom: 5px}




/*----------New CSS- oct 2025---------*/
  .admin-sidebar-links li a {color: #fff;}
   
 
 
 
 
 /* --- Sidebar Default --- */
.sidebar {position: fixed;top: 8px;left: 0px;bottom: 0px;width: 230px;background: #2e7efc;color: #fff;
transition: width 0.3s ease;overflow-x: hidden;overflow-y: auto;z-index: 100;     border-radius: 0px 0px 25px 25px;}

/* Collapsed Sidebar */
.sidebar.collapsed {width: 65px;}

/* Toggle Button */
.sidebar-toggle {
  padding: 15px;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Menu Links */
.menu li a {
  display: flex;
  align-items: center;
  padding:  15px;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease;
}
.collapsed .menu li a {padding: 12px 20px;}
.menu li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Menu Text Visibility */
.menu-text {
  margin-left: 12px;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

.sidebar.collapsed .menu-text {
  opacity: 0;
  pointer-events: none;
}

/* --- Submenu --- */
.submenu {
  list-style: none;
  padding-left: 20px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  background: #34495e;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

.has-submenu.open .submenu {
  opacity: 1;
}

/* Submenu Items */
.submenu li a {
  padding: 10px 0px 10px 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #ecf0f1;
}

.submenu li a i {
  margin-right: 10px;
  font-size: 14px;
}

/* Arrow Rotation */
.submenu-icon {
  margin-left: auto;
  transition: transform 0.3s ease;
}

.has-submenu.open > a .submenu-icon {
  transform: rotate(180deg);
}

/* --- Collapsed Sidebar Hover Popout --- */
.sidebar.collapsed .has-submenu .submenu {
  position: absolute;
  left: 60px;
  top: 0;
  background: #34495e;
  padding: 10px 0;
  max-height: none; /* always visible on hover */
  opacity: 0;
  pointer-events: none;
  min-width: 200px;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s ease;
}

.sidebar.collapsed .has-submenu:hover .submenu {
  opacity: 1;
  pointer-events: auto;
}
 
 
  
  
  /* Active Menu Item */
 

.sidebar .menu li.active a::before {
    content: '';
    position: absolute;
    width: 30px;
    height:30px;
    top:-29px;
    right: -1px; 
    z-index: -1;
	background-image:url(../images/round-shape.png)
}


.sidebar .menu li.active a::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top:53px;
    right: -1px; 
    z-index: -1;
	background-image:url(../images/round-shape1.png)
}
  
 
.sidebar.collapsed .menu li.active a::before{top: -27px; }
.sidebar.collapsed .menu li.active a::after {top: 45px;}
 
.main-content { padding-left: 250px;}
.sidebar-collapsed .main-content {padding-left: 60px;}
	
.header-logo img { width:120px; }
.collapsed .logo-hedr{ padding:6px 6px 6px 13px !important}
.small-logo{ display:none}

.sidebar.collapsed .big-logo{display:none }
.sidebar.collapsed .small-logo{display:block;transition: width 0.3s ease}
.small-logo img {width: 35px; transition: width 0.3s ease}
 
.logo-hedr {display: block;text-align: center; padding: 10px;background: #fff;}
		
.sidebar .menu li.active a, .sidebar .menu li a.active {
    color: #333;
    background-color: #fff;
    position: relative;    border-radius: 50px 0px 0px 50px;
    margin-left: 10px;
}

.admin-header .profile-img{width: 33px; height: 33px; margin-right: 10px; border-radius: 50%; overflow: hidden; background-color: #eee; display: inline-block; border: 1px solid #eee;}
.admin-header .profile-img img{width: 100%; height: auto;}
.In_hand th, .In_hand td {padding-top: 5px;padding-bottom: 5px;}	
	
.Gauge-Chart{background: #f5f7fa; border:1px solid #e9edf3}
.thumb-md { display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 36px;width: 36px;font-size: 14px; font-weight: 700; border-radius: 50px;}
.progress_bar_item { margin-bottom: 1rem;}
.item_bar {position: relative;height: 1.2rem;width: 100%;background-color:#dedede; border-radius: 4px;}
.item_bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 1.2rem;
  margin: 0;
  background-color:#31d58c;
  border-radius: 4px;
  transition: width 100ms ease;
}



.chart-container {
      position: relative;
      width: 200px;
      height: 200px;
	  margin:0 auto
    }

/* Center text inside the donut */
    .chart-container .chart-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px;
      font-weight: bold;
      
}

 
    /* Container to hold everything */
    .aging-container {
      position: relative;
      display: inline-block;
    }

    /* Toggle Button */
    .aging-toggle {
      cursor: pointer;
      font-size: 16px;
      color: #333;
      background: none;
      border: none;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .aging-toggle:hover {
      color: #0d6efd;
    }

    /* Popup */
    .aging-popup {
      width: 300px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
      padding: 15px;
      background: #fff;
      position: absolute;
      top: 40px;
      right: 0;
      display: none; /* Hidden by default */
      z-index: 1000;
    }

    /* Show when active */
    .aging-popup.show {
      display: block;
    }

    .aging-popup h6 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 15px;
    }

    .aging-popup .form-label {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 5px;
    }

    /* Buttons */
    .aging-popup .btn-apply {
      background-color: #0d6efd;
      color: #fff;
      padding: 6px 15px;
      border-radius: 6px;
      border: none;
      transition: 0.3s;
    }

    .aging-popup .btn-apply:hover {
      background-color: #084298;
    }

    .aging-popup .btn-cancel {
      padding: 6px 15px;
      border: none;
      background: #f8f9fa;
      border-radius: 6px;
      color: #333;
      transition: 0.3s;
    }

.aging-popup .btn-cancel:hover {background: #e2e6ea;}
.aging-toggle{ padding: 4px 10px;font-size: 14px;border: 1px solid #ddd;border-radius: 5px;margin: 0;}
.Gauge-Chart {background: #fff;border: 1px solid #dedede; border-radius: 16px;}
  .card-heading{font-size: 14px; padding: 16px 12px; font-weight: 600; color: #111; margin-bottom: 0;}
.no-padding-card{padding: 0; overflow: hidden;} 
 

.no-padding-card .borderless-table{border: 0!important;} 
.no-padding-card .borderless-table tr:first-child{border-color: #dee2e6 !important;} 
.no-padding-card .borderless-table tr:last-child{border: 0; border-color: transparent;} 

/*.StockAler-box {background-color: #f6f7fa !important; border-radius: 46px !important; margin-bottom: 12px; padding: 15px 15px 15px 0px !important;}*/
.StockAler-box {border-bottom: 1px solid rgb(94 82 64 / 10%);}

.Dashboard .table tr th{font-weight: 600;}
.Dashboard .table tr th,
.Dashboard .table tr td{font-size: 13px; padding: 10px; color: #444;}
.Dashboard .table thead tr th,
.Dashboard .table tbody tr th{color: #222;font-weight: 600;}  



/*------ tabs ------*/
.tabs_Sec .nav-pills .nav-link.active, .tabs_Sec .nav-pills .show>.nav-link {color: #fff;background-color:#2e7efc}
.tabs_Sec .nav-pills .nav-link {background: #e0e2ee;color: #7d7d7d;margin-right:15px;min-width: 100px;}
 

.Imports .dropdown-submenu { position: relative;}
.Imports .dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top:-1px;margin-left:-1px;display:none; }      
.Imports .dropdown-submenu:hover > .dropdown-menu, 
.Imports .dropdown-submenu:focus-within > .dropdown-menu {display: block;}
.Imports .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color);background-color: #f8f9fa; }
.Imports .dropdown-item {display: flex;align-items: center;}
.Imports .dropdown-item-active {background-color: #e9ecef;  color: var(--bs-dark);}
.Imports .dropdown-menu .dropdown-toggle::after{ display:none}

 .bordertp{   margin-top: -17px;}
.bordertp h4{background:#e4e4e4;display: inline-block;margin-top: 0;padding: 10px;font-size: 15px;border-radius: 0 0 10px 10px;}

.overview-tab ul{ list-style:none;padding-left: 15px;}
.overview-tab ul a{ font-size: 14px;line-height: 20px;padding: 10px 5px;display: block; border-bottom: 1px solid #ddd;}
.overview-tab ul a:hover{ color:#2e7efc; background-color:#f0f0f0}
 
.fixed-section {position: sticky;}
.scroll-section { overflow-y: auto;}
.ov-hidden{overflow: hidden}
.text-green { color:#00a68c;}

.fixed-section .content-card .search-box .form-control {min-width: 249px;}

/*------Extra content --------*/
.Extracontent .more-text {display: none;}
.Extracontent .read-more-btn { font-size:20px}

/*------LOGIN FORM --------*/ 
.home-login{ min-height: 100vh;display: flex;justify-content: center;align-items: center;}
.login__form { border-radius:80px 25px 25px 25px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);padding:45px 45px 30px 45px;}
.login__form .form-control {border-radius: 12px;padding: 12px;border: 1px solid #7d7d7d;height: 55px;}
.login__form .favicon{ width:45px}
.login__form  .Login{margin-left: 85px;}
.login__form label{background: #fff;font-size: 13px;top: -15px;left: 15px;padding: 5px;color: #16386f;font-weight: 600;}
.login__form .forgot-link {color: #333;font-size: 0.9rem;font-weight: 500;text-decoration: none; text-decoration:underline}
.login__form .forgot-link:hover {color: #16386f}
.login-footer {background-color: #e3ebff;padding: 43px 40px 23px 40px;text-align: center;font-size: 0.9rem;border-radius: 0px 0px 25px 25px; margin-top: -25px;}
.login-footer a {color: #16386f;font-weight: bold;text-decoration: none;}
.login-footer a:hover{color: #555}
.img-footer-right{bottom:0; right:0}
.img-footer-right img{ width:150px}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000;
    transition: background-color 9999s ease-in-out 0s;
}

.documents-upload .form-control[type=file]:not(:disabled):not([readonly]) {line-height: 25px}

/*FORM FLOATING LABEL*/
.floating-label-block {margin-bottom: 22px; }
.floating-label-block .floating-label-inner {position: relative; }
.floating-label-block label.form-label {position: absolute; left: 10px; top: -11px; display: inline-block; padding-left: 4px; padding-right: 4px; background: #fff; }
.floating-label-block .floating-field-control {height: 40px; }



.Matrix .dashboard-card {border-radius: 0.5rem; padding: 1.5rem;background-color: #fff;box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);position: relative;overflow: hidden;}
.Matrix .dashboard-card h6 {font-size: 0.75rem;letter-spacing: 0.5px; text-transform: uppercase;font-weight: 600;}
.Matrix .dashboard-card .progress {height: 5px; border-radius: 5px;margin-top: 0.5rem;margin-bottom: 1rem;}
.Matrix .dashboard-card .trend-icon { position: absolute; top: 1rem;right: 1rem;font-size: 1.25rem;}

/* Colors */     
.Matrix .progress-bar-danger { background-color: #dc3545; }
.Matrix .progress-bar-warning { background-color: #ffc107; }
.Matrix .progress-bar-success { background-color: #198754; }
.Matrix .progress-bar-info { background-color: #0d6efd; }
.Matrix .border-left-danger { border-left: 4px solid #dc3545}



.conversion-card {background-color: #0b194f;color: #ffffff;border-radius: 0.75rem;padding: 1.5rem}
.conversion-card small { color: #a0b0d0;}
.conversion-item {background-color: #15245e;border-radius: 0.5rem; padding: 0.75rem 1rem; margin-top: 2rem;}
.conversion-item .progress {height: 6px;margin-top: 0.5rem;border-radius: 5px;background-color: #1f2e6f;}
.conversion-badge { background-color: #dc3545;font-size: 0.75rem;font-weight: 600;padding: 0.25rem 0.5rem;border-radius: 0.375rem;}
.conversion-footer a{margin-top: 1rem;font-size: 0.75rem;font-weight: 600;color: #80a0ff}
 
 
/* Bar Container */

.legend-box {width: 12px; height: 12px;border-radius: 2px;margin-right: 5px;}
.legend-item {display: inline-flex;align-items: center;font-size: 0.75rem;font-weight: bold;color: #6c757d;margin-left: 15px;}
.Surface .legend-item {display: inline-flex;align-items: center;font-size: 0.75rem;font-weight: bold;color: #6c757d;margin-left: 15px}
.Surface .bar-container {background-color: #f1f3f5;border-radius: 8px;height: 120px;display: flex;align-items: flex-end;padding: 10px;gap: 8px;cursor: pointer;}
.Surface .bar {flex: 1;border-radius: 2px;height: 0%; transition: height 1s ease, background-color 0.3s ease;
background-color: #dbe0e6;}
.Surface .bar.state-green { background-color: #198754 !important; }
.Surface .bar.state-dark { background-color: #343a40 !important; }
.Surface .label-row { display: flex; justify-content: space-between; margin-top: 8px; font-size: 0.85rem; font-weight: 700}

  
/* Default Revenue Color */
.bar-revenue { background-color: #c6ced8 !important; }
/* Default Margin Color */
.bar-margin { background-color: #dbe0e6 !important; }

/* Classes applied via JavaScript when Legend is clicked */
.highlight-revenue { background-color: #002045 !important; } /* Green highlight */
.highlight-margin { background-color: #545f72 !important; }  /* Dark highlight */	

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/




@media (max-width: 1439.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
@media (max-width: 479.98px) {}