/*
Generic CSS
Familia Naranja 2021
*/

html, body {
	font-family: 'Klavika Rg', sans-serif;
} 
button, input, select {
	outline: none;
}
img {
	max-width: 100%;
}
a {
	color: #FF5800;
}
a:hover, a:focus {
	color: #ff9f9f;
}
.container-fluid { padding: 0; }
.splide__pagination__page {
	border: 1px solid white;
	background-color:#FFF;
	opacity: 1;
	width: 12px;
	height: 12px;
	margin: 6px;
}
.splide__pagination__page.is-active { background-color: transparent; transform: scale(1); }
.splide--ttb>.splide__pagination { right: 20px; }
.fn21-kl { font-family: 'Klavika Bd', sans-serif; }
.fn21-klm { font-family: 'Klavika Md', sans-serif; }
.fn21-klt { font-family: 'Klavika Rg', sans-serif; }
.fn21-tt { font-family: 'Titillium Web', sans-serif; }
.fn21-logo {
	max-width: 180px;
	transition: all 0.3s ease;	
}
.fn21-animate {
	transition: all 0.5s ease;
}
.fn21-box-orange {
	background-color: #FF771D;
	border-radius: 10px;
}
.fn21-bg-orange2 {
	background-color:#FF9821 !important;
}
.fn21-orange {
	color:#ff6904;
}
.fn21-black {
	color: #000000;
}
.fn21-gray {
	color: #828282;
}
.fn21-fix60 {
    width: 100%;
    height: 60px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
}
.fn21-mw-80 {
	max-width: 80%;
	margin:auto;
}

.fn21-a h4 {
	font-family: 'Klavika Bd', sans-serif;
	color:#000;
}
.fn21-a img {
	max-width:40px;
	margin-right: 30px;
	margin-left: 30px;
}
.fn21-vcenter {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 50;
}

.fn21-p-4 { padding: 4px; }
.fn21-p-10 { padding: 10px; }
.fn21-p-15 { padding: 15px; }
.fn21-p-30 { padding: 30px; }
.fn21-w30 { width: 30px; }
.fn21-w200 { width: 200px; }
.fn21-w250 { width: 250px; }
.fn21-w300 { width: 300px; }
.fn21-w400 { width: 400px; }

.fn21-pl-10 { padding-left: 10px; }
.fn21-pr-10 { padding-right: 10px; }

.fn21-m-0 { margin: 0; }
.fn21-mt-5 { margin-top: 5px !important; }
.fn21-mt-10 { margin-top: 10px !important; }
.fn21-mt-20 { margin-top: 20px !important; }
.fn21-mt-30 { margin-top: 30px !important; }
.fn21-mt-40 { margin-top: 40px !important; }
.fn21-mt-50 { margin-top: 50px !important; }

.fn21-mb-10 { margin-bottom: 5px !important; }
.fn21-mb-10 { margin-bottom: 10px !important; }
.fn21-mb-20 { margin-bottom: 20px !important; }
.fn21-mb-30 { margin-bottom: 30px !important; }
.fn21-mb-40 { margin-bottom: 40px !important; }
.fn21-mb-50 { margin-bottom: 50px !important; }

.fn21-pb-10 { padding-bottom: 10px !important; }
.fn21-pb-20 { padding-bottom: 20px !important; }
.fn21-pb-30 { padding-bottom: 30px !important; }
.fn21-pb-40 { padding-bottom: 40px !important; }
.fn21-pb-50 { padding-bottom: 50px !important; }
.fn21-pb-60 { padding-bottom: 60px !important; }

.fn21-pt-10 { padding-top: 10px !important; }
.fn21-pt-20 { padding-top: 20px !important; }
.fn21-pt-30 { padding-top: 30px !important; }
.fn21-pt-40 { padding-top: 40px !important; }
.fn21-pt-50 { padding-top: 50px !important; }
.fn21-pt-60 { padding-top: 60px !important; }

.fn21-12 { font-size: 12px !important; }
.fn21-14 { font-size: 14px !important; }
.fn21-16 { font-size: 16px !important; }
.fn21-18 { font-size: 18px !important; }
.fn21-20 { font-size: 20px !important; }
.fn21-22 { font-size: 22px !important; }
.fn21-24 { font-size: 24px !important; }
.fn21-26 { font-size: 26px !important; }
.fn21-28 { font-size: 28px !important; }
.fn21-33 { font-size: 33px !important; }
.fn21-text-white { color: #FFF !important; }
.fn21-text-black { color: #000 !important; }
.fn21-text-darkgray { color:#5c5c5c !important; }
.fn21-line-bottom { border-bottom: 1px solid #FFF; }
.fn21-div-table {
	display: table;
}
.fn21-div-row {
	display: table-cell;
    vertical-align: middle;
}
.fn21-box-error {
	padding: 10px;
    border-radius: 10px;
    border: 2px solid #FF0000;
    background-color: #ffd9d9;
    margin-top: 10px;
    color: red;
}
.fn21-bg {
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fn21-curves1:before {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_01_top.svg);
	height: 265px;
	top: -2px;
	z-index: 1;
}
.fn21-curves1:after {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_01_bottom.svg);
	height: 265px;
	bottom: -2px;
	z-index: 1;	
}
.fn21-curves2:before {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_02_top.svg);
	height: 265px;
	top: -2px;
	z-index: 1;	
}
.fn21-curves2:after {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_02_bottom.svg);
	height: 265px;
	bottom: -2px;
	z-index: 1;		
}
.fn21-footer.fn21-curves3:before, .fn21-bg-login.fn21-curves3:before {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image: url(../img/main-slider-top.svg); /*curva_03_top.svg);*/
	height: 140px;
	top: -2px;
	z-index: 1;	
}
.fn21-curves3:after {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_03_bottom.svg);
	height: 180px;
	bottom: -2px;
	z-index: 1;		
}
.fn21-curves4:before {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_home_top.svg);
	height: 140px;
	top: -2px;
	z-index: 1;	
}
.fn21-curves4:after {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_home_bottom.svg);
	height: 180px;
	bottom: -2px;
	z-index: 1;		
}
.fn21-shadow-5 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	background-color:rgba(0,0,0,0.5);
}
.fn21-shadow-0 {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
	background-color:rgba(80,24,0,0.5);
}

/* Layout */
.fn21-topbar { background-color: #ff6904; }
.fn21-topbar a { color:#FFF; }
.fn21-profile img { 
	max-width: 40px; 
	height: 40px; 
	border-radius: 50%; 
	border: 2px solid #FFF; 
}
.fn21-menu {
	padding:0;
	margin: 50px 0;
	transition: all 0.3s ease;
}
.fn21-menu li {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2em;
	font-family: 'Klavika Rg', sans-serif;
	color: #000000;
}
.fn21-menu li a {
	color:#000000;
	margin-bottom: 5px;
	border-bottom: 3px solid #FFF;
	transition: all 0.3s ease;
}
.fn21-menu li a:hover {
	color: #fa6904;
}
.fn21-hover-orange:hover {
	color: #FF5800 !important;
}
.col-3-centrado {
	margin-left: 15px;
	margin-right: 15px;
    max-width: 250px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.col-3-centrado .fn21-box-classic {
	max-width: 150px;
    margin: auto;
}
.fn21-breadcumb {
	padding-left: 20px;
	font-size: 15px;
	color: #fff;
	margin-top: 50px;
}
.fn21-breadcumb-item {
	font-size: 15px;
	color: #ff6904;
	text-decoration: none;
    display: inline-block;
    margin-left: 10px;
}
.fn21-breadcumb-item.active {
	font-weight:bold;
}
.fn21-title {
	color:#FFF;
	font-family: 'Klavika Bd', sans-serif;
	font-size: 3.7em;
	display: flex;
    align-items: center;
}
.fn21-subtitle {
	color:#FFF;
	font-family: 'Klavika Rg', sans-serif;
	font-size: 1.2em;
	display: flex;
    max-width: 80%;
    padding-left: 20px;
}
.fn21-title img {
	max-height: 90px;
}
.fn21-menu li.active a {
	border-bottom: 3px solid #ff6904;
	padding-bottom: 4px;
	font-family: 'Klavika Md', sans-serif;
}
.fn21-container {
	max-width: 1200px;
	margin:auto;
	padding-bottom:20px;
}
.fn21-header {
	max-width: 1200px;
	margin:auto;	
}
.fn21-header .fn21-logo { margin-top: 20px; }

.fn21-wrapper {
	position: relative;
}
.fn21-wrapper input[type="text"] {
	position: relative;
	width: 100%;
    border: 1px solid #FFF;
    background-color: transparent;
    padding: 6px;
    margin-top: 10px;
}
.fn21-wrapper input[type="text"]::placeholder {
	color: #FFF;
} 
.fn21-wrapper:after {
	font-family: 'Font Awesome 5 Free';
    color: white;
    position: absolute;
    content: "\f002";
    right: 10px;
    top: 16px;
    font-weight: 900;
}
/*
body.fn21 header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
*/
header:after {
	content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-image: url(../img/curva_01_top.svg);
	height: 265px;
	bottom: -70px;
	z-index: -1;
	transition: all 0.3s ease;
}
header.minify {
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    background-color: #FFF;
}
header.minify:after {
    bottom: 0px;
    /*display:none;*/
}
header.minify .fn21-logo { max-width: 128px; }
header.minify .fn21-header .fn21-logo {
	margin-top: 0px;
}
header.minify .fn21-menu { margin: 15px 0; }
.site-wrapper {
	margin-top:100px;
}

/* Login */

.fn21-bg-login {
	/*background-image: url(../img/bg1.jpg);*/
	background-size:cover;
}
.fn21-login-01 { 
    margin-top: -40px !important;
    padding-bottom: 100px;	
}
.fn21-login-02 { 
    padding-top: 20px;
    padding-bottom: 150px;
}
.fn21-login-03 {
	padding-bottom: 0px;	
}
.fn21-login {
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin: auto;
}
.fn21-box-login {
	padding: 30px 40px;
	color: #FFF;
}
.fn21-login .splide__slide h2 {
	font-family: 'Klavika Bd', sans-serif;
	color: #FFF;
	font-size: 3em;
}
.fn21-login .splide__slide h3 {
	color: #FFF;
	font-size: 1.5em;
}
.fn21-box-login p { margin: 0; }
.fn21-box-login h2 { color: #FFF; }
.fn21-box-login input { 
	display: block;
	padding: 7px;
	width: 100%;
	font-size: 15px;
	background-color:#FFF;
	color:#000;
	border:0;
}
.fn21-box-login input::placeholder { color:#bac3cc; }
.fn21-box-login button { 
	color: #5b5b5b;
	display: inline-block;
	width: auto;
	font-size: 15px;
	background-color:#FFF;
	border-radius: 40px;
	padding: 10px 30px;
	margin-top: 10px;
	border: 0;
}
.fn21-box-login a {  font-family: 'Klavika Bd', sans-serif; color:#FFF; text-decoration: underline; font-size: 13px;  }
.fn21-box-login a:hover { color:#ddd; }
.fn21-login-links a { display: inline-block; color:#000; margin-left: 10px; margin-right: 10px; }
.fn21-login-links a:hover { color: #999; }

/* Seleccion codigo */

.fn21-box-code-selector {
	background-color:#FFF;
	padding: 30px;
	border-radius: 20px;
	color: #4e5f6f;
	max-width: 600px;
	margin: auto;
}

.fn21-box-code-selector ul {
	padding:0;
	margin:0;	
}
.fn21-box-code-selector ul li.code-inner {
    list-style: none;
    margin-bottom: 10px;
    border: 1px solid gray;
    padding: 10px;
    background-color:#FFF;
    transition: all .5 ease;
}
.fn21-box-code-selector ul li.code-inner:hover {
	background-color:#DDD;
}
.fn21-box-code-selector li.code-inner .checkbox, 
.fn21-box-code-selector li.code-inner .radio {
    margin: 0;
    display: inline-block;
    width: 100%;
}
.fn21-box-code-selector li.code-inner label {
	padding-left: 30px;
	width: 100%;
}
.fn21-box-code-selector li.code-inner input[type="checkbox"], 
.fn21-box-code-selector li.code-inner input[type="radio"] {
    margin-left: -30px;
    margin-top: 12px;	
}
.fn21-box-code-selector li.code-inner p {
	margin :0;
}

/* HOME */
.fn21-slider-superbuttons {
	position: absolute;
    z-index: 100;
    margin: 192px 120px;
}
.fn21-slider-home {
	position: relative;
	padding-top: 5px;
	background-size: cover;
    background-position: center center;
}
.fn21-slider-home .splide__slide {
	 padding-top:130px;
	 background-size: cover;
	 background-position:center center;
}

/*
.fn21-slider-home.fn21-curves3:before {
	top: 60px;
	height: 130px;
}
*/
.fn21-slider-home.fn21-curves3:after {
	height: 95px;
}
.fn21-title-novedades {
	z-index: 10;
    position: relative;
}
.fn21-rel {
	position: relative;
}
.fn21-top-header {
	position: relative;
	padding-top: 150px;
	height: 480px;
    background-size: cover;
    background-position: center center;
    align-content: center;
    margin-bottom: 40px;
}
.fn21-top-header-min {
	height: 420px;
}
.fn21-top-header-min .fn21-breadcumb {
	padding-left:0;
}
.fn21-top-header.fn21-curves2:before {
	top: -20px;
	height: 60px;
}
.fn21-top-header.fn21-curves2:after {
	height: 60px;
}

footer.fn21-foot {
	position:relative;
}
.fn21-footer {
	background-image: linear-gradient(to bottom, #ff6d0b 34%, #ff8534);
    padding-top: 100px;
}
.fn21-footer img.logo {
	max-width: 200px;
    margin-bottom: 40px;
}
.fn21-footer img.sponsor {
	max-width: 100%;
	width: 130px;
}
.fn21-footer.fn21-curves3:after {
	display:none;
}
.fn21-footer.fn21-curves3:before {
	height: 95px;
}
.fn21-footer-ul {
	margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 40px;
}
.fn21-footer-ul li {
	display: inline-block;
	width: 100%;
}
.fn21-footer-ul li a {
	display: block;
	padding: 3px;
	margin: 3px;
	color: #FFF;
	font-size: 14px;
}
.fn21-footer-ul li a i {
	color: #FFF;
	font-size: 18px; 
}
.fn21-footer-ul-50 li {
	width: 48%;
}

.fn21-dj-Footer-information{

	display:inline-flex!important;
}
.fn21-inline {
	width: 100%;
}
.fn21-inline > div {
	display: inline-block;
}

.fn21-block {
	display:block;
}
.fn21-ct-listing a i {
	font-size: 20px;
}
.fn21-button-shadow {
	/*box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;*/
	box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%);
}
.fn21-button-extended {
	padding: 8px 30px !important;
	border: 0 !important;
}
.fn21-left {
	text-align:left !important;
	justify-content: left !important;
}
.fn21-button {
	border-radius: 10px;
	padding: 10px;
	font-size: 1em;
	font-family: 'Klavika Md', sans-serif;
	outline: none;
    border: 1px solid black;
}
.fn21-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.fn21-button-big {
	padding: 15px 35px;
	font-size: 1.5em;
	line-height: 40px;
}
.fn21-button img {
	max-width: 40px;
	margin-right: 10px;
}
.fn21-button-orange {
	background-color:#ff6904 !important;
	color:#FFF !important;
}
.fn21-button-white {
	background-color:#fff !important;
	color:#ff6904 !important;
}
.fn21-button-outline {
	border: 1px solid #ff6904;
}
.fn21-box-classic {
	border: 1px solid gray;
	background-color: #fff;
}
.fn21-box-classic img.icon {
	max-width: 100%;
	height: 100%;
}
.fn21-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fn21-indicadores h4 {
	font-family: 'Klavika Bd', sans-serif;
}
.fn21-indicadores a {
	text-decoration:underline;
	color:#808080;
}
.fn21-small {
	font-size: 12px;
	color:#808080;
}
a.fn21-light-link {
	font-family: 'Klavika Rg', sans-serif;
	text-decoration:underline;
	color:#808080;
}

/* ********************** */
/* *** Novedades Home *** */
/* ********************** */

.fn21-news-container {
	position: relative;
	padding-top: 150px;
	padding-bottom: 140px;
	background-size: cover;
	margin-top: -80px;
}

.fn21-news-slider {

}
.fn21-news-content {
	padding-right: 15px;
    padding-left: 15px;
}
.fn21-news-inner { 
    background-color: #FFF;
    min-height: 400px;
    border-radius: 10px;
    box-shadow: 2.5px 2px 6px 0 rgb(0,0,0,0.5);
}
.fn21-news-inner img {
	width: 100%;
	margin-bottom: 10px;
}
.fn21-news-inner h3 {
	font-family: 'Klavika Bd', sans-serif;
	font-size: 18px;
	margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.fn21-news-inner p {
	font-family: 'Klavika Rg', sans-serif;
	font-size: 16px;
	margin:0;	
    padding-left: 15px;
    padding-right: 15px;
}
.fn21-news-inner a {
	background-color: #fc4f00;
    margin: auto;
    display: inline-block;
    color: #FFF;
    font-family: 'Klavika Md', sans-serif;
    padding: 10px 40px;
    border-radius: 30px;
}

/* ********* Mi negocio ********** */

.titulo-negocio-seccion {
	text-align:center;	
	display: block;
    max-width: 200px;
    margin: auto;
    margin-bottom: 50px;
}
.titulo-negocio-seccion img {
	margin: auto;
	display:block;
	max-width: 60px;
	margin-bottom: 20px;
}

/* ********************** */
/* ***** Mi Escuela ***** */
/* ********************** */

.fn21-miescuela-player {
	position:relative;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}
.fn21-miescuela-player .fn21-shadow-5 { display: none; }
.fn21-miescuela-player .fn21-vcenter { display: none; }
.fn21-miescuela-player:hover .fn21-shadow-5 { display: block; }
.fn21-miescuela-player:hover .fn21-vcenter { display: block; }

.fn21-miescuela-videos-item-inner { 
}
.fn21-miescuela-videos-item-inner img {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
.fn21-miescuela-videos-item-inner a {
	text-decoration: none;
	color:#000;
	font-family: 'Klavika Rg', sans-serif;
	font-size: 16px;
	text-align:left;
}
.faq-answer {
	padding-left: 100px;
	color: #000;
	font-family: 'Klavika Rg', sans-serif;
	font-size: 14px;	
}
.fn21-miescuela-manuales {
	
}
.fn21-miescuela-manuales-item-inner a {
	text-align:center;
	color:#FF5B00;
	display:block;
}

.fn21-miescuela-frecuentes {
	
}
.fn21-miescuela-frecuentes-item-inner a {
	text-align:center;
	color:#FF5B00;
	display:block;
}

/* *************** */
/* *** NOTICIAS ** */
/* *************** */
#talkcenter { }
.fn21-comunidad-news-item {
	padding: 20px;	
}
.fn21-comunidad-news-item a {
	text-align:left;
	display:block;
}
.fn21-comunidad-news-item-inner img {
	margin-bottom: 15px;
}
.fn21-comunidad-news-item-inner p.titler {
	display:block;
	font-size: 18px;
	font-family: 'Klavika Md', sans-serif;
	color:#FF5B00;
	margin:0;
	padding:0;
}
.fn21-comunidad-news-item-inner div.excerpt {
	margin:0;
	margin-top: 10px;
	padding:0;
	font-size: 12px;
	font-family: 'Klavika Rg', sans-serif;
	color:#000;
	display:block;	
}
.fn21-comunidad-news-item-inner div.excerpt p { /* Wordpress <p> */
	margin:0;
	padding:0;
}

/* *************** */
/* *** COMUNIDAD * */
/* *************** */

.fn21-il-400 {
	display:block;
	width: 100%;
	max-width: 400px;
	margin: auto;
}

.fn21-slider-comunidad {
	position: relative;
	background-size: cover;
    background-position: center center;
    padding-top: 60px;
}
.fn21-slider-comunidad .splide__slide {
	 padding-top: 5px;
	 background-size: cover;
	 background-position:center center;
}
.fn21-slider-comunidad.fn21-curves2:before {
	height: 50px;
	top: -20px;
}
.fn21-slider-comunidad.fn21-curves2:after {
	height: 70px;
}


/* ********************** */
/* **** HAZ TU PEDIDO *** */
/* *********************** */
.pedido-progreso {
    margin-top: 40px;
    margin-bottom: 40px; 
}
.pedido-bar {
    counter-reset: step;
}
.pedido-bar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}
.pedido-bar li:before {
    width: 50px;
    height: 50px;
    content: counter(step);
    counter-increment: step;
    line-height: 45px;
    border: 2px solid #FF5800;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
    font-size: 25px;
}
.pedido-bar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #FF5800;
    top: 25px;
    left: -50%;
    z-index: -1;
}
.pedido-bar li:first-child:after {
    content: none;
}
.pedido-bar li.active {
    color: #000;
}
.pedido-bar li.active:before {
    background-color: #FF5800;
    color:#FFF;
}
.pedido-bar li.active + li:after {
    background-color: #FF5800; /* Current + next */
}
.fn21-pedido .nvoPedidoCantidad {
	max-width: 100px;
    /* box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%); */
    padding: 10px 4px;
    font-size: 20px;
	line-height: 1.8;
}
.fn21-pedido tr.bg-tabla > td {
	border-top: 0px;
}
.fn21-pedido tr.bg-tabla > td.totals {
	/* color: #ff620f; */
	font-size: 16px !important;
}
.fn21-pedido tr.bg-tabla > td:first-child {
	line-height: 30px;	
	font-family: 'Klavika Md';
}
.fn21-pedido-obs label {
	padding-left: 8px;
	float: left;
}
.fn21-pedido-obs textarea {
	float: right;	
}
.fn21-pedido .tabla-pedidos-td-1, .fn21-pedido .tabla-pedidos-td-1 img {
	position:relative;
}
.fn21-flama-mask {
	transition: all 0.3s ease;
	mask: url(../img/mask-flame.svg);
    -webkit-mask: url(../img/mask-flame.svg);
    mask-size: 100% 100%;
    mask-position: 0 0;
    -webkit-mask-position: center center;
    -webkit-mask-size: 100% 100%;
	mask-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat!important;
	position: absolute;
    z-index: 0;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 130px;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.fn21-flama {
	transition: all 0.3s ease;
	background: #f1f2f2;
    background: -moz-linear-gradient(45deg,rgba(241,242,242,1) 0%,rgba(247,247,247,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(241,242,242,1) 0%,rgba(247,247,247,1) 100%);
    background: linear-gradient(45deg,rgba(241,242,242,1) 0%,rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2',endColorstr='#f7f7f7',GradientType=1 );
    width: 100%;
    height: 100%;
}
.fn21-flama.on {
    background: #fe5000;
    background: -moz-linear-gradient(45deg,#fe5000 0%,#ed8b00 100%);
    background: -webkit-linear-gradient(45deg,#fe5000 0%,#ed8b00 100%);
    background: linear-gradient(45deg,#fe5000 0%,#ed8b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5000',endColorstr='#ed8b00',GradientType=1 );
}
.fn21-flama.oc {
	background: #0057b8;
    background: -moz-linear-gradient(45deg,rgba(0,87,184,1) 0%,rgba(120,190,32,1) 75%,rgba(181,189,0,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(0,87,184,1) 0%,rgba(120,190,32,1) 75%,rgba(181,189,0,1) 100%);
    background: linear-gradient(45deg,rgba(0,87,184,1) 0%,rgba(120,190,32,1) 75%,rgba(181,189,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057b8',endColorstr='#b5bd00',GradientType=1 );
}

/* ************** */
/* PRELIQUIDACION */
/* ************** */

.fixedPL_in { font-size: 16px !important; box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%) !important; } 
.fn21-preliquidacion #resumenFactura th, .fn21-preliquidacion #resumenFactura_new th {
	background-color: #ff6326;
	color: #FFF;
	font-size: 14px;
	font-family: 'Klavika Rg';
    font-weight: 100;
}
.fn21-preliquidacion #resumenFactura tbody tr td, .fn21-preliquidacion #resumenFactura_new tbody tr td {
	font-size: 14px;
	font-family: 'Klavika Rg';
    font-weight: 100;
}
.fn21-preliquidacion .preliquidacion-overview .table-bordered > tbody > tr:nth-child(odd) { background: #E9E8E8; }
.fn21-preliquidacion .preliquidacion-overview .table-bordered > tbody > tr:nth-child(even) { background: #F6F6F6; }
.fn21-preliquidacion .preliquidacion-overview .table-bordered > thead > tr > th, 
.fn21-preliquidacion .preliquidacion-overview .table-bordered > tbody > tr > td {
	border-color: #FFF;
}
.fn21-preliquidacion .preliquidacion-overview .table-bordered { border: 0; }
.fn21-preliquidacion .preliquidacion-overview { background-color:#FFF; }
.fn21-preliquidacion #boxFactura { border: 1px solid #ff620f; }
.fn21-preliquidacion .ro_pl_select {
	min-width: 600px !important;
	max-width: 100% !important;
	font-size: 18px !important;
}
.fn21-preliquidacion .factura-tipo .stuff p { width: 100%; top: -30px; }
.fn21-preliquidacion .factura-tipo .stuff p span { font-size: 18px; margin: 5px 50px !important; }
.fn21-preliquidacion .preliquidacion-overview .table-unstyled { max-width: 100% !important; }
.fn21-preliquidacion .preliquidacion-overview .table-unstyled > tbody > tr > td, .fn21-preliquidacion .preliquidacion-overview .table-unstyled > thead > tr > th { font-size: 16px; }
.fn21-preliquidacion .preliquidacion-overview .table-unstyled > tbody > tr > td:nth-child(2) { color:#ff620f; }
.fn21-preliquidacion .preliquidacion-overview .table-bordered > tbody > tr > td { background-color:transparent; }
.fn21-preliquidacion .fn21-search { font-size: 17px; font-family: 'Klavika Md'; }
.fn21-preliquidacion .table-search { border: 1px solid #ff620f; border-radius: 30px; text-align:center; font-size: 17px; }
.fn21-preliquidacion .panel-group.cupones .panel-heading .btn { background-color:#FFF !important; color:#ff620f !important; border: 1px solid #FF5800 !important; }
.fn21-preliquidacion .panel-group.cupones .panel-heading .btn:hover { background-color:#ff620f !important; color:#FFF !important; border: 1px solid #FFF !important; }
.fn21-preliquidacion .panel-group.cupones .panel-heading > p, 
.fn21-preliquidacion .panel-group.cupones .panel-heading > .panel-title {
	text-align: left;
    margin-right: 20px;
    min-width: 200px;
}

/* PANEL CSS */
.panel-abastible.panel-thin .panel-heading {
    cursor: pointer;
    box-shadow: none;
    padding: 0px 20px;
}
.panel-abastible.panel-thin .panel-heading .fa {
	font-size: 22px;
}
.panel-abastible.panel-thin .panel-heading > .panel-title {
	line-height: 40px;
	height: 40px;
    font-family: 'Klavika Md';
    letter-spacing: 1px;
}
.panel-abastible.panel-thin .panel-body { padding: 5px 0px; border: 0; box-shadow: none; }
.panel-abastible.panel-thin .table.table-blue > thead > tr { background-color:#757575; }
.panel-abastible.panel-thin .table.table-blue > thead > tr > th { font-family:'Klavika Rg'; }
.panel-abastible.panel-thin .table.table-blue > tbody > tr:nth-child(odd) { background: #E9E8E8; }
.panel-abastible.panel-thin .table.table-blue > tbody > tr:nth-child(even) { background: #F6F6F6; }

/* ********************* */
/* SIDEBAR */
/* ********************* */
.fn21-underline { text-decoration: underline; } 
.fn21-sidebar .sidebar-menu .usuario-cargo, .porcentaje-logro {
	font-weight: 100;
	font-family:'Klavika Rg';
	font-size: 18px;	
}
.fn21-sidebar .cambia-codigo { color:#FF5800; font-size: 16px; text-decoration:none; border:0; }
.fn21-sidebar .cambia-codigo span { color:#FFF; letter-spacing:1px; }
.fn21-sidebar .inner-menu { border: 0; padding: 20px 40px;  }
.fn21-sidebar .inner-menu h3 { font-size: 16px; }
.fn21-sidebar .my-email { margin: 0; padding:0; }
.fn21-sidebar .profile-img.profile-little { margin: 0; }
.fn21-sidebar .my-email > li { border-bottom: 1px solid #FFF; padding-top: 10px; padding-bottom: 6px; }
.extra-opt-cont {
	color:#FFF;
}

/* ***************** */
/* ** EST. COMPRAS   */
/* ***************** */


.fn21-td-middle {
	box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%);
}
.fn21-td-end {
	box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fn21-chart_div {
	width: 100%;
	height: 350px;
}
#fn21-chartjs-tooltip {
    opacity: 0;
    position: absolute;
    background: #FFF;
    color: #000;
    padding: 10px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    z-index: 10000;
    box-shadow: 0 0 5px #B4B4B5;
}
#fn21-chartjs-tooltip:before, #fn21-chartjs-tooltip:after {
  position: absolute;
  content: "";
  display: block;
}
#fn21-chartjs-tooltip:before {
  right: 60px;
  z-index: 2;
  bottom: -10px;
  border-top: 10px solid #ffffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#fn21-chartjs-tooltip:after {
  right: 59px;
  z-index: 1;
  bottom: -11px;
  border-top: 11px solid #B4B4B5;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}
.fn21-est-title { display:block; font-size: 20px; }
.fn21-est-anterior { display:inline-block; font-size: 14px; color:#FF5800; }
.fn21-est-actual { display:inline-block; font-size: 14px; color:#3091FF; }
.fn21-est-left { text-align:left; margin-left: 25px; }
.fn21-est-right { text-align:right; margin-left: 25px; }

.tabDeuda, .tabDC {
    margin-bottom: 20px;
    box-shadow: 2.5px 2px 6px 0 rgb(0 0 0 / 50%);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(33.3% - 20px);
    /* margin: auto; */
}
.tabDC {
	max-width: calc(50% - 20px) !important;
}


#notificationLink2 {
	position: relative;
}
#notificationContainer2 {
	background-color: #ff6904;
	border: 2px solid #ff6904;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	position: absolute;
	top: 60px;
	width: 420px;
	z-index: 100;
	display: none;
	right: 0; 
}

#notificationContainer2:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent #ff6904;
	margin-top: -20px;
	margin-left: calc(100% - 45px);
}

#notificationLink {
	position: relative;
}
#notificationContainer {
	background-color: #ff6904;
	border: 2px solid #ff6904;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	position: absolute;
	top: 80px;
	width: 420px;
	z-index: 100;
	display: none;
	/* right: 0;  */
	margin-left: -368px;
}

#notificationContainer:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent #ff6904;
	margin-top: -20px;
	margin-left: calc(100% - 45px);
}

#notificationTitle, #notificationTitle2 {
	font-weight: bold;
	padding: 8px;
	font-size: 13px;
	width: 100%;
	text-align:center;
	background-color: #ff6904;
    color: #FFF;
}

#notificationsBody, #notificationsBod2 {
	/*padding: 20px 10px;*/
	height: 350px;
  	overflow: auto;
  	background-color: #FFF;
}
.notification-item:nth-child(odd){
	background-color: #efefef;
}
#notificationsBody::-webkit-scrollbar-track, #notificationsBody2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#notificationsBody::-webkit-scrollbar, #notificationsBody2::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

#notificationsBody::-webkit-scrollbar-thumb, #notificationsBody2::-webkit-scrollbar-thumb {
	background-color: #666;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


#notificationFooter, #notificationFooter2 {
	background-color: #e9eaed;
	text-align: center;
	padding: 8px;
	border-top: 1px solid #dddddd;
}

#notification_count, #notification_count2 {
padding: 3px 7px 3px 7px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 11px;
}

.notificacion_body_left {
	width:40%;	
	margin-top: auto;
    margin-bottom: auto;	
}

.notification-item {
	position:relative;
	padding: 10px 10px;
	/* border-bottom: #FF6326 2px solid; */
	cursor:pointer;
	display: inline-flex;
    width: 100%;
    margin-left:0px;
    background-color: #FFF;
    line-height: 15px;
}
.notification-item:hover {
	background-color: #CCCCCC;
}
.notification-comment p.descripcion {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.notification-box {
	position: relative;
	float: right;
    padding: 0px 15px;
    margin: 0;
}
.notification-item .fn21-kl {
	margin-bottom: 0px;
	display:block;
}
.notification-time {
	position: absolute;
    background-color: #FF5800;
    color: #FFF;
    font-size: 13px;
    padding: 0px 10px;
    border-radius: 20px;
    top: 5px;
    right: 0;
}
.notification-icon {
	max-width: auto;
	width: 45px;
	height: auto;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.fn21-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
}
/* NUEVAS SOLICITUDES */
.vehiculo-image-file {
	margin:auto;
}
.fn21-solicitud .alert {
	margin-top: 20px;
	margin-bottom: 20px;
}
#txtConsultarPatente {
	text-transform: uppercase;	
}
.fn21-minegocio-searchbar {
	margin-top: 10px;
	margin-bottom: 35px;	
}
.fn21-minegocio-searchbar-input {
	position: relative; 
	width: 100%;
	border: 0;
	outline: none;
	border-bottom: 2px solid #EEE;
	font-size: 18px;
	font-family: 'Klavika Rg', sans-serif;
	padding: 6px;
} 
.fn21-minegocio-searchbar .input-group-addon {
	background: none;
	border: 0;
	border-bottom: 2px solid #EEE;
	font-size: 20px;
}
ul.fn21-tips { margin:0;padding:0;}

#assistantContact {
	padding: 15px;
	font-size: 17px;
	color:#000;
}
#assistantContact input {
	border: 1px solid #FF5800;
}
#assistantContact textarea {
	border: 1px solid #FF5800;
}
.fn21-people {
	
}
.fn21-tips li { 
	margin-left: 10px; 
	margin-right: 10px;
	display: inline-block; 
}
.fn21-tips li:first-child {
	margin-left: 0;
}
.fn21-tips li a {
	font-size: 22px;
	font-family: 'Klavika Md', sans-serif;
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #FF5800;
	color: #000;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
} 
.fn21-tips li a.active {
	background-color:#FF5800;
	color: #FFF;	
	list-style: none;
}
.fn21-note {
	font-size: 13px;
	color: gray;
}
.fn21-ct-foto img {
	border-radius:16px;
	max-width: 150px;
	width: 150px;
}
.fn21-ct-nombre {
	color:#000;
	font-size: 17px;
}
.fn21-ct-nombre p {
	font-size: 20px;
}
.fn21-ct-nombre h2 {
	font-family: TitilliumWeb-Bold;
	font-size: 20px;
}
.fn21-ct-cargo {
	font-family: TitilliumWeb-Regular;
	color:#000;
	font-size: 15px;
}
.box-minheight {
	min-height: calc(100vh - 450px);
}
.aside-close {
	position: absolute;
    left: 15px;
    top: 20px;
}
.fn21-ccomercial-btn {
	margin-top: 20px !important;
	margin-bottom:20px !important;
	padding: 11px 35px !important;
	border-radius: 30px !important;
	display:block;
}
.div_vehiculo_solicitud {
	position: relative;
}
.coverl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	z-index: 1000;
}
.coverl i {
	padding: 20px;
	font-size: 50px;
}
.un-tab-solicitud {
	padding: 12px;
	display:inline-block;
}
.modal-xlg {
	width: 100% !important;
    max-width: 1280px;
}
.nopc { display:none; }
.video-click-play, .video-link { cursor:pointer; }


.bx-wrapper .bx-controls-direction a {
	z-index: 10;
}
.twitter-timeline-div {
	border: 2px solid #1da1f2;
	border-radius: 5px;	
}
.twitter-timeline-header {
	background-color: #1da1f2;
	text-align:left;
    color: #FFF;
    font-size: 18px;
    padding: 13px 8px;
    font-family: 'Klavika Bd', sans-serif;
}
.twitter-timeline-explorer {
	height: 460px;
	overflow: auto;
}

.youtube-timeline-div {
	border: 2px solid #FF0000;
	border-radius: 5px;	
}
.youtube-timeline-header {
	background-color: #FF0000;
	text-align:left;
    color: #FFF;
    font-size: 18px;
    padding: 13px 8px;
    font-family: 'Klavika Bd', sans-serif;
}
.youtube-timeline-explorer {
	height: 460px;
	overflow: auto;
}
.rrss-cards {
	text-align:center;
}

.rrss-cards .card {
	display:inline-block;
	float:none;	
	vertical-align: top;
	max-width: 33%;
	margin-bottom: 30px;
}
.instagram-feed { 
	text-align: left;
	border: 2px solid #FF5800;
	border-radius: 5px;	
}
.facebook-feed {
	border: 2px solid #3b5998;
	border-radius: 5px;	
}
.clima-bg {
	border-radius: 5px;
}
.ytlist {
	margin:0;
	padding:0;
}
.ytembed-item { padding: 10px; border-bottom: 1px solid gray; background-color: white; }
.ytembed-title { font-size: 15px; color:#000; text-align:left; font-weight: 600; margin-bottom: 10px; }
.ytembed-description { display:none; font-size: 14px; font-family: 'Klavika Rg', sans-serif; }
.ytembed-image { display: flex; justify-content: center; }
.ytembed-img {border-radius: 10px; }
@media only screen and (min-width: 601px) {
	.navbar-nav {
		display:none;
	}	
}


.sideHtml::-webkit-scrollbar { width: 8px; height: 3px;}
.sideHtml::-webkit-scrollbar-button {  background-color: #666; }
.sideHtml::-webkit-scrollbar-track {  background-color: #646464;}
.sideHtml::-webkit-scrollbar-track-piece { background-color: #000;}
.sideHtml::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.sideHtml::-webkit-scrollbar-corner { background-color: #646464;}}
.sideHtml::-webkit-resizer { background-color: #666;}

.sidebar-menu::-webkit-scrollbar { width: 8px; height: 3px;}
.sidebar-menu::-webkit-scrollbar-button {  background-color: #666; }
.sidebar-menu::-webkit-scrollbar-track {  background-color: #646464;}
.sidebar-menu::-webkit-scrollbar-track-piece { background-color: #000;}
.sidebar-menu::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.sidebar-menu::-webkit-scrollbar-corner { background-color: #646464;}}
.sidebar-menu::-webkit-resizer { background-color: #666;}

.vf-input {
	width: 80px;
	max-width: 80px;
	
}
.fn21-table-min td {
	padding: 8px 4px;
}
.fn21-table-min .form-control {
	height: 30px;
	padding: 0px 7px;
}

.fn21-miniescuela a {
	color:#FFF;
}

.wrapper-left .bx-wrapper {
	margin-left: 0px; 
}
.sidebar-menu {
	max-width: 100%;
}
.pl-ml-40 {
	margin-left: 40px;
	position:relative;
}

/* RESPONSIVE 2022 */
@media only screen and (max-width: 601px) {
	body, html { overflow-x: hidden; }

	#realTopHuinchaFn { display: none; }
	.nopc { display:block; }
	td.nopc { display:table-cell; }
	tr.nopc { display:table-row; }
	table.nopc { display:table; }
	.nomobile { display: none; }
	.fn21-topbar { display: none; }
	.fn21-logo { max-width: 100%; padding:12px; }
	.mobile-center-content { justify-content:center; }
	.mobile-center { text-align:center !important; }
	.mobile-nopadding { padding: 0 !important; }
	.fn21-slider-superbuttons { 
		margin: 0px 0px; 
		top: 5px; 
		max-width: calc(100% - 20px); 
		margin: auto 10px;
		display: none; 
	}
	.fn21-slider-home .splide__slide { 
		text-align: center;
	} 
	.fn21-w400 { 
		max-width: 100%;
    	font-size: 20px;
    	line-height: 20px;
    	padding: 5px 15px; 
	}
	.fn21-title {
		font-size: 2.5em;
	}
	.mis-pedidos-thing {
		display:none;
	}
	.pedidopl .panel-group {
		margin-left: 0px;
	}
	.pedidopl .timeline li div.marker-info {
		top: -70px;
		min-width: 200px;
	}
	.pedidopl .timeline li.active div.marker-info:after {
		margin-left: -20px;
		left: 35px;
	}
	
	.bx-wrapper .bx-next { right: -15px; }
	.bx-wrapper .bx-prev { left: -15px; }
	
	.site-wrapper { margin-top: 10px; }
	.fn21-33 { font-size: 24px !important; }
	.fn21-mobile-01 {
		margin: 0px 60px;
		margin-left: 0;
    	width: 90%;
	}
	.fn21-container {
		padding-left: 10px;
    	padding-right: 10px;
	}
	header:after {
		height: 100px;
		bottom: -40px;
	}
	.fn21-nav-mobile { 
		width: 100%; 
		background-color: #FFF;
	}
	.fn21-header {
		background-color: #FFF;
		box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	}
	.fn21-header .fn21-logo {
		margin-left: 10px;
    	padding: 0;
    	margin-top: 10px;
    	margin-bottom: 10px;
	}
	.fn21-nav-mobile li {
		text-align: right;
		font-family: 'Klavika Md', sans-serif;
		font-size: 15px;
	}
	.rrss-cards .card {
		max-width:100%;
	}		
	.fn21-footer.fn21-curves3:before, .fn21-bg-login.fn21-curves3:before {
	    background-image: none;
	    height: 90px;
	    top: -2px;
	    background-color: #FFF;
		box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;    
	}

	.fn21-login-01 {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.fn21-login-02 {
		padding-bottom: 20px;
	}
	.fn21-login-03 {
		max-width: 96%;
	}
	.fn21-curves3:after {
		background-image: none;
		background-color: #FFF;
		height: 40px;
	}
	.box-minheight {
		min-height: calc(100vh - 250px);
		max-width: 96%;
    	margin: auto;
	} 
	.fn21-box-code-selector {
		margin-bottom: 20px;
	}
	.fix_bar_left {
		display: none;
	}
	.fn21-slider-home {
		padding-top: 60px;
	}
	.fn21-slider-home .splide__track {
		max-height: 250px !important;
	}
	.fn21-slider-home .splide__slide {
		padding-top: 12px;
	} 
	.fn21-slider-home .fn21-33 {
		font-size: 16px !important;
	}
	.fn21-slider-home.fn21-curves3:after {
		height: 20px;
	}
	header:after {
		display:none;
	}
	.adminlocalcss .col-md-4 {
		display: inline-block;
		max-width: 33%;
	}
	.adminlocalcss .col-md-8 {
		display: inline-block;
		max-width: 66%;
	}
	.fn21-sidebar {
		padding-bottom: 80px;
	}
	.aside_right_res button {
		margin-top: 15px;
	}
	.aside_right_res i {
		color: #ff4f00;
	}
	.fn21-nav-mobile {
		box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	}
	.fn21-top-header {
		padding-top: 60px;
		height: 275px;
		margin-bottom: 10px;
	}
	.fn21-top-header .fn21-title {
		font-size: 1.8em;
		margin-top:5px;
	}
	.fn21-title img {
    	max-height: 40px;
    	margin-left: 10px;
	}
	.fn21-subtitle {
		margin-top: 10px;
		font-size: 0.75em;
		max-width: 100%;
	}
	.pedidopl .f2_step .f2_header {
		padding-left: 0;
	}
	.pedidopl .f2_step ul {
		margin-left: 0;
    	padding-left: 0;
	}
	.pedidopl .f2_step .col-md-5 {
		margin-bottom: 0 !important;
	}

	.table-abastible tbody > tr > td {
		padding: 6px !important;
    	font-size: 12px;
	}
	.tabla-pedidos-align {
		font-size: 14px;
	}
	h2.fn21-kl {
		font-size: 22px;
	}
	.modal-body .mini-container {
		max-width: 325px;
	}
	.pedidopl .f2_step .col-md-4 {
		margin-bottom: 0;
	}
	.fn21-curves4:after {
		height: 80px;
	}
	.fn21-curves4:before {
		height: 40px;
	}
	.fn21-news-container {
	    padding-top: 55px;
	    padding-bottom: 20px;
	}
	.res_material_pedido {
		border-bottom: 1px solid rgba(217, 217, 217, 1);
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.fn21-pedido .nvoPedidoCantidad, .nvoPedidoCantidad {
		width: 90px !important;
		display: inline-block;
		box-shadow: none !important;
		border: 1px solid #CCC;
		font-size: 18.5px;
		padding: 5px 4px;
	}
	#step1_main .cupones .panel-body {
		padding: 5px;
		border: 0;
		box-shadow: none;
	}
	#theCils {
		/*border: 1px solid #FF5800 !important;*/
	}
	.pedido-v1 #theCils .panel-heading {
		background-color: #FFF;
		color:#ff5800;
	}
	.fn21-bg-orange2 {
		background-color:#FFF !important;
	}
	.pedido-v1 #gridMobileCatalitico {
		overflow:hidden;
	}
	.pedido-v1 #gridMobileNormal {
		overflow:hidden;
	}
	.panel-group.cupones .panel-heading > p, .panel-group.cupones .panel-heading > .panel-title {
		margin-right: 15px;
	}
	#divConfirmarPedido,  #divVariables, #plStep2, #plStep3, #plStep4 {
		padding-top: 20px !important;
	}
	#divConfirmarPedido button {
		max-width: 150px;
    	font-size: 17px;
    	padding: 5px !important;
	}
	.btn_pl_mas {
		border: 0;
		margin :0;
		padding: 8px;
		background-color: #E2E2E2;
		color: #ff620f;
		display: inline-block;
	}
	.btn_pl_minus {
		border: 0;
		margin :0;
		padding: 8px;
		background-color: #E2E2E2;
		color: #ff620f;
		display: inline-block;
	}
	.res_material_pedido {
		vertical-align: top;
	}
	.res_material_pedido .col-xs-6, .res_material_pedido .col-xs-12 {
		padding: 0;
	}
	#timeline_step3 .marker-info {
		min-width: 150px !important;
	}
	#timeline_step4 .marker-info {
		min-width: 150px !important;
		left: -100px;
	}
	#timeline_step4 div.marker-info:after {
		left: 127px;
	}
	.pedidopl .table-prel {
		margin-left: 0px;
	}
	.pedidopl .prel-i-small input {
		max-width: 40px;
		border: 1px solid gray;
	}
	.fn21-td-res-pl {
		background-color:#FFF;
		line-height: 80px !important;
	}
	.table-pl2-cabeza td {
	    line-height: 15px !important;
	    background-color: #ff6326 !important;
	    font-size: 13px !important;
	    color: #FFF !important;
	    font-weight: normal !important;
	}
	.fn21-td-res-pl span {
	    display: inline-block;
	}
	.pedidopl .table-res-f2, .pedidopl td {
		padding: 2px !important;
	}
	.pedidopl .table-prel td {
		background-color:#FAFAFA;
	}
	.pedidopl .table-prel .tr-f2-naranja td {
		background-color:#FFF;
	}
	.pedidopl .table-prel .tr-f2-verde td:first-child {
		color: #174d9c;
	}
	.pedidopl .table-prel .tr-f2-verde td {
		background-color: #174d9c;
		color: #FFF;
	}
	.pedidopl .table-prel .apago td span.ibox {
		background-color: #174d9c;
		color: #FFF;
	}
	.pl-ml-40 { 
		margin-left: 0px;
	}
	.fn21-pl2-s3-v2 td {
		background-color: #ff6326 !important;
    	color: #FFF !important;
		line-height: 18px !important;
	}
	.fn21-65 {
		height: 65px;
    	vertical-align: bottom !important;
	}
	.pedidopl .f2_resumen_title {
		margin-left: 0;
	}
	.pedidopl #f2_tabla_abastecimiento, .pedidopl #f2_tabla_detalle{
		margin-left: 0;
	}
	#f2_tabla_detalle thead tr {
		background-color: #ff6326;
		color: #FFF;
	}
	.overpayment {
		background-color: #174d9c;
		color: #FFF;
	}
	.pedidopl .table-forma-pago {
		margin-left: 0;
	} 
	.pedidopl .f2_medio_pago img {
		max-width: 80px;
	}
	.pedidopl .f2_medio_pago {
		margin-left: 0;
	}
	.lh-50 {
	    line-height: 30px !important;
	}
	.videos-list {
		margin-left: 0px;
	}
	#video-container {
		max-height: 210px;
	}
	.fn21-faqs-box h4 { font-size: 15px; }
	.fn21-faqs-box a { 
		padding-top: 0;
    	padding-bottom: 0;
	}
	.fn21-faqs-box .fn21-a img {
		max-width: 31px;
	}
	.fn21-top-header.fn21-miniescuela {
		height: 350px !important;
	}
	.fn21-slider-comunidad {
		padding-top: 20px;
	}
	.fn21-top-header.fn21-webdespacho {
		height: 230px;
	}
	.tienda-container-sm {
		padding: 12px !important;
	}
	.wd_menu li {
		max-width: 120px;
	}
	.wd_submenu-icon {
		float: none;
	}
	.fn21-the-webdespacho #btnGen,.fn21-the-webdespacho #btnExcel {
		margin-top: 10px;
	}
	.fn21-tips li a {
		padding: 4px;
		font-size: 15px;
	}   
	.fn21-tips li {
		margin-right: 4px;
		margin-left: 4px;
	}
	.col-3-centrado {
		max-width: 140px;
	}
	.fn21-ct-nombre h2 {
		font-size: 18px;
	}
	.fn21-ct-nombre p {
		white-space: nowrap;
    	text-overflow: ellipsis;
   		width: 100%;
    	overflow: hidden;
    	font-size: 15px;
	}
	.cuentaCorriente .box.mbs {
		margin-top:0 !important
	}
	.tabDeuda, .tabDC {
		width: 80%;
    	margin: auto !important;
    	max-width: 80% !important;
    	margin-bottom: 15px !important;
	}
	.contenido-detalle-deuda {
		margin-top: 10px;
	}
	.dis-inline input, .dis-inline select, .dis-block select, .dis-block input {
		width: 100%;
	}
	.tab-panCamiones_moviles {
		text-align:center;
	}
	.tab-panCamiones_moviles .col-md-2, .tab-panCamiones_moviles .col-md-3 {
		max-width: 32%;
		display: inline-block;
		vertical-align: top;
		padding-left: 5px;
    	padding-right: 5px;
	}
	.table_solicitudes_appRepartidor .btn-abastible-mini {
		margin-bottom: 10px;
	}
	.pedido-bar {
		padding:0;
		margin:0;
	}
	.titulo-negocio-seccion {
		margin-bottom: 0;
		font-size: 1em !important;
	}
	.info-pl-f2 {
		
	}
	.info-pl-f2 .fn21-a img {
		margin-left: 0;
		margin-right: 5px;
	}
	.info-pl-f2 .fn21-box-classic {
		vertical-align: top;
	}
	.info-pl-f2 .fn21-box-classic span {
		display:block;
		text-align: right;
	}
	.info-pl-f2 h4 {
		font-size: 14px;
	}
	.fn21-pt-60.fn21-seleccion-codigo {
		padding-top: 40px !important;
	}
	.fn21-pt-60 {
		padding-top: 40px !important;
	}
	.pedido-bar li {
		font-size: 13px;
	}
	.fn21-preliquidacion .factura-tipo .stuff p span {
		margin: 5px 15px !important
	}
	.fn21-preliquidacion .cupones .panel-body {
		padding: 2px;
	}
	.fn21-preliquidacion #boxFactura {
		max-width: 100%;
	}
	.fn21-tabla-pl-mp tr td:first-child { width: 100px; }
	.fn21-preliquidacion .panel-group.cupones .panel-heading > p, .fn21-preliquidacion .panel-group.cupones .panel-heading > .panel-title {
	min-width: 0px;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px;
    max-height: 25px;
    margin-right: 3px;
	}
	.fn21-preliquidacion .panel-group.cupones .panel-heading .info-icon {
		margin: 5px 30px;
	}
	.fn21-preliquidacion .panel-group.cupones .panel-heading > img {
		max-width: 20px;
	}
	.fn21-preliquidacion .panel-group.cupones .panel-heading .btn {
		display:none;
	}
	.panel-group.cupones .panel-heading > [data-toggle="collapse"] {
		wiidth: 20px;
	}
	.panel-group.cupones .panel-heading > [data-toggle="collapse"] i {
		font-size: 12px;
	}
	.fn21-preliquidacion .fn21-search {
		display:none;
	}
	.fn21-preliquidacion .panel-group.cupones .panel-heading .fa {
		font-size: 13px;
	}
	.loading-sub {
	max-width: 80%;
    margin-left: 0%;
    margin-top: 100px;
	}
	.precios-di-interior{
		padding: 0 !important;
	}
	.steps-line .step {
		margin: 5px -4px 0 0;
	}
}
.precios-di-interior {
	
	padding: 0 40px;
}
.vf-input {
	width: 80px;
	max-width: 80px;
}

.sideHtml::-webkit-scrollbar { width: 8px; height: 3px;}
.sideHtml::-webkit-scrollbar-button {  background-color: #666; }
.sideHtml::-webkit-scrollbar-track {  background-color: #646464;}
.sideHtml::-webkit-scrollbar-track-piece { background-color: #000;}
.sideHtml::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.sideHtml::-webkit-scrollbar-corner { background-color: #646464;}}
.sideHtml::-webkit-resizer { background-color: #666;}

.sidebar-menu::-webkit-scrollbar { width: 8px; height: 3px;}
.sidebar-menu::-webkit-scrollbar-button {  background-color: #666; }
.sidebar-menu::-webkit-scrollbar-track {  background-color: #646464;}
.sidebar-menu::-webkit-scrollbar-track-piece { background-color: #000;}
.sidebar-menu::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
.sidebar-menu::-webkit-scrollbar-corner { background-color: #646464;}}
.sidebar-menu::-webkit-resizer { background-color: #666;}

.fn21-table-min td {
	padding: 8px 4px;
}
.fn21-table-min .form-control {
	height: 30px;
	padding: 0px 7px;
}
.fn21-miniescuela a {
	color:#FFF;
}

.wrapper-left .bx-wrapper {
	margin-left: 0px; 
}


@media only screen and (min-width: 601px) {
	.pedidopl .table-prel td span.ibox {
		border: 1px solid gray !important;
	}
	.tr-f2-azul td {
		text-align:center !important
	} 
	.tr-f2-azul td:first-child {
		/* text-align:left !important */
	} 
	.tr-f2-azul-23 td {
		/* text-align:left !important; */
	}

}
.pedidopl .prel-i-small input {
	border: 1px solid gray !important;
}

.serie-bolsa {
	border: 2px solid #ff6904;
	padding: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.serie-bolsa h2 {
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	margin:0;
	margin-top: 7px;
	margin-bottom: 7px;
}
.serie-bolsa input {
	padding: 4px;
	font-size: 14px;
}
.serie-bolsa span {
	font-size: 11px;
	color: #666;
	display:block;
	margin-bottom: 5px;
}
.serie-bolsa .sb_message {
	font-size: 11px;
	color: #FF0000;
	text-align:center;
	padding: 6px;
}

.btn_cildef{
	background-color: #FF5800 !important;
    padding: 4px 18px 0px 18px;
    color: #FFF !important;
    display: inline-block !important;
    font-size: 14px !important;
    max-width: 149px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}

.btn_cildef a{
	color:#FFF !important;
	text-decoration: none !important;
	border-bottom: 0px !important;
	display:block !important;
}
.cildef_box_counter {
	font-size: 14px;
	color: #333333 !important;
	margin-top: 5px;
    margin-bottom: 5px;
}
.cildef_box_counter span {
	padding: 4px;
	display: inline-block;
	border: 1px solid black;
	color: #FF5800 !important;
	font-weight: bold;
	margin-left: 10px;
	min-width: 30px;
    text-align: center;
}
.cildef_box_goto h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #3b368d;
    color: #FFF;
    padding: 10px 0px;
}