#license-area{width:460px !important;}
#smis-login > .modal-body > .modal-body-title { float:left; max-width:200px; }
#smis-login > .modal-body > .modal-body-form { float:left; max-width:300px;}
#smis-login .smis_form > div > label{ text-transform: uppercase; font-weight:800; font-style: italic;} 
#smis_logo img{ max-width:200px; max-height:auto; margin:0 auto;}
.smis{ max-width: 563px;max-height: 316px;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
#smis-modal{	top:0;	left:0;}
#smis_logo{	text-align: center;}
#smis-login{top:3px !important;	left:3px !important; z-index:190;}
#smis-login .modal-header h3{
    font-weight: bold !important;
    font-size: 24.5 !important;
    
}
#mail-login{display: none;}
#mail-back-btn{display: none;}
@media(max-width: 531px){
    #smis-login{
        top:0 !important;
        left:0!important;
        right:0 !important;
        bottom:0!important;
        z-index:0;
        position: fixed !important;
        background: rgba(255, 255, 255, 0.74);
    }

    #smis-login .modal-footer{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    
    #smis-login .modal-header{
        background:#f5f5f5;
        border-top: 1px solid #ddd;
    }

    #smis-login .modal-body{
        border: none;
        position: relative;
        height: max-content;
        max-height: 100%;
        padding: 15px;
        overflow-y: auto;
    }

    #smis-login .modal-body-title{
        margin: 0 auto !important;
        float: none !important;
    }

    #smis-login .modal-body-form {
        float: none !important;
        margin: 0 auto  !important;
        max-width: 100%  !important;
        text-align: center  !important;
    }

    #smis-login .modal-body-form label, #smis-login .modal-body-form input{
        width:100%  !important;
        text-align: left  !important;
    }

    #smis-login .smis_form > div{
        width: 80% !important;
        margin-left: 10% !important;
        padding: 0 !important;
    }
}