@charset "utf-8";
/* CSS Document */

/* Google Fonts */
@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');
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'glyphiconshalflingsregular';
    src: url('../fonts/glyphiconshalflingsregular.eot');
    src: url('../fonts/glyphiconshalflingsregular.eot') format('embedded-opentype'),
         url('../fonts/glyphiconshalflingsregular.woff2') format('woff2'),
         url('../fonts/glyphiconshalflingsregular.woff') format('woff'),
         url('../fonts/glyphiconshalflingsregular.ttf') format('truetype'),
         url('../fonts/glyphiconshalflingsregular.svg#glyphiconshalflingsregular') format('svg');
}
/* .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
} */


:root {
    /* Color */
    --primary-color: #be2908;
    --secondary-color: #ffba00;
    --white: #ffffff;
    --soft-gray: #fafafa;
    --very-light: #f5f5f5;
    --soft-light-eee: #eeeeee;
    --color-ccc: #cccccc;
    --semi-light-999: #999999;
    --mid-light-777: #777777;
    --mid-dark-666: #666666;
    --light-charcoal-555: #555555;
    --dark-charcoal-333: #333333;
    --black: #000000;
    --facebook: #215595;
    --twitter: #1c9be9;
    --instagram: #f60868;
    --youtube: #f60002;   
    --bs-navbar-toggler-icon-bg: url(../images/navbar-toggler-icon.png);
    --body-font: 'Poppins', sans-serif;
    --body-font: "Roboto", sans-serif;
    --body-font-size: 16px;
    --body-font-color: #566a7f;
    --FontAwesome4: 'FontAwesome';
    --FontAwesome5: "Font Awesome 5 Brands";
    --theme-color-light: #f5f5f9;
    --theme-color-mid: #e7e7ff;
    --theme-color-dark: #696cff;
    --theme-hovercolor-dark: #5558e9;
    --theme-border-color: #d9dee3;
    --theme-txt-color: #566a7f;
    --green: #82e04e;
    --seegreen: #03caf5;
    --crimsonred: #f31a66;
    --red: #ff3e1d;
}
html { scroll-behavior: smooth; }
* { padding: 0; margin: 0; box-sizing: border-box; }
::after, ::before { box-sizing: border-box; }
body { font-family: var(--body-font); font-weight: 400; font-size: var(--body-font-size); line-height: 1.5; background: var(--white-color); letter-spacing: 0.4px; overflow-x: hidden; color: var(--body-font-color); }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 15px 0; font-weight: 600; }
p { padding: 0; margin: 0 0 10px 0; font-size: var(--body-font-size); color: var(--body-font-color); font-weight: normal; }
img { width: auto; max-width: 100%; display: block; border: 0;}
ul, ol {padding: 0; margin: 0; list-style: none; }
ol { list-style: decimal inside; }
a { color: var(--theme-color-dark); }
a:hover { color: var(--theme-hovercolor-dark); }
a, a:hover, a:focus { text-decoration: none; }
b, strong { font-weight: 600; }
blockquote { padding: 0; margin: 0; border: none; }

/* a, a:hover, a:visited
{
    color: #21a108;
} */
/* ::selection
{
    background: #21a108;
    color: #fff;
}
::-moz-selection
{
    background: #21a108;
    color: #fff;
} */
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus { outline: none; }
.form-control:focus { color: #212529; background-color: var(--white); border-color: var(--theme-color-dark); outline: 0; box-shadow: 0 0 0 .25rem rgba(105,108,255,.25); }
.section { width: 100%; padding: 70px 0; margin: 0;}
.v_middlebox { width: 100%; height: 100%; display: table;}
.v_middlebox .v_middle { display: table-cell; vertical-align: middle; }
.btn { background: var(--theme-color-dark); color: var(--white); border-color: var(--theme-color-dark); }
.btn:hover { background: var(--theme-hovercolor-dark); color: var(--white); border-color: var(--theme-hovercolor-dark);}
/* slim scrollbar */
/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3); }
/* End slim scrollbar */
/******************************/


/* ========================Login Page=============================== */
.login_sec { background: var(--theme-color-light); padding: 0; }
.height100v { height: 100vh;}
.loginbox { width: 100%; max-width: 540px; padding: 30px 40px; background: var(--white); border: 1px solid var(--theme-border-color); border-radius: 12px; margin: 0 auto; box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); -webkit-box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); }
.login_title { color: var(--theme-txt-color); text-align: center; }
.loginbox .back_to i { font-size: 20px; margin: 0 10px 0 0;}
/* ========================Dashboard Page=============================== */
.flex__box { display: flex; justify-content: space-between;}
.wrapper { width: 100%; height: 100%; position: relative; border: 0 solid red;}
.layout__container { width: 100%; height: auto; min-height: 100vh; padding: 0 0 55px 0; display: flex; flex: 1 1 auto; align-items: stretch; }
.left__pl { width: 20%; width: 240px; min-height: 100vh; background: var(--white); margin: 0 auto 0 0; position: relative; overflow: hidden; }
.right__pl { width: 80%; width: calc(100% - 240px); min-height: 100vh; background: var(--theme-color-light);  margin: 0 0 0 auto; position: relative; overflow: hidden; }
.left__pl.collapsed__pl { width: 6%; width: 72px; }
.right__pl.expanded__pl { width: 94%; width: calc(100% - 72px); }
.left__options { padding: 0; margin: 0;}
.admin__logosec { padding: 15px 10px 15px 10px; margin: 0 0 15px 0; border-bottom: 1px solid var(--theme-border-color); display: flex; justify-content: space-between; }
.admin__logosec .logobox { display: inline-block; padding: 0 30px 0 0;}
.admin__logosec .logobox img { max-height: 42px; }
.left__pl.collapsed__pl .logobox { display: none;}
.admin__logosec .hamburger { width: 44px; max-width: 44px; min-width: 44px; height: 42px; padding: 5px 8px; display: inline-block; background: var(--white); border: 1px solid var(--theme-color-dark); border-radius: 3px; cursor: pointer; margin: 0 0 0 auto;}
.admin__logosec .hamburger .line { width: 100%; height: 2px; border-bottom: 1px solid var(--theme-color-dark); display: block; margin: 6px 0;}
.admin__logosec .hamburger:hover { background: var(--theme-color-dark);}
.admin__logosec .hamburger:hover .line { border-color: var(--white);}
.vertical__menu li { text-align: left; margin: 15px 0; position: relative; }
.vertical__menu li a { font-size: var(--body-font-size); color: var(--theme-txt-color); background: var(--white); border: 0; border-radius: 3px; padding: 8px 30px 8px 8px; margin: 0 16px; display: block;}
/* .vertical__menu li a:hover { background: var(--theme-color-mid);} */
.vertical__menu li a i { margin: 0 8px 0 0;}
.vertical__menu li a.active, .vertical__menu li a:hover, .vertical__menu li a:focus{  background: var(--theme-color-mid); }
.menu-toggle::before { position: absolute; top: 7px; right: 28px; content: "\f105"; font-family: var(--FontAwesome4); }
.menu-toggle[aria-expanded="false"] { background: none !important;}
.menu-toggle[aria-expanded="true"] { background: var(--theme-color-mid); color: var(--theme-color-dark); }
.menu-toggle[aria-expanded="true"]::before { content: "\f107"; }
.left__pl.collapsed__pl .vertical__menu li a { font-size: 0; text-align: center; padding: 8px 5px;}
.left__pl.collapsed__pl .vertical__menu li a i { font-size: var(--body-font-size); margin: 0 auto; display: block; }
.admin_footer { width: 100%; padding: 15px 0; position: fixed; left: 0; bottom: 0; z-index: 10; background: var(--theme-color-dark); border-top: 1px solid var(--theme-hovercolor-dark);}
.admin_footer p { color: var(--white); text-align: center; padding: 0; margin: 0;}
.inner__container { padding: 12px 25px;}
.topbox { width: 100%; padding: 12px 25px; background: var(--white); border: 1px solid var(--theme-border-color); border-radius: 4px; margin: 0 0 30px 0; display: flex; justify-content: space-between; position: relative;}
.all_search { width: 60%; }
.admin__searchbox { width: 100%; display: inline-block; position: relative; }
.admin__searchbox form { width: 100%; }
.admin__searchbox input { width: 100%; padding: .375rem 3.5rem .375rem .75rem; }
.admin__searchbox .search_btn { font-size: var(--body-font-size); color: var(--theme-txt-color); padding: 5px 16px; margin: 0; display: inline-block; background: none; border: 0; border-radius: 3px; position: absolute; right: 2px; top: 2px; z-index: 1;}
.admin__searchbox .search_btn:hover { background: var(--theme-color-light);}
.avatar { width: 40px; height: 40px; border: 1px solid var(--white); border-radius: 40px; overflow: hidden; position: relative;}
.avatar-online::after { content: ""; position: absolute; right: 6px; bottom: 2px; width: 8px; height: 8px; border-radius: 100%; box-shadow: 0 0 0 2px #fff; }
.avatar.avatar-online::after { background-color: #71dd37; }
.avatar.avatar-offline::after { background-color: #e8522a; }
.menu__setting  { width: 190px; position: absolute; top: 64px; right: 0; z-index: 100; background: var(--white); border: 1px solid var(--theme-border-color); padding: 8px 0; border-radius: 4px; }
.profileinfobox { width: 100%; display: table; margin: 0;}
.profileinfobox .avatar { margin: 0 15px 0 0; float: left;}
.profileinfobox .username__anddesi { display: inline-block;}
.profileinfobox .username__anddesi .user__name { font-size: 14px; color: var(--theme-txt-color); line-height: 1.3; font-weight: 600; padding: 0; margin: 0 0 5px 0;}
.profileinfobox .username__anddesi .user__designation { font-size: 13px; color: var(--theme-txt-color); line-height: 1.3; padding: 0; margin: 0;}
.devider { width: 100%; border-bottom: 1px solid var(--theme-border-color); padding: 5px 0; margin: 0;}
.menu__setting ul li { padding: 0; margin: 0;}
.menu__setting ul li a { font-size: 15px; color: var(--theme-txt-color); background: var(--white); padding: 10px 16px; display: block; }
.menu__setting ul li a:hover { color: var(--theme-txt-color); background: var(--theme-color-light); }
.menu__setting ul li a i { font-family: var(--FontAwesome4); }
.dashbox { position: relative; background: var(--white); border-radius: 0.5rem; padding: 16px; box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); margin: 0 0 25px 0; }
.dash_graph__icbox { width: 40px; height: 40px; background: rgba(255,255,255,.25); padding: 5px; text-align: center; font-size: 20px; line-height: 30px; border-radius: 6px; color: var(--white); }
.dash_graph__icbox.green { background: rgba(130,224,78,.25); color: var(--green); }
.dash_graph__icbox.seegreen { background: rgba(3,202,245,.25); color: var(--seegreen); }
.dash_graph__icbox.red { background: rgba(243,26,102,.25); color: var(--crimsonred); }
.dash_graph__icbox.themecolor { background: rgba(105,108,255,.25); color: var(--theme-color-dark); }
.ifup { color: var(--green) !important; }
.ifdown { color: var(--red) !important;}
.dashbox .dashbox_maintitle { font-size: 20px; font-weight: 400; padding: 0; margin: 0; }
.dashbox .dashbox_heading { font-size: 16px; color: var(--theme-txt-color); font-weight: 400; padding: 0; margin: 0 0 10px 0;}
.dashbox .dashbox_title { font-size: 24px; color: var(--theme-txt-color); padding: 0; margin: 0 0 10px 0; }
.dashbox .text_small { font-size: .875em; }
.dashbox .text_small.green_color { color: var(--green);}
.dashbox .dash_graphalign__box { display: flex; justify-content: space-between; margin: 0 0 20px 0; }
.dashbox .dropdown .btn { height: 40px; background: none; border: 0; padding: 6px !important; color: var(--theme-txt-color); }
.dashbox .revenue__box { width: 100%; }
.dashbox .revenue__box .dashbox_heading { margin-bottom: 15px;}
.dashbox .chartbox { width: 100%; padding: 15px 0 0 0; }
.dashbox .chartbox canvas { height: 220px !important;}
.growth__box { width: 100%; }
.growth__box .dropdown { margin: 0 auto 15px auto; display: table;}
.growth__box .dropdown .form-select { width: auto;  }
.growth__box .dashbox_heading { text-align: center; font-weight: 600; margin: 0 0 30px 0; }
.year_growth { display: flex; justify-content: space-between;}
.year_growth .year_countdata .dash_graph__icbox { float: left; margin: 0 10px 0 0; }
.year_growth .year_countdata .countdata { float: left;}
.year_growth .year_countdata .countdata .amount { font-size: 15px; font-weight: 600; padding: 0; margin: 0; } 
.growth__cheart { width: 100%; height: 186px; padding: 10px 0; margin: 0 0 30px 0; }
.statistics__box { width: 100%; }
.statistics__box .space_padbottom { padding: 0 0 15px 0;}
.statistics__box .dashbox_headbox { display: inline-block;}
.text-muted { margin: 0; display: inline-block; }
.total_ordersecbox { width: 100%; height: 130px; padding: 15px 0; margin: 0; display: flex; justify-content: space-between; }
.total_ordersecbox .total_ordersinfobox { padding: 20px 0; }
.total_ordersinfobox .dashbox_heading { font-weight: 400;}
.total_orders_chartbox { max-width: 100px; max-height: 100px;}
.order__listingsecbox { width: 100%; }
.order__listingsecbox li { width: 100%; padding: 0; margin: 0 0 24px 0; display: flex; justify-content: space-between; }
.order__listingsecbox li:last-child { margin-bottom: 0;}
.order__listingsecbox .dash_graph__icbox { float: left; margin: 0 10px 0 0;}
.dasorder__itembox { width: 100%; padding: 0; margin: 0; display: flex; justify-content: space-between;}
.text__group { display: inline-block;}
.order__listingsecbox .dasorder__itembox .dashbox_heading { margin: 0; font-weight: 500; }
.order__listingsecbox .dasorder__itemprice { text-align: right;}
.order__listingsecbox .dasorder__itemprice .amount { font-size: 15px; font-weight: 600; padding: 0; margin: 10px 0; }