/* Nexa Book */
@font-face {
	font-family: 'Nexa Book';
	src: url('../fonts/Nexa-Book.eot');
	src: url('../fonts/Nexa-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Nexa-Book.woff2') format('woff2'),
		url('../fonts/Nexa-Book.woff') format('woff'),
		url('../fonts/Nexa-Book.ttf') format('truetype'),
		url('../fonts/Nexa-Book.svg#Nexa-Book') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Nexa Regular */
@font-face {
	font-family: 'Nexa Regular';
	src: url('../fonts/Nexa-Regular.eot');
	src: url('../fonts/Nexa-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Nexa-Regular.woff2') format('woff2'),
		url('../fonts/Nexa-Regular.woff') format('woff'),
		url('../fonts/Nexa-Regular.ttf') format('truetype'),
		url('../fonts/Nexa-Regular.svg#Nexa-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Nexa Bold */
@font-face {
	font-family: 'Nexa Bold';
	src: url('../fonts/Nexa-Bold.eot');
	src: url('../fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Nexa-Bold.woff2') format('woff2'),
		url('../fonts/Nexa-Bold.woff') format('woff'),
		url('../fonts/Nexa-Bold.ttf') format('truetype'),
		url('../fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* Nexa Heavy */
@font-face {
	font-family: 'Nexa Heavy';
	src: url('../fonts/Nexa-Heavy.eot');
	src: url('../fonts/Nexa-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Nexa-Heavy.woff2') format('woff2'),
		url('../fonts/Nexa-Heavy.woff') format('woff'),
		url('../fonts/Nexa-Heavy.ttf') format('truetype'),
		url('../fonts/Nexa-Heavy.svg#Nexa-Heavy') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Enhanced Dot Digital';
	src: url('../fonts/EnhancedDotDigital-7.eot');
	src: url('../fonts/EnhancedDotDigital-7.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EnhancedDotDigital-7.woff2') format('woff2'),
		url('../fonts/EnhancedDotDigital-7.woff') format('woff'),
		url('../fonts/EnhancedDotDigital-7.ttf') format('truetype'),
		url('../fonts/EnhancedDotDigital-7.svg#EnhancedDotDigital-7') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-1: 'Montserrat', sans-serif;
	--font-2: 'Nexa Book'; 
	--font-3: 'Nexa Regular';
	--font-4: 'Nexa Bold';
	--font-5: 'Nexa Heavy';
	--font-digi: 'Enhanced Dot Digital';
	--color-light: #fafafa;
	--color-primary: #cd0e2d;  
	--color-secondary: #00356f;
	--color-black:#1c1c1c;
	--color-gray: #58595b;
	--color-light-gray: #a7a7a7;
	--color-light-gray2:#9f9f9f;
	--color-light-gray3:#868686;
	--color-coffe:#7f6f6f;
}

/* Global Settings */
body {
	font-family: var(--font-2);
	color: var(--color-gray);
	line-height: normal;
}
img {
	width: auto;
	height: auto;
	max-width: 100%;    
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-5);
	color: var(--color-gray);
}
a, .btn-link, .datatable table.dataTable thead, .datatable table.dataTable tfoot, .datatable table.dataTable thead .sorting_asc [data-fa-pseudo-element=":after"] {
	color: var(--color-primary);
}
.btn {
	font-size: 13pt;
	line-height: normal;
	border-radius: 14px;
	padding: 0.5rem 1.4rem;
	font-family: var(--font-2);
	color: #fff;
}
.btn-lg, .btn-group-lg > .btn {
	padding: 10px 20px 10px;
	min-height: 58px;
	min-width: 272px;
	border-radius: 5px;
	font-size: 15pt;
	font-family: var(--font-1);
	font-weight: 600;
	box-shadow: 0px 0px 16px 4px rgb(37 31 48 / 20%);
}
.btn-default {
	font-size: 18pt;
	font-family: var(--font-1);
	font-weight: 500;
}
.btn-small {
	font-size: 12pt;
	font-family: var(--font-1);
	font-weight: 600!important;
}
.label-small {
	font-size: 13pt!important;
	font-family: var(--font-2)!important;
}
.text-gray {
	color: var(--color-light-gray3)!important;
}
.border {
	border: 1.5pt solid #dcdcdc !important;
}
a.title-cupon {
	color: var(--color-black);
	font-family: var(--font-3);
	font-size: 11pt;
}

.nodisplay {display: none;}
.nav-link {
	font-weight: 700!important;
	letter-spacing: 0!important;
	font-size: 12pt;
}
.wrap-small {max-width: 1100px;}
.wrap-small {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
label {
	font-size: 13pt!important;
	font-family: var(--font-4);
}

.card-logo-w100 img {
	width: 100%;
	max-width: 160px;
}
.card-logo-w100 {
	flex: 0 0 100%;
	display: flex;
	justify-content: center;
}
.logo-login {
	width: 100%;
	max-width: 300px;
	margin: 0 auto 70px; 
}
.card-form {
	overflow: visible;
	border-radius: 15px;
	box-shadow: 0px 0px 50px 12px rgb(37 31 48 / 44%);
}
.page-title, .page-title h2 {
	font-size: 28pt;
	font-weight: normal;
	font-family: var(--font-2);
	color: var(--color-gray);
}

/* Colors & Backgrounds and Text colors (DEFAULT) */
.bg-primary, .btn-primary {background-color: var(--color-primary)!important;}
.bg-secondary, .btn-secondary {background-color: var(--color-secondary)!important;}
.bg-light {background-color: var(--color-light)!important;}
.text-primary {color: var(--color-primary)!important;}
.text-secondary {color: var(--color-secondary)!important;}
.btn-primary {border-color: var(--color-primary)!important;}
.btn-primary:hover {
	background-color: var(--color-secondary)!important;
	border-color: var(--color-secondary)!important;
}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgb(33 5 51 / 50%)!important;}
.btn-secondary {border-color: var(--color-secondary)!important;}
.btn-secondary:hover {
	background-color: var(--color-primary)!important;
	border-color: var(--color-primary)!important;
}
.btn, .btn:focus {
	outline: none;
	box-shadow: none!important;
}
.btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem rgb(239 0 157 / 50%)!important;}
.border-dark {border-color: #bcbcbc!important;}
a.text-secondary:hover, a.text-secondary:focus, button.text-secondary:hover, button.text-secondary:focus {color: var(--color-primary) !important;}
.border-light {
	border-color: #eeeeee !important;
}

/* Colors & Backgrounds and Text colors (ONLY EXTRA COLORS) */
.bg-yellow, .btn-yellow {background-color: var(--color-yellow)!important;}
.bg-light-blue, .btn-light-blue {background-color: var(--color-light-blue)!important;}
.bg-black, .btn-light-blue {background-color: var(--color-black)!important;}
.text-yellow {color: var(--color-yellow)!important;}
.text-light-blue {color: var(--color-light-blue)!important;}
.btn-yellow {border-color: var(--color-yellow)!important;}
.btn-yellow:hover {color: var(--color-primary)!important;}
.btn-yellow:focus, .btn-yellow.focus {box-shadow: 0 0 0 0.2rem rgb(255 236 0 / 50%)!important;}
.btn-light-blue {border-color: var(--color-light-blue)!important;}
.btn-light-blue:hover {color: var(--color-yellow)!important;}
.btn-light-blue:focus, .btn-light-blue.focus {box-shadow: 0 0 0 0.2rem rgb(41 169 224 / 50%)!important;}
a.text-light-blue:hover, a.text-text-light-blue:focus, button.text-light-blue:hover, button.text-text-light-blue:focus {color: var(--color-yellow)!important;}

/* Topbar */
.dropdown-user-details-email {font-family: 'Heebo', sans-serif;}
.navbar-marketing .navbar-brand img {height: 3.1rem;}

/* Page header */
.page-item.active .page-link {background-color: var(--color-primary);border-color: var(--color-primary);}
.page-link {color: var(--color-primary);}
.page-header-title {text-transform: uppercase;font-size: 3.5rem!important;}
.page-header-subtitle {text-transform: uppercase;font-family: 'Archivo Black', sans-serif;font-size: 1.5rem!important;}
.page-header .page-header-content .page-header-title .page-header-icon .feather {height: 2.75rem;width: 2.75rem;}

/* Datatable */
table.dataTable {border-collapse: collapse!important;}
table.dataTable td, table.dataTable th {vertical-align: middle;}
.datatable select, .datatable input {
	font-size: 11pt;
	height: calc(1.2em + 1rem + 2px);
	border-radius: 6px;
}

/* Sidenavbar */
.nav-fixed #layoutSidenav #layoutSidenav_content {
	top: 0;
}
.sidenav-dark .sidenav-menu .sidenav-menu-heading {color: rgb(255 255 255);}
.sidenav-dark .sidenav-menu .nav-link {color: rgb(255 255 255);}
.sidenav-dark .sidenav-menu .nav-link.active {color: rgb(255 255 255); opacity: 0.6;}
.sidenav-dark .sidenav-menu .nav-link .nav-link-icon {
	color: rgb(255, 255, 255);
}
.sidenav-dark .sidenav-menu .nav-link.active .nav-link-icon {color: rgb(255 255 255); opacity: 0.6;}
.sidebar-brand img {
	width: 100%;
	max-width: 160px;
	margin: 0 auto;
	display: block;
}
.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav {
	padding-top: 0;
}


/* Forms */
.form-control {
	border-radius: 5px;
	font-family: var(--font-2);
	font-size: 12pt;
	height: calc(2em + 1rem + 2px);
}
.input-group-append {margin-left: 0;}
.form-control:focus {border-color: var(--color-primary);box-shadow: 0 0 0 0.0625rem var(--color-primary);}
.g-recaptcha {transform: scale(0.65);-webkit-transform: scale(0.65);transform-origin: 0 0;-webkit-transform-origin: 0 0;}

/* Others */
.iconface svg {height: 6rem;width: 6rem;color: var(--color-primary);}
.bg-img {background: url(../img/bgadmin.jpg) no-repeat left center;background-size: cover;}
.btn-icon-user svg {width: 1.5rem!important;height: 1.5rem!important;}
.topnav .navbar-brand img {height: 2rem;}
.table-admin th {border: 0!important;}

/* Footer */
#footer a {color: var(--color-secondary);}
.bg-login {
	background:#00356f;
}