body.b2b .main-container,
body.b2b .main-container,
body.b2b .main-container
	{
  font-size: 12px;
}
#content #boton-continuar {
	clear: both;
    float: right;
    margin-right: 30px;
    margin-top: 40px;
}
#content h1 {
    margin-left: 20px;
    margin-bottom: 30px;
}
#content #pagina .contenido h1 {
    margin-left: 0px;
}

/* Para que las tablas de B2R- B2B funcionen OK */

body.b2b .main-container table {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}

body.b2b .main-container table#tabla_login {
    width:auto;
}

body.b2b .main-container table .color-1 {
    background-color: #F9F9F9;
}

body.b2b .main-container table .color-2 {
    background-color: white;
}

body.b2b .main-container .table-facturashistorico table,
body.b2b .main-container .table-duepayments,
body.b2b .main-container .table-duepayments table{
    width: 100%;
    border: 0;
}
body.b2b .main-container td {
	vertical-align: middle;
}
body.b2b .main-container td legend {
	font-size: 18px;
}
body.b2b .main-container td input {
	margin: 0.5rem 0;
}

body.b2b .main-container a {
    /*color: #cd202c;*/
    cursor: pointer;
    text-decoration: none;
}

body.b2b .main-container .filtros {
    background: none repeat scroll 0 0 #ecedef;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #000;
    cursor: pointer;
    float: left;
    margin: 0 10px;
    padding: 8px 8px 4px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
}

body.b2b .main-container .filtros.activo {
    background: none repeat scroll 0 0 #404040;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto Condensed Bold";
    padding: 8px 30px 4px;
}

body.b2b .main-container .filtros {
    height: auto;
}
body.b2b .c-select--sold_leasing {
    height: 27px;
}
body.b2b .select2-container .select2-selection--multiple {
    height: 27px;
    min-height: 27px;
}
body.b2b .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 2px;
}
body.b2b .select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 2px 20px;
    font-size: 0.875rem;
}
body.b2b .c-select--sold_leasing .select2-selection {
    border-radius: 0;
    height: 27px;
}
#sold_leasing {
    height: 25px;
}
body.b2b .main-container thead#listado_head th {
	vertical-align: middle;
}

body.b2b .main-container .b2r_toggle {
    background-color: #f0f0f0;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-family: "Roboto Condensed Bold";
    padding: 5px 10px;
}
body.b2b .main-container .tbl-paginacion a{
    color: #FFF;
}

body.b2b .table-pagination__wrapper.no-margin {
    margin: 0;
}

.filters-switch {
    flex-wrap: wrap;
    flex-direction: column;
}

.filters-switch .vsf-row {
    flex: 0 0 100%;
    align-self: end;
    margin: 10px 0;
}

body.b2b #listado_pedidos th,
body.b2b #listado_pedidos td {
    font-size: 0.7rem
}

/*****************************************************************************/
/* Kpis B2B */
/*****************************************************************************/
.b2b .kips-box-wrapper{
    clear: both;
    margin: 1rem auto 2rem auto;
    /*padding: 3% 2%;*/
    /*background-color: #f7f7f7;*/
}
.b2b .kips-box-wrapper__content{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content:space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.b2b .kips-box-wrapper__item{
    -webkit-box-flex: 0 1 23%;
    -moz-box-flex: 0 1 23%;
    -webkit-flex: 0 1 23%;
    -ms-flex: 0 1 23%;
    flex: 0 1 23%;
    min-width: 210px;
    min-height: 90px;
    margin-right: 2%;
}
.b2b .kips-box-wrapper__item:last-child{
    margin-right: 0;
}
.b2b .kips-box{
    /*height: 100%;*/
    position: relative;
    margin-top: 1.250rem; /*20px*/
    margin-bottom: 2.250rem; /*20px*/
    background-color: #f7f7f7;
}
.b2b .kips-box__top,
.b2b .kips-box__bottom{
    padding: .625rem 1rem;
}
.b2b .kips-box__top{
    position: relative;
    padding-top: 0.8rem;
    padding-bottom: .325rem;
    background-color: #ebebeb;
    box-shadow: none;
    padding:0 1rem;
}
.b2b .kips-box__bottom{
    padding-top: .325rem;
    padding-bottom: .325rem;
    background-color: #ebebeb;
}
.b2b .kips-box .value-percent{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.500rem;
    font-weight: 300;
    line-height: 150%;
    text-align: right;
    color: #000;
}
.b2b .kips-box-wrapper__title{
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}
.b2b .kpis-title{
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125rem; /*18px*/
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}
.b2b .kips-box .title{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .625rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}
.b2b .kpis-title__cif{
    display: inline-block;
    margin-left: 0.6rem;
    font-size: 1rem; /*16px*/
}
.b2b .kips-box__border,
.b2b .kips-box__shadow{
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -6px;
    left: 0;
}
.b2b .kips-box__border{
    /*bottom: -15px;*/
    background-color: #CD202C;
}
.b2b .kips-box__shadow {
    background-image: url(../img/kips-box-shadow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*media querie para kpis*/
@media screen and (max-width: 991px){
    .b2b .kips-box-wrapper__item{
        -webkit-box-flex: 0 1 48%;
        -moz-box-flex: 0 1 48%;
        -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
        flex: 0 1 48%;
        margin-right: 0;
    }
}
@media screen and (max-width: 575px){
    .b2b .kips-box-wrapper__item{
        -webkit-box-flex: 0 1 100%;
        -moz-box-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}

/*****************************************************************************/
/* Order figure B2B */
/*****************************************************************************/
.item-key .o-availability-icon {
    display: inline-block;
    width: 7px;
    height: 24px;
    vertical-align: middle;
}
.item-key .item-key__title {
    margin-left: 15px;
}

.proforma-item {
    display: none;
}
#confirmar-pdf-proforma {
    display: none;
}


.descuento-link {
    margin: 8px;
    font-size: 15px;
}


/*****************************************************************************/
/* Demo Bikes B2B */
/*****************************************************************************/

.wrapper-filters-demo-bikes{
    width: 100%;
    display: flex;
}

.wrapper-filters-demo-bikes .filters-demo-bikes{
    display: inline-block;
}

.wrapper-filters-demo-bikes .filters-demo-bikes .c-select select{
    padding-right: 30px;
}

.wrapper-filters-demo-bikes .filters-demo-bikes .filter-demo-bike{
    width: auto;
    display: inline-block;
    margin-right: 20px;
    min-width: 250px;
}

.table-demo-bikes-container .table-border-black tbody tr.pending-request{
    background-color: #FFE3BE !important;
}

.table-demo-bikes-container .table-border-black tbody tr.tested{
    background-color: #D4EBCB !important;
}

.table-demo-bikes-container .table-border-black tbody tr.refused-test{
    background-color: #F8DDD6 !important;
}

.wrapper-filters-demo-bikes .buttons-table{
    display: inline-block;
    margin-left: auto;
}

.wrapper-filters-demo-bikes .buttons-table button{
    margin-right: 10px;
    margin-bottom: 10px;
}

.wrapper-filters-demo-bikes .buttons-table button.disabled,
.cta-demo-bikes--aceptar.disabled {
    background-color: grey;
    cursor: not-allowed;
    pointer-events:none;
}

table td button.cta-demo-bikes--aceptar,
table td button.cta-demo-bikes-solicitud--aceptar {
    padding: 0.625rem 0.25rem;
    font-size: 0.875rem;
    margin-right: 0.5rem;
}

table td button.cta-demo-bikes--rechazar,
table td button.cta-demo-bikes-solicitud--rechazar {
    padding: 0.625rem 0.25rem;
    font-size: 0.875rem;
}

table td.container-buttons{
    display: flex;
    align-items: center;
}

.js-historico.js-historico-selected,
.js-info-programa-demo.js-programa-demo-selected,
.js-plataforma-reserva.js-plataforma-reserva-selected{
    background-color: white;
    color: black;
}

.table-demo-bikes-container td.actions {
    min-width: 80px;
}

.table-demo-bikes-container td.actions .fa {
    padding: 5px;
}

.info-descuentos {
    display: none;
    border: 1px solid #707070;
    border-radius: 0.9375rem;
    padding: 0.625rem;
    background-color: #F2F1F1;
}

button.js-info-descuentos {
    background-color: #C9C9C9;
    text-transform: uppercase;
    padding: 0.375rem 1.125rem 0.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.7px;
    line-height: 19px;
    margin-bottom: 0.75rem;
}

.info-descuentos h3 {
    font-size: 1.25rem;
    line-height: 1.675rem;
}

.info-descuentos p {
    font-size: 1.25rem;
    line-height: 1.675rem;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.info-descuentos table th {
    background-color: black;
    color: white;
    text-transform: uppercase;
    padding: 0.875rem 0.625rem;
    text-align: center;
    font-weight: 300;
    font-size: 1rem;
}

.info-descuentos table td {
    background-color: #F2F1F1;
    text-align: center;
}

.info-descuentos table th{
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}

.c-my-account__main.c-my-account__main--column.table-demo-bikes-container .info-descuentos table{
    border: 0;
    max-width: 60%;
    margin-left: 2.5rem;
}

.info-descuentos table td{
    border: 1px solid #707070;
}

@media(max-width: 992px){
    .c-my-account__main.c-my-account__main--column.table-demo-bikes-container .info-descuentos table{
        max-width: calc(100% - 2rem);
        margin: 0 auto 2.5rem;
    }
}

@media(max-width: 576px){
    .c-my-account__main.c-my-account__main--column.table-demo-bikes-container .info-descuentos table{
        max-width: 100%;
    }
}