/* Estils de Farmavet */
.left-0{
    left: 0px !important;
}
.left-60{
    left: 60px !important;
}
.right-0{
    right: 0px !important;
}
.right-60{
    right: 60px !important;
}
.bg-ejemplo{
    background-repeat: no-repeat;
    background-size: cover;
}
.web1{
    background-image: url("/images/bg_web1.jpg");
    background-color: white;
}
.mb-color-white{
    color: white !important;
}
.mb-color-principal-clar--hover:hover{
    color: #dfb6f3 !important;
}
.mb-container{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    /*border: 1px solid white;*/
}
#medibox{
    width: 400px;
    height: auto;
    margin-bottom: 20px;
    background-color: white;
    /*background-color: #fdf9fe;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    /*transition: all 150ms ease-out;*/
}
.mb-amplada-90{
    width: 90% !important;
    margin-left: 10%;
}
.mb-amplada-98 {
    width: 94vw !important;
    /*margin-left: 2%;*/
}
#medibox a{
    color: #53BAD5;
}
#medibox a:hover{
    color: #730e8a;
}
.mb-shadow{
    box-shadow: 0 10px 10px rgba(0,0,0,0.3);
}
.mb-header{
    color: white;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    line-height: 1.1em;
    background-color: #53BAD5;
}
.mb-header-label{
    text-align: center;
    width: 100%;
}
.mb-capsula{
    position: relative;
    background-color: #53BAD5;
    border-radius: 20px;
    color: white;
    padding: 10px 10px 10px 45px;
    transition: all 150ms ease-in-out;
    line-height: 1.2em;
    /*min-height: 49px;*/
}
.mb-capsula:hover{
    background-color: #730e8a;
    text-decoration: none;
}
.mb-capsula .rodona{
    position: absolute;
    left: 10px;
    top: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #dfb6f3;
}
/*
.mb-header-icon{
    width: 44px;
    height: 44px;
    margin-right: 20px;
}*/

.mb-content{
    color: #666666;
    text-align: center;
    padding: 15px 30px;
}
.mb-content-title{
    font-size: 18px;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.mb-content-form{
    font-size: 12px;
}
.mb-content-form input, .mb-content-form textarea{
    border: 1px solid #dfb6f3;
    border-radius: 5px;
    padding: 10px 10px;
    width: 100%;
    font-size: 12px;
    color: #666666;
}
#FAQsearch{
    font-size: 14px;
    border: 1px solid #dfb6f3;
    border-radius: 5px;
    padding: 10px 10px;
    width: 100%;
    /*font-size: 12px;*/
    color: #666666;
}
#log{
    border: none;
    font-size: 14px;
    text-align: justify;
    /*border: 1px solid #dfb6f3;*/
    /*border-bottom: none !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    */
    border-radius: 5px;
    padding: 10px 5px;
    width: 100%;
    /*font-size: 12px;*/
    /*color: #666666;*/
    width: 100% !important;
}
#faq-resultado{
    color: #333333;
}
.max-height{
    height: auto !important;
    min-height: 100px;
    /*max-height: 600px;*/
    max-height: 62vh;
    overflow: auto;
}
/*
#faq-resultado .card-header{
    color: #333333;
}*/
.mb-content-form textarea{
    min-height: 180px;
}
.mb-content-form .buscar{
    background: #b26dce;
    color: white;
    border: none;
    width: 100%;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 12px;
}
.mb-content-form .buscar:hover{
    background: #730e8a;
}
.ui-autocomplete-loading {
    /*
    background: white url("/images/762.svg") 98% center no-repeat;
    */
    background: white url("/images/785.svg") 98% center no-repeat;
}
.ui-widget{
    margin-bottom: 20px;
}
.ui-widget.ui-widget-content{
    border: 1px solid #dfb6f3;
    border-top: none;
    border-none: none;
    padding: 10px 10px;
    /*font-size: 12px;*/
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-rig0ht-radius: 5px;
    width: 340px !important;
    height: 330px;
    overflow: overlay;
}
.log-btn{
    background-color: #b26dce;
    color: white;
    padding: 10px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.mb-input{
    font-size: 16px !important;
}
.mb-font-size-16{
    font-size: 16px !important;
}
.log-btn a{
    color: white !important;
}
.mb-header-label a{
    color: white !important;
}
.ui-menu .ui-menu-item-wrapper{
    padding: 3px 0;
}
.ui-state-active{
    background-color: transparent !important;
    border: none !important;
    color: #b26dce !important;
    /*font-weight: bold !important;*/
}

.mb-content .row{
    margin-bottom: 20px;
}
.mb-logo-sanofi{
    /*width: 200px;*/
    margin: 20px auto 40px;
    width: 90%;
}
.mb-logo{
    /*width: 350px;*/
}

.mb-footer{
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 24px;
    background-color: #b26dce;
}
.mb-footer button{
    color: white;
    display: block;
    background: none;
    border: none;
    width: 100%;
}


/* button open close */
.mb-main-icon-container{
    text-align: right;
}
.mb-main-icon-div{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #b26dce;
    color: white;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mb-main-icon{
    width: 30px;
    height: 30px;
    margin-bottom: -3px;
}
.mb-main-icon-div2{
    /*width: 300px;
    position: relative;
    left: 100px;*/
    display: inline-block;
}
.mb-main-icon2{
    width: 300px;
}

.mb-btn {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #e74c3c;
    cursor: pointer;
}
.mb-btn:hover, .mb-btn:focus {
    color: #fff;
    outline: 0;
}
.mb-third {
    border-color: #b26dce;
    color: #fff;
    box-shadow: 0 0 40px 40px #b26dce inset, 0 0 0 0 #b26dce;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.mb-third:hover {
    box-shadow: 0 0 10px 0 #b26dce inset, 0 0 10px 4px #b26dce;
}
.ui-widget-content{
    text-align: left;
}
.mb-checkbox-correccion{
    width: auto !important;
    margin-right: 5px !important;
}
.list-new-element{
    background-color: #c3d4f4;
}
.help-block-error{
    color: darkred;
}
.no-outline, no-outline:focus{
    outline: none !important;
}
/*.list-new-element:hover{
    background-color: #8dade8;
}*/
/*.header-navbar .navbar-container .dropdown-menu-media .media-list .list-new-element .media:hover {
    background: #ffffff;
}*/


.collapsible .card .card-header, .accordion .card .card-header {
    margin: 0;
    border: solid 1px #DFE3E7;
    padding: 1rem 1.7rem;
    border-radius: 0.267rem !important;
    font-size: 1.2rem;
    font-family: "Rubik", Helvetica, Arial, serif;
    cursor: pointer;
}

/* paddings */
.mb-py-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.mb-py-15{
    padding-top: 15px;
    padding-bottom: 15px;
}
mb-py-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.mb-px-10{
    padding-left: 10px;
    padding-right: 10px;
}
.mb-px-20{
    padding-left: 20px;
    padding-right: 20px;
}
.mb-px-30{
    padding-left: 30px;
    padding-right: 30px;
}
.mb-pb-5{
    padding-bottom: 5px;
}
.mb-pl-25{
    padding-left: 25px;
}
.mb-pl-60{
    padding-left: 60px;
}
.mb-pr-10{
    padding-right: 10px;
}
.mb-pr-40{
    padding-right: 40px;
}

/* margins */
.mb-my-0{
    margin-top: 0px;
    margin-bottom: 0px;
}
.mb-mt-10{
    margin-top: 10px;
}
.mb-mt-20{
    margin-top: 20px;
}
.mb-mt-50{
    margin-top: 50px;
}
.mb-mb-10{
    margin-bottom: 10px;
}
.mb-mb-50{
    margin-bottom: 50px;
}
.mb-mb-0{
    margin-bottom: 0px !important;
}



.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}

/* grid bootstrap */
/*
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
*/



/* XS */
@media (max-width: 767px) {
    body {
        font-size: 0.8rem;
    }
    .mb-px-30 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mb-px-20 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mb-font-size-16 {
        font-size: 14px !important;
    }
    .mb-input {
        font-size: 14px !important;
    }
    .form-control {
        font-size: 14px;
    }
    .mb-content-title {
        font-size: 16px;
    }
    .mb-container {
        bottom: 15px;
        right: 15px;
    }
    .mb-main-icon2 {
        width: 200px;
    }
    #medibox {
        width: 92vw;
    }
    .mb-pl-25 {
        padding-left: 10px;
    }
    .ui-widget.ui-widget-content {
        width: 84vw !important;
        height: 280px;
    }
    .mb-footer {
        padding: 5px;
        font-size: 20px;
    }
    .card-header{
        padding: 10px !important;
        line-height: 1em;
    }
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {


}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* LG */
@media (min-width: 1200px) {

}