@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{ box-sizing: border-box; -webkit-box-sizing: border-box}
html *{box-sizing: border-box; -webkit-box-sizing: border-box}
body {margin: 0;}
img{ max-width: 100%; width: auto; height: auto}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent; text-decoration: none !important;transition: all 0.2s ease-out; color: #ca383e;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: 700;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button,input,select,textarea {max-width: 100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;opacity: .5;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 0.4375em;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1;margin: 0 0 1.75em;min-width: inherit;padding: 0.875em;}
fieldset >:last-child {margin-bottom: 0;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top; min-height: 250px;}
optgroup {font-weight: bold;}
/** * 2.0 - Genericons */
.menu-item-has-children a:after,.social-navigation a:before,.dropdown-toggle:after,.bypostauthor > article .fn:after,.comment-reply-title small a:before,.pagination .prev:before,.pagination .next:before,.pagination .nav-links:before,.pagination .nav-links:after,.search-submit:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-family: "Genericons";font-size: 16px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;speak: none;text-align: center;text-decoration: inherit;text-transform: none;vertical-align: top;}
/** * 3.0 - Typography */
body,button,input,select,textarea {color: #333333;font-family: 'Open Sans', sans-serif;font-size: 16px;font-size: 1rem;line-height: 1.75;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 0;text-rendering: optimizeLegibility;}
p {margin: 0 0 20px;}
dfn,cite,em{font-style: italic;}
blockquote {border: 0 solid #1a1a1a;border-left-width: 4px;color: #686868;font-size: 19px;font-size: 1.1875rem;font-style: italic;line-height: 1.4736842105;margin: 0 0 1.4736842105em;padding: 0 0 0 1.263157895em;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote p {margin-bottom: 1.4736842105em;}
blockquote cite,blockquote small {color: #1a1a1a;display: block;font-size: 16px;font-size: 1rem;line-height: 1.75;}
blockquote cite:before,blockquote small:before {content: "\2014\00a0";}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
blockquote >:last-child {margin-bottom: 0;}
address {font-style: italic;margin: 0 0 1.75em;}
code,kbd,tt,var,samp,pre {font-family: Inconsolata, monospace;}
pre {border: 1px solid #d1d1d1;font-size: 16px;font-size: 1rem;line-height: 1.3125;margin: 0 0 1.75em;max-width: 100%;overflow: auto;padding: 1.75em;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
code {background-color: #d1d1d1;padding: 0.125em 0.25em;}
abbr,acronym {border-bottom: 1px dotted #d1d1d1;cursor: help;}
mark,ins {background: #007acc;color: #fff;padding: 0.125em 0.25em;text-decoration: none;}
big {font-size: 125%;}
/** * 4.0 - Elements */
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*,*:before,*:after {/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
body {background: #eeedec;/* Fallback for when there is no custom background color defined. */}
hr {background-color: #d1d1d1;border: 0;height: 1px; margin: 30px 0}
ul,ol {margin: 0 0 1.75em 1.25em;padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;margin-left: 1.5em;}
li > ul,li > ol {margin-bottom: 0;}
dl {margin: 0 0 1.75em;}
dt {font-weight: 700;}
dd {margin: 0 0 1.75em;}
img {height: auto;/* Make sure images are scaled correctly. */max-width: 100%;/* Adhere to container width. */vertical-align: middle;}
del {opacity: 0.8;}
table,th,td {border: none; white-space: normal; word-break: normal;}
table {border-collapse: separate;border-spacing: 0;border-width:0;margin: 0 0 1.75em;table-layout: fixed;/* Prevents HTML tables from becoming too wide */width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: 700;}
td {border-width: 0 1px 1px 0;}
th,td {padding: 0.4375em;}
/* Placeholder text color -- selectors need to be separate to work. */::-webkit-input-placeholder {color: #d1d1d1;}
:-moz-placeholder {color: #d1d1d1;}
::-moz-placeholder {color: #d1d1d1;opacity: 1;/* Since FF19 lowers the opacity of the placeholder by default */}
:-ms-input-placeholder {color: #d1d1d1;}
/** * 5.0 - Forms */input {line-height: normal;}
button,button[disabled]:hover,button[disabled]:focus,input[type="button"],input[type="button"][disabled]:hover,input[type="button"][disabled]:focus,input[type="reset"],input[type="reset"][disabled]:hover,input[type="reset"][disabled]:focus,input[type="submit"],input[type="submit"][disabled]:hover,input[type="submit"][disabled]:focus {background: #000;border: 0;border-radius: 2px;color: #fff;font-family: inherit; font-weight: 700;letter-spacing: 0.046875em;line-height: 1;padding: 0.84375em 0.875em 0.78125em;text-transform: uppercase;}
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus {background:inherit;}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus {outline: none;outline-offset: -4px;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea, select {background: #fff;background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));border: 1px solid #d1d1d1;border-radius: 4px;color: #333;padding: 0.625em 0.4375em;width: 100%;  font-family: inherit;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea{-webkit-appearance:none;}
.form-control:focus{box-shadow: none;border-color: #000;}
select:focus{box-shadow: none; outline: 0;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus {background-color: #fff;border-color: #000;color: #1a1a1a;outline: 0;box-shadow: none;}
a:focus{ outline: none}
.smooth, .smooth:hover, a:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
i {font-style: normal;font-family: 'FontAwesome';}
a:hover{color: #34495e;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Datepicker */
div.datepicker { width: 310px; border-radius: 0px; border: 3px solid #eef1e3; z-index: 99 !important}
div.datepicker table thead tr th.datepicker-switch:hover { background-color: #00aec9; }
div.datepicker table tr td.active.active, div.datepicker table tr td.active.disabled, div.datepicker table tr td.active.disabled.active, div.datepicker table tr td.active.disabled.disabled,
div.datepicker table tr td.active.disabled:active, div.datepicker table tr td.active.disabled:hover, div.datepicker table tr td.active.disabled:hover.active,
div.datepicker table tr td.active.disabled:hover.disabled, div.datepicker table tr td.active.disabled:hover:active, div.datepicker table tr td.active.disabled:hover:hover,
div.datepicker table tr td.active.disabled:hover[disabled], div.datepicker table tr td.active.disabled[disabled], div.datepicker table tr td.active:active,
div.datepicker table tr td.active:hover, div.datepicker table tr td.active:hover.active, div.datepicker table tr td.active:hover.disabled, div.datepicker table tr td.active:hover:active,
div.datepicker table tr td.active:hover:hover, div.datepicker table tr td.active:hover[disabled], div.datepicker table tr td.active[disabled] { background-color: #00aec9; }
div.datepicker table tr td.active, div.datepicker table tr td.active.disabled, div.datepicker table tr td.active.disabled:hover, div.datepicker table tr td.active:hover {
    background-image: linear-gradient(#00aec9, #00aec9); }
div.datepicker table tr td.day.focused, div.datepicker table tr td.day:hover { background: #ca383e; color: #fff; }
div.datepicker .datepicker-switch:hover, div.datepicker tfoot tr th:hover { background: #ca383e; color: #fff; }
div.datepicker .next:hover, div.datepicker .prev:hover { background: #ca383e; color: #fff; }
div.datepicker-dropdown:before { border-bottom: 7px solid #eef1e3; border-bottom-color: rgba(238, 241, 227, 0.3); }
div.datepicker table tr td span.focused, div.datepicker table tr td span:hover { background: #ca383e; color: #fff; }

/* Timepicker */
.bootstrap-timepicker-widget { width: 258px; }
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementHour"], .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementHour"], .bootstrap-timepicker-widget table tbody tr td a[data-action="incrementMinute"],
.bootstrap-timepicker-widget table tbody tr td a[data-action="decrementMinute"], .bootstrap-timepicker-widget table tbody tr td a[data-action="toggleMeridian"] { line-height: 14px; font-size: 22px;
    border-radius: 3px; border: none; padding: 5px 0px; }
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementHour"]:before, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementHour"]:before,
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementMinute"]:before, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementMinute"]:before,
.bootstrap-timepicker-widget table tbody tr td a[data-action="toggleMeridian"]:before { content: "\f106"; color: #212529; font-family: 'FontAwesome'; font-size: 32px; line-height: 22px; }
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementHour"]:hover, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementHour"]:hover,
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementMinute"]:hover, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementMinute"]:hover,
.bootstrap-timepicker-widget table tbody tr td a[data-action="toggleMeridian"]:hover { border: none; background-color: #00aec9; }
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementHour"]:hover:before, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementHour"]:hover:before,
.bootstrap-timepicker-widget table tbody tr td a[data-action="incrementMinute"]:hover:before, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementMinute"]:hover:before,
.bootstrap-timepicker-widget table tbody tr td a[data-action="toggleMeridian"]:hover:before { color: #fff; }
.bootstrap-timepicker-widget table tbody tr td a[data-action="decrementHour"]:before, .bootstrap-timepicker-widget table tbody tr td a[data-action="decrementMinute"]:before { content: "\f107"; }
.bootstrap-timepicker-widget table tbody tr td.separator { width: 10px; }
.bootstrap-timepicker-widget table tbody tr td input { width: auto !important; padding: 3px 2px; height: 40px; margin: 5px 0px !important; }
.bootstrap-timepicker-widget table tbody tr:last-child td:last-child a[data-action="toggleMeridian"]:before { content: "\f107"; }

/* Login Page Css */
.login-area {background: #eeedec;}
.login-box .login-logo { text-align: center; width: 450px; max-width: 100%; margin: 0px auto; margin-bottom: 20px;}
.login-box .login-logo img { max-width: 200px;}
.login-box { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh;padding: 100px 0;align-items: center; }
.login-box form { margin: auto; width: 450px; max-width: 100%; background: #fff; border-radius: 3px; }
.login-box [class^="col"] {margin: 0px auto;}
.login-form-head { text-align: center; background: #CA383E; padding: 30px; }
.login-form-head h4 { letter-spacing: 0; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; color: #fff; }
.login-form-head p {color: #fff;font-size: 14px;line-height: 22px;}
.login-form-body {padding: 50px; box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.3);}
.form-gp {margin-bottom: 25px;position: relative;}
.form-gp label {position: absolute;left: 0;top: 0;color: #b3b2b2;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;font-size: 14px;font-weight: 500;display: none;}
.form-gp.focused label{display: none;}
.form-gp input {padding: 5px 20px 5px 0px;width: 100%; height: 30px; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid #e6e6e6; font-size: 16px;}

.form-gp i {position: absolute;right: 5px;bottom: 5px;color: #00aec9; top: 0px;font-size: 18px;}
.submit-btn-area button { width: 100%; height: 50px; border: none; background: #00aec9; color: #fff; border-radius: 5px; text-transform: uppercase; letter-spacing: 0; font-weight: 600; font-size: 12px; box-shadow: 0 0 22px rgba(0,0,0,.07); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.submit-btn-area button:hover {background: transparent; color: #00aec9;}
.submit-btn-area button i { margin-left: 15px; -webkit-transition: margin-left .3s ease 0s; transition: margin-left .3s ease 0s;font-weight: 100; }
.submit-btn-area button:hover i {margin-left: 20px;}
.login-other a { margin: 0px auto;display: block; width: 100%; max-width: 250px; height: 43px; line-height: 43px; border-radius: 5px; text-transform: capitalize; letter-spacing: 0; font-weight: 600; font-size: 12px; box-shadow: 0 0 22px rgba(0,0,0,.07); color: #fff; text-align: center; }
.login-other a i {margin-left: 5px;}
.login-other a.fb-login {background: #3b5998;color: #fff;}
.login-other a.fb-login:hover {box-shadow: 0 5px 15px rgba(44,113,218,.38);}
.login-other a.google-login {background: #DD4B39;color: #fff;}
.login-other a.google-login:hover {box-shadow: 0 5px 15px rgba(251,87,87,.38);}
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; position: absolute; content: "\f00c"; font-family: 'FontAwesome'; font-size: 12px; line-height: 15px; text-align: center; }
.custom-control-label{color: #34495e;}
.text-muted{color: #34495e;}

/* Dashboard Css */
.dashbord-area {min-height: 100vh;width: 100%;}
.header {background: #f6f6f6;border-bottom: 1px solid #E9E9E6;border-top: 3px solid #EDEDED;}
.header {height: 60px;left: 0;position: absolute;right: 0;top: 0;}
body.fixed .header {position: fixed;z-index: 1020;}
.logo-section img {width: 110px;float: left;padding: 10px;}
.header-right {float: right;height: 56px;display: table;}

/* Search Form */
.header .search{display: table-cell;vertical-align: middle;padding-right: 40px;}
.header .search .input-search input[type="text"] {border-radius: 500px;font-size: 14px;padding-right: 36px;}
.header .search .input-search .input-group-btn {position: relative;}
.header .search .input-search .input-group-btn .btn {right: 10px;background: 0 0 !important;color: #5b4941;position: absolute;padding: 5px 15px;z-index: 9999;overflow: hidden;text-align: center;}
.header .search .input-search input[type="text"]:focus, .header .search .input-search .input-group-btn .btn:focus {box-shadow: none;}

/* Notifications */
.notifications {display: table-cell;list-style: none;padding: 0;vertical-align: middle;padding-right: 40px;}
.notifications > li {float: left;position: relative;margin-right: 10px;}
.notifications > li .notification-icon {background: #ffffff;border-radius: 50%;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);display: inline-block;height: 30px;position: relative;width: 30px;text-align: center;}
.notifications > li .notification-icon i {color: #5b4941;line-height: 30px;vertical-align: middle;}
.notifications > li .notification-icon i.fa-tasks {line-height: 32px;}
.notifications > li .notification-icon .badge {background: #ca383e;color: #FFF;font-size: 10px;font-weight: normal;height: 16px;padding: 3px 5px 3px 5px;position: absolute;right: -8px;top: -3px;}
.notifications .dropdown-toggle::after{display: none;}
.notifications > li > a {border: none;display: inline-block;}
.notifications .notification-menu {border: none;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);left: auto;margin: 10px 0 0 0;padding: 0;right: -5px;width: 245px;}
.notifications .notification-menu.large {width: 325px;}
.notifications .notification-menu .notification-title {background: #ca383e;border-radius: 3px 3px 0 0;color: white;padding: 8px 6px 8px 12px;text-transform: uppercase;line-height: 22px;font-size: 13px;}
.notifications .notification-menu .notification-title .label {font-size: 14px;font-weight: 200;line-height: 20px;margin-left: 10px;margin-top: 0px;text-align: center;min-width: 40px;}
.notifications .notification-menu .notification-title .label-default {background: #7b3c42;color: #FFF;}
.notifications .notification-menu .content {padding: 10px;}
.notifications .notification-menu hr {background: #e6e6e6;height: 1px;margin: 10px 0;}
.notifications .notification-menu .view-more {color: #acacac;font-size: 12px;line-height: 18px;text-transform: uppercase;}

/* Notifications menu - pin */
.notifications .notification-menu:before,
.notifications .notification-icon:before {border-bottom: 6px solid #cccccc;border-left: 6px solid transparent;border-right: 6px solid transparent;content: '';height: 0;margin-right: -3px;width: 0;position: absolute;
	pointer-events: none;}
.notifications .notification-menu:before {bottom: 100%;right: 16px;border-bottom: 6px solid #ca383e;}
.notifications .notification-icon:before {display: none;right: 11px;top: 35px;z-index: 9999;}

/* notification menu - emails */
.notification-menu {color: #acacac;}
.notification-menu ul {list-style: none;margin: 0;padding: 0;}
.notification-menu li {margin: 0 0 10px;}
.notification-menu li:last-child {margin-bottom: 0;}
.notification-menu a {display: block;}
.notification-menu .image {float: left;margin: 0 10px 0 0;}
.notification-menu .image i {border-radius: 35px;height: 35px;line-height: 35px;text-align: center;width: 35px;color: #fff;}
.img-circle {border-radius: 50%;}
.notification-menu .truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notification-menu .title {color: #5b4941;display: block;font-size: 14px;line-height: 16px;padding: 2px 0 0;}
.notification-menu .message {color: #acacac;display: block;font-size: 12px;line-height: 16px;padding: 0;}
.open > .dropdown-menu {display: block;}
.mb-xs {margin-bottom: 5px !important;}
.progress-xs {height: 7px;}
.progress.light { background: #f6f7f8;background: -webkit-linear-gradient(#f6f7f8,#f6f7f8 10%,whitesmoke 11%);background: linear-gradient(#f6f7f8,#f6f7f8 10%,whitesmoke 11%); box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;}
.progress-xs, .progress-xs .progress-bar {border-radius: 7px;}
.progress-bar{background-color: #ca383e}

/* User Profile*/
.userbox {display: table-cell;position: relative;vertical-align: middle;padding-right: 40px;}
.userbox.open .dropdown-menu {border: none;box-shadow: 0 1px 2px 1px rgba(0,0,0,.2); -webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;left: -28px;padding: 45px 10px 0;top: 0px;
    width: 100%;z-index: 992;}
.userbox .profile-info, .userbox .profile-picture {display: inline-block;vertical-align: middle;}
.userbox .profile-picture img {width: 35px;color: transparent;}
.userbox.open > a {position: relative;z-index: 993;}
.userbox.open .dropdown-menu li {margin-bottom: 5px;}
.userbox.open .dropdown-menu li a {border-radius: 2px;color: #5b4941;display: block;font-size: 14px;line-height: 18px;padding: 5px 10px;}
.dropdown-menu .divider {height: 1px;margin: 9px 0;margin-bottom: 9px;overflow: hidden;background-color: #5b4941;}
.list-unstyled{margin: 0px;}
.userbox.open .dropdown-menu i {font-size: 20px;margin-right: 3px;vertical-align: middle;}
.userbox .profile-info {margin: 0px 10px;}
.userbox .name, .userbox .role {display: block;font-size: 14px;line-height: 18px;color: #5b4941;}
.userbox .custom-caret {color: #5b4941;font-size: 16px;font-weight: 700;}

/* Dashboard Inner */
body.fixed .inner-wrapper {display: block;padding-top: 110px;table-layout: fixed;overflow: hidden;width: 100%;min-height: 100vh;}
body.fixed .sidebar-left {bottom: 0;left: 0;position: fixed;top: 60px;padding: 0px; transition: ease width 0.3s; -webkit-transition: ease width 0.3s; -moz-transition: ease width 0.3s; -o-transition: ease width 0.3s;}
body.fixed .sidebar-left .sidebar-column { display: block; height: 100%; position: relative;}
body.fixed.sidebar-left-collapsed .sidebar-left {width: 55px;}
body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li > a span {display: none;}
body.fixed.sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle{width: 55px;}
body.fixed.sidebar-left-collapsed .sidebar-left .sidebar-header .sidebar-toggle i{font-size: 20px;}
body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li > a { padding: 15px; }
body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li > a > i { font-size: 20px; }
body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav li.nav-li.has-child a::after{ display: none; }
body.fixed.sidebar-left-collapsed .content-body {margin-left: 55px;}
body.fixed.sidebar-left-collapsed .page-header {left: 55px;}
.sidebar-left { background: #343e50; box-shadow: -5px 0 0 #343e50 inset; color: #777777; display: table-cell; position: relative; vertical-align: top; width: 300px; z-index: 1010; }
.sidebar-left .sidebar-header .sidebar-toggle:hover i { color: #ca383e;}
.sidebar-header { position: absolute; top: 0px; color: #777777; height: 50px; width: 100%; background-color: #343e50; z-index: 9; } body.fixed .sidebar-left .scrollbar { float: left;
    height: 100%; width: 100%; overflow-y: auto; padding-top: 50px; }
.scrollbar-primary::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.scrollbar-primary::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #ca383e; }
.sidebar-left .sidebar-header .sidebar-toggle { position: absolute; top: 0; right: 0; width: 73px; height: 50px; background-color: #171717; text-align: center; cursor: pointer; }
.sidebar-left .sidebar-header .sidebar-toggle i { color: #fff; font-size: 22px; line-height: 50px; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.scrollbar-nav {height: 100%;position: relative;overflow: hidden;width: 100%;}

.nav-dashboard .sidebar-nav{margin-left: 0px; margin-right: 0px;}
.nav-dashboard .sidebar-nav li.nav-li.active a { background-color: #000; color: #fff; border-left: 3px solid #fff; }
.nav-dashboard .sidebar-nav li.nav-li.has-child.open a.nav-link{ background-color: #000; color: #fff; }
.nav-dashboard .sidebar-nav li.nav-li.has-child ul.child-menu.dropdown-primary li.active a.dropdown-link{ color: #fff; }
.nav-dashboard .sidebar-nav li.nav-li.has-child ul.child-menu.dropdown-primary li a.dropdown-link:hover{ color: #fff; }
.nav-dashboard .sidebar-nav li a { line-height: 20px; font-size: 14px; color: #8d97ad; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; display: inline-block; width: 100%; }
.nav-dashboard .sidebar-nav > li > a { padding: 12px 25px; position: relative; }
.nav-dashboard .sidebar-nav li i { font-size: 20px; margin-right: 10px; text-align: center; vertical-align: middle; min-width: 20px; }
.nav-dashboard .sidebar-nav li .dropdown-primary li a { padding: 6px 15px 6px 57px; overflow: hidden; }
.nav-dashboard .sidebar-nav li .dropdown-primary { background: #191c21; box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.7) inset; margin: 0px; padding: 10px 0; }
.nav-dashboard .sidebar-nav li ul.child-menu{ list-style: none; display: none; }
.nav-dashboard .sidebar-nav li.open ul.child-menu{ display: block; }
.nav-dashboard .sidebar-nav li.nav-li.has-child > a:hover { background-color: #21262d; color: #fff; }
.nav-dashboard .sidebar-nav li.nav-li > a:hover{ background-color: #21262d; color: #fff; }
.nav-dashboard .sidebar-nav li.nav-li.has-child a::after { font-family: fontawesome; content: '\f107'; font-size: 18px; color: #8d97ad; position: absolute; right: 0; top: 0;
    padding: 14px 25px; border: none; }
body.sidebar-left-collapsed .nav-dashboard .sidebar-nav li.open ul.child-menu{ display: none; }

/* Page Header */
body.fixed .page-header {left: 300px;margin: 0;position: fixed;right: 0;top: 60px;z-index: 99;}
.page-header {background: #34495e;border-bottom: none;border-left: 1px solid #3a3a3a; height: 50px;margin: -40px -40px 40px;padding: 0; transition: ease all 0.3s; -moz-transition :ease all 0.3s; -webkit-transition: ease all 0.3s; }
.page-header h2 {color: #fff;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
    display: inline-block; height: 50px; font-size: 20px; line-height: 50px; margin: 0 0 0 -1px; padding: 0 22px 0 20px;font-weight: 500;}
.page-header .breadcrumbs {display: inline-block;font-size: 0;line-height: 50px;margin: 0;padding: 0;padding-right: 10px;}
.page-header .breadcrumbs li {color: #fff;display: inline-block;font-weight: 300;}
.page-header .breadcrumbs li:last-child:after{display:none}
.page-header .breadcrumbs li::after {content: '/';display: inline-block;font-size: 14px;margin: 0 10px;vertical-align: middle;}
.page-header .breadcrumbs a, .page-header .breadcrumbs span {color: #fff;display: inline-block;font-size: 14px;line-height: 20px;vertical-align: middle;}
.page-header .breadcrumbs .fa-home {font-size: 20px;}
.page-header .breadcrumbs i {vertical-align: middle;}

/* Dashboard */
.dashbord-area-inner .product-status { margin-bottom: 30px; }
.dashbord-area-inner .product-status a.total-box { background-color: #fff; display: block; padding: 50px 30px; text-align: center; -webkit-box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12); border-radius: 6px; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; }
.dashbord-area-inner .product-status a.total-box i { font-size: 32px; margin-bottom: 15px; }
.dashbord-area-inner .product-status a.total-box h3.label { font-size: 30px; margin-bottom: 15px; }
.dashbord-area-inner .product-status a.total-box h5.value { font-size: 26px; }
.dashbord-area-inner .product-status a.total-box:hover { -webkit-transform: translateY(-5px) scale(1.02); transform: translateY(-5px) scale(1.02);
    -webkit-box-shadow: 0px 5px 12px rgba(126,142,177,0.2); box-shadow: 0px 5px 12px rgba(126,142,177,0.2); color: #343e50; }
.dashbord-area-inner .recent-order .recent-order-inner{ background-color: #fff; padding: 30px 0px; -webkit-box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12); border-radius: 6px; }
.dashbord-area-inner .recent-order-inner h4{ font-size: 24px; margin-bottom: 20px; padding: 5px 20px; }
.dashbord-area-inner .recent-order-inner table{ margin-bottom: 0px; }
.dashbord-area-inner .recent-order-inner table thead tr th { padding: 5px 20px; border-bottom: 2px solid #c5c5c5; border-top: 2px solid #c5c5c5; width: 10%;}
.dashbord-area-inner .recent-order-inner table thead tr th:first-child { width: 20%; }
.dashbord-area-inner .recent-order-inner table thead tr th:nth-child(5) { width: 15%; }
.dashbord-area-inner .recent-order-inner table thead tr th:last-child {width: 8%; text-align: center; }
.dashbord-area-inner .recent-order-inner table tbody tr td:last-child{text-align: center;}
.dashbord-area-inner .recent-order-inner table tbody tr td { padding: 5px 20px; border-bottom: 1px solid #c5c5c5; }

.dashbord-area-inner .recent-order-inner table tbody tr:last-child td{ border-bottom: none; }
.dashbord-area-inner .recent-order-inner table tbody tr td a.action-btn {background-color: #34495e;border-color: #34495e; margin: 5px 2px; font-size: 12px;}

/* Grid Page */
body.fixed .content-body {margin-left: 300px;background: #eeedec;}
.content-body {padding: 30px 40px;position: relative;vertical-align: top;transition: ease all 0.3s; -webkit-transition: ease all 0.3s;  -moz-transition: ease all 0.3s;  }
.panel {background-color: #fff;padding: 15px;}
.panel-heading {background: #fff;position: relative;padding: 15px 0px;}
.panel-title {color: #33353f;font-size: 20px;font-weight: 400;line-height: 20px;padding: 0;text-transform: none;}
.header-title {font-size: 18px;margin-bottom: 15px;font-weight: 600;color: #333;}
.table th, .table td{text-align: left;font-size: 14px;}
.tab-bg {background: #34495e; font-size: 16px; color: #fff; margin: 20px 0px; padding: 10px 10px;}
.form-elements .btn-primary {background: #ca383e; border: 1px solid #ca383e; margin: 0 !important; padding: 12px 10px;}
.form-elements .btn-primary:hover, .form-elements .btn-primary:active, .form-elements .btn-primary:focus{border-color: #ca383e; background-color: transparent; color: #ca383e; }
.form-elements .btn-primary:active, .form-elements .btn-primary:focus{background: #ca383e; outline: 0 !important; box-shadow: none !important;color: #fff;}
.visible-xs, .visible-sm, .visible-md, .visible-lg {display: none!important;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;  background-color: #ca383e; border-color: #ca383e;}
.form-group input[type="file"]{padding: 5px;font-size: 14px;}
.form-group img{margin-top: 20px}

/* Admin User */
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {margin-bottom: 10px;}
.admin-user .btn-primary {background-color: #34495e;border-color: #34495e;margin: 5px 2px;font-size: 12px;}
.admin-user .btn-primary:focus{box-shadow: none;}
.dataTables_wrapper .dataTables_filter label {
    position: relative;
    
}
.dataTables_wrapper .dataTables_filter label span.clear-btn.clearSearch {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.admin-user .dataTables_wrapper .dataTables_filter input {margin-left: 0; padding-right: 40px;}
.admin-user .dataTables_wrapper .dataTables_filter input::placeholder{color: #000;}
.admin-user .dataTables_wrapper .dataTables_filter input:focus {border-color: #000;}
.admin-user .btn.btn-primary.admin-top {margin-right: 0px;margin-left: 0px;}
div.dataTables_wrapper div.dataTables_length label {font-weight: normal;text-align: left;white-space: nowrap;font-size: 14px;}
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; padding: 5px 0px;font-size: 12px;margin: 0px 6px; cursor: pointer;}
div.dataTables_wrapper div.dataTables_length select:focus{border: 1px solid #000;}
div.dataTables_wrapper div.dataTables_filter input { display: inline-block; width: 160px; height: 35px; font-size: 12px; padding: 0px 10px; }
table.dataTable.no-footer{margin: 0px;width: 100% !important;table-layout: auto;}
.admin-user .btn.btn-primary.admin-top{font-size: 16px;}
.admin-user table.dataTable tbody td .change-status{padding: 4px 6px;}
.admin-user .admin-header th:last-child {width: 60px !important;}
.admin-user table.dataTable tbody tr td .action-btn {padding: 6px 10px;}
.form .card .card-body .row .form-group:nth-child(2){margin-bottom: 30px}
.card-body .single-table .form-control { display: inline-block; width: 160px; height: 35px; font-size: 12px; padding: 0px 10px; cursor: pointer;}
.error { display: block; margin-bottom: 10px; color: #CA383E;}
.forgot-control a {color: #000;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #000;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.25);}
.custom-control-input:checked ~ .custom-control-label::before { border-color: #000; background-color: #000;}

/* Faq*/
.faq-category table.dataTable thead tr.admin-header th:nth-child(2) {width: 60px !important;}
.form table.dataTable thead tr.admin-header th:nth-child(2) {width: 60px !important;}
.faq table.dataTable thead tr.admin-header th:nth-child(3){width: 50% !important;}
.attribute .admin-header th:last-child{width: 100px !important;}

/* Product Page */
.form-group .pro-image{ display: flex; align-items: center; margin-top: 10px;}
.form-group .pro-image .image-item { max-width: 33.33%; position: relative; padding: 3px 10px; overflow: hidden;}
.form-group .del-proimage { position: absolute; z-index: 1; right: 0px; top: 10px; background-color: #000; width: 30px; text-align: center; height: 30px;
    line-height: 30px;border-radius: 6px;}
.form-group .del-proimage i { color: #fff;}
.attr-head {padding: 10px 0px; margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #333; border-bottom: 1px solid #000;}
.attr-value-head{margin-bottom: 15px;display: flex;     flex-wrap: wrap;}
.attr-value-head span {font-size: 16px;font-weight: 500;}
.attr-value-head .value-title { width: 20%; padding-right: 20px; margin: 10px 0px;}
.attr-value-head .price-title { width: 20%; padding-right: 20px; margin: 10px 0px; }
.attr-value-head .price-title:last-child{padding-right: 0px;}
.attr-value {display: flex;align-items: center; flex-wrap: wrap;margin-bottom: 20px;}
.attr-value:last-child {margin-bottom: 0px;}
.attr-value .attr-value-col { width: 20%; padding-right: 20px; margin: 10px 0px; }
.attr-value .attr-input-col { width: 20%; padding-right: 20px; margin: 10px 0px; }
.attr-value .attr-input-col:last-child { padding-right: 0px; }
.attr-value-col label {margin: 0px;}

/* Pagination Css */
.dataTables_info, .dataTables_paginate {margin: 10px 0px;font-size: 12px;}
.admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.current {width: 35px;height: 35px;vertical-align: middle;text-align: center;padding: 10px !important;line-height: 12px;background: #ca383e !important;
    color: #fff !important; border-color: #ca383e !important;  cursor: pointer;}
.admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.current:active{color: #fff !important;}
.admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.admin-user .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{width: auto; color: #fff !important;}
.admin-user .dataTables_wrapper .dataTables_paginate .paginate_button { width: auto; min-width : 35px; height: 35px; vertical-align: middle; text-align: center; padding: 10px !important; line-height: 12px;
    background: #34495e !important; color: #fff !important; border-color: #34495e !important; }

/* Order Detail */
.order-detail .order-row.top-section { background-color: transparent; padding: 0px; box-shadow: none;}
.order-detail .order-row h4, h4 a { color: #ca383e;font-size: 20px;margin-bottom: 10px; display: flex; align-items: center;}
.order-detail .order-row h4, .order-detail .order-row h4 a:hover{ color: #000;}
.order-detail .order-row h4 i{ margin-right: 10px; font-size: 26px;}
.order-detail .date-number {display: flex; align-items: center; width: 100%;}
.order-detail .date-number h5.number {color: #000; font-size: 26px;margin-right: 10px;}
.order-detail .date-number .date-time {font-size: 18px; font-weight: 500;}
.order-detail .order-row {background-color: #fff;  margin-bottom: 25px; padding: 20px;-webkit-box-shadow: 0px 2px 4px rgba(126,142,177,0.12); box-shadow: 0px 2px 4px rgba(126,142,177,0.12); border-radius: 6px; }
.order-detail .order-row .status h5{ font-size: 24px; font-weight: 600;margin-bottom: 15px;color: #000;}
.order-detail .order-row .status i { padding: 8px; font-size: 20px; border-radius: 30px; background-color: rgb(187, 229, 179); color: #ffffff; margin-right: 10px; }
.order-detail .order-row .order-list tbody tr { padding-bottom: 10px; margin-bottom: 10px;}
.order-detail .order-row .order-list tbody tr:first-child td { border-bottom: 1px solid #000;}
.order-detail .customer-paid .paid-list tbody tr:last-child td { border-top: 1px solid #000; padding-top: 15px;}
.order-detail .order-row .order-list thead.heading tr th { border-bottom: 2px solid #000; padding: 0px 0px 15px;}
.order-detail .order-row .order-list img { max-width: 120px;}
.order-detail .order-row .order-list tbody tr:last-child{border-bottom: none;margin-bottom: 0px; padding-bottom: 0px;}
.order-detail .order-row .order-list tbody tr td:first-child { width: 15%;}
.order-detail .order-row .order-list tbody tr td:nth-child(2) { width: 40%; }
.order-detail .order-row .order-list tbody tr td:nth-child(3) { width: 25%; }
.order-detail .order-row .order-list tbody tr td:nth-child(4) { width: 10%; }
.order-detail .order-row .pdf h4 a { width: 100%; text-align: right; justify-content: flex-end;}
.order-detail .order-note form{width: 100%;}
.order-detail .order-note form > div { display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between; }
.order-detail .order-note form textarea {width: 75%; min-height: 130px; }
.order-detail .order-note form .btn-primary { background: #ca383e; border: 1px solid #ca383e; margin: 0 !important; padding: 8px 10px !IMPORTANT;  width: 22%;  }
.popup-pantry .form-elements .pdf h4 a i{padding-right: 10px;}

.order-detail .customer-paid .paid-list{margin-bottom: 0px;}
.order-detail .customer-paid .paid-ammount { border-top: 1px solid #000; padding-top: 10px; margin-top: 10px; margin-bottom: 0px; }
.order-detail .customer-paid .paid-list tbody tr td:first-child { width: 15%; }
.order-detail .customer-paid .paid-list tbody tr td:nth-child(2) { width: 75%; }
.order-detail .customer-paid .paid-list tbody tr td:nth-child(3) { width: 10%; }
.order-detail .sidebar .sidebar-section.notes{ border-bottom: none; margin-bottom: 25px;border-radius: 6px; }
.order-detail .sidebar .sidebar-section.biiling-address{border-bottom: none;}
.order-detail .sidebar .sidebar-section { background-color: #fff; padding: 20px; margin-bottom: 0; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 2px 4px rgba(126,142,177,0.12); box-shadow: 0px 2px 4px rgba(126,142,177,0.12);}
.order-detail .sidebar .sidebar-section.customer-detail{border-radius: 6px 6px 0px 0px;}
.order-detail .sidebar .sidebar-section.biiling-address{border-radius: 0px 0px 6px 6px;}
.order-detail .sidebar .sidebar-section h5{ font-size: 24px; font-weight: 600;margin-bottom: 15px;color: #000;}
.order-detail .sidebar .sidebar-section .personal-email h6{margin-bottom: 8px}
.order-detail .sidebar .sidebar-section .personal-email h6.number-order{font-weight: 500}

.quarterly-view-report-inner { background-color: #fff; padding: 20px; }
.quarterly-view-report-inner .volunteer-common.top-section{ margin-bottom: 30px; }
.quarterly-view-report-inner .volunteer-common.top-section h3, .quarterly-view-report-inner .volunteer-common.comments h3{ color: #594A42; margin-bottom: 20px; font-size: 28px; font-weight: 600; background-color: transparent; border: none; padding: 0; }
.quarterly-view-report-inner .top-section h3 .subline{ display: block; font-size: 22px; font-style: italic; font-weight: 500; }
.quarterly-view-report-inner .top-section h6{ font-size: 22px; font-weight: 600; text-align: left; color: #CA383E; display: flex; -ms-display: flex; }
.quarterly-view-report-inner .top-section h6 span{ color: #594A42; padding-right: 5px; }
.quarterly-view-report-inner .volunteer-common { margin-bottom: 30px; }
.quarterly-view-report-inner .volunteer-common h3 { color: #594A42; margin-bottom: 20px; font-size: 28px; font-weight: 600; background-color: #aba4a0; padding: 10px; border-bottom: 4px solid #594A42; }
.quarterly-view-report-inner .volunteer-common table tbody tr th{border-bottom: 1px solid #d0d0d0;}
.quarterly-view-report-inner .volunteer-common table tbody tr th:first-child{width: 80%;}
.quarterly-view-report-inner .volunteer-common table tbody tr th:last-child{text-align: right;}
.quarterly-view-report-inner .volunteer-common table tbody tr td:last-child{text-align: right;}
.quarterly-view-report-inner .summary-table table {border: 1px solid #d0d0d0;}
.quarterly-view-report-inner .summary-table table tr th {border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;line-height: 24px;color: #594A42; width: 10%;}
.quarterly-view-report-inner .summary-table table tr th:first-child {width: 50%;}
.quarterly-view-report-inner .summary-table table tr.bown-bg th { background-color: #aba4a0; color: #594a42; }
.quarterly-view-report-inner .summary-table table tr.red-bg th { background-color: #ca383e; color: #ffffff; }
.quarterly-view-report-inner .summary-table table tr td:last-child{border-right: none;text-align: right;}
.quarterly-view-report-inner .summary-table table tr td { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.quarterly-view-report-inner .summary-table table tr td .subline{display: block; font-style: italic; font-weight: 500; font-size: 14px;}
.quarterly-view-report-inner .summary-table table tr:last-child th { border-bottom: none; }
.quarterly-view-report-inner .summary-table table tr th:last-child { border-right: none;text-align: right; }
.quarterly-view-report-inner .remaining-food table tr:last-child td { border-bottom: none; }
.quarterly-view-report-inner .remaining-food table tr td:last-child { border-right: none; }
.quarterly-view-report-inner .remaining-food table{ border: 1px solid #d0d0d0; }
.quarterly-view-report-inner .remaining-food table tr th { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; color: #594A42; line-height: 24px; }
.quarterly-view-report-inner .remaining-food table tr td { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.quarterly-view-report-inner .remaining-food table tr:last-child th { border-bottom: none; }
.quarterly-view-report-inner .remaining-food table tr th:last-child { border-right: none; }
.quarterly-view-report-inner .expense-tabel { border: 1px solid #d0d0d0; }
.quarterly-view-report-inner .upload-recipts{ border: 1px solid #d0d0d0; }
.quarterly-view-report-inner .benevolence table{ border: 1px solid #d0d0d0; }
.quarterly-view-report-inner table.expense-tabel tr th, .quarterly-view-report-inner .benevolence table tr th { border-right: 1px solid #d0d0d0; }
.quarterly-view-report-inner table.expense-tabel tr td, .quarterly-view-report-inner .benevolence table tr td { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.quarterly-view-report-inner .expenses .upload-recipts tr th, .quarterly-view-report-inner .expenses .upload-recipts tr td{ text-align: left !important;  border-bottom: 1px solid #d0d0d0; }
.quarterly-view-report-inner table.expense-tabel tr th:last-child, .quarterly-view-report-inner .benevolence table tr th:last-child { border-right: none; }
.quarterly-view-report-inner table.expense-tabel tr td:last-child, .quarterly-view-report-inner .benevolence table tr td:last-child { border-right: none; }
.quarterly-view-report .quarterly-view-report-inner table tbody tr td.no-record {text-align: center !important;}
.quarterly-view-report-inner .volunteer-common.expenses table tbody tr:last-child td, .quarterly-view-report-inner .volunteer-common.benevolence table tbody tr:last-child td{border-bottom: none;}
.admin-user .user-template .admin-header th:last-child{width: 100px !important;}
#toast-container {width: 90% !important; margin: 0 auto !IMPORTANT; top: inherit; bottom: 25px; left: 20px;}
#toast-container .toast{width: 80% !important; margin: 0 auto; max-width: 100%; font-size: 1em;}
#toast-container > div{width: 100%; margin: 0; min-width: 100%;}

.admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select{height: 38px;}
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter {width: calc(100% - 215px); display: inline-flex; align-items: end;justify-content: flex-end;}
.admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select { height: 44px; width: 100px; }
.admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select { font-size: 16px; }
.admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label { font-size: 16px; }
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: auto;}
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length label { width: auto;}
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 170px; }
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length .btn-primary { font-size: 14px; height: 42px; border-radius: 5px; margin: 0; }
.admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length .btn-primary:hover, .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length .btn-primary:focus {background-color: #34495e;}

.popup-pantry .form-elements .pdf h4{text-align: right;float: right;}

.card-body .cke_contents {
    height: auto !important;
}
.dark-card{
    border-color: #DCDCDC;
}
.dark-card-header{
    background: #DCDCDC;
    border-color: #DCDCDC;
}
.row_add_component{
    margin: -5px;
}
.row_add_component > div{
    padding: 5px;
}
.row_add_component > div > .form-group{
    padding: 10px;
    border-radius: 10px;
}
.red_light{
    background: #FA30511A;
}
.yellow_light{
    background: #FCA55C1A;
}
.green_light{
    background: #1570011A;
}

.red_text{
    color: #FA3051;
}
.yellow_text{
    color: #FCA55C;
}
.green_text{
    color: #157001;
}
.row_add_component > div > .form-group .col-form-label{
    padding-top: 0;
}
.row_add_component > div > .form-group{
    margin: 1rem 0 0;
}
.row_add_component > div > .form-group .form-control{
    margin: 0;
}
.row_components{
    display: flex;
    align-items: center;
}
.row_components .row_components_left{
    flex: 1
}
.row_components .row_components_right{
    padding: 10px;
    margin-left: 10px;
}
.btn-icon{
    width: 1.875em;
    height: 1.875em;
    border-radius: 50%;
    padding:0;
    background: #727272;
    color: #fff;
}
.btn-icon:hover,
.btn-icon:focus{
    background: var(--theme-color);
}
.input_limit {
    position: relative;
}
.input_limit:after {
    content: "Limit";
    position: absolute;
    right: 3px;
    top: 2px;
    bottom: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.2);
    padding: 0 15px;
    background: #fff;
    z-index: 1;
    height: calc(2.25rem - 1px);
}
.component-sidebar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: 0.3s linear;
}
.component-sidebar.open-sidebar{
    opacity: 1;
    visibility: visible;
    z-index: 999999;
}
.component-sidebar-overlay{
    position: fixed;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s linear;
}
.component-sidebar.open-sidebar .component-sidebar-overlay{
    opacity: 1;
    visibility: visible;
}
.component-sidebar-content{
    width: 480px;
    max-width: 90%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(100%, 0);
    transition: 0.3s linear;
}
.component-sidebar.open-sidebar .component-sidebar-content{
    transform: translate(0, 0);
    overflow: auto;
}
.component-sidebar-header{
    background: #F1F5F8;
    padding: 1.25em 2.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.component-sidebar-body{
    padding: 1.25em 2.5em;
}
.component-sidebar-body p{
    color: #000000;
    font-size: 1em;
    padding: 0;
    margin: 0 0 10px;
}
.check_row{
    color: #000000;
    font-size: 1em;
    font-weight: 400;
    padding: 1em 0;
    border-bottom: 1px solid #F3F3F3;
}
.check_row label {
    margin: 0;
    display: flex;
    align-items: center;
    position: relative;
}
.check_row label span{
    opacity: 0.5;
    flex: 1;
    position: relative;
    padding-left: 30px;
}
.check_row label span::before{
    content: "";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* opacity: 0.5; */
    width: 20px;
    height: 20px;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    
}
.check_row input[type="checkbox"]{
    opacity: 0.5;
    width: 20px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    background-color: #e0e0e0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.check_row input[type="checkbox"]:checked + span::before{
    opacity: 1;
    background-color: #000000;
    border: 1px solid #000000;

}
.check_row input[type="checkbox"]:checked + span::before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    color: #fff;
    font-size: 11px;
}
.check_row input[type="checkbox"]:checked + span{
    opacity: 1;
    font-weight: 700;
}
.button-group{
    grid-gap: 1.25em;
    margin: 1.25em 0 0;
}
.button-group .btn{
    height: 50px;
    padding: 10px 20px;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 1.5px;
    border-radius: 8px;
    text-transform: uppercase;
    color: #fff;    
}
.button-group .btn-primary{
    background: var(--second-color);
    border-color: var(--second-color);
}
.button-group .btn-primary:hover{
    color: var(--second-color);
    background: transparent;
}
.button-group .btn-secondary{
    background: var(--theme-color); 
    border-color: var(--theme-color);
}
.button-group .btn-secondary:hover{
    color: var(--theme-color);
    background: transparent;
}
.form-group .btn-secondary{
    background: var(--theme-color); 
    border-color: var(--theme-color);
    padding: 12px 10px;
    margin: 0 !important;
    outline: 0;
}
.form-group .btn-secondary:hover,
.form-group .btn-secondary:focus{
    background: transparent !important; 
    border-color: var(--theme-color) !important; 
    color: var(--theme-color) !important; 
    box-shadow: none!important; 
}
.cl-systems-sec .d-flex .btn.open-sidebar{
    width: auto;
    padding: 12px 10px;
}
/* Responsive Css */

@media only screen and (max-width: 1550px){
    body.fixed .content-body{padding: 35px;}
    .card-body{padding: 15px;}
    .card-body .table th, .table td{padding: 6px;font-size: 15px;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 150px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 160px; }
    .order-detail .order-note form .btn-primary{width: 28%;}
    .order-detail .order-note form textarea{width: 70%;}
}

@media only screen and (max-width: 1399px){
    body.fixed .content-body {padding: 25px;}
    .card-body .table th, .table td {padding: 6px 2px;font-size: 14px;}
    .admin-user .btn-primary{margin: 0px 5px;font-size: 14px;}
    .dashbord-area-inner .product-status a.total-box h3.label { font-size: 26px;}
    .dashbord-area-inner .product-status a.total-box i { font-size: 30px;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter { width: calc(100% - 175px); }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select { width: 70px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label { font-size: 14px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 120px; font-size: 14px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 100px; }
    .order-detail .order-note form .btn-primary { font-size: 14px; }

    .row_add_component > div > .form-group .col-form-label {
        font-size: 14px;
    }
}
@media only screen and (max-width: 1300px){
    .row_add_component > div > .form-group .col-form-label {
        font-size: 13px;
    }
}
@media only screen and (max-width: 1240px){
    .row_add_component > div > .form-group .col-form-label {
        font-size: 12px;
    }
}
@media only screen and (max-width: 1199px){
    .form-elements .attr-input-col  .btn-primary { font-size: 14px; }
    .attr-value .attr-value-col { width: 25%; padding-right: 10px; }
    .attr-value .attr-input-col { width: 25%; padding-right: 10px; }
    .attr-value-head .value-title { width: 25%; padding-right: 10px; }
    .attr-value-head .price-title { width: 25%; padding-right: 10px; }
    .attr-value .attr-input-col:last-child{ width: auto; }
    .dashbord-area-inner .recent-order-inner table thead tr th{font-size: 14px;padding: 5px 10px;}
    .dashbord-area-inner .recent-order-inner table tbody tr td{font-size: 14px; padding: 5px 10px;}
    .dashbord-area-inner .product-status a.total-box{ padding: 30px 10px;}
    .dashbord-area-inner .product-status a.total-box h3.label { font-size: 22px;}
    .dashbord-area-inner .product-status a.total-box h5.value { font-size: 22px;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length { width: auto; text-align: center; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter { width: calc(100% - 85px); display: flex; align-items: flex-end; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label { font-size: 14px; display: inline-grid; text-align: center; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 140px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 130px; }
    .order-detail .sidebar {  margin: 0 -15px; }
    .order-detail .order-note form textarea { width: 100%; }
    .order-detail .order-note form .btn-primary { width: auto; }
    .order-detail .order-note form textarea{ margin-bottom: 15px; }
}
@media only screen and (max-width: 991px){
    .navigation-main .navbar-nav > li > a {padding: 10px 15px;}
    .navigation-main .navbar-nav li a{line-height: 18px;font-size: 14px;}
    .navigation-main .navbar-nav li i {font-size: 18px;}
    .content-body{padding: 30px;}
    .header-title {font-size: 16px;}
    .sidebar-left{width: 240px;padding: 20px;}
    .card-body .table th {font-size: 12px;}
    body.fixed .content-body {margin-left: 240px;}
    body.fixed .page-header {left: 240px;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li > a > i {font-size: 18px;}
    .admin-user .btn-primary {margin: 0px 3px;font-size: 14px;padding: 5px 6px;}
    .dataTables_info, .dataTables_paginate {margin: 10px 0px;font-size: 14px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0 10px !important;}
    .dataTables_length label, .dataTables_filter label{font-size: 14px;}
    .form-elements .attr-input-col .btn-primary{margin-bottom: 5px !important;}
    .dashbord-area-inner .recent-order-inner table thead tr th{padding: 5px 8px;font-size: 12px;}
    .dashbord-area-inner .recent-order-inner table tbody tr td{font-size: 12px; padding: 5px 8px;}
    .dashbord-area-inner .recent-order .recent-order-inner{ padding: 20px 0px;}
    .dashbord-area-inner .recent-order-inner h4 { font-size: 20px;}
    .dashbord-area-inner .product-status a.total-box{margin-bottom: 20px}
    .dashbord-area-inner .product-status { margin-bottom: 10px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select { width: 50px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter { width: calc(100% - 65px); }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 90px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 100px; padding: 0px 2px; font-size: 12px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label { font-size: 12px; }
    .order-detail .order-row .order-list img {  max-width: 100%; }
}

@media only screen and (max-width: 767px){
    /* Nav and header */
    .header .search, .header .separator {display: none;}
    .visible-xs {display: block !important;}
    .header .sidebar-toggle {background: #ca383e; border-radius: 100px; color: #fff; height: 30px; line-height: 30px; position: absolute; right: 15px; text-align: center; top: 14px; width: 30px; }
    .header .header-right {background: #fff;float: none!important;height: 60px;margin-top: 0px;width: 100%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
    .userbox {float: left;margin: 15px 0 0 20px;position: relative;padding-right: 10px;}
    .userbox .profile-picture {display: none;}
    .userbox.open .dropdown-menu {left: -8px;padding: 32px 0 0;top: -7px;}
    .userbox .profile-info {margin: 0px 10px;}
    .notifications {float: right;margin: 16px 8px 0 0;padding-right: 10px;}
    .notifications>li {position: static;}
    .notifications>li .notification-menu {left: 15px;right: 15px;top: auto;width: auto!important;}
    .page-header h2{font-size: 18px;}
    .header-title {font-size: 16px;margin-bottom: 10px;}
    .form-group{margin-bottom: 10px;}
    body.fixed.sidebar-left-collapsed .content-body, body.fixed .content-body { margin-left:0px; }
    body.fixed .sidebar-left { left:-100%; width: 100%; height: 100vh; }
    body.fixed.sidebar-left-collapsed .sidebar-left { width:100%; left:0px;transition: ease all 0.3s; -o-transition: ease all 0.3s; -moz-transition: ease all 0.3s; -webkit-transition: ease all 0.3s; }
    body.fixed .page-header {left:0px;height: 60px;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.navbar-nav > li > a span {display: block;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.navbar-nav > li > a > i{float: left;}
    .sidebar-header{height: 61px;}
    body.fixed .inner-wrapper{padding-top: 120px;}
    .card-body {padding: 10px;}
    .dashbord-area-inner .recent-order-inner table thead tr th:first-child {  width: 15%; }
    .dashbord-area-inner .recent-order-inner table thead tr th:last-child { width: 10%; }
    body.fixed .sidebar-left .scrollbar{padding-top: 60px;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li > a span{display: block;}
    .nav-dashboard .sidebar-nav li a {display: flex;}
    body.sidebar-left-collapsed .nav-dashboard .sidebar-nav li.open ul.child-menu {display: block;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.sidebar-nav > li.nav-li.has-child > a:after {display: block;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter{ justify-content: center; width: calc(100% - 0px); }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length { width: 100%; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length { width: auto; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 130px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 120px; }
    .order-detail .order-row { margin-right: 0; margin-left: 0;}
    .order-detail .sidebar { margin-right: 0; margin-left: 0;}
    .order-detail .sidebar .sidebar-section h5 {font-size: 20px;margin-bottom: 10px;}
}
@media only screen and (max-width: 640px){
    .login-form-head{padding: 30px;}
    .login-form-head h4{font-size: 24px;}
    .login-form-body {padding: 40px;}
    .custom-control-label{font-size: 14px;}
    .custom-control-label::before, .custom-file-label, .custom-select{font-size: 14px;line-height: 24px;}
    .col-form-label{font-size: 14px; line-height: 24px;}
    .form-control{font-size: 14px;}
    body.fixed.sidebar-left-collapsed .sidebar-left ul.navbar-nav > li > a {padding: 12px;line-height: 22px;font-size: 14px;}
    .navigation-main .navbar-nav li .dropdown-primary{padding: 5px 0;}
    .navigation-main .navbar-nav li .dropdown-primary li a {padding: 5px 15px 5px 44px;overflow: hidden;font-size: 14px;}
    .dashbord-area-inner .recent-order .recent-order-inner{ padding: 10px 0px;}
    .dashbord-area-inner .recent-order-inner h4 { font-size: 18px;}
    .dashbord-area-inner .product-status a.total-box h5.value { font-size: 18px;}
}

@media only screen and (max-width: 575px){
    body.fixed .content-body {padding: 20px;}
    .admin-user .btn-primary.admin-top { padding: 5px 10px; font-size: 14px; }
    .login-form-body .custom-control{margin-bottom: 10px;}
    .login-form-body .forgot-control a {font-size: 14px;}
    .admin-user .btn-primary {margin: 0px 4px;font-size: 12px;padding: 3px 4px;}
    .card-body .table th {font-size: 10px;padding: 6px 10px;}
    table.dataTable tbody th, table.dataTable tbody td { text-align: center; padding: 8px 6px !important; }
    .admin-user table .text-white th:first-child {min-width: 50px !important;text-align: center;}
    table.dataTable.no-footer {margin: 0px; width: 100% !important; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    table.dataTable thead .sorting, table.dataTable thead .sorting_disabled {min-width: 100px !important;text-align: center;}
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{padding-top: 0px !important;}
    .form-elements .btn-primary{font-size: 14px;}

    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 100px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] {  width: 100px; }
}

@media only screen and (max-width: 479px){
    .userbox.open .dropdown-menu li a{font-size: 12px;line-height: 16px;padding: 3px 10px;}
    .userbox.open .dropdown-menu i{font-size: 16px;}
    .notifications .notification-menu .notification-title{padding: 6px 6px 6px 12px;font-size: 12px;}
    .notification-menu .title{font-size: 12px;}
    .notifications > li .notification-icon i {font-size: 14px;}
    .notification-menu .message{font-size: 11px;line-height: 14px;}

    body.fixed .content-body{padding: 15px;}
    .page-header{height: 40px;line-height: 40px;font-size: 16px;}
    .userbox .name, .userbox .role{font-size: 12px;}
    .card-body{padding: 15px;}
    .header-title {font-size: 15px;margin-bottom: 5px;}
    .form-elements .btn-primary{margin-top: 10px !important;}
    .card-body {padding: 10px;}
    .card-body .header-title {font-size: 12px;margin-bottom: 5px;}
    .card-body .table th, .table td {padding: 6px 2px;font-size: 12px;vertical-align: top;}
    .col-form-label{line-height: 18px;}
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{font-size: 12px;}
    div.dataTables_wrapper div.dataTables_length label{font-size: 12px;}
    .admin-user .btn-primary.admin-top{font-size: 12px;}
    div.dataTables_wrapper div.dataTables_filter input{height: 30px;}
    div.dataTables_wrapper div.dataTables_length select{width: 45px;}
    .attr-value .attr-value-col{padding-right: 5px;}
    .attr-value .attr-value-col select{padding: 5px;}
    .attr-value .attr-value-col input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select{padding: 5px;}
    .attr-value-head .value-title{padding-right: 5px;}
    .attr-value-head .price-title{ padding-right: 5px;}
    .attr-value .attr-input-col{padding-right: 5px;}
    /* Login Page*/
    .login-form-head { padding: 25px 20px; }
    .login-form-head h4{font-size: 22px;}
    .login-form-head p{font-size: 13px;line-height: 18px;}
    .login-form-body {padding: 30px 20px;}
    .submit-btn-area button{height: 40px;}
    .form-footer .text-muted {font-size: 14px;}
    .dashbord-area-inner .recent-order-inner table tbody tr td{ padding: 5px 5px; font-size: 8px;}
    .dashbord-area-inner .recent-order-inner table thead tr th{ font-size: 8px; padding: 5px 5px;}
    .dashbord-area-inner .recent-order-inner table tbody tr td a.action-btn {  padding: 5px; }
    .dashbord-area-inner .recent-order .recent-order-inner{ padding: 8px 0px;}
    .dashbord-area-inner .recent-order-inner h4 {font-size: 16px;}
    .dashbord-area-inner .product-status a.total-box{padding: 20px 10px;}
    .order-detail .sidebar .sidebar-section h5 {font-size: 18px;}

    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter{    flex-wrap: wrap;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length { width: 100%; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length select { width: 100%; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label select { margin: 0; width: 100%;}
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length label { width: 100%; margin: 0 !important; text-align: left}
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length label { width: 100%; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { width: 100%; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length .btn-primary { font-size: 12px; height: 35px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .dataTables_length select { height: 35px; }
    .admin-user .card .card-body .single-table .dataTables_wrapper .table-filter .dataTables_length input[type="text"] { height: 35px; }
}

.th-cell-item{
    display: flex;
    align-items: center;
    gap: 5px;
}
.th-cell-item > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.th-cell-item > div i{
    line-height: 0;
}
.pagination > div{
    width: 100%;
}
.pagination nav{
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.pagination nav .hidden{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inline-flex{
    display: flex;
    flex-direction: row;
}
.pagination nav .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
.pagination nav .hidden span.inline-flex * {
    width: 35px;
    height: 35px;
    display: flex;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
}
.pagination nav .hidden span.inline-flex svg {
    width: 24px;
}