/*==========  Mobile First Method  ==========*/

.img-box-container{
    position: relative;
    width: 300px;
    height: 300px;
    overflow: hidden;
}
.img-box{
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}

.widget-main {
    padding: 0;
}
.noticiaBody{
    padding: 0;
}

.noticiaBody2{
    padding: 0;
}

.noticiaBody2 img{
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    padding: 0px;
}

.noticiaBody img{
    max-width: 100%;
    height: auto;
    max-height: 500px;
    display: table;
    margin: 0 auto;
}

.noticiaDetalle{
    padding: 20px;
}

.noticia-area{
    border: none;
    word-break: break-word;
    background-color: white;
}

.noticias-img{
    max-width: 100%;
    padding: 0;
}

.login-container{
    width: 100%;
    padding: 0;
}

.login-logo-cliente{
    max-height: 100%;
    max-width: 100%;
}

.login-logo-mobilefarma{
    max-height: 100%;
    max-width: 100%;
}

.login-dialog{

}

.login-outer{
    padding: 0;

    /* height: calc(100% - 236px); */
    overflow-y: auto;
}

.login-body{
    height: 100%;
    padding: 0px;
}

.login-body-footer{
    max-height: 108px;
    padding: 0px;
    overflow-y: auto;
}

.login-footer{
    padding: 0;
    bottom:0;
    height: 120px;
}

.login-noticias{
    padding: 0px;
    min-height: 398px;
    height: 100%;
    overflow-y: auto;
}

.login-body > .login-fields{

    height: 290px;
}

.login-header{
    padding: 0;
    height: 120px;
}
.login-header img{    height: inherit;}
.login-cuerpo-noticia{
    height:100%;
    padding: 0;
    color:  #5A6165;
}

.login-image{

    height: 290px;
    padding: 0 55px;

}

.modal-open{
}

/* Large Devices, Wide Screens */
@media(max-width : 1200px) {

    .login-container{
        width: 85%;
        padding: 0;
    }
}

/* Medium Devices, Desktops */
@media(max-width :  992px) {

}
/* Small Devices, Tablets */
@media(max-width : 768px) {
    .login-noticias {
        min-height: 1px;
        height: 255px;
        width: 100%;
    }
    .login-container{
        width: 96%;
        margin-left: 2%;
    }
    .noticias-img{
        width:30%;
    }
    .noticiaDetalle{
        width:70%;
    }
    .login-image {
        height: 70px;
    }
    .login-body {
        height: 460px;
        width: 100%;
    }

    .login-footer{
        padding: 0;
        bottom:0;
        height: 120px;
        position:relative;
    }
}
@media(max-width : 648px) {

}
/* Extra Small Devices, Phones */
@media(max-width :  480px) {

}

/* Custom, iPhone Retina */
@media(max-width : 320px) {

}