body{
	/*background-color: #CDDC39!important;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background-blend-mode: multiply,multiply;
    background-attachment: fixed;*/
}

.popover{z-index:1040}
.fw-bolder{font-weight: 600!important;}

/*.select2-search__field:placeholder-shown{width: 0.75em !important;}
.select2-search__field {width: 0.75em !important;}*/

.grecaptcha-badge { visibility: hidden; }
.o-hidden {overflow:hidden}
.bg-cover-center {background-position: center!important;background-size: cover!important;}
.bg-white-10 {background-color: rgba(255, 255, 255, 0.1)}
.bg-white-20 {background-color: rgba(255, 255, 255, 0.2)}
.bg-white-30 {background-color: rgba(255, 255, 255, 0.3)}
.bg-white-40 {background-color: rgba(255, 255, 255, 0.4)}
.bg-white-50 {background-color: rgba(255, 255, 255, 0.5)}
.bg-black-10 {background-color: rgba(0, 0, 0, 0.1)}
.bg-black-20 {background-color: rgba(0, 0, 0, 0.2)}
.bg-black-30 {background-color: rgba(0, 0, 0, 0.3)}
.bg-black-40 {background-color: rgba(0, 0, 0, 0.4)}
.bg-black-50 {background-color: rgba(0, 0, 0, 0.5)}
.bg-yellow{background-color: #FFEB3B;}
.bg-yellow-light{background-color: #FFF59D;}
.min-w1{min-width: 10px}
.min-w2{min-width: 20px}
.min-w3{min-width: 30px}
.min-w4{min-width: 40px}
.min-w5{min-width: 50px}
.min-w10{min-width: 100px}

.bg-blue{background-color: #03A9F4!important;}
.bg-green{background-color: #8BC34A!important;}
.opacity-05{opacity: 0.5}

a.text-white-50:hover, button.text-white-50:hover{color: #fff!important}

/*
border flush
col-12 col-lg-6 border-flush
*/
.border-flush{
	border-bottom: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6; 
}

@media(max-width:991px){
	.border-flush{
		border-right: none;
	}
  
	.border-flush:last-child {
		border-bottom: none;
	}
}

@media(min-width:992px){
	.border-flush:nth-child(2n){
		border-right: none;
	}

	.border-flush:last-child, .border-flush:nth-last-child(2){
		border-bottom: none;
	}
}


/*
google maps API
*/
#G_mapInsideAd{height:200px;width:100%}
#G_map{height:70vh;width:85vw}

/*
swal overide
*/
body.swal2-height-auto {
    height: 100%!important;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
	overflow: hidden;
	overflow-y: auto;
	padding: 0 !important;
}

/*
swal custom for google maps popup
*/
.swal2-popup-custom {
    width: auto!important;
    height: auto!important;
    border-radius: 0.5rem!important;
    padding: .5em!important;
}

/*
select2	overide
*/
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #86b7fe;
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #ced4da;
	display: flex;
}
.select2-container .select2-selection--multiple {
	min-height: 38px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff3cd;
    border: none;
    border-radius: 3px;
    margin-top: 3px;
    padding: 0 6px;
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 3px 12px 6px 12px;
}
.select2-search--inline {
    display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
}

.select2-search__field:placeholder-shown {
   /* width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 0;
	padding-bottom: .85em;
}

/*select2 single*/
.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 4px 20px 2px 12px;
	color: #212529;
	min-width: 60px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
}
.select2-container .select2-selection--single {
	height: 38px;
	border: 1px solid #ced4da;
}

/*select2 dropdown*/
.select2-dropdown {
	border: 1px solid #ced4da;
}
.select2-results__option {
	padding: 6px 12px;
}

/*datatables*/
.dataTables_filter, .dataTables_length {display:none}
.dataTables_info {padding-left: 16px;}
.dataTables_paginate {padding-right: 16px;}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/*
https://bootstrapious.com/p/bootstrap-divider
<hr data-content="AND" class="hr-text">
*/
hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-circle {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-circle i {
  position: relative;
  top: -1px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
}

.btn-circle-lg {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 1.1rem;
}

.btn-circle-xl {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 1.3rem;
}

/* textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
} */

body.modal-open {
	overflow: hidden;
	overflow-y: auto;
	padding-right:0 !important;	
}

.modal {
    padding-right: 0px !important;
}

.p-row-sm {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.p-row-sm > div[class^="col"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.p-container-sm {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*
	selectpicker
*/
.bootstrap-select .dropdown-menu.show {
	width: 100%;
}

.bootstrap-select .btn.selectpicker {
	height: 38px;
}
.bootstrap-select .btn.selectpicker.dropdown-toggle::after {
	vertical-align: 9px;
}
.bootstrap-select .btn:focus {
	outline: #4a90e2 dotted thin!important;
    outline: #4a90e2 auto 5px!important;
    outline-offset: -2px;
}
.bootstrap-select .dropdown-menu.show .inner {
	display: block;
}
.bootstrap-select .dropdown-menu.show .inner li.selected {
	background-color: #2196f3;
}
.bootstrap-select .dropdown-menu.show .inner li.selected a {
	color: #fff;
}
.bootstrap-select .dropdown-menu.show .inner li a {
	padding: 5px;
	color: #000;
	display: block;
}
.bootstrap-select .dropdown-menu.show .inner li a:hover {
	background-color: #ccc;
}

.dropdown-menu {
    z-index: 1031;
}

.dropdown-menu li a:hover{color:#fff}


#paymentMethodsModal .list-group-item {background-color: #fff;}
#paymentMethodsModal .list-group-item {color: #444;}
#paymentMethodsModal .list-group-item-action:active{background-color:#2e283e}
#paymentMethodsModal .list-group-item:focus,
#paymentMethodsModal .list-group-item:hover {
    text-decoration: none;
    color: #007bff;
    background-color: #f8f8f8;
}

/*********************************************************************************************************************************************************************************
	form sign in
**********************************************************************************************************************************************************************************/

:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem;
}

*:focus {
    outline: none !important;
	box-shadow: none !important;
}

.card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-signin .card-body {
  padding: 2rem;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem 0;
  transition: all 0.2s;
  text-transform: uppercase;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input {
  height: auto;
  border-radius: 2rem;
}

.form-label-group>input,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
}

.form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

.btn-google {
  color: white;
  background-color: #ea4335;
}

.btn-facebook {
  color: white;
  background-color: #3b5998;
}
.btn-google:hover {
    color: #fff;
    background-color: #e12717;
}
.btn-facebook:hover {
    color: #fff;
    background-color: #30497c;
}
.bg-login-image {
	background: url(/assets/images/login_bg.jpg);
}
.bg-register-image {
	background: url(/assets/images/register_bg.jpg);
}
.bg-recover-image {
	background: url(/assets/images/recover_bg.jpg);
}
.bg-password-image {
	background: url(/assets/images/recover_bg.jpg);
}
/* Fallback for Edge
-------------------------------------------------- */

@supports (-ms-ime-align: auto) {
  .form-label-group>label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .form-label-group>label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

/*********************************************************************************************************************************************************************************
	purecookie
**********************************************************************************************************************************************************************************/

.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #343a40;
	overflow: hidden;
	position: fixed;
    bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #3E9B67;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}

.slogan {max-height: 49px;}

[data-lity] {cursor:pointer}
.product-list-poster {
	height: 250px;background-size: cover;background-position: center center;
}


@media print {
    .print-element {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}