[id^="edit"] span.rnr-radio-label:has(> div.tipo2),
[id^="edit"] span.rnr-radio-label:has(> div.tipo3) {
	 background-image: url('https://rolinvicta.pt/site/images/workshop1.png');
	background-size: 70px;                         
	background-position: center top;
}

[id^="edit"] .radio:has(input:checked) .rnr-radio-label:has(> div.tipo2),
[id^="edit"] .radio:has(input:checked) .rnr-radio-label:has(> div.tipo3)
{
	 background-image: url('https://rolinvicta.pt/site/images/workshop2.png') !important;
}



[id^="edit"] span.rnr-radio-label:has(> div.at_indisponivel) {
  opacity:.3;
}

[id^="edit"] .radio label{
	padding:0px;
}

[id^="edit"] .rnr-radio-label{
     height:185px !important;
     width:120px;
     border-radius:10px;
     display:inline-block;
     padding: 70px 5px 5px 5px !important;
     text-align: center;
     font-size:14px;
     background-repeat: no-repeat;                  /* Não repetir a imagem */
     background-size: 70px;                         
	background-position: center top;
     background-color: white !important;
   }

[data-itemid="section_todas"] [id^="edit"] .rnr-radio-label{
	all:unset !important;
}

[id^="edit"] .radio:has(input:checked) .rnr-radio-label {
  background-color: #d8e3ff !important;
  border:4px solid black;
}

[id^="edit"] .rnr-horizontal-lookup .radio {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 14px 0px !important;
    border-radius: 0px;
    border: 0px solid #ccc;
    transition: all 0.3s ease;
    cursor: pointer;
	
}

/* Efeito de hover */
[id^="edit"] .rnr-horizontal-lookup .radio:hover {
    background-color: #f0f0f0;
    border-color: #aaa;
}

/* Oculta o input de rádio padrão */

/* Estiliza o botão de rádio selecionado */
.rnr-horizontal-lookup input[type="radio"]:checked {
    border-color: #1b66a5;
    background-color: #1b66a5;
}

[id^="edit"] .ins_data{
	color:gray;
	font-weight:bold;
	font-size:12px;
	display:inline-block;
}

[id^="edit"] .ins_hora{
	color:gray;
	font-weight:bold;
	font-size:16px;
	display:block;
}


[id^="edit"] .ins_indisponivel{
	font-size:15px;
	color:red;
	display:inline;
}

[id^="edit"] .ins_nome{
	font-size:12px;
	display:inline-block;
}

[id^="edit"] .at_dia{
	font-size:20px;
	background-color:black;
	color:white;
	font-weight:bold;
	padding:5px 7px;
	width:25px;
	margin-left:-20px;
	margin-right:5px;
	display:inline;
	border-radius:20px;
}

/* Texto da label */
[id^="edit"] .rnr-horizontal-lookup .rnr-radio-label {
    font-size: 12px;
    width:120px;
    transition: color 0.3s ease;
    text-wrap: auto;
}

.bs-inlinerequired{
	
}

[id^="edit"]  .rnr-horizontal-lookup {
	display:inline;
    padding: 0px;
}

.rnr-horizontal-lookup input[type="checkbox"] {
    appearance: none;
    width: 28px;
    height: 28px;
    border: 2px solid #0f0f0f;
    margin-right: 22px;
    transition: all 0.3s ease;
}

/* Estiliza o botão de rádio selecionado */
.rnr-horizontal-lookup input[type="checkbox"]:checked {
    border-color: #1b66a5;
    background-color: #1b66a5;
}

.rnr-checkbox-label {
	font-size:20px;
	margin-left:10px;
}


.menu-treelike li:nth-child(1),
.menu-treelike li:nth-child(3),
.menu-treelike li:nth-child(5) {
  border-bottom: 2px solid gray !important;
}

.galeria_status_Aprovado{
  background-color: green;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.galeria_status_Cancelado{
  background-color: red;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.galeria_status_Banido{
  background-color: black;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.galeria_status_Aguardando{
  background-color: orange;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.span_status_Reservado{
  background-color: orange;
    color: black;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.span_status_Confirmado{
  background-color: green;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.span_status_Aberto{
  background-color: #ff0000;
    color: #ffffff;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

.span_status_Cancelado{
  background-color: #404040;
    color: white;
    width: 160px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 15px;
}

span[data-itemid="instrucao_button"] {
  float: right !important;
}

div.swal2-popup{
	display:block;
	background-color:white !important;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transform: translateY(-20px);
    
    z-index: 2001;
	width:580px;
	padding:10px;
}

.swal2-actions{display:none !important;}

div.modal_site iframe{
	background-color:transparent;
    border-radius: 0px;
	
}

div:has(> div.modal_site){
  
    background-color: white;
    padding: 0px;
    border-radius: 0px;
    max-width: 600px;
    width: 590px;
    text-align: left;
      overflow-y: hidden !important;
	overflow-x: hidden !important;

    max-height: 80vh;
}

.rnr-horizontal-lookup {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 colunas */
    gap: 12px;
    padding: 16px;
    width: 100%; /* Ocupa 100% da largura */
    max-width: 100%; /* Evita estouro horizontal */
    
}

/* Cada opção de rádio */
.rnr-horizontal-lookup .radio {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efeito de hover */
.rnr-horizontal-lookup .radio:hover {
    background-color: #f0f0f0;
    border-color: #aaa;
}

/* Oculta o input de rádio padrão */
.rnr-horizontal-lookup input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 12px;
    transition: all 0.3s ease;
}

/* Estiliza o botão de rádio selecionado */
.rnr-horizontal-lookup input[type="radio"]:checked {
    border-color: #1b66a5;
    background-color: #1b66a5;
}

/* Texto da label */
.rnr-horizontal-lookup .rnr-radio-label {
    font-size: 16px;
    color: #333;
    transition: color 0.3s ease;
}

/* Quando o radio está selecionado, destacar o texto */
.rnr-horizontal-lookup input[type="radio"]:checked + .rnr-radio-label {
    font-weight: bold;
    color: #1b66a5;
}

/* Responsivo: em telas menores, muda para uma coluna */
@media (max-width: 768px) {
    .rnr-horizontal-lookup {
        grid-template-columns: 1fr; /* Apenas 1 coluna em telas pequenas */
    }
}
.btn-primary, input[type="submit"]  {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica !important;
    font-size:14px !important;
    font-weight:bold !important;
    color:#111 !important;
  background-color:white !important;
}


/* Button Color */

.btn-primary, input[type="submit"] {
    border-color:#111 !important;
  border-width:3px !important;
}


/* Button Hover Color */

.btn-primary:hover,  input[type="submit"]:hover {
    border-color:#1b66a5 !important;
    color:#1b66a5 !important;
}


/* ----------Banner Buttons---------- */


/* Button Text */

.btn-primary {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica !important;
    font-size:16px !important;
    color:#111 !important;
}


/* Button Color */

.btn-primary {
    border-color:#111 !important;
}


/* Button Hover Color */

.btn-primary:hover {
    color:#1b66a5 !important;
    border-color:#1b66a5 !important;
}

.btn-link {
  color: #1b66a5 !important;
  font-weight: normal;
  border-radius: 0;
}
.panel-primary{
  border-color:#1b66a5 !important;
}

.panel-primary {
  border-color: #1b66a5 !important;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #1b66a5 !important;
  border-color: #1b66a5;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1b66a5 !important;
}
.panel-primary > .panel-heading .badge {
  color: #1b66a5 !important;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1b66a5 !important;
}

.alert-danger h5 {
font-size:18px !important; 
  
}
.alert-danger h5 a {
font-size:18px !important; 
  color:white;
font-weight: bold;
  text-decoration: underline;
}

.alert .btn {
  display:none !important;
}


.r-vbar-page .r-left .nav li.active.active.active > a {
    background: #1b66a5;
    color: white;
  }
.filterPanelContainer .panel-heading label {
    margin-bottom: 0;
    font-size:15px !important;
}

.filterPanelContainer .panel-heading {
    margin-bottom: 0;
    background-color:#999 !important;
  
}
.filterPanelContainer ul span a{
    margin-bottom: 0;
    color:black !important;
  
}

.text-primary {
  color: #1b66a5 !important;
}

.bg-primary {
  color: #fff;
  background-color: #1b66a5 !important;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #1b66a5 !important;
  border-color: #1b66a5 !important;
}
.btn-primary .badge {
  color: #1b66a5 !important;
  background-color: #fff;
}

a {
  color: #008cba;
}

.alert-success a {
  color: black;
  font-weight:500;

}

h4 a {
  color:#1b66a5;
  font-weight: 500;
  text-decoration: underline;
}


	p.indisponivel{
  display:inline;
 
				   font-weight:400;
				  
				   
				   color:#888888;
}

p.indisponivel span{
  color:#ff0000;}


.rnr-radio-label:has(.indisponivel) {
  background-image: url('https://rolinvicta.pt/site/images/mesa0.png') !important;  
}

.rnr-vertical-lookup{
    display: grid;
     grid-template-columns: repeat(3, 1fr); /* 3 colunas iguais */
     gap: 20px;
   }
   
   input.rnr-radio-button{
     display:none !important;
   }
   
   .rnr-radio-label{
     height:125px !important;
     width:120px;
     border-radius:10px;
     display:inline-block;
     padding: 75px 10px 10px 10px !important;
     text-align: center;
     font-size:14px;
     background-image: url('https://rolinvicta.pt/site/images/mesa2.png'); /* Define a imagem */
     background-repeat: no-repeat;                  /* Não repetir a imagem */
     background-size: contain;                        /* Cobrir todo o elemento */
     background-position: center -20px;
     background-color: white !important;
   }

.radio:has(input:checked) .rnr-radio-label {
  background-color: #d8e3ff !important;
  border:4px solid black;
  background-image: url('https://rolinvicta.pt/site/images/mesa1.png'); /* Define a imagem */
}

.r-vbar-page .r-left [data-logo-cell][data-logo-cell][data-logo-cell] {
 background-color:white;
}

.r-vbar-page .r-left [data-logo-cell][data-logo-cell][data-logo-cell]:first-child {
 padding-top: 40px;
 height:120px;
}

    .r-vbar-page .r-left {
        font-size:20px;
        padding:15px;
      background-color:white;
    }

 .r-vbar-page .r-left a{
     color:black !important;
   margin-bottom:15px;
    }

.r-vbar-page .r-left a:hover{
     color:white !important;

    }

.r-vbar-page .r-left .nav li.active.active.active > a {
    background: #1b66a5;
    color: white !important;
}


.r-vbar-page .r-left .panel {
    margin-bottom:40px;
    }