/*Colores de las fracciones*/
.orfisColor{
    background-color: gray!important;
    color: white!important;
}

.orfisColorLight{
    background-color: #f5f5f5!important;
    color: black!important;
}

.orfisColorMedium{
    background-color: #f5f5f5!important;
    color: black!important;
}

p.justified{
    text-align: justify;
}
/*end Colores de las fracciones*/

/*contenedor principal*/
.container_{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    min-height: 350px;
}

.content_{
    padding-top: 1.5em;
    border: 1px solid #D0D0D0;
    /*color de la sombra del contenedor principal*/
    box-shadow: 0 0 8px #D0D0D0;
}
/*end contenedor principal*/

/*menú y barra de navegación*/
.breadcrumb_{
    /*separación de la barra de navegación*/
    margin-top: 5em;
}

.breadcrumb{
    /*color de la barra de navegación*/
    background-color: #f5f5f5;
}

.navbar-inverse{
    /*color de la barra de menú*/
    /*background-color:#222;*/
}

.navbar-inverse .navbar-nav > li > a{
    /*color del texto de los elementos de la barra de menú*/
    /*color:#9d9d9d;*/
}

/*evento paso del mouse sobre elemento de la barra de menú*/
.navbar-inverse .navbar-nav > li > a:hover{
    /*color*/
    /*background-color:transparent;*/
    /*color del text*/
    /*color: white;*/
}

/*dropdown responsivo abierto del menu*/
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    /*background-color:#080808;*/
    /*color: white;*/
}

/*evento paso del mouse botón menú responsivo*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    /*color del botón*/
    /*background-color: #333;*/
}

button.navbar-toggle > span.icon-bar{
    /*color de las lineas del botón menú */
    /*background-color: white!important;*/
}

.navbar-inverse .navbar-toggle {
    /*color del borde del botón de menu responsivo*/
    /*border-color: #333;*/
}

/*botón enlace activo*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    /*background-color: #080808;*/
}
/*end menú y barra de navegación*/

/*bootstrap modals*/
.close{
    /*tamaño del botón cerrar modal*/
    transform: scale(2);
    -webkit-transform: scale(2);
}

img.thumbnail{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.modal-content > .modal-header,.modal-footer {
    /*quitar linea de separación de los botones inferiores del modal*/
    border-bottom:none;
}
.modal-content > .modal-footer {
    /*quitar linea de separación del area de título del modal*/
    border-top:none;
}
/*end bootstrap modals*/

/*token input*/
div.token-input-dropdown {           
    z-index: 11001 !important;
}

div.token-input-dropdown-bootstrap {           
    z-index: 11001 !important;
}
/*token input*/

@media (min-width:768){
    .content_{
        height:500px;
    }
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
        /*color del dropdown de ajustes*/
        /*color:#9d9d9d;*/
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
        /*colores de los elementos del dropdown*/
        /*background-color:transparent;*/
        /*color:white;*/
    }
}

/*elemenos DOM*/
textarea{
    resize: vertical;
    min-height: 100px;
    max-height: 150px;
}

.modal-body > canvas{
    max-width: 100%;
}

.bootstrap-dialog-message > div > canvas{
    max-width: 100%;
}

div.trans_footer{
    background-color: #f5f5f5;
    margin-top: 2em;
    padding-top: 15px;
}

ul.ul_datatable{
    padding-left: 15px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 148px;
}
div.trans_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 148px;
}

.navbar-fixed-top{
    z-index: 1010!important;
}

div.remove-fileinput-validation > span.has-error.error-msg{
    display: none;
}

div.form-group.lf-no-close > div.lf-ng-md-file-input > div.lf-ng-md-file-input-preview-container > button.close.lf-ng-md-file-input-x{
    display: none;
}

div.form-group.lf-no-close > div.lf-ng-md-file-input > div.lf-ng-md-file-input-preview-container > div.lf-ng-md-file-input-drag > div.lf-ng-md-file-input-thumbnails > div.lf-ng-md-file-input-frame > div.lf-ng-md-file-input-x{
    display: none;
}

span.help-block.has-error.error-msg:empty {
    display: none;
}