/*** Coopava 2018 ** Style ** By: Ruben Sotelo ***/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
/*! *   AdminLTE v2.3.5 *   Author: Almsaeed Studio *	 Website: Almsaeed Studio <http://almsaeedstudio.com> *   License: Open source - MIT *           Please visit http://opensource.org/licenses/MIT for more information!*//* * Core: General Layout Style * ------------------------- */
html,body {    min-height: 100%;}.layout-boxed html,.layout-boxed body {    height: 100%;}.content-wrapper,.right-side,.main-footer {    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;    margin-left: 230px;    z-index: 820;}.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer {    margin-left: 0;}@media (max-width: 767px) {    .content-wrapper,    .right-side,    .main-footer {        margin-left: 0;    }}@media (min-width: 768px) {    .sidebar-collapse .content-wrapper,    .sidebar-collapse .right-side,    .sidebar-collapse .main-footer {        margin-left: 0;    }}@media (max-width: 767px) {    .sidebar-open .content-wrapper,    .sidebar-open .right-side,    .sidebar-open .main-footer {        -webkit-transform: translate(230px, 0);        -ms-transform: translate(230px, 0);        -o-transform: translate(230px, 0);        transform: translate(230px, 0);    }}.content-wrapper,.right-side {    min-height: 100%;    background-color: #ecf0f5;    z-index: 800;}.main-footer {    background: #455a64;    padding: 15px;    color: #bdbdbd;    border-top: 1px solid #d2d6de;}.main-footer a {    color: #fff;}/* Content */.content {    min-height: 250px;    padding: 15px;    margin-right: auto;    margin-left: auto;    padding-left: 15px;    padding-right: 15px;}/* H1 - H6 font */h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {    font-family: 'Source Sans Pro', sans-serif;}/* * Component: Main Header * ---------------------- */.main-header {    position: relative;    max-height: 100px;    z-index: 1030;}.main-header .navbar {    min-height: 50px;    border-radius: 0;}.main-header .navbar-custom-menu,.main-header .navbar-right {    float: right;}@media (max-width: 991px) {    .main-header .navbar-custom-menu a,    .main-header .navbar-right a {        color: inherit;        background: transparent;    }}@media (max-width: 767px) {    .main-header .navbar-right {        float: none;    }    .navbar-collapse .main-header .navbar-right {        margin: 7.5px -15px;    }    .main-header .navbar-right > li {        color: inherit;        border: 0;    }}.main-header .sidebar-toggle {    float: left;    background-color: transparent;    background-image: none;    /* homologa */    /*padding: 15px 15px;*/    padding: 10px;    font-family: fontAwesome;    color: #fff;}.main-header .sidebar-toggle:before {    content: "\f0c9";}.main-header .sidebar-toggle:hover {    color: #fff;}.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active {    background: transparent;}.main-header .sidebar-toggle .icon-bar {    display: none;}.main-header .logo {    -webkit-transition: width 0.3s ease-in-out;    -o-transition: width 0.3s ease-in-out;    transition: width 0.3s ease-in-out;    display: block;    float: left;    height: 50px;    font-size: 20px;    line-height: 50px;    text-align: center;    width: 230px;    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    padding: 0 15px;    font-weight: 300;    overflow: hidden;}.main-header .logo .logo-lg {    display: block;}.main-header .logo .logo-mini {    display: none;}.navbar-toggle {    color: #fff;    border: 0;    margin: 0;    padding: 15px 15px;}@media (max-width: 991px) {    .navbar-custom-menu .navbar-nav > li {        float: left;    }    .navbar-custom-menu .navbar-nav {        margin: 0;        float: left;    }    .navbar-custom-menu .navbar-nav > li > a {        padding-top: 15px;        padding-bottom: 15px;        line-height: 20px;    }}@media (max-width: 767px) {    .main-header {        position: relative;    }    .main-header .logo,    .main-header .navbar {        width: 100%;        float: none;    }    .main-header .navbar {        margin: 0;        /* homologa */        padding: 0;    }    .main-header .navbar-custom-menu {        float: right;    }}@media (max-width: 991px) {    .navbar-collapse.pull-left {        float: none !important;    }    .navbar-collapse.pull-left + .navbar-custom-menu {        display: block;        position: absolute;        top: 0;        right: 40px;    }}/* * Component: Sidebar * ------------------ */.main-sidebar,.left-side {    position: absolute;    top: 0;    left: 0;    padding-top: 50px;    min-height: 100%;    width: 230px;    z-index: 810;    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;}@media (max-width: 767px) {    .main-sidebar,    .left-side {        padding-top: 100px;    }}@media (max-width: 767px) {    .main-sidebar,    .left-side {        -webkit-transform: translate(-230px, 0);        -ms-transform: translate(-230px, 0);        -o-transform: translate(-230px, 0);        transform: translate(-230px, 0);    }}@media (min-width: 768px) {    .sidebar-collapse .main-sidebar,    .sidebar-collapse .left-side {        -webkit-transform: translate(-230px, 0);        -ms-transform: translate(-230px, 0);        -o-transform: translate(-230px, 0);        transform: translate(-230px, 0);    }}@media (max-width: 767px) {    .sidebar-open .main-sidebar,    .sidebar-open .left-side {        -webkit-transform: translate(0, 0);        -ms-transform: translate(0, 0);        -o-transform: translate(0, 0);        transform: translate(0, 0);    }}.sidebar {    font-size: 14px;    padding-bottom: 10px;}.sidebar-form input:focus {    border-color: transparent;}.user-panel {    position: relative;    width: 100%;    padding: 10px;    overflow: hidden;}.user-panel:before,.user-panel:after {    content: " ";    display: table;}.user-panel:after {    clear: both;}.user-panel > .image > img {    width: 100%;    max-width: 45px;    height: auto;}.user-panel > .info {    padding: 5px 5px 5px 15px;    line-height: 1;    position: absolute;    left: 55px;}.user-panel > .info > p {    /*font-weight: 600;*/    margin-bottom: 9px;}.user-panel > .info > a {    text-decoration: none;    padding-right: 5px;    margin-top: 3px;    font-size: 11px;}.user-panel > .info > a > .fa,.user-panel > .info > a > .ion,.user-panel > .info > a > .glyphicon {    margin-right: 3px;}.sidebar-menu {    list-style: none;    margin: 0;    padding: 0;}.sidebar-menu > li {    position: relative;    margin: 0;    padding: 0;}.sidebar-menu > li > a {    padding: 12px 5px 12px 15px;    display: block; }.sidebar-menu > li > a > .fa,.sidebar-menu > li > a > .glyphicon,.sidebar-menu > li > a > .ion {    width: 20px; margin-top: 5px;}.sidebar-menu > li .label,.sidebar-menu > li .badge {    margin-right: 5px;}.sidebar-menu > li .badge {    margin-top: 3px;}.sidebar-menu li.header {    padding: 10px 25px 10px 15px;    font-size: 12px;}.sidebar-menu li > a > .pull-right-container > .fa-angle-left {    width: auto;    height: auto;    padding: 0;    margin-right: 10px;}.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {    -webkit-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    -o-transform: rotate(-90deg);    transform: rotate(-90deg);}.sidebar-menu li.active > .treeview-menu {    display: block;}.sidebar-menu .treeview-menu {    display: none;    list-style: none;    padding: 0;    margin: 0;    padding-left: 5px;}.sidebar-menu .treeview-menu .treeview-menu {    padding-left: 20px;}.sidebar-menu .treeview-menu > li {    margin: 0;}.sidebar-menu .treeview-menu > li > a {    padding: 5px 5px 5px 15px;    display: block;    font-size: 14px;}.sidebar-menu .treeview-menu > li > a > .fa,.sidebar-menu .treeview-menu > li > a > .glyphicon,.sidebar-menu .treeview-menu > li > a > .ion {    width: 20px;}.sidebar-menu .treeview-menu > li > a > .pull-right-container > .fa-angle-left,.sidebar-menu .treeview-menu > li > a > .fa-angle-down {    width: auto;}/* * Component: Sidebar Mini */@media (min-width: 768px) {    .sidebar-mini.sidebar-collapse .content-wrapper,    .sidebar-mini.sidebar-collapse .right-side,    .sidebar-mini.sidebar-collapse .main-footer {        margin-left: 50px !important;        z-index: 840;    }    .sidebar-mini.sidebar-collapse .main-sidebar {        -webkit-transform: translate(0, 0);        -ms-transform: translate(0, 0);        -o-transform: translate(0, 0);        transform: translate(0, 0);        width: 50px !important;        z-index: 850;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li {        position: relative;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {        margin-right: 0;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {        border-top-right-radius: 4px;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {        border-bottom-right-radius: 4px;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {        padding-top: 5px;        padding-bottom: 5px;        border-bottom-right-radius: 4px;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {        display: block !important;        position: absolute;        width: 180px;        left: 50px;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {        top: 0;        margin-left: -3px;        padding: 12px 5px 12px 20px;        background-color: inherit;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {        float: right;        width: auto!important;        left: 200px!important;        top: 10px!important;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {        display: none;    }    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {        top: 44px;        margin-left: 0;    }    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,    .sidebar-mini.sidebar-collapse .sidebar-form,    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,    .sidebar-mini.sidebar-collapse .sidebar-menu li.header {        display: none !important;        -webkit-transform: translateZ(0);    }    .sidebar-mini.sidebar-collapse .main-header .logo {        width: 50px;    }    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {        display: block;        margin-left: -15px;        margin-right: -15px;        font-size: 18px;    }    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {        display: none;    }    .sidebar-mini.sidebar-collapse .main-header .navbar {        margin-left: 50px;    }}.sidebar-menu,.main-sidebar .user-panel,.sidebar-menu > li.header {    white-space: nowrap;    overflow: hidden;}.sidebar-menu:hover {    overflow: visible;}.sidebar-form,.sidebar-menu > li.header {    overflow: hidden;    text-overflow: clip;}.sidebar-menu li > a {    position: relative;}.sidebar-menu li > a > .pull-right-container {    position: absolute;    right: 10px;    top: 50%;    margin-top: -7px;}/* * Component: Control sidebar. By default, this is the right sidebar. */.control-sidebar-bg {    position: fixed;    z-index: 1000;    bottom: 0;}.control-sidebar-bg,.control-sidebar {    top: 0;    right: -230px;    width: 230px;    -webkit-transition: right 0.3s ease-in-out;    -o-transition: right 0.3s ease-in-out;    transition: right 0.3s ease-in-out;}.control-sidebar {    position: absolute;    padding-top: 50px;    z-index: 1010;}@media (max-width: 768px) {    .control-sidebar {        padding-top: 100px;    }}.control-sidebar > .tab-content {    padding: 10px 15px;}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open + .control-sidebar-bg {    right: 0;}.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar {    right: 0;}@media (min-width: 768px) {    .control-sidebar-open .content-wrapper,    .control-sidebar-open .right-side,    .control-sidebar-open .main-footer {        margin-right: 230px;    }}.nav-tabs.control-sidebar-tabs > li:first-of-type > a,.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {    border-left-width: 0;}.nav-tabs.control-sidebar-tabs > li > a {    border-radius: 0;}.nav-tabs.control-sidebar-tabs > li > a,.nav-tabs.control-sidebar-tabs > li > a:hover {    border-top: none;    border-right: none;    border-left: 1px solid transparent;    border-bottom: 1px solid transparent;}.nav-tabs.control-sidebar-tabs > li > a .icon {    font-size: 16px;}.nav-tabs.control-sidebar-tabs > li.active > a,.nav-tabs.control-sidebar-tabs > li.active > a:hover,.nav-tabs.control-sidebar-tabs > li.active > a:focus,.nav-tabs.control-sidebar-tabs > li.active > a:active {    border-top: none;    border-right: none;    border-bottom: none;}@media (max-width: 768px) {    .nav-tabs.control-sidebar-tabs {        display: table;    }    .nav-tabs.control-sidebar-tabs > li {        display: table-cell;    }}.control-sidebar-heading {    font-weight: 400;    font-size: 16px;    padding: 10px 0;    margin-bottom: 10px;}.control-sidebar-subheading {    display: block;    font-weight: 400;    font-size: 14px;}.control-sidebar-menu {    list-style: none;    padding: 0;    margin: 0 -15px;}.control-sidebar-menu > li > a {    display: block;    padding: 10px 15px;}.control-sidebar-menu > li > a:before,.control-sidebar-menu > li > a:after {    content: " ";    display: table;}.control-sidebar-menu > li > a:after {    clear: both;}.control-sidebar-menu > li > a > .control-sidebar-subheading {    margin-top: 0;}.control-sidebar-menu .menu-icon {    float: left;    width: 35px;    height: 35px;    border-radius: 50%;    text-align: center;    line-height: 35px;}.control-sidebar-menu .menu-info {    margin-left: 45px;    margin-top: 3px;}.control-sidebar-menu .menu-info > .control-sidebar-subheading {    margin: 0;}.control-sidebar-menu .menu-info > p {    margin: 0;    font-size: 11px;}.control-sidebar-menu .progress {    margin: 0;}.control-sidebar-dark {    color: #b8c7ce;}.control-sidebar-dark,.control-sidebar-dark + .control-sidebar-bg {    background: #222d32;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs {    border-bottom: #1c2529;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {    background: #181f23;    color: #b8c7ce;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {    border-left-color: #141a1d;    border-bottom-color: #141a1d;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {    background: #1c2529;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {    color: #fff;}.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {    background: #222d32;    color: #fff;}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading {    color: #fff;}.control-sidebar-dark .control-sidebar-menu > li > a:hover {    background: #1e282c;}.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {    color: #b8c7ce;}.control-sidebar-light {    color: #5e5e5e;}.control-sidebar-light,.control-sidebar-light + .control-sidebar-bg {    background: #f9fafc;    border-left: 1px solid #d2d6de;}.control-sidebar-light .nav-tabs.control-sidebar-tabs {    border-bottom: #d2d6de;}.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {    background: #e8ecf4;    color: #444444;}.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {    border-left-color: #d2d6de;    border-bottom-color: #d2d6de;}.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {    background: #eff1f7;}.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {    background: #f9fafc;    color: #111;}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading {    color: #111;}.control-sidebar-light .control-sidebar-menu {    margin-left: -14px;}.control-sidebar-light .control-sidebar-menu > li > a:hover {    background: #f4f4f5;}.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {    color: #5e5e5e;}/* * Component: Dropdown menus * ------------------------- *//*Dropdowns in general*/.dropdown-menu {    box-shadow: none;    border-color: #eee;}.dropdown-menu > li > a {    color: #777;}.dropdown-menu > li > a > .glyphicon,.dropdown-menu > li > a > .fa,.dropdown-menu > li > a > .ion {    margin-right: 10px;}.dropdown-menu > li > a:hover {    background-color: #e1e3e9;    color: #333;}.dropdown-menu > .divider {    background-color: #eee;}.navbar-nav > .notifications-menu > .dropdown-menu,.navbar-nav > .messages-menu > .dropdown-menu,.navbar-nav > .tasks-menu > .dropdown-menu {    width: 280px;    padding: 0 0 0 0;    margin: 0;    top: 100%;}.navbar-nav > .notifications-menu > .dropdown-menu > li,.navbar-nav > .messages-menu > .dropdown-menu > li,.navbar-nav > .tasks-menu > .dropdown-menu > li {    position: relative;}.navbar-nav > .notifications-menu > .dropdown-menu > li.header,.navbar-nav > .messages-menu > .dropdown-menu > li.header,.navbar-nav > .tasks-menu > .dropdown-menu > li.header {    border-top-left-radius: 4px;    border-top-right-radius: 4px;    border-bottom-right-radius: 0;    border-bottom-left-radius: 0;    background-color: #ffffff;    padding: 7px 10px;    border-bottom: 1px solid #f4f4f4;    color: #444444;    font-size: 14px;}.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {    border-top-left-radius: 0;    border-top-right-radius: 0;    border-bottom-right-radius: 4px;    border-bottom-left-radius: 4px;    font-size: 12px;    background-color: #fff;    padding: 7px 10px;    border-bottom: 1px solid #eeeeee;    color: #444 !important;    text-align: center;}@media (max-width: 991px) {    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {        background: #fff !important;        color: #444 !important;    }}.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {    text-decoration: none;    font-weight: normal;}.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,.navbar-nav > .messages-menu > .dropdown-menu > li .menu,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {    max-height: 200px;    margin: 0;    padding: 0;    list-style: none;    overflow-x: hidden;}.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {    display: block;    white-space: nowrap;    /* Prevent text from breaking */    border-bottom: 1px solid #f4f4f4;}.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {    background: #f4f4f4;    text-decoration: none;}.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {    color: #444444;    overflow: hidden;    text-overflow: ellipsis;    padding: 10px;}.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {    width: 20px;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {    margin: 0;    padding: 10px 10px;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {    margin: auto 10px auto auto;    width: 40px;    height: 40px;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {    padding: 0;    margin: 0 0 0 45px;    color: #444444;    font-size: 15px;    position: relative;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {    color: #999999;    font-size: 10px;    position: absolute;    top: 0;    right: 0;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {    margin: 0 0 0 45px;    font-size: 12px;    color: #888888;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {    content: " ";    display: table;}.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {    clear: both;}.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {    padding: 10px;}.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {    font-size: 14px;    padding: 0;    margin: 0 0 10px 0;    color: #666666;}.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {    padding: 0;    margin: 0;}.navbar-nav > .user-menu > .dropdown-menu {    border-top-right-radius: 0;    border-top-left-radius: 0;    padding: 1px 0 0 0;    border-top-width: 0;    width: 280px;}.navbar-nav > .user-menu > .dropdown-menu,.navbar-nav > .user-menu > .dropdown-menu > .user-body {    border-bottom-right-radius: 4px;    border-bottom-left-radius: 4px;}.navbar-nav > .user-menu > .dropdown-menu > li.user-header {    padding: 10px;    text-align: center;}.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {    z-index: 5;    height: 90px;    width: 90px;    border-color: transparent;    border-color: rgba(255, 255, 255, 0.2);}.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {    z-index: 5;    color: #fff;    color: rgba(255, 255, 255, 0.8);    font-size: 17px;    margin-top: 10px;}.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {    display: block;    font-size: 12px;}.navbar-nav > .user-menu > .dropdown-menu > .user-body {    padding: 15px;    border-bottom: 1px solid #f4f4f4;    border-top: 1px solid #dddddd;}.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {    content: " ";    display: table;}.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {    clear: both;}.navbar-nav > .user-menu > .dropdown-menu > .user-body a {    color: #444 !important;}@media (max-width: 991px) {    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {        background: #fff !important;        color: #444 !important;    }}.navbar-nav > .user-menu > .dropdown-menu > .user-footer {    background-color: #f9f9f9;    padding: 10px;}.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {    content: " ";    display: table;}.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {    clear: both;}.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {    color: #666666;}@media (max-width: 991px) {    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {        background-color: #f9f9f9;    }}.navbar-nav > .user-menu .user-image {    /*float: left;*/    width: 25px;    height: 25px;    border-radius: 50%;    margin-right: 10px;    margin-top: -2px;}@media (max-width: 767px) {    .navbar-nav > .user-menu .user-image {        float: none;        margin-right: 0;        margin-top: -8px;        line-height: 10px;    }}/* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/.open:not(.dropup) > .animated-dropdown-menu {    backface-visibility: visible !important;    -webkit-animation: flipInX 0.7s both;    -o-animation: flipInX 0.7s both;    animation: flipInX 0.7s both;}@keyframes flipInX {    0% {        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);        transition-timing-function: ease-in;        opacity: 0;    }    40% {        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);        transition-timing-function: ease-in;    }    60% {        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);        opacity: 1;    }    80% {        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    }    100% {        transform: perspective(400px);    }}@-webkit-keyframes flipInX {    0% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);        -webkit-transition-timing-function: ease-in;        opacity: 0;    }    40% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);        -webkit-transition-timing-function: ease-in;    }    60% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);        opacity: 1;    }    80% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    }    100% {        -webkit-transform: perspective(400px);    }}/* Fix dropdown menu in navbars */.navbar-custom-menu > .navbar-nav > li {    position: relative;}.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {    position: absolute;    right: 0;    left: auto;}@media (max-width: 991px) {    .navbar-custom-menu > .navbar-nav {        float: right;;    }    .navbar-custom-menu > .navbar-nav > li {        position: static;    }    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {        position: absolute;        right: 5%;        left: auto;        border: 1px solid #ddd;        background: #fff;    }}/* * Misc: print * ----------- */@media print {    .no-print,    .main-sidebar,    .left-side,    .main-header,    .content-header {        display: none !important;    }    .content-wrapper,    .right-side,    .main-footer {        margin-left: 0 !important;        min-height: 0 !important;        -webkit-transform: translate(0, 0) !important;        -ms-transform: translate(0, 0) !important;        -o-transform: translate(0, 0) !important;        transform: translate(0, 0) !important;    }    .fixed .content-wrapper,    .fixed .right-side {        padding-top: 0 !important;    }    .invoice {        width: 100%;        border: 0;        margin: 0;        padding: 0;    }    .invoice-col {        float: left;        width: 33.3333333%;    }    .table-responsive {        overflow: auto;    }    .table-responsive > .table tr th,    .table-responsive > .table tr td {        white-space: normal !important;    }}/* * Skin * ---------- */.main-header .logo {  background-color: #0277bd;  color: #ffffff;  border-bottom: 0 solid transparent;}.main-header .logo:hover {  background-color: #1565c0;}.main-header li.user-header {  background-color: #3c8dbc;}.content-header {  background: transparent;}.wrapper,.main-sidebar,.left-side {  background-color: #222d32;}.user-panel > .info,.user-panel > .info > a {  color: #fff;}.sidebar-menu > li.header {  color: #4b646f;  background: #1a2226;}.sidebar-menu > li > a {  border-left: 3px solid transparent;}.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a {  color: #ffffff;  background: #1e282c;  border-left-color: #3c8dbc;}.sidebar-menu > li > .treeview-menu {  margin: 0 1px;  background: #2c3b41;}.sidebar a {  color: #b8c7ce;}.sidebar a:hover {  text-decoration: none;}.treeview-menu > li > a {  color: #8aa4af;}.treeview-menu > li.active > a,.treeview-menu > li > a:hover {  color: #ffffff;}.layout-top-nav .main-header > .logo {  background-color: #3c8dbc;  color: #ffffff;  border-bottom: 0 solid transparent;}.layout-top-nav .main-header > .logo:hover {  background-color: #3b8ab8;}/*   AJUSTES STYLE */.navbar-custom-menu > .navbar-nav{flex-direction:initial;}.navbar {padding: 0;color: #fff;}.navbar .navbar-nav>li>a {padding:15px;}  /* loader */ .box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,.7);border-radius:3px}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)} .col {margin-left:15px; margin-right:15px;} /* add panel bootstrap4 */ .panel-body{background:#fff;}