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

.layout-boxed html, .layout-boxed body { height: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; overflow-x: hidden; overflow-y: auto; font-family: 'Poppins', sans-serif; background: #FCFCFC; font-size: 13px;}
a { outline:none !important; text-decoration:none; transition:all .4s ease-in-out;}
button{ outline:none !important; text-decoration:none; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus, .btn:focus, btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0; }
img { border:none; vertical-align:middle; max-width:100%; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { outline:none !important;}
input, select, textarea, button { outline:none !important; }
input, textarea, select { /*-moz-appearance: none; -webkit-appearance: none;*/ }
.container { width:90%; max-width:1170px; margin:0 auto; padding:0; }
.container-fluid{ padding-left:30px; padding-right:30px;}

.mb-30{ margin-bottom:30px !important;}

.white_box{ background:#fff; border-radius:15px; box-shadow: 0px 5px 50px 0px rgba(233, 233, 233, 0.50);}

.wrapper{ min-height: 100vh;}

.content-wrapper, .right-side, .main-footer { padding:85px 20px 20px; -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; margin-left: 230px; z-index: 820; display: flex;}
@media (max-width: 1279px) {
.content-wrapper, .right-side, .main-footer { margin-left: 0;}
}
@media (min-width: 1280px) {
.sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer { margin-left: 0;}
}
@media (max-width: 1279px) {
.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer { -webkit-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0);}
}
.content-wrapper, .right-side { min-height: 100vh; z-index: 800; flex-wrap: wrap;}
.main-footer{ background: #fff; padding: 15px; color: #444; border-top: 1px solid #d2d6de; }
/* Fixed layout */
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; }
.fixed .main-header { top: 0; right: 0; left: 0; }
.fixed .content-wrapper, .fixed .right-side { padding-top: 50px; }

@media (max-width: 1279px) {
.fixed .content-wrapper, .fixed .right-side { padding-top: 100px;}
}
.fixed.layout-boxed .wrapper { max-width: 100%; }
/* Content */
.content { min-height: 230px; padding: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
/** Component: Main Header * */
.main-header { position: fixed; top: 0; left: 0; width: 100%; max-height: 64px; z-index: 1030; }
.main-header > .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; margin-bottom: 0; margin-left: 230px; border: none; min-height:64px; border-radius: 0; padding:10px 20px 10px 40px; background:#fff; filter: drop-shadow(0px -4px 30px #E9E9E9); position: relative;}

.main-header .logo{ -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; height: 100px; width: 230px; padding:35px 26px; overflow: hidden; display: flex; background: #fff; z-index: 55; position: relative; align-items: center;}
.main-header .logo .logo-lg{ display: block; }
.main-header .logo .logo-mini{ display: none; }

.main-sidebar .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; height: 64px; width:100%; padding:15px 26px; overflow: hidden; display: flex; background: #fff; z-index: 55; position: absolute; top: 0; left: 0; align-items: center;}
.main-sidebar .logo .logo-lg { display: block; }
.main-sidebar .logo .logo-mini { display: none; }

.main-header .navbar-brand { color: #fff; }
.navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px; }

@media (max-width: 1279px) {
.main-header .navbar { margin: 0;}
}
/** Component: Sidebar **/
.main-sidebar, .left-side { background-color: #fff; position:fixed; height: 100vh; top: 0; left: 0; padding-top: 70px; min-height: 100%; width: 230px; z-index: 1080; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; box-shadow: 0px 4px 30px 0px #E9E9E9;}
@media (max-width: 1279px) {
.main-sidebar, .left-side { padding-top: 70px; -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0);}
}
@media (min-width: 1280px) {
.sidebar-collapse .main-sidebar, .sidebar-collapse .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0);}
}
@media (max-width: 1279px) {
.sidebar-mini.sidebar-collapse .main-sidebar{  -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
.sidebar-open .main-sidebar, .sidebar-open .left-side {  -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
}

.sidebar-menu { list-style: none; margin: 0; padding: 0; }
.sidebar-menu > li { position: relative; margin: 0 0 10px; padding: 0; }
.sidebar-menu > li > a { padding:5px 40px 5px 26px; display: flex; font-size:13px; font-weight:500; color:#8B8B8B; transition:all .2s ease-in-out; position:relative; border-left: 2px solid transparent; align-items: center;}
.sidebar-menu > li > a > span{ display: inline-block;}
.sidebar-menu > li > a > img{ margin-right:7px; filter: brightness(0) invert(0); opacity: 0.5; transition:all .2s ease-in-out;}
.sidebar-menu > li .label, .sidebar-menu > li .badge { margin-top: 3px; margin-right: 5px; }

.sidebar-menu li > a > .fa-angle-down { position:absolute; right:20px; top:8px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition:all .2s ease-in-out;}
.sidebar-menu li.active > a > .fa-angle-down { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.sidebar-menu li.active > .submenu-drop { display: block; }
.sidebar-menu .submenu-drop { display: none; list-style: none; padding: 0; margin: 0;}
.sidebar-menu .submenu-drop .submenu-drop { padding-left: 20px; }
.sidebar-menu .submenu-drop > li { margin: 0; }
.sidebar-menu .submenu-drop > li > a { padding:5px 20px 5px 60px; display: block; font-size: 13px; color:#8B8B8B !important; }
.sidebar-menu .submenu-drop > li > a > .fa{ width: 20px; }
.sidebar-menu .submenu-drop > li > a > .fa-angle-left, .sidebar-menu .submenu-drop > li > a > .fa-angle-down { width: auto; }
.submenu-drop > li.active > a, .submenu-drop > li > a:hover { color: #A9C23D !important; }
/*
* Component: Sidebar Mini
*/
@media (min-width: 1280px) {
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 95px !important;}
.sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 95px !important;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li { position: relative; }
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a { margin-right: 0; padding:5px 28px;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { border-top-right-radius: 4px;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { border-bottom-right-radius: 4px;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .submenu-drop { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .submenu-drop { display: block !important; position: absolute; width: 180px; left: 100%;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { top: 0; margin-left:0; padding: 8px 5px 8px 20px; background-color: #fff; font-weight:700;}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .submenu-drop { top:35px; margin-left: 0; background-color: #fff;}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .submenu-drop, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .fa, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0);}
.sidebar-mini.sidebar-collapse .main-header .logo { width: 95px; padding-left:28px;}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { display: block;}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { display: none;}
.sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 95px;}
.sidebar-mini.sidebar-collapse .sidebar-menu .submenu-drop > li > a{ padding-left:20px;}

.sidebar-mini.sidebar-collapse .main-sidebar .logo { padding-left:28px;}
.sidebar-mini.sidebar-collapse .main-sidebar .logo > .logo-mini { display: block;}
.sidebar-mini.sidebar-collapse .main-sidebar .logo > .logo-lg { display: none;}
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; }
.sidebar-menu:hover { overflow: visible; }
.sidebar-form, .sidebar-menu > li.header { overflow: hidden; text-overflow: clip; }
.sidebar-menu li > a { position: relative; }
.sidebar-menu li > a > .pull-right { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
/*
* Component: Control sidebar. By default, this is the right sidebar.
*/
.control-sidebar-bg { position: fixed; z-index: 1000; bottom: 0; }
.control-sidebar-bg, .control-sidebar { top: 0; right: -230px; width: 230px; -webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; }

@media (max-width: 1280px) {
.control-sidebar { padding-top: 100px;}
}

/*Dropdowns in general*/
.dropdown-menu { box-shadow: none; border-color: #eee;}
.dropdown-menu > li > a { color: #24331E; font-size: 13px;}
.dropdown-menu > li > a > .fa{ margin-right: 5px; }
.dropdown-menu > li > a:hover { background-color: #A9C23D; color: #fff; }
.dropdown-item.active, .dropdown-item:active{ background-color: #A9C23D; color: #fff; }
.dropdown-menu > .divider { background-color: #A9C23D; }

/*========== Sidebar Theme ===========*/
.sidebar-toggle { background: #F5F5F5; border: 2px solid #fff; border-radius: 50%; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 32px; transform: translate(50%, -50%); z-index: 1090;}
.sidebar-collapse .sidebar-toggle{ transform: translate(50%, -50%) rotate(180deg);}

.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a { color: #A9C23D; border-left-color: #A9C23D;}
.sidebar-menu > li:hover > a > img, .sidebar-menu > li.active > a > img{ filter: inherit; opacity: 1;}
.sidebar-menu > li.active > a { font-weight:500; }
.sidebar-menu > li > .submenu-drop { margin:0;}
.sidebar{ height:calc(100vh - 70px) !important;}

.sidebar-foot-menu{ position: relative; padding-top: 16px;}
.sidebar-foot-menu:before{ content: ""; height: 1px; background: #E3E3E3; position: absolute; top: 0; left: 20px; right: 20px; }

.main-sidebar .mCSB_inside > .mCSB_container{ margin-right:0; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.sidebar-collapse .main-sidebar .mCSB_container, .sidebar-collapse .main-sidebar .mCustomScrollBox{ overflow:visible!important;}
.main-sidebar #mCSB_1_scrollbar_vertical{ opacity:0; width:5px;}
.main-sidebar:hover #mCSB_1_scrollbar_vertical{ opacity:1;}

.open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both;}
@keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		transform: perspective(400px);
	}
}
@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
	}
}

/********** My Css ************/
.nav_right { margin:0 0 0 auto; padding:0; }
.nav_right .top_links { margin:0; padding:0; display:flex; -ms-flex-align: center; align-items: center; justify-content:center; }
.nav_right .top_links > li { margin:0 0 0 35px; padding:0; color:#00ACED; }
.nav_right .top_links > li > a { color:#00ACED; position:relative;}
.nav_right .top_links > li.dropdown > a{ font-size:13px; color:#5A5A5A; font-weight:500; display:flex; -ms-flex-align: center; align-items: center; justify-content:center; margin:0; padding:0;}
.nav_right .top_links > li > .dropdown-toggle:after { content:"\f107"; border:none; font-family:'FontAwesome'; margin:0 0 0 10px; color:#8A8F88; font-size:20px;}
.nav_right .top_links > li > a figure { width:30px; height:30px; background:#f0f0f0; float:left; margin:0; padding:0; border-radius:50%; }
.nav_right .top_links > li > a figure img { width:100%; border-radius:50%;}
.nav_right .top_links li.dropdown span { margin:0; padding:0 0 0 7px; font-size: 13px; font-weight: 500; color: #8A8F88; overflow:hidden; display:inline-block; }
.nav_right .top_links > li > a:hover, .nav_right .top_links > li > a:focus { color:#A9C23D; }

.nav_right .dropdown-menu{ margin:11px 0 0; padding:10px 0; border:none; border-top:1px solid #f0f0f0; border-radius:0px; box-shadow:2px 5px 10px rgba(0, 0, 0, 0.14); left:auto; right:0; animation: growOut 300ms ease-in-out forwards; transform-origin: top right;}
.nav_right .dropdown-menu:after, .nav_right .dropdown-menu:before { bottom: 100%; right:22px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.nav_right .dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-right: -10px; }
.nav_right .dropdown-menu:before { border-color: rgba(229, 232, 237, 0); border-bottom-color: #e3e3e3; border-width: 11px; margin-right: -11px;}
.nav_right .dropdown-item { margin:0; padding:8px 20px; font-size:13px; font-weight:500; color:#333; /*border-bottom:1px solid rgba(0,0,0,0.1);*/ }
.nav_right .dropdown-item i { margin:0; }


@keyframes growOut {
    0% {
       transform: scale(0)
   }
   80% {
       transform: scale(1.1)
   }
   100% {
       transform: scale(1)
   }
}

/* Notification */
.blink { position: absolute; top: 0px; right: 1px;}
.blink .circle { background: #A9C23D; width: 5px; height: 5px; border-radius: 50%; display: block;}
.blink .circle::before { background-color: #A9C23D; content: ""; display: table; border-radius: 50%; position: absolute; animation-name: pulse; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-out; }
@keyframes pulse {
    0% { opacity: 1; width: 7px; height: 7px; left: 0; top: 0; }
    95% { opacity: 0.1; left: -3.8px; top: -3.8px; width: 15px; height: 15px; }
    100% { opacity: 0; width: 7px; height: 7px; left: 0; top: 0;}
}

.notifyWrapper{ margin: 0; padding: 0; position: relative;}
.notifyWrapper .dropdown-menu{ padding: 0; min-width: 370px; max-width: 370px; border-radius: 5px; right: -10px;}
.notifyWrapper .notifyHeader{ margin: 0; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0,0,0,0.2);}
.notifyWrapper .notifyHeader h4{ margin: 0; padding: 0; font-size: 12px; color: #24331E; font-weight: 700;}
.notifyWrapper .notifyHeader .read_link{ margin: 0; padding: 0; display: inline-block; font-size: 10px; font-weight: 500; color: #A9C23D; text-decoration: underline;}
.notifyWrapper .notifyHeader .read_link:hover{ text-decoration: none;}
.notifyWrapper .scroll_info{ height: 240px;}
.notifyWrapper .scroll_info .mCSB_inside > .mCSB_container{ margin-right: 0;}
.notifyWrapper .notify_item{ margin: 0; padding: 0; border-bottom: 1px solid rgba(0,0,0,0.2); display: block;}
.notifyWrapper .notify_item .item_info{ margin: 0; padding: 14px 20px; display: flex; align-items: center; gap: 10px;}
.notifyWrapper .notify_item .item_info figure{ width: 25px; min-width: 25px; max-width: 25px; margin: 0; padding: 0; border-radius: 50%;}
.notifyWrapper .notify_item .item_info figure img{ border-radius: 50%;}
.notifyWrapper .notify_item .item_info p{ margin: 0; padding: 0; font-size: 12px; color: #24331E; line-height: normal;}
.notifyWrapper .notify_item .item_info p strong{ font-weight: 700;}
.notifyWrapper .notify_item .item_info:hover{ background: #f9f9f9;}

.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #24331E;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #000;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{ background: #24331E;}

.search-wrapper { margin:0; padding:0; z-index:999; }
.search-wrapper .input-holder { overflow: hidden; position: relative; }
.search-wrapper.active .input-holder { background: #F3F3F3; border: 1px solid #A9C23D; border-radius: 7px; transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570); position:absolute; left:10px; right:10px; top:10px; height:50px; z-index: 999;}
.search-wrapper .input-holder .search-input { width:100%; height: 40px; padding:0px 20px 0 50px; opacity: 0; position: absolute; top:0px; left:0px; background: transparent; box-sizing: border-box; border:none; outline:none; font-size:15px; color:#8B8B8B; transform: translate(0, 60px); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.3s; }
.search-wrapper.active .input-holder .search-input { opacity: 1; transform: translate(0, 4px); }
.search-wrapper .input-holder .search-icon { border:none; padding:5px 0 0; outline:none; position: relative; z-index: 2; float:left; cursor: pointer; transition: all 0.3s ease-in-out; font-size:23px; color:#A9C23D; background:none;}
.search-wrapper.active .input-holder .search-icon { height:43px; width:50px; text-align:center; padding:0;}
.search-wrapper .close { font-size:14px; height:22px; width:22px; background:#A9C23D; line-height:22px; top:3px; right:3px; color:#fff; position:absolute; z-index: 999; cursor: pointer; transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
transition-delay: 0.2s; display:none; border-radius: 50%; text-align:center; opacity:1; }
.search-wrapper.active .close { display:block; }

.search_info { width:100%; max-width:600px; margin:0; position:relative; }
.search { width:100%; padding:0; margin:0; }
.search .form-control { height:44px; padding:0 0 0 31px; font-size:13px; color:#8B8B8B; background:transparent; border: 1px solid transparent; border-radius: 5px; box-shadow:none !important; }
.search .search_link{ position:absolute; left:0; top:48%; transform: translate(0, -50%); color:#A9C23D; font-size: 20px;}
.search .search_link:hover{ color:#0F111D;}

.progress_detail { width:100%; max-width:75%; margin:0; position:relative; }

/*============ Login Page ============*/
html,body{ min-height:100vh;}

.primary{ color: #A9C23D !important;}

.login_sec{ display: flex; position: relative; background: url(../images/login_bg.png) left top repeat; min-height: 100vh;}
.login_sec .leftd{ background: #F3F3F3 url(../images/login_bg.png) left top repeat;}
.login_sec .info{ padding: 40px 60px; width: 100%; max-width: 678px;}
.log_logo{ margin-bottom: 50px;}
.log_logo img{ width: 225px;}
.login_sec h2{ margin: 0 0 15px; padding: 0; font-size: 28px; color: #24331E; font-weight: bold; }
.login_sec p{ margin: 0; padding: 0; color: #24331E; font-size: 14px; line-height: 21px;}
.login_sec figure{ margin: 0; padding: 0 30px 0 10px;}
.login_sec figure img{ max-width: 90%; min-width: 90%;}
.login_sec .invalid-feedback{ position: absolute;}
.login_sec .form-control.is-invalid, .login_sec .was-validated .form-control:invalid{ background-image: none;}
.login_sec .form-control.is-valid, .login_sec .was-validated .form-control:valid{ background-image: none;}

.login_form{ padding: 60px; max-width: 550px; width: 100%; margin: 0 auto;}
.form_block{ margin: 0 0 40px; padding: 0; position: relative;}
.form_block .field{ width: 100%; padding: 0 20px; border-radius: 10px; height: 48px; background: #F3F3F3; font-size: 14px;  color: #24331E; box-shadow: none !important;}

.form_block .pashow{ position: absolute; right: 20px; bottom: 12px; font-size:16px; color: #8B8B8B;}
.form_block .pashow:hover{ color: #24331E;}
.form_block ::placeholder{ color: #8B8B8B; opacity: 1;}
.form_block :-moz-placeholder{ color: #8B8B8B; opacity: 1;}
.form_block ::-moz-placeholder{ color: #8B8B8B; opacity: 1;}

.btns{ margin: 0; padding:11px 18px; color: #FFF; text-align: center; font-size: 14px; border-radius: 8px; font-weight: 400; border: none; background-size: 300% 100%; background-image: linear-gradient(120deg, #A9C23D, #98B41F, #8aa514, #A9C23D); position: relative; min-width: 90px;}
.btns:hover{ background-position: 100% 0;}
.btns.basic{ padding: 8px 16px;}
.btns.sm{ padding: 8px 16px; font-size: 13px; border-radius: 5px;}
.btns.dark{ background-image: linear-gradient(120deg, #3A4336, #24331E, #24331E, #3A4336);}
.btns img{ filter: brightness(0) invert(1); position:relative; top:-2px; margin-right:4px;}

/* Niv */

/* Model */
.modal-backdrop{ z-index:1090; opacity: 0.35 !important;}
.modal_info{ z-index: 1099;}
.modal_info .modal-dialog{ width: 90%; max-width: 600px; margin-left: auto; margin-right: auto;}
.modal_info .modal-content{ margin: 0; padding: 0 0 30px 0; border-radius: 15px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10); border: none;}
.modal_info .modal-header{ margin: 0; padding: 14px 30px;}
.modal_info .modal-header .btn-close{ margin: 0; padding: 0; position: absolute; top: 15px; right: 15px;}
.modal_info .modal-title{ margin: 0; padding: 0; font-size: 18px; font-weight: 600; color: #24331E; text-align: left;}
.modal_info .modal-body{ margin: 0; padding: 25px 30px;}
.modal_info .modal-footer{ margin: 0; padding: 0 5px; display: flex; justify-content: center; border-top: none;}

/* Form */
.input_group{ margin: 0 0 20px; padding: 0;}
.input_group .form-label{ margin: 0 0 5px; padding:0; font-size: 13px;  color: #24331E;}
.input_group .form-control{ width: 100%; height:46px; padding:8px 20px; outline: none; box-shadow: none; border-radius: 8px; font-size: 14px;  color: #8B8B8B; border-color: #E3E3E3;}
.input_group .form-control:focus{ border-color: #A9C23D;}
.input_group .form-control::placeholder{ color: #8B8B8B; opacity: 1;}
.input_group .form-control::-ms-input-placeholder{ color: #8B8B8B;}
.input_group .bootstrap-select{ width: 100% !important;}
.input_group .bootstrap-select > .dropdown-toggle{ width: 100%; height: 46px; padding:12px 20px; outline: none; box-shadow: none; border-radius: 8px; font-size: 14px;  color: #8B8B8B; border: 1px solid #E3E3E3; background: #fff !important;}
.input_group .bootstrap-select .dropdown-toggle::after { content: '\f107'; font-family: 'FontAwesome'; font-size:18px; color: #8B8B8B; border: none;}
.input_group .bootstrap-select .dropup .dropdown-toggle::after { content: '\f106';}

.upload_group{ margin-bottom: 0;}
.upload_group .form-control{ font-size: 14px;  color: #8B8B8B; border-color: #E3E3E3; box-shadow: none !important; border-radius:8px;}
.upload_group .form-control-lg::file-selector-button{ padding: 0.8rem 1.5rem; background-color: #F5F5F5; color: #8B8B8B; font-size: 14px; }

/* Radio */
.radio_box{ margin: 0 0 25px 0; padding: 4px 0 0 0; display: flex; gap: 40px;}
.radio_box .form-check{ margin: 0; padding: 0;}
.radio_box .form-check-input{ margin: 4px 6px 0 0; border-radius: 50%; border-color: #A9C23D; width: 14px; height: 14px; box-shadow: none;}
.radio_box .form-check-input:checked{ background: #A9C23D; border: 4px solid #fff; box-shadow: 0 0 1px #A9C23D !important;}
.radio_box .form-check-label{ margin: 0; padding: 0; font-size: 14px;  color: #8B8B8B;}
.radio_box .form-check-input:checked ~ .form-check-label{ color: #24331E;}

/* Check */
.check_box{ margin: 0 0 25px 0; padding: 4px 0 0 0; display: flex; gap: 40px;}
.check_box .form-check{ margin: 0; padding: 0;}
.check_box .form-check-input{ margin: 4px 6px 0 0; border-radius: 4px; border-color: #A9C23D; width: 14px; height: 14px; box-shadow: none;}
.check_box .form-check-input:checked{ background-color: #A9C23D;}
.check_box .form-check-label{ margin: 0; padding: 0; font-size: 14px;  color: #8B8B8B;}
.check_box .form-check-input:checked ~ .form-check-label{ color: #24331E;}

/* Alert Sticky */
.alert_sticky.alert{ margin: 0; width: 90%; max-width: 700px; position:fixed; bottom: 15px; right: 15px; z-index: 55;}

/* Blank */
.tooltip_sec{ margin: 0; padding: 0;}
.tooltip_sec .tool_info{ margin: 0; padding: 0; display: flex; align-items: center; gap: 10px;}
.tooltip_sec a{ margin: 0; padding: 0; display: inline-block; font-size: 16px; color: #A9C23D;}
.tooltip_sec p{ margin: 0; padding: 0; color: #24331E;}
.tooltip_sec .tooltip{ margin: 0; padding: 0; background: #000;}
.tooltip_sec .tooltip-inner{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; color: #24331E; max-width: 100%; text-align: left;}

/*============ Dashboard Page ============*/
.dashboard{ width: 100%; margin: 0; padding: 15px 0 0 0; background: #fff; box-shadow: 0 5px 50px rgba(233, 233, 233, 0.5); border-radius: 15px;}
.dash_head{ margin: 0 0 25px 0; padding: 0 30px 15px; border-bottom: 1px solid #E3E3E3; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
.dash_head h2{ margin:0; padding:0; font-size:20px; font-weight: 600;}
.dash_content{ margin: 0; padding: 0 30px 5px;}
.order_box{ height: calc(100% - 20px); margin: 0 0 20px; padding:20px 25px 10px 25px; border: 1px solid #E3E3E3; border-radius: 15px; position: relative;}
.order_box h3{ margin: 0; padding: 0; font-size: 16px; font-weight: 500; color: #24331E;}
.order_box figure{ margin: 0; padding: 0;}


.product_box {
	height: calc(100% - 20px);
	margin: 0 0 20px;
	padding: 20px 16px 20px;
	border: 1px solid #E3E3E3;
	border-radius: 10px;
	display: flex;
	gap: 10px;
}

.product_box figure {
	animation: animName2 3s linear;
	margin: 0;
	padding: 0;
	height: 57px;
	width: 57px;
	min-width: 57px;
	background: #F5F5F5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative; /* Position relative for the spinner */
}

.product_box .spinner {
	position: absolute; /* Position absolute to overlay on the image */
	transform: translate(-50%, -50%); /* Adjust for the spinner's size */
	width: 57px; /* Set the size of the spinner */
	height: 57px; /* Set the size of the spinner */
	border: 5px solid rgba(0, 0, 0, 0.1); /* Light border */
	border-top: 5px solid #A9C23D; /* Color of the spinner */
	border-radius: 50%;
	animation: spin 1s linear infinite; /* Animation for spinning */
	display: none; /* Initially hidden */
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Other existing styles */
.product_box .detail {
	margin: 5px 0 0 0;
	padding: 0;
	width: 100%;
}

.product_box .detail h3 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	color: #24331E;
}

.product_box .detail h3 small {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 400;
	color: #8B8B8B;
	display: block;
}

.product_box .progress {
	margin: 0;
	width: 100%;
	height: 5px;
	border-radius: 10px;
	background-color: #F2F2F2;
}

.product_box .progress-bar {
	background-color: #A9C23D;
	animation: animName2 3s linear;
}

.product_box .progress-label {
	margin: 0 0 5px;
	padding: 0;
	font-size: 12px;
	color: #24331E;
	display: block;
}

.product_box .progress-label span {
	color: #A9C23D;
}

@keyframes animName2 {
    0%{ transform: translateX(-100%);}
    100%{ transform: translateX(0);}
}

/*============ Product Page ============*/
.btns_filter{ display: inline-flex; gap: 10px; flex-wrap: wrap;}
.btns_filter button{ margin: 0; padding: 8px 20px; color: #24331E; text-align: center; font-size: 13px; border-radius:8px; font-weight:500; border: none; background: #F5F5F5;}
.btns_filter button:hover{ background: #A9C23D; color: #fff;}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{ background: #A9C23D; color: #fff;}
.btns_filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: auto !important;}

.dashboard .dataTables_wrapper{ margin-bottom: 20px !important;}
.product_table{ margin: 0; padding: 0; background: #fff; border: 1px solid #E3E3E3 !important; border-radius: 15px;}
.product_table thead th{ padding-left: 10px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 14px; color: #8B8B8B; font-weight: 500 !important; background: #FBFBFB; border: none !important;}
.product_table thead th:first-child{ border-radius: 15px 0 0 0; padding-left: 15px !important;}
.product_table thead th:last-child{ border-radius: 0 15px 0 0;}
.product_table tbody td{ padding: 10px !important; font-size: 13px; color: #24331E;  border: none !important; border-top: 1px solid #E3E3E3 !important; white-space: inherit !important; line-height: 18px; vertical-align: m;}
.product_table tbody td:first-child{ padding-left: 10px !important;}
.product_table tbody td:last-child{ padding-right: 10px !important;}
.product_table tbody tr:last-child td:first-child{ border-radius: 0 0 0 15px;}
.product_table tbody tr:last-child td:last-child{ border-radius: 0 0 15px 0;}
.product_table tbody td .table_img{ cursor: pointer; margin: 0; padding: 0; width: 100px; min-width: 100px; max-width: 100px; display: block; transition: all .3s;}
.product_table tbody td .table_img:hover{ opacity: 0.6;}

ul.action_list{ margin: 0 0 10px 0; padding: 0; display: flex; gap: 10px;}
ul.action_list li{ margin: 0; padding: 0;}
ul.action_list li a{ margin: 0; padding: 0; width: 34px; height: 34px; background: #F5F5F5; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
ul.action_list li a img{ transition:all .4s ease-in-out;}
ul.action_list li a:hover{ background: #A9C23D;}
ul.action_list li a:hover img{ filter: brightness(0) invert(1);}

ul.action_list li a.blue:hover{ background: #4A88DA;}
ul.action_list li a.red:hover{ background: #F44336;}
ul.action_list li a.green:hover{ background: #4EBC3B;}
ul.action_list li a.light_blue:hover{ background: #00A8E1;}

ul.action_list.fill li a{ background: #A9C23D;}
ul.action_list.fill li a img{ filter: brightness(0) invert(1);}
ul.action_list.fill li a.blue{ background: #4A88DA;}
ul.action_list.fill li a.red{ background: #F44336;}
ul.action_list.fill li a.green{ background: #4EBC3B;}
ul.action_list.fill li a.light_blue{ background: #00A8E1;}
ul.action_list.fill li a:hover{ opacity: 0.7;}

.dataTables_scroll .table{ border-radius: 15px 15px 0 0; width: 100% !important;}
.dataTables_scrollBody .table{ border-radius: 0; border-top: none !important;}
.dataTables_scrollBody .table tbody tr:first-child td{ border: none !important;}
.dataTables_scrollBody .table th{ padding: 0 !important; }
.dataTables_wrapper.no-footer .dataTables_scrollBody{ border-bottom-color: #E3E3E3;}

.table tr:hover td{ background: #F6F9EC; box-shadow: none !important;}
.table td.scroll_info{ height: 400px; padding: 0 !important;}
.table td.scroll_info:first-child{ padding-left: 0 !important;}
.table td.scroll_info:last-child{ padding-right: 0 !important;}
.table td.scroll_info .mCSB_inside > .mCSB_container{ margin-right: 0;}
.table td.scroll_info .mCustomScrollBox{ padding-left: 0; padding-top: 0; border-radius: 15px;}

.table_fancy{ padding: 10px 5%; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; z-index: 9999;}
.table_fancy #popup { display: none; padding:5px; max-height: 100%;}
.table_fancy #popup img{ object-fit: contain; transition: all .3s ease-in-out;}
.table_fancy #close-btn { position: absolute; top:10px; right:15px; cursor: pointer; display: inline-flex; font-size: 20px; color: #fff;}
.table_fancy #popup[style="display: none;"] img{  transform: scale(0);}
.table_fancy #popup[style="display: inline-flex;"] img{ animation: zoomImg .3s ease-out;}
@keyframes zoomImg {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }

.product_table tbody td .status{ margin: 0; padding: 3px 11px 3px 25px; display: inline-block; font-size: 13px; color: #58C77F;  background: rgba(88,199,127,0.15); border: 1px solid #58C77F; border-radius: 30px; position: relative;}
.product_table tbody td .status:before{ content: ""; width: 6px; height: 6px; background: #58C77F; border-radius: 50%; position: absolute; top: 50%; left: 11px; transform: translateY(-50%);}
.product_table tbody td .status.red{ background: rgba(236,98,114,0.15); color: #EC6272; border-color: #EC6272;}
.product_table tbody td .status.red:before{ background: #EC6272;}
.product_table tbody td .status.yellow{ background: rgba(233,157,47,0.15); color: #E99D2F; border-color: #E99D2F;}
.product_table tbody td .status.yellow:before{ background: #E99D2F;}
.product_table tbody td .status.sky{ color: #0362AF; border-color: #0362AF; background: #E4F7FE;}
.product_table tbody td .status.sky:before{ background: #0362AF;}
.product_table tbody td .status.brwn{ color: #B74B1F; border-color: #B74B1F; background: #FFEFE7;}
.product_table tbody td .status.brwn:before{ background: #B74B1F;}
.product_table tbody td .status.pureple{ color: #763DFC; border-color: #763DFC; background: #EDE4FF;}
.product_table tbody td .status.pureple:before{ background: #763DFC;}

.product_table tbody td .form-check-input{ width: 35px; height: 18px; box-shadow: none; background-color: #DBDBDB; border-color: #DBDBDB; --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.product_table tbody td .form-check-input:focus{ --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.product_table tbody td .form-check-input:checked{ background-color: #A9C23D; border-color: #A9C23D;}

.dataTables_wrapper .dataTables_info{ font-size: 13px; color: #8B8B8B;  padding-top: 25px;}
.dataTables_wrapper .dataTables_paginate{ display: inline-flex; align-items: center; gap: 10px; padding-top: 25px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next{ padding: 0; font-size: 13px; color: #8B8B8B !important;  border: none !important; background: none !important;}
.dataTables_wrapper .dataTables_paginate span .paginate_button{ padding: 0; font-size: 13px; color: #8B8B8B !important;  width: 24px; height: 24px; border-radius: 5px; border: none !important; background: none !important; display: inline-flex; align-items: center; justify-content: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color: #A9C23D !important;}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current{ font-weight: bold; background: #F5F5F5 !important; border: 1px solid #E3E3E3 !important;}

.upload-files-container { width: 100%; display: flex; flex-direction: column; }
.upload-files-container .drag-file-area { width: 100%; border: 2px dashed #ccc; margin: 0 0 15px; padding: 30px 50px; text-align: center; background:#f1f1f1; border-radius: 10px; position: relative;}
.upload-files-container .fa-upload{ font-size: 26px; color: #999;}
.upload-files-container .drag-file-area h3 { font-size: 14px; margin:15px 0; }
.upload-files-container .drag-file-area label { font-size: 14px; }
.upload-files-container .drag-file-area label .browse-files-text { color: #A9C23D; font-weight: 500; cursor: pointer; }
.upload-files-container .default-file-input{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.progress_info{ width: 100%; margin-bottom: 5px; display: flex; align-items: center;}
.progress_info .progress{ width: 100%; margin-right: 10px; border-radius: 15px; height:9px; background: #F5F5F5; margin-top: 1px;}
.progress_info .progress-bar{ text-align: right; border-radius: 15px; padding-right: 10px; font-weight: 500; background-color: #A9C23D; animation: animName2 3s linear, 1s linear infinite progress-bar-stripes; font-size: 10px; position: relative;}
/* .progress_info .progress-bar span{ display: inline-block; background: #000; position: absolute; top: -3px; bottom: -3px; right: 0; padding: 5px;} */
.progress_info .progress_time{ color: #8B8B8B; white-space: nowrap; display: flex; align-items: center; gap: 10px;}
.progress_info .progress_time .blink { position:relative; top: 0px; right: 0;}
.progress_info .progress_time .blink .circle::before { margin: -1px 0 0 -1px;}
.progress_info small{ min-width: 100px; font-size: 13px;}

.schedule_info{ width: 100%; display: flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; gap: 12px; background: #F6F9EC; padding: 12px 24px; border-radius: 15px; margin-bottom: 20px;}
.schedule_info h5{ margin: 0; font-size: 14px; font-weight: 500; color: #24331E;}
.schedule_info form{ display: inline-flex; margin: 0; padding: 0; flex-wrap: wrap; gap: 15px; flex: 1 0 0;}
.schedule_block{ display: inline-flex; position: relative;}
.schedule_status{ display: inline-flex; gap: 5px; align-items: center; color: #24331E; font-size: 13px;}
.schedule_status .status{ color: #EC6272; position: relative; display: inline-block; padding-left: 15px; margin-left: 8px;}
.schedule_status .status:before{ content: ""; background: #EC6272; width: 4px; height: 4px; border-radius: 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.schedule_status .status.complete{ color: #58C77F;}
.schedule_status .status.complete:before{ background: #58C77F;}

/* Calendor */
.datepicker-main{ padding: 2px 2px 10px 2px;}
.datepicker-picker{ border-color: #CCCCCC; border-radius: 12px;}
.datepicker-header .datepicker-controls{ padding: 10px 6px 8px;}
.datepicker-controls .button{ font-size: 16px; color: #111111 !important; font-weight: 400 !important;}
.datepicker-controls .next-btn, .datepicker-controls .prev-btn{ color: #A9C23D !important;}
.datepicker-view .dow{ font-size: 14px; color: #A9C23D; height: 2.5rem; line-height: 1.5rem;}
.datepicker-picker span{ font-size: 14px; color: #111111;}
.datepicker-grid{ min-width: 330px;}
.datepicker-cell, .datepicker-view .week{ height: 2.8rem; line-height: 2.8rem;}
.datepicker-cell.focused:not(.selected){ color: #fff; background: #A9C23D;}
.datepicker-cell.selected, .datepicker-cell.selected:hover{ color: #fff; background: #A9C23D;}

/* form */
.schedule_block i{ position: absolute; top: 13px; left: 20px; z-index: 55; color: #8B8B8B; }
.schedule_block .input-group::before{ content: "\f107"; position: absolute; top: 5px; right: 15px; height:18px; width: 20px; z-index: 55; font-family: "FontAwesome"; color: #8B8B8B; font-size: 18px;}
.schedule_block .form-control{ height: 37px; width: 100%; max-width: 250px; border-radius: 8px !important; border-color: #E3E3E3; padding: 12px 20px 12px 42px; color: #8B8B8B; box-shadow: none; font-size: 14px;}
.schedule_block .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ border-radius: 10px;}
.schedule_block .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .schedule_block .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .schedule_block .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .schedule_block .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){ border-radius: 10px;}
.schedule_block .input-group .btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.schedule_info .btns{ padding-left: 30px; padding-right: 30px;}

/*============ Order Page ============*/
.order_table.product_table tbody td.price{ color: #A9C23D; font-weight: 500;}
.product_table tbody td.order_error_msg{ font-size: 12px; line-height: normal;}
.order_table.product_table tbody td .status{ font-size: 13px;}
.download-load:focus { outline: 0.05em dashed #ff6600;  outline-offset: 0.05em;}
.download-load::after { content: ''; display: block; width: 1.2em; height: 1.2em; position: absolute; left: calc(50% - 0.75em); top: calc(50% - 0.75em); border: 0.15em solid transparent; border-right-color: white; border-radius: 50%; animation: button-anim 0.7s linear infinite; opacity: 0;}
@keyframes button-anim {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.download-load.loading {color: transparent;}
.download-load.loading::after {opacity: 1;}

/* Shipped Model */
.shipped_model .form-control{ width: auto; height: 48px; padding: 10px 20px; outline: none; box-shadow: none; border-radius:8px; font-size: 14px;  color: #8B8B8B; position: relative; z-index: 5;}
.shipped_model .form-control:focus{ border-color: #A9C23D;}
.shipped_model .input-group-text{ padding: 0; align-items: inherit;}
.shipped_model .input-group-text .btns{ padding: 10px 30px; border-radius: 0 8px 8px 0;}

/* Product Model */
.modal_info .modal-dialog.xl{ max-width: 1270px;}

.dataTables_wrapper .dataTables_filter{ margin-bottom: 15px;}
.dataTables_wrapper .dataTables_filter label{ font-size: 14px; color: #8B8B8B; font-weight: 500;}
.dataTables_wrapper .dataTables_filter input{ margin-left: 5px; padding:0 15px; outline: none; box-shadow: none; border-radius: 8px; font-size: 14px;  color: #8B8B8B; border-color: #E3E3E3; height: 36px;}
.dataTables_wrapper .dataTables_length select{ font-size: 14px;  color: #8B8B8B; border-color: #E3E3E3; border-radius: 8px;}

.alert.alert-dismissible{ padding: 12px 35px 12px 20px;}
.alert-dismissible .btn-close{ padding: 16px 10px;}

#tableModal .dataTables_wrapper{ margin-bottom: 0 !important;}

/*  */
.amazon_modal .modal-dialog{ max-width: 990px;}

.erp_table{ border: 1px solid #E3E3E3; border-radius: 15px; margin-bottom:20px;}
.erp_table .thead{ background: #FBFBFB; border-radius: 15px 15px 0 0; display: flex;}
.erp_table .thead .th{ padding: 14px 10px 14px 15px; font-size: 14px; color: #8B8B8B; font-weight: 500; width: 100%; flex:0 0 33.333%;}
.erp_table .tbody .trow{ border-top: 1px solid #E3E3E3; display: flex;}
.erp_table .tbody .trow .td{ display: flex; padding: 5px 10px 5px 15px; align-items: center; width: 100%; font-size: 14px; color: #24331E; flex:0 0 33.333%;}
.erp_table .tbody .trow .td a{ color: #24331E; display: inline-block; margin-left: 10px;}

.amazon_modal .form-control{ width: 100%; height: 36px; padding: 10px 15px; outline: none; box-shadow: none; border-radius: 8px; font-size: 14px; color: #8B8B8B; position: relative; z-index: 5;}
.amazon_modal .form-control:focus{ border-color: #A9C23D;}
.amazon_modal .input-group{ flex-wrap: nowrap;}
.amazon_modal .input-group-text{ padding: 0; align-items: inherit;}
.amazon_modal .input-group-text .btns{ padding: 6px 15px; background: #F5F5F5; color: #24331E; border: 1px solid #E3E3E3; border-radius: 0 8px 8px 0;}
.amazon_modal .input-group-text .btns:hover{ border-color: #A9C23D; background: #A9C23D; color: #fff;}

.last_sync{ background: rgba(169,194,61,0.10); border-radius: 10px; columns: 3; margin-bottom:20px;}
.last_sync .block{ padding: 15px 20px; font-size: 14px; color: #8B8B8B;}
.last_sync .block + .block{ border-left: 2px solid #FFFFFF;}
.last_sync .block strong{ color: #24331E; font-weight: 600; display: block; margin-bottom: 3px;}
.last_sync .block i{ margin-right: 5px;}
.tooltip { z-index:9999;}

.perc_info{ padding: 5px 10px; border-radius: 3px; background: #24331e; border-radius: 3px; position: absolute; right: 0; bottom: 15px; z-index: 9999;}
.perc_info:before{ content:""; position: absolute; width: 0; height: 0; border-color: transparent; bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-style: solid; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #24331e;}
.progress_info .progress{ overflow: inherit;}
.progress_info .progress-bar{ overflow: inherit;}

.top-modal {
	align-items: flex-start !important; /* Moves modal to the top */
	margin-top: 5vh; /* Adjust as needed */
}