@charset "utf-8";

/* CSS Document */

html, body
{
  width: 100%;
  height: 100%;
  margin: 0;
  /*min-width: 1366px;*/
  min-width: 1280px;
  min-height: 659px;
  /*min-height: 720px;*/
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.hidden
{
    display: none;
}

h2
{
  margin: 10px 0 0 0;
  padding: 0;
}

#container
{
  width: 100%;
  height: 100%;
  text-align: center;
}

#header
{
  width: 100%;
  height: 10%;
  float: left;
  /*background-color: #034F84; /*Snorkel Blue*/
  background-color: #8FB3CD; /*Test Color*/
}

#left_column
{
  float: left;
  height: 90%;
  width: 15%;
  /*background-color: #034F84; /*Snorkel Blue*/
  background-color: #8FB3CD; /*Test Color*/
}

#center
{
  height: 90%;
  width: 85%;
  float: right;
  /*background-color: #4C6A92; /*Riverside*/
  background-color: #F5E5D6; /*Test Color*/
}

#insideCenter
{
  width: 100%;
  height: 98%;
}

#loadothers
{
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

tbody tr td
{
  font-size: 12px;
}

.logged_menu ul, .logged_menu h2
{
  font-family: Constantine;
}

.logged_menu ul
{
  list-style: none;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
  width: 100%;
  white-space: nowrap;
}

div.modal_generico
{
    display: block;
    margin: auto;
    background-color: lightgrey;
    border: solid black 1px;
    min-width: 25%;
    max-width: 35%;
    margin-top: 10%;
    height: auto;
    padding: 15px;
}

div.modal_generico input[type="checkbox"]
{
    width: 15px;
    height: 15px;
}

div.modal_generico table
{
    margin: 0 auto;
}

div.modal_generico table tr td input
{
    width: 15px;
}

th select
{
  width: 90%;
}

.mm_option:hover, .sm_option:hover
{
  background-color: #4C6A92; /*Riverside*/
  cursor: pointer;
  cursor: hand;
}

.logged_menu ul li a
{
  padding: 0 0 0 10px;
}

.submenu_miembros
{
  display: none;
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
}

.submenu_miembros li
{
  padding: 0 0 0 20px;
}

#listado
{
  height: 40%;
  float: left;
}

.output
{
  height: 100%;
  float: left;
}

.list_baja
{
    color: red;
}

input
{
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

select
{
  text-align: center;
  /*
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  */
}

.image_adjust
{
  max-width:100%;
  max-height:100%;
}

#anv_lira
{
  max-height: 95%;
  margin: 1%;
}

#seleccionable tr
{
  cursor: pointer;
  cursor: hand;
}

/*CÓDIGO DE PRUEBA PARA LOS MODALES */
.modal {
  display: none;
  position: absolute;
  margin: 0 auto;
  z-index: 100;
  top: 0%;
  /*bottom:0;*/
  /*height: 75%;*/
  width: 100%;
  /* opacity: 0.6; */
  /*display: block;*/
  overflow: scroll;
}

.modaldiv {
  z-index: 100;
  margin: 0 auto;
  width: 60%;
  background-color: rgba(255, 255, 255, 1);
  /* opacity: 0.6; */
  display: block;
  height: 65%;
  padding: 10px;
}

table#modal_usertable {
  border-collapse: collapse;
  width: 90%;
  margin: 0;
  border: none;
}

table#modal_usertable tr td {
  border: none;
}
/*CODIGO DE PRUEBA PARA SCROLL */

table.light {
    padding: 2px 0px 0px 5px;
    /*width: 415px;*/
    width: 100%;
    /*min-height: 100%;
    max-height: 100%;*/
    border-spacing: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

tbody.light, thead.light tr { display: block; }

tbody.light {
    height: 557px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody.light td, thead.light th {
    width: 140px;
}

thead.light th:first-child {
    width: 50px;
}

tbody.light td:first-child {
    width: 50px;
}

thead.light th:last-child {
    width: 196px;
}

tbody.light td:last-child {
    width: 180px;
}
/*CODIGO DE PRUEBA PARA SCROLL */

th, td {
  padding: 5px 5px;
  width: auto;
}

.order_arrows {
  margin-top: 2px;
  margin-right: 0;
  float:right;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}

table#modal_usertable tr td:first-child {
  text-align: right;
  width: 50%;
}


/*CÓDIGO DE PRUEBA PARA LOS MODALES */

/*CÓDIGO DE PRUEBA PARA LOS BOTONES */
.closeModal {
  position: absolute;
  top: 1%;
  right: 20%;
  color: #000000;
  font-size: 30px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.closeModal:hover {
  background: #ffffff;
  color: #666;
  text-decoration: none;
}

.discard {
  background: #42d934;
  background-image: -webkit-linear-gradient(top, #42d934, #1a6b05);
  background-image: -moz-linear-gradient(top, #42d934, #1a6b05);
  background-image: -ms-linear-gradient(top, #42d934, #1a6b05);
  background-image: -o-linear-gradient(top, #42d934, #1a6b05);
  background-image: linear-gradient(to bottom, #42d934, #1a6b05);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 5px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  margin: 1%;
}

.discard:hover {
  background: #0ec25c;
  background-image: -webkit-linear-gradient(top, #0ec25c, #113303);
  background-image: -moz-linear-gradient(top, #0ec25c, #113303);
  background-image: -ms-linear-gradient(top, #0ec25c, #113303);
  background-image: -o-linear-gradient(top, #0ec25c, #113303);
  background-image: linear-gradient(to bottom, #0ec25c, #113303);
  text-decoration: none;
}

.accept {
  background: #E9E51D;
  background-image: -webkit-linear-gradient(top, #E9E51D, #776707);
  background-image: -moz-linear-gradient(top, #E9E51D, #776707);
  background-image: -ms-linear-gradient(top, #E9E51D, #776707);
  background-image: -o-linear-gradient(top, #E9E51D, #776707);
  background-image: linear-gradient(to bottom, #E9E51D, #776707);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 5px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin: 1%;
}
.accept:hover {
  background: #0ec25c;
  background-image: -webkit-linear-gradient(top, #C3B40E, #333203);
  background-image: -moz-linear-gradient(top, #C3B40E, #333203);
  background-image: -ms-linear-gradient(top, #C3B40E, #333203);
  background-image: -o-linear-gradient(top, #C3B40E, #333203);
  background-image: linear-gradient(to bottom, #C3B40E, #333203);
  text-decoration: none;
}

.delete {
  background: #ff5e5e;
  background-image: -webkit-linear-gradient(top, #ff5e5e, #cc0000);
  background-image: -moz-linear-gradient(top, #ff5e5e, #cc0000);
  background-image: -ms-linear-gradient(top, #ff5e5e, #cc0000);
  background-image: -o-linear-gradient(top, #ff5e5e, #cc0000);
  background-image: linear-gradient(to bottom, #ff5e5e, #cc0000);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 5px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  margin: 1%;
}
.delete:hover {
  background: #d60000;
  background-image: -webkit-linear-gradient(top, #d60000, #420000);
  background-image: -moz-linear-gradient(top, #d60000, #420000);
  background-image: -ms-linear-gradient(top, #d60000, #420000);
  background-image: -o-linear-gradient(top, #d60000, #420000);
  background-image: linear-gradient(to bottom, #d60000, #420000);
  text-decoration: none;
}

.notification {
  position: fixed;
  /*top:0%;*/
  /*width:100%;*/
  z-index: 105;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding: 5px;
  width: 25%;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  top: 25%;
  margin: 0 auto;
  left: 36%;
  line-height: 140px;
  border-radius: 25px;
}
/*CÓDIGO DE PRUEBA PARA LOS BOTONES */
/*ESTILOS DE LOS MODALES*/
#overlay {
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     overflow: hidden;
}

#modal_real {
    width:500px;
    margin: 75px auto 0 auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    background-color: grey;
    text-align:center;
    font-family: "Constantine";
}

#select_permisos {
  width: 100%;
}

#modal_table
{
  margin-top: 15px;
}

#modal_table tbody tr td input
{
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
width: 96%;
}

#modal_table tbody tr td select
{
  width: 100%;
}

#modal_inuse
{
  margin: 15% auto;
  background-color: grey;
  width: 500px;
  text-align: center;
  border:1px solid #000;
}
/*ESTILOS DE LOS MODALES*/

.bld_button {
  background: #42d934;
  background-image: -webkit-linear-gradient(top, #42d934, #1a6b05);
  background-image: -moz-linear-gradient(top, #42d934, #1a6b05);
  background-image: -ms-linear-gradient(top, #42d934, #1a6b05);
  background-image: -o-linear-gradient(top, #42d934, #1a6b05);
  background-image: linear-gradient(to bottom, #42d934, #1a6b05);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 5px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  margin: 1%;
  float: right;
}
.bld_button:hover {
  background: #0ec25c;
  background-image: -webkit-linear-gradient(top, #0ec25c, #113303);
  background-image: -moz-linear-gradient(top, #0ec25c, #113303);
  background-image: -ms-linear-gradient(top, #0ec25c, #113303);
  background-image: -o-linear-gradient(top, #0ec25c, #113303);
  background-image: linear-gradient(to bottom, #0ec25c, #113303);
  text-decoration: none;
}

/*CUSTOM FONTS*/

@font-face { font-family: 'Constantine'; src:url('../fonts/constantine.ttf')format('truetype'); }