/*
 *
 * Template Name: Fullscreen Login
 * Description: Login Template with Fullscreen Background Slideshow
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  position: relative;
  /*width: 96%;*/
  min-height: 400px;
/*  margin: 90px auto 0;*/
  color: #333;
  margin: 0 auto 0;
}

body {
    background: #f8f8f8;
   font-family: "Porcaro Sans", Helvetica, Arial, sans-serif;
   
    color: #fff;
}

.page-container {
    /*margin: 120px auto 0 auto;*/
    width: 100%;
  /*   box-shadow:
        0 0 1px rgba(0, 0, 0, 0.3),
        0 3px 7px rgba(0, 0, 0, 0.3),
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);*/
    border-radius: 5px;
  /*  background-color: #eeefef;*/
  background-color: #e9e9e9;
  background-image: -moz-linear-gradient(top, #ffffff, #E3E6F1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E3E6F1));
  background-image: -webkit-linear-gradient(top, #ffffff, #E3E6F1);
  background-image: -o-linear-gradient(top, #ffffff, #E3E6F1);
  background-image: linear-gradient(to bottom, #ffffff, #E3E6F1);
    
    
   /* padding-top:15px;*/
}

.drop-shadow {
  /*  background: none repeat scroll 0 0 #FFFFFF;*/
  /*  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
  /*  float: left;
    margin: 2em 10px 4em;
    padding: 1em;*/
  /*  position: relative;*/
  /*  width: 40%;*/
}

.drop-shadow:before, .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.lifted:before, .lifted:after {
    bottom: 10px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.6);
    height: 5%;
    left: 5px;
    transform: rotate(-1.5deg);
    width: 50%;
     max-height: 100px;
    max-width: 300px;
}

.lifted:after {
    left: auto;
    right: 5px;
    transform: rotate(1.5deg);
}

.raised {
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.column {
    float: left;
   /* margin-top: 1em;*/
    /*margin-bottom: 2em;*/
    padding-top: 15px;
   
}
.right {
    margin-right: 1em;
    width: 31%;
}

.left {
    width: 63%;
    margin-left: 1em;
}

.rightPlus {
    margin-right: 1em;
    width: 63%;
}

.leftPlus {
    width: 31%;
    margin-left: 1em;
}

.right50 {
    margin-right: 1em;
    width: 47%;
}

.left50 {
    width: 47%;
    margin-left: 1em;
}

.footer{
    width:100%;
    float:left;
    margin-bottom:-20px
}

.middlecontent{
     margin-top: 1em;
     margin-bottom: 2em;
}

.center {  
/*     width: 98%;*/
     margin-left: 1em;
     margin-right: 1em;
     margin-bottom: 1em;   
}

.corner { 
     margin-top: 1em;
     margin-bottom: 2em; 
}
 
.interaccionblock {
     padding-left: 1em;
     padding-right: 1em;
     padding-top: 1em;
     padding-bottom: 1em;
     border: 1px solid  #cccccc;
     box-shadow: 0 1px 0 gray;
     float:left;
     width:26%; display:block; background-color:#DBE6EC;
     margin: 1em;
     border-radius: 4px 4px 4px 4px;
}

.menuSuperior {
  padding: 50px 35px 8px 14px;
 /* margin-bottom: 10px;*/
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding-botton: 10px;
  background-color:  #808080;
  -webkit-border-radius: 4px 4px 0px 0px;
     -moz-border-radius: 4px 4px 0px 0px;
          border-radius: 4px 4px 0px 0px;
}

table.items tbody tr.tableroFilaMeta{
    
    font-size: 10px !important;
    height: 15px;
    background-color: #e1e1e1;
}

table.items tbody tr.tableroFilaResultado{
    
    font-size: 18px !important;
    height: 35px;
    background-color: #2980b9;
    color: #FFFFFF;
}

table.items tbody tr.tableroFilaMeta td,tr.tableroFilaMeta th {
    
    font-size: 10px !important;
    height: 15px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #bbbbbb;
} 

td.tableroCeldaRed{
     background-color: #FA5858 !important;
     color: white !important;
     font-weight: bold;
    
}

td.tableroCeldaGreen{
     background-color: #01DF74 !important;
     font-weight: bold;
}

td.tableroCeldaBlue{
     background-color: #2980b9 !important;
     color: #FFFFFF;
     font-weight: bold;
}

.indicador-important {
    background-color: #B94A48;
color: #FFFFFF;
}
.indicador-warning {
    background-color: #ffff00;
    color: #000000;
}

.indicador-semi-warning {
    background-color: #f89406;
    color: #FFFFFF;
}

.indicador-success {
    background-color: #468847;
    color: #FFFFFF;
}

.indicador-info {
    background-color: #3A87AD;
    color: #FFFFFF;
}

.indicador-inverse {
    background-color: #333333;
	color: #FFFFFF;
}

.indicador-inverse a, .indicador-important a, .indicador-success a, .indicador-info a, .indicador-warning a{
    text-decoration: none !important;
	color: #FFFFFF !important;
}
table.items, table.items a.editable, tr.selected{
    
	color: #000000 !important;
    
}

td a.editable{
    
    color: #0088CC !important;;
    font-weight: bold;
}