.modal1 > .modal-dialog
{
  width: 30% !important;
}

.modal2 > .modal-dialog
{
  width: 50% !important;
}

.modal3 > .modal-dialog
{
  width: 100% !important;
}

.lbl-AñoNumeroSecuenciaOfpa
{
  font-size: 18px;
}

.span-titulo-sistema
{
  margin-top: 0px;
  height: 0px;
}

.font-titulo-sistema
{
  font-size: 30px;
}

.span-usuario
{
  font-style: normal;
  color: #777;
  font-size: 15px;
}

.span-rol
{
  font-style: normal;
  color: #777;
  font-size: 12px;
}

.img-logo
{
  margin-top: 0px;
  width: 150px;
}

/*.btn-primary
{
  color: #fff;
  background-color: #FF066E;
  border-color: #FF066E;
}*/

.navbar-title
{
  background-color: #0434A6;
  margin-bottom: 10px;
}

/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
  color: #fff;
  background-color: #FF066E;
  border-color: #FF066E;
}*/

a
{
  color: #0434A6;
  text-decoration: none;
}

body
{
  font-family: Verdana;
  font-size: 15px;
}

.form-control
{
  font-family: Verdana;
  font-size: 15px;
}

#menu:last-child
{
  margin-bottom: 40px;
}

#ulOpciones, #ulOpcionesSeleccionadas
{
  border: 1px solid #000;
  background: #fff;
  width: 100%;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  margin-right: 10px;
  height: 200px;
  overflow: scroll;
}

#ulOpcionesLoad
{
  border: 1px solid #000;
  background: #eee;
  width: 100%;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  margin-right: 10px;
  height: 200px;
  overflow: scroll;
}

#ulOpciones li, #ulOpcionesSeleccionadas li
{
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  width: 97%;
}

.uppercase
{
  text-transform: uppercase;
}

#menu
{
  font-size: 18px;
  font-family: Verdana;
}

#myBtn
{
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: Gray; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover
{
  background-color: #555; /* Add a dark-grey background on hover */
}

#myBtn2
{
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  top: 50%; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: Gray; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn2:hover
{
  background-color: #555; /* Add a dark-grey background on hover */
}

/* This is to remove the arrow of select element in Explorer */
select.selector::-ms-expand
{
  display: none;
}
select.selector
{
  -webkit-appearance: none;
  appearance: none;
}

.box
{
  width: 90%;
  height: 90%;
}

.box.V
{
  background-color: green;
}
.box.R
{
  background-color: red;
}
.box.A
{
  background-color: yellow;
}

.circleBase
{
  border-radius: 50%;
  width: 35px;
  height: 35px;
  border: 2px solid #000;
}

.circleBase.V
{
  background-color: green;
}
.circleBase.R
{
  background-color: red;
}
.circleBase.A
{
  background-color: yellow;
}

.modal-xlg
{
  width: 90%;
}

.form-horizontal .control-label-left
{
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
}

.label
{
  font-size: 100%;
}

.container1
{
  height: 300px;
  overflow-y: scroll;
}

.container2
{
  height: 350px;
  overflow-y: scroll;
}

.container3
{
  height: 400px;
  overflow-y: scroll;
}

.container4
{
  height: 450px;
  overflow-y: scroll;
}

.container5
{
  height: 500px;
  overflow-y: scroll;
}

.panel-body-modal
{
  padding-top: 0px;
}

.dropdown-menu-size
{
  font-size: 21px;
}