@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");

@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");


.mw-75 {max-width: 75% !important;}

:root {
    --bs-blue: #0062a2;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0083c7;
    --bs-secondary: #19887b;
    --bs-success: #80b757;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-family: 'Roboto', sans-serif;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
body{color:var(--bs-gray);}
.btn-primary{background:var(--bs-blue);border-color:var(--bs-blue);}
.btn-primary:hover{background:var(--bs-primary);border-color:var(--bs-primary);}
.bg-blue{background:var(--bs-blue);}
.bg-blue:hover{background:var(--bs-primary);}
.bg-blue i {color: var(--bs-white);}
a {text-decoration: none !important;color: var(--bs-blue);}
h3, h5{color:var(--bs-blue);border-bottom:1px solid;}
p {margin-bottom: 0;color: var(--bs-gray);}
table td, table th{text-align:center!important;vertical-align:middle;}
#logo{max-width: 180px;width: auto;height: 100%;}
#logo-tiss {max-width: 270px;width: auto;height: 100%;}
* {margin: 0;padding: 0;}
label{font-size:smaller;text-wrap:nowrap;}
img#randomImage {display: none;}
.fundoImagem {background-size: cover;background-position: bottom;background-image: url(~/images/fundoLogin.jpg);}
#password {position: relative;}
#icoPass {position: absolute;right: 12px;/*background-color: var(--bs-primary);*/color: #ced4da;bottom: 0;border-radius: 0 5px 5px 0;display: flex;cursor: pointer;padding: .375rem 0.75rem;}
#icoPass i {font-size:25px;}
i.bi-person-circle{font-size:60px;}
i.bi-database-fill, i.bi-cloud-fill, i.bi-book-fill{font-size:30px;}
.modal-content #icoPass {top: auto;bottom: 0;right: 0;z-index: 999999;}
#Infologin form{max-width:300px;margin:auto;}
#iconsNavigation {display: grid;grid-template-columns: repeat(5,1fr);text-align: center;margin-top: 24px;margin-bottom: 24px;}
#iconsNavigation .icon {margin: 5px;height: 100px;}
#iconsNavigation .icon a {background-color: var(--bs-white);width: 100%;height: 100%;border-radius: 5px;color: var(--bs-primary);text-decoration: none;display: flex;flex-direction: column;justify-content: space-around;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);text-transform:uppercase;}
#iconsNavigation .icon a:hover, .sidebar .icon a:hover {background-color: var(--bs-primary);color: var(--bs-white);}
#iconsNavigation .icon a span {word-wrap: break-word;}
#iconsNavigation .icon span small {font-size: 100% !important;}
#iconsNavigation .icon span::before {font-size: 2.5rem;}
#iconsNavigation .icon .material-symbols-outlined{font-size:2.5rem!important;}
.material-symbols-outlined{font-size:2rem!important;}
#sidebarMenu .icon a span.bi::before {font-size: 1.6rem!important;}
.row{margin-left:0;margin-right:0;}
.page-item.active .page-link{background-color:var(--bs-blue)!important;border-color:var(--bs-blue);}
.page-link{color:var(--bs-blue);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: var(--bs-blue);}
.nav-link {color: var(--bs-blue);}
.nav-link .bi::before{font-size:xx-large;}
.form-group{width:100%;}
#lbElegibilidade{color:var(--bs-success);}
#lblMensagem{font-size:30px;}


@media (max-width:567px) {
    #Infologin.gap-5{gap:1.5rem!important;}
    .noMobile, #invisibled{display:none!important;}
    /*.middle.d-flex{display:block!important;}*/
    .middle .d-flex{flex-direction:column;}
    #divBeneficio select{width:100%!important;}
    #logos .d-flex, #logos.d-flex, .container.d-flex{flex-direction:column;}
    .divMensagemAlertaSub.d-flex{flex-direction:row;} 
    #logos img{margin:auto;}
    .middle.px-5{padding-left:15px!important;padding-right:15px!important;}
    #painelLogin{padding:0!important;}
    #Infologin .mw-75{max-width:100%!important;}
    #iconsNavigation {display: grid;grid-template-columns: repeat(3,1fr);text-align: center;margin-bottom: 24px;margin-top: 24px;}
    #iconsNavigation .icon {height: 70px;display: block;}
    #iconsNavigation .icon span::before, #pills-tab .nav-link i::before {font-size: 1.6rem;}
    #iconsNavigation .icon span + span{font-size: small;}
    #iconsNavigation .icon a span {word-wrap: break-word;line-height: 11px;}
    #iconsNavigation .icon .material-symbols-outlined {font-size: 2rem !important;}
    #lblMensagem{flex-direction:row!important; align-items:center!important;gap:20px!important;}
    #lblMensagem > span{font-size:24px;line-height:27px;}
}