.vehiculo-image-file.small {
	width: 90px!important;
}
 
#FotoThumbnailTrasera, #FotoThumbnailPadron, #FotoThumbnailFrontal { height: 100%; width: 100%;}
.nueva-solicitud {
	border-style: groove;
}

.btn-abastible2 {
	color: gray;
	background-color: #E5E5E5;
	border-color: #E5E5E5;
	padding: 10px;
	margin-top: 10px;
}
.btn-abastible2:hover {
	color: gray;
	background-color:transparent;
}
.registroDI {
	max-width: 480px;
	width: 80%;
	margin: auto;
}
.registroDI input, .registroDI select {
	padding: 10px;
	background-color: #E5E5E5;
	font-size: 14px;
	border: 0;
	display: block;
	width: 100%;
	outline: 0;
	margin-bottom: 10px;
}
.registroDI input:hover, .registroDI select:hover { 
	background-color: #F7F7F7;
}
.modal-preliquidacionresumen .modal-dialog { 
	width: 800px;
}
.loading-gif {
	padding: 30px;
	/* background-color: white; */
	border-radius: 10px;
}


.ventanaOjo {
	background-color: #345fa1;
	color: white;
	text-align: center;
	line-height: 18px;
	padding: 10px 50px;
}
.ventanaOjo a {
	color: #fff;
	font-weight: bold;
}
.fakeUser {
	background-color: #444;
	color: white;
	text-align: center;
	line-height: 38px;
	z-index: 10000;
}
.fakeUser span {
	color: yellow;
}
.fakeUser a {
	color: #ffd1bc;
	font-weight: bold;
}
.menutop {
	height: auto !important;
}
.box_error_reg {
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	border: 2px solid #ff6326;
	text-align:center;
	font-size: 14px;
	font-weight: normal;
	font-family: 'museo_sans_cyrl100';
	color: black;
	background-color: #FFF;
	border-radius: 20px;
}
.box_error_reg a {
	font-size: 14px;
	font-weight: bold;
	font-family: 'museo_sans_cyrl100';
	color: #ff6326;	
}
.goPreliquidacion, 
.goPreliquidacion>*, 
.goReporteMediosDePago, 
.goReporteMediosDePago>*, 
.goPreliquidacionHistorico,
.goPreliquidacionHistorico>* {
	cursor: pointer;
}
#step1_main select.campo.form-control {
	min-width: 177px !important;
}
.repomp select.campo.form-control {
	min-width: initial;
}

.ro_pl_select {
	min-width: 380px !important;
}
.factura-tipo .stuff p span {
	margin: 5px 27px !important;
}
.nv_menu {
	position: fixed;
	background-color: #FFF;
	-webkit-box-shadow: 0px 24px 38px -16px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 24px 38px -16px rgba(0,0,0,0.34);
	box-shadow: 0px 24px 38px -16px rgba(0,0,0,0.34);
}

#fixedPL {
	background-color: #757575;
    box-shadow: 2px 2px 18px rgb(50 50 50 / 75%);
    width: 100%;
    left: -5px;
    top: 180px;
    z-index: 2;
    position: fixed;
    width: 340px;
    transition: all 0.3s ease;
}
.fixedPL_rel {
	position: relative;
}
.fixedPL_in {
    padding: 10px 30px;
	font-size: 14px;
	color: white;
}
.fixedPL_in > strong {
	display:block;
	margin-bottom: 8px;
}
.fixedPL_in em {
	padding-left: 8px;
	padding-right: 8px;
	display: block;
	color: white;
}
.fixedPL_in em strong {
	width: 140px;
	float: right;
}
.fixedPLShow, .fixedPLHide {
	position: absolute;
	top: -10px;
	right: -10px;
	cursor:pointer;
	padding: 4px;
	border-radius: 50%;
	background-color:#FF5800;
	width: 30px;
	height: 30px;
	line-height: 20px;
	text-align:center;
	border: 1px solid #FFF;
}
.fixedPLShow i, .fixedPLHide i {
	color:#FFF;
	font-size: 20px;
}
#fixedPL.closed {
	left: -305px;
}
	
/* correccion de ancho encabezado medios de pago preliquidacion para evitar 2 lineas */
.panel-group.cupones .panel-heading .btn-outline {
	padding: 8px 12px 6px !important; 
} 
.perfiles table input[type="text"] {
	max-width: 100px;
}
.perfiles table thead tr th:first-child { width: 50px !important; }
.perfiles table tbody tr td:first-child { width: 50px !important; }

.perfiles table thead tr th:last-child { width: 140px !important; }
.perfiles table tbody tr td:last-child { width: 140px !important; }


#elClima{
}

#elClima.card .card-shadow {
    /*background-image:url('../images/clima/despejado.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    background-color:#fc4f00;
}
.orientacion {
	border-radius: 4px 4px 4px 4px;
	text-transform: uppercase;
	background: url(../images/orientacion.png) no-repeat;
	background-size: cover;
	font-size: 15px;
	color: #fff;
}

.column_orientacion_1{
	width: 8%;
	margin: 6% 19%;
	display: inline-block;
}
.column_orientacion_1 img{
	float:left; 
}
.column_orientacion_2 {
    display: inline-block;
    width: 39%;
    margin-left: 3%;
}
.orientacion h4 {
    font-size: 12px;
    font-family: 'Klavika Md';
}
.barra-orientacion {
    background: #3470a7;
    padding: 6px 0px 2px 10px;
    border-radius: 4px;
    width: auto;
}
.orientacion .phone {
    font-size: 13px;
    background: url(../images/icons/phone.png) no-repeat;
    background-position: left;
    display: inline-block;
    padding-right: 24px;
}
.orientacion .mail {
    font-size: 9px;
    background: url(../images/icons/mail.png) no-repeat;
    background-position: left;
    display: inline-block;
}
.orientacion a {
	color: #fff;
}
.orientacion a:hover {
	text-decoration: underline;
}
.orientacion p {
    padding-left: 30px;
}

#seleccionarCodigo { 
	background-image: initial !important;
}
.login-home {
	background-image: initial !important;
}

.miescuelabg {
	background-image: url(../images/img_miescuela.png?v=2);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home .menu-principal {
	top: 300px !important;
}
.slider-home .carousel { margin-top: -25px; }
.slider-home .carousel-inner { height: 335px !important; }
.barra-orientacion{
	background: #3470a7;
	padding: 6px;
	border-radius: 4px;
}
.show_ticket_icon {
	cursor: pointer;
}
.show_ticket_img img {
	max-width: 220px;
	height: auto;	
}
#contactanos{
	display: inline-block;
	border-radius: 40px 40px 40px 40px;
	background-color: #ff6321;
	height: 48px;
	color: white;
	font-size: 16px;
	padding: 13px 20px 0px 17px;
	width: auto;
}
#selectYear option {
	color: #FF6326;
	background-color: #FFF;
	font-family: 'museo_sans_cyrl100';
	font-size: 1.1em;
	font-weight: bold;
}
#selectYear {
    padding-left: 10px;
    margin-left: 0;
}
.td-blue {
	background-color: #909090 !important;
	color: #FFF;
}
.td-blue span {color: #DDD; }
.td-blue.justo { color:#FFF; }
.td-blue.perdida { color:#FFF; }
.td-blue.ganancia { color:#FFF; }

.fa-envelope-o{
font-size: 23px;
padding-right: 9px;
}

.nvoPedidoCantidad { 
	width: 100% !important; text-align:center !important; 
}
.totals { text-align:center !important; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.dj_mat_row {
	color: #4d5f70; font-weight: bold; font-size: 13px;
}
.dj_btn_addrow {
    font-size: 20px;
    color: #ff6326;
    line-height: 45px;
    font-weight: bold;
    background-color: white;
    padding: 3px;
    border-radius: 50%;
    padding-left: 8px;
    padding-right: 8px;
}
.dj_input_error {
	border: 1px solid red !important;
	background-color: #ffc9d6 !important;
}

/* #tableDeclaracionJuradaFacturas>tr>td>input {
	border: 1px solid gray;
	padding: 2px;	
}
#tableDeclaracionJuradaFacturas>tr>td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
#tableDeclaracionJuradaFacturas>tr>td>input.xs {
	width: 25px;
	text-align:center;
}
#tableDeclaracionJuradaFacturas>tr>td>input.xb {
	width: 90%;
}
#tableDeclaracionJuradaFacturas>tr>td>input.xm {
	width: 75px;
	text-align:center;
}
#tableDeclaracionJuradaFacturas .upload-table i {
	margin-right: 5px; 
	margin-left: 5px;
} */
.cuentaCorriente .box {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	text-align:center;
	margin-bottom: 3px;
}
.cuentaCorriente .box_celeste { color: #FFFFFF; background-color: #5B9BD5; font-weight: bold; text-transform: uppercase; }
.cuentaCorriente .box_celeste2 { color: #4E5F6F; background-color: #D2DEEF; }
.cuentaCorriente .box_rojo { color: #FFFFFF; background-color: #DD0000; font-weight: bold; text-transform: uppercase; }
.cuentaCorriente .box_rojo2 { color: #FF0000; background-color: #FFE8CB; }
.cuentaCorriente .box_naranjo { color: #FFFFFF; background-color: #ff6326; font-weight: bold; text-transform: uppercase; }
.cuentaCorriente .box_naranjo2 { background-color: #FFE8CB; color: #ff6326; }

.mail-tabla td {
	font-size: 11px;
}
.mail-tabla > tbody > tr:hover, .mail-tabla > tbody > tr:hover > td  {
	background-color: #1d2129;
}
.mail-tr {
	cursor: pointer;
}
#errorCorreoDistribuidor > div {
	padding: 20px;
}
.ui-datepicker-today a {
color: #ff6326;
font-weight: bold;
}

.tbk_admin input, .tbk_admin select { max-width:100%; border: 1px solid #ff6321; padding: 5px; }
.tooltipsy {
    padding: 5px;
    /*max-width: 150px;*/
    color: #FFF;
    background-color: #ff6321;
    border: 0;
    border-radius: 10px;
    margin-left: 20px;
}
.h6-mpc {
	font-size: 1em;
    font-family: 'Klavika Md';
}

#step2_side .remember h4 { font-size: 30px; }
#step2_side .remember p { font-size: 16px; font-weight: bold; }

#DJExcelGo { background-color: #ff6326 !important; color: #FFF !important; }

#guardarCambios {
	/* color: white !important; */
    /* border: 2px solid #337ab7 !important; */
    /* background-color: #337ab7 !important; */
}
#irPaso1,
#declaracionJuradaTipoB {
	color: white !important;
    border: 2px solid #ff6326 !important;
    background-color: #ff6326 !important;	
}
#declaracionJuradaTipoB .fa,
#guardarCambios .fa {
    font-size: 1.3em;
}
#djtbl_b input {
	font-size: 16px;
	text-align: center;
} 
#djtbl_b .summary-row {
	font-size: 16px;
}
#djtbl_b .second-row {
    font-size: 1.4em;
    font-weight: bold;
    border-top: 15px solid #FFF;
}

.tabDC  {
	cursor: pointer;
}
.addon_add_aba {
	background-color: #ff6326;
    border: 0;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.btn_sube_foto {
	margin-top: 55px; 
	margin-right: 75px;
}
.mail_bar { 
	text-align:center;
}
.mail_bar li {
	display: inline-block;
	padding: 8px;
	border-radius: 12px;
	border: 1px solid white;
	margin-right: 5px;
	margin-left: 5px;
}
.mail_bar li a {
	color: white;
	font-size: 13px;
	text-transform: uppercase;
}
.mail_bar li.activo {
	background-color: #FFFFFF;
}
.mail_bar li.activo a {
	color: rgb(65, 81, 82);
}
.inner-extra-sidebar .btn-container {
	margin-left: 30px;
}
.inner-extra-sidebar .btn-container .side_max_mb {
	font-size: 0.75em;
	font-weight: bold;
	text-align: left;
}
/*
#tablaAsistentes table.dataTable thead .sorting_asc { background: none; }
#tablaSupervisores table.dataTable thead .sorting_asc { background: none; }
#tablaJefesdeventa table.dataTable thead .sorting_asc { background: none; }
*/
#tendenciasTable thead .sorting_asc { background: none; }
#tendenciasTable2 thead .sorting_asc { background: none; }
#tendenciasTable_filter { display: none; }
#tendenciasTable2_filter { display: none; }
#filtroOficina { font-weight: bold; }
#filtroDistri { font-weight: bold; }
#filtroRegionGer { font-weight: bold; }
#filtroJefeVentas { font-weight: bold; }
#filtroAsistentes { font-weight: bold; }


.tendencias-side {
	margin-top: 30px;
}
.tendencias-side h3 {
    color: white;
    background-color: #FF4C21;
    width: 140px;
    padding: 10px;
    border: 0;
    margin-top: 15px;
}
.tendencias-side .col-md-12 {
	padding: 0 !important;
	margin: 0 !important;
}
.tendencias-side .col-md-12 div {
	margin-left: 10px;
	font-weight: bold;
	color: #FF4C21;
	font-size: 1em;
}

.tendencias-side .tendencia-ammount {
	font-size: 1.6em;
   	font-family: 'Museo_sans_cyrl700';
	color: #4f5f6f;
	margin-top: 20px;
	margin-bottom: 0;
}
.tendencias-side .tendencia-name {
	font-size: 16px;
	color: #ff6326;
	font-weight: bold;
}

.tendencias-side .card-section.restriccion {
	padding: 30px;
	text-transform: uppercase;
	background-color: transparent;
}

.tendencias-side .card-section.restriccion h6 {
	font-size: 16px;
}

.tendencias-side .card-section.restriccion h4 {
	font-size: 25px;
   	font-family: 'Museo_sans_cyrl100';
}

.tendencias-side .card-section.restriccion .row > div:first-child {
	border-right: 1px solid #e4e4e4;
	color: #858585;
}

.tendencias-side.card-section.restriccion .row > div:last-child {
	text-align: center;
	color: #0064b3;
}
.pedido-ok-end a {
	color: #999999;
	padding: 7px;
	background-color: #EEEEEE;
}
.pedido-ok-end {
	margin-top: 14px;
}

@media only screen and (max-width: 500px) {
	.login-field img {
		max-width: 100px;
	}	
}
.line_factura_remove {
	cursor: pointer;
}
.imprimirComprobante i {
	color: #FFF !important;
}

#vercomotabla_filter input, .perfiles input[type="search"] { 
	border: 1px solid #ff6326;
    padding: 5px;
    margin: 10px;
    color: #ff6326;
    outline:0;
}

.observacionesPedidoDi {
	width: calc(100% - 31%) !important;
    display: inline-block;
    box-shadow: none;
    border: 1px solid #ff6326;
    color: #ff6326;
    font-family: 'Museo_sans_cyrl100';
    line-height: 1.4em;
    font-size: 1.1em;
    height: 80px;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;	
    resize: none;
    border-radius: 4px;
    padding: 6px 12px;

}
.overclick {
    color: white;
    padding: 10px;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.imagen_edit {
	position:absolute;
	top:0;
	left: 0;
	padding: 15px;
	color: white;
	background-color: #FF5800;
}
.imagen_edit i {
	position:absolute;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	font-size: 20px;
}
.exis_image {
	padding: 6px;
	font-size: 14px;
	font-weight:bold;
	background-color: red;
	color: white;
	position: absolute;
	right:0;
	top: 0;
	cursor: pointer;
}
.editorFotosProducto input[type="radio"] {
	cursor: pointer;
	position: absolute;
	right: 10px;
	bottom: 10px;
	outline: 0;
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

	.ro_pl_select {
		min-width: 0 !important;
	}
	
}
.wd_submenu {
	position:relative;
}
.wd_submenu-icon {
	float:left;
	padding: 5px;
}
.wd_submenu-icon img {
	max-width: 32px;
}
.wd_submenu-title {
	float:left;
	font-size: 14px;
	color: #345fa1;
	line-height: 45px;
}
.wd_submenu.activated .wd_submenu-title span {
    padding: 5px;
}
.wd_submenu.activated .wd_submenu-title span {
	background-color: #345fa1;
    color: #FFF;
    border-radius: 10px;
}
.wd_field {
    display: inline-block;
    box-shadow: none;
    border: 1px solid #ff6326;
    color: #ff6326;
    font-family: 'Museo_sans_cyrl100';
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.wd_field_select2 .select2-container {
    border: 1px solid #ff6326;
}
.wd_field_select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0;
}
.wd_field_select2 .select2-container--default .select2-selection--multiple {
	border: 0;
}

.ui-tooltip.ui-widget {
    width: 100%;
    max-width: 300px;
    background-color: #FFF;
    border: 1px solid black;
    padding: 10px;
    border-radius: 8px;
}
/* **************************************************************** */
/* Web despacho */
/* **************************************************************** */
.wd_menu {
	margin:0;
	padding:0;
	text-align:center;
}
.wd_menu li {
	list-style:none;
	margin-right: 20px;
	margin-left: 20px;
	display:inline-block;
}
#fnWDMapComponent {
	width: 100%;
	height: 450px;
}
#fnWDMapDetalleComponent {
	width: 100%;
	height: 350px;
}
#fnWDMapModal .modal-dialog, #fnWDDetalleModal .modal-dialog {
	width: 90%;
}
#wd_map_resumen {
	max-height: 400px;
    overflow: auto;
}
/*#div_camiones, #div_pedidos { max-height: 400px; overflow: auto; }*/
#div_camiones ul, #div_pedidos ul { padding: 0; }
#div_pedidos ul li .wdcol {
	display:inline-block;
	margin-right: 12px;
	vertical-align:middle;
	max-width: 140px;
}
#div_camiones ul li .wdcol {
	display:inline-block;
	margin-right: 12px;
	vertical-align:middle;
	max-width: 180px;
}
#div_pedidos ul li .wdcol:last-child { float:right; }
#div_camiones ul li { list-style:none; text-align:left; border-bottom: 1px solid gray; padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
#div_camiones ul li .details { font-style: italic; display:block; } 
#div_pedidos ul li { list-style:none; text-align:left; border-bottom: 1px solid gray; padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
#div_pedidos ul li .details { font-style: italic; display:block; }

.wd_tag {
    display: inline-block;
    color: #FFF;
    background-color: #2e548e;
    padding: 3px;
    border-radius: 10px;
    height: 16px;
    font-size: 9px;
}


/* Pedido Preliquidado */

.pedidopl-23 .table-prel td:first-child {
	/* background-color:#FFF; */
	/* line-height: 30px; */
	/* font-weight: bold; */
	/* text-transform: none !important; */
	/* font-family: 'Museo_sans_cyrl700'; */
	border: 0;
}
.pedidopl-23 .table-prel td:nth-child(2) {
    /* background-color:#FFF;  */
	line-height: 30px;
	/* font-weight: bold; */
	text-transform: none !important;
	font-family: TitilliumWeb-Regular;
	background-color: #FAFAFA;
}

.pedidopl-23 .table-prel .tr-f2-azul td:first-child {
	color: #373737 !important;
	/* font-weight: bold; */
	font-family: TitilliumWeb-Regular !important;
}
.pedidopl-23 .table-prel .tr-f2-azul td:nth-child(2) {
	color: #373737;
	/* font-weight: bold; */
	font-family: TitilliumWeb-Regular !important;
}

.pedidopl {
	
}
.pedidopl-box {
  border-radius: 4px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  padding: 20px;
  border-top: 4px solid #ff620f;
  margin-bottom: 20px;
}
.pedidopl-box h3 {
	font-family: 'museo_sans_cyrl900';
	color:#4e5f6f;
	font-size:16px;
}
.pedidopl-box hr {
	background-color: #DEDEDE;
	color:#DEDEDE;
	border: none;
	height:1px;
}
.pedidopl-box .f2_empty {
	color:#4e5f6f;
	font-family: 'Klavika Md';
	font-size:16px;
	padding: 15px;
}
.pedidopl-box .f2_empty img {
	max-width: 80px;
}
.pedidopl ul.timeline {
  text-align: justify;
  position: relative;
  /*overflow: hidden;*/
  margin: 0;
  padding: 0;
  display: inline-flex;
  justify-content: space-around;
  width: 35%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pedidopl .timeline li {
  position: relative;
  width: 25%;
  display: inline;
  padding-bottom: 20px; 
}
.pedidopl .timeline .marker-number {
  padding-top: 2px;
  width: 2.1em;
  height: 2.1em;
  font-family: 'Museo_sans_cyrl700';
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  line-height: 2em;
  border-radius: 50%;
  background: #CC4104;
  border: 0px;
  display: inline-block;
  color:#FFF;
}
.pedidopl .timeline li.active .marker-dark {
  background: #ffffff; 	
}
.pedidopl .timeline .marker-dark {
  width: 2.9em;
  height: 2.9em;
  text-align: center;
  line-height: 2.2em;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #fff;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: -1;
  margin-top: -10px;
}
.pedidopl .timeline .marker-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff620f;
  top: 15px;
}
.pedidopl .timeline li.active span.marker-number,
.pedidopl .timeline li.active span.marker-line {
  background: #CC4104;
}
.pedidopl .timeline .active span.marker-dark { 
  border: 3px solid #ff620f;
}
.pedidopl .timeline .active ~ li span.marker-number,
.pedidopl .timeline .active ~ li span.marker-line {
  background: #eaeaea;
}
.pedidopl .timeline .active ~ li span.marker-dark { 
  background: #FFF;
  border: 3px solid #FFF;
}
.pedidopl .timeline span.marker-text {
  color: #7d7d7d;
  font-size: 12px;
  line-height: -15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.pedidopl .timeline li div.marker-info {
	display: none;
    position: absolute;
    background-color: #ff620f;
    height: auto;
    width: 100%;
    font-family: 'Klavika Md';
    font-weight: normal;
    font-size: 11.5px;
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
	top: -120px;
    left: 0;
    margin-left: 25%;
    z-index: 11;
}
.pedidopl .timeline li.active div.marker-info {
  display:block;	
}
.pedidopl .timeline li.active div.marker-info b {
	font-family: 'Museo_sans_cyrl900';
	font-weight: bold;
	font-size: 13px;
}
.pedidopl .timeline li.active div.marker-info:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 5px #ff620f;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.pedidopl .f2_step .f2_header {
	/* padding-left: 40px; */
}
.pedidopl .f2_step li {
	list-style:none;
	padding-top: 10px;
	margin-bottom: 15px;
}
.pedidopl .f2_step .breadcumbs {
	/* color:#4e5f6f; */
	font-size: 12px;
	font-family: TitilliumWeb-Regular;
}
.pedidopl .f2_step .title-step {
	color:#3c3c3c;
	font-size: 22px;
	font-family: TitilliumWeb-Regular;
	padding-bottom:10px;
}
.pedidopl .f2_step .title2-step {
	/* color:#4e5f6f; */
	font-size: 16px;
	font-family: TitilliumWeb-Regular;
}
.pedidopl .prel-i-big input {
	max-width: 180px; 
	outline:none;
	line-height: 30px;
}
.pedidopl .prel-i-small input {
    max-width: 110px;
	margin: 10px 0;
}
.pedidopl .f2_step .subtitle-step {
	color:black;
	font-size:14px;
	font-family: TitilliumWeb-Regular;
	margin-bottom: 42px;
}
.pedidopl .f2_step label {
	text-transform: uppercase;
	color:#4e5f6f;
	font-size: 12px;
	font-family: 'Klavika Md';
}
.pedidopl .f2_step label small {
	color:#4e5f6f;
	font-family: 'Museo_sans_cyrl100';
	font-size: 10.5px;
}

/* .pedidopl .f2_step .form-control {
	border:1px solid #ff620f;
	outline:none;
	color: #ff620f;
} */

.pedidopl .f2_actions {
    margin-top: 50px;
    margin-bottom: 50px;
}
.pedidopl .f2_actions .btn-default {
	font-weight:bold;
	border: 0;
    font-family: 'Klavika Md';
    color: #4e5f6f;
    border-radius: 20px;
    padding: 20px;
    outline:none;
}
.pedidopl .f2_actions .btn-default:hover, .pedidopl .f2_actions .btn-default:focus  {
	background-color:#FFF;
	outline:none;
}
.pedidopl .f2_actions .btn-abastible {
    border-radius: 25px;
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Museo_sans_cyrl700';
    margin-bottom: 0;
    outline:none;
}
.pedidopl .f2_actions .btn-abastible-azul {
	background-color:#174d9c;
	color:#FFF;
    border-radius: 25px;	
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    text-transform:uppercase;
    font-family: 'Museo_sans_cyrl700';
    text-align:center;
    margin-bottom: 0;
    outline:none;
}
.pedidopl .panel-group {
	margin-left:40px;
}
.pedidopl .balones {
	max-width: 80px;
}
.pedidopl .table-prel {
	margin-bottom:45px;
	/* margin-left: 40px; */
}
.pedidopl .table-prel td {
	padding: 5px;
	line-height: 30px;
}
.pedidopl .table-prel td.fnegra {
	font-family: 'Museo_sans_cyrl900' !important;
}
.pedidopl .table-prel td:first-child {
	background-color:#FFF;
	line-height: 30px;
	/* font-weight: bold; */
	/* text-transform: uppercase; */
	font-family: TitilliumWeb-Bold;
	background-color: #FAFAFA;
}

.pedidopl .table-prel td.ojo { 
	color:#ff620f !important;
	font-size: 11px !important;
	background-color:#ffefe6 !important;
	font-family: 'Museo_sans_cyrl700' !important;
}
.pedidopl .inf {
	color: #2cc177 !important;
	background-color:#f7f7f7 !important;
}
.pedidopl .inf b {
	font-family: 'Museo_sans_cyrl900' !important;
}
.pedidopl .force-white-pl {
	background-color:#FFFFFF !important;
}
.pedidopl .table-prel td {
	background-color:#FAFAFA;
}
.pedidopl .table-res-f2, .pedidopl td { 
	padding:5px !important;
	font-size: 14px !important;
}
.pedidopl .f2_resumen_title {
	color:#4e5f6f;
	font-family: 'Museo_sans_cyrl900' !important;
	margin-bottom:20px;
}
.pedidopl #f2_tabla_abastecimiento, .pedidopl #f2_tabla_detalle {
	margin-left: 0px;
}
.pedidopl .tabla_detalle thead td {
	font-family: 'Museo_sans_cyrl900' !important;
}
.pedidopl .tabla_detalle tfoot tr td {
	border-top:0;
}
.pedidopl .tabla_detalle .overpayment td {
	background-color:#ff620f;
	font-family: 'Museo_sans_cyrl900' !important;
	font-size: 15px;
	background-color: rgba(255, 99, 15, 0.07);
}
.pedidopl .f2_cart_fin {
	font-family: 'Museo_sans_cyrl900' !important;
}
.pedidopl .subbread {
	font-size: 15px;
	font-family: TitilliumWeb-Bold;
}
.pedidopl .minor_title {
	font-family: 'Museo_sans_cyrl900';
	font-size:12px;
	margin-bottom: 10px;
}
.pedidopl .alert.alert-success {
	padding: 12px;
	background-color:#effaf5;
	color:#2cc177;
	font-family: 'Klavika Md';
	font-size:12px;
}
.pedidopl .table > tbody > tr > td {
	border:0;	
	font-family: TitilliumWeb-Regular;
	font-size: 12px;
	color: #373737;
	/* border-right: 1px solid	#EFEFEF; */
}
.pedidopl .panel .table > tbody > tr > td:first-child {
	background-color:#FFF;
	font-weight: bold;
}
.pedidopl .f2_cart_header td {
	/* font-family: 'Museo_sans_cyrl700'; */
	font-size: 12px;
	color: #4e5f6f;
	font-weight:bold;	
}
.pedidopl .f2_cart_normal td {
	font-family: 'Klavika Md';
	font-size: 12px;
	color:#4e5f6f;
}
.pedidopl .table-forma-pago {
	margin-left: 40px;
}
.pedidopl .table-forma-pago tr td:first-child {
	/* font-family: 'Museo_sans_cyrl700'; */
	font-size: 12px;
	font-weight:bold;
}
.pedidopl .f2_medio_pago {
	margin-left: 40px;
}
.pedidopl .f2_medio_pago img {
	max-width:120px;
}
/* Hide the browser's default checkbox */
.pedidopl .cch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.pedidopl .cch .checkmark {
  position: absolute;
  top: -29px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  margin-top: 20px;
  margin-left: 20px;
  cursor:pointer;
}

/* On mouse-over, add a grey background color */
.pedidopl .cch:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.pedidopl .cch input:checked ~ .checkmark {
  background-color: rgba(204, 65, 4, 1);
}

/* Create the checkmark/indicator (hidden when not checked) */
.pedidopl .cch .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.pedidopl .cch input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.pedidopl .cch .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pedidopl #step4_main .f2_step label {
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}
.pedidopl .btn-oc {
    padding: 6px;
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 30px;
}
#OCBrowser .modal-title {
	font-family: 'Museo_sans_cyrl700';
	font-size: 23px;
	font-weight: bold;
	color:#3c3c3c;
}
#OCBrowser .modal-oc-subtitle {
	font-family: 'Klavika Md';
	font-size: 13px;
	color:#4e5f6f;
	font-weight:normal;
}
#OCBrowser .modal-dialog {
	width: 90%;
    max-width: 1000px;
}
#OCBrowser .oc_viewer {
	
}
#OCBrowser .oc_view {
	margin-bottom:10px;	
}
#OCBrowser .oc_title {
	color:#FFF;
	background-color:#CC4104;
	border: 1px solid #FF6804 ;
	padding: 13px 20px 13px 50px;
	display:block;
	font-weight: normal;
	font-family: "Titillium Web";
	cursor:pointer;
	margin:0;
	font-size: 15px;
	font-weight: 600;
	border-radius: 25px;
}
#OCBrowser .oc_title.off {
	background-color:#CCC;
	border: 0px;
}
.btn-abastible-minix {
	background-color: #ff620f;
	border-radius: 34px;
	padding: 7px;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Klavika Md';
	color:#FFF;

}
#OCBrowser .btn-abastible-mini {
	background-color: #ff620f;
	border-radius: 34px;
	padding: 7px;
	padding-left:20px;
	padding-right:20px;
	font-family: 'Klavika Md';
}
#OCBrowser .btn-default {
	color:#4e5f6f;
	font-family: 'Klavika Md';
	font-size: 13px;
	border:0;
	font-weight:bold;
	margin-right: 30px;
	background-color:#FFF;
}
#OCBrowser .btn-default:hover, #OCBrowser .btn-default:focus {
	background-color:#FFF;
}
.oc_viewer.pedidopl .checkmark { 
    margin-top: 5px;
    text-align: center;
    position: absolute;
    /* margin-left: 50%; */
    left: 10px;
    top: 35px;
}
#OCBrowser .oc_details .table {
	margin:0;
	margin-bottom:5px;
	background-color: #f7f7f7;
}
#OCBrowser .oc_details .table td {
	color:#4e5f6f;
	text-align:center;
	font-family: 'Museo_sans_cyrl700';
	font-size: 13px;
}
.subtitular {
	font-family: 'Klavika Md';
	font-size: 15px;
	color:#4e5f6f;
}
.table-f2 tbody > tr > th {
	text-align:left !important;
	font-family: 'museo_sans_cyrl700' !important;
}
.table-f2 tbody > tr > td {
	font-family: 'museo_sans_cyrl700' !important;
	background-color:#FFF !important;
	color:#4e5f6f !important;
	text-align:left;
}
.f2-btn-icon {
	padding:5px;
}
.modal-f2 .modal-content {
	border-radius: 22px;
}
.modal-f2 .modal-body {
	padding: 25px;
}
.f2-btn-icon img {
    max-width: 17px;
}
.f2-badget-success {
	background-color:#00a900;
	display: inline-block;
	color:#FFF;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 4px;	
}
.f2-badget-black {
	background-color:#000;
	display: inline-block;
	color:#FFF;
	text-transform: uppercase;
	border-radius: 8px;
	padding: 4px;
}
.btn-wide {
	border-radius: 18px;
	padding-left: 30px;
	padding-right: 30px;
	padding:8px !important;
}
.btn-abastible-azul {
    background-color: #174d9c;
    border-radius: 30px;
    color: #FFF;
    font-family: 'museo_sans_cyrl700' !important;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.f2-control {
	background-color:#fff;
	border-radius:2px;
	border: 1px solid #cbcbcb;
	padding: 10px;
	font-family: 'Klavika Md' !important;
	width: 100%;
}
.f2-h2 {
	color:#3c3c3c;
	font-family: 'museo_sans_cyrl700' !important;
	font-size: 25px;
}
.a-acordeon {
	
}
.a-acordeon-header {
	padding: 5px;
	color:#FFF;
	background-color:#ff620f;
	padding: 10px;
}
.a-acordeon-title {
	color:#CC4104;
	font-family: TitilliumWeb-Bold !important;
	font-size: 20px;
}
.a-acordeon-subtitle {
	color: #4e5f6f;
	font-size: 14px;
	margin-bottom: 25px;
	font-family: 'Klavika Md' !important;
}
.a-acordeon-contenido {
	padding:20px;
}
.dis-inline {
	display: inline-block;
}
.dis-block {
	display:block;
}
.dis-block2 {
	display:block;
}

.dis-inline.with-margin {
	margin-left: 15px;
}
.dis-inline2 input, .dis-inline2 select, .dis-block2 select, .dis-block2 input{
	border-radius: 0px;
	padding: 13px;
	height: auto;
	max-width: 100%;
}

.dis-inline label, .dis-block label {
	display:block;
	color:#4e5f6f;
	font-family: 'Klavika Md' !important;
}
.dis-inline input[readonly], .dis-block input[readonly] {
	background-color:#FFF;
}
.a-acordeon-layer {
	margin-bottom: 40px;
}
.dis-inline input, .dis-inline select, .dis-block select, .dis-block input {
	border-radius: 0px;
	width: 220px;
	padding: 13px;
	height: auto;
	max-width: 100%;
}
.btn-f2-azul {
	border-radius: 30px;
	border: 1px solid #174d9c;
	background-color:#174d9c;
	color:#FFF;
	font-family: 'Klavika Md' !important;
	font-size: 14px;
	padding: 7px;
	padding-left: 25px;
	padding-right: 25px;
}
.btn-f2-outline {
	border-radius: 30px;
	border: 1px solid #ff620f;
	color:#ff620f;
	font-family: 'Klavika Md' !important;
	font-size: 14px;
	background-color:#FFF;
	padding: 7px;
	padding-left: 25px;
	padding-right: 25px;
	outline: none;
}
.btn-f2-outline:hover, .btn-f2-outline:focus {
	color:#ff620f;
}
.table-f2-oc thead td {
	font-family: Titillium Web;
	font-size: 17px !important;
	text-align:center;
	color: black;
	font-weight: 700;
}
.table-f2-oc tbody td {
	font-family: Titillium Web;
	font-size: 17px !important;
	text-align:left;
	background-color:#f4f4f4;
	color: black;
	border-top: 0 !important;
	font-weight: 700;
}
.table-f2-oc thead > tr > td:nth-child(odd){
	background-color: white;
}
.table-f2-oc thead > tr > td:nth-child(even){
	background-color: #EFEFEF;
}
.table-f2-oc tbody > tr > td:nth-child(odd){
	background-color: white;
}
.table-f2-oc tbody > tr > td:nth-child(even){
	background-color: #EFEFEF;
}
/* .table-f2-oc tbody td:first-child {
	background-color: #FFF;
	line-height: 35px;
} */
.table-f2-oc tbody td input {
	width: 100%;
	max-width: 90px;
	margin:auto;
	border-radius: 4px;
	padding:4px;
}
.btn-abastible-none {
	color:#4e5f6f;
	background-color:#FFF;
	border:0;
	border-radius:0;
	outline:none;
	margin-left: 15px;
	margin-right: 15px;
}
.btn-abastible-none:hover {
	color:#000;
}
#actionsBtnsOC .f2_actions {
	margin-top: 0px !important;
}
#statusCuponPromocion, #statusOC {
	border-radius: 8px;
    background: rgba(255, 191, 26, 0.10);
    padding: 15px 15px;
	font-size: 17px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#statusCuponPromocion.query, #statusOC.query { color:blue; }
#statusCuponPromocion.error, #statusOC.error { color:#D84910; }
#statusCuponPromocion.ok, #statusOC.ok { color:green; }

.pedidopl .table-prel .tr-f2-azul td:first-child {
	color:#174d9c;
	font-weight: bold;
	font-family: 'Klavika Md' !important;
}
.pedidopl .table-prel .tr-f2-verde td:first-child {
	color:#3AC580;
	font-weight: bold;
	font-family: 'museo_sans_cyrl700' !important;
}
.pedidopl .table-prel .tr-f2-blanco td {
	background-color:#FFF;
	color:#174d9c;
	font-weight: bold;
	font-family: 'Klavika Md' !important;
	text-align:center;
}
.pedidopl .table-prel .tr-f2-naranja td {
	background-color:#FFEFE6;
	font-weight: bold;
}
.pedidopl .table-prel .tr-f2-naranja td:first-child {
	background-color:#FFF;
	font-weight: bold;
	font-family: TitilliumWeb-Bold;
	color: #373737;
}
.pedidopl .table-prel .tr-f2-verde td {
	background-color:#D4F3E4;
	color:#3AC580;
	font-weight: bold;
	font-family: 'museo_sans_cyrl700' !important; 
}
.pedidopl .table-prel .tr-f2-verde td:first-child {
	background-color:#FFF;
}
.pedidopl .table-prel td span.ibox {
	border-radius: 30px;
    width: 100%;
    line-height: 6ex;
	max-width: 110px;
    margin: 10px auto;
}
/* .pedidopl .table-prel > tbody > tr > td {
	border-right: 1px solid	#EFEFEF;
} */

.pedidopl .table-prel td:first-child, .pedidopl.table-prel td:last-child{
	border: 0
}
.f2-calendar {
    background-image: url(../images/calendar.png);
    background-size: 21px 21px;
    background-position: 10px 11px;
    background-repeat: no-repeat;
    padding-left: 47px !important;
}
.alert-pedidopl {
	padding: 10px !important;
    margin-bottom: 20px !important;
    margin-left: 40px !important;
}
.table-f2-mp {
	background-color:#ff620f;
	padding:5px;
	border-radius:8px;
	margin-bottom: 15px;
}
.table-f2-mp tbody td {
	padding-top: 20px;
	padding-bottom: 20px;
}
.table-f2-mp th {
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
}
.f2-al7 {
	background-color: rgba(255, 98, 15, 0.13);
	border-radius: 8px;
	padding: 11px;
	color:#3c3c3c;
	text-align:right;
	font-family: 'museo_sans_cyrl900' !important; 
}
.f2-al7 b {
	color:#ff620f;
	font-family: 'museo_sans_cyrl900' !important; 
}
.f2-al7 b span {
	color:#3c3c3c;
}
#loadingAmounts {
	background-color: rgba(255,255,255,0.7);
	z-index: 3;
	position:absolute;
	width: calc(100% + 40px);
	height:100%;
	top: 0;
	left: 0;
}
#loadingAmounts .anime {
	position:absolute;
	transform:translate(-50%,-50%);
	top: 50%;
	left: 50%;
	z-index: 5;
}
.table-abastible-f2 {
	margin-bottom: 0;	
} 
.table-abastible-f2 th {
	border-bottom: 0 !important;
	padding: 10px !important;
}
.table-abastible-f2 td {
	padding: 10px;
	border-top: 0 !important;
	border-bottom: 1px solid #ddd;
}

th.sorting-asc {
	background-image: url(/libs/images/arrow_up.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center;
}
th.sorting-desc {
	background-image: url(/libs/images/arrow_down.png) !important;
	background-repeat: no-repeat !important;
	background-position: right center;
}
.searchTrue .dataTables_filter {
	display: block !important;
}
.trumbowyg-editor {
	background-color: #FFF !important;
}
.loading-sub {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: white;
    color: #fc620c;
    padding: 10px;
    margin: 30px;
    width: 500px;
    font-weight: bold;
    border-radius: 10px;
}
.badget-pl-2020 {
    display: inline-block;
    border: 1px solid #2d6eb9;
    border-radius: 10px;
    width: auto;
    background-color: #2d6eb9;
    color: #FFF;
    padding: 2px 8px;
}
.badget-err-2020 {
    display: inline-block;
    border: 1px solid #ff2626;
    border-radius: 10px;
    width: auto;
    background-color: #ff2626;
    color: #FFF;
    padding: 2px 8px;
}
.lh-50 {
	line-height: 50px !important;
}
.lh-25 {
	line-height: 25px !important;
}
#realTopHuinchaFn {
	border-radius: 0;
	color:#FFF;
	background-color: #757575;
	border: 0;
}
#realTopHuinchaFn a {
	color: #FFF !important;
	text-decoration: underline;
}

.perfiles .table-abastible tbody > tr > td .fa {
    color: #FFF !important;
}
.count_down {
	background-color: #e86128;
}
.count_container {
    text-align: center;
    /* padding: 30px; */
    max-width: 100%;
    width: 1200px;
    margin: auto;
    min-height: 300px;
    padding-top: 80px;
}
.count_clocks {
	margin-top: 15px;
}
.count_clocks li {
	vertical-align:middle;
	display:inline-block;
	list-style:none;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}
.count_clocks li .count_clock_num:after {
	content:':';
	position: absolute;
	color:#FFF;
	font-size: 45px;
	font-family: 'Klavika Bd', sans-serif;
	position: relative;
    top: calc(50% - 30px);
    right: -44px;
}
.count_clocks li:last-child .count_clock_num:after {
	display:none;
}
.count_clocks li>div:first-child {
	padding: 20px;
	font-size: 50px;
	line-height: 60px;
	color:#e86128;
	font-family: 'Klavika Bd', sans-serif;
	border-radius: 20px;
	background-color: #FFF;
	border-radius: 10px;
	position: relative;
	width: 99px;
}
.count_clocks li>div.clock_days_bajada {
	color:#FFF;
	font-size: 30px;
	text-align: center;
	list-style: none;
 
}

/* Css in FN21 */
.thumbnail-image
{
	/* border: 2px solid #5a6c71; */
    padding: 7px;
    width: 400px;
    height: 250px;
    /* border-radius: 50%; */
    overflow: hidden;
}

#manual_thumbnail
{
	height:100%;
	width:100%;
}

.btn-thumbnail-image
{
	margin-left: 5vw;
    margin-top: 5vw;
}
.table-abastible.table-minify > tbody > tr > td { padding: 5px; }
.table-abastible.table-minify > thead > tr > th { padding: 5px; }

#tableReparto table.dataTable thead td{
	border:none;
}

#tableReparto thead .sorting_asc { background: none; }
#tableReparto thead .sorting_asc { background: none; }
#tableReparto thead .sorting { background: none !important; }

#tableReparto table.dataTable thead th, table.dataTable thead td{
	border:none !important;
}

#tableReparto table.dataTable thead td{
	border:none;
}

#tableRpPublico table.dataTable thead td{
	border:none;
}

#tableRpPublico thead .sorting_asc { background: none; }
#tableRpPublico thead .sorting_asc { background: none; }
#tableRpPublico thead .sorting { background: none !important; }

#tableRpPublico table.dataTable thead th, table.dataTable thead td{
	border:none !important;
}

#tableRpPublico table.dataTable thead td{
	border:none;
}

/* End css in FN21 */