/* DEV UNIMED  */
/* CSS padrão Unimed para Área do beneficiário */
/* Joseana S. Soares, Junho 2022*/
/* Alterado por Andre Ricardo Cintra, Agosto 2022*/

@font-face {
    font-family:'unimed-slab-bold';
    src: url("/resources/template/adm/fonts/unimedslab-bold-webfont.woff") format('woff');
}  

@font-face {
    font-family: 'unimed-sans';
    src: url("/resources/template/adm/fonts/unimedsans-regular-webfont.woff") format('woff');
}

@font-face {
    font-family: 'unimed-slab';
    src: url("/resources/template/adm/fonts/unimedslab-book-webfont.woff") format('woff');
}

@font-face {
    font-family: unimed-sans-bold;
    src: url("/resources/template/adm/fonts/unimedsans-bold-webfont.woff") format('woff');
}

@font-face {
    font-family: 'unimed-cursiva';
    src: url("/resources/template/adm/fonts/unimedcursiva.woff") format('woff');
    src: url('/resources/template/adm/fonts/unimedcursiva.ttf') format('truetype');
}

.menu-text {
    font-family: unimed-sans-bold;
}
.box{
    width: 310px !important;
    margin: auto;
    position: relative;
    padding-top: 20px;
}
.beneficiario {
    display:flex;
    justify-content:center;   
    margin-bottom: 10px
}
h1{
    color: #007A4A;
    font-family: unimed-slab-bold;
}
.box-display {
    display:flex; 
    justify-content:center; 
    padding: 5px 10px
}
.input-field {
    border-color: #a2a2a2;
    font-family:unimed-slab;
    color: #a2a2a2;
    margin-bottom:5px;
}
.green-button {
    border-radius : 50px;
    border-style: none;
    background-color: #007A4A;
    color:white; 
    padding:8px 10px;
    margin:5px; 
    font-size:14px;
    font-family: 'unimed-sans';
    text-decoration: none;      
}
.green-button-click:hover{
    background-color: #B1D34B;
    color:#007A4A; 
    text-decoration: none;
}
.green-border-button:hover{
    border: 2px solid #007A4A;
    background-color: #B1D34B;
    color:#007A4A; 
}
.white-button {
    padding:8px 10px;
    border: 1px solid #737373;
    border-radius:50px;
    font-size: 14px;
    background-color: #FFFFFF;
    text-decoration: none; 
    color:#737373;
    margin:5px;
    font-family: 'unimed-sans';
}
.white-button-click:hover {
    background-color: #B1D34B;
    color:#007A4A; 
    border-style:none;   
    text-decoration: none; 
}
.forgot {
    border-style: none; 
    font-family: unimed-sans;
    font-size:10px; 
    background-color: #FFFFFF;
    padding-top:10px;
} 
.align-right {
    display: flex;
    justify-content: flex-end;
}
.help-block {
    clear:both
}
.input-update-field {
    display:flex; 
    flex-direction:column; 
    align-items:flex-start;
    padding:30px;
    font-family: unimed-sans;
}
.email{
    margin-bottom: 15px;
    width: 400px;
    max-width: 97%;
}
.ddd {
    width:50px;
    margin-left:15px;
    float:left;
}
.phone-field {
    width: 160px;
    margin-left: 5px;
    float: left
}
.modify {
    display:flex;
    justify-content: flex-end;
    font-family: unimed-sans;
  
}
.page-header.position-relative {
    z-index: -1 !important;
}
.page-breadcrumbs {
    z-index: 0 !important;
}
@media (max-width: 320px) {
    .n-mobile {
        display: none !important
    }
}
@media (min-width: 320px) {
    .mobile {
        display: none !important;
    } 
}  
.green-bar {
    background-color:#B1D34B;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bar-content {
    display:flex;
    justify-content: space-between;
}
.sidebar {
    left:0px !important;
    right: auto !important;
    background-color: #B1D34B;
}
.link {
    font-size: 14px;  
    padding: 7px 11px; 
    text-decoration: none; 
    border-radius : 50px;
    border-style: none;
    background-color: #007A4A;
    color:white; 
    margin:5px; 
    font-size:14px;
    font-family: 'unimed-sans'  
    }
.link-click:hover{ 
    color:#007A4A;
    border: 2px solid #007A4A;
    background-color: #B1D34B;
    }
.sans{
    font-family: unimed-sans;
}

/* FORM CLASSES */
.usc_radio{
    position: relative !important;
    left: 0px !important;
    opacity: 100 !important;
    line-height: 20px !important;
    margin-top: -10px !important;
}

/* MENU LATERAL - CLASSES PERSONALIZADAS */
@media only screen and (max-width: 880px) {
    #page-content-unimed{
        margin-left: 0px !important;
    }

    #sidebar{
        z-index: 15;
    }

    .login-container .loginbox{
        width: 100% !important;
    }
}