/* STYLES */

.table-responsive{
  table-layout: fixed;
}

.main-header .user-header .fa-4{
	font-size: 6em;
	color: white;	
}

.messages-menu ul.menu .pull-left .fa-6{
	font-size: 3em;
    color: #dd4b39;	
}

.notifications-menu  .fa-lock{
    color: #dd4b39 ;	
}

.info-box .fa{
	color:white;
}

/* ----- selected datatables ----- */
table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

.disabled{opacity:.65;filter:alpha(opacity=65)}


.rowPointed{
	cursor:pointer;
}

.small-box {  
    min-height: 128px;
}
#delivered .small-box {  
    background-color:#ccc!important;
}


.bs-group-tab .nav-tabs {
    margin-bottom: 15px;
}

.bs-group-tab .tab-content {
    background: #eee;
    display: block;
    margin: .5em;
    min-height: 15em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
}

.bs-group-tab .nav-tabs{
	margin: .5em .5em .5em .5em;
}

.bs-group-tab .tab-content .tab-pane {
    
    padding: 2.5%;
}

/*hidden submit in create Course*/
.hidden{
	visibility:hidden;
}

/* ----- graficos con CSS ----- */
.circulo {
	border-radius: 50%;
	display: inline-block;
}

.radio30 {
	width: 30px;
    height: 30px;
}
.radio20 {
	width: 20px;
    height: 20px;
}
.radio10 {
	width: 10px;
    height: 10px;
}

.fsize50 {
	font-size: 50px;
}
.fsize30 {
	font-size: 30px;
}

.table_fillvisible {
	width: 100%;
	border-collapse: collapse; 
	table-layout: fixed;
}

.table_fillvisible td {
	border:solid 6px #a633cc; 
	word-wrap: break-word;
	text-align: center;
	vertical-align: middle;
    white-space:normal;
}

.black_and_white {
    background: #fff;
    border: 3px solid #000;

}

.red_and_yellow {
    background: yellow;
    border: 3px solid red;
    color: red;
    font-weight: bold;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/*  Cajitas con nombre de pigs */
/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.pigbox {
  height: 50px;
  width: 50px;
  float: left;
  border: 2px solid #666666;
  margin-right: 5px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px #000;
  -ms-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
  text-align: center;
  cursor: move;
}
.pigbox header {
  color: #fff;
  text-shadow: #000 0 1px;
  box-shadow: 5px;
  padding: 5px;
  background: -moz-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  background: -webkit-gradient(linear, left top, right top,
                               color-stop(0, rgb(0,0,0)),
                               color-stop(0.50, rgb(79,79,79)),
                               color-stop(1, rgb(21,21,21)));
  background: -webkit-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  background: -ms-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  border-bottom: 1px solid #ddd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -ms-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  font-size: 10px;
}
.pigbox.over {
  border: 2px dashed #666666;
}

.lista_graciosa {
	 list-style-position: inside;
	list-style-type: square;
}
.background_rosa {
	  background-color: #ff00ff;
}
.background_groc {
	  background-color: #cccc33;
}
.background_blau {
	background-color: #337fcc; 
}


/* ---------------------------------------------------------------------------- */
/* FLEX container y items en VISTA FARM
/* ---------------------------------------------------------------------------- */
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
}

.flex-container form{	
	width:50%;
}
.flex-item {
	width:100%;
	height: 174px;
	font-size: 30px; 
}

.flex-container a{
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

#farmInfo.table>tbody>tr>td{
    padding: 6px ;
}

#farmInfo.table>tbody>tr>td:hover{
	    padding: 6px;
	
	
}
#pigTable>tbody>tr:hover{
	background-color: #d1e6ff;
}



#iconInfoPanel {
    margin-left: 10px;
    font-size: 20px;
}

/* ---------------------------------------------------------------------------- */
/* ANIMACIONES VISTA DE PATIOS y Estilo de esas tablas
/* ---------------------------------------------------------------------------- */

#pigTable.table>thead>tr>th {font-size: 12px;text-align: center;height:30px;}	
#pigTable.table>tbody>tr>td, #pigTable.table>tbody>tr>th, #pigTable.table>tfoot>tr>td, #pigTable.table>tfoot>tr>th, #pigTable.table>thead>tr>td, #pigTable.table>thead>tr>th { text-align: center;}

/*.aniprueba {  animation: bobble 16s infinite; }
.aniprueba2 { animation: bobble2 16s infinite; }
 .aniprueba3 { animation: bobble 2s infinite; }*/
    
@keyframes bobble 
{
    0% 
    {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    12.5% 
    {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% 
    {
        transform: translate3d(-92px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    100% 
    {
        transform: translate3d(-92px, 0px, 0px);
        animation-timing-function: ease-in;
    }  
   
}

@keyframes bobble2 
{   
    0% 
    {
        transform: translate3d(-103px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    50% 
    {
        transform: translate3d(-103px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    75% 
    {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
    100% 
    {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }  
}
		
.tableAnimated{
	/*max-width:33%;*/
	margin-top:25px;
	display:inline-table;
	font-size: 12px;
}

#tableAnimated2{
	/*margin-left:200px!important;
	max-width:66%;
	width:66%;*/
}

.tableAnimated>tbody>tr>td, .tableAnimated>tbody>tr>th, .tableAnimated>tfoot>tr>td, .tableAnimated>tfoot>tr>th, .tableAnimated>thead>tr>td, .tableAnimated>thead>tr>th {
	line-height: 0.3;
	border-top: 0px solid!important;
}

#backCC{
	background-color:#86B404;
}
#backnewCC{
	background-color:#C3F4B0;/*#40FF00;*/
}
#backGC{
	background-color:#FFBF00;
}
#backnewGC{
	background-color:#F3E392;/*#F3F781;*/
}
#backMAT{
	background-color:#045FB4;
}
#backnewMAT{
	background-color:#92D4F5;/*#58ACFA;*/
}
#backP0{
	background-color:#B61E04;
}

.tableAnimated.table>thead>tr>th {
    font-size: 12px;
}

#tablaJaulas #backCC, #tablaJaulas #backGC, #tablaJaulas #backMAT,#backP0{
	width:100%;
	color:white;	
}
#tablaJaulas
{
	width:100%;
}

#tablaJaulas.table>tbody>tr>td, #tablaJaulas.table>tbody>tr>th, #tablaJaulas.table>tfoot>tr>td, #tablaJaulas.table>tfoot>tr>th, #tablaJaulas.table>thead>tr>td, #tablaJaulas.table>thead>tr>th {
    padding: 0px;
    line-height: 1.42857143;
    vertical-align: middle; 
    border-top: 1px solid #ddd;
}

.partos
{
	
    -webkit-animation-name: parto; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: parto;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes parto {
	0% {
    background-color:#045FB4;
  }
  7.5% {
    background-color:#045FB4;
  }
  
  50% {
    background-color:#FFACCF;
  }
  57.5% {
    background-color:#FFACCF;
  }
  100% {
    background-color:#045FB4;
  }
}

@keyframes parto {
	0% {
    background-color:#045FB4;
  }
  7.5% {
    background-color:#045FB4;
  }
  
  50% {
    background-color:#FFACCF;
  }
  57.5% {
    background-color:#FFACCF;
  }
  100% {
    background-color:#045FB4;
  }
}

/* ---------------------------------------------------------------------------- */
/* PATIO/BANDA
/* ---------------------------------------------------------------------------- */

table.dataTable {margin-bottom: 20px!important;}
#tableScheduledActions>tbody>tr>td[data-toggle]:hover,#tableFarmInfo>tbody>tr>td:hover {background-color: #d1e6ff;}
#tableScheduledActions>tbody>tr>td[data-toggle]:hover{cursor: pointer;}
.modal#actionModal{margin-top: 10%;}
.tablePatio.table>thead>tr>th {font-size: 12px;text-align: center;height:30px;}	
.tablePatio.table>tbody>tr>td, .tablePatio.table>tbody>tr>th, .tablePatio.table>tfoot>tr>td, .tablePatio.table>tfoot>tr>th, .tablePatio.table>thead>tr>td, .tablePatio.table>thead>tr>th {text-align: center;}
#tableScheduledActions span .order{font-weight:bold;}

/* ---------------------------------------------------------------------------- */
/* FARM
/* ---------------------------------------------------------------------------- */
tr.diffBack{background-color: #f9f9f9;}
td.diffBack{background-color: #777;}
#tableFarmInfo>tbody>tr>td.data:hover {background-color: #caf1f1;font-weight:bold;}
#tableFarmInfo>tbody>tr>td.init:hover {font-weight:bold;background-color: #e3f0ff;}
#tableFarmInfo>tbody>tr>td.l1w:hover {background-color: #eff7ec;font-weight:bold;}
#tableFarmInfo>tbody>tr>td.l4w:hover {background-color: #f9eeee;font-weight:bold;}
#tableFarmInfo>tbody>tr>td.l52w:hover {background-color: #fffced;font-weight:bold;}
#tableFarmInfo>tbody>tr>td.empty:hover {background-color: transparent;}
#tableFarmInfo.table>tbody>tr>td, #tableFarmInfo.table>tbody>tr>th, #tableFarmInfo.table>tfoot>tr>td, #tableFarmInfo.table>tfoot>tr>th, #tableFarmInfo.table>thead>tr>td, #tableFarmInfo.table>thead>tr>th {text-align: left;width: 20%;}}


/* ---------------------------------------------------------------------------- */
/* NEW AND IMPROVED JAULAS
/* ---------------------------------------------------------------------------- */
.content-area {/*padding: 0px;*/max-width: 90%;}
.content-area {/*width: 870px*/;margin: auto;}
.view-content.products {/*margin-top: 30px;*/}
.view-content.products .views-row {width: 20%;float: left;}
.view-content.products .views-row .outside {background-color: #eff0f0;}
.view-content.products .views-row:nth-child(2n) .outside {background-color: #d0e1e7;}

/* RD Replacement Decisions. Teal, azulado: #39CCCC */
.view-content.products .views-row .outside.rd {background-color: rgb(180, 204, 204);}
.view-content.products .views-row:nth-child(2n) .outside.rd {background-color: rgb(160, 204, 204);}
.view-content.products .views-row .outside.rd-cc {background: rgb(140, 204, 204); /* Old browsers */
background: -moz-linear-gradient(left, #39CCCC 32%, #99e877 56%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #39CCCC 32%,#99e877 56%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #39CCCC 32%,#99e877 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*CC Mating Area. Verdoso*/
.view-content.products .views-row .outside.cc {background-color: #dff0d8;}
.view-content.products .views-row:nth-child(2n) .outside.cc {background-color: #c9f1b8;}
.view-content.products .views-row .outside.cc-gc {background: #99e877; /* Old browsers */
background: -moz-linear-gradient(left, #99e877 18%, #f5eeca 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #99e877 18%,#f5eeca 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #99e877 18%,#f5eeca 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.view-content.products .views-row .outside.cc.esp {background-color: #0CEB0C;} /*#ECB0F1*/

/*MAT Maternity Area. Azul*/
.view-content.products .views-row .outside.mat {background-color: #d9edf7;}
.view-content.products .views-row:nth-child(2n) .outside.mat {background-color: #c8e3f1;}
.view-content.products .views-row .outside.mat-cc {background: #96d6f7; /* Old browsers */
background: -moz-linear-gradient(left, #96d6f7 28%, #c9f1b8 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #96d6f7 28%,#c9f1b8 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #96d6f7 28%,#c9f1b8 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


/*GC Gestation Area. Amarillo*/
.view-content.products .views-row .outside.gc {background-color: #fcf8e3;}
.view-content.products .views-row:nth-child(2n) .outside.gc {background-color: #f5eeca;}
.view-content.products .views-row .outside.gc-mat {background: #efdf8f; /* Old browsers */
background: -moz-linear-gradient(left, #efdf8f 32%, #c8e3f1 56%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #efdf8f 32%,#c8e3f1 56%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #efdf8f 32%,#c8e3f1 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*.view-content.products .views-row .outside.repo {background-color: #E5A79D;}
.view-content.products .views-row:nth-child(2n) .outside.repo {background-color:#E5A79D;}*/


.outside { width: 101%; position:relative;}
.outside {display: table;background-position: center; background-repeat: repeat;background-size: cover;}
.view-content.products .views-row .outside .inside {vertical-align: middle;line-height: normal;padding: 12px;text-align: center;}
.inside {display: table-cell;vertical-align: top;height: 100%;}
.view-content.products .views-row .outside .inside .product {font-family: 'gtmedium';font-size:17px;}
.view-content.products .views-row .outside .inside .use {font-size: 0.8em; font-size:15px; margin-top: 15px; font-weight:700;}
.view-content.products .views-row .outside .inside .jaulaPlaceLabel {font-family: 'gtmedium'; font-size:14px;}
.view-content.products .views-row .outside .inside .jaulaWeekLabel {font-size: 0.9em;font-size:16px; margin-top: 15px; font-weight:700;}
.view-content.products .views-row .outside .inside .chars {display: inline-block;margin-top: 12px;font-size: 0.7em;font-size:13px;border-radius: 3px;background: rgba(0,0,0,0.5);color: white;padding: 3px 5px;}
.view-content.products .views-row:hover {background-position: 0px 0px;}
.view-content.products .views-row {transition: all 0.5s ease-in-out 0s;background-image: url("/assets/images/bg_slidein.png");background-repeat: repeat-y;background-position: -1000px 0px;}
.view-content.products .views-row .outside a{position:absolute; width:100%; height:100%;}


/* GENERAL icons in tables */
.actiontemplate-table a i.fa, #farmtemplates-table a i.fa{font-size:25px; cursor: pointer;    padding-left: 13px;}
.actiontemplate-table a i.fa.fa-fw.fa-trash-o{color:#dd4b39;}
.actiontemplate-table a i.fa.fa-fw.fa-trash-o:hover{color:#982011;}
.actiontemplate-table a i.fa.fa-fw.fa-check-square-o,.actiontemplate-table a i.fa.fa-legal{color:#002aa6;}
.actiontemplate-table a i.fa.fa-fw.fa-check-square-o:hover,.actiontemplate-table a i.fa.fa-legal:hover{color:#5b78cc;}
.actiontemplate-table a i.fa.fa-plus{color:#00a65a;}
.actiontemplate-table a i.fa.fa-plus:hover{color:#1f8053;}
.actiontemplate-table a i.fa.fa-fw.fa-pencil{color:#db8b0b;}
.actiontemplate-table a i.fa.fa-fw.fa-pencil:hover{color:#90641f;}

table.farmsSubmited-table > tbody > tr.unlock {background-color: #999;color: white;}
table.farmsSubmited-table > tbody > tr.unlock > td a i{font-size:30px;color: white; cursor:auto;}

#pigTableW1 td .fas.fa-skull{cursor: pointer;}
#pigTableW1 td .fas.fa-skull.checked{color:#dd4b39!important; cursor: pointer;}
#pigTableW1 td .fas.fa-skull:hover{color:#dd4b39 !important;}

#pigTableW2 td .fas.fa-skull{cursor: pointer;}
#pigTableW2 td .fas.fa-skull.checked{color:#dd4b39!important; cursor: pointer;}
#pigTableW2 td .fas.fa-skull:hover{color:#dd4b39 !important;}


/* fa icons small boxes override*/
.small-box .icon.fa {top:15px; font-size:70px;}
.small-box:hover .icon.fa {font-size: 80px; }

#managefarmbutton a:focus, a:hover {
    text-decoration: none!important;
}

/*INPUTS EN TABLAS*/
.actionsList-table select.form-control,.actiontemplate-table select.form-control{min-width:160px;}


/*CONSEQUENCES*/
div.row.consequences h3{margin-bottom:20px; margin-top:5px;}


/*EVALUATION*/
table#evaluation th,table#evaluation td{padding:20px;}
table#evaluation.table>thead>tr>th{border-bottom: 2px solid #060606;font-size: 24px;}


/* GONZALO */
.addpadding10px { padding:10px; }
.addpadding1-5pc { padding: 1.5%; }
.addpadding2-5pc { padding: 2.5%; }