/*!
 * BMS Loves Technology
 * Copyright BMS 2017
 * Licensed under Full Copyrights
 * Made with love
*//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900');
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:700');
/*
ESTRUCTURA GENERAL
*/
ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
fieldset     {
    border: 1px solid #ddd !important;
    margin: 0 10px;
    xmin-width: 0;
    padding: 10px;       
    position: relative;
    border-radius:4px;
    background-color:#f5f5f5;
    padding-left:10px!important;
} 
.set1 {}
.set2 {
    background: #fff;
    border: 1px solid #fff;
}  
.set3 {
    width: 98%;
}
legend   {
    font-size:0.9em;
    font-weight:bold;
    margin-bottom: 0px; 
    width: 35%; 
    border: 1px solid #ddd;
    border-radius: 4px; 
    padding: 5px 5px 5px 10px; 
    background-color: #ffffff;
}

body {
	background: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin: 0;
}
tbody tr:nth-child(odd) {
   background-color: #ccc;
}
.table-sortable tbody tr {
    cursor: move;
}


/*
DIAGRAMACIÓN
*/
.header {
    background: url('../images/header-bg.jpg') no-repeat; 
    border-bottom: 5px solid #b7b6b6;
    display: block;
    height: 90px;
    width: 100%;
    overflow:hidden;
}
.header p {
    color: #fff;
    font-size: 0.9em;
    margin: 25px 0 0 20px;
}
.aside {
    background: #292828;
    display: inline-block;
    height: 1600px;
    vertical-align: top;
    width: 230px;
}
.top {
    background: #949290;
    display: block;
    height: 60px;
    width: 100%;
}
.top img {
    display: inline-block;
    margin: -15px 10px 0 0;
    width: 4%;
}
.logo {
    display: inline-block;
    margin: 7px 0 0 20px;
    width: 4.5em;
}
.content {
    background: #f7f7f7;
    height: 800px;
    font-size: 0.9em;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    width: 100%;
}
.vertical-space {
    display: block;
    height: 500px;
    width: 10px;
}
.margin {
    height: 10px;
    display: inline-block;
    width: 300px;
}
        #wrap{  
            margin: 100px auto;
            width: auto;
            line-height:1.6em;
        }
.accordion_class {
    width: 96%;
    margin: 0px auto 0 auto;
    padding: 0px;
    list-style: none;
}
.accordion_class_header {
    font-size: 1em;
    margin: 0px;
    padding: 10px;
    background: #f1ea98;
    ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #eee, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #eee, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #eee, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #eee, #f7f7f7); /* Standard syntax */
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 2px 2px rgba(221, 221, 221, 0.23);
    color: #555;
}
.accordion_class_content {
    display: none;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}
.accordion_class_header_selected{
    font-size: 1em;
    margin: 0px;
    padding: 10px;
    background: #395580;
    ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #eee, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #eee, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #eee, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #eee, #f7f7f7); /* Standard syntax */
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 2px 2px rgba(221, 221, 221, 0.23);    
    color: #555;
}
        
nav {
    background: #2f2f2f;
    float: right;
    margin: 0;
    _height: 70px;
    width: 70%;
}
nav ul {
    display: inline-block;
    _margin: 20px 20px 0 0;
    text-align: right;
    float: right;
}
nav ul li {
    display: inline-block;
    font-size: 0.9em;
    list-style: none;
    padding: 5px 20px;
}
nav ul li a {
    color: #f1f1f1;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
    font-weight: 300
}
nav ul li a:hover {
    _color: #fff;
}
nav ul li a.active {
    background: #0099f6;
    padding: 8px 25px;
}
nav ul li a.active:hover {
    background: #0099f6;
    padding: 8px 25px;
    color: #fff;
}
/*LEFT MENU DE ADMIN*/
.left-submenu-holder ul {
    margin: 0;
    color: red;
}
.left-submenu-holder ul li {
    background: #4a4a4a;
    border-bottom: 1px solid rgba(242, 242, 242, 0.06);
    color: #0099f6;
    list-style: none;
    padding: 4px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.left-submenu-holder ul li:hover {
    background: #5d5b5b;
    text-decoration: none;
}
.left-submenu-holder ul li a {
    color: #0099f6;
    text-decoration: none;
}
.left-submenu-holder ul li a:hover {
    color: rgb(89, 185, 243);
    text-decoration: none;
}

 a.level1.selected.static {
    background: #203454 !important;
    text-decoration: none !important;
}
.left-submenu-holder {}
.info-holder {
    float: left;
    margin: 0;
    height: 70px;
    width: 360px;
}


thead {
    background: #395580;
    color: #f2f2f2;
}    
.gdvHeader{
    background: #395580 !important;
    color: #f2f2f2 !important;
}
/*INICIO MENU SUPERIOR ASP:MENU*/
.DivMenu{
    width: 100%;
    text-align:center;
    background: #395580;
    display: block;    
}
.DivMenuInterno{
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.level1 {
    
    height: 10px !important;
    min-height: 40px;
    text-align: center;
    margin: 0 auto !important;
    border-radius: 0px;
}
.level1 li {
    
    display: inline-block !important;
    margin-top: 4px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;    
    position: relative !important;
    padding-left:10px;
    padding-right:10px;
}
.level1 li a {
    display: block;
    padding-left:10px;
    padding-right:10px;
    padding: 8px 15px;
    color: #fdfdfd !important;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}
.level1 li a.popout
{
    background-image:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
}
.level1 li a:hover,
.level1 li:hover > a {
    background: #203454;
    color: #fff !important;
}

.dynamic{
    background: #457594;
}

.level2 ul{
  margin: 0 !important;
  position: absolute !important;
  background: #222;
  left: 10% !important;
  font-size: 10px;
  min-width: 170px;
  z-index: 99 !important;
}
.level2 li { 
    float: none; 
    display:list-item !important;
    padding-left:10px;
    padding-right:10px;
}
.level2 li:hover > ul { left: 0; max-height: 250px }
.level2 > li:hover > ul { top: 100%; left: 0; }
.level2 li > ul  ul { top: 0; left: 90%; }
.level2 li > ul li:hover > ul { left: 100%; }
/*
SUB-MENU IZQUIERDO
*/

.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-submenu {
  margin-left:20px;
}

/*
FUENTES
*/
h1 {
    color: #457594;
    display: inline-block;
    font-size: 2.1em;
    _font-family: 'Alegreya SC', serif;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin: 15px auto 0 auto;
    text-align: center;
    padding: 10px 0;
    letter-spacing: 3px;
    _text-shadow: 4px 5px 5px #0f1b40;
    transition: all 500ms ease-out 1s;

    -webkit-transition: all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
}
h1:hover {
    color: #538cb1;
    transition: all 500ms ease-out 1s;

    -webkit-transition: all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
    
}
/*
CONTROLES
*/
.button_small {
    border-radius: 8px;
    border: 1px solid #0099f5;
    background: #0099f5;
    color: #f2f2f2;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    padding: 8px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.button_small:hover {
    border: 1px solid #31b3ff;
    background: #31b3ff;
    color: #fff;
}
.button_medium {
    border-radius: 8px;
    border: 1px solid #0099f5;
    background: #0099f5;
    color: #f2f2f2;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    padding: 8px 40px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.button_medium:hover {
    border: 1px solid #31b3ff;
    background: #31b3ff;
    color: #fff;
}
input {}

select {
    border: 1px solid #ccc;
    height: 35px;
    width: 244px;
}
/*
EFECTOS
*/

@media screen and (max-width: 1600px) {
       
    .ventana_modal{
        width:80%;
    } 
}

@media screen and (max-width: 1180px) {
       
    .ventana_modal{
        width:80%;
    } 
}

@media screen and (max-width: 1040px) {
        
    .ventana_modal{
        width:80%;
    } 
}
@media screen and (max-width: 992px) {
        
    .ventana_modal{
        width:80%;
    } 
}
@media screen and (max-width: 890px) {
 
  /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
       
    .ventana_modal{
        width:80%;
    } 
} 
    
}
@media screen and (max-width: 770px) {
     .ventana_modal{
        width:500px;
    }    
}
@media screen and (max-width: 720px) {
    .ventana_modal{
        width:400px;
    }    
}
@media screen and (max-width: 520px) {
    .ventana_modal{
        width:350px;
    }    
}
@media screen and (max-width: 400px) {
    .ventana_modal{
        width:350px;
    }    
}
@media screen and (max-width: 360px) {
    .ventana_modal{
        width:300px;
    }    
}
.content-wrapper {
    display: table;
    width:100%;
    min-height:300px;
    padding-top:0px;
    margin:0px;
}
.content-row {
    display:table-row;
    vertical-align:top;
    min-height:300px;
}

/*
3 MENU IZQUIERDO Y CONTENIDO
*/
.aside2 {
    background: #457594;
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin : 0;
    padding : 0px;
    min-height:1600px;
}


.content2 {
    background: #f7f7f7;
    height: 800px;
    font-size: 0.9em;
    display: inline-block;
    padding: 50px;
    vertical-align: top;
    width: 1043px;
}

.navbar-inverse{
    background-color:#457594 !important;
}

.btn-menu{
    height:160px;
    width:160px;
    margin:5px 5px 5px 5px;
    background-color:#337ab7;
    color:white;
}

.background_gris{
    background-color:#eee !important;
    color:black !important;
}
.font_form{
    font-size:0.9em !important;
}
.caja_grande{
    min-height:250px !important;
}
.caja_med{
    min-height:200px !important;
}
.caja_min{
    min-height:150px !important;
}
.font_form_white{
    color:white !important;
}
.font_form_bold{
    font-size:1em !important;
    font-weight:bold;
}
.font_thumbnail{
    font-size:0.8em !important;
}
.btn_margin{
    margin-left:2px;
    margin-right:2px;
}
.font_bold{
    font-weight:bold;
}
.texto_derecha{
    text-align:right;
}
.bread_crumb_pos{
    float:right;
}
.table_100{
    width:100%;
    background-color:white !important;
    margin:10px !important;    
}
    .table_100 tr {
        padding:0 !important;
        margin:0 !important;
    }
.table_100 td,th {
    padding:2px !important;    
}
.texto_izquierda{
    text-align:left;
    float:left;
}
.btn_centro{
    text-align:center;
    float:left !important;
}
.ancho_total{
    width:100%;
}
.ancho_min{
    min-width:200px;
}
.text_justificado{
 text-align:center;
 text-wrap:normal !important;
}
.ocupar_espacio{
    /*width:100%;*/
}
.NoDef{
    /*background-color:black;*/
}

#TopMenu1_TopMenuSmall ul {
    height: 100% !important;
}
#TopMenu1_TopMenuSmall li{
    width:100% !important;
}
#TopMenu1_TopMenuSmall a{
    text-align:left !important;
}
.caja_observaciones{
    min-height:50px !important;
    padding:3px;
    word-wrap: break-word;
    word-break: break-all;
}


.form-control-login {
    display: block;
    width: 100%;
    /*height: 30px;*/
    padding: 4px;
    /* margin-bottom: 7px; */
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.el-login {
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
    width: 320px;
}
    .el-login > .login-table {
        border: 1px solid #ccc;
        background: #f2f2f2 !important;
        width: 100%;
    }
    .el-login-table > tbody > tr:nth-child(odd) {
        background-color: #f2f2f2 !important;
    }
        .el-login > table > tbody > tr {
            border: 1px solid #000 !important;
            background: #f2f2f2 !important;
            width: 100% !important;
        }
        .el-login > table > td {
            border: 1px solid #000 !important;
            background: #f2f2f2 !important;
            width: 100% !important;
        }
.btn-login{
    height:25px;
    width:100px;
    margin:5px 5px 5px 5px;
    border-radius: 4px;
    background-color:#337ab7;
    color:white;
    border:none;
}
.btn-login:hover {
    background-color: green;
}
td{    
    word-wrap: break-word;
    word-break: break-all;
}
select[disabled] {
    /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
select[disabled]::-ms-expand {
  /* For IE10 */
  display: none;
}
.LetraGrande{
    font-size:x-large;
}

.input-group select {
    margin-bottom: 0px !important;
}
.input-group input {
    margin-bottom: 0px !important;
}