@font-face {
  font-family: 'Montserrat';
  src: URL('../fonts/fuentes/Montserrat-Mediumttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: bold;
  src: URL('../fonts/fuentes/Montserrat-Bold.ttf') format('truetype');
}
table.control {}
td.controllabel {color: #888888; font-family: "Montserrat",Montserrat; font-size: 14px; text-transform: capitalize; padding: 2px 2px 0px 2px;}
td.controllabelrequired {color: #5EAB1F; font-family: "Montserrat", Montserrat; font-size: 14px; text-transform: capitalize; padding: 2px 2px 0px 2px;}
td.controllabelerror {color: #FF0000; font-family: "Montserrat", Montserrat; font-size: 14px; text-transform: capitalize; padding: 2px 2px 0px 2px;}
td.controlstate {width: 16px;}
img.controlstate {height: 16px; width: 16px;}
td.controlstatus {width: 16px;}
img.controlstatus {height: 16px; width: 16px;}
input.controlstatus {height: 16px; width: 16px;}
td.controlcontainer {}
table.controlcontainer {}
td.control {padding: 0px 2px 0px 2px;}
td.controllabelnote {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 4px 2px; vertical-align: bottom;}

table.controltimer {border: 1px solid #DBDBDB;}
table.controltimermin {background-color: #FCD202; border: 1px solid #DBDBDB;}
table.controltimermax {background-color: #FF6600; border: 1px solid #DBDBDB;}
table.controltimerover {background-color: #FF0000; border: 1px solid #DBDBDB;}
td.controltimervalue {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px;}
td.controltimerlabel {font-family: "Montserrat", Montserrat; font-size: 16px;}

table.controlrelation {}
td.controlrelationsource {}
td.controlrelationbuttons {}
table.controlrelationbuttons {}
td.controlrelationbutton {padding: 2px 4px 2px 4px;}
td.controlrelationdestiny {}

input.control {border: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px;}
input.controlrequired {border: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px;}
input.controlrequiredpopup {border: 1px solid #DBDBDB; font-family: "Montserrat",Montserrat, Helvetica, Arial, sans-serif; font-size: 16px;}
input.controlviewer {background-color: #EBEBEB; border: 1px solid #DBDBDB; font-family:  Montserrat; font-size: 16px;}
input.controloption {border: 1px solid #DBDBDB; font-family:"Montserrat",Montserrat, Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 0px 0px;}
input.controlvieweroption {height: 16px; width: 16px;}
textarea.control {border: 1px solid #DBDBDB; font-family: "Montserrat",Montserrat, Helvetica, Arial, sans-serif; font-size: 16px;}
textarea.controlrequired {border: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px;}
select.control {border: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 14px;}
select.controlrequired {border: 1px solid #DBDBDB; font-family: "Montserrat",Montserrat, Helvetica, Arial, sans-serif; font-size: 14px;}
select.controldate {border: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 14px;}

table.controlitems {border: 1px solid #DBDBDB;}
td.controlitem {padding: 4px 4px 4px 4px; text-align: left; vertical-align: middle;}
td.controlitemlabel {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}

table.controldate {}
td.controldateday {}
td.controldatemonth {}
td.controldateyear {}
td.controldatehour {}
td.controldateminute {}
td.controldatesecond {}
td.controldatelabel {font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 16px; padding: 2px 2px 2px 2px; text-align: center; vertical-align: middle;}

.panelitem 
{
    position: relative;
  border-radius: 10px !important;
  background-color: white; 
  box-shadow:  0px 6px 6px rgba(197, 197, 197, 1); /* Sombra en la parte de abajo */
  overflow: visible;
  white-space: nowrap;
  text-align: center; /* Centra el texto */
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;

}
.panelitemover:hover {
    position: relative;
  border-radius: 10px !important;
  background-color: white; 
  box-shadow:  0px 6px 6px rgba(197, 197, 197, 1); /* Sombra en la parte de abajo */
  overflow: visible;
  white-space: nowrap;
  text-align: center; /* Centra el texto */
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;

}
.summaryframetitle {
   border-top-left-radius: 10px; /* Redondea la esquina superior izquierda */
    border-top-right-radius: 10px;
}

.summaryframe {
    position: relative;
  border-radius: 10px !important;
  background-color: white; 
  box-shadow:  0px 6px 6px rgba(197, 197, 197, 1); /* Sombra en la parte de abajo */
  overflow: visible;
  white-space: nowrap;
  text-align: center; /* Centra el texto */
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;

}

.controlrequired {
	
        border-radius: 10px;
}

.control {
	        border-radius: 10px;
        font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

.controlviewer {
	        border-radius: 10px;
}



td.controldatemonth select {
  text-align: center;
}

#togglePassword {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#passwordField {
  padding-right: 30px; /* Asegura que el icono de ojo no se superponga con el texto */
}