/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    /* initial */
    h1 {
        font-size: 3rem;
    }
    /* container setup */
    .container-setup{
        width: 100% !important;
        background-color: transparent;
    }
    .container-setup .container-setup-empty{
        width: 100%;
        height: 100%;
    }
    /* navbar public mobile */
    nav .brand-logo.left{
        margin: auto;
        float: none !important;
        text-align: center;
        left: 0;
        height: 100%;
        width: 100%;
        top: 0;
    }
    .navbar-header .brand-logo img {
        margin-top: -15px;
        margin-left: 0;
        width: 35%;
        height: 80px;
    }

    .avatar_user-mobile{
        display: block;
    }

    .navbar-header .nav-wrapper {
        padding: 0 4% 0 4%;
    }

    .avatar {
        width: 40px;
        height: 40px;
    }

    nav .sidenav-trigger{
        margin: 0;
    }

    .container-modules .navbar-tools nav {
        height: 70px;
        line-height: 70px;
    }
    .inner-addon .glyphicon{
        line-height: 70px;
    }

    .container-tools .actionsToolbar-container a i {
        line-height: 70px;
    }

    /** sidenav menu **/
    .sidenav-menu{
        display: none;
    }

    /** navbar tool **/

    .container-tools{
        width: 100%;
    }
    .navbar-tools{
        width: 100% !important;
    }
    .container-tools .selectCategory-container{
        display: none;
    }
    .container-tools .inputSearch-container {
        width: 50%;
        padding-left: 4%;
        margin-left: 0;
    }
    .actionsToolbar-container{
        width: 30%;
    }
    .btn-toolbar .button-text_toolbar{
        display: none;
    }
    .btn-small i {
        font-size: 1.5rem;
    }
    .actionsToolbar-container .btn-toolbar:last-child:before{
        left: -3px;
        top: 12px;
    }
    .left-addon input{
        padding: 0 0px 0px 20%;
        border: 1px solid #dadada;
        border-radius: 5px;
    }

    /** container login **/
    .container-login .info-container {
        display: none;
    }
    .container-login .form-container{
        width: 100%;
        padding: 2% 5%;
        background: linear-gradient(#ffffff 70%, #557ab6 100%);
    }
    .form-container .content_form-login{
        width: 100%;
        height: 100%;
    }
    .container-login .form-container .logo_unimedika{
        text-align: center;
        margin: auto;
    }
    .container-login .form-container .logo_unimedika img{
        width: 100%;
        height: 100%;
    }
    .container-login .form-container .form_login-fields{
        display: contents;
    }
    .container-login .form-container .no-register {
        border-top: 1px solid #cacaca;
    }
    /** footer **/
    .page-footer .logo-footer{
        width: 50% !important;
        float: left;
    }
    .page-footer .logo-footer img{
        width: 100%;
        width: 100%;
    }
    .page-footer .direction-footer{
        width: 50% !important;
        float: right;
        font-size: 11px;
    }
    .page-footer .menu-footer{
        display: none;
    }
    .borderLeftWhite{
        border-right: 0;
        font-size: 10px;
        border-bottom:  1px solid #ffffff;
        padding-bottom: 5% !important;
    }
    .network-options{
        padding-top: 10% !important;
        padding-bottom: 10% !important;
        margin: auto;
        text-align: center;
    }
}