/**
 * Generals
 */
:root {
	--primary-color: #04a9a6;
}

html, body {
	height: 100%;
}

#app {
	min-height: 100%;
	background: rgba(0,0,0,.02);
}

a, .btn.btn-link {
	color: #006156;
}
a:hover, .btn.btn-link:hover {
	color: #024941;
}

label {
	font-weight: 500;
}

.btn-outline-primary {
	border-color: #044b51;
	color: #044b51;
}

.btn-outline-primary:hover, 
.btn-outline-primary:active, 
.btn-outline-primary:focus {
	background: transparent !important;
	box-shadow: none !important;
	color: #044b51 !important;
	border-color: #044b51 !important;
}

input[type=text],
input[type=number],
input[type=email] {
	border: 1px solid #044b51 !important;
}

input[type=text]:focus,
input[type=text]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active {
	box-shadow: none !important;
	border: 1px solid #044b51;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,1);
}

/**
 * Pagination
 */
.pagination {
	display: inline-flex;
}

.pagination .page-item.active .page-link {
	background-color: #006156;
	border-color: #024941;
}

.pagination .page-link {
	color: #006156;
	box-shadow: none !important;
}

/**
 * Navbar
 */
.navbar {
	background: transparent;
	padding: 0;
}

.navbar .navbar-brand {
	padding: 2px 0;
	display: flex;
	align-items: center;
	display: flex;
}

.navbar .navbar-brand img {
	max-height: 40px;
	margin-right: 10px;
}

.navbar .navbar-brand div {
	display: flex;
	flex-direction: column;
	font-size: 18px;
	line-height: 18px;
}

.navbar .navbar-brand div small {
	display: block;
	font-size: 13px;
	line-height: 13px;
}

.navbar .whatsapp-top img {
	width: 18px;
	margin-top: -2px;
}

.navbar #phone-item:hover #phone-lg {
	display: block;
	position: fixed;
	top: 40px;
	background: white;
	border-radius: 3px;
	padding: 5px 10px;
	color: #FB5000;
	user-select: none;
}

.navbar #phone-item #phone-lg {
	display: none;
}

.navbar #online-icon.online {
	color: #66e283;
}

.navbar #add-to-cart-btn a {
	position: relative;
}


.navbar #add-to-cart-btn .rows {
	position: absolute;
	top: 0;
	right: -5px;
	border-radius: 50%;
	background: white;
	color: #044b51;
	font-size: 11px;
	width: 15px;
	height: 15px;
	display: none;
	justify-content: center;
	align-items: center;
	letter-spacing: -1px;
	font-weight: 500;
}

.navbar-top {
	background: #04a9a6;
	color: white;
	padding-top: 10px;
}

.navbar-top a {
	color: white !important;
}

.navbar-bottom-wrapper {
	/*background: #04a9a6;*/
}

.navbar-inner-top {
	background: #04a9a6;
	padding-bottom: 10px;
}

.navbar-bottom-wrapper > .container {
	overflow-x: auto;
	overflow-y: visible;
}

.navbar-bottom {
	color: white;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	flex: 1;
}

.navbar-bottom .btn-filter {
	margin-right: 55px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.navbar-bottom .btn-filter > .dropdown > div,
.navbar-bottom .btn-filter > .dropdown > a {
	font-size: 16px;
}

.navbar-bottom .btn-filter.small {
	width: 40px;
	margin-right: 0;
	padding-top: 3px;
}

.navbar-bottom .btn-filter:last-of-type {
	/*padding-right: 160px;*/
	/*padding-left: 20px;*/
}

.navbar-bottom .btn-filter a i.fa {
	font-size: 10px;
}

.navbar-bottom a[data-toggle="dropdown"] {
	color: white !important;
	text-decoration: none !important;
	font-size: 16px;
	white-space: nowrap;
	cursor: pointer;
}

.navbar-bottom .dropdown.show .dropdown-menu  {
	position: fixed;
   	top: auto;
   	left: auto;
}

.navbar-bottom .dropdown.show .dropdown-menu.show {
	display: block !important;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item {
	font-size: 13px;
	padding: 5px 10px;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item:hover {
	background: white;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item:active {
	background: #FB5000;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item.input:active {
	background: white;
}

.navbar-bottom .dropdown.show .dropdown-menu.dropdown-menu-right {
	right: inherit !important;
}

.navbar-bottom .nvb-selection {
	display: block;
	color: white !important;
	text-decoration: none !important;
	white-space: nowrap;
	position: relative;
}

.navbar-bottom .nvb-selection span {
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
}

.navbar-bottom-selection .nvb-selection:empty {
	line-height: 0;
}

.navbar-bottom .dropdown .dropdown-rows {
	max-height: 300px;
	overflow-y: auto;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item.disabled {
	display: none;
}

.navbar-bottom .btn-filter .dropdown-menu .dropdown-item.disabled i {
	color: #006156;
}

@media screen and (max-width: 575px) {
	.navbar-bottom .btn-filter .dropdown-menu {
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100%;
		height: 100%;
		margin: 0;
		border: none;
		border-radius: 0;
		padding: 0;
		flex-direction: column;
	}

	.navbar-bottom .dropdown.show .dropdown-menu.show {
		display: flex !important;
	}

	.navbar-bottom .btn-filter .dropdown-menu .dropdown-item {
		font-size: 16px;
		border-bottom: 2px solid #d3d3d345;
		padding-left: 20px;
		max-width: 100%;
    	white-space: initial;
	}

	.navbar-bottom .btn-filter .dropdown-menu .dropdown-item.disabled {
		color: #333;
		font-weight: bold;
		font-size: 18px;
		padding: 10px 0px;
		display: block;
	}

	.navbar-bottom .btn-filter .dropdown-menu .dropdown-item.disabled i {
		width: 20px;
		font-size: 20px;
		margin-left: 10px;
	}

	.navbar-bottom .dropdown .dropdown-rows {
		height: 100%;
		max-height: 100%;
	}

}

/**
 * Navbar promo
 */
#navbar-promo {
	display: block;
	overflow: hidden;
	background: #FAFAFA;
	border: 1px solid #cc0000;
}

#navbar-promo .inner-text {
	font-size: 16px;
	white-space: nowrap;
	color: #212529;
}


/**
 * Navbar search box
 */
.searchbox-wrapper {
	/*position: fixed;*/
	left: 0;
	width: 100%;
	background: #e44b04;
	background: #04a9a6;
	padding: 3px 0;
	display: flex;
	align-items: center;
}

.searchbox-wrapper .search-box {
	min-width: 240px;
	display: inline-block;
}

.searchbox-wrapper .search-box input, .searchbox-wrapper .search-box button {
	height: 35px;
	font-size: 12px;
	line-height: 10px;
}

.searchbox-wrapper .search-box input {
	padding: 0px 3px;
}

.searchbox-wrapper .search-box button {
	padding: 2px 5px;
}

.searchbox-wrapper .social {
	width: 100px;
	height: 35px;
	color: white;
	display: flex;
}

.searchbox-wrapper .social a {
	height: 100%;
	margin-right: 10px;
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
}

.searchbox-wrapper .social i {
	color: white;
	font-size: 20px;
}



.searchbox-wrapper .social a img {
	height: 100%;

}


.searchbox-wrapper .opinion {
	display: none;
	/* width: 50%;
	color: white;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	padding-left: 5px; */
}

.searchbox-wrapper .opinion a {
	color: white;
}

.searchbox-wrapper .opinion a span {
	color: #07429a;
}

.without-filter {
	margin-top: 35px;
}


@media (min-width: 768px) {
	.searchbox-wrapper {
		/*position: fixed;*/
	}
}

@media (max-width: 768px) {
	.searchbox-wrapper .search-box {
		margin-left: auto;
	}
}

/**
 * Remove outline on inputs
 */
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

/**
 * From control focus outline
 */
.form-control:focus {
	border-color: #044b51;
}

/**
 * Btn lys
 */
.btn-lys { 
  color: #FFFFFF; 
  background-color: #FB5000; 
  border-color: #E44B04; 
} 
 
.btn-lys:hover, 
.btn-lys:focus, 
.btn-lys:active, 
.btn-lys.active, 
.open .dropdown-toggle.btn-lys { 
  color: #FFFFFF; 
  background-color: #E44B04; 
  border-color: #E44B04; 
} 
 
.btn-lys:active, 
.btn-lys.active, 
.open .dropdown-toggle.btn-lys { 
  background-image: none; 
} 
 
.btn-lys.disabled, 
.btn-lys[disabled], 
fieldset[disabled] .btn-lys, 
.btn-lys.disabled:hover, 
.btn-lys[disabled]:hover, 
fieldset[disabled] .btn-lys:hover, 
.btn-lys.disabled:focus, 
.btn-lys[disabled]:focus, 
fieldset[disabled] .btn-lys:focus, 
.btn-lys.disabled:active, 
.btn-lys[disabled]:active, 
fieldset[disabled] .btn-lys:active, 
.btn-lys.disabled.active, 
.btn-lys[disabled].active, 
fieldset[disabled] .btn-lys.active { 
  background-color: #FB5000; 
  border-color: #E44B04; 
} 
 
.btn-lys .badge { 
  color: #FB5000; 
  background-color: #FFFFFF; 
}

/**
 * Panel lys
 */
.card-lys {

}

.card-lys .card-header {
	background: rgba(251, 80, 0, 0.1);
}


/**
 * List group
 */
.list-group {

}

.list-group .list-group-item.active {
	background: #006156;
	border-color: #024941;
}


/**
 * Cart
 */

#modal-cart .close {
	margin-top: -10px;
	margin-bottom: 15px;
	color: #006156;
	font-size: 14px;
	font-weight: normal;
	opacity: 1;
}

#modal-cart .modal-footer {
	border-top: 1px solid #006156;
}

#modal-cart .cart-row {
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

#modal-cart .cart-row .cristal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    z-index: 3;
}

#modal-cart .cart-row .left {
    width: 15%;
}

#modal-cart .cart-row .center {
    width: 65%;
}

#modal-cart .cart-row .right {
    width: 20%;
    position: relative;
}

#modal-cart .cart-row .title {
	font-size: 16px;
	line-height: 16px;
}

#modal-cart .cart-row .author {
	margin-bottom: 5px;
	font-size: 12px;
}

#modal-cart .cart-row .cover {
	height: 70px;
	text-align: center;
}

#modal-cart .cart-row .cover img {
	height: 100%;
}

#modal-cart .cart-row .price {
	font-size: 17px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	bottom: 5px;
	right: 0;
}

#modal-cart .cart-row .delete_qty {
	display: flex;
	align-items: center;
}

#modal-cart .cart-row .delete {
	width: 80px;
	font-size: 13px;
}

#modal-cart .cart-row .qty_wrapper {
	width: 100px;
}

#modal-cart .cart-row-shipping,
#modal-cart .cart-row-discount, {

}

#modal-cart .cart-row-shipping .cover,
#modal-cart .cart-row-discount .cover {
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
}

#modal-cart .cart-row-shipping .center,
#modal-cart .cart-row-discount .center {
    display: flex;
	justify-content: space-between;
	align-items: center;
}

#modal-cart .cart-row-shipping .center div,
#modal-cart .cart-row-discount .center div {
	justify-content: center;
    display: flex;
    flex-direction: column;
}

#modal-cart .cart-row-shipping .cover img,
#modal-cart .cart-row-discount .cover img {
	height: auto;
	width: 80%;
}

#modal-cart .cart-row-shipping .price,
#modal-cart .cart-row-discount .price {
	height: 100%;
}

#modal-cart .cart-total {
	text-align: right;
	color: #333;
	font-size: 18px;
}

#modal-cart .cart-row .checkbox-wrapper {
	display: flex;
	justify-content: flex-end;
	z-index: 4;
	position: relative;
}

#modal-cart .cart-row .checkbox {
	width: 20px;
	position: relative;
}

#modal-cart .cart-row .checkbox label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	border: 1px solid #006156; 
}

#modal-cart .cart-row .checkbox label:after {
	content: '';
	width: 10px;
	height: 5px;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 2px solid #006156;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	transform: rotate(-45deg);
}
#modal-cart .cart-row .checkbox input[type=checkbox] {
	visibility: hidden;
}
#modal-cart .cart-row .checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}


/**
 * Footer
 */
.footer {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer a {
	font-size: 13px;
}