/*
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 : 16-feb-2017, 0:03:29
    Author     : deiner
*/


.breadcrumb-container { 
    /*   navbar-fixed-top */
}



.page-body{
    width: 100%;
    height: 100%;
    position: fixed;
    border: 1px solid red;
    overflow: scroll;
}


header.fixed-top {
    padding: 0px 10px;
    background-color: rgb(52, 146, 97);
    /*  background-color: rgb(36, 148, 70);  */
    border-bottom:2px solid #007130 !important;
}

ul.metismenu  {
    padding: 0;
    margin: 0;
    list-style: none; 
}

.metismenu ul {
    list-style: none;
    padding: 0;
}

.metismenu { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.metismenu > li {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
}
.metismenu a {
    position: relative;
    display: block;
    padding: 10px 10px;

}


.metismenu  i {

    display: table-cell !important;

}
.metismenu b {
    padding-left: 7px;
    font-weight: normal;
    display: table-cell  !important;
    width: 100%;
}
.metismenu span {
    float: left;
    display: inline;
}

.metismenu ul li > a {
    /*Segundo nivel*/
    padding: 10px 5px 10px 30px;    

}

.metismenu ul ul li > a {
    /*Tercer nivel*/
    padding: 10px 5px 10px 57px;
}


.metismenu a:hover,
.metismenu a:focus,
.metismenu a:active,
.metismenu li.active > a{
    text-decoration: none;
    background-color: #eee;
}

.metismenu .disponible i {
    color:green;
    opacity: 0.7;
}

.metismenu .no-disponible i {
    color:red;
    opacity: 0.7;
}

/*
ul.metismenu,  ul.metismenu li{
    list-style: none;
    padding: 0px;
}


ul.metismenu li a{
    text-decoration: none;
    border: 1px solid red;
}*/
/*
.metismenu ul {
    list-style: none;
    padding: 0;
}
.metismenu li {
    padding-top: 5px;
    padding-bottom: 5px;
 
}
.metismenu >   li > a {
    color: red; 
    background-color: blue;
    padding-left: 30px;
    display: block;
    width: 100%;
} 
.metismenu li:before {
    font-family: FontAwesome;
    display: inline-block;
 
    opacity: 0.7  
}
.metismenu li.disponible:before {
    content: "\f058"; 
    color:green;
}

.metismenu li.no-disponible:before{
    content: "\f06a";  
    color:red;
}

.metismenu > ul {

}
.metismenu a {
    text-decoration: none;
}

.metismenu .active  {
    background-color: #eee;
}
*/

/*
#top-navbar > ul > li  > a {
    color:white;
    border-left:1px solid rgba(255,255,255,0.05); 


    padding: 15px  10px 13px 10px;
    border-bottom: 2px solid transparent;
}
#top-navbar > ul > li:last-child{
    border-right: 1px solid rgba(255,255,255,0.05); 
}

#top-navbar > ul > li >   a:hover{
 
    background-color:  rgba(255,255,255,0.1); 
    color:white;

    border-bottom: 2px solid white;


}

#top-navbar > ul > li.active  > a, #top-navbar > ul > li.open  > a {
    background-color:  rgba(0,113,48,0.8); 
}

.nav>li>a { 

}


.dropdown-menu>li>a:hover  {
    color:white;
    background-color: rgba(0,113,48,0.8);
}
*/

footer {
    margin: 0;
    padding: 0;
}
hr {
    margin: 10px 0px;
    padding: 0;
}


.navbar-default .navbar-header .navbar-brand {
    /*    font-family: 'PT Sans Caption', Helvetica, Arial, sans-serif;
        font-weight: 700;*/
}


body {

}
/* ************************************************ */

.panel-green {
    border-color: rgb(52, 146, 97);
}
.panel-green > .panel-heading {
    border-color: #067338;
    color: #067338;
    background-color: #E4F0E9;
}

.panel-green > .panel-body{
    background-color: rgba(200,200,200,0.05);
}

.panel-green > a {
    color: #5cb85c;
}
.panel-green > a:hover {
    color: #3d8b3d;
} 


.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}
.btn-primary.btn-outline {
    color: #428bca;
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: white;
}


/* ************************************************ */

/* 

https://codepen.io/ajaypatelaj/pen/prHjD
*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:white;
}

.navbar-default .navbar-toggle {
    border-color: white;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: rgba(0,113,48,0.8);
}
/*
@media (min-width: 768px) {
    .navbar-nav {
        width: 100%;
        text-align: center;
    }
    .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    .navbar-nav > li.navbar-right {
        float: right !important;
    }
}
*/

@media (max-width: 767px)
{
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: white;
    }

    body > nav > div > div:nth-child(1) {

    }
}


.no-show {
    display: none;
}


.modal-footer button {
    min-width: 70px;

}

.modal-footer .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;    
}

.fixed-table-pagination .pagination a {
    color:green;
}


.fixed-table-pagination .pagination li.active a {
    color:white;
    background-color: #5cb85c;
    border-color: transparent;
}

.pagination>li>a {
    padding: 1px 6px !important;
}

.fixed-table-pagination .pagination-info {
    line-height: normal  !important;
}

.fixed-table-toolbar .bs-bars {
    margin: 0   !important;
    padding:0px 5px !important;
} 


/*
https://github.com/twbs/bootstrap/issues/17194
http://www.entypo.com/
*/
select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2VsZWN0X2Fycm93cyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzc3NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTEwLDFMNSw4aDEwTDEwLDF6IE0xMCwxOWw1LTdINUwxMCwxOXoiLz4NCjwvc3ZnPg==);
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: right .5em center;
    padding-right: 2em;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

input.form-control.typeahead {
    -moz-appearance: none;
    -webkit-appearance: none;
    /*
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVHJpYW5nbGVfZG93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImZpbGw6ICM3NzciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik01LDZoMTBsLTUsOUw1LDZ6IiAvPg0KPC9zdmc+);
    */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU2VsZWN0X2Fycm93cyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzc3NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTEwLDFMNSw4aDEwTDEwLDF6IE0xMCwxOWw1LTdINUwxMCwxOXoiLz4NCjwvc3ZnPg==);

    background-size: 1em;
    background-repeat: no-repeat;
    background-position: right .5em center;
    padding-right: 2em;
    overflow: hidden;
    text-overflow: ellipsis;

    cursor: default;
}


/******************************************************************/

.fancytree-container{
    border: 0 !important;
}

span.fancytree-icon  {
    color:gray;
}


span.fancytree-expander:hover{
    color:green !important;
}


.obligatorio:after {
    content: "*" !important;
    color:red;
}


#titulo-accion:after {
    content: ":"
}

 

#div-formulario{
    /*
     max-width: 800px; 
    margin: auto;   */
    display: none;

}


#toolbar .filtros {
    padding:5px; 
    margin: 0px -5px; 
    border-top: 1px solid #ddd;

}

#toolbar .filtros .form-group {
    margin-bottom: 5px;
    padding: 5px
}
 
textarea  {
    resize: none;
}

/******************************************************************/

.panel-heading .pull-right {
    margin-top: -7px
}

.panel-heading .dropdown.pull-right button {
    color:green
}


#toolbar .pull-right {
    margin-left: 3px;
}


.typeahead.dropdown-menu {
    font-size: 12px;
    overflow-x: hidden !important;
}