@font-face {
    font-family: Michelin-Bold;
    src:url(../fonts/Michelin-Bold.woff);
}

body{padding-top: 147px; font-size: 13px; font-family: 'Open Sans', sans-serif;}

/*header*/
header{position:absolute; top: 0; width: 100%; background-color: #fff;}
header .container-fluid{background: #073763;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;}
.navbar{padding: 0 1rem;}
.navbar ul{border-bottom: solid 2px #FFCB00; font-size: 15px;}
.navbar-light .navbar-nav .nav-link {color: #000; padding: .3rem 1rem; border-bottom: solid 4px transparent; transition: all .5s ease;}
.navbar-light .navbar-nav .active > .nav-link{border-bottom: solid 4px #FFCB00;}

.header-admin{display: flex; justify-content: space-between; background: #073763; color: #fff; padding: 5px 10px; align-items: center;}
.header-admin p{margin-bottom: 0;}
.header-admin a{color: #fff; text-decoration: none;}
.datos-admin span{font-weight: 700;}

/*header movil*/
.navbar-light .navbar-toggler {border-color: transparent;}
.navbar-light .navbar-toggler-icon {background-image: url(../img/menu.png); width: 34px; height: 34px;}

/*general*/
.pleca_pendiente {
    margin: 0px 0px 0px 85%;
    padding:0px;
    font-size:larger;
    text-align:center;
    background-color:#FFCB00;
}

.MedidaMasivo {
    width:30%;
    position:absolute;
    margin-left:17%;
}

.ImgCarrito {
    position:absolute;
    margin-left:52%;
}

.MasivoMspn {
    width:30%;
    position:absolute;
    margin-left:17%;
}

.MasivoMarcas {
    width:20%;
    position:absolute;
    margin-left:17%;
}

.container {
    max-width: 100%;
}
section{padding: 30px 0 50px;}
h1{color: #073763; font-size: 30px; text-align: center; margin: 20px 0 10px; font-family:Michelin-Bold;}
h3{text-align: center; color: #073763; font-size: 20px; margin-bottom: 20px;}
h6{font-weight: 700;}
.btn.focus, .btn:focus {box-shadow: none;}
.custom-select{background-image: url(../img/sort-down2.jpg); background-size: auto; height: 40px; background-position-x: right;}
.custom-select:focus {border-color: #ced4da; box-shadow: none;}
.form-control{height: 40px;}
.form-control:focus{border-color: #ced4da; box-shadow: none;}

.content-tablas{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.info-tabla{width: 50%; padding: 20px 1%;}
.info-tabla a{/*background: #073763; color: #fff;*/ width: 150px; padding: 3px; display: block; margin: 0 auto; border-radius: 0;}
/*.info-tabla a:hover{color: #fff;}*/
.info-tabla thead{background-color: #073763; text-align: center;}
.table thead th{border: none; vertical-align: middle;}
.table td, .table th{border: none; text-align: center;}
.tabla1{border-bottom: 2px solid #666; border-right: 2px solid #666;}
.tabla2{border-bottom: 2px solid #666;}
.tabla3{border-right: 2px solid #666;}
.tb-movil{display: none;}
.tb-movil th{background: #FFCB00; text-align: left; width: 50%; border-bottom: 1px solid #c1c1c1;}
.tb-movil td{text-align: left; border-bottom: 1px solid #c1c1c1; background-color: #fff;}

/*confirmar pedido*/
.content-pedido{width: 80%; margin-left: 10%; padding-top: 25px;}
.tabla-pedido h3{border-bottom: 3px solid #eee; padding-bottom: 25px;}
.info-pedido p{font-weight: 700;}
.info-pedido span{font-weight: 400;}
.txt-title{font-weight: 700; font-size: 17px; text-align: center; color: #073763;}
.tabla-pedido table tbody{background-color: #fff; text-align: center;}
.tabla-pedido thead{background-color: #FFCB00;}
.tabla-pedido .table td {border: 1px solid #dee2e6; padding: 1rem .75rem;}
.tabla-pedido .table th {border: 1px solid #dee2e6; padding: .5rem .75rem;}
.tabla-pedido p{color: #073763; font-size: 15px;}
.tabla-pedido span{font-weight: 700;}
.btn-pedidos{text-align: center;}
.btn2{color: #fff; background-color: #073763; border-radius: 0; width: 200px; margin: 20px; font-size: 15px;}
.btn2:hover{color: #fff;}
.btn:hover {color: #fff;}

/*busqueda*/
.select-sucursal{width: 50%; margin: 10% auto;}
.step-1{margin-bottom: 15%;}
.step-1 .btn2{display: block; width: 300px; margin: 0 auto;}

/*.step2{display: none;}*/
.select-llanta .btn2{display: block; margin: 0 auto; width: 350px;}
.stock-llantas{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 10px 0;}
.llanta-item{/*width: 48%;*/ display: flex; flex-direction: row; flex-wrap: wrap; border: solid 2px #eee; padding: 10px; align-items: center;}
.llanta-item:hover {border: solid 2px #FFCB00;}
.img-llanta, .info-llanta{width: 23%; }
.img-llanta img{width: 100%;}
.info-llanta{font-size: 20px; text-align: center;width:75%;}
.info-llanta span{font-weight: 700; display: block;}
.info-llanta div{margin: 2px 0;}
.cantidad-llanta .custom-select{width: auto; display: block; margin: 0 auto; padding: .375rem 2.75rem .375rem .75rem; border-radius: 0; padding: .375rem 3.5rem .375rem .75rem;} 

.sucursal-datos{display: flex; flex-direction: row; flex-wrap: wrap; border: solid 1px #666; border-radius: .5rem; font-size: 16px; padding: 0; width: 60%; margin: 20px auto;}
.sucursal{width: 27%; padding: 10px; background-color: #FFCB00; border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;}
.name-sucursal{width: 100%; padding: 12px; background-color: #f3f3f3; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; font-weight: 700;}

.content-buscador{padding-top: 0px;}
.buscador-llantas{background-color: #f3f3f3; height: 148px;}
.buscador{display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; margin: 0 auto;}
.buscador div:first-child{width: 70%; margin-right: 5%;}
.buscador div:last-child{width: 25%;}
.top{display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; margin: 0 auto; padding: 20px 0;}
.botones-buscador{width: 25%; display: flex;}
.espacio{width: 70%; margin-right: 5%;}
.botones-buscador .btn{padding: 10px 0; width: 50%; background-color: #ddd; border: 1px solid #acabac; border-radius: 0; color: #666;}
.botones-buscador .btn.active{color: #fff; background-color: #073763;}
.botones-buscador .btn3{border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; border-right: 0;}
.botones-buscador .btn4{border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; border-left: 0;}

.opciones-buscador{border-bottom: solid 2px #FFCB00; display: flex; justify-content: center; margin-top: 20px;}
.opciones-buscador p{margin-bottom: 0; border-bottom: solid 2px #FFCB00; padding: 0 40px; font-size: 18px; cursor: pointer; margin-bottom: -2px;}
.opciones-buscador p.active{border-bottom: solid 3px #073763; color: #073763;}


/*resumen pedido*/
.resumen-pedido{display: flex; flex-direction: row; flex-wrap: wrap; margin: 50px 0; border: solid 2px #073763; border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem;}
.header-pedido{width: 100%; color: #fff; background-color: #073763; padding: 15px; display:flex; justify-content: space-between;}
.header-pedido p{margin-bottom: 0; display: inline-block; font-size: 16px;}
.tabla-datos{width: 33.3%; background-color: #f3f3f3; border-bottom-left-radius: 0.5rem;}
.datos-envio{width: 33.3%; padding: 50px 50px 0;}
.form-pedido{width: 33.3%; border-bottom-right-radius: 0.5rem;}
.form-pedido form{width: 80%; margin: 0 auto;}
form .pedido-select{margin: 20px 0;}
form .pedido-select select{border-radius: 0; }
form .pedido-textarea textarea{border-radius: 0;}
.step3 .btn2{display: block; margin: 0 auto; width: 350px;}

/*footer*/
footer{border-top: solid 4px #FFCB00;position:absolute;bottom:0;width:100%;}
.footer-flex{display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-between; padding: 0;}

/*ReporteBusquedaUsuario*/
.rdius { border-radius: 10%; }
.bckcolor { background-color: #FFCB00; }
.asterik{ color:red; }
.BotonR { width: 200px; background-color: #073763; font-size: 15px; color: #fff; }
#DropAnio { background-color: #f3f3f3; }
#DropMes { background-color: #f3f3f3; }
#TblReporteConsultaUsu thead th { background-color: #073763; color: white; border: none; text-align: center; }
#TblReporteConsultaUsu tr.striped { border-bottom: 4px solid #0a0a0a; }
.dt-search { display: flex; justify-content: flex-end; }
.dt-search input { border: 1px solid #ced4da; border-radius: 4px !important; padding: 5px 10px; width: 250px !important; height: 26px !important; justify-content: right !important; }
.dt-info { font-size: 12px; background-color: #525C63; color: white !important; text-align: right !important; padding-right: 10px; }
.dt-paging { padding-top: 10px; justify-content: center; display: flex; }
.dt-button.buttons-excel { /*background-color: #08743B !important; color: #fff !important; height: 40px !important; font-size: 14px !important;*/ padding: 0px !important; border: none !important; }
#TblReporteConsultaUsu tr:not(:has(table)):hover td { background-color: #2D96CD; color: #FFFFFF; }
.btn:not(.btn-sm):not(.btn-lg) { overflow: hidden; }

/*CargaArchivoInventario*/
.TitleCInv {
	font-size: 30px;
	color: #073763;
}
#TblCargaInventario thead th {
	background-color: #073763;
	color: white;
	border: none;
	text-align: center;
}
/*CargaArchivoInventarioPDF*/
#TblCargaInventarioPDF thead th {
	background-color: #073763;
	color: white;
	border: none;
	text-align: center;
}

@media (max-width: 1366px) {
	.MedidaMasivo {
        margin-left: 23%;
    }

    .ImgCarrito {
        margin-left: 58%;
    }

    .MasivoMspn {
        margin-left: 23%;
    }

    .MasivoMarcas {
        margin-left: 23%;
    }

    .tabla-datos {
        width: 45%;
    }

    .datos-envio {
        width: 27%;
        padding: 50px 15px 0px;
    }

    .form-pedido {
        width: 27%;
    }

    .sucursal-datos {

    }

}


@media (max-width: 1200px) {

	/*busqueda*/
	.sucursal-datos {width: 80%;}
    footer {
        position: inherit;
    }
    
}

@media (max-width: 991px) {
    
	.info-tabla{width: 100%; border-bottom: 2px solid #666;}
	.info-tabla:last-child{border: none;}
	.tabla1, .tabla3{border-right: none;}

	/*menu-movil*/
	.navbar ul {border-bottom: none;}

	/*footer*/
	.img-footer:first-child{width: 35%;}
	.img-footer:last-child{width: 60%;}
	.img-footer img{width: 100%;}
	
	/*select*/
	.custom-select {font-size: 14px;}

	/*busqueda*/
	.name-sucursal {width: 60%;}
	.sucursal{width: 40%;}
	.buscador {width: 100%;}
	.top {width: 100%;}

	/*resumen pedido*/
	.tabla-datos {width: 100%; border-bottom-left-radius: 0;}
	.datos-envio {width: 50%; padding: 50px;}
	.form-pedido {width: 50%;}

    footer {
        position: inherit;
    }

    
}

@media (max-width: 767px) {

	.content-pedido {width: 100%; margin-left: 0;}
	
	/*busqueda*/
	.select-sucursal {width: 100%;}
	.buscador div:last-child {width: 35%;}
	.buscador div:first-child {width: 60%;}
	.botones-buscador {width: 35%;}
	.espacio {width: 60%;}
	.img-llanta, .info-llanta {width: 100%;}

	/*resumen pedido*/
	.datos-envio {padding: 30px;}

    footer {
        position:inherit;
    }
}

@media (max-width: 575px) {

	.tb-movil{display: table; border: 2px solid #666;}
	.tb-desktop{display: none;}
	.info-tabla a{width: 100%;}

	.btn2 {width: 100%; margin: 0 0 20px; font-size: 15px;}
	.tabla-pedido .table th {padding: 1rem .75rem; font-size: 14px;}
	.tabla-pedido .table td{font-size: 14px;}

	/*menu*/
	.navbar-brand img{width: 200px;}

	/*header*/
	.datos-admin span {display: block;}
	
	/*footer*/
	.img-footer:first-child, .img-footer:last-child{width: 100%;}

	/*busqueda*/
	.step-1 .btn2 {width: 100%;}
	.custom-select {font-size: 12px;}

	.img-llanta, .info-llanta {width: 50%;}
	.llanta-item {width: 100%; margin-bottom: 20px;}
	.sucursal-datos{width: 100%; text-align: center;}

	.sucursal {width: 100%; border-bottom-left-radius: 0; border-top-right-radius: .5rem;}
	.name-sucursal {width: 100%; border-top-right-radius: 0; border-bottom-left-radius: .5rem;}

	.opciones-buscador p {padding: 0 20px; font-size: 14px;}
	.info-llanta {font-size: 16px;}
	.content-buscador {padding-top: 25px;}
	.select-llanta .btn2 {margin: 0 15px; width: auto;}

	/*resumen pedido*/
	.datos-envio{width: 90%;}
	.form-pedido{width: 90%; margin: 0 auto;}
	.form-pedido form {width: 100%; margin: 0;}
	.pedido-textarea{margin-bottom: 20px;}

	.header-pedido {flex-wrap: wrap; text-align: center;}
	.step3 .btn2{width: auto;}

    footer {
        position: inherit;
    }
}

@media (max-width: 480px) {

	.botones-buscador {width: 100%;}
	.espacio {margin-right: 0; width: 0;}
	.buscador div:first-child {order: 1; width: 100%; margin-right: 0}
	.buscador div:last-child {width: 100%; margin-bottom: 20px;}

    footer {
        position: inherit;
    }
}