/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/08/2016, 11:40:40 AM
    Author     : Jairo Pimentel
*/

/*Auditrail
* 04/04/2017 - Jairo Pimentel
1. Se cambiaron unos aspectos del css para cambiar la presentación de la página.
*/

body{
    background-image: url(../..//img/fonsinfo.jpg);
}

.header {
    background-color: #ffffff;
    border-color: #e7e7e7;
    border-bottom: 5px solid #f57305;
    border-radius: 0;
    min-height: 80px;
}

.form-control:focus {
    border-color: #f57305;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245,115,5,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245,115,5,.6);
}

#form-search{
    padding-top: 15px;
    padding-bottom: 15px;
}

.info_corner {    
    float: left;
    background-color: #FFF;
    background-image: url(../..//img/fonsmenu3.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    border: #CCC solid 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0;
}


#menu {
    /*background-color: #FFF;
    background-image: url(../..//img/fonsmenu3.jpg);
    background-repeat: no-repeat;
    background-position: top left;*/
    border-radius: 8px 0 0 8px;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding-top: 30px;
    padding-right: 30px;
    /*padding-left: 20px;*/
    padding-left: 0;
}

#btn-menu{
    background-color: #FFF;
    background-image: url(../..//img/fonsmenu3.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.2);
    border-color: #e7e7e7;
    border: #CCC solid 1px;
    border-radius: 0 8px 8px 0;
    /*color: #435f76;*/
    color: #f57305;
    padding: 5px;
    /*position: absolute;*/
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 1000;
    transition: all 0.5s ease;
    cursor: pointer;
}

.sidebar-nav{
    list-style-type: none;
    padding: 5px;
    padding-left: 0;
    height: 100%;
}

.sidebar-nav > li.sidebar-header {
    
    padding: 10px 30px 6px 20px;
    color: #999999;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    /* background: #ffffff; */
}

.sidebar-nav > li {
    color: #a7b1c2;
    font-weight: 600;
    padding: 5px 20px 14px 20px;
}

.sidebar-nav > li:hover {
    color: #FCFCFC;
    background-color: #2B83B8;
    border-radius: 0 5px 5px 0;
}

.sidebar-nav > li > a {
    color: #3FA5DD;
    font-weight: 600;
    padding: 14px 20px 14px 5px;
    text-decoration: none;
}

.sidebar-nav > li > a:hover {
    color: #FCFCFC;
}

#content{
    background-color: #FFF;
    border-radius: 8px;
    padding-top: 30px;
}

#menu-xs{
    left: -20px;
    position: fixed;
    top: 250px;
    transition: all 0.5s ease;
    width: 0;
    z-index: 2000;
}

@media (max-width: 750px){
    #menu-xs {
        background-color: #FFF;
        background-image: url(../..//img/fonsmenu3.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        border-radius: 8px 0 0 8px;
        height: 100%;
        outline: none;
        overflow-y: auto;
        padding-top: 30px;
        padding-left: 20px;
    }
}