LMS-Estafeta/css/pasaporte.css

.line-blue{
	background-color: #003050;
    border-top: 2px solid rgba(0,0,0,.1);
}


.icon-left{
	background-image: url(../img/icon-left.svg);
    background-size: cover;
    width: 20px;
    height: 25px;
    display: inline-block;
}

.icon-right{
	background-image: url(../img/icon-right.svg);
    background-size: cover;
    width: 20px;
    height: 25px;
}

.custom-leftpage {
    text-align: center;
    padding-top: 0;
    width: 50%;
    float: left;
    height: 100%;
    background-image: url("../img/pasaporte/left-page.png");
    background-size: cover;
    border: 4px #003050 solid;
    border-radius: 30px 0px 0px 30px;
}

.custom-rightpage {
    text-align: center;
    padding-top: 0;
    width: 50%;
    float: left;
    height: 100%;
    background-image: url("../img/pasaporte/right-page.png");
    background-size: cover;
    border: 4px #003050 solid;
    border-radius: 0px 30px 30px 0px;
}

.row .bb-bookblock {
   /* width: 580px;
    */
    height: 400px;
    width: 100%;
    -webkit-perspective: 2000px;
    perspective: 2000px;
}


.btn-left{
    width: 60px;
    height: 60px;
}

.btn-right{
    width: 60px;
    height: 60px;
}


@media only screen and (max-width: 600px) {
    .row .bb-bookblock {
       /* width: 320px;*/
        height: 280px;
        -webkit-perspective: 2000px;
        perspective: 2000px;
    }

    .custom-leftpage {
        border-radius: 20px 0px 0px 20px;
    }

    .custom-rightpage {
        border-radius: 0px 20px 20px 0px;
    }

    .bb-bookblock h5 {
        font-size: 16px;
    }
 
}

.bb-item{
    background-color: transparent;
}