/********** LABELS **********/
span.label-orange
{
    font-weight: bold;
    color: darkorange;
    float: left;
    height: 25px;
    line-height: 25px;
}

span.label-red
{
    font-weight: bold;
    color: red;
    float: left;
    height: 25px;
    line-height: 25px;
}

/******************************************/
/************* ELEMENTOS HTML *************/
/******************************************/

input[type=text], textarea, select
{
    border-radius: 4px;
    font: inherit;
    border: 1px solid gray;
    padding: 2px;
    width: 95%
}

@media only screen and (max-width: 767px) 
{
    span.label-orange { float: right; }
    span.label-red { float: right; }
}

body
{
    /* Fondo */
    background: #fff url('../Content/themes/images/bg/light_grey.png');
    font-family: Calibri;
    font-weight: normal;
}

table
{
    overflow: scroll;
    font-size: 12px;
}

.header
{
    border: 2px solid #555555;
    border-radius: 10px 10px 0 0;
    /* Fondo */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.logo img
{
    margin: 10px 0 10px 0;
    max-width: 220px;
    max-height: 220px;
}

.userinfo
{
    margin: 10px 10px 10px 0;
    float: right;
    text-align: center;
}

    .userinfo .greet
    {
        font-weight: bolder;
        color: #55AAFF;
    }
    
    .userinfo .user-name
    {
        font-weight: bold;
        color: #EA9021;
    }
    
    .userinfo .user-type
    {
        color: black;
    }
    
    .userinfo .logout
    {
        color: darkgray;
    }
    
.page-title
{
    border: 2px solid #555555;
    border-top: 0;
    padding: 2px 0 2px 0;
    text-align: center;
    font-weight: bold;
    color: White;
    background: #607099; /* Old browsers */
    background: -moz-linear-gradient(top,  #607099 0%, #506089 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#607099), color-stop(100%,#506089)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #607099 0%,#506089 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #607099 0%,#506089 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #607099 0%,#506089 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #607099 0%,#506089 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607099', endColorstr='#506089',GradientType=0 ); /* IE6-9 */
}

.page-content
{
    border: 2px solid #555555;
    border-top: 0;
    padding: 2px 0 2px 0;
    text-align: center;
    color: black;
    background: #FDFDFD;
    min-height: 70%;
}

.footer
{
    text-align: center;
    font-weight: bold;
    font-size: small;
    border: 2px solid #555555;
    border-top: 0;
    padding: 2px 0 2px 0;
    color: White;
    background: #444;
}
    .footer a
    {
        color: White;
        text-decoration: none;
    }
        
@media only screen and (max-width: 767px) 
{
    .header
    {
        line-height: 14px;
        text-align: center;
        font-size: 14px;
    }
    
    .logo img
    {
        margin: 5px 0 5px 0;
        max-width: 120px;
        max-height: 120px;
    }
}

@media only screen and (max-width: 479px) 
{
    .header
    {
        text-align: center;
        font-size: 12px;
    }
    
    .logo img
    {
        margin: 2px 0 2px 0;
        max-width: 80px;
        max-height: 80px;
    }
}

table thead tr th
{
    border: 1px solid black;
    color: Black;
    background: #aaaaaa; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaaaaa 0%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #aaaaaa 0%,#bbbbbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}

.table
{
    border: 1px solid #050;
    background-color: White;
}

.table th
{
    font-weight: bold;
    font-size: 12px;
    color: Black;
    height: 15px;
    background: #aaaaaa; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaaaaa 0%, #bbbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #aaaaaa 0%,#bbbbbb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #aaaaaa 0%,#bbbbbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
    text-align: left;
    padding: 1px 2px 1px 2px;
    border-color: Gray;
    vertical-align: middle;
    border: 1px solid #050;
}

.table td
{
    font-size: 11px;
    height: 15px;
    color: Black;
    padding: 0px 0px 0px 5px;
    border-color: Gray;
}

#tblSinBorde
{
    border: 0px solid black;
}
#tblSinBorde tr
{
    border: 0px solid black;
}

#tblSinBorde th
{
    border: 0px solid black;
}

.fixedHeader
{
    float: left; /*width:98.85%;*/
    width: 100%;
    clear: left;
    position: relative;
}

.fixedHeader tr:hover
{
    cursor: pointer;
}

.fixedHeader tr
{
    border: 1px solid #050;
    border-left: 1px solid #050;
    border-top: 1px solid #050;
    border-bottom: 1px solid #050;
}

.scrollContent
{
    float: left;
    overflow-x: hidden;
    overflow-y: scroll;
    clear: left;
}

.scrollContent td
{
    font: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 2px 4px 3px 4px;
    border: 1px solid #999;
}

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}

.textCenter
{
    text-align:center;    
}

.textRight
{
    text-align:right;    
}

.textLeft
{
    text-align:left;    
}

.FontTitle
{
    font-style:inherit;
    font-family:Calibri;
    font-size:20px;
    font-weight:600;
}

.Font
{
    font-style:inherit;
    font-family:Calibri;
    font-size: 14px;
    font-weight:500;
}

.FontN
{
    font-style:inherit;
    font-family:Calibri;
    font-size: 14px;
    font-weight:600;
}