/*Menu lateral*/
/*Estructura base*/
/*Azul: #3292e2
Naranja:#f1b436
Naranja mas fuerte: #EBA410
    Verde: #11d580
*/
.background-verde {
    background: #0bb56b;
}

.background-naranja {
    background: #f1b436;
}

.background-azul {
    background: #3292e2;
}

#main {
    padding-left: 20px;
}

.margin-left-0 {
    margin-left: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.smart-style-2 aside {
    background: white;
    background: -webkit-gradient(linear,left top,right top,color-stop(99%,white),color-stop(100%,#cacaca));
    background: -webkit-linear-gradient(left,white 99%,#cacaca 100%);
    background: -webkit-gradient(linear,top left,top right,from(white),to(#cacaca));
    background: linear-gradient(to right,white 99%,#cacaca 100%);
    min-height: 100%;
}

#left-panel {
    font-family: arial, sans-serif !important;
    position: fixed !important;
    width: 222px;
}
/*#header > :first-child,*/
aside {
    width: 220px
}

.smart-style-2 nav ul li a {
    color: #222 !important;
    font-size: 15px !important;
    font-weight: normal !important;
}

    .smart-style-2 nav ul li a:hover, .smart-style-2 nav ul ul li a:hover {
        background: #DBDBEA !important;
    }

.smart-style-2 .login-info {
    border-bottom: 1px solid #EEEEEE;
    box-shadow: none !important
}

    .smart-style-2 .login-info span {
        padding: 5px 10px 7px;
        border-radius: 0px !important;
    }

.smart-style-2 #left-panel {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 15px;
    padding-top: 64px;
}

.smart-style-2 .login-info a {
    color: #3292e2 !important;
    width: 100%;
}

    .smart-style-2 .login-info a .user-info {
        max-width: 85% !important;
        margin-right: 10px;
        display: block;
        float: left;
    }

    .smart-style-2 .login-info a .user-menu {
        display: block;
        float: right;
    }

.menu-container {
    overflow: auto;
}


.smart-style-2.minified nav ul > li > a {
    min-height: 40px;
}

nav ul li.active > a:before {
    display: none !important;
}

.page-footer {
    height: 30px !important;
    padding: 5px 13px 0 !important;
    position: fixed !important;
}

.user-menu .fa {
    font-size: 20px;
    color: #3292e2;
}

.smart-style-2 nav ul li a {
    padding-top: 16px;
    padding-bottom: 16px;
}

element.style {
}

.smart-style-2 nav > ul > li > a > i {
    font-size: 25px !important;
}

.icono-item-parent, .icono-item-sub {
    height: 20px !important;
    width: 20px !important;
    float: left;
}

nav ul span.menu-item-parent {
    display: inline-block;
    text-decoration: none;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b {
    background: #DBDBEA !important;
}

.smart-style-2 #ribbon {
    padding-bottom: 50px;
}

.smart-style-2 #hide-menu a > i, .smart-style-2 .btn-header > :first-child > a {
    color: #3292e2;
}

    .smart-style-2 #hide-menu a > i:hover, .smart-style-2 .btn-header > :first-child > a:hover {
        color: #f1b436;
    }

    .smart-style-2 #hide-menu a:hover i, .smart-style-2 .btn-header > :first-child > a:hover {
        cursor: pointer !important
    }

smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
    background-color: #3292e2 !important;
}

.smart-style-2 {
    background: #fbfbfb !important;
}

html {
    background: #fbfbfb !important;
}

.hidden-menu #hide-menu > :first-child > a {
    background-color: #ececec;
    /*background-image: -moz-linear-gradient(top,#5a5a5a 0,#686868 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));
    background-image: -webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    background-image: -o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    background-image: -ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);*/
    -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
    color: #fff;
    border-color: #494949;
}

.smart-style-2 #hide-menu a > i {
    /*background: 0 0;*/
    border: none !important;
    /*color: #C5C6CA !important;*/
    box-shadow: none !important
}

.smart-style-2 .btn-header > :first-child > a {
    background: 0 0;
    border: none !important;
    /*color: #C5C6CA !important;*/
    box-shadow: none !important
}

.jarvismetro-tile.big-cubes {
    width: 100px !important;
}

.logo-content > span {
    display: inline-block;
    height: 39px;
    float: left
}

.logo-content > span {
    float: right
}

.smart-style-1 .logo-content {
    background: #22262e !important
}

#logo {
    display: inline-block;
    width: 140px;
    margin-top: 13px;
    margin-left: 9px
}

    #logo img {
        width: 140px;
    }

.heightitem {
    display: block;
    margin: 15px auto 0;
    height: 55px;
}

#shortcut a:hover {
    border: 1px solid #d9d5d5 !important;
}

#shortcut {
    background: white !important;
}

.jarvismetro-tile .iconbox span {
    text-align: center !important;
}

.heightitem {
    display: block;
    margin: 15px auto 0;
    height: 55px;
}

.FontStyleM {
    color: #000000;
    font-size: 13px;
}

#shortcut a:hover {
    border: 1px solid #d9d5d5 !important;
}

#shortcut {
    background: white !important;
}

.jarvismetro-tile .iconbox span {
    text-align: center !important;
}

.smart-style-2 #logo-group span#activity {
    color: #3292e2 !important;
}

    .smart-style-2 #logo-group span#activity > i:hover {
        color: #f1b436;
    }

.smart-style-2 .header-search > input[type=text] {
    background: white !important;
    border: 1px solid #3292e2 !important;
    color: grey;
}

.smart-style-2 #header {
    background: white !important;
    position: fixed;
    width: 100%;
}

#logo {
    margin-top: 5px !important;
}

.todo-group-title {
    background: #f1b436;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #f4f4f4;
    color: #fafafa;
    font-size: 18px;
    font: bold;
}

.Headertodo {
    background: #96bf48 !important;
}

.accesos {
    padding-left: 25%;
    position: absolute;
    text-align: center;
    z-index: -1;
}


.btn-accesos {
    margin: 10px;
}

    .btn-accesos a > span {
        font-size: 11px;
        font-weight: 400;
        height: 20px;
        display: block;
    }

.smart-style-2 aside {
    min-height: 50% !important;
}

body.smart-style-2 {
    background: #fbfbfb !important;
}

.smart-style-2 #ribbon {
    background: #fbfbfb !important;
}


.well {
    background: white !important;
}

.dropdown-menu {
    position: initial !important;
}

.MessageBoxContainer {
    background-color: #3292e2 !important;
}

#dvImg img {
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin: 10px;
}

.margin-right-0 {
    margin-right: 0px;
}

.smart-style-2 nav ul li a.active, .smart-style-2 nav ul ul li a.active {
    /*background: red !important;*/
}


.bk-polcook .modal-title {
    font-weight: 600;
    color: #646473;
}

.bk-polcook .blockquote {
    font-size: 15px;
    font-family: arial;
}

.margin-footer {
    margin-bottom: 40px;
}
/*Cookies*/
.cc-bottom {
    bottom: 3em !important;
}

.cc-color-override--1820073445 .cc-btn:hover {
    background-color: #D9970F;
}

.cc-color-override--1820073445.cc-window {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 146, 226);
}

.cc-color-override--1820073445 .cc-btn {
    color: rgb(255, 255, 255);
    background-color: rgb(241, 180, 54);
    border-color: transparent;
}

.cc-color-override--1820073445 .cc-link, .cc-color-override--1820073445 .cc-link:active, .cc-color-override--1820073445 .cc-link:visited {
    color: rgb(255, 255, 255);
}


/*Footer*/
.page-footer .u10-links {
    float: right;
}

    .page-footer .u10-links li {
        margin: 0;
        padding: 0;
        float: left;
    }

        .page-footer .u10-links li a:hover {
            text-decoration: none;
            color: #fff !important;
        }

        .page-footer .u10-links li a {
            font-size: 13px;
            font-weight: normal;
            padding: 0 .8em 0 .6em;
            color: #DBDBEA !important;
            border-right: 1px solid #DBDBEA;
        }

.page-footer .u10-links {
    box-sizing: border-box;
    margin: 0px 50px 0px 0px;
    padding: 0;
    list-style: none;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .page-footer .u10-links li.u10last a {
        padding-right: 0;
        border: 0;
    }

.page-footer .copy-right {
    padding-left: 10px;
}

.etiqueta {
    padding: 5px;
    font-size: 14px;
    display: inline-block;
}

.text-blanco {
    color: white;
}

.text-negro {
    color: black;
}

.width-100 {
    width: 100%;
}

body:not(.menu-on-top).desktop-detected {
    min-height: auto !important;
}

#divSmallBoxes {
    margin-right: 15%;
}

.det-pro-width {
    max-width: 130px;
}
/*btn*/
.btn-index {
    z-index: 999999;
}

.btn-square {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 18px;
}

.btn-square-br {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 17px;
    line-height: 18px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-square-fr {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 17px;
    line-height: 18px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-square-fl {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 6px 0;
    font-size: 17px;
    line-height: 18px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-square-100 {
    width: 100%;
    height: 32px;
    text-align: center;
    padding: 6px 0;
}

.btn-sk-a {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-skin-blue {
}

/*Margin*/
.margin-bottom-20 {
    margin-bottom: 20px;
}



.content-pag {
    margin-left: -15px;
}

.soft-footer {
    margin-bottom: 40px;
}

.titulo-pag {
    background: #BBDBF4;
    padding: 5px 10px;
}

    .titulo-pag h1 {
        margin: 0px;
    }

    .titulo-pag h2 {
        margin: 0px;
    }

    .titulo-pag h3 {
        margin: 0px;
    }

.titulo-pag {
    background: #BBDBF4;
    padding: 5px 10px;
}

.titulo-ind {
    color: #808080;
}

.titulo-well {
    background: #A0CDF1;
    padding: 5px 10px;
}

    .titulo-well h1 {
        margin: 0px;
        font-size: 18px;
    }


.content-pag .well {
    padding: 15px;
}

.sub-titulo-vertical {
    margin-bottom: 5px;
}

    .sub-titulo-vertical h4 {
        color: black;
    }

.sub-titulo-skin-1 {
    border-bottom: 1px solid #bbdbf4;
}

    .sub-titulo-skin-1 h4 {
        color: #3e90d4;
    }

.sub-titulo-skin-2 h4 {
    color: #3e90d4;
}


.well-black {
    min-height: 20px;
    margin-bottom: 20px;
    padding: 0px 15px;
}

.soft-form-param fieldset {
    padding: 0px 10px;
}

@media (max-width: 767px) {
    #main {
        overflow: inherit !important;
    }
}

@media (max-width: 880px) and (min-width: 768px) {
    #main {
        overflow: inherit !important;
    }
}

.table-container-soft .input-sm {
    height: 32px;
}

.action-soft {
    padding-right: 0px !important;
    background: none !important;
}

.menu-dropdown-soft .dropdown-menu {
    position: absolute !important;
    z-index: 9999;
}

    .menu-dropdown-soft .dropdown-menu li:hover {
        background: #3292e2;
        color: white;
    }

table.has-columns-hidden > tbody > tr.row-detail > td > ul > li {
    border-bottom: 1px solid white;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.dataTable tfoot > tr > th, table.dataTable thead > tr > th {
    vertical-align: middle;
    text-align: center;
}

.table-soft-row {
    padding: 5px 0px;
}

.table-soft .soft-text-number {
    text-align: right;
}

.table-mover tbody tr {
    cursor: move;
}

/*Formulario*/
.soft-form-inline {
}

    .soft-form-inline .soft-form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        margin-bottom: 5px !important;
    }

    .soft-form-inline .form-control {
        display: inline !important;
    }
/*Fin Formulario*/

/*Menu list*/
.menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}



/*Fin Menu List*/

.header-skin-1 {
    background-color: #3b9ff3 !important;
    border-color: #3b9ff3 !important;
}

.soft-modal-50 {
    width: 50%;
}

.soft-modal-75 {
    width: 75%;
}

.soft-modal-90 {
    width: 90%;
}

.soft-modal-100 {
    width: 100%;
}
/*Media query*/
/*Css personalizado mobile mas pequeno mp*/
@media only screen and (min-width: 0px) and (max-width:359px) {
    .text-toggle {
        display: none;
    }

    #logo, #logo img {
        width: 100px;
    }

    #ribbon {
        border: none;
    }

    #logo-group, .logo-content {
        padding-right: 0px;
        width: auto !important;
    }

    #shortcut ul li {
        width: 42%;
    }

    .btn-header.pull-right {
        margin-left: 3px;
    }

    #hide-menu > :first-child > a {
        width: 30px !important;
    }

    .btn-menu-primary {
        width: 100%;
        margin-bottom: 10px;
    }

    .page-footer .u10-links li a {
        font-size: 10px;
    }

    .page-footer .u10-links {
        display: none;
    }
    /*col*/
    .col-mp-1 {
        width: 8.333%;
    }

    .col-mp-2 {
        width: 16.666%;
    }

    .col-mp-3 {
        width: 24.999%;
    }

    .col-mp-4 {
        width: 33.333%;
    }

    .col-mp-5 {
        width: 41.666%;
    }

    .col-mp-6 {
        width: 50%;
    }

    .col-mp-7 {
        width: 58.333%;
    }

    .col-mp-8 {
        width: 66.666%;
    }

    .col-mp-9 {
        width: 75%;
    }

    .col-mp-10 {
        width: 83.333%;
    }

    .col-mp-11 {
        width: 91.666%;
    }

    .col-mp-12 {
        width: 100%;
    }
    /*fin col*/

    /*table soft responsive*/
    div.dataTables_length select {
        width: 100%;
    }

    .dt-toolbar > :last-child .dataTables_length {
        float: none;
    }

    div.dataTables_length label {
        float: none;
        width: 100%;
    }

    .table-soft .soft-text-number {
        text-align: left;
    }

    /*fin table soft responsive*/
    .btn-square-fr {
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    /*no-padding*/
    .no-padding-mp {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .padding-mp {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .padding-right-mp {
        padding-right: 13px !important;
    }
    /*Formulario*/
    .soft-form-inline .soft-form-group {
        width: 100%;
        margin-bottom: 5px !important;
    }

        .soft-form-inline .soft-form-group label {
            float: left;
            padding-top: 5px;
        }

        .soft-form-inline .soft-form-group input {
            float: right;
        }

    /*Fin Formulario*/
    /*Menu list*/
    .menu-list {
        padding-left: 13px;
        padding-right: 13px;
        margin-top: 5px;
    }

    .menu-mp .btn {
        width: 100%;
        margin-bottom: 5px;
    }


    /*Fin Menu List*/

    .soft-modal-50 {
        width: 100%;
    }

    .soft-modal-75 {
        width: 100%;
    }

    .soft-modal-90 {
        width: 100%;
    }
}

@media only screen and (max-width: 359px) and (orientation: landscape) {
    #shortcut ul li {
        width: auto;
    }
}
/*Css personalizado mobile  360x640px xs */
@media only screen and (min-width: 360px) and (max-width: 576px) {
    /*table soft responsive*/
    div.dataTables_length select {
        width: 100%;
    }

    .dt-toolbar > :last-child .dataTables_length {
        float: none;
    }

    div.dataTables_length label {
        float: none;
        width: 100%;
    }

    .table-soft .soft-text-number {
        text-align: left;
    }
    /*fin table soft responsive*/

    .btn-square-fr {
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    /*no-padding*/
    .no-padding-xs {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .padding-xs {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .padding-right-xs {
        padding-right: 13px !important;
    }
    /*Formulario*/
    .soft-form-inline .soft-form-group {
        width: 100%;
        margin-bottom: 5px !important;
    }

        .soft-form-inline .soft-form-group label {
            float: left;
            padding-top: 5px;
        }

        .soft-form-inline .soft-form-group input {
            float: right;
        }

    /*Fin Formulario*/

    /*Menu list*/
    .menu-list {
        padding-left: 13px;
        padding-right: 13px;
        margin-top: 5px;
    }

    .menu-mp .btn {
        width: 100%;
        margin-bottom: 5px;
    }


    /*Fin Menu List*/

    .soft-modal-50 {
        width: 100%;
    }

    .soft-modal-75 {
        width: 100%;
    }

    .soft-modal-90 {
        width: 100%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 640px) {
    .smart-style-2 #left-panel {
        padding-top: 50px !important;
    }

    .text-toggle {
        display: none;
    }

    #logo-group, .logo-content {
        padding-right: 10px;
        width: 100px !important;
    }

    #logo img {
        width: 100px !important;
    }

    #logo-group > a {
        padding-left: 30px;
    }

    #ribbon {
        border: none;
    }

    .page-footer .u10-links li a {
        font-size: 10px;
    }

    .page-footer .u10-links {
        display: none;
    }
}

/*
@media only screen and (max-width: 640px) and (orientation: landscape) {
}

@media only screen and (min-width: 360px) and (orientation: portrait) {
}

@media only screen and (min-width: 360px) {  
}

@media only screen and (min-height: 640px) {  
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
     
}*/
/*Css personalizado mobile 768x1024px sm*/
@media only screen and (min-width: 577px) and (max-width: 768px) {
    /*table soft responsive*/
    .table-soft .soft-text-number {
        text-align: left;
    }
    /*fin table soft responsive*/
    /*no-padding*/
    .no-padding-sm {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .padding-sm {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .padding-right-sm {
        padding-right: 13px !important;
    }
    /*Formulario*/
    .soft-form-inline .soft-form-group {
        width: 50%;
        margin-bottom: 5px !important;
        float: left;
        padding-right: 10px;
    }

        .soft-form-inline .soft-form-group label {
            float: left;
            padding-top: 5px;
        }

        .soft-form-inline .soft-form-group input {
            float: right;
        }
    /*Fin Formulario*/
    /*Menu list*/
    .menu-list {
        padding-left: 13px;
        padding-right: 13px;
        margin-top: 5px;
    }



    /*Fin Menu List*/

    .soft-modal-50 {
        width: 100%;
    }

    .soft-modal-75 {
        width: 100%;
    }

    .soft-modal-90 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .text-toggle {
        display: none;
    }
}
/*
@media only screen and (min-width: 768px) {
}

@media only screen and (min-height: 1024px) {
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
 
}*/
/*Css personalizado mobile 720x1280px md*/
@media only screen and (min-width: 769px) and (max-width: 992px) {
    /*table soft responsive*/
    .table-soft .soft-text-number {
        text-align: left;
    }
    /*fin table soft responsive*/

    .no-padding-md {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1280px) {
    .hidden-menu-mobile-lock hidden-menu #left-panel {
        left: -210px;
    }


    .btn-accesos {
        display: none !important;
    }
}
/*
@media only screen and (min-width: 720px) {
}

@media only screen and (min-height: 1280px) {
}

@media only screen and (min-width: 1280px) and (orientation: landscape) {
}

@media only screen and (min-width: 720px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
 
}
*/
/*Css personalizado mobile 480x980px lg*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    /*table soft responsive*/
    .table-soft .soft-text-number {
        text-align: left;
    }
    /*fin table soft responsive*/

    .no-padding-lg {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
/*
    @media only screen and (min-width: 480px) {
    }

    @media only screen and (min-height: 980px) {
    }

    @media only screen and (min-width: 980px) and (orientation: landscape) {
    }

    @media only screen and (min-width: 980px) and (orientation: portrait) {
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
    }*/
/*Extras*/


@media only screen and (max-width: 679px) and (min-width: 0) {
    .search-mobile .header-search {
        background: white !important;
    }
}

@media (max-width: 767px) {
    .search-mobile .header-search {
        background: white !important;
    }
}