@font-face {
    font-family: UnimedSans-Regular;
    src: url(../webfonts/UnimedSans-Regular.otf);
  }
@font-face {
    font-family: UnimedSans-Sb;
    src: url(../webfonts/UnimedSlab2020-Sb.otf);
  }
@font-face {
    font-family: UnimedSans-Bold;
    src: url(../webfonts/UnimedSans2020-Bd.otf);
  }
@font-face {
    font-family: UnimedSans-Italico;
    src: url(../webfonts/UnimedSans2020-SbIt.otf);
  }
html,body{
    min-height:100vh !important;
    height:auto!important;
    min-width:100% !important;
    width:100%!important;
    font-family: 'UnimedSans-Regular',Trebuchet MS, Verdana, Arial, sans-serif !important;
    color:#FFF;
    font-size: 0.9em;
    /*text-shadow: #CCC 0px 1px 1px;*/
    margin:0 !important;
    padding:0 !important;
    overflow: auto;
    background:#095f56;
    }
    .principal{
        background:#095f56;
        min-height:98vh !important;
    }
    tr,td,th{
    padding:3px!important;
    }
    th{
        background-color:#095f56!important;
        border:1px solid #EEE;
        color:white!important;
    }
    td{
        border:1px solid #EEE;
        color:#444!important;
    }
    .bg-green{
        background-color:#095f56!important;
    }
    .bg-cinza{
        background:#EEE!important;
    }
    
    /*====== INFORMATIVO =====*/
    .informativo{
        background:url('../img/fundo-esq.png');
        background-size: 100% 100%;
        background-position-y: center;
        background-position-x: center;
        background-repeat: no-repeat;
        background-color:#095f56;
        min-height:98vh !important;
        height:auto;
    }
    /*====== LOGIN =====*/
    .login{
        background-color:#095f56;  
        background-image: url('../img/fundo-dir.png');
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        background-repeat: no-repeat;
        min-height:98vh !important;
        height:auto;
    }
    .bg-nav{
        background:url('../img/fundo_desktop.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }
    .login-top{      
        min-height: 28vh !important;
        height: 28vh !important;  
        /*background:url('../img/bg-login-top.png');*/
        background-position-y: top;
        background-position-x: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .login-middle{
        min-height: 44vh!important;
        height: 44vh!important;
    }
    .login-panel{        
        color:white;
        min-height:99% !important;
        height:99%!important;
        border: none;
    }
    .login-panel td,.login-panel tr{        
        color:white !important;
    }
    .login-panel td{
        border:none;
    }
    .login-panel tr{
        color:white;
    }
    .login-panel-title{
        /*background-image: linear-gradient(to right, #FFF , #FFE);*/
        background-color:#BAD55F;
        color:#FFF;
        min-height:20%!important;
        height:20%!important;
        
    }.login-panel-title p{
        color:#FFF; 
        font-size:45px;
        font-family: 'UnimedSans-Sb',Trebuchet MS, Verdana, Arial, sans-serif !important;
    }
    .login-panel-body{
        background-color:#095f56; 
        color:white;
        min-height:80%!important;
        height:80%!important;
    }
    .login-form{
        background-color:#095f56;
        color:white;
        min-height:80% !important;
        height:80%!important;
    }
    .btn-entrar,.btn-entrar:checked{
        background-color:#BAD55F !important;
        border: solid 1px #cbe280 !important;
        color:#095f56 !important;
    }
    .btn-entrar:active,.btn-entrar:focus,.btn-entrar.active,.btn-entrar:active:focus{
        background-color:#BAD55F !important;
        border: solid 2px #e7f1c4 !important;
        color:#116e65 !important;
    }
    .btn-entrar:hover{
        background-color:#dcf09a !important;
        border: solid 1px #e6f5b7 !important;
        color:#095f56 !important;
    }
    .btn-sair{
        position: absolute;
        bottom: 40%;
        right: 5px;
    }
    /*===== animação msgerro =======*/
    #msgalert{
        display:block;
        -webkit-animation: fadeInFromNone 0.5s ease-out;
        -moz-animation: fadeInFromNone 0.5s ease-out;
        -o-animation: fadeInFromNone 0.5s ease-out;
        animation: fadeInFromNone 0.5s ease-out;
    }
    @keyframes fadeInFromNone {
        0% {
            display: none;
            opacity: 0;
        }
    
        1% {
            display: block;
            opacity: 0;
        }
    
        100% {
            display: block;
            opacity: 1;
        }
    }
    .text-p{
        font-size:5.7vh;
        font-family:UnimedSans-Sb
    }
    .text-i{
        font-size:3.4vh;
        font-family:UnimedSans-Sb
    }
    .text-p-2{
        font-size:2.4vh;
        font-family:UnimedSans-Bold
    }
    .linha-hr{
        height:2px;
        width:20vw;
    }
    @media only screen and (max-width: 600px) {
        .text-p{
            font-size:4.2vh;
            font-family:UnimedSans-Sb
        }
        .text-i{
            font-size:2.2vh;
            font-family:UnimedSans-Italico
        }
        .text-p-2{
            font-size:1.8vh;
            font-family:UnimedSans-Bold
        }
        .linha-hr{
            height:1px;
            width:56vw;
        }
        .bg-nav{
            background:url('../img/fundo-cabec-mobile.png');
            background-size: cover;
        }
        .btn-sair{
            position: absolute;
            bottom: -12px;
            right: -2px;
        }
    }