@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap");

body {
padding: 0;
margin: 0;
font-family: 'Source Sans Pro', sans-serif;
background: #F5F6F8;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #333333;
}

/*theme setting*/
a {
transition: 0.3s;
color: #00BB59;
}

a:hover:not(.btn-outline-brand-1) {
text-decoration: none;
color: #00BB59 !important;
}

.btn:hover {
color: #FFF;
text-decoration: none;
}

.site-content {
background: #F5F6F8;
}

/*typos*/
.font-12 {
font-size: 12px;
line-height: 16px;
}

.font-14 {
font-size: 14px;
line-height: 17px;
}

.font-16 {
font-size: 16px;
}

.font-18 {
font-size: 18px;
}

.font-20 {
font-size: 20px;
}

.font-22 {
font-size: 22px;
}

.font-24 {
font-size: 24px;
}

.font-26 {
font-size: 26px;
}

.font-28 {
font-size: 28px;
line-height: 40px;
}

.font-30 {
font-size: 30px;
}

.font-32 {
font-size: 32px;
}

.font-regular {
font-weight: 400;
}

.font-medium {
font-weight: 600;
}

.font-bold {
font-weight: 700;
}

.font-light {
font-weight: 300;
}

h1,
h2,
h3,
h4 {
font-weight: 700;
}

.line-height-inherit {
line-height: inherit;
}

.text-brand {
color: #00BB59 !important;
}

.text-color-2 {
color: #B9D477 !important;
}

.text-secondary-2 {
color: #8C8C8C !important;
}

.cursor-pointer {
cursor: pointer;
}

.cursor-pointer:hover {
/* opacity: 0.7; */
}

.card-hover:hover {
cursor: pointer;
box-shadow: 2px 4px 8px #00000057 !important;
}

/*BG Colors*/
.bg-primary {
background: #00BB59 !important;
}

.bg-brand {
background-color: #00BB59;
}

.bg-black {
background: #000;
}

.bg-2 {
background-color: #B9D477;
}

.rounded-l {
border-radius: 16px !important;
}

.btn:focus {
box-shadow: none;
}

.btn {
transition: 0.5s;
height: 40px;
font-weight: 600;
}

.btn-brand-1 {
background-color: #00BB59;
color: #fff;
border-radius: 50px;
min-width: 130px;
font-size: 15px;
font-weight: 500;
line-height: 26px;
border: 0;
padding: 6px 15px;
}

.btn-brand-2 {
background-color: #dc3545;
color: #fff;
border-radius: 50px;
min-width: 130px;
font-size: 15px;
font-weight: 500;
line-height: 25px;
border: 0;
padding: 6px 15px;
}

.btn-brand-1 i {
font-size: 20px;
vertical-align: middle;
}

.btn-brand-1.btn-sm {
height: 40px;
font-size: 15px;
line-height: 32x;
}

.btn-brand-outline {
font-weight: 600;
line-height: 26px;
border-color: #00BB59;
min-width: 115px;
color: #00BB59;
border-width: 2px;
border-radius: 8px;
}

.modal-content .modal-footer .btn {
height: 50px;
}

.shadow-sm {
box-shadow: 0px 0px 24px #00000014 !important;
}

.btn-brand-outline:hover {
background-color: #00BB59;
color: #fff !important;
}

.btn-outline-secondary {
color: #000;
font-size: 18px;
border-radius: 8px;
}

.btn-outline-rounded-color {
font-weight: 400;
color: #000;
border-radius: 50px;
border: 2px solid #00BB59;
padding: 7px 33px;
height: 42px;
line-height: 28px;
}

.btn-outline-rounded-color:hover {
background-color: #00BB59;
color: white;
}

.btn-rounded-secondary {
padding: 7px 33px;
height: 42px;
border-radius: 50px;
background-color: #F0F0F0;
}

.btn-rounded-secondary:hover {
background-color: #bdbdbd;
}

.btn-warning {
background-color: #00BB59;
border-color: #00BB59;
}

.btn-brand-1.cancel {
background: #C3B9C2;
}

.btn-brand-1:hover {
color: #fff !important;
background-color: #B9D477;
}

.btn-outline-brand-1:hover {
color: #fff;
background-color: #00BB59;
}

.btn-h-40 {
height: 40px !important;
font-size: 15px;
border-radius: 50px;
padding: 6px 20px;
min-width: fit-content;
margin: 0 5px;
}

button:focus,
.dropdown:focus-visible,
.navbar-nav .nav-link {
outline: 0;
}

.header-btn {
background-color: #00BB59;
color: #fff !important;
font-size: 14px;
font-weight: 600;
font-weight: 500;
padding: 12px 25px;
border-radius: 8px;
}

.rounded-common {
border-radius: 8px;
}

.btn-outline-brand-1 {
border-color: #00BB59;
color: #00BB59;
min-width: 120px;
}

.tooltip {
font-size: 10px;
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
background: #dbdbdb;
border-color: #b5b5b5;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
background: #00BB59;
left: calc(-2.25rem + 10px);
}

.custom-switch .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
border-color: #b5b5b5;
}

.custom-switch .custom-control-label::after {
top: calc(0px + 2px);
left: calc(-2.25rem + -2px);
width: calc(23px - 4px);
height: calc(23px - 4px);
box-shadow: 0px 1px 4px #33333342;
}

.custom-switch .custom-control-label::before {
width: 40px;
background: #dbdbdb;
border: 0;
}

.card {
border-radius: 8px;
transition: 0.4s;
background: #fff;
}

.card .card-header {
border-radius: 16px 16px 0 0;
}

.card-padding {
padding: 30px 35px;
}

.hover-card:hover {
box-shadow: 0px 2px 10px #0000001f;
cursor: pointer;
}

.custom-checkbox .custom-control-label {
padding-left: 8px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
background-color: #00BB59;
border-color: #00BB59;
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}

.custom-checkbox .custom-control-label::before {
width: 23px;
height: 23px;
top: 0px;
}

.custom-checkbox .custom-control-label::after {
width: 23px;
height: 23px;
top: 0px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("../images/checkbox-tick.svg");
}

.custom-radio {
padding-left: 30px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
background-color: transparent;
border-color: #00BB59;
filter: grayscale(0);
opacity: 1;
}

.custom-radio .custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}

.custom-radio .custom-control-label::before {
background-image: url("../images/radio-circle.svg");
border: 2px solid #aaa;
height: 24px;
width: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
filter: grayscale(100%);
top: -1px;
left: -30px;
opacity: 0.8;
transition: 0.4;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: none;
}

.custom-radio label {
font-size: 15px;
}

#main-wraper {
min-height: 100vh;
}

#main-wraper #menu-toggle .hamburger-menu:hover {
opacity: 0.8;
}

#main-wraper.toggled .left-sidebar .hide-menu {
display: none;
}

#main-wraper #menu-toggle .hamburger-menu,
#main-wraper #hear_menu_toggle .hamburger-menu {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

#main-wraper.toggled #menu-toggle .hamburger-menu,
#main-wraper.toggled #hear_menu_toggle .hamburger-menu {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

.index-header a {
color: #000;
}

.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.md-accordion .card .fa-angle-down {
float: right;
}

.md-accordion .card {
padding: 0;
border-radius: 8px !important;
}

.md-accordion .card .card-body {
padding-top: 0;
}

.md-accordion .card .card-header {
background: #fbfbfb;
border: 0;
padding: 20px;
}

.md-accordion .card .question {
color: #000;
font-size: 17px;
font-weight: 600;
}

.accordion>.card:not(:last-of-type) {
border-bottom: 1px solid #ddd;
}

.form-control:focus {
box-shadow: none;
border-color: inherit;
border-color: #ddd;
}

/*Left side bar*/
.left-sidebar {
background: #fff;
width: 280px;
padding: 0 10px 0 15px;
box-shadow: 1px -8px 11px #00000014;
transition: 0.2s;
position: relative;
}

.left-sidebar #leftNav {
padding-right: 5px;
}

.left-sidebar .scroll-sidebar {
position: fixed;
width: 250px;
transition: 0.2s;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link {
color: #212529;
font-size: 16px;
padding: 0;
transition: 0.4s !important;
line-height: 18px;
padding: 10px 15px;
border-radius: 30px;
}

.left-sidebar .sidebar-nav {
overflow-y: auto;
height: 100%;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #D0D0D0 #fff;
padding-top: 80px;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item {
list-style: none;
display: block;
margin-bottom: 12px;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link:hover,
.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link.active {
color: #fff !important;
background: #00BB59;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link:hover .side-nav-icon,
.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link.active .side-nav-icon {
filter: brightness(100);
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link .side-nav-icon {
margin-right: 13px;
width: 21px;
height: 21px;
vertical-align: middle;
font-size: 22px;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link .hide-menu {
vertical-align: middle;
}

.left-sidebar .sidebar-nav .sub-nav .nav li {
list-style: none;
}

.left-sidebar .sidebar-nav .sub-nav .nav .nav-link {
font-size: 15px;
color: #000;
padding: 7px 0 7px 0px;
}

.left-sidebar .sidebar-nav .sub-nav .nav .nav-link .side-nav-icon {
width: 14px;
margin-right: 13px;
height: 14px;
}

.left-sidebar .sidebar-nav .sub-nav .nav .nav-link .side-nav-icon path {
fill: #00BB59 !important;
}

.left-sidebar .sidebar-nav .sub-nav .nav .nav-link:hover {
color: #00BB59 !important;
}

.left-sidebar .sidebar-nav .dd-item .arrow-icon {
float: right;
margin-top: 5px;
opacity: 0.6;
}

.left-sidebar .sidebar-nav .dd-item:hover .arrow-icon {
opacity: 1;
}

.left-sidebar .sidebar-nav .dd-item .nav-link.collapsed .arrow-icon,
.left-sidebar .sidebar-nav .profile-dd-item a.collapsed .arrow-icon {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.5s;
}

.left-sidebar .sidebar-nav .dd-item .nav-link .arrow-icon,
.left-sidebar .sidebar-nav .profile-dd-item a .arrow-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.5s;
}

.left-sidebar .sub-nav {
padding: 12px 15px;
background: #f1f0f0;
border-radius: 8px;
}

.left-sidebar ::-webkit-scrollbar {
width: 5px;
}

.left-sidebar ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #c7cce4;
padding-left: 5px;
}

.left-sidebar ::-webkit-scrollbar-thumb {
background-color: #BCBCBC;
outline: 0;
border: 0;
}

.no-right-sidebar .left-sidebar {
width: 320px !important;
}

#main-wraper.toggled .left-sidebar {
width: 72px;
padding: 0 12px;
text-align: center;
overflow-x: hidden;
}

#main-wraper.toggled .left-sidebar .scroll-sidebar {
width: 47px;
}

#main-wraper.toggled .left-sidebar .left-menu-logo {
display: none;
}

#main-wraper.toggled .left-sidebar .logo {
justify-content: center !important;
}

#main-wraper.toggled .left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link {
padding: 13px 8px;
}

#main-wraper.toggled .left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link .side-nav-icon {
width: 15px;
margin-right: 0;
}

#main-wraper.toggled .left-sidebar .sub-nav {
padding: 12px 12px;
}

#main-wraper.toggled .left-sidebar .arrow-icon {
display: none;
}

.scroll-sidebar {
height: calc(100% - 20px);
position: relative;
}

.dektop-header-inner {
background: #fff;
}

.dropdown-menu {
background: #fbfbfb;
border: 0;
border-radius: 10px;
box-shadow: 0px 2px 5px 0 #00000047;
}

.dropdown-menu .dropdown-item {
padding: 9px 18px;
color: #00BB59;
font-size: 14px;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active {
color: #fff !important;
background-color: #00BB59;
}

.object-cover {
object-fit: cover;
border-radius: 3px;
}

.object-contain {
object-fit: contain;
}

.header-dd .dropdown-toggle {
color: #525252;
font-weight: 600;
}

.header-dd .dropdown-toggle::after {
border: 0;
}

.header-dd .dropdown-menu {
top: 15px !important;
}

.header {
background: #fff;
padding: 10px 15px;
box-shadow: 3px 0px 5px #00000021;
position: fixed;
width: 100%;
z-index: 100;
right: 0;
top: 0;
}

.header .tab-style-1 {
padding: 4px;
border-radius: 10px;
}

.header .tab-style-1 .nav-link {
height: 29px;
line-height: 15px;
font-size: 14px;
border-radius: 30px;
}

.header .header-date-pic {
max-width: 200px;
}

.header .header-date-pic .input-group-text.left {
background: #fff;
border-radius: 5px 0px 0px 5px;
border-right: 0;
}

.header .header-date-pic .input-group-text.right {
background: #fff;
border-radius: 0px 5px 5px 0px;
border-left: 0;
}

.header .header-date-pic .form-control {
border-left: 0;
border-right: 0;
padding: 6px 0;
}

.header .header-date-pic .form-control:focus {
border-color: #ddd;
}

.header .header-search .input-group-text {
background: #fff;
border-radius: 0;
border: 0;
padding: 0;
}

.header .header-search .form-control {
border: 0;
transition: 0.4s;
border-radius: 0;
}

.header .header-search .form-control:focus {
border-bottom: 1px solid #b7b7b7;
}

.header #hear_menu_toggle {
display: none;
}

.header .header-module-tab {
margin-left: 3%;
}

.notification-dd .dropdown-menu {
width: 330px;
top: 0 !important;
padding-bottom: 0;
}

.notification-dd .dropdown-item {
white-space: normal;
border-bottom: 1px solid #ddd;
}

.notification-dd .dropdown-item .noti-icon {
font-size: 20px;
line-height: normal;
margin-right: 6px;
margin-top: 5px;
}

.notification-dd .dropdown-toggle::after {
border: 0;
}

.notification-dd .count {
position: absolute;
top: 0;
page-break-after: always;
left: 8px;
font-weight: 300;
padding: 4px 6px;
border-radius: 30px;
font-size: 11px;
}

.lang-dd .selectParent,
.lang-dd .select-option {
height: 35px !important;
}

.page-wrapper {
padding: 0;
width: 100% !important;
/* width: calc(100% - 270px); */
background: #eef2e5;
}

.tab-style-1 {
background: #fff;
border-radius: 30px;
padding: 5px;
}

.tab-style-1 .nav-link {
border-radius: 30px;
color: #00BB59;
height: 40px;
line-height: 28px;
padding: 5px 20px;
}

.tab-style-1 .nav-link.active {
background-color: #00BB59;
color: #fff;
border-color: #00BB59;
}

.tab-style-1 .nav-link.active:hover {
color: #fff !important;
}

.tab-style-1 .nav-link:hover {
border-color: #00BB59;
border-bottom: #fff;
color: #000 !important;
}

.tab-style-2 .nav-link {
color: #9F9F9F;
height: 43px;
line-height: 28px;
border: 0;
border-bottom: 2px solid #d1cfcf;
text-align: center;
font-weight: 500;
}

.tab-style-2 .nav-link.active {
color: #00BB59;
border-bottom-color: #00BB59;
}

.tab-style-2 .nav-link:hover {
border-color: #00BB59;
border-bottom-color: #00BB59;
}

.filter-tabs .nav-link {
background-color: #fff;
border-radius: 50px;
color: #333;
font-size: 12px;
padding: 4px 17px;
margin-right: 8px;
min-width: 65px;
text-align: center;
}

.filter-tabs .nav-link.active {
background-color: #00BB59;
}

.filter-tabs .nav-link.active:hover {
color: #fff !important;
}

.modal-dialog .modal-content {
border-radius: 16px;
}

.modal-dialog .modal-content .modal-title {
font-size: 22px;
font-weight: 600;
color: #333333;
margin-top: 5px;
}

.modal-dialog .modal-header {
display: block;
text-align: center;
border: 0;
}

.modal-dialog .modal-header {
border-top-left-radius: 16px !important;
border-top-right-radius: 16px !important;
}

.modal-dialog .close {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}

@media (min-width: 900px) {
.modal-small {
max-width: 375px;
}

.modal-small .btn-brand-1 {
min-width: 145px;
}
}

.tab-content .table th {
background: #e9ecef;
}

input[type="text"].mobile-no {
padding-left: 95px !important;
}

.form-style .form-group label {
font-size: 15px;
margin-bottom: 4px;
}

.form-style .form-group .form-control {
border-radius: 5px;
height: 45px;
color: #000;
background: #f9f9f9;
}

.form-style .selectParent {
background-color: #f9f9f9;
}

.floating-form .floating-form-group {
height: 55px;
margin-bottom: 20px;
position: relative;
width: 100%;
}

.floating-form .floating-form-group .psw-icon {
position: absolute;
right: 15px;
top: 18px;
color: #666464;
font-size: 20px;
}

.floating-form .floating-form-group input,
.floating-form .floating-form-group label,
.floating-form .floating-form-group textarea {
cursor: text;
padding: 0.6em 1% 0.15em 1%;
position: absolute;
transition: all 0.15s ease;
}

.floating-form .floating-form-group input {
border: solid transparent 1px;
background: #F0F0F0;
height: 50px;
border-radius: 8px;
font-size: 17px;
padding: 25px 15px 8px;
width: 100%;
font-weight: 500;
}

.floating-form .floating-form-group textarea {
border: solid transparent 1px;
background: #F0F0F0;
border-radius: 8px;
font-size: 17px;
padding: 25px 15px 8px;
width: 100%;
font-weight: 500;
}

.floating-form .floating-form-group label {
color: #7e7e7e;
padding: 7px 15px;
font-size: 15px;
margin-bottom: 0;
line-height: 27px;
}

.floating-form .floating-form-group input.filled~label,
.floating-form .floating-form-group input:focus~label,
.floating-form .floating-form-group textarea:focus~label,
.floating-form .floating-form-group textarea.filled~label {
font-size: 14px;
position: absolute;
padding: 5px 15px;
line-height: 20px;
}

.floating-form .floating-form-group input.filled,
.floating-form .floating-form-group input:focus,
.floating-form .form-group select:focus,
.floating-form .floating-form-group textarea:focus,
.floating-form .floating-form-group textarea.filled,
.floating-form .custom-select.filled {
background-color: #FCFCFC;
border-color: #555555;
outline: 0;
box-shadow: none;
}

.floating-form .floating-form-group input.filled~label {
color: #888888;
}

.floating-form .form-group label {
font-weight: 600;
color: #333333;
font-weight: 16px;
margin-bottom: 1px;
}

.floating-form .form-group select {
height: 55px;
border: solid transparent 1px;
background-color: #F0F0F0;
font-size: 18px;
padding: 13px 15px;
border-radius: 8px;
}

.floating-form .floating-form-group.with-icon input {
padding-left: 45px;
}

.floating-form .floating-form-group.with-icon .icon {
position: absolute;
left: 15px;
top: 19px;
font-size: 20px;
color: #666464;
}

.floating-form .floating-form-group.with-icon label {
left: 30px;
}

/*OTP*/
.otp-element .otp-control {
height: 45px;
width: 56px;
font-size: 25px;
text-align: center;
border: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
}

.otp-element .otp-control:focus {
outline: 0;
background: #fff;
border: 1px solid #ddd;
}

.otp-element .otp-control::-webkit-inner-spin-button,
.otp-element .otp-control::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

@media (max-width: 767px) {
.otp-element input[type=number] {
height: 60px;
width: 60px;
}
}

.custom-select {
background-image: url("../images/down-arrow.svg");
background-size: 13px;
}

.login-page {
background-image: url("../images/landing-bg.jpg");
background-size: cover;
min-height: 100vh;
background-position: center;
}

.page-content {
padding: 20px !important;
margin-top: 60px;
}

.page-content .content-card {
padding: 20px;
}

.table-style-1 {
background: #fff;
border: 0;
border-radius: 8px;
box-shadow: 0px 3px 5px #0000000f;
}

.table-style-1 thead th {
border-top: 0;
border-bottom: 0;
color: #000;
font-weight: 600;
font-size: 15px;
padding: 15px;
background: #fff;
vertical-align: top;
line-height: 20px;
}

.table-style-1 thead th:first-child {
border-top-left-radius: 8px;
}

.table-style-1 thead th:last-child {
border-top-right-radius: 8px;
}

.table-style-1 tbody td {
border-bottom: 0;
font-size: 14px;
color: #212529;
padding: 10px 15px;
vertical-align: middle;
line-height: 20px;
}

.table-style-1 .btn-action {
padding: 3px 8px;
height: 35px;
box-shadow: 0px 4px 8px #00000021;
width: 35px;
border-radius: 50px !important;
font-weight: 500;
}

.table-style-1 .btn-action img {
width: 17px;
filter: grayscale(100%);
}

.table-style-1 .btn-action:hover {
box-shadow: 0px 3px 8px #0000008a;
}

.table-style-1 .btn-action:hover img {
filter: grayscale(0);
}

.table-style-1 .form-control {
border-radius: 7px;
height: 32px;
}

.table-style-1 .btn-brand-1,
.table-style-1 .btn-brand-2 {
height: 34px;
min-width: 100px;
font-size: 15px;
line-height: 18px;
margin-left: 10px;
}

.dataTables_length {
display: none;
}

.dataTables_paginate {
margin-top: 25px !important;
}

.dataTables_paginate .paginate_button {
background-color: #00BB59;
color: #fff;
padding: 10px 11px;
border-radius: 5px;
margin-left: 5px;
cursor: pointer;
}

.dataTables_paginate .paginate_button:hover {
background-color: #B9D477;
color: #fff !important;
}

.attach-file-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
padding-right: 5px;
cursor: pointer;
}

.attach-file-wrapper .btn {
background-color: white;
padding: 2px 9px;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
height: 33px;
}

.attach-file-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 34px;
}

.attach-file-wrapper .btn:hover {
background-color: #9e9e9e;
color: #fff;
}

.table-style-1.table-responsive {
display: table;
}

.pagination .page-link {
color: #6C7097;
}

.pagination .page-item.active .page-link {
background: #00BB59;
border-color: #00BB59;
}

.selectParent {
width: 100%;
overflow: hidden;
border: 1px solid #d8d8d8;
border-radius: 5px;
background: #fff;
padding-right: 8px;
height: 45px;
}

.selectParent .select-option {
text-indent: 1px;
text-overflow: '';
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 10px;
border: none;
background: transparent url("../images/down-arrow.svg") no-repeat;
background-size: 12px;
background-position: right center;
height: 45px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
font-size: 15px;
}

.selectParent .select-option:focus {
outline: none;
}

.selectParent .select-option:required:invalid {
color: #a1a1a1;
font-weight: 300;
}

.custom-select-img .file-upload {
background-color: #ffffff;
width: 100%;
margin: 0 auto;
}

.custom-select-img .file-upload-btn:hover {
background: #1AA059;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.custom-select-img .file-upload-btn:active {
border: 0;
transition: all .2s ease;
}

.custom-select-img .file-upload-content {
display: none;
text-align: center;
}

.custom-select-img .file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}

.custom-select-img .image-upload-wrap {
background: #f0f0f0;
border-radius: 8px;
position: relative;
border: 1px solid transparent;
min-height: 200px;
display: flex;
justify-content: center;
align-items: center;
}

.custom-select-img .file-upload-content {
background: #fff;
border-radius: 8px;
border: 1px solid #555555;
margin-bottom: 20px;
padding: 13px 10px;
}

.custom-select-img .image-dropping,
.custom-select-img .image-upload-wrap:hover {
border-color: #555555;
background-color: #fff;
}

.custom-select-img .file-upload-image {
max-height: 200px;
max-width: 100%;
margin: auto;
}

.custom-select-img .remove-image {
font-size: 13px;
color: #555555;
border: 1px solid #555555;
background-color: transparent;
border-radius: 8px;
padding: 4px 12px;
}

.custom-select-img .remove-image:hover {
color: #c13b2a;
transition: all .2s ease;
cursor: pointer;
border-color: #c13b2a;
}

.custom-select-img .remove-image:active {
border: 0;
transition: all .2s ease;
}

.signup-title {
font-size: 23px;
}

.page-cont-search {
box-shadow: 1px 2px 7px #00000017;
border-radius: 7px;
}

.page-cont-search i {
font-size: 21px;
}

.page-cont-search .input-group-text {
background: #fff;
border: 0;
border-radius: 7px 0px 0px 7px;
padding-right: 0;
}

.page-cont-search .form-control {
border-left: 0;
font-size: 15px;
height: 38px;
border-radius: 0 7px 7px 0;
color: #000;
border: 0;
}

.page-cont-search .form-control::placeholder {
color: #a1a1a1;
font-weight: 300;
}

.page-cont-search .form-control:focus {
border-color: #ddd;
}

.filter-options .select-option,
.filter-options .selectParent {
height: 45px;
border-radius: 7px;
}

.filter-options .selectParent {
border: 0;
box-shadow: 1px 2px 7px #00000017;
}

.add-prod-serv-block {
border: 1px dashed #000000;
background: #F8F8F8;
border-radius: 8px;
transition: 0.3s;
cursor: pointer;
}

.add-prod-serv-block:hover {
border-color: #00BB59;
background-color: #e9e9e9;
}

.login-wrap {
background-image: url(../images/login-bg.jpg);
}

.interest-tags .btn.active {
background-color: #00BB59;
color: #fff;
}

.page-title {
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
padding-bottom: 15px;
}

.page-title a:hover {
opacity: 0.3;
}

.page-title .back-arrow {
font-size: 22px;
margin-right: 5px;
vertical-align: middle;
}

.upload-img-merge-btn {
position: relative;
background: transparent;
color: #405bee;
padding: 3px 5px;
border: 0;
height: 28px;
width: fit-content !important;
font-weight: 400;
line-height: 21px;
}

.upload-img-merge-btn .upload-img {
opacity: 0;
width: inherit;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: inherit;
}

/* ----- Mobile  css------- */
@media (max-width: 767px) {
.w-xs-100 {
width: 100% !important;
}

.font-xs-14 {
font-size: 14px !important;
}

.font-xs-12 {
font-size: 12px !important;
}

.font-xs-16 {
font-size: 16px !important;
}

.font-xs-18 {
font-size: 18px !important;
}

.font-xs-20 {
font-size: 20px !important;
}

.font-xs-25 {
font-size: 25px !important;
}

.min-h-auto {
min-height: auto !important;
}

.search-click {
width: 100%;
padding-left: 50px;
}

.card .cover-img {
min-height: 150px;
max-height: 150px;
}

.header {
padding: 8px 25px;
position: relative;
z-index: 110;
position: fixed;
width: 100%;
}

.page-content {
padding: 15px 15px;
margin-top: 50px;
}

.page-content .content-card {
padding: 15px 20px;
}

.page-wrapper {
width: 100%;
min-height: 100vh;
}

#main-wraper #menu-toggle .hamburger-menu,
#main-wraper #hear_menu_toggle .hamburger-menu {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

#main-wraper.toggled #menu-toggle .hamburger-menu,
#main-wraper.toggled #hear_menu_toggle .hamburger-menu {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

.modal-dialog .modal-header .modal-title {
font-size: 18px;
}

.left-sidebar {
/* left: -325px; */
position: absolute;
z-index: 100;
width: 255px !important;
top: 52px;
position: fixed;
height: 100%;
overflow-y: scroll;
}

.left-sidebar .scroll-sidebar {
position: relative;
width: auto;
}

.left-sidebar .hide-menu {
display: inline-block !important;
padding-left: 5px;
}

.left-sidebar .sidebar-nav {
text-align: left;
padding-top: 15px;
}

.left-sidebar .arrow-icon {
display: block !important;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item {
margin-bottom: 1px;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link {
padding: 15px 10px;
border-radius: 10px;
font-size: 15px;
}

.left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link .side-nav-icon {
width: 14px;
margin-right: 10px !important;
}

#main-wraper .hamburger-menu {
margin-left: 0;
}

#main-wraper.toggled #mob_sidebar {
left: 0;
}

#main-wraper.toggled .main-row {
margin-left: -15px !important;
}

#main-wraper.toggled .scroll-sidebar {
width: auto !important;
}

.btn {
height: 40px;
font-size: 15px;
/* min-width: 110px !important; */
}

.add-sticky-btn {
right: 80px;
min-width: 80px !important;
position: fixed !important;
color: #fff;
font-size: 14px;
border-radius: 30px;
padding: 7px 15px !important;
height: auto;
line-height: 19px;
}

.btn-filter {
min-width: 44px !important;
height: 44px;
}

.form-style .form-group .form-control {
height: 40px;
}

.form-style .selectParent .select-option,
.form-style .selectParent {
height: 40px;
}

.tab-style-1 {
flex-wrap: nowrap;
margin-top: 15px;
}

.tab-style-1 .nav-item {
width: 100%;
text-align: center;
}

.table-style-1.table-responsive {
display: block;
}

.table-style-1 .btn-action {
/* height: auto;
min-height: 25px; */
max-width: 80px !important;
}

.table-style-1 th {
white-space: nowrap;
}

#sorting_tbl .table-style-1 .btn-action {
height: 35px;
min-width: 35px !important;
}

.header {
padding: 5px 15px;
}

.header .main-row {
margin-left: -15px;
}

.header .tab-style-1 {
display: none;
}

.header #hear_menu_toggle {
display: block;
font-size: 35px;
}

.header-logo {
width: 100px;
}

.login-modal .modal-dialog {
max-width: 100%;
}

.filter-date-pic.date-from {
float: left;
}

.filter-date-pic.date-to {
float: right;
}

.card-padding {
padding: 15px 15px;
}

.custom-switch {
margin-right: 12px;
}

.signup-title {
font-size: 19px;
}
}

.chatbox ::-webkit-scrollbar {
width: 5px;
}

.chatbox ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #c7cce4;
}

.chatbox ::-webkit-scrollbar-thumb {
background-color: #00BB59;
outline: 0;
}

.chatbox .user-list .card-body:hover {
cursor: pointer;
opacity: 0.7;
}

.chatbox .user-list .card-body.active {
border: 1px solid #00BB59 !important;
border-radius: 8px;
}

.chatbox .msg-body {
max-height: 450px;
overflow-y: auto;
}

.chatbox .chating-box {
padding: 0;
border-color: #00BB59;
}

.chatbox .chating-box .card-header {
background: #fff;
}

.chatbox .receive-msg .msg {
background: #F1F1F1;
padding: 5px 14px;
font-size: 15px;
border-radius: 8px;
max-width: 300px;
position: relative;
}

.chatbox .sent-msg {
display: flex;
justify-content: flex-end;
}

.chatbox .sent-msg .msg {
background: #00BB59;
padding: 5px 14px;
font-size: 15px;
border-radius: 8px;
max-width: 300px;
position: relative;
}

.chatbox .type-msg {
background: transparent;
border-top: 0;
display: flex;
}

.chatbox .type-msg .input-box {
background: transparent;
font-size: 14px;
border: 0;
}

.chatbox .type-msg .btn-send-msg {
border: 0;
background: transparent;
border-radius: 50%;
padding: 6px 10px;
width: 36px;
height: 36px;
line-height: 20px;
}

.chatbox .type-msg .btn-send-msg:hover {
background: #000;
}

/* ----- i Pad ------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.font-md-14 {
font-size: 14px;
}

.table-style-1.table-responsive {
display: block;
}

.table-no-responsive-md {
display: table !important;
}

.table-style-1 .btn-action {
height: auto;
min-height: 34px;
}

.page-wrapper {
width: 100%;
}

.header-nav {
flex-direction: unset;
}

.right-aside {
display: none;
}

.left-sidebar {
/* left: -325px; */
position: fixed;
z-index: 100;
width: 255px !important;
top: 55px;
box-shadow: 1px 11px 11px #00000014;
top: 71px;
height: 100%;
}

.left-sidebar .hide-menu {
display: inline-block !important;
}

.left-sidebar .sidebar-nav {
text-align: left;
}

.left-sidebar .arrow-icon {
display: block !important;
}

.left-sidebar .scroll-sidebar {
width: 229px !important;
height: 94%;
}

.header {
z-index: 110;
}

.header .main-row {
margin-left: -15px;
}

.header #hear_menu_toggle {
display: block;
}

#main-wraper .hamburger-menu {
margin-left: 0;
}

#main-wraper.toggled .left-sidebar .scroll-sidebar {
width: auto;
}

#main-wraper.toggled #mob_sidebar {
left: 0;
}

#main-wraper.toggled .main-row {
margin-left: -15px !important;
}

#main-wraper.toggled .left-sidebar .sidebar-nav .nav-bar .nav-item .nav-link .side-nav-icon {
margin-right: 11px;
}

.display-4 {
font-size: 40px;
}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.header-logo {
display: block !important;
width: 86px;
}

#menu-toggle {
padding-right: 0 !important;
margin-right: 10px !important;
}

#hear_menu_toggle {
margin-right: 5px !important;
}

.table-style-1.table-responsive {
display: table;
}

.table.my-orders,
.table.payment-link {
display: block;
}

.left-sidebar #menu-toggle,
.left-sidebar .logo {
display: none;
}
}


/* New media query here */

.dp__pointer {
cursor: pointer;
font-size: 14px !important;
}

@media (max-width:767px) {
.font-18 {
font-size: 16px !important;
}

.tab-style-1 {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
white-space: nowrap;
}

.page-title {
padding-bottom: 10px !important;
font-size: 18px !important;
}

.tab-style-1 .nav-link {
height: 40px !important;
line-height: 28px !important;
padding: 5px 15px !important;
font-size: 15px;
}

.table-style-1 .btn-brand-1,
.table-style-1 .btn-brand-2 {
margin: 5px;
}

.pl-zero {
padding-left: 0;
margin-left: -21px;
}

.plr-zero {
padding-left: 0;
padding-right: 0;
}

.page-content {
padding: 15px !important
}

.table-style-1 tbody td {
width: 100%;
}

.hidden-none {
display: none;
}

.mlr {
margin-right: 0 !important;
margin-left: 0 !important;
}

.mll {
margin-left: 10px !important;
}

#mob_sidebar {
display: none;
}

/* .no-right-sidebar .left-sidebar {
width: 100% !important;
} */

.pb15 {
padding-bottom: 15px !important;
}
.navbar-nav.bg-light {
background-color: transparent !important;
}
.spx-modal .spx-modal-body{
margin:0 10px !important
}
.delete-modal .btn-brand-1, .delete-modal .btn-brand-2{
min-width: 110px;
}
}

@media(max-width:320px){
.btn-brand-1, .btn-brand-2{
min-width: 105px;
}
.delete-modal .btn-brand-1, .delete-modal .btn-brand-2{
width: 105px;
}

}

.inputss input {
width: 45px;
height: 45px;
border: 1px solid #ddd !important;
}