.body-content {
    padding-top:50px;
}

#header {
    position: fixed;
    top:0px;
    width: 100%;
    height: 50px;

    padding-left:13px;
    padding-right:13px;

    line-height: 50px;
    
    color: white;
    background-color: #2f385a;
    border-bottom:1px solid white;

    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.4);

    z-index:100;
}

#menu{
    display:block;
    position:fixed;
    top:0px;
    height:100%;
    background-color:#2b334e;
    -webkit-box-shadow: 5px 0px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    5px 0px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         5px 0px 5px 0px rgba(50, 50, 50, 0.4);

    z-index:99;
}
#menu a{
    padding-top:10px;
    padding-bottom:5px;
    color:white;
}

#main{
    margin-left:180px;
    margin-top:50px;
    padding:20px;
    transition:all 0.2s linear;
}

@media all and (min-width: 981px) {
    #menu-show{
        display:none;
    }
}
@media all and (max-width: 980px) {
    #menu-show{
        display:block;
    }
    #menu{
        display:none;
    }
    #main{
        margin-left:0px;
    }
}

.mcolapsed #menu{
    display:block;
}

i.fa.fa-bars.fa-2x {
    color: white;
}
i.fa.fa-2x { 
    vertical-align: middle !important;
}
.in a:hover i{
    animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    color:#ff6a00;
}
.nav>li>a:hover{
    color:#cad6e4 !important;
    background-color:transparent;
}


li.in i{
    margin-left:18px !important;
    width: 20px;
    text-align: center;

}
li.out{
    margin-top:15px;
    background-color:#2f385a;
}
li.out i{
    margin-right:5px;
}

#menu ul{
    transition:all 0.1s linear;
    padding-top:50px;
    width:180px;
    color:white;
    display:block;
}

/*BOTON NARANJA*/
.btn-orange {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #ff6a00;
  border-color: #a84c0b;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #428bca;
  border-color: #357ebd;
}


/*Override*/
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{
    /*background-color:#F2F4FC;*/
}

td a:hover{
    color:#ff6a00;
}

th a{
    color:white;
}

th i{
    color:white;
    line-height:20px !important;
}

.pagination{
    margin-top:10px;
    margin-bottom:10px;
}

th,
td {
    white-space: nowrap;
}

.table>tbody>tr.info>td{background-color:#d9edf7;}

#leftTable{
    overflow:auto; 
    width:155px;
    float:left;
    transition:ease all 1s;
}

    #leftTable.expand{
        width:300px;
    }
    #leftTable.expand + #rightTable {
        width:calc(100% - 300px);
    }

#rightTable{
    overflow:auto; 
    width:calc(100% - 155px);
    float:left;
    transition:ease all 1s;
}


.input-daterange .form-control {
    padding: 0px;
    padding-left: 4px !important;
}

.input-daterange .input-group-addon {
    padding: 6px 6px !important;
}


.table-responsive {
    overflow-x: auto;
}

    .table-responsive .dropdown-menu {
        position: absolute !important;
    }

.dropdown-menu {
    border: 1px solid rgba(0,0,0,.15) !important;
}