@font-face {
   font-family: 'Segoe UI';
   src: url('../fonts/segoeui-saude.eot');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Segoe UI';
   src: local('Segoe UI'), local('SegoeUI'),
      url('../fonts/segoeui-saude.ttf') format('truetype'),
      url('../fonts/segoeui-saude.svg#SegoeUI') format('svg');
   font-weight: normal;
   font-style: normal;
}

.background-sistema {
   background: #01849B;
}

.modal-footer button {
   border: none;
}

body {
   font-family: 'Segoe UI';
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   height: 100%;
}

.alt {
   color: #FFF;
}

input {
   outline: none;
   box-shadow: none !important;

}

.container-header {
   padding-top: 12px;
   padding-bottom: 10px;
   color: #FFF;
}

.container-header a {
   color: #FFF;
}

.header-phone {
   float: right;
   padding-right: 7px;
}

.container-white {
   background: rgba(255,255,255,0.5);
   padding: 5px;
}

.header-acesso {
   padding: 0px;
   margin: 0px;
}

.container-logo {
   padding-left: 7px;
   background: rgba(255,255,255,0.5);
}

.fixed-header-sistema,
.container-icon-sistema {
   background: rgba(255,255,255,0.5);
   height: 80px;
   padding: 0px;
   text-align: center;
   cursor: pointer;
}

.container-icon-sistema.active {
   cursor: default;
}

.container-icon-sistema i {
   font-size: 50px;
   margin-top: 15px;
}

.container-icon-sistema.active i,
.container-icon-sistema.active:hover i {
   color: #FFF !important;
}

.container-dados-login {
   padding-top: 15px;
   padding-bottom: 15px;
   min-height: 165px;
}

.form {
   padding: 0px;
   padding-bottom: 10px;
   margin: 0px;
}

.form-group {
   margin: 0px;
   margin-bottom: 1px;
}

#container-title {
   padding-bottom: 15px;
   font-size: 20px;
   color: #FFF;
}

.form-control {
   border: 0px;
   color: #FFF;
   height: 40px;
   padding-left: 10px;
   padding-right: 10px;
   -webkit-text-fill-color: #FFF !important;
   border-radius: 0px;
   outline: none;
}

.form-control:focus {
   border: 0px;
   outline: none;
}

.btn-enter {
   border: none;
   width: 81px;
   height: 81px;
   color: #0097A8;
   text-align: center;
   cursor: pointer;
}

.btn-enter:hover,
.btn-enter-mobile:hover {
   color: #FFF;
}

.btn-enter-mobile {
   height: 40px;
   text-align: center;
   padding-top: 10px;
   cursor: pointer;
}

.btn-bottom {
   margin-right: 1px;
   width: 25%;
   color: #04A5B7;
   text-align: center;
   cursor: pointer;
   background: #04A5B7;
}

.btn-bottom:hover {
   background: #04A5B7;
   color: #FFF;
}

.container-campo {
   display: none;
}

.container-campo.active {
   display: block;
}

.item-acesso {
   display: none;
}

.container-btn-footer .col-md-2 {
   border-right: 1px solid transparent;
   padding: 0px;
   color: #FFF;
   font-size: 14px;
}

.container-btn-footer .col-md-2:last-child {
   border-right: 0px;
}

#btn-solicitar-acesso,
#btn-solicitaracesso,
#btn-recover,
#btn-certificado,
#btn-biometria,
#btn-manutencao {
   text-align: center;
   min-height: 40px;
   cursor: pointer;
   color: #FFF;
   margin-top: 1px;
}


.btn-function {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 3px;
   width: 100%;
   padding-right: 1px;
   border: none;
}

@media (min-width: 992px) {
   .add-margin {
      margin-right: 1px;
   }
}

@media (max-width: 768px) {
   .btn-function {
      margin-left: 0px !important;
   }
}

@media (max-width: 500px) {
   .lobibox-notify-wrapper {
      display: none;
   }

   .padding-small {
      padding: 0px !important;
      padding-left: 5px !important;
      padding-right: 5px !important;
   }

   .img-mobile {
      width: 100%;
   }
}

.shadow {
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
   box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 20px, rgba(0, 0, 0, 0.227451) 0px 6px 6px;
}

.lobibox-notify.lobibox-notify-info:hover,
.lobibox-notify.lobibox-notify-error:hover,
.lobibox-notify.lobibox-notify-success:hover,
.lobibox-notify.lobibox-notify-warning:hover {
   background: #FFF !important;
}

.lobibox-notify.lobibox-notify-error,
.lobibox-notify.lobibox-notify-info,
.lobibox-notify.lobibox-notify-success,
.lobibox-notify.lobibox-notify-warning {
   background: rgba(255,255,255,0.5) !important;
   border-color: #FFF !important;
   color: #000 !important;
}

.lobibox-notify-msg {
   color: #000 !important;
}

.lobibox-notify-wrapper.bottom {
   bottom: 130px !important;
}

.btn-default:hover {
   background: #DDDDDD !important;
}

img.img-mobile:hover {
   opacity: 0.6 !important;
}

.container-icon-sistema.active .img-mobile {
   opacity: 1 !important;
}

@media (min-width: 1024px) and (max-width: 1024px) {
   .img-mobile {
      width: 100%;
   }
}

.popup_bloqueado {
   position: absolute;
   background: rgba(244,237,197,0.9);
   top: 10px;
   right: 10px;
   width: 400px;
   min-height: 400px;
   z-index: 9999;
   padding: 5px;
}

.popup_bloqueado:before {
   content: " ";
   position: absolute;
   top: -8px;
   right: 70px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0px 15px 8px;
   border-color: transparent transparent rgba(244,237,197,0.9);
}

.popup_bloqueado .title {
   font-size: 16px;
   text-align: center;
   font-weight: bold;
}

.popup_bloqueado .mesage {
   text-align: left;
   margin-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
}

.popup_bloqueado .footer {
   margin-top: 10px;
   background: #F7F3DE;
   text-align: center;
}

.popup_bloqueado .footer button {
   border: 0;
   background: none;
   outline: none;
}

.item-certificado {
   padding: 5px;
   margin-bottom: 5px;
   position: relative;
   height: 45px;
   color: #000;
   cursor: pointer;
   border: 1px solid #DDDDDD;
}

.item-certificado.invalido {
   cursor: default;
}

.item-certificado:not(.invalido):hover {
   background: rgba(52,152,219,1);
   border: 1px solid #3498DB;
   color: #FFF;
}

a:hover, a:focus {
   text-decoration: none;
}

.container_campo_senha {
  position: relative;
}

.eye-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;
}

.fa-eye, .fa-eye-slash {
   color: #FFF;
}