/* Variables CSS */
:root {
    --menu-width: 260px; /* Ancho del menú lateral */
    --menu-margin: 1rem; /* Margen adicional */
}


/*====================
BOOTSTRAP RESET
======================*/
ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%;
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%;
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #36469d;
}

ol.progtrckr li.progtrckr-nada {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li.progtrckr-inicio {
    color: #006300;
    border-bottom: 4px solid #00AD00;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #f68920;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-nada:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

ol.progtrckr li.progtrckr-inicio:before {
    content: "\002F";
    color: #dad649;
    background-color: #00AD00;
    font-size: 1.5em;
    bottom: -1.6em;
    border: none;
    border-radius: 1.2em;
}


.verticalLine {
    border-left: solid #000000;
    height: 120px;
    float: left;
    margin: 0px auto;
}

.horizontalLine {
    border-bottom: solid #000000;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999999;
}

h1 {
    font-size: 30px;
    line-height: 36px;
}

h1 small {
    font-size: 18px;
}

h2 {
    font-size: 24px;
    line-height: 36px;
}

h2 small {
    font-size: 18px;
}

h3 {
    font-size: 18px;
    line-height: 27px;
}

h3 small {
    font-size: 14px;
}

h4, h5, h6 {
    line-height: 18px;
}

h4 {
    font-size: 14px;
}

h4 small {
    font-size: 12px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}

.page-header h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
}

.dropdown .dropdown-menu .nav-header {
    display: block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.breadcrumb .active {
    color: #f08a00;
    background-color: #3646a5;
    font-weight: bold;
}



.pagination {
    padding-top: 8px;
    margin: 0px;
}

.pagination ul {
    margin-bottom: 0;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
    list-style: none;
}

.pagination li {
    display: inline;
}

.pagination a {
    display: inline-block;
    padding: 0 8px;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase;
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #bdbdbd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%, #bdbdbd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#bdbdbd', GradientType=0); /* IE6-9 */
    border: 1px solid #9f9f9f;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    margin-right: 3px;
}

.pagination a:hover, .pagination .active a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
}

.pagination .active a {
    color: #666;
    cursor: pointer;
}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination li a {
    border-left-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li:last-child a, .pagination li:last-child span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pager {
    margin-bottom: 18px;
    margin-left: 0;
    text-align: center;
    list-style: none;
    *zoom: 1;
}

.pager:before, .pager:after {
    display: table;
    content: "";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #bdbdbd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%, #bdbdbd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%, #bdbdbd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#bdbdbd', GradientType=0); /* IE6-9 */
    border: 1px solid #9f9f9f;
    color: #444;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #cccc;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ccc;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.pager a:hover {
    text-decoration: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
}

.input-append .add-on, .input-prepend .add-on {
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {

    font-size: 12px;

}

select, input[type="file"] {
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */

    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */

    line-height: 30px;

}


label, input, button, select, textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

blockquote p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 22.5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background: #36469d; /* Old browsers */
    background: -moz-linear-gradient(top, #2e34ff 0%, #2e34ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e34ff), color-stop(100%, #2e34ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2e34ff 0%, #2e34ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2e34ff 0%, #2e34ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2e34ff 0%, #2e34ff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2e34ff 0%, #2e34ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e34ff', endColorstr='#2e34ff', GradientType=0); /* IE6-9 */
    border: #000 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip {
    position: absolute;
    z-index: 9020;
    display: block;
    padding: 5px;
    font-size: 13px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

/*===TAB===*/
.nav-tabs > li {
    margin: 5px 0 -1px 5px;
}

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-below .nav {
    margin-bottom: 5px;
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none;
}

.tab-content > .active, .pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 5px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    margin-bottom: 0px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    margin-bottom: 0px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li {
    margin: 5px 5px 5px 0
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.widget-box .well {
    margin: 0;
}

.white-box {
    background-color: #FFFFFF !important;
    border: medium none !important;
    border-radius: 0 0 3px 3px !important;
    box-shadow: none !important;
}


/*=========================
Form Validation
===========================*/
.controls label.error {
    color: #F00;
    font-size: 11px;
    display: inline-block;
    background: url(../img/alert.png) no-repeat scroll left center transparent;
    padding-left: 20px;
}

.controls input.error {
    display: inline-block;
    margin-right: 10px;
    border-color: #B94A48;
    color: #B94A48;
}

.controls input.valid {
    margin-right: 10px;
    display: inline-block;
    border-color: #468847;
    color: #468847;
}

a {
    outline: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed !important;
    left: 0px;
    overflow: auto;
    top: -1px;
    z-index: 3000;
    display: none;
}

.logo {
    float: left;
}

.side-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-nav li a {
    display: block;
    line-height: 40px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
}

.side-nav li a:hover {
    width: 200px !important;
}

.side-nav li a:hover > .white-icons {
    background: url(../img/sprite-icons/icon-black.png) no-repeat;
}

.side-nav li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-nav li ul li a {
    color: #666;
    text-transform: none !important;
    font-weight: normal;
    font-size: 12px;
    padding-left: 30px;
}

.side-nav li ul li .sidenav-icon {
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.side-nav li ul li .sidenav-icon .sidenav-link-color {
    width: 10px;
    height: 40px;
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
}

.side-nav li a .sidenav-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.side-nav li a .sidenav-icon {
    background: url(../img/sidenav-sprite.png) no-repeat;
}

.side-nav li ul li a .sidenav-icon {
    background: url(../img/sidenav-sprite.png) -80px 0 !important;
}

.side-nav li a .dashboard-n-icon {
    background-position: -30px 0 !important;
}

.side-nav li a:hover .dashboard-n-icon {
    background-position: 0px 0 !important;
}

.side-nav li a .form-n-icon {
    background-position: -30px -30px !important;
}

.side-nav li a:hover .form-n-icon {
    background-position: 0px -30px !important;
}

.new-update {
    background: #f9f9f9;
    padding-top: 10px;
    border-top: #CCC 1px solid;
}

.new-update h2 {
    font-size: 12px;
    padding: 0px 10px;
    border: #d8d8d8 1px solid;
    background: #fff;
    margin: 0px 10px 10px 10px;
    text-transform: uppercase;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.new-update h5 {
    font-size: 12px;
    padding: 0 10px;
}

.new-update p {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 11px;
    line-height: normal;
}

.side-news {
    border-bottom: #999 1px solid;
    margin-bottom: 10px;
}

.branding {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.brandingR {
    display: inline-block;
    margin-right: 10px;
    float: right;
}



.navbar-fixed-top .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0px;
}

.navbar-fixed-top .dropdown-menu:after {
    border-bottom: 6px solid #f9f9f9 !important;
}

#side-accordion .accordion-group {
    border: none;
    margin: 0px;
}

.accordion-header a {
    display: block;
    padding: 11px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

#side-accordion .nav-icon {
    top: -2px;
}



/*bottom pagina inicio*/


.login-container {
    width: 320px;
    margin: 0% auto;
    padding: 5px;

    border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    border: 1px solid #000000;
    background-color: #e0dfdd;
}


.well-login {
    padding: 18px;

}

.login-container .login-btn {
    width: 200px;
}

.login_d{

    font-size: 14px;

}


.div_login{
    height: 320px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin-top: 5%;
}





.ayudalista {
   min-width: 500px;
   max-width: 700px;
}





.ayudalista li{
   border-bottom: 1px solid #0a001f;
    min-width: 500px;
    max-width: 700px;
}




.ayuda{
    width: 300px;
    display: inline-table;


}



.navbar {
    *position: relative;
    *z-index: 2;
    margin-bottom: 20px;
    overflow: visible;
    color: #555555;
}

.navbar-inner {
    min-height: 40px;

    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar .container {
    width: auto;
}

.nav-collapse.collapse {
    height: auto;
}

.navbar .brand {
    display: block;
    float: left;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #555555;
    text-shadow: 0 1px 0 #ffffff;
}

.navbar .brand:hover {
    text-decoration: none;
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
}

.navbar-link {
    color: #555555;
}

.navbar-link:hover {
    color: #7ecace;
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 6px;
}

.navbar .btn-group .btn {
    margin: 0;
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
}

.navbar-form:before,
.navbar-form:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-form:after {
    clear: both;
}

.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
    margin-top: 5px;
}

.navbar-form input,
.navbar-form select,
.navbar-form .btn {
    display: inline-block;
    margin-bottom: 0;
}

.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
    margin-top: 3px;
}

.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap;
}

.navbar-form .input-append input,
.navbar-form .input-prepend input {
    margin-top: 0;
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}

.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.navbar-static-top {
    position: static;
    width: 100%;
    margin-bottom: 0;
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner,
.navbar-static-top .navbar-inner {
    border: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.navbar-fixed-top {
    top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
    bottom: 0;
}

.navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
    float: right;
}

.navbar .nav > li {
    float: left;
}

.navbar .nav > li > a {
    float: none;
    padding: 4px 7px 4px;
    color: #eeeeee;
    text-decoration: none;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #e8e8e8;
    text-decoration: none;
    background-color: #0d7bc3;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #e79334;
    text-decoration: none;
    background-color: #0d7bc3;
    -webkit-box-shadow: inset 0 3px 8px rgb(142, 200, 229);
    -moz-box-shadow: inset 0 3px 8px rgba(142, 200, 229, 0.8);
    box-shadow: inset 0 3px 8px rgba(142, 200, 229, 0.87);
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ededed;
    *background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9;
}

.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #cccccc \9;
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555555;
    background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
    right: 12px;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
    right: 13px;
    left: auto;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-inverse {
    color: #999999;
}

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #222222, #111111);
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
    color: #ffffff;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
    color: #ffffff;
    background-color: #111111;
}

.navbar-inverse .navbar-link {
    color: #999999;
}

.navbar-inverse .navbar-link:hover {
    color: #ffffff;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #111111;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #999999;
    border-bottom-color: #999999;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-search .search-query {
    color: #ffffff;
    background-color: #515151;
    border-color: #111111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #cccccc;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #cccccc;
}

.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-inverse .btn-navbar {
    color: #f5f5f5;
    background-color: #278ea6;
    *background-color: #278ea6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#278ea6), to(#237389));
    background-image: -webkit-linear-gradient(top, #278ea6, #237389);
    background-image: -o-linear-gradient(top, #278ea6, #237389);
    background-image: linear-gradient(to bottom, #278ea6, #237389);
    background-image: -moz-linear-gradient(top, #278ea6, #237389);
    background-repeat: repeat-x;
    border-color: #237389 #237389 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #040404;
    *background-color: #000000;
}

.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
    background-color: #000000 \9;
}





.bottom-nav{

    position: absolute;
    bottom: 5px;
    color: #0a001f;
    right: 0;
    background-color: #0A246A;

}



.widget-block {
    margin-bottom: 2px;
    display: grid;
}

.widget-block .widget-box {
    background: #fff;
}

.widget-box {
    background: #fff;
    display: inline-block;
    width: 100%;
    min-height: 250px;
}



.widget-block .widget-content {
    background: #eee;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.widget-block .widget-content .widget-box {
    margin-top: 0px !important;
}

.widget-block .widget-content .widget-box .table {
    margin-bottom: 0px !important;
}

.table-default {
    background: #fff;
}

.widget-block .widget-head {
    height: 40px;
    position: relative;
    background: #f1f1f1; /* Old browsers */
    display: grid;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid #c2c2c2;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
}

.collapsible-widget .widget-head {
    cursor: pointer;
}

.widget-block .widget-head .h-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    background: url(../img/collapse.gif) no-repeat;
}

.widget-block .active .h-icon {
    background-position: left !important
}

.widget-block .inactive .h-icon {
    background-position: right !important
}

.widget-block .widget-head h5 {
    padding-left: 10px;
    padding-top: 11px;
    text-transform: uppercase;
    font-size: 12px;
}

.widget-block .widget-bottom {
    height: 40px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dbdbdb', GradientType=0); /* IE6-9 */
    border-top: 1px solid #c2c2c2;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
    box-shadow: inset 0 1px 0 #f9f9f9, 0 0 3px #ddd;
}

.nonboxy-widget {
    margin-bottom: 20px;
}

.nonboxy-widget .widget-head {
    font-size: 12px;
    border-bottom: #bbb 2px solid;
    height: 40px;
    margin-bottom: 10px;
    position: relative;
}

.nonboxy-widget .widget-head h5 {
    line-height: 40px;
    text-transform: uppercase;
}

.nonboxy-widget .widget-head i {
    margin-right: 5px;
}

.nonboxy-widget .widget-table {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    margin-bottom: 0px;
}

.nonboxy-widget .widget-searchbox ul, .nonboxy-widget .widget-selectbox ul {
    padding: 0px !important;
}

.nonboxy-widget .widget-bottom .pagination ul {
    margin-left: 0px;
}

.user-thumb {
    background: #e4e4e4;
    padding: 5px;
    height: 40px;
    width: 40px;
    display: block;
    margin: auto;
}

.widget-block .user-tbl tr th {
    color: #666;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
    -moz-box-shadow: inset 0 1px 0 #f9f9f9;
    box-shadow: inset 0 1px 0 #f9f9f9;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, .8), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.widget-block .user-tbl tr th, .user-tbl tr td {
    vertical-align: middle !important;
}

.widget-block .user-tbl .center, .widget-block .task-tbl .center, .widget-block .order-tbl .center, .widget-block .post-tbl .center {
    text-align: center;
}

.center {
    text-align: center !important;
}

.right-align {
    text-align: right !important;
}

.widget-content form {
    /*margin: 0px !important;*/
}

.widget-searchbox ul, .widget-selectbox ul {
    margin: 0px;
    padding: 10px 10px 0 10px;
}

.widget-searchbox li, .widget-selectbox li {
    float: left;
    display: inline-block;
    list-style: none;
}

.widget-searchbox ul:after, .widget-selectbox ul:after {
    clear: both;
}

.widget-searchbox ul:after, .widget-selectbox ul:after {
    content: "";
    display: table;
}

.widget-searchbox input[type=text] {
    width: 140px;
}

.widget-selectbox .data-select {
    width: 140px;
}

.widget-searchbox .input-prepend, .widget-selectbox .input-prepend {
    margin-bottom: 10px !important;
}

.widget-searchbox .row-counts, .widget-selectbox .row-counts {
    padding-top: 6px;
    text-transform: uppercase;
    font-size: 11px;
    color: #666;
}

.top-search {
    width: 205px;
}

.top-search form {
    margin-bottom: 0px;
    padding: 10px 10px 5px 15px;
}

.top-search input[type=text] {
    width: 140px;
}

.widget-control {
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: #c9c9c9 1px solid;
}

.widget-control .btn {
    border: none !important;
    -webkit-border-radius: 0px 3px 0 0;
    -moz-border-radius: 0px 3px 0 0;
    border-radius: 0px 3px 0 0;
    line-height: 32px;
}

.widget-control .caret {
    margin-top: 13px;
}

.widget-control .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0px solid rgba(0, 0, 0, 0.2);
    border-top: 0px;
}




.formulariotabla{
    border-collapse: collapse;
    border-spacing: 0;
    padding: 5px;

}
.formulariotabla tr{
    height: 35px;
}

.formulariotabla td{
    height: 35px;
    padding: 15px;
}



.formulariotabla tr:nth-child(odd) {
    background: #edeffa;
}

.formulariotabla tr:hover {
    background: #f0f0f0;
    cursor: pointer;
}

.formulariotabla .titulo{
    font-weight: bold;
    font-size: 12px;
}

.breadcrumb {
    padding: 4px 14px;
    margin: 0 0 1px;
    list-style: none;
    font-size: 14px;
    color: #FFFFFF;
    background: #36469D;
    /* box-shadow: inset 0 1px 0 #36469D; */
}

.xblue {
    color: #0d13a5;
    border: 1px black;
}


/* ===========
NOTIFICATIONS
==============*/

/* noty bar */
.noty_bar {
    position: fixed;
    display: none;
    z-index: 9999999;
}
/* noty_message */
.noty_bar .noty_message {
    text-align: center;
}
/* noty close button */
.noty_bar .noty_close {
    cursor: pointer;
}
/* noty modal */
.noty_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10000;
    opacity: 0.6;
    display: none;
    left: 0;
    top: 0;
}
/* noty container for noty_layout_topLeft & noty_layout_topRight */
ul.noty_cont {
    position: fixed;
    z-index: 10000000;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 300px;
}
ul.noty_cont li {
    position: relative;
    float: left;
    clear: both;
    list-style: none;
    padding: 0px;
    margin: 10px 0 0 0;
    width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
}
ul.noty_cont.noty_layout_topLeft {
    left:20px;
    top:20px;
}
ul.noty_cont.noty_layout_topRight {
    right:40px;
    top:20px;
}
ul.noty_cont.noty_layout_bottomLeft {
    left:20px;
    bottom:20px
}
ul.noty_cont.noty_layout_bottomRight {
    right:40px;
    bottom:20px
}
ul.noty_cont.noty_layout_topRight li {
    float:right
}
/* LAYOUTS */

/* noty_layout_top */
.noty_bar.noty_layout_top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/* noty_layout_bottom */
.noty_bar.noty_layout_bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
/* noty_layout_center */
.noty_bar.noty_layout_center {
    top: 40%;
}
/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_layout_topLeft, .noty_bar.noty_layout_topRight, .noty_bar.noty_layout_bottomLeft, .noty_bar.noty_layout_bottomRight {
    width: 100%;
    clear: both;
    position: relative;
}
.noty_bar.noty_layout_topLeft .noty_message, .noty_bar.noty_layout_topRight .noty_message, .noty_bar.noty_layout_bottomLeft .noty_message, .noty_bar.noty_layout_bottomRight .noty_message {
    text-align: left;
}
/* noty_layout_topCenter */
.noty_bar.noty_layout_topCenter {
    top: 20px;
}
/* CORE STYLES*/

/* noty bar */
.noty_bar.noty_theme_default {
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
/* if you use noty with customContainer you can access noty with this way
	*	 .noty_custom_container noty will add automaticly this class to your customContainer
	*	 .noty_theme_default 		your theme
	*	 .noty_layout_inline		your layout
	*/

/* custom container */
.noty_custom_container.noty_theme_default.noty_layout_inline {
    position: relative;
}
/* custom growl container */
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
    position: static;
}
/* custom noty bar */
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
    border-width: 1px;
    border-style: solid;
    position: static;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
    font-size: 13px;
    padding: 4px;
}
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
    margin-top: -1px;
}
/* noty_message */
.noty_bar.noty_theme_default .noty_message {
    padding: 8px 8px;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    overflow:hidden;
}
.noty_bar.noty_theme_default.noty_closable .noty_message {
    padding: 8px 34px 8px 14px;
}
/* noty_buttons */
.noty_bar.noty_theme_default .noty_message .noty_buttons {
    float: right;
    font-size: 13px;
    margin-left: 4px;
}
/* noty_button */
.noty_bar.noty_theme_default .noty_message .noty_buttons button {
    margin-left: 5px;
}
.noty_buttons button {
    box-shadow:
            0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -moz-box-shadow:
            0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -webkit-box-shadow:
            0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:
            0px -1px 0px rgba(000, 000, 000, .5), 0px 1px 0px rgba(255, 255, 255, 0.2);
    line-height:22px;
    text-align:center;
    color:#fff;
    padding:0 6px;
    cursor:pointer;
}
/* noty close button */
.noty_bar.noty_theme_default .noty_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
    width: 20px;
    height: 20px;
}
/* noty modal */
.noty_modal.noty_theme_default {
    opacity: 0.7;
}
/* LAYOUTS */

/* noty_layout_top */
.noty_bar.noty_theme_default.noty_layout_top {
    border-bottom: 2px solid #eee;
}
/* noty_layout_bottom */
.noty_bar.noty_theme_default.noty_layout_bottom {
    border-top: 2px solid #eee;
}
.noty_bar.noty_theme_default.noty_layout_center .noty_close {
    top: 8px;
}
.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
}
.noty_text {
    padding-top:0px;
    display:inline-block;
    line-height:20px;
}
/* noty_layout_topLeft & noty_layout_topRight */
.noty_bar.noty_theme_default.noty_layout_center, .noty_bar.noty_theme_default.noty_layout_topLeft, .noty_bar.noty_theme_default.noty_layout_topRight, .noty_bar.noty_theme_default.noty_layout_bottomLeft, .noty_bar.noty_theme_default.noty_layout_bottomRight {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.noty_bar.noty_theme_default.noty_layout_center .noty_message, .noty_bar.noty_theme_default.noty_layout_topLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
    font-size: 13px;
    font-weight: normal;
}
.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons, .noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
    float: none;
    border-top: 1px solid #000;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
}
/* noty_layout_topCenter */
.noty_bar.noty_theme_default.noty_layout_topCenter {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
    font-weight: normal;
    font-size: 13px;
}
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
    top: 50%;
    margin-top: -10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
    border: 1px solid #50C24E;
}
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
    margin-left: 15px;
    margin-top: 0px
}
/* NOTIFICATION TYPES */

/* noty_alert */
.noty_bar.noty_theme_default.noty_alert {
    background-color: #fff;
    border-color: #000;
}
/* noty_error */
.noty_bar.noty_theme_default.noty_error {
    background: rgb(226,22,22); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 22, 22, 1)), color-stop(100%, rgba(160, 0, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(226, 22, 22, 1) 0%, rgba(160, 0, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21616', endColorstr='#a00000', GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-color:#000;
}
.noty_bar.noty_theme_default.noty_error .noty_message {
    font-weight: bold;
}
/* noty_success */
.noty_bar.noty_theme_default.noty_success {
    background: rgb(0,110,46); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 110, 46, 1)), color-stop(100%, rgba(0, 51, 27, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 110, 46, 1) 0%, rgba(0, 51, 27, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#00331b', GradientType=0 ); /* IE6-9 */
    color: #0F6;
    border-color: #000;
}
/* noty_alert */
.noty_bar.noty_theme_default.noty_information {
    background: rgb(104,179,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(104, 179, 255, 1)), color-stop(100%, rgba(47, 142, 237, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(104, 179, 255, 1) 0%, rgba(47, 142, 237, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b3ff', endColorstr='#2f8eed', GradientType=0 ); /* IE6-9 */
    border-color: #000;
    color: #fff;
}


.auditoria_activa {
    background-color: #FFFF00;
    color: #000000;
    text-align: center;
    border: 1px solid #781351;
}

.auditoria_realizada {
    background-color: #00FF00;
    color: #000000;
    text-align: center;
    border: 1px solid #781351;
}


/* fin de codigo inicial */



/* Menú colapsado */
.menu-vertical.collapsed {
    width: 60px; /* Ancho reducido */
}

/* Expansión al pasar el mouse */
.menu-vertical.collapsed:hover {
    width: 250px; /* Ancho completo al pasar el mouse */
}

/* Ocultar texto cuando el menú está colapsado */
.menu-vertical.collapsed .nav-text {
    display: none;
}

/* Mostrar texto cuando el menú se expande */
.menu-vertical.collapsed:hover .nav-text {
    display: inline;
}

/* Ajustes para íconos */
.menu-vertical .nav-link i {
    margin-right: 10px;
}


.menu-vertical.hidden-xs {
    display: none;
}

/* Encabezado del menú */
.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-header h5 {
    margin: 0;
    font-size: 1rem;
}

/* Items de navegación */
.nav-pills > li > a {
    color: #070707;
    padding: 12px 15px;
    margin-bottom: 5px;
    border-radius: 4px;
    white-space: nowrap;
}
/* Items de navegación */

.nav-pills li {
    border-bottom: 1px solid #ddd;
}

.nav-pills ul {
    border-bottom: 1px solid #ddd;
}


.nav-pills > li > a:hover,
.nav-pills > li.active > a {
    background-color: rgba(0, 0, 0, 0);
}

/* Submenú */
.flex-column > .open >.dropdown-menu{
    border: 1px solid #ccc; /* Adds a light grey border around the submenu */
    border-radius: 4px; /* Optional: adds rounded corners */
    background-color: #fff; /* Keeps background white */
    list-style: none;
    padding: 0;
    margin: 0;
    float: none;
    position: initial;
    box-shadow: none;
    font-size: 10px;
}
.dropdown-menu.show {
    display: block; /* Mostrar cuando está activo */
}




.dropdown-menu > li > a:hover {
    background-color: rgb(195, 195, 195);
}


.d-flex {
    /*! display: -ms-flexbox !important; */
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}


.glyphicon {
  width: 27px;
  font-size:  20px;
}

@media (min-width: 769px) {
    .menu-vertical.collapsed {
        width: 60px;
    }
}


/* Ocultar el botón #pin-menu-btn en pantallas pequeñas */
@media (max-width: 768px) {
    #pin-menu-btn {
        display: none;
    }
}

/* Responsive */
@media (max-width: 768px) {
    /* Ocultar el menú vertical por defecto */
    .menu-vertical {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 260px;
        height: 100vh;
        z-index: 10000;
    }

    /* Mostrar el menú cuando tiene la clase 'show' */
    .menu-vertical.show {
        display: block;
    }

    /* Mostrar el botón de hamburguesa */
    #burger {
        display: block !important;
        position: fixed;
        color: #f7f7f9;
        top: 1rem;
        left: 1rem;
        z-index: 10001;
        font-size: 1.5rem;
        cursor: pointer;
    }

    /* Ajustar el encabezado y contenido cuando el menú está oculto */
    .flex_encabezado {
        margin-left: 0 !important;
        width: calc(100vw - (100vw - 100%) - calc(0.5rem * 2)) !important;
    }

    #main-content {
        margin-left: 0 !important;
        margin-top: 1rem;
    }
}

/* Botón de pin */
#pin-menu-btn {
    cursor: pointer;
}

.nav {
    padding-left: 5px !important;
}



.header-navbar.floating-nav {
    position: fixed;
    right: 0;
    margin: 1.3rem 2rem 0;
    width: calc(100vw - (100vw - 100%) - calc(2rem * 2) - 260px);
    border-radius: 0.428rem;
    z-index: 12;
}


.header-navbar.navbar-shadow {
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

.navbar-light {
    background: #fff;
}

.menu-shadow {
    box-shadow: 0 0 15px 0 rgba(34, 41, 47, 0.05);
}



.menu-fixed {
    position: fixed;
}

.main-menu .nav-pills {
    height: calc(100% - 4.45rem) !important;
    position: relative;
    background: #fff;
}

.nav-pills{

    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
    overflow-y: auto;
}


/* Submenú */
.submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Oculto por defecto */
}

.submenu.show {
    display: block; /* Mostrar cuando está activo */
}

.submenu .nav-link {
    padding-left: 40px; /* Indentación para alinear con el nivel superior */
    background-color: #2f363d; /* Fondo ligeramente diferente para distinguir */
}

.submenu .nav-link:hover {
    background-color: #495057;
}

/*---- codigo de prueba ----  */

/* Menú vertical */
.menu-vertical {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    height: 100vh;
    background-color: #ffffff;
    color: #fff;
    transition: transform 0.3s ease;
    z-index: 10000;
}

.menu-vertical.collapsed {
   ; /* Ocultar el menú */
}

/* Encabezado */
.flex_encabezado {
    position: fixed;
    top: 0;
    right: 0;
    margin: 1.3rem 2rem 0;
    width: calc(100vw - (100vw - 100%) - (var(--menu-margin) * 2) - var(--menu-width) );
    margin-left: calc(var(--menu-width) + var(--menu-margin));
    z-index: 12;
    border-radius: 0.428rem;
    flex-flow: row nowrap;
    justify-content: space-between; /* Distribuir elementos correctamente */
    align-items: center; /* Alinear verticalmente los elementos */
    display: flex !important;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    transition: width 0.3s ease, margin-left 0.3s ease;
    overflow: visible;
}

.flex_encabezado.menu-collapsed {
    width: calc(100vw - (100vw - 100%) - calc(0.5rem * 2) - 60px); /* Ancho reducido */
    margin-left: 60px; /* Margen reducido cuando el menú está colapsado */
}

/* Contenido principal */
#main-content {
    margin-top: 6rem; /* Espacio para el encabezado */
    margin-left: 260px; /* Margen inicial igual al ancho del menú */
    transition: margin-left 0.3s ease; /* Transición suave */
}

#main-content.menu-collapsed {
    margin-left: 60px; /* Margen reducido cuando el menú está colapsado */
}

.logomenu{
    height: 50px; /* Margen reducido cuando el menú está colapsado */
}

.logomenu.menu-collapsed {
    height: 35px; /* Margen reducido cuando el menú está colapsado */
}

.open .dropdown-toggle, .dropdown.open .dropdown-toggle {
    color: #c3c3c3;
    background-color: #002b5c; /* Azul oscuro */

}

.menu-header {
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    height: 82px; /* Ajusta según necesidad */
    border: 1px solid #000; /* Solo para visualizar el div */
    overflow: hidden;
}

#pin-menu-btn{
    color: #000;
}

.bi {
    width: 27px;
    font-size:  20px;
    padding: 0 5px 0 0;
}


/* Textos del menú */
.menu-vertical .nav-text {
    display: inline-block;
    transition: opacity 0.3s ease;
    white-space: normal;
}

/* cambio de colores para que se vea mejor */

.content {
    margin-left: 250px; /* Ancho del sidebar */
    padding: 20px;
}

.table thead th {
    background-color: #002b5c;
    color: #fff;
}

.table td,
.table th {
    vertical-align: middle;
}

.btn-sm {
    padding: 5px 10px;
}

.badge-success {
    background-color: #28a745;
}

.navbar-inverse {
    background-color: #002b5c; /* Azul oscuro */
    border-color: #002b5c;
}



.badge-light {
    background-color: #ccc;
    color: #000;
}

.navbar-inverse {
    background-color: #002b5c; /* Azul oscuro */
    border-color: #002b5c;
}

.navbar-brand img {
    max-height: 40px;
}

.user-info {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
}

.badge-danger {
    background-color: #d9534f;
}

.navbar-btn {
    margin-left: 10px;
}



.navbar-nav .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.navbar-nav .dropdown-menu > li > a:hover {
    background-color: #002b5c;
    color: #f7f7f9;
    width: 100%;
}




/* Estilo base para el dropdown-menu */
.dropdown-menu {
    position: absolute;
    top: 100%; /* Posicionado justo debajo del activador */
    left: 0;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    display: none; /* Oculto por defecto */
    float: left;
    min-width: 160px; /* Ancho mínimo */
    padding: 5px 0;
    margin: 2px 0 0; /* Pequeño margen superior */
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.sidebar-dropdown {
    position: absolute;
    top: 100%; /* Posicionado justo debajo del activador */
    left: 0;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
    display: none; /* Oculto por defecto */
    float: left;
    min-width: 160px; /* Ancho mínimo */
    padding: 5px 0;
    margin: 2px 0 0; /* Pequeño margen superior */
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.sidebar-dropdown.show {
    display: block !important;
}
/* Mostrar el dropdown-menu cuando el padre tiene la clase open */

.dropdown.open > .dropdown-menu {
    display: block; /* Muestra el menú desplegable */
}


.dropdown-menu > li > a:hover {
    background-color: #002b5c !important;
    color: #ebebeb;
    width: 100%;
}


.dropdown-toggle:hover {
    background-color: #002b5c !important;
    color: #ebebeb;
    width: 100%;
}



.d-flex:hover {
    background-color: #002b5c !important;
    color: #f7f7f9;
    width: 100%;
}


/* Estilo base del menú lateral */
.sidebar {
    position: fixed;
    top: 50px; /* Altura del encabezado */
    bottom: 0;
    left: 0;
    width: 260px; /* Ancho del menú lateral */
    padding: 20px;
    background-color: #333;
    color: #fff;
    overflow-y: auto;
}

.sidebar .nav-pills > li > a {
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0;
}

.sidebar .nav-pills > li.active > a {
    background-color: #007bff;
    color: #fff;
}

/* Estilo específico para el dropdown del menú lateral */
.sidebar .dropdown-menu.sidebar-dropdown {
    position: static; /* Mantiene el submenú dentro del flujo normal */
    float: none; /* Evita flotaciones innecesarias */
    background-color: #fff; /* Fondo blanco para el submenú */
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    font-size: 12px; /* Tamaño de fuente más pequeño para el submenú */
}

.sidebar .dropdown-menu.sidebar-dropdown li a {
    color: #333; /* Color de texto para los enlaces del submenú */
    padding: 8px 20px;
    display: block;
    text-decoration: none;
}

.sidebar .dropdown-menu.sidebar-dropdown li a:hover {
    background-color: #f5f5f5; /* Fondo al pasar el mouse */
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #002b5c;
    border-color: #002b5c;
}

.active.d-flex.d-inline-flex  {
    color: #f0af3d;
    background-color: #002b5c;
    font-weight: bold;
    width: 100%;
}

.Tu_t {
    font-size: 1em;
    font-weight: bold;
    margin-top: 1.33em;
    color: #0f0f0f;
}

.font-control img {
    width: 100%;
    height: 100%;
}

.font-control {
    display: inline-block;
    cursor: pointer;
    margin: 5px;
    width: 30px;
    height: 30px;
}

/* Estilo base para los submenús */
.dropdown-menu {
    border: 1px solid #ccc; /* Adds a light grey border around the submenu */
    border-radius: 4px; /* Optional: adds rounded corners */
    background-color: #fff; /* Keeps background white */
    font-size: 10px;
    position: static; /* Eliminar posicionamiento absoluto */
    float: none; /* Evitar flotaciones innecesarias */
    box-shadow: none; /* Sin sombras */
    padding: 0; /* Sin relleno adicional */
    margin: 0; /* Sin márgenes adicionales */
    display: none; /* Oculto por defecto */
}

/* Mostrar el submenú cuando está activo */
.dropdown.open > .dropdown-menu {
    display: block; /* Mostrar el submenú */
}





/* Estilo para los enlaces dentro de los submenús */
.dropdown-menu li a {
    color: #333; /* Color de texto para los enlaces del submenú */
    padding: 8px 20px; /* Relleno para los enlaces */
    display: block; /* Asegura que los enlaces ocupen todo el ancho */
    text-decoration: none; /* Sin decoración de texto */
}

/* Hover para los enlaces dentro de los submenús */
.dropdown-menu li a:hover {
    background-color: #f5f5f5; /* Fondo al pasar el mouse */
}


.dropdown-toggle{
    border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #B8B8B8;
    background-color: #969696;
}


.giroth {
    position: relative;
    bottom: 0px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.level2SelTab {
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #BFBFBF;
    border-top: 1px solid #B8B8B8;
    padding: 5px 5px;
    background-color: #f99309;
}




.socialBtn {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.2) 0 -1px 0 inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.2) 0 -1px 0 inset;
    -o-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.2) 0 -1px 0 inset;
    box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.2) 0 -1px 0 inset;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0 15px 15px;
    padding: 0 20px 0 15px;
    position: relative;
    font-family: arial;
    text-shadow: rgba(0, 0, 0, 0.35) 0 1px 0;
    text-decoration: none;
    white-space: nowrap;
}
.socialBtn:hover {
    -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    -o-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px, rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
}
.socialBtn:before {
    font-family: "social";
    font-size: 30px;
    font-weight: normal !important;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    text-shadow: rgba(255, 255, 255, 0.35) 0 1px 1px;
    width: 50px;
}

.c_azul {
    background: #668cca;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzQ1OTk2IiBvZmZzZXQ9Ii4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM1MzdFQzMiIG9mZnNldD0iLjUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM2NjhDQ0EiIG9mZnNldD0iMTAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzI3MCkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #345996), color-stop(52.5%, #537ec3), color-stop(100%, #668cca));
    background-image: -webkit-linear-gradient(bottom, #345996 5%, #537ec3, #668cca 100%);
    background-image: -moz-linear-gradient(bottom, #345996 5%, #537ec3, #668cca 100%);
    background-image: -o-linear-gradient(bottom, #345996 5%, #537ec3, #668cca 100%);
    background-image: -ms-linear-gradient(bottom, #345996 5%, #537ec3, #668cca 100%);
    background-image: linear-gradient(bottom, #345996 5%, #537ec3, #668cca 100%);
    border: 1px solid #013a96;
}
.c_azul:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MTcwQkMiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjY4Q0NBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODQ3KSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #4170bc), color-stop(100%, #668cca));
    background-image: -webkit-linear-gradient(top, #4170bc 10%, #668cca 100%);
    background-image: -moz-linear-gradient(top, #4170bc 10%, #668cca 100%);
    background-image: -o-linear-gradient(top, #4170bc 10%, #668cca 100%);
    background-image: -ms-linear-gradient(top, #4170bc 10%, #668cca 100%);
    background-image: linear-gradient(top, #4170bc 10%, #668cca 100%);
}


.c_celeste {
    background: #67cdf5;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEZBQUU3IiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzRGQzVGMyIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzY3Q0RGNSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM1MikiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #0faae7), color-stop(52.5%, #4fc5f3), color-stop(100%, #67cdf5));
    background-image: -webkit-linear-gradient(bottom, #0faae7 5%, #4fc5f3, #67cdf5 100%);
    background-image: -moz-linear-gradient(bottom, #0faae7 5%, #4fc5f3, #67cdf5 100%);
    background-image: -o-linear-gradient(bottom, #0faae7 5%, #4fc5f3, #67cdf5 100%);
    background-image: -ms-linear-gradient(bottom, #0faae7 5%, #4fc5f3, #67cdf5 100%);
    background-image: linear-gradient(bottom, #0faae7 5%, #4fc5f3, #67cdf5 100%);
    border: 1px solid #008cc3;
}
.c_celeste:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3OTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzN0JERjIiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjdDREY1IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzkyKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #37bdf2), color-stop(100%, #67cdf5));
    background-image: -webkit-linear-gradient(top, #37bdf2 10%, #67cdf5 100%);
    background-image: -moz-linear-gradient(top, #37bdf2 10%, #67cdf5 100%);
    background-image: -o-linear-gradient(top, #37bdf2 10%, #67cdf5 100%);
    background-image: -ms-linear-gradient(top, #37bdf2 10%, #67cdf5 100%);
    background-image: linear-gradient(top, #37bdf2 10%, #67cdf5 100%);
}


.c_blanco {
    background: white;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTZFNkU2IiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YyRjJGMiIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQzNCkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #e6e6e6), color-stop(52.5%, #f2f2f2), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(bottom, #e6e6e6 5%, #f2f2f2, #ffffff 100%);
    background-image: -moz-linear-gradient(bottom, #e6e6e6 5%, #f2f2f2, #ffffff 100%);
    background-image: -o-linear-gradient(bottom, #e6e6e6 5%, #f2f2f2, #ffffff 100%);
    background-image: -ms-linear-gradient(bottom, #e6e6e6 5%, #f2f2f2, #ffffff 100%);
    background-image: linear-gradient(bottom, #e6e6e6 5%, #f2f2f2, #ffffff 100%);
    border: 1px solid #cccccc;
    color: #222;
    text-shadow: rgba(255, 255, 255, 0.35) 0 1px 0;
}
.c_blanco:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YyRjJGMiIgb2Zmc2V0PSIuMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMSkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #f2f2f2), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(top, #f2f2f2 10%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 10%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 10%, #ffffff 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 10%, #ffffff 100%);
    background-image: linear-gradient(top, #f2f2f2 10%, #ffffff 100%);
}




.c_gris {
    background: #7e99ac;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNEQ2Njc3IiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZFOERBMiIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzdFOTlBQyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE2MCkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #4d6677), color-stop(52.5%, #6e8da2), color-stop(100%, #7e99ac));
    background-image: -webkit-linear-gradient(bottom, #4d6677 5%, #6e8da2, #7e99ac 100%);
    background-image: -moz-linear-gradient(bottom, #4d6677 5%, #6e8da2, #7e99ac 100%);
    background-image: -o-linear-gradient(bottom, #4d6677 5%, #6e8da2, #7e99ac 100%);
    background-image: -ms-linear-gradient(bottom, #4d6677 5%, #6e8da2, #7e99ac 100%);
    background-image: linear-gradient(bottom, #4d6677 5%, #6e8da2, #7e99ac 100%);
    border: 1px solid #15527c;
}
.c_gris:hover{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2MTgwOTYiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjN0U5OUFDIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzEzKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #618096), color-stop(100%, #7e99ac));
    background-image: -webkit-linear-gradient(top, #618096 10%, #7e99ac 100%);
    background-image: -moz-linear-gradient(top, #618096 10%, #7e99ac 100%);
    background-image: -o-linear-gradient(top, #618096 10%, #7e99ac 100%);
    background-image: -ms-linear-gradient(top, #618096 10%, #7e99ac 100%);
    background-image: linear-gradient(top, #618096 10%, #7e99ac 100%);
}


.c_naranja {
    background: #f48e22;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDg3NDBCIiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YxODIwQyIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y0OEUyMiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzYwNCkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #d8740b), color-stop(52.5%, #f1820c), color-stop(100%, #f48e22));
    background-image: -webkit-linear-gradient(bottom, #d8740b 5%, #f1820c, #f48e22 100%);
    background-image: -moz-linear-gradient(bottom, #d8740b 5%, #f1820c, #f48e22 100%);
    background-image: -o-linear-gradient(bottom, #d8740b 5%, #f1820c, #f48e22 100%);
    background-image: -ms-linear-gradient(bottom, #d8740b 5%, #f1820c, #f48e22 100%);
    background-image: linear-gradient(bottom, #d8740b 5%, #f1820c, #f48e22 100%);
    border: 1px solid #a85a08;
}
.c_naranja:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMTgyMEMiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjRjQ4RTIyIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODA5KSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #f1820c), color-stop(100%, #f48e22));
    background-image: -webkit-linear-gradient(top, #f1820c 10%, #f48e22 100%);
    background-image: -moz-linear-gradient(top, #f1820c 10%, #f48e22 100%);
    background-image: -o-linear-gradient(top, #f1820c 10%, #f48e22 100%);
    background-image: -ms-linear-gradient(top, #f1820c 10%, #f48e22 100%);
    background-image: linear-gradient(top, #f1820c 10%, #f48e22 100%);
}

.c_rojo {
    background: #e31d00;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQjAxNjAwIiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0NBMUEwMCIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0UzMUQwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzYxNykiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #b01600), color-stop(52.5%, #ca1a00), color-stop(100%, #e31d00));
    background-image: -webkit-linear-gradient(bottom, #b01600 5%, #ca1a00, #e31d00 100%);
    background-image: -moz-linear-gradient(bottom, #b01600 5%, #ca1a00, #e31d00 100%);
    background-image: -o-linear-gradient(bottom, #b01600 5%, #ca1a00, #e31d00 100%);
    background-image: -ms-linear-gradient(bottom, #b01600 5%, #ca1a00, #e31d00 100%);
    background-image: linear-gradient(bottom, #b01600 5%, #ca1a00, #e31d00 100%);
    border: 1px solid #7d1000;
}
.c_rojo:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NBMUEwMCIgb2Zmc2V0PSIuMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMzFEMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNykiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ca1a00), color-stop(100%, #e31d00));
    background-image: -webkit-linear-gradient(top, #ca1a00 10%, #e31d00 100%);
    background-image: -moz-linear-gradient(top, #ca1a00 10%, #e31d00 100%);
    background-image: -o-linear-gradient(top, #ca1a00 10%, #e31d00 100%);
    background-image: -ms-linear-gradient(top, #ca1a00 10%, #e31d00 100%);
    background-image: linear-gradient(top, #ca1a00 10%, #e31d00 100%);
}


.c_verde {
    background: #8fb339;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNzA4QzJEIiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzgwQTAzMyIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzhGQjMzOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzI1OCkiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #708c2d), color-stop(52.5%, #80a033), color-stop(100%, #8fb339));
    background-image: -webkit-linear-gradient(bottom, #708c2d 5%, #80a033, #8fb339 100%);
    background-image: -moz-linear-gradient(bottom, #708c2d 5%, #80a033, #8fb339 100%);
    background-image: -o-linear-gradient(bottom, #708c2d 5%, #80a033, #8fb339 100%);
    background-image: -ms-linear-gradient(bottom, #708c2d 5%, #80a033, #8fb339 100%);
    background-image: linear-gradient(bottom, #708c2d 5%, #80a033, #8fb339 100%);
    border: 1px solid #516620;
}
.c_verde:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4MEEwMzMiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjOEZCMzM5IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnMzcyKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #80a033), color-stop(100%, #8fb339));
    background-image: -webkit-linear-gradient(top, #80a033 10%, #8fb339 100%);
    background-image: -moz-linear-gradient(top, #80a033 10%, #8fb339 100%);
    background-image: -o-linear-gradient(top, #80a033 10%, #8fb339 100%);
    background-image: -ms-linear-gradient(top, #80a033 10%, #8fb339 100%);
    background-image: linear-gradient(top, #80a033 10%, #8fb339 100%);
}



.c_amarrillo {
    background: #ffae28;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjQ5ODAwIiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQTQwRSIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQUUyOCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU2MikiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #f49800), color-stop(52.5%, #ffa40e), color-stop(100%, #ffae28));
    background-image: -webkit-linear-gradient(bottom, #f49800 5%, #ffa40e, #ffae28 100%);
    background-image: -moz-linear-gradient(bottom, #f49800 5%, #ffa40e, #ffae28 100%);
    background-image: -o-linear-gradient(bottom, #f49800 5%, #ffa40e, #ffae28 100%);
    background-image: -ms-linear-gradient(bottom, #f49800 5%, #ffa40e, #ffae28 100%);
    background-image: linear-gradient(bottom, #f49800 5%, #ffa40e, #ffae28 100%);
    border: 1px solid #c17800;
}
.c_amarrillo:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkE0MEUiIG9mZnNldD0iLjEiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBRTI4IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODU5KSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ffa40e), color-stop(100%, #ffae28));
    background-image: -webkit-linear-gradient(top, #ffa40e 10%, #ffae28 100%);
    background-image: -moz-linear-gradient(top, #ffa40e 10%, #ffae28 100%);
    background-image: -o-linear-gradient(top, #ffa40e 10%, #ffae28 100%);
    background-image: -ms-linear-gradient(top, #ffa40e 10%, #ffae28 100%);
    background-image: linear-gradient(top, #ffa40e 10%, #ffae28 100%);
}


.c_metal {
    background: #ca0237;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQjAxNjAwIiBvZmZzZXQ9Ii4xIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0NBMUEwMCIgb2Zmc2V0PSIwLjU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0UzMUQwMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzYxNykiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, #ba0236), color-stop(52.5%, #ca0237), color-stop(100%, #d60238));
    background-image: -webkit-linear-gradient(bottom, #ba0236 5%, #ca0237, #d60238 100%);
    background-image: -moz-linear-gradient(bottom, #ba0236 5%, #ca0237, #d60238 100%);
    background-image: -o-linear-gradient(bottom, #ba0236 5%, #ca0237, #d60238 100%);
    background-image: -ms-linear-gradient(bottom, #ba0236 5%, #ca0237, #d60238 100%);
    background-image: linear-gradient(bottom, #ba0236 5%, #ca0237, #d60238 100%);
    border: 1px solid #ba0236;
}
.c_metal:hover {
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NBMUEwMCIgb2Zmc2V0PSIuMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFMzFEMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNykiIC8+Cjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #ca0237), color-stop(100%, #d60238));
    background-image: -webkit-linear-gradient(top, #ca0237 10%, #d60238 100%);
    background-image: -moz-linear-gradient(top, #ca0237 10%, #d60238 100%);
    background-image: -o-linear-gradient(top, #ca0237 10%, #d60238 100%);
    background-image: -ms-linear-gradient(top, #ca0237 10%, #d60238 100%);
    background-image: linear-gradient(top, #ca0237 10%, #d60238 100%);
}

.btn-verdelight {
    background-color: #a8e6cf;
    color: #fff;
}

.btn-naranja {
    background-color: #ff8c42;
    color: #fff;
}


.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}