body{
    background-image: url(../img/bg2.svg);
    background-color: #F0F5FB;
}
.wizard-header{
	padding: 0px 0 0px;
} 
.text-main{
	padding: 10px; 
	margin: 0px 0 0;
}
.m-005{
	margin: 0 0 5px;
}
.m-0{
	margin:0px
}
.m-10-0-10{
	margin: 10px 0 10px;
}
.col-6{
	width: 33.3333%;
}
.over{
	margin-bottom: 10px;
	overflow-y: auto;
	height: 280px;
}
.oculta{
	display: none;
}
.choice-link{
	display: block;
    margin-bottom: 30px;
}
.img-empresa{
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center;
}
.btn-blue-left-top{
	height: 50px;
    width: 50px;
    color: #1A1E29;
    background-color: #EAF2FF;
    position: absolute;
    left: 5px;
    /*top: 100px;*/
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 13px;
    text-align: center;
    vertical-align: middle;
    border: 0px;
    -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
    transition: background 1s; /* For modern browsers */;
}
.btn-blue-left-top:hover{
    background-color: #57CADC;
    color: #EAF2FF;
}

.btn-red-right-botton{
	height: 50px;
    width: 50px;
    color: #FFFFFF;
    background-color: #f44336;
    position: fixed;
    right: 5px;
    bottom: 90px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 13px;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
    border: 0px;
}

.btn-green-right-botton{
	height: 50px;
    width: 50px;
    color: #FFFFFF;
    background-color: #4CAF50;
    position: fixed;
    right: 5px;
    bottom: 30px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 13px;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
    border: 0px;
}


.btn-float-left:hover{
	background-color: #a6fffb;
	color: #000;
}
.wizard-card .wizard-header {
    padding: 10px 15px;
}
.box-main-form{
	display: flex !important; 
	justify-content: center; 
	text-align: center; 
	flex-direction: column; 
	align-items: center; 
	align-content: center
}
.box-white{
	/*background-color: #f5f5f5;
	border : 1px solid #e3e3e3; */
	border-radius: 4px; 
	margin-bottom: 30px;
	padding: 20px
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 600;
	color: #3C4858;
}
.h-80{
	height: 80px;
}
.box-white h3{
	margin: 0px 0 10px !important;
}
a {
	cursor:pointer;
}
.wizard-card .btn {
    text-transform: uppercase;
    font-weight: 600;
}
label.error{
    color: #f44336;
    font-size: 10px;
    font-style: italic;
    margin-top: -10px;
    display: block;
    position: absolute;
}
.red-c{
	color: #f44336;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: media-slider !important;
    cursor: pointer !important;
}

.mt-10{
	margin-top: 10px;
}

.pane-medical{
    border-radius: 10px;
    display: grid;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    min-height: 230px;
}
.modal-backdrop {
    z-index: 1040 !important;
}
.modal-content {
    margin: 2px auto;
    z-index: 1100 !important;
}

.green-ball{
	background-color: #4caf50;
}
.purple-ball{
	background-color: #9c27b0;
}
.red-ball{
	background-color: #f44336;
}
.ball-legend{
	height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
    position: absolute;
}
.box-ball-legend{
	margin-left: 25px;
}
.mt-20 {
	margin-top: 20px;
}

.mb-20{
	margin-bottom: 20px;
}
.calendar-days h5{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.calendar-days{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.calendar-days:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #e6e6e6;
}
.calendar-days:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .wizard-card .picture {
        width: 50px;
        height: 50px;
    }
    body{
        font-size: 10px;
    }
    .hidden-mobile{
        display: none;
    }

    .btn-blue-left-top i{
        margin: 6px;
    }

    .wizard-card .moving-tab{
    padding: 8px;
    font-size: 10px;
    }
    .nav-pills  li  a {
    padding: 5px;
    font-size: 10px;
    }

    .item-fila-mb1 {
        float:left;
        width: -webkit-fill-available !important;
        width: -moz-available !important;
        font-size: 3em;
        margin: 19px !important;
    }


    .info-data-hora-mb{
        height: 107px !important;
        /*height: -moz-available !important;*/
        padding-left: 7px !important;
        padding-right: 7px !important;
    }


    .info-data-hora-sem-posicao-mb{
        /*height: 107px !important;*/
        height: -moz-available !important;
        height: -webkit-fill-available !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .item-fila-mb2 {
        float: right;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .number-fila {
        top: -29px !important;
        padding: 5px !important;
        height: 24px !important;
    }

    .entrega-exames-box-buttons {
        width: auto !important;
        padding: 5px !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .btn-green-right-botton, .btn-red-right-botton{
        position: inherit;
    }
    .btns-actions{
        margin-top: 20px;
    }
    .hidden-desktop {
        display: none;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .btn-green-right-botton, .btn-red-right-botton{
        position: inherit;
    }
    .btns-actions{
        margin-top: 20px;
    }
    .hidden-desktop {
        display: none;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .btn-green-right-botton, .btn-red-right-botton{
        position: inherit;
    }
    .btns-actions{
        margin-top: 20px;
    }
    .hidden-desktop {
        display: none;
    }
}


.btn-icon-main{
    /*border: 2px solid #e1ebf5;*/
    border-radius: 20px;
    padding: 20px;
    display: block;
    background-color: transparent
    -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */;

}
.btn-icon-main:hover{

    background-color: #eaf2ff;
}

.btn-icon-box strong{
    display: inherit;
    color: #252934;
}

.btn-icon-box input[type=checkbox], .btn-icon-box input[type=radio] {
    display: none;
}
.wizard-footer{
    clear: both;
}
footer{
    margin-top: 20px;
}
footer small{
    display: block;
}


.item-fila{
    border: 2px solid #E1EBF5;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}
.item-fila h5{
    margin: 0px;
}

.item-fila-mb1 {
    float:left;
    width: auto;
    font-size: 3em;
    margin: 17px;
}

.info-data-hora-mb{
    height: 76px;
}

.item-fila-mb2 {
  float: right;
}

.item-fila .info-data-hora{
    /*background-color: #d9edf7;
    border: 1px solid #57CADC;
    color: #57CADC;*/
    border-radius: 4px 4px 0px 0px;
    padding: 5px 10px;
    font-weight: 700;
    text-align: center;
}
.cod-movimento{
    border-radius: 0px 0px 4px 4px;
    text-align: center;
}
.info-data-hora{
    background-color: #90A4AE;
    color: #455A64;
}
.cod-movimento{
    background-color: #455A64;
    color: #90A4AE;
}
.fila-pendente .info-data-hora{
    background-color: #ffbb33;
    /*border: 1px solid #FF8800;*/
    color: #FFFFFF;
}
.fila-pendente .cod-movimento{
    background-color: #ff8800;
    color: #FFD72E;
}
.fila-pendente .fila-number{
    background-color: #ff8800;
    color: #FFF;
}
.fila-autorizado .info-data-hora{
    background-color: #B2FF59;
    color: #00BFA5;
}
.fila-autorizado .cod-movimento{
    background-color: #00BFA5;
    color: #B2FF59;
}
.fila-autorizado .fila-number{
    background-color: #00BFA5;
    color: #FFF;
}
.fila-atendido .info-data-hora{
    background-color: #4285F4;
    color: #FFFFFF;
}
.fila-atendido .cod-movimento{
    background-color: #0D47A1;
    color: #4285F4;
}
.fila-atendido .fila-number{
    background-color: #0D47A1;
    color: #FFF;
}
.fila-nao-autorizado .info-data-hora{
    background-color: #FF4444;
    color: #FFFFFF;
}
.fila-nao-autorizado .cod-movimento{
    background-color: #CC0000;
    color: #FFDEDE;
}
.fila-nao-autorizado .fila-number{
    background-color: #CC0000;
    color: #FFDEDE;
}
.blue-c{
    color: #0ebeff;
    font-style: italic;
}
.p-atentimento{
    margin: 0px !important
}
.fila-number{
    text-align: center;
}
.btn-opacity{
    font-weight: 400;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 2px 7px;
    font-size: 10px;
    float: right;
    background-color: #57CADC
}
.btn-opacity:hover{
    color: #FFF;
}
.number-fila{
    background-color: #57CADC;
    color:#FFFFFF;
    position: absolute;
    left: -5px;
    top: -34px;
    border-radius: 3px;
    padding: 4px;
    height: 29px;
}
.number-fila-proximo-atendimento {
    background-color: #FF4040;
    color: #FFFFFF;
    position: absolute;
    left: -5px;
    top: -34px;
    border-radius: 3px;
/*    padding: 3px 9px;
    height: 30px;*/
    padding: 1vh;
    height: 30px;
    width: max-content;
}

.ball-icon-green{
    position: absolute;
    background-color: #00C851;
    color: #FFF;
    right: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    top: 4px;
}
.ball-icon-blue{
    position: absolute;
    background-color: #0099CC;
    color: #FFF;
    right: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    top: 4px;
}
.ball-icon-yellow{
    position: absolute;
    background-color: #FF8800;
    color: #FFF;
    right: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    top: 4px;
}
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-color: #57CADC !important ;
    background-image: -moz-linear-gradient(to bottom,#57CADC,#57CADC)  !important ;
    background-image: -ms-linear-gradient(to bottom,#57CADC,#57CADC)  !important ;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#57CADC),to(#57CADC));
    background-image: -webkit-linear-gradient(to bottom,#57CADC,#57CADC)  !important ;
    background-image: -o-linear-gradient(to bottom,#57CADC,#57CADC)  !important ;
    background-image: linear-gradient(to bottom,#57CADC,#57CADC)  !important ;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #57CADC #57CADC #57CADC;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
}
.over-text{
    height: 20px;
    overflow: hidden;
}
.disable-links {
    pointer-events: none;
    cursor: no-drop;
}

h3 .img-title{
    display: inline-block;
    max-width: 100%;
    height: 60px;
}


.badge {
  font-size: 11px;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-gray {
color: #fff;
background-color: #a0a0a0;
}

@keyframes alert-hover {
    0% { opacity: 12; }
    50% { opacity: 0.2; }
    100% { opacity: 2; }
}
.alert-hover {
  -webkit-animation: alert-hover 1.50s linear infinite;
  -moz-animation: alert-hover 1.50s linear infinite;
  -ms-animation: alert-hover 1.50s linear infinite;
  -o-animation: alert-hover 1.50s linear infinite;
  animation: alert-hover 1.50s linear infinite;
}

.entrega-exames-box-buttons {
    flex: 1;
    background-color: #e3e3e3;
    border-radius: 5px;
    margin-right: 5px;
    padding: 4px;
    margin-bottom: 2px;
}

.form-control[disabled] {
  cursor: not-allowed;
  font-style: italic;
  background-color: #eaeaea !important;
  color: #9d9d9d;
}

/* 1) Container flex para agrupar itens e centralizar o grupo */
.visible-sm.visible-md.visible-lg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* grupo sempre centralizado */
    align-items: flex-start;
    gap: 16px; /* ajuste se quiser mais/menos espaço entre itens */
}

/* 2) Remover float das colunas do Bootstrap para que participem do flex */
.visible-sm.visible-md.visible-lg > div[class*="col-"] {
    float: none !important;
    display: flex;               /* para centralizar o conteúdo interno */
    justify-content: center;     /* centraliza conteúdo (icone + texto) dentro da coluna */
    align-items: center;
    box-sizing: border-box;
    padding-left: 8px;           /* preserve pequeno espaçamento interno se quiser */
    padding-right: 8px;
}

/* 3) Manter o layout responsivo controlando a largura das colunas (opcional)
   - você pode manter as classes do Bootstrap; este bloco apenas garante
     que as colunas não fiquem muito estreitas quando em flex. Ajuste conforme preciso. */
@media (min-width: 1200px) {
  .visible-sm.visible-md.visible-lg > div.col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md.visible-lg > div.col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm.visible-md.visible-lg > div.col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
@media (max-width: 767px) {
  .visible-sm.visible-md.visible-lg > div.col-xs-6 { flex: 0 0 50%; max-width: 50%; }
}

/* 4) Caso contrário queira garantir que, quando existir APENAS UM filho, ele fique exatamente centralizado: */
.visible-sm.visible-md.visible-lg > div:only-child {
    margin-left: auto;
    margin-right: auto;
    /* opcionalmente ajustar largura para centralizar mais visualmente:
       width: 33.333%; max-width: 360px; */
}


/* Centraliza o conteúdo do paciente */
.bloco-dados-paciente {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

/* Isola o botão lateral esquerdo */
.btn-acao-lateral {
  position: absolute;
  left: 25px;
  top: 44px;
  z-index: 50;
}


.data-not-found{
    min-height: 268px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.5em 2em;
    background-color: #fbfbfb;
    border-radius: 15px;
    max-width: 100%;
}