/*-----------------------------------------------------------------------------------



    Template Name: Phuler - Flower eCommerce Bootstrap4 Template

    Version: 1.2



-----------------------------------------------------------------------------------



    [Table of contents]



    1. Template default css

    2. Scroll

    3. Navbar y sidebar

    4. Login



-----------------------------------------------------------------------------------*/





/*-----------------------------

    1. Template default css

-------------------------------*/



@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Rubik:300,400,500,700,900|Poppins:300,400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,500,600&display=swap');

@import url("../fonts/fontawesome-free-5.7.1-web/css/all.css");



body {

	font-family: 'Lato', sans-serif;

	font-weight: 400;

	font-style: normal;

	font-size: 14px;

	color: #242424;

	background-color: #edecec;

}





/* .bd-example-modal-lg .modal-dialog{

    display: table;

    position: relative;

    margin: 0 auto;

    top: calc(50% - 24px);

}



.bd-example-modal-lg .modal-dialog .modal-content{

    background-color: transparent;

    border: none;

} */



.vertical-align-table {

	vertical-align: middle !important;

}



.detallesPedido {

	background-color: #edecec;

}



.badge-purple {

	color: #fff;

	background-color: #9933CC;

}



.badge-purple[href]:focus,

.badge-purple[href]:hover {

	color: #fff;

	text-decoration: none;

	background-color: #9933BE;

}



.badge-orange {

	color: #fff;

	background-color: #ff7006;

}



.badge-green-light {

	color: #fff;

	background-color: #00d857;

}



.badge-green-light[href]:focus,

.badge-green-light[href]:hover {

	color: #fff;

	text-decoration: none;

	background-color: #00AA51;

}



.badge-red-dark {

	color: #fff;

	background-color: #CC0000;

}



.badge-red-dark[href]:focus,

.badge-red-dark[href]:hover {

	color: #fff;

	text-decoration: none;

	background-color: #AE0000;

}



.buttons-excel {

	background-color: #005900;

	border-style: none;

}



.buttons-excel:hover,

.buttons-excel:active,

.buttons-excel:focus {

	background-color: #209620 !important;

	border-style: none;

}



.table-hover-cursor tr {

	cursor: pointer;

}



.bg-blue {

	background-color: #428bca;

}



button.bg-blue:hover {

	background-color: #306ea3;

}



.modal-titulo {

	margin: 2% auto 2%;

	color: #fff;

}



.card-title {

	text-align: center !important;

}



.cerrar-modal {

	margin: 2% 2% 1% 1%;

}



.modal-encabezado {

	text-align: center !important;

}



.imagenCalidad_es,

.imagenCalidad_in {

	max-width: 410px;

}



.change-section {

	background-color: #e0e0e0;

}



.picture-news {

	float: right;

}



.description-news {

	float: left;

}



.container-galery-client {

	position: relative;

	cursor: pointer;

}



.container-galery-client img.card-img-top {

	/* max-height: 9rem; */

}



.imagenSlider {

	max-height: 200px;

}



.table-slider td {

	vertical-align: middle;

}



.img-galery-client {

	display: block;

	width: 100%;

	height: auto;

}



.img-showroom {

	display: block;

	width: 80%;

	height: auto;

}



.alinear-centro {

	vertical-align: middle !important;

	text-align: center;

}



.overlay {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

	transition: .5s ease;

	background-color: #008CBA;

}



.overlay-error {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

	transition: .5s ease;

	background-color: #CC0000;

}



.espacio_img_forma_pago {

	margin-top: 50%;

}



.overlay-intime {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

	transition: .5s ease;

	background-color: #FF8800;

}



.container-galery-client:hover .overlay,

.container-galery-client:hover .overlay-error,

.container-galery-client:hover .overlay-intime {

	opacity: .8;

}



.text-galery-client {

	color: white;

	font-size: 20px;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	text-align: center;

}



.inline-div {

	display: inline-block !important;

}



.maxWidth {

	max-width: 120px;

}



.maxWidthshowRoom {

	max-width: 220px;

}



.selectStatus {

	cursor: pointer;

}



.selectStatus:hover {

	color: #4285F4;

	transition: all 0.3s ease-out 0s;

}



.selectFile {

	cursor: pointer;

	text-decoration: none;

}



.selectFile:hover {

	color: #CC0000;

	transition: all 0.3s ease-out 0s;

}



.spacing-horizontal {

	margin-top: 1%;

	margin-bottom: 1%;

}



.spacing-horizontal-big {

	margin-top: 5%;

	margin-bottom: 5%;

}



.move-register i:hover {

	cursor: move;

}



.img {

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}



a,

.btn {

	-webkit-transition: all 0.1s ease-out 0s;

	-moz-transition: all 0.1s ease-out 0s;

	-ms-transition: all 0.1s ease-out 0s;

	-o-transition: all 0.1s ease-out 0s;

	transition: all 0.1s ease-out 0s;

}



.btn {

	border-radius: 0px;

	font-size: 14px;

	padding: 0px 14px;

	height: 30px;

	line-height: 30px;

}



a:focus,

.btn:focus {

	text-decoration: none;

	outline: none;

}



a:hover {

	color: #9ba1b1;

	text-decoration: none;

}



a:focus {

	text-decoration: none;

}



button:focus {

	outline: 0px dotted;

}



a,

button,

input {

	outline: medium none;

	color: #242424;

}



.uppercase {

	text-transform: uppercase

}



.capitalize {

	text-transform: capitalize

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Raleway', sans-serif;

	color: #242424;

	margin-top: 0px;

	font-style: normal;

	font-weight: 500;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: #242424;

}





/* h1 {

    font-size: 46px;

    font-weight: 500;

}

h2 {

    font-size: 37px;

}

h3 {

    font-size: 28px;

}

h4 {

    font-size: 22px;

}

h5 {

    font-size: 18px;

}

h6 {

    font-size: 16px;

} */





/* ul {

    margin: 0px;

    padding: 0px;

} */



p {

	font-size: 14px;

	font-weight: normal;

	line-height: 24px;

	color: #242424;

	margin-bottom: 15px;

	font-family: 'Lato', sans-serif;

}



hr {

	/* margin: 60px 0; */

	padding: 0px;

	border-bottom: 1px solid #eceff8;

	border-top: 0px;

}



hr.style-2 {

	border-bottom: 1px dashed #f10;

}



hr.mp-0 {

	margin: 0;

	border-bottom: 1px solid #eceff8;

}



hr.mtb-40 {

	margin: 40px 0;

	border-bottom: 1px solid #eceff8;

	border-top: 0px;

}



label {

	font-size: 15px;

	font-weight: 400;

	color: #242424;

}



*::-moz-selection {

	background: #4fc1f0;

	color: #fff;

	text-shadow: none;

}



::-moz-selection {

	background: #4fc1f0;

	color: #fff;

	text-shadow: none;

}



::selection {

	background: #4fc1f0;

	color: #fff;

	text-shadow: none;

}



.mark,

mark {

	background: #4fc1f0 none repeat scroll 0 0;

	color: #ffffff;

}



span.tooltip-content {

	color: #00a9da;

	cursor: help;

	font-weight: 600;

}



.f-left {

	float: left

}



.f-right {

	float: right

}



.fix {

	overflow: hidden

}





/***************************

    transtion

****************************/



a.button::after,

a.button-small::after {

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



.share ul,

.share:hover ul {

	transition: all 0.4s ease-in-out;

	-webkit-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

}



a.button-border span,

a.button-border-white span,

input,

select,

textarea {

	-webkit-transition: all 0.5s ease-out 0s;

	-moz-transition: all 0.5s ease-out 0s;

	-ms-transition: all 0.5s ease-out 0s;

	-o-transition: all 0.5s ease-out 0s;

	transition: all 0.5s ease-out 0s;

}





/*************************

    Input

*************************/



input[type=checkbox] {

	/* background: #eceff8; */

	/* border: 2px solid #eceff8; */

	box-shadow: none;

	padding-left: 10px;

	font-size: 14px;

	color: #626262;

}



input:not(input[type=checkbox]) {

	/* background: #eceff8; */

	/* border: 2px solid #eceff8; */

	/* height: 45px; */

	box-shadow: none;

	padding-left: 10px;

	font-size: 14px;

	color: #626262;

	/* width: 100%; */

}



select {

	width: 100%;

	background: transparent;

	border: 0px solid #eceff8;

	box-shadow: none;

	font-size: 14px;

	color: #626262;

}



option {

	background: #fff;

	border: 0px solid #626262;

	padding-left: 10px;

	font-size: 14px;

}



input:focus {

	background: transparent;

	border: 2px solid #4FC1F0;

}



textarea {

	resize: vertical;

	background: #eceff8;

	border: 2px solid #eceff8;

	padding: 10px;

	width: 100%;

	font-size: 14px;

}



textarea:focus {

	background: transparent;

	border: 2px solid #4FC1F0;

	outline: none;

}



.input-group.divcenter.input-group .form-control {

	padding-left: 0px

}





/*************************

  Basic margin padding

*************************/



.m-0 {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



.p-0 {

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}





/*************************

    Margin top

*************************/



.mt-0 {

	margin-top: 0 !important

}



.mt-10 {

	margin-top: 10px !important

}



.mt-12 {

	margin-top: 12px !important

}



.mt-15 {

	margin-top: 15px !important

}



.mt-20 {

	margin-top: 20px !important

}



.mt-25 {

	margin-top: 25px !important

}



.mt-30 {

	margin-top: 30px !important

}



.mt-35 {

	margin-top: 35px !important

}



.mt-37 {

	margin-top: 37px !important

}



.mt-40 {

	margin-top: 40px !important

}



.mt-45 {

	margin-top: 45px !important

}



.mt-50 {

	margin-top: 50px !important

}



.mt-55 {

	margin-top: 55px !important

}



.mt-60 {

	margin-top: 60px !important

}



.mt-65 {

	margin-top: 65px !important

}



.mt-70 {

	margin-top: 70px !important

}



.mt-75 {

	margin-top: 75px !important

}



.mt-80 {

	margin-top: 80px !important

}



.mt-84 {

	margin-top: 84px !important

}



.mt-90 {

	margin-top: 90px !important

}



.mt-95 {

	margin-top: 95px !important

}



.mt-100 {

	margin-top: 100px !important

}



.mt-110 {

	margin-top: 110px !important

}



.mt-120 {

	margin-top: 120px !important

}



.mt-130 {

	margin-top: 130px !important

}



.mt-140 {

	margin-top: 140px !important

}



.mt-160 {

	margin-top: 160px !important

}



.mt-179 {

	margin-top: 179px !important

}



.mt-150 {

	margin-top: 150px !important

}



.mt-200 {

	margin-top: 200px !important

}



.mt-290 {

	margin-top: 290px !important

}



.mt-285 {

	margin-top: 285px !important

}



.mt-280 {

	margin-top: 280px !important

}





/*************************

    Margin right

*************************/



.mr-0 {

	margin-right: 0px !important

}



.mr-10 {

	margin-right: 10px !important

}



.mr-12 {

	margin-right: 12px !important

}



.mr-15 {

	margin-right: 15px !important

}



.mr-20 {

	margin-right: 20px !important

}



.mr-30 {

	margin-right: 30px !important

}



.mr-35 {

	margin-right: 35px !important

}



.mr-40 {

	margin-right: 40px !important

}



.mr-50 {

	margin-right: 50px !important

}



.mr-60 {

	margin-right: 60px !important

}



.mr-70 {

	margin-right: 70px !important

}



.mr-80 {

	margin-right: 80px !important

}



.mr-90 {

	margin-right: 90px !important

}



.mr-100 {

	margin-right: 100px !important

}



.mr-110 {

	margin-right: 110px !important

}



.mr-120 {

	margin-right: 120px !important

}



.mr-130 {

	margin-right: 130px !important

}



.mr-140 {

	margin-right: 140px !important

}



.mr-150 {

	margin-right: 150px !important

}



.mr-170 {

	margin-right: 170px !important

}





/*************************

    Margin bottom

*************************/



.mb-0 {

	margin-bottom: 0 !important

}



.mb-2 {

	margin-bottom: 2px !important

}



.mb-5 {

	margin-bottom: 5px !important;

}



.mb-10 {

	margin-bottom: 10px !important

}



.mb-12 {

	margin-bottom: 12px !important

}



.mb-15 {

	margin-bottom: 15px !important

}



.mb-20 {

	margin-bottom: 20px !important

}



.mb-25 {

	margin-bottom: 25px !important

}



.mb-30 {

	margin-bottom: 30px !important

}



.mb-35 {

	margin-bottom: 35px !important

}



.mb-40 {

	margin-bottom: 40px !important

}



.mb-45 {

	margin-bottom: 45px !important

}



.mb-50 {

	margin-bottom: 50px !important

}



.mb-55 {

	margin-bottom: 55px !important

}



.mb-60 {

	margin-bottom: 60px !important

}



.mb-65 {

	margin-bottom: 65px !important

}



.mb-70 {

	margin-bottom: 70px !important

}



.mb-75 {

	margin-bottom: 75px !important

}



.mb-80 {

	margin-bottom: 80px !important

}



.mb-90 {

	margin-bottom: 90px !important

}



.mb-100 {

	margin-bottom: 100px !important

}



.mb-110 {

	margin-bottom: 110px !important

}



.mb-120 {

	margin-bottom: 120px !important

}



.mb-130 {

	margin-bottom: 130px !important

}



.mb-140 {

	margin-bottom: 140px !important

}



.mb-150 {

	margin-bottom: 150px !important

}





/*************************

    Margin left

*************************/



.ml-0 {

	margin-left: 0 !important

}



.ml-10 {

	margin-left: 10px !important

}



.ml-12 {

	margin-left: 12px !important

}



.ml-15 {

	margin-left: 15px !important

}



.ml-20 {

	margin-left: 20px !important

}



.ml-30 {

	margin-left: 30px !important

}



.ml-40 {

	margin-left: 40px !important

}



.ml-50 {

	margin-left: 50px !important

}



.ml-60 {

	margin-left: 60px !important

}



.ml-70 {

	margin-left: 70px !important

}



.ml-80 {

	margin-left: 80px !important

}



.ml-90 {

	margin-left: 90px !important

}



.ml-100 {

	margin-left: 100px !important

}



.ml-110 {

	margin-left: 110px !important

}



.ml-120 {

	margin-left: 120px !important

}



.ml-125 {

	margin-left: 125px !important

}



.ml-130 {

	margin-left: 130px !important

}



.ml-140 {

	margin-left: 140px !important

}



.ml-150 {

	margin-left: 150px !important

}



.ml-285 {

	margin-left: 285px !important

}





/*************************

    Padding top

*************************/



.pt-0 {

	padding-top: 0 !important

}



.pt-4 {

	padding-top: 4px !important

}



.pt-10 {

	padding-top: 10px !important

}



.pt-12 {

	padding-top: 12px !important

}



.pt-15 {

	padding-top: 15px !important

}



.pt-20 {

	padding-top: 20px !important

}



.pt-25 {

	padding-top: 25px !important

}



.pt-30 {

	padding-top: 30px !important

}



.pt-35 {

	padding-top: 35px !important

}



.pt-37 {

	padding-top: 37px !important

}



.pt-40 {

	padding-top: 40px !important

}



.pt-45 {

	padding-top: 45px !important

}



.pt-50 {

	padding-top: 50px !important

}



.pt-55 {

	padding-top: 55px !important

}



.pt-58 {

	padding-top: 58px !important

}



.pt-60 {

	padding-top: 60px !important

}



.pt-65 {

	padding-top: 65px !important

}



.pt-68 {

	padding-top: 68px !important

}



.pt-70 {

	padding-top: 70px !important

}



.pt-75 {

	padding-top: 75px !important

}



.pt-80 {

	padding-top: 80px !important

}



.pt-85 {

	padding-top: 85px !important

}



.pt-95 {

	padding-top: 95px !important

}



.pt-90 {

	padding-top: 90px !important

}



.pt-97 {

	padding-top: 97px !important

}



.pt-100 {

	padding-top: 100px !important

}



.pt-95 {

	padding-top: 95px !important

}



.pt-105 {

	padding-top: 105px !important

}



.pt-110 {

	padding-top: 110px !important

}



.pt-115 {

	padding-top: 115px !important

}



.pt-120 {

	padding-top: 120px !important

}



.pt-125 {

	padding-top: 125px !important

}



.pt-130 {

	padding-top: 130px !important

}



.pt-135 {

	padding-top: 135px !important

}



.pt-140 {

	padding-top: 140px !important

}



.pt-145 {

	padding-top: 145px !important

}



.pt-150 {

	padding-top: 150px !important

}



.pt-155 {

	padding-top: 155px !important

}



.pt-160 {

	padding-top: 160px !important

}



.pt-169 {

	padding-top: 169px !important

}



.pt-172 {

	padding-top: 172px !important

}



.pt-175 {

	padding-top: 175px !important

}



.pt-170 {

	padding-top: 170px !important

}



.pt-180 {

	padding-top: 180px !important

}



.pt-190 {

	padding-top: 190px !important

}



.pt-205 {

	padding-top: 205px !important

}



.pt-200 {

	padding-top: 200px !important

}



.pt-220 {

	padding-top: 220px !important

}



.pt-250 {

	padding-top: 250px !important

}



.pt-290 {

	padding-top: 290px !important

}



.pt-285 {

	padding-top: 285px !important

}



.pt-280 {

	padding-top: 280px !important

}



.pt-330 {

	padding-top: 330px !important

}



.pt-345 {

	padding-top: 345px !important

}



.pt-350 {

	padding-top: 350px !important

}



.pt-335 {

	padding-top: 335px !important

}



.pt-365 {

	padding-top: 365px !important

}



.pt-355 {

	padding-top: 355px !important

}



.pt-370 {

	padding-top: 370px !important

}



.pt-380 {

	padding-top: 380px !important

}





/*************************

    Padding right

*************************/



.pr-0 {

	padding-right: 0 !important

}



.pr-10 {

	padding-right: 10px !important

}



.pr-15 {

	padding-right: 15px !important

}



.pr-20 {

	padding-right: 20px !important

}



.pr-30 {

	padding-right: 30px !important

}



.pr-40 {

	padding-right: 40px !important

}



.pr-50 {

	padding-right: 50px !important

}



.pr-55 {

	padding-right: 55px !important

}



.pr-60 {

	padding-right: 60px !important

}



.pr-70 {

	padding-right: 70px !important

}



.pr-80 {

	padding-right: 80px !important

}



.pr-90 {

	padding-right: 90px !important

}



.pr-100 {

	padding-right: 100px !important

}



.pr-110 {

	padding-right: 110px !important

}



.pr-120 {

	padding-right: 120px !important

}



.pr-130 {

	padding-right: 130px !important

}



.pr-140 {

	padding-right: 140px !important

}



.pr-155 {

	padding-right: 155px !important

}



.pr-155 {

	padding-right: 155px !important

}



.pr-180 {

	padding-right: 180px !important

}



.pr-195 {

	padding-right: 195px !important

}



.pr-215 {

	padding-right: 215px !important

}





/*************************

    Padding bottom

*************************/



.pb-0 {

	padding-bottom: 0 !important

}



.pb-5 {

	padding-bottom: 5px !important

}



.pb-6 {

	padding-bottom: 6px !important

}



.pb-10 {

	padding-bottom: 10px !important

}



.pb-13 {

	padding-bottom: 13px !important

}



.pb-15 {

	padding-bottom: 15px !important

}



.pb-20 {

	padding-bottom: 20px !important

}



.pb-25 {

	padding-bottom: 25px !important

}



.pb-30 {

	padding-bottom: 30px !important

}



.pb-35 {

	padding-bottom: 35px !important

}



.pb-40 {

	padding-bottom: 40px !important

}



.pb-45 {

	padding-bottom: 45px !important

}



.pb-50 {

	padding-bottom: 50px !important

}



.pb-55 {

	padding-bottom: 55px !important

}



.pb-60 {

	padding-bottom: 60px !important

}



.pb-65 {

	padding-bottom: 65px !important

}



.pb-70 {

	padding-bottom: 70px !important

}



.pb-75 {

	padding-bottom: 75px !important

}



.pb-80 {

	padding-bottom: 80px !important

}



.pb-85 {

	padding-bottom: 85px !important

}



.pb-90 {

	padding-bottom: 90px !important

}



.pb-95 {

	padding-bottom: 95px !important

}



.pb-97 {

	padding-bottom: 97px !important

}



.pb-100 {

	padding-bottom: 100px !important

}



.pb-105 {

	padding-bottom: 105px !important

}



.pb-107 {

	padding-bottom: 107px !important

}



.pb-110 {

	padding-bottom: 110px !important

}



.pb-115 {

	padding-bottom: 115px !important

}



.pb-120 {

	padding-bottom: 120px !important

}



.pb-125 {

	padding-bottom: 125px !important

}



.pb-130 {

	padding-bottom: 130px !important

}



.pb-135 {

	padding-bottom: 135px !important

}



.pb-140 {

	padding-bottom: 140px !important

}



.pb-145 {

	padding-bottom: 145px !important

}



.pb-146 {

	padding-bottom: 146px !important

}



.pb-150 {

	padding-bottom: 150px !important

}



.pb-155 {

	padding-bottom: 155px !important

}



.pb-160 {

	padding-bottom: 160px !important

}



.pb-169 {

	padding-bottom: 169px !important

}



.pb-178 {

	padding-bottom: 178px !important

}



.pb-172 {

	padding-bottom: 172px !important

}



.pb-180 {

	padding-bottom: 180px !important

}



.pb-190 {

	padding-bottom: 190px !important

}



.pb-210 {

	padding-bottom: 210px !important

}



.pb-230 {

	padding-bottom: 230px !important

}



.pb-212 {

	padding-bottom: 212px !important

}



.pb-250 {

	padding-bottom: 250px !important

}



.pb-258 {

	padding-bottom: 258px !important

}



.pb-280 {

	padding-bottom: 280px !important

}



.pb-210 {

	padding-bottom: 210px !important

}



.pb-285 {

	padding-bottom: 285px !important

}



.pb-290 {

	padding-bottom: 290px !important

}



.pb-280 {

	padding-bottom: 280px !important

}



.pb-285 {

	padding-bottom: 285px !important

}



.pb-200 {

	padding-bottom: 200px !important

}



.pb-215 {

	padding-bottom: 215px !important

}



.pb-295 {

	padding-bottom: 295px !important

}



.pb-440 {

	padding-bottom: 440px !important

}



.pb-450 {

	padding-bottom: 450px !important

}





/*************************

    Padding left

*************************/



.pl-0 {

	padding-left: 0 !important

}



.pl-10 {

	padding-left: 10px !important

}



.pl-15 {

	padding-left: 15px !important

}



.pl-20 {

	padding-left: 20px !important

}



.pl-30 {

	padding-left: 30px !important

}



.pl-40 {

	padding-left: 40px !important

}



.pl-45 {

	padding-left: 45px !important

}



.pl-50 {

	padding-left: 50px !important

}



.pl-55 {

	padding-left: 55px !important

}



.pl-60 {

	padding-left: 60px !important

}



.pl-70 {

	padding-left: 70px !important

}



.pl-80 {

	padding-left: 80px !important

}



.pl-90 {

	padding-left: 90px !important

}



.pl-100 {

	padding-left: 100px !important

}



.pl-110 {

	padding-left: 110px !important

}



.pl-120 {

	padding-left: 120px !important

}



.pl-125 {

	padding-left: 125px !important

}



.pl-130 {

	padding-left: 130px !important

}



.pl-140 {

	padding-left: 140px !important

}



.pl-140 {

	padding-left: 140px !important

}



.pl-170 {

	padding-left: 170px !important

}



.pl-155 {

	padding-left: 155px !important

}



.pl-190 {

	padding-left: 190px !important

}



.pl-195 {

	padding-left: 195px !important

}





/***************************

    Page section padding

****************************/



.ptb-0 {

	padding: 0 !important

}



.ptb-10 {

	padding: 10px 0 !important

}



.ptb-15 {

	padding: 15px 0 !important

}



.ptb-20 {

	padding: 20px 0 !important

}



.ptb-30 {

	padding: 30px 0 !important

}



.ptb-32 {

	padding: 32px 0 !important

}



.ptb-37 {

	padding: 37px 0 !important

}



.ptb-40 {

	padding: 40px 0 !important

}



.ptb-50 {

	padding: 50px 0 !important

}



.ptb-60 {

	padding: 60px 0 !important

}



.ptb-68 {

	padding: 68px 0 !important

}



.ptb-65 {

	padding: 65px 0 !important

}



.ptb-70 {

	padding: 70px 0 !important

}



.ptb-75 {

	padding: 75px 0 !important

}



.ptb-80 {

	padding: 80px 0 !important

}



.ptb-90 {

	padding: 90px 0 !important

}



.ptb-100 {

	padding: 100px 0 !important

}



.ptb-110 {

	padding: 110px 0 !important

}



.ptb-120 {

	padding: 120px 0 !important

}



.ptb-130 {

	padding: 130px 0 !important

}



.ptb-135 {

	padding: 135px 0 !important

}



.ptb-140 {

	padding: 140px 0 !important

}



.ptb-150 {

	padding: 150px 0 !important

}



.ptb-160 {

	padding: 160px 0 !important

}



.ptb-165 {

	padding: 165px 0 !important

}



.ptb-170 {

	padding: 170px 0 !important

}



.ptb-177 {

	padding: 177px 0 !important

}



.ptb-180 {

	padding: 180px 0 !important

}



.ptb-190 {

	padding: 190px 0 !important

}



.ptb-200 {

	padding: 200px 0 !important

}



.ptb-210 {

	padding: 210px 0 !important

}



.ptb-220 {

	padding: 220px 0 !important

}



.ptb-250 {

	padding: 250px 0 !important

}



.ptb-290 {

	padding: 290px 0 !important

}



.ptb-310 {

	padding: 310px 0 !important

}





/***************************

    Page section margin

****************************/



.mtb-0 {

	margin: 0 !important

}



.mtb-10 {

	margin: 10px 0 !important

}



.mtb-15 {

	margin: 15px 0 !important

}



.mtb-20 {

	margin: 20px 0 !important

}



.mtb-30 {

	margin: 30px 0 !important

}



.mtb-40 {

	margin: 40px 0 !important

}



.mtb-50 {

	margin: 50px 0 !important

}



.mtb-60 {

	margin: 60px 0 !important

}



.mtb-70 {

	margin: 70px 0 !important

}



.mtb-80 {

	margin: 80px 0 !important

}



.mtb-90 {

	margin: 90px 0 !important

}



.mtb-100 {

	margin: 100px 0 !important

}



.mtb-110 {

	margin: 110px 0 !important

}



.mtb-120 {

	margin: 120px 0 !important

}



.mtb-130 {

	margin: 130px 0 !important

}



.mtb-140 {

	margin: 140px 0 !important

}



.mtb-150 {

	margin: 150px 0 !important;

}



.mtb-290 {

	margin: 290px 0 !important;

}





/*************************************

    Background variation set

 **************************************/





/*colored background*/



.white-bg {

	background: #fff;

}



.black-bg {

	background: #282829

}



.theme-bg {

	background: #ff3d2a;

}



.gray-bg {

	background: #f8f9f9;

}



.gray-bg-2 {

	background: #e7e8e8;

}



.gray-bg-3 {

	background: #f6f7f7;

}



.blue-bg {

	background: #4FC1F0;

}



.default-bg {

	background: #50C1F0;

}



.pink-bg {

	background: #ffe8e8;

}



.transparent-bg {

	background: transparent;

}





/*Opacity background*/





/* black overlay */



[data-overlay] {

	position: relative;

}



[data-overlay]::before {

	background: #252525 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 1;

}



[data-overlay="3"]::before {

	opacity: 0.3;

}



[data-overlay="4"]::before {

	opacity: 0.4;

}



[data-overlay="5"]::before {

	opacity: 0.5;

}



[data-overlay="56"]::before {

	opacity: 0.56;

}



[data-overlay="6"]::before {

	opacity: 0.6;

}



[data-overlay="7"]::before {

	opacity: 0.7;

}



[data-overlay="8"]::before {

	opacity: 0.8;

}





/*image background*/



.bg-1,

.bg-2,

.bg-3,

.bg-4,

.bg-5,

.bg-6,

.bg-7,

.bg-8,

.bg-9,

.bg-10 {

	background-attachment: fixed;

	background-clip: initial;

	background-color: rgba(0, 0, 0, 0);

	background-origin: initial;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	position: relative;

	z-index: 0;

}



.bg-1 {

	background: url(../../images/bg/1.jpg);

}



.bg-img {

	background-position: center center;

	background-size: cover;

}



:focus {

	outline: -webkit-focus-ring-color auto 0px;

}



:focus {

	outline: -mos-focus-ring-color auto 0px;

}



:focus {

	outline: none;

}



.header-search form button {

	outline: medium none;

}



.relative {

	position: relative;

}



.overflow {

	overflow: hidden;

}



.border-bottom-1 {

	border-bottom: 1px solid #ededed;

}



.border-top-1 {

	border-top: 1px solid #d7d7d7;

}



.border-top-2 {

	border-top: 1px solid #141414;

}



.border-top-3 {

	border-top: 1px solid #eeeeee;

}



.border-bottom-2 {

	border-bottom: 1px solid #eeeeee;

}



.mobile-menu-area {

	display: none;

}



#mobile-menu-active {

	display: none;

}





/* scrollUp */



#scrollUp {

	background: #242424 none repeat scroll 0 0;

	bottom: 85px;

	color: #ffffff;

	cursor: pointer;

	display: none;

	font-size: 20px;

	height: 40px;

	line-height: 40px;

	position: fixed;

	right: 12px;

	text-align: center;

	width: 38px;

	z-index: 9999;

}



#scrollUp:hover {

	background: #ff3d2a none repeat scroll 0 0;

}





/* button */



.btn-style {

	background-color: transparent;

	border: 2px solid #eeeeee;

	color: #242424;

	display: block;

	font-size: 14px;

	font-weight: 500;

	padding: 14px 20px 12px;

	text-align: center;

	text-transform: uppercase;

	transition: all 0.3s ease 0s;

	display: block;

}



.btn-style:hover {

	background-color: #ff3d2a;

	border: 2px solid #ff3d2a;

	color: #fff;

}



.btn-style-2 {

	background-color: #ff3d2a;

	border-radius: 3px;

	color: #fff;

	display: inline-block;

	font-size: 14px;

	font-weight: 500;

	line-height: 1;

	padding: 17px 37px;

	text-transform: uppercase;

}



.btn-style-2:hover {

	background-color: #242424;

	color: #fff;

}



.height-100vh {

	height: 100vh;

}



#mobile-menu-active {

	display: none;

}





/*-----------------------------

    2. Scroll

-------------------------------*/





/* width */



::-webkit-scrollbar {

	width: 10px;

}





/* Track */



::-webkit-scrollbar-track {

	background: #f1f1f1;

}





/* Handle */



::-webkit-scrollbar-thumb {

	background: #888;

}





/* Handle on hover */



::-webkit-scrollbar-thumb:hover {

	background: #555;

}





/*-----------------------------

    3. Navbar

-------------------------------*/



.navbar {

	padding: 15px 10px;

	background: #fff;

	border: none;

	border-radius: 0;

	margin-bottom: 40px;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

}



.navbar-btn {

	box-shadow: none;

	outline: none !important;

	border: none;

}



.line {

	width: 100%;

	height: 1px;

	border-bottom: 1px dashed #c4c4c4;

	margin: 13px 0;

}





/* ---------------------------------------------------

    SIDEBAR STYLE

----------------------------------------------------- */



.wrapper {

	display: flex;

	width: 100%;

}



#sidebar {

	width: 225px;

	position: fixed;

	top: 0;

	left: 0;

	height: 100vh;

	z-index: 999;

	background: #191c22;

	color: #9ba1b1;

	transition: all 0.3s;

	font-family: 'Rubik', sans-serif;

}



#sidebar.active {

	margin-left: -225px;

}



#sidebar .sidebar-header {

	padding: 20px;

	background: #000000;

}



#sidebar ul.components {

	padding: 20px 0;

	/* border-bottom: 1px solid #47748b; */

}



#sidebar ul p {

	color: #fff;

	padding: 10px;

}



#sidebar ul li a {

	padding: 10px;

	display: block;

	color: #9ba1b1;

}



#sidebar ul li a:hover {

	color: #fff;

	/* background: #fff; */

}



#sidebar ul li.active>a,

a[aria-expanded="true"] {

	color: #fff;

	background: #16181e;

}



a[data-toggle="collapse"] {

	position: relative;

}



.menuItem.dropdown-toggle::after {

	display: block;

	position: absolute;

	top: 50%;

	right: 20px;

	transform: translateY(-50%);

}



ul ul a {

	font-size: 0.9em !important;

	padding-left: 30px !important;

	background: #16181e;

}



ul.CTAs {

	padding: 20px;

}



ul.CTAs a {

	text-align: center;

	font-size: 0.9em !important;

	display: block;

	border-radius: 5px;

	margin-bottom: 5px;

}



a.download {

	background: #fff;

	color: #7386D5;

}



a.article,

a.article:hover {

	background: #6d7fcc !important;

	color: #fff !important;

}





/* ---------------------------------------------------

    CONTENT STYLE

----------------------------------------------------- */



#sidebarCollapse:hover {

	cursor: pointer;

}



#content {

	width: calc(100% - 225px);

	padding: 40px;

	min-height: 100vh;

	transition: all 0.3s;

	position: absolute;

	top: 0;

	right: 0;

}



#content.active {

	width: 100%;

}



#content-btn {

	width: 100%;

	max-width: 100%;

	transition: all 0.3s;

	position: absolute;

	right: 0;

	top: 0;

	padding-left: 0;

	padding-right: 0;

}



#content-btn nav {

	height: 46px;

}





/*-----------------------------

    4. Login

-------------------------------*/





/*//////////////////////////////////////////////////////////////////

[ Utility ]*/



.txt1 {

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	line-height: 1.4;

	color: #999999;

}





/*//////////////////////////////////////////////////////////////////

[ login ]*/



.limiter {

	width: 100%;

	margin: 0 auto;

}



.container-login100 {

	width: 100%;

	min-height: 100vh;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	padding: 15px;

	background: #edecec;

}



.wrap-login100 {

	width: 370px;

	background: #fff;

	border-radius: 10px;

	overflow: hidden;

	position: relative;

}





/*==================================================================

[ Title form ]*/



.login100-form-title {

	width: 100%;

	position: relative;

	z-index: 1;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	flex-direction: column;

	align-items: center;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	padding: 9px 0px 10px 0px;

}



.login100-form-title-1 {

	width: 50%;

}



.login100-form-title::before {

	content: "";

	display: block;

	position: absolute;

	z-index: -1;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: #191c22;

}





/*==================================================================

[ Form ]*/



.login100-form {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 12px 46px 20px 127px;

}





/*------------------------------------------------------------------

[ Input ]*/



.wrap-input100 {

	width: 100%;

	position: relative;

	border-bottom: 1px solid #b2b2b2;

}



.label-input100 {

	font-family: 'Lato', sans-serif;

	font-size: 15px;

	color: #808080;

	line-height: 1.2;

	text-align: right;

	position: absolute;

	top: 14px;

	left: -105px;

	width: 80px;

}





/*---------------------------------------------*/



.input100 {

	font-family: 'Lato', sans-serif;

	font-size: 15px;

	color: #555555;

	line-height: 1.2;

	display: block;

	width: 100%;

	background: transparent;

	padding: 0 5px;

}



.focus-input100 {

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	pointer-events: none;

}



.focus-input100::before {

	content: "";

	display: block;

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 0;

	height: 1px;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	-moz-transition: all 0.6s;

	transition: all 0.6s;

	background: #191c22;

}





/*---------------------------------------------*/



input.input100 {

	height: 29px;

	border: none;

}



.input100:focus+.focus-input100::before {

	width: 100%;

}



.has-val.input100+.focus-input100::before {

	width: 100%;

}





/*------------------------------------------------------------------

[ Button ]*/



.container-login100-form-btn {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	flex-wrap: wrap;

}



.login100-form-btn {

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 0 20px;

	/* min-width: 160px; */

	/* height: 50px; */

	height: 37px;

	background-color: #191c22;

	border-radius: 2px;

	border: none;

	font-family: 'Lato', sans-serif;

	font-size: 16px;

	color: #fff;

	line-height: 1.2;

	-webkit-transition: all 0.4s;

	-o-transition: all 0.4s;

	-moz-transition: all 0.4s;

	transition: all 0.4s;

}



.login100-form-btn:hover {

	background-color: #000000;

}





/*------------------------------------------------------------------

[ Alert validate ]*/



.validate-input {

	position: relative;

}



.alert-validate::after {

	content: "!";

	display: block;

	position: absolute;

	color: #c80000;

	font-size: 25px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 8px;

}



.alert-validate:hover:before {

	visibility: visible;

	opacity: 1;

}





/*------------------------------------------------------------------

Slider Pagina*/



#SliderTableEs .thArchivo,

#SliderTableIn .thArchivo,

#view_gallery_order .thArchivo,

#CalidadSlider .thArchivo {

	width: 14%;

}



.btnNuevoSlider,

#btnEditarAvisoEs,

#btnEditarAvisoIn {

	margin-bottom: 5px;

	float: right;

}



.lg-backdrop {

	background-color: #000000b3 !important;

}



.lg-toolbar {

	background-color: transparent !important;

}



.bootstrap-dialog-close-button .close {

	right: 2%;

	position: absolute;

	/* top: 13%; */

}





/*Drag and drop*/



body.dragging,

body.dragging * {

	cursor: move !important;

}



.dragged {

	position: absolute;

	opacity: 0;

	z-index: 2000;

}



tr.placeholder {

	position: relative;

}



tr.placeholder:before {

	content: "";

	font-family: "Font Awesome 5 Free";

	font-weight: bold;

	font-size: 20px;

	position: absolute;

	color: #c82333;

}



.sorted_table i:not(.fas .fa-eye-slash) {

	font-size: 18px;

	cursor: pointer;

}





/*------------------------------------------------------------------

Servicio al cliente*/



.containerServicio {

	background-color: white;

	border-radius: 7px;

}





/*Select buscador*/



.select2-container {

	width: 100% !important;

}





/*Usuarios*/



.editarUsuario:hover {

	color: #007bff;

	cursor: pointer;

}



.eliminarUsuario:hover {

	color: #dc3545;

	cursor: pointer;

}



.desactivarUsuario:hover,

.desactivarRol:hover {

	color: #007bff;

	cursor: pointer;

	transition: all 0.3s ease-out 0s;

}



.desactivarUsuario {

	background: none;

	border: none;

	cursor: pointer;

}



.sucursalPrincipal {

	background-color: #191c22;

}



.sucursalPrincipal h4,

.sucursalPrincipal p,

.sucursalPrincipal a {

	color: white;

}



.sucursalPrincipal a:hover {

	color: #797979;

}



#tituloGaleria {

	text-transform: capitalize;

}



#copy {

	text-align: center;

	position: absolute;

	bottom: 16px;

	width: calc(100% - 26px);

	transition: all 0.3s;

	/* left:  */

}



.active #copy {

	width: calc(100%);

}



#rolesTabla tr td:not(:last-child) {

	cursor: pointer;

}



.hover:hover {

	color: #17a2b8;

	cursor: pointer;

	transition: all 0.3s;

}



.th-table-40 {

	width: 40%;

}



.th-table-20 {

	width: 20%;

}



.th-table-15 {

	width: 15%;

}



.text-muted {

	font-weight: 400;

}



.note-editor {

	font-family: "Lato", serif;

}



.fw-500 {

	font-weight: 500;

}



.fw-700 {

	font-weight: 700;

}



.fw-400 {

	font-weight: 400;

}



.lh-0-5 {

	line-height: 0.50;

}



.view-mode {

	display: inline-block;

	;

	float: left;

	padding-left: 0;

	margin-bottom: 5px;

}



.view-mode li {

	display: inline-block;

	margin-left: 0;

}



.view-mode li.active h5 {

	color: #00bfa5;

}



.view-mode li h5 {

	display: inline-block;

	margin: 0 10px 0 0;

	cursor: pointer;

}



.product-content {

	padding: .75rem;

	;

}



.product-list-details {

	padding: .60rem;

	;

}



.product-list .product-width {

	flex: 0 0 50%;

	max-width: 50%;

}



.product-list .product-width2 {

	flex: 0 0 100%;

	max-width: 100%;

}



.product-list .product-wrapper {

	display: flex;

}



.product-list .product-img {

	flex: 0 0 179px;

}



.product-list .product-img2 {

	flex: 0 0 185px;

}



.product-list .product-content {

	display: none;

}



.product-list-details>h4 {

	margin: 0;

}



.product-list-details>p {

	margin: 0 0 22px;

}



.product-list-details h4 a:hover {

	color: #00bfa5;

}



.product-grid .product-list-details {

	display: none;

}



.product-grid .product-wrapper {

	height: 100%;

}





/* .modal-open {

    overflow: scroll;

} */



.modal {

	overflow: auto !important;

}



/*Telas*/





/* styles for '...' */



.block-with-text {

	/* hide text if it more than N lines  */

	overflow: hidden;

	/* for set '...' in absolute position */

	position: relative;

	/* use this value to count block height */

	line-height: 24px;

	/* max-height = line-height (1.2) * lines max number (3) */

	max-height: 96px;

	/* fix problem when last visible word doesn't adjoin right side  */

	text-align: justify;

	/* place for '...' */

	margin-right: -1em;

	padding-right: 1.5em;

}



.block-with-text2 {

	/* hide text if it more than N lines  */

	overflow: hidden;

	/* for set '...' in absolute position */

	position: relative;

	/* use this value to count block height */

	line-height: 24px;

	/* max-height = line-height (1.2) * lines max number (3) */

	max-height: 49px;

	/* fix problem when last visible word doesn't adjoin right side  */

	text-align: justify;

	/* place for '...' */

	margin-right: -1em;

	padding-right: 1.5em;

}





/* create the ... */



.block-with-text:before,

.block-with-text2:before {

	/* points in the end */

	content: '...';

	/* absolute position */

	position: absolute;

	/* set position to right bottom corner of block */

	right: 0.5em;

	bottom: 0;

}





/* hide ... if we have text, which is less than or equal to max lines */



.block-with-text:after,

.block-with-text2:after {

	/* points in the end */

	content: '';

	/* absolute position */

	position: absolute;

	/* set position to right bottom corner of text */

	right: 0;

	/* set width and height */

	width: 1.5em;

	height: 1.5em;

	margin-top: 0.2em;

	/* bg color = bg color under block */

	background: white;

}





/*telas*/



.footer_telas {

	position: relative;

	bottom: 18px;

}



.disabled:focus {

	color: #495057;

	border: 1px solid #ced4da;

	outline: 0;

	box-shadow: none;

	cursor: unset;

}



.disabled {

	cursor: unset;

}



.nav,

.btn,

.modal-content,

.badge {

	font-family: 'Rubik', sans-serif;

}



.paginationjs-pages ul {

	list-style: none;

	display: flex;

	margin-top: 7%;

}



#paginationTelas .paginationjs-pages ul>li,

.paginacion-tienda .paginationjs-pages ul>li {

	padding: 2%;

}



.paginationjs-pages ul>li {

	margin-right: 10px;

	background-color: white;

	padding: 5%;

	width: 35px;

	text-align: center;

	border-radius: 5px;

	cursor: pointer;

}



li.paginationjs-page.J-paginationjs-page.active {

	background-color: #242424;

	color: #ffffff;

	cursor: default;

}



li.paginationjs-page.J-paginationjs-page:hover {

	background-color: #9ba1b1;

}



li.paginationjs-page.J-paginationjs-page:hover>a {

	color: #ffffff;

}



.paginationjs-pages li.disabled {

	cursor: default;

}



.ff-Lato {

	font-family: 'Lato', sans-serif;

}



a.btn-outline-dark:hover {

	color: #fff !important;

}



.thCST {

	width: 30% !important;

}





/*Filtros*/



.shop-sidebar-wrapper {

	border: 1px solid #efefef;

	padding: 17px 18px 29px;

	background-color: white;

}



.shop-sidebar-border {

	border-top: 1px solid #ebebeb;

}



h4.shop-sidebar-title {

	font-size: 18px;

	font-weight: 500;

	margin: 0;

}



.sidebar-list-style ul li {

	display: block;

	list-style: outside none none;

	padding: 0 0 6px;

}



.sidebar-list-style ul li label {

	color: #242424;

	margin-bottom: 0;

}



.sidebar-list-style ul li label:hover {

	color: #00bfa5;

	cursor: pointer;

}



.sidebar-list-style ul li:last-child {

	padding: 0 0 0px;

}



.sidebar-list-style ul li input {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid #d7d7d7;

	float: left;

	height: 17px;

	margin: 3px 12px 0 0;

	padding-left: 0;

	width: 17px;

	cursor: pointer;

}



.note-nav li a {

	padding-right: 25px;

}



.note-nav li a.active {

	color: #9ba1b1;

}



.note-tab-pane {

	margin-top: 10px;

}



#table_pedidos tbody i {

	font-size: 1.2rem;

}



#table_pedidos_length,

#table_clientes_length,

#table_newsletter_length,

#table_contacto_length {

	display: inline-block !important;

	margin-right: 2%;

}

#table_contacto_wrapper .row:nth-of-type(2){

	height: 500px;

	overflow: auto;

}

.text-error {

	color: #dc3545 !important;

}



#mainTab.nav-pills .nav-item .nav-link.active {

	background-color: #191c22;

}



.table tr.dragged {

	position: absolute;

	opacity: 0.5;

	z-index: 2000;

}



@media (min-width: 768px) {

	.modal-xl {

	  	width: 90%;

	 	max-width:1200px;

	}

  }