/* Variables */
:root {
	--main-bg-color: #f8f8f8;
	--input-bg-color: #ffffff;
	--primary-color: #FF6D6A;
	--primary-hover-color: #ffffff;
	--primary-text-color: #1F2A44;
	--secondary-color: #FFF0F0;
	--secondary-hover-color: #FFE2E1;
	--secondary-text-color: #FFF;
	--default-font-size: 16px;
	--h1-font-size: 27px;
	--h2-font-size: 25px;
	--h3-font-size: 18px;
	--h4-font-size: 16px;
	--h5-font-size: 14px;
}

/* Global Styling */

@font-face {
    font-family: "Poppins";
    src: url("Poppins-ExtraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Thin.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Bold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-SemiBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("Poppins-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

*, html, body, p, input, label, select, div, table, tr, td, span, button, a, header, footer, nav, ul, ol, li, textarea, h1, h2, h3, h4, small {
    font-family: Poppins;
	color: #1F2A44;
}

body {
	background: var(--main-bg-color);
	font-size: var(--default-font-size);
	font-weight: 400;
}

small, h1 small, h2 small, h3 small, h4 small, h5 small, p small, div small {
	font-size: var(--default-font-size);
	font-weight: 400;
}

/* Login Styling */

.login-container {
	max-width: 500px;
	width: 100%;
}

.login-page {
	background-color: var(--main-bg-color);
	background-image: url('../../images/logo-dark.png');
	background-size: 200px auto;
	background-repeat: no-repeat;
	background-position: center 110px;

	min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.login-header {
	text-align: center;
}

.login-register {
	text-align: center;
}

.login-page .logo img {
	width: 100px;
	height: auto;
	display: none;
}

.login-page .login-form .form-group .form-control.input-dark {
	background: var(--input-bg-color);
	padding: 10px 20px;
	height: 44px;
	border-radius: 10px;
	color: var(--primary-text-color);
	font-size: var(--default-font-size);
}

.login-page .login-form .form-group .control-label {
	position: unset;
	left: unset;
	right: unset;
	top: unset;
	bottom: unset;
	padding: unset;
	color: var(--primary-text-color);
	font-weight: 600;
}

.login-page .login-form .form-group.is-focused .control-label {
	zoom: normal;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	filter: alpha(opacity=1);
	visibility: visible;
}

.login-footer {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 13px;
}

.login-page .login-form .form-group .btn {
	padding: 10px 30px;
}

.login-page .login-form .form-group .btn i {
	color: #fff;
}

.login-page .login-form .form-group .btn-primary:hover i {
	color: var(--primary-color);
}

.lockscreen-page {
	padding-top: 60px;
}

/* Page Styling */

.sidebar-menu {
	background: #ffffff;
	width: 320px;
}

.sidebar-menu .logo-env {
	padding: 60px 20px 40px;
	border-bottom: 1px solid #e9eaec;
}

.sidebar-menu .logo-env .logo {
	float: unset;
	text-align: center;
}

.sidebar-menu .logo-env .logo .logo-expanded img {
	width: auto;
	height: 35px;
}

.sidebar-menu .logo-env .logo .logo-collapsed img {
	width: auto;
	height: 50px;
}

.sidebar-menu .logo-env .logo .logo-collapsed {
	margin-top: 49px;
}

.sidebar-menu .main-menu {
	padding-left: 20px;
	padding-right: 20px;
}

.sidebar-menu .main-menu li {
	font-weight: 600;
	margin-bottom: 10px;
}

.sidebar-menu .main-menu li a {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	padding: 13px 15px;
	border-radius: 30px;
}

.sidebar-menu .main-menu li.active a {
	background-color: var(--primary-color);
}

.sidebar-menu .main-menu li.active a span, .sidebar-menu .main-menu li.active a i {
	color: #fff;
}

.sidebar-menu .main-menu li a span, .sidebar-menu .main-menu li a i {
	color: var(--primary-color);
}

.sidebar-menu .main-menu li.has-sub>a:before {
	color: var(--primary-color);
}

.sidebar-menu .main-menu li.active.has-sub>a:before {
	color: #ffffff;
}

.sidebar-menu .main-menu li.expanded ul {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.sidebar-menu .main-menu li.expanded ul li a {
	background-color: var(--secondary-color);
}

.sidebar-menu .main-menu li.expanded ul li a span {
	color: var(--primary-color);
}

.sidebar-menu .main-menu li.expanded ul li.active a {
	background-color: var(--primary-color);
}

.sidebar-menu .main-menu li.expanded ul li.active a span {
	color: #fff;
}

.main-menu li a.external-menu-item {
	border: 2px solid var(--primary-color);
    background: #fff;
    text-align: center;
}

.main-menu li:hover a.external-menu-item {
	background: var(--secondary-color);
}

.page-container .main-content .page-title {
	background: var(--main-bg-color);
	padding-top: 0px;
	padding-bottom: 19px;
	border-bottom: 1px solid #e0e1e2;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 20px;
}

.page-container .main-content .page-title .page-icon {
	margin-right: 10px;
    vertical-align: text-bottom;
    font-size: 40px;
}

.page-container .main-content .page-title .title-env {
	padding-left: 20px;
}

.user-info-navbar {
	background: var(--main-bg-color);
}

.user-info-navbar .user-info-menu>li {
	border: 0;
}

.user-info-navbar .user-info-menu>li>a {
	border-bottom: 0;
	padding: 20px 10px;
    margin: 10px;
}

li.dropdown.user-profile a {
	border-radius: 30px;
}

li.dropdown.user-profile a:hover {
	background: rgba(255, 109, 106, 0.1);
}

li.dropdown.user-profile a span {
	margin-right: 10px;
}

.panel.panel-flat .panel-heading, .panel.panel-flat {
	padding-bottom: 0px;
	border-bottom: 0;
	margin-bottom: 15px;
}

.panel .panel-heading>.panel-title {
	margin-top: 15px;
	margin-left: 15px;
}

.panel .panel-heading>.panel-options .btn {
	margin-bottom: 0px;
}

.panel {
	border-radius: 30px;
}

.user-info-navbar .user-info-menu li.selected-entity {
	vertical-align: middle;
	line-height: 75px;
}

/* Component Styling */
h1 {
	font-size: var(--h1-font-size) !important;
	font-weight: 700;
}
h2 {
	font-size: var(--h2-font-size) !important;
	font-weight: 700;
}
h3 {
	font-size: var(--h3-font-size) !important;
	font-weight: 700;
}
h4 {
	font-size: var(--h4-font-size) !important;
	font-weight: 600;
}
h5 {
	font-size: var(--h5-font-size) !important;
	font-weight: 500;
}

.btn:not(.btn-icon) {
	border-radius: 30px;
	padding: 10px 30px;
	font-size: var(--default-font-size);
	font-weight: 600;
}

.btn.btn-primary span, .btn.btn-primary i {
	color: #fff;
}

.btn.btn-primary {
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	height: 44px;
}

.btn.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
	background: var(--primary-hover-color);
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}

.btn.btn-primary:hover span, .btn.btn-primary:hover i, .btn.btn-primary:focus span, .btn.btn-primary:focus i, .btn.btn-primary:active span, .btn.btn-primary:active i {
	color: var(--primary-color);
}

.open>.dropdown-toggle.btn-primary span, .open>.dropdown-toggle.btn-primary i {
	color: var(--primary-color);
}

.btn.btn-secondary {
	color: var(--primary-color);
	background: var(--secondary-color);
	border-radius: 30px;
	padding: 10px 30px;
	font-size: var(--default-font-size);
	border: 2px solid var(--primary-color);
	height: 44px;
}

.btn.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.focus,.btn-secondary:active,.btn-secondary.active,.open>.dropdown-toggle.btn-secondary {
	background: var(--secondary-hover-color);
	border: 2px solid var(--primary-color);
}

.btn.btn-secondary:active, .btn.btn-secondary:focus {
    background-color: var(--secondary-hover-color);;
    border-color: var(--primary-color);
}

.btn-danger {
	background: #4B5469;
	border: 2px solid #4B5469;
}

.btn-danger:hover, .btn-danger:hover span, .btn-danger:hover i {
	background: #fff;
	color: #4B5469;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
	background: #fff;
	color: #4B5469;
}

.link-button {
	line-height: 48px;
	color: var(--primary-color);
}

.btn.btn-icon {
	background: transparent;
	font-size: var(--default-font-size);
}

.btn.btn-icon i {
	font-weight: 600;
	color: var(--primary-color);
}

.btn.btn-small {
	padding: 5px 10px;
	font-size: 14px;
}

#btnBirthday, #btnDate {
	border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

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

.modal-header .btn-primary {
	padding: 5px 15px;
}

.modal-header .modal-title {
	line-height: 40px;
}

.modal-header {
	margin-bottom: 5px;
}

.modal-content .control-label {
	line-height: 44px;
}

.modal-backdrop {
	position: fixed;
}

.modal-lg {
    width: 80%;
}

form .form-group-separator {
	background: #e4e6e8;
}

.alert {
	border-radius: 10px;
}

.pagination>li>a, .pagination>li>span {
	padding: 10px 20px;
}

div.dataTables_wrapper div.dataTables_info {
	line-height: 44px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	vertical-align: middle;
}

.replace-inputs, table.table thead tr:first-child {
	background-color: var(--main-bg-color);
}

.table-striped>tbody>tr.selected {
	background: var(--secondary-color);
}

.table-striped>tbody>tr:nth-child(odd) {

}

.dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter[type=text] {
	border-radius: 8px;
	border: 0;
	height: 40px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background: var(--secondary-color);
	color: var(--primary-color);
}

.control-label {
	font-weight: 500;
}

.form-control {
	border-radius: 10px;
	height: 44px;
	font-size: 16px;
	color: var(--primary-text-color);
	padding: 10px 20px;
}

.form-control:focus {
	border: 1px solid var(--primary-color);
}

.form-control.select2-container .select2-choice {
	height: 44px;
}

html .select2-container.select2-container-multi .select2-choices {
	height: 44px;
	border-radius: 10px !important;
}

html .select2-container .select2-choice .select2-chosen, html .select2-container .select2-choice .select2-search-choice-close, html .select2-container .select2-choice .select2-arrow {
	line-height: 44px;
	font-weight: 400;
}

html .select2-container .select2-choice {
	border-radius: 10px !important;
	height: 44px;
}

html .form-control.select2-container.select2-dropdown-open {
	border-radius: 10px !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
	padding: 10px 20px;
}

.nav.nav-tabs+.tab-content {
	border-radius: 30px;
}

.nav.nav-tabs>li>a {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
}

.nav.nav-tabs>li:first-child:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #f4f4f4;
	display: block;
	top: 50px;
	position: absolute;
	z-index: -1;
}

.nav.nav-tabs>li:last-child:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #f4f4f4;
	display: block;
	top: 50px;
	right: 0px;
	position: absolute;
	z-index: -1;
}

.nav.nav-tabs>li:first-child.active:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	top: 50px;
	left: 0px;
	position: absolute;
}

.nav.nav-tabs>li:first-child:hover:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	top: 50px;
	position: absolute;
}

.nav.nav-tabs-justified>li:last-child.active:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	top: 50px;
	right: 0px;
	position: absolute;
}

.nav.nav-tabs-justified>li:last-child:hover:after {
	content: " ";
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	top: 50px;
	right: 0px;
	position: absolute;
}

.nav.nav-tabs>li.active>a {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.action-container {
	padding: 0px 30px;
}

.xe-widget.xe-counter, .xe-widget.xe-counter-block .xe-upper, .xe-widget.xe-progress-counter .xe-upper {
	background: var(--primary-color);
	border-radius: 30px;
}

.xe-widget.xe-counter .xe-icon i, .xe-widget.xe-counter-block .xe-upper .xe-icon i, .xe-widget.xe-progress-counter .xe-upper .xe-icon i {
	background: var(--primary-text-color);
	color: #fff;
}

.xe-widget.xe-counter .xe-label .num, .xe-widget.xe-counter-block .xe-upper .xe-label .num, .xe-widget.xe-progress-counter .xe-upper .xe-label .num {
	color: var(--primary-text-color);
	font-weight: 800;
    font-size: var(--h2-font-size);
}

.xe-widget.xe-counter .xe-label span, .xe-widget.xe-counter-block .xe-upper .xe-label span, .xe-widget.xe-progress-counter .xe-upper .xe-label span {
	color: #fff;
	font-size: var(--default-font-size);
}

.xe-widget.xe-progress-counter.xe-progress-counter-primary.loyaltycard {
	background: var(--primary-text-color);
	border-radius: 30px;
	padding-bottom: 15px;
	padding-top: 10px;
}

.xe-widget.xe-progress-counter.loyaltycard .xe-upper .xe-label .num {
    font-weight: 800;
    font-size: var(--h3-font-size);
    color: #ffffff;
}

.xe-widget.xe-progress-counter.loyaltycard .xe-upper .xe-label span {
	font-size: var(--h5-font-size);
	font-weight: 500;
}

.xe-widget.xe-progress-counter.loyaltycard .xe-background i {
	color: var(--primary-color);
	font-size: 120px;
}

.xe-widget.loyaltycard .xe-lower .detail {
	display: flex;
}

.xe-widget.loyaltycard .xe-lower .detail strong {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	margin-right: 15px;
    margin-top: 5px;
    width: 150px;
}

.xe-widget.loyaltycard .xe-lower .detail span {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	margin-top: 5px;
	flex-grow: 1;
}

.xe-widget.xe-vertical-counter {
	border-radius: 30px;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary {
    background: var(--primary-text-color);
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-secondary {
	background: var(--primary-color);
}

.xe-widget.xe-vertical-counter div.xe-icon i {
	color: #fff;
}

.xe-widget.xe-vertical-counter.xe-vertical-counter-primary .xe-label .num {
	color: var(--primary-color);
}

.xe-widget.xe-vertical-counter .xe-label .num {
	font-weight: 800;
	font-size: var(--h2-font-size);
}

.xe-widget.xe-vertical-counter .xe-label span {
	font-weight: 500;
	font-size: var(--h4-font-size);
}

.xe-widget.xe-vertical-counter.custom-dashboard-tile4 {
	background: #ffc4c3;
}

.xe-widget.xe-vertical-counter.custom-dashboard-tile4 div.xe-icon i {
	color: var(--primary-color);
}

.xe-widget.xe-vertical-counter.custom-dashboard-tile4 .xe-label .num {
	color: var(--primary-text-color);
}

.xe-widget.xe-vertical-counter.custom-dashboard-tile4 .xe-label span {
	color: var(--primary-color);
}

.btn-group .btn+.btn {
	margin-left: 5px;
}

.input-group-btn>.btn.custom-inputgroup-btn {
	padding: 10px 15px;
	border-radius: 0px;
}

.input-group-btn>.btn.last-custom-inputgroup-btn, .input-group-btn>.btn.last-custom-inputgroup-btn:hover {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.input-group-btn:last-child>.btn.last-custom-inputgroup-btn:not(:last-child):not(.dropdown-toggle) {
 	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;	
}

.tab-group .btn-gray.active {
	background: var(--primary-text-color);
	color: #fff;
}

.page-loading-overlay {
	background: var(--main-bg-color);
}

.loader-custom, .loader-custom2 {
	color: var(--primary-color);
}

html .select2-drop .select2-results li.select2-highlighted {
	background: var(--primary-color);
}

html .select2-drop .select2-results li {
	padding: 5px 0px;
}

html .select2-drop .select2-results li.select2-result-selectable .select2-result-label {
	color: var(--primary-text-color);
}

html .select2-drop .select2-results li.select2-highlighted .select2-result-label {
	color: #fff;
}

html .select2-container.select2-container-multi .select2-choices .select2-search-choice {
	border-radius: 30px;
	padding: 10px 10px 10px 20px;
}

.select2-container-multi .select2-search-choice-close {
	left: 6px;
	top: 10px;
}

.multiselect-native-select .multiselect.dropdown-toggle {
	background: #fff;
    border: 1px solid #dedede;
    border-radius: 10px 0px 0px 10px;
    padding: 10px 10px 10px 20px;
    width: 100%;
    font-size: var(--default-font-size);
    text-align: left;
}

.multiselect-container .multiselect-filter > .fa-search {
	font-size: var(--default-font-size);
    padding: 13.5px 5px;
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
}

.multiselect-container .multiselect-filter > input.multiselect-search {
	width: calc(100% - 25px);
    margin: 0;
    border: none;
    background: #f5f5f5;
    border-radius: 0px;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.multiselect-container .multiselect-option.dropdown-item {
	background: #fff;
    border: none;
    font-size: var(--default-font-size);
    width: 100%;
    text-align: left;
}

.multiselect-container .multiselect-option .form-check {
	padding: 4px 0px;
    display: block;
}

.multiselect-container .multiselect-option .form-check-label {
	margin-left: 5px;
}

.multiselect-container {
	width: 400px;
}

.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
	background: var(--primary-color);
	color: #fff;
}

.multiselect-container .multiselect-option:hover, .multiselect-container .multiselect-group:hover, .multiselect-container .multiselect-all:hover {
	background: var(--primary-color) !important;
}

.multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-all:focus {
	background: var(--primary-color) !important;
}

.multiselect-container .multiselect-option:hover .form-check-label, .multiselect-container .multiselect-option.active .form-check-label {
	color: #fff !important;
}

.form-group.validate-has-error .control-label {
	color: var(--primary-color);
}

.form-group.validate-has-error .form-control {
	background: var(--secondary-color);
	color: var(--primary-color);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 0; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: transparent;
}

.page-error.centered {
	text-align: center;
	border-radius: 30px;
}

.page-error .error-symbol {
	margin-bottom: 15px;
}

.login-page .list-group .list-group-item {
	border-radius: 50px;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	text-align: left;
	padding-left: 40px;
	margin-bottom: 5px;
}

.login-page .list-group .list-group-item.list-group-item-danger {
	background: #4B5469;
	border: 2px solid #4B5469;
	color: #fff;
}

.login-page .list-group .list-group-item h4, .login-page .list-group .list-group-item h5, .login-page .list-group .list-group-item small {
	color: #ffffff;
    line-height: 30px;
}

.login-page .list-group .list-group-item:hover, .login-page .list-group .list-group-item:hover h4, .login-page .list-group .list-group-item:hover, .login-page .list-group .list-group-item:hover h5, .login-page .list-group .list-group-item:hover, .login-page .list-group .list-group-item:hover small {
	background: var(--primary-hover-color);
	color: var(--primary-color);
}

.login-page .list-group .list-group-item.list-group-item-danger:hover {
	background: #4B5469;
	cursor: not-allowed;
}

.login-page .list-group .list-group-item.list-group-item-danger:hover h5, .login-page .list-group .list-group-item.list-group-item-danger:hover small {
	background: #4B5469;
	color: #fff;
	cursor: not-allowed;
}

.login-page .list-group .list-group-item h4 span.badge {
	font-size: 16px;
	padding: 10px;
	border-radius: 20px;
}

div.dropdown.open > .dropdown-menu {
    width: 100%;
    border-radius: 10px;
}

div.dropdown.open > .dropdown-menu > li:hover > a {
	color: #ffffff;
	background: var(--primary-color);
}

div.dropdown.open > .dropdown-menu > li > a {
	padding: 10px 20px;
	font-size: 16px;
	color: var(--primary-text-color);
}

.dropdown-menu.daterangepicker .ranges ul li.active {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fffff;
}

.dropdown-menu.daterangepicker .ranges ul li {
	border-radius: 10px;
	font-weight: 600;
	color: var(--primary-color);
}

.dropdown-menu.daterangepicker .ranges ul li:hover {
	background: var(--primary-hover-color);
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.dropdown-menu.daterangepicker .calendar-date table>thead .month {
	color: var(--primary-text-color);
}

.dropdown-menu.daterangepicker .calendar-date table>tbody>tr>td.available {
	color: var(--primary-text-color);
}

.dropdown-menu.daterangepicker .calendar-date table>thead th {
	color: var(--primary-color);
}

.dropdown-menu.daterangepicker .calendar-date table>tbody>tr>td.active {
	color: #ffffff;
	background: var(--primary-color);
}

.applyBtn {
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	color: #ffffff;
}

.applyBtn:hover {
	background: var(--primary-hover-color);
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
}

.cancelBtn {
	background: var(--secondary-color);
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.cancelBtn:hover {
	background: var(--secondary-hover-color);
	color: var(--primary-color);
}

.sweet-alert p {
	font-weight: 500;
	color: var(--primary-text-color);
}

.sweet-alert h2 {
	font-weight: 600;
	color: var(--primary-text-color);
}

.sweet-alert button.btn.btn-primary {
	color: #fff;
	background-color: var(--primary-color) !important;
}

.sweet-alert button.btn.btn-primary:hover {
	background-color: #fff !important;
	color: var(--primary-color) !important;
}

.sweet-alert button {
    background-color: var(--primary-color);
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: none;
}

.sweet-alert button:hover {
    background-color: var(--primary-hover-color);
}

.sweet-alert button:active {
    background-color: var(--primary-hover-color);
}

.sweet-alert button.cancel {
    background-color: var(--secondary-color);
}

.sweet-alert button.cancel:hover {
    background-color: var(--secondary-hover-color);
}

.sweet-alert button.cancel:active {
    background-color: var(--secondary-hover-color);
}

.sweet-alert button.cancel:focus {
    box-shadow: none;
}

.fineprint {
	font-size: 13px;
	margin-bottom: 10px;
}

.report-wrapper {
    width: 100%;
    overflow: auto;
}

.reportPreview {
    border: 2px solid #e9eaec;
}

.reportPreview .bg-info {
	background: var(--primary-text-color);
}

.report-result-text {
	line-height: 45px;
}

/* Utility Classes */

.ml-5 {
	margin-left: 5px;
}

.mr-5 {
	margin-right: 5px;
}

.pl-30 {
	padding-left: 30px;
}

.text-primary {
	color: var(--primary-text-color);
}


@media screen and (min-width: 768px) {
	.sidebar-menu.collapsed .main-menu>li>ul {
		background: #fff;
	    padding: 10px 10px 0px 10px;
	    border-radius: 30px;
	    border: 1px solid var(--secondary-hover-color);
	}

	.sidebar-menu.collapsed .main-menu>li.active, .sidebar-menu.collapsed .main-menu>li li.active {
		background: #fff;
	}

	.sidebar-menu.collapsed .main-menu {
		margin-left: 5px;
		margin-right: 5px;
	}

	.sidebar-menu.collapsed #logout-menu>li>a>span {
		display: block;
		font-size: 10px;
	}
}