/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Raleway:wght@400;600');

.nowrap {
  white-space: nowrap !important;
  word-wrap: initial !important;
}

main {
	flex: 1;
}

.input-mw {
	max-width: 400px !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}

.cursor {
	cursor: pointer;
}

* {
	word-wrap: break-word;
}

p {
	font-weight: 400;
}

.pb-0 {
	padding-bottom: 0 !important;
}


html, body {
	height: 100%;
}

body {
	font-family: 'Raleway', sans-serif;
	display: flex;
	flex-direction: column;
}

:focus-visible, :focus {
    outline: none !important;
}

.no-min-width-desktop {
	min-width: 0 !important;
	width: auto !important;
}

.no-min-width-tablet {
	min-width: 0 !important;
	width: auto !important;
}

.custom-file-label {
	overflow: hidden;
}

.custom-file-label::after {
    display: none !important;
}

.sl-close {
	position: fixed !important;
}

.filter-options {
	background-color: #f2f2f2;
	padding: 0.75rem;
}


a {
	color: #364d36;
	cursor: pointer;
}



img {
	max-width: 100%;
}

a:hover {
	color: #364d36;
	text-decoration: underline !important;
}
.header_brand a:hover, #sidebarMenu a:hover, .navbar a:hover, .nav-tabs a:hover {
	text-decoration: none !important;
}


.table {
	margin-bottom: 0 !important;
}

.table thead th {
	border-color: transparent !important;
}

.table-responsive {
	margin-bottom: 1rem;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #e0e0e0 !important;
}

.form-control td {
	min-width: 200px !important;
}

.form-control {
	vertical-align: middle !important;
}


.custom-file-input {
    z-index: inherit !important;
    opacity: 100 !important;
}

.alert {
	padding: 1rem;
}

.alert_error {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
	padding: 10% 20%;
}

.btn {
   outline: none !important;
   box-shadow: none !important;
}

h1 {
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
}

h2 {
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
}

h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
}

h4 {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}
h1, h2, h3, h4, h5 {
	margin-bottom: 1rem;
}

p {
	font-size: 16px;
}

/* Buttons */

.btn-primary {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #ecb338;
	color: #364d36;
	text-align: center;
	border-radius: 40px;
	font-size: 14px;
	padding: .7rem 1.7rem;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
	background-color: #364d36;
	color: #fff;
	outline: 0;
	box-shadow: none!important;
}

.btn-primary:disabled {
	background-color: #7d8b7d !important;
}

.btn-secondary {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	background: #fff;
	color: #364d36;
	border:1px solid #364d36;
	border-radius: 40px;
	font-size: 14px;
	padding: .7rem 1.7rem;
	text-align: center;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active {
	background-color: #364d36;
	color: #fff;
	outline: 0;
	box-shadow: none!important;
}

/* Header */

header {
	background: #364d36;
	height: 70px;
}

header .container {
	max-width: 100%;
}

/* Header fixed */
@media (min-width: 1200px) {
	
	.header-fixed {
		padding-top: 118px;
	}

	.header-fixed header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 70!important;
	}

	.header-fixed .navbar.bg-light {
		position: fixed;
		width: 100%;
		top: 70px;
		z-index: 40!important;
	}

	.header-fixed .sidebar {
		position: relative;
		top: inherit;
		z-index: inherit;
	}

	.header-fixed .search-nav nav {
		position: relative;
		top: 0;
		z-index: inherit;
	}
}

.datepicker {
	z-index: 30;
}

/* Nav */
.header_menu {
	padding: 0 1rem;
}

.header_brand {
	max-height: 66px;
	height: 66px;
	overflow: hidden;
    display: flex !important;
    align-items: center !important;
	justify-content: center;
	font-size: 50px;
	line-height: 1.1 !important;
	margin-left: 1rem;
}

.header_brand a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;

}

.header_brand a:hover {
	text-decoration: none;
}

.header_brand img {
	padding: 0;
	max-height: 62px;
	max-width: 100%;
}

.navbar-toggler {
	display: none;
}

.mobile-close {
	display: none;
}

nav a {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

.nav-link, .dropdown-item {
	white-space: pre-line;
	padding: .5rem 1rem !important;
}

.nav-link {
cursor: pointer;
}

.nav-item {
	max-width: 100% !important;
}

.navbar-light .navbar-nav .nav-link {
	color: #222;
}

.dropdown-item:active {
	background-color: #ecb338;
}

.header-menu {
	position: absolute;
	float: left;
	margin-left: 1rem;
}

.header-nav {
	float: right;
	margin-right: 1rem;
}

.header-nav .navbar {
	padding: 0;
}

.header-icon-nav {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: auto;
	color: #fff;
	float: left;
	font-size: 20px;
}

.header-icon-nav a {
	font-size: 20px;
}

.notice-circle {
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	background: #ecb338;
	right: -8px;
	border-radius: 10px;
	z-index: 10;
	animation: blinker 3s linear infinite;
}

.btn-notice {
	background: #ecb338;
	animation: blinker 3s linear;
	animation-iteration-count: 3;
}

@keyframes blinker {
  90% {
    opacity: 0;
  }
}

.header-icon-nav .dropdown-toggle::after {
	content: inherit;
}

.header-icon-nav .nav-link {
	padding: 0!important;
}

.header-icon-nav li {
	list-style: none;
	float: left;
	margin-right: 30px;
	position: relative;
}

.header-icon-nav li a {
	color: #fff;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
	display: block;
}

.header-icon-nav li a:hover {
	color: #ecb338;
}

.header-icon-nav .dropdown-menu {
	padding: 0;
}

.header-icon-nav .dropdown-menu a {
	max-width: 190px;
	white-space: pre-line;
	padding: 15px;
}

.header-icon-nav .dropdown-menu h4 {
	font-size: 14px;
	margin-bottom: 0;
}

.header-icon-nav .dropdown-menu h4:after {
	margin: 0;
	border: 0;
	padding: 0;
}

.header-icon-nav .dropdown-menu p {
	font-size: 12px;
	color: #333;
	text-transform: none;
	margin-bottom: 0;
}

/* BTN NAVBAR */

.btn-navbar {
	position: relative;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #ecb338;
	border: 1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 40px;
    font-size: 14px;
    padding: .7rem 1.7rem;
}

.btn-navbar:hover {
	color: #364d36;
	background: #ecb338;
}

.btn-navbar i {
	font-size: 22px;
	position: absolute;
	left: 15px;
	top: 5px;
}

.btn-navbar span {
	margin-left: 20px;
}

.navbar_img {
	position: absolute;
    background-size: cover;
	background-position: center;
	width: 26px;
	height: 26px;
	margin-right: 5px;
	left: 15px;
	top: 10px;
}

.navbar_img_span {
	margin-left: 25px !important;
}

.forum_img {
	position: absolute;
    background-size: cover;
	background-position: center;
	width: 80px;
	height: 80px;
}

/* Form */

.form-inline {
	position: absolute;
	right: 30px;
	top:-5px;
	display: none;
}

.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after {
    border-radius: 0.25rem !important;
}

.form-inline input {
	border:0;
	border-radius: 20px;
	font-size: 14px;
	padding:15px;
	height: calc(1.5em + .75rem + 8px);
}

.form-group #date {
	display: block;
	width: 100%;
}

.post-row {
	padding:0;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
	border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-video-row {
	padding:0;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
	border-radius: 0;
}

.jumbo-content {
	background: #fff;
	padding: 40px;
	display: inline-block;
}

.startboxes img {
	margin-bottom: 15px;
}

/* Entry content */

.entry-content p {
	margin-bottom: 12px;
}

.entry-content h2 {
	margin-top: 12px;
}

.entry-content ul {
	margin: 0;
	padding: 12px 20px 12px 20px;
}

.entry-content ul li {
	margin-bottom: 10px;
}

.slide, .slide img, .slide a, .slide a:hover {
	outline: 0;
}

.slick-track {
    display: flex !important;
    align-items: center !important;
}

.slick-slide {
	margin-right: 10px !important;
}

.slick-list {
	margin-bottom: 1rem !important;
}

	.slick-list {
		margin-right: -10px !important;

	}
	.slick-slide {
		margin-right: 10px !important;
	}

.slick-slide img {
	margin: 0 auto !important;
}


.slick-slider, .slick-list, .slick-track {
	vertical-align: middle !important;
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
	overflow: hidden !important;
}

.modal-content {
	color: #000 !important;
}

.slick-dots {
	position: relative;
	bottom: 0 !important;
}

.slick-dots li button:before {
	font-family: none!important;
	content: ""!important;
	font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #000;
    border-radius: 40px;
}

.slick-dots li {
	display: inline-block;
}

.slick-dots li:only-child {
        display: none;
}

.slick-dotted.img-slider {
	margin-bottom: 55px;
	display: block;
}

.img-slider .slide {
	border: 0;
	padding: 2px;
	padding-top: 0;
	margin: 0;
	position: relative;
}

.img-slider .slide a {
	z-index: 85;
}

.carousel-item img {
	min-width: 100% !important;
	background-size: cover;
    background-position: top center;
	object-fit: cover !important;
    overflow: hidden;
}
	

.gallery span {
	position: absolute;
	top:10px;
	right: 10px;
	background: #fff;
	display: block;
	width: 30px;
	height: 30px;
	z-index: 80;
	text-align: center;
}

.gallery span i {
	font-size: 20px;
}
.filter_options {
	background: #ececec;
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.filter_options span {
	top:10px;
	right: 10px;
	background: #fff;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	float: right;
}

.filter_options span i {
	font-size: 20px;
}

.video-row {
	object-fit: cover !important;
	pointer-events: none !important;
	display: block !important;
}

/* Dashboard */

.sidebar {
	position: relative;
	padding:0;
}

.sidebar a {
	color: #222;
}

.sidebar .dropdown-menu {
	position: relative!important;
	margin: 0!important;
	transform: inherit!important;
	float: none;
}

.user-sidebar {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	padding-top: 10px;
	margin-bottom: 20px;
}

.user-sidebar img {
	border-radius: 50px;
	border: 2px solid #ecb338;
}

.user-sidebar h3 {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 0;
}

.user-sidebar a {
	text-decoration: underline;
	text-transform: inherit;
	font-size: 13px;
}

.user-sidebar h3:after {
	border: 0;
	margin: 0;
}

.dashboard-box {
	border: 1px solid;
	padding: 2rem;
	overflow: hidden;
}
.mem-adm {
	background-color: #ffffff;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
	border-bottom: none !important;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-item {
    padding-right: 0.5rem;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before, 
.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
	box-shadow: none !important;
}

.form-row {
	margin: 0 !important;
}

.form-group {
	padding: 0.5rem !important;
}

.form-group label {
	font-weight: 600;
}

.custom-file label {
	font-weight: inherit;
	text-transform: inherit;
}

.browse-btn {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border-left: inherit;
}

.btn-toolbar .dropdown {
	margin-right: 10px;
}

#sidebarMenu .nav-mobile, #mainMenu .nav-mobile {
	display: none;
}

#sidebarMenu .logout-mobile, #mainMenu .logout-mobile {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	clear: both;
	margin-top: 20px;
}

#sidebarMenu {
	padding-bottom: 30px;
}

.clickable-row {
	cursor: pointer;
}


.large-form {
	background-color: #f8f9fa;
	padding: 7%;
}

label.form-check-label {
	text-transform: inherit;
	font-weight: normal;
}

/* Tables */

.table .thead-dark th {
	background-color: #364d36;
	border-color: transparent;
}

.btn-toolbar .custom-select {
	width: auto;
	border: 1px solid #364d36;
	font-size: 14px;
}

.btn-toolbar .btn, .btn-toolbar select {
	width: auto;
	border: 1px solid #364d36;
	font-size: 14px;
	margin-right: 8px;
	color: #495057;
	box-shadow: none;
}

.btn-outline-primary {
	border: 1px solid #364d36;
	color: #495057;
}

.btn-toolbar .btn:hover, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
	 background-color: #364d36;
	 color: #fff;
	 border-color: #364d36;
	 outline: 0;
	 box-shadow: none;
}

.btn-danger {
	color: #fff;
}

.border-danger {
	border-color: #dc3545;
}

.table .btn {
	margin-top: 0;
}

.table input, .table select {
	min-width: 200px !important;
}
.table input[type='checkbox'], .table input[type='radio']{
	min-width: 0 !important;
}

.modal input, .modal select {
	min-width: 0 !important;
}


.no-min-width {
	min-width: 0 !important;
}

#date {
	width: auto;
	margin-bottom: 20px;
	display: inline-block;
}

.choose-date .btn {
	margin-top: 0;
	margin-left: 5px;
}

.custom-checkbox {
	margin-bottom: 20px;
}
.custom-text {
	display: inline-block;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	vertical-align: middle;
	border: 1px solid #ced4da;
    border-radius: .25rem;
}

.disabled {
	background-color: #fafafa !important;
	opacity: 1 !important;
	color: #ced4da !important;
	border-color: #ced4da !important;
}


.roles-checkbox {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.table td {
	vertical-align: top;
}

.table th i {
	font-size: 16px;
	color: #fff;
}


.table td i {
	font-size: 16px;
}

.green {
	background-color: #c3e6cb!important;
}

.yellow {
	background-color: #ffeeba!important;
}

.blue {
	background-color: #bee5eb!important;
}

.red {
    background-color: #f5c6cb!important;
}

.table .btn {
	font-size: 13px;
}

.activity-date-outer {
	background-color: #c4c4c4;
	color: #FFFFFF; 
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
}
	.activity-date-inner {
		background-color: #FFFFFF; 
		color: #c4c4c4; 
		text-align: center;
		padding: 5px 10px 5px 10px;
	}

/* 404 */

.page-not-found {
    padding-top: 10%;
    padding-bottom: 10%;
}


/* Search */

.search-nav {
	border-bottom: 0!important;
}

.search-results h3 {
	margin-bottom: 0;
	font-size: 20px;
}

.search-results h3:after {
	border: 0;
	margin: 0;
}

.search-results .col-md-12 {
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.pagination {
	padding-left: 0!important;
}

.pagination .page-link {
	border: 1px solid #364d36;
	color: #364d36;
}

.pagination .page-item.active .page-link {
	background: #364d36;
	border-color: #364d36;
}


/* Footer */

footer {
	bottom: 0;
	width: 100%;
	margin-top: auto;
}

.footer-copyright {
	font-size: 14px;
}

#ResponsivMenus {
	display: none !important;
}

.pagination {
	width: 100%;
}

.pagination_top {
	float: right;
}

.pagination_bottom {
	float: right;
}

.modal-body {
	white-space: pre-line;
	text-align: left !important;
}

.modal-dialog {
    min-height: calc(100vh - 500px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
	.modal-content {
		border: none !important;
	}
	.modal-header, .modal-footer, .modal-content hr {
		border-color: rgba(0,0,0,.1) !important;
	}
	.modal-body .w-100 {
		margin-bottom: 1rem;
	}
	
.btn.dropdown-toggle.btn-light.bs-placeholder {
	color: #000;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.bs-container .dropdown-menu {
    background-color: #fff;
    border: none !important;
}

.bs-container .dropdown-item.active, .bs-container .dropdown-item:active {
    background-color: #ececec;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.form-control:disabled, .form-control[readonly], .custom-select:disabled, .custom-select[readonly] {
	opacity: 1 !important;
}

.page-link:focus {
    box-shadow: none !important;
}


.modal {
	overflow-y:auto !important;
}

.span_left span {
    position: absolute;
    top: 0px;
    left: 0x;
    display: block;
    z-index: 80;
    text-align: center;
	padding: 4px 8px;
	overflow: hidden;
	line-height: 1;
}

.header-container {
	margin-right: auto;
	margin-left: auto;
}

.fade-in {
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fade-out {
  animation: fadeOut 2s;
  -webkit-animation: fadeOut 2s;
  -moz-animation: fadeOut 2s;
  -o-animation: fadeOut 2s;
  -ms-animation: fadeOut 2s;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-o-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-ms-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}


@media (min-width: 1200px) {
	.header-container {
		max-width: 1200px;
	}
}

/* Overflow dropdown */
.overflow-dropdown {
  display: none;
}

.navbar-desktop {
	display: flex;
	width: 100%;
	max-width: 100%;
}

.nav-item {
	padding: 0;
}

.dropdown-overflow-innerdd {
	padding-left: 10px;
}

.dropdown-overflow-innerdd a::before {
  content: '•'; /* Bullet character */
  display: inline-block;
  padding-right: 10px;
  font-size: 200%;
  line-height: 0;
  vertical-align: middle;
  margin-bottom: 2px;
}

.overflow-dropdown .dropdown-menu, .navbar-desktop .dropdown-menu {
	margin-top: 10px;
}








/* Tablet */

@media (max-width: 1199px) {
	
	.alert_error {
		padding: 10%;
	}
	
	.btn-navbar {
		position: relative;
		border-radius: 50%!important;
		padding: 7px !important;
		min-width: 40px;
		max-width: 40px;
		min-height: 40px;
		max-height: 40px;
	}

	.btn-navbar i {
		position: relative;
		font-size: 24px;
		line-height: 24px;
		margin-right: 0px;
		left: 0px;
		top: 0px;
	}
	

	.btn-navbar span {
		display: none;
	}

	.navbar_img {
		position: relative;
		width: 24px;
		height: 24px;
		margin-right: 0px;
		left: 0px;
		top: 0px;
	}

	.navbar_img_span {
		margin-left: 25px !important;
	}
	
	
	.notice-circle {
		right: inherit;
		left: -2px;
	}
	
	.float-right-tablet {
		order: 100;
	}
	
	a.anchor {
		top: -70px;
	}
		
	.col-xl-4 {
		margin-bottom: 20px;
	}

	.header-mobile-fixed {
		position: fixed;
		width: 100%;
		z-index: 99;
		top:0;
	}
	
	.header-mobile-not-fixed {
		margin-top: 0 !important;
	}

	main {
		margin-top: 60px;
	}

	.header-user img {
		top:8px;
		left: 8px;
	}
	
	header {
		position: relative;
		height: 60px;
	}

	header .col-md-6 {
		position: inherit;
	}

	.navbar-toggler, .navbar-toggler:focus, .navbar-toggler-button, .navbar-toggler-button:focus {
		display: block;
		outline: 0;
		background: #456045;
		border-radius: 60px;
		width: 40px;
		height: 40px;
		text-align: center;
		padding: 0;
		position: absolute;
		left: 16px;
		top: 11px;
		border: 0;
		color: #fff;

	}

	.navbar-toggler i, .navbar-toggler-button i {
		color: #fff;
		font-size: 23px;
		display: block;
		padding-top: 1px;
	}

	.navbar {
		padding: 0;
	}

	.navbar-collapse {
		display: none;
		padding: 0;
		z-index: 99;
		width: 100%;
		top: 0;
		height: 100%;
		background: #f8f9fa;
		left: 0;
		position: fixed;
	}

	.navbar-nav {
		position: relative;
		margin: 10% auto 0;
	}

	nav a {
		font-size: 16px;
	}

	.navbar-collapse.show {
		display: block;
		position: fixed;
		overflow-y: scroll;
		padding-bottom: 50px;
	}

	.mobile-close {
		position: absolute;
		right: 26px;
		top:16px;
		font-size: 20px;
		cursor: pointer;
		display: block;
		z-index: 89;
	}

	.header-nav .navbar {
		display: none;
	}

	.header-nav {
		position: absolute;
		margin-right: 1rem;
		right: 0;
	}

	.header-nav .login {
		padding: 0;
		text-align: center;
		width: 40px;
		height: 40px;
	}

	.header-nav .logintext {
		display: none;
	}

	.login i {
		position: absolute;
		top: 2px;
		left: 11px;
	}

	#sidebarMenu, #mainMenu {
		display: block;
		padding-bottom: 30px;
	}

	#sidebarMenu a, #mainMenu a {
		font-size: 14px;
		display: block;
	}

	.user-sidebar {
		width: 100%;
	}

	.user-sidebar .col-5 {
		width: auto;
		max-width: auto;
		flex: inherit;
	}

	.user-sidebar .col-5 img {
		width: 100px;
	}

	#sidebarMenu, #mainMenu {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 99;
		top: 0px;
		overflow-y: scroll;
	}

	#sidebarMenu .logout-mobile, #mainMenu .logout-mobile {
		display: inline-block;
		clear: both;
		text-transform: uppercase;
		text-decoration: none;
		margin-top: 15px;
	}

	#sidebarMenu .nav-mobile, #mainMenu .nav-mobile {
		display: block;
	}

	#sidebarMenu a span, #mainMenu a span {
		color: #ecb338;
		font-weight: bold;
		margin-left: 3px;
	}

	.dashboard .login {
		display: none;
	}



	#ResponsivMenus {
		display: block !important;
	}
	
	.header_menu {
		padding: 0;
	}
	
	.header_brand {
		margin: 0 auto;
		width: 60%;
		max-height: 56px;
		height: 56px;
		text-align: center;
		padding: 0 !important;
		overflow: hidden;
		font-size: 40px;
	}
	
	.header_brand img {
		max-height: 56px;
	}
	

	.no-min-width-desktop {
		min-width: 100% !important;
	}
	
	.no-min-width-tablet {
		min-width: 0 !important;
		width: auto !important;
	}

	.dashboard-box {
		padding: 1rem;
	}
}

/* Mobile */

@media (max-width: 768px) {
	
	body {
		font-size: 14px;
		line-height: 1.5;
	}
	
	.alert_error {
		padding: 3%;
	}

.slick-slider {
	margin-right: -10px !important;
}
	
	.slick-slider {
		margin-right: 0px !important;
	}
	
	.no-min-width-desktop {
		min-width: 100% !important;
	}
	
	.no-min-width-tablet {
		min-width: 100% !important;
	}
	
	.pagination_top {
		display: none;
	}

	.pagination_bottom {
		float: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.float-right-mobile {
		order: 100;
	}

	h1 {
		font-size: 24px;
		line-height: 30px;
	}

	h2 {
		font-size: 20px;
		line-height: 26px;
	}
	
	h3 {
		font-size: 16px;
		line-height: 22px;
	}
	
	h4 {
		font-size: 14px;
		line-height: 20px;
	}

	p, ul {
		font-size: 14px;
		line-height: 26px;
	}
	
	ul {
		padding-inline-start: 1.25rem;
	}

	header {
		position: relative;
		height: 60px;
	}

	header .col-md-6 {
		position: inherit;
	}

	.jumbo-content {
		width: 80%;
		position: relative;
		margin: 0 auto;
	}

	.jumbo-content h1 {
		font-size: 22px;
	}

	/* Tables mobile */

	.table th {
		font-size: 12px;
	}

	.table td {
		font-size: 12px;
	}

	.table .btn {
		font-size: 12px;
	}

	/* Startboxes mobile */

	.startboxes div {
		margin-bottom: 20px;
	}

	.startboxes div:last-child {
		margin-bottom: 0;
	}


	.slick-arrow {
		display: none;
	}

	/* Dashboard mobile */

	.dashboard-box {
		border: none !important;
		padding: 1rem;
	}
	
	.modal-dialog {
		margin: 0.5rem;
		max-width: 100%;
		width: auto;
		justify-content: start;
	}
	
	.large-form {
		padding: 0.75rem;
	}
	
	.form-group {
		padding: 0 !important;
	}
	
	.forum_img {
		width: 40px;
		height: 40px;
	}
}

.grecaptcha-badge {
    display: none;
}

.noheader {
	margin-top: 0px !important;
}



/* Not desktop/tablet/mobile */
@media (min-width: 1200px) {
	.not-desktop {
		display: none !important;
	}

	.not-desktop-tablet {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.not-mobile-tablet {
		display: none !important;
	}
	
	.not-tablet {
		display: none !important;
	}
	
	.not-desktop-tablet {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.not-mobile {
		display: none !important;
	}
	
	.not-mobile-tablet {
		display: none !important;
	}
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}