#content:fullscreen{overflow:scroll !important;}
#content:-ms-fullscreen{overflow:scroll !important;}
#content:-webkit-full-screen{overflow:scroll !important;}
#content:-moz-full-screen{overflow:scroll !important;}
@media only screen and (min-width:320px){}
@media only screen and (min-width:480px){}
@media only screen and (min-width:768px){}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1200px){}
#NavegationBar{padding:0px 15px 0px 15px;}
#dvContenido{padding-bottom:39px;}
.divPadding{padding-right:15px;padding-left:15px;}
.body-expanded,.modal-open{overflow-y:hidden;margin-right:15px;}
.body-expanded .expanded-panel,.fancybox-margin .expanded-panel,.modal-open .expanded-panel{margin-right:15px;}
.body-screensaver{overflow:hidden;}
h1,.h1,h2,.h2,h3,.h3{margin:0;}
#logo{position:relative;text-align:center;width:220px;}
.bg-rojo{background-color:#cc4747;color:#FFFFFF;}
.bg-naranja{background-color:#f19754;color:#FFFFFF;}
.bg-verde{background-color:#448e4d;color:#FFFFFF;}
.bg-neutro{background-color:#FBFBF0;color:#FFFFFF;}
.col-blanco{color:white;}
#drp-ope{min-width:150px;}
.btn-drag-over{border:2px dotted;padding:5px;}
.btn-drag-over-active{border:2px dotted #285e8e;background-color:#00639b33;}
body:not(.tox-fullscreen) .tox-tinymce{height:350px !important;}
@media only screen and (max-width:480px){#logo{width:120px;}
}

/* Embudo/sort a la derecha; titulo centrado en el area util (no pegado a la izquierda). */
.dataTables_wrapper th.mbs-column-filterable,
table[data-column-filters="true"] th.mbs-column-filterable {
    position: relative !important;
    padding-left: 12px !important;
    padding-right: 40px !important;
    text-align: center !important;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
    vertical-align: middle;
}

.dataTables_wrapper th.mbs-column-filterable.sorting,
.dataTables_wrapper th.mbs-column-filterable.sorting_asc,
.dataTables_wrapper th.mbs-column-filterable.sorting_desc {
    background-position: right 6px center !important;
}

.mbs-column-filter-button {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 14px !important;
    text-align: center;
    opacity: .85 !important;
    cursor: pointer !important;
    z-index: 20 !important;
    pointer-events: auto !important;
}

.mbs-column-filter-button .fa,
.mbs-column-filter-button .fas {
    color: inherit !important;
    pointer-events: none;
    font-size: 11px;
    line-height: 14px;
}

.mbs-column-filter-button:hover,
.mbs-column-filter-button:focus {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    opacity: 1 !important;
    outline: 0;
}

.mbs-column-filter-button.active {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.mbs-column-filter-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 38px;
    margin: 0 0 8px;
    padding: 6px 8px;
    border: 1px solid var(--brand-border, #c9dcec);
    border-radius: 5px;
    background: var(--brand-soft, #edf5fc);
    color: #34495e;
    font-size: 12px;
}

.mbs-column-filter-chip,
.mbs-column-filter-clear-all {
    min-height: 24px;
    border: 1px solid var(--brand-border, #c9dcec);
    border-radius: 12px;
    background: #fff;
    color: var(--brand-primary, #0B5CAB);
    font-size: 11px;
    line-height: 18px;
    cursor: pointer;
}

.mbs-column-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 320px;
    padding: 2px 9px;
}

.mbs-column-filter-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mbs-column-filter-clear-all {
    padding: 2px 10px;
    border-color: transparent;
    background: transparent;
}

.mbs-column-filter-chip:hover,
.mbs-column-filter-clear-all:hover {
    border-color: var(--brand-primary, #0B5CAB);
    background: #fff;
}

.mbs-column-filter-count {
    margin-left: auto;
    padding: 0 4px;
    color: #607080;
    white-space: nowrap;
}

.mbs-column-filter-popup {
    position: fixed;
    z-index: 10050;
    width: 285px;
    padding: 0;
    border: 1px solid var(--brand-border, #c9dcec);
    border-radius: 6px;
    background: #fff;
    box-shadow: var(--brand-shadow-lg, 0 8px 22px rgba(30, 65, 95, .22));
    color: #34495e;
    font-size: 12px;
}

.mbs-column-filter-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px 9px 12px;
    border-bottom: 1px solid var(--brand-border, #c9dcec);
    border-radius: 6px 6px 0 0;
    background: var(--brand-soft, #edf5fc);
    color: var(--brand-primary, #0B5CAB);
    font-weight: 600;
}

.mbs-column-filter-title-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mbs-column-filter-close {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--brand-primary, #0B5CAB);
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    opacity: .75;
}

.mbs-column-filter-close:hover,
.mbs-column-filter-close:focus {
    background: rgba(11, 92, 171, .12);
    opacity: 1;
    outline: 0;
}

.mbs-column-filter-body {
    padding: 10px 12px;
}

.mbs-column-filter-body > label {
    display: block;
    margin: 7px 0 4px;
    font-weight: 600;
}

.mbs-column-filter-search,
.mbs-column-filter-from,
.mbs-column-filter-to {
    height: 30px !important;
    border-color: var(--brand-input-border, #b8cadb) !important;
    font-size: 12px !important;
}

.mbs-column-filter-check-all {
    display: block;
    margin: 9px 0 4px !important;
    padding-bottom: 7px;
    border-bottom: 1px solid #e5edf4;
    font-weight: 600 !important;
}

.mbs-column-filter-options {
    max-height: 220px;
    overflow: auto;
}

.mbs-column-filter-options label {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    margin: 0;
    padding: 3px 2px;
    font-weight: 400;
    cursor: pointer;
}

.mbs-column-filter-options label:hover {
    background: var(--brand-soft, #edf5fc);
}

.mbs-column-filter-options input,
.mbs-column-filter-check-all input {
    margin: 0;
}

.mbs-column-filter-options small {
    display: block;
    padding: 7px 2px;
    color: #738394;
}

.mbs-column-filter-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding: 8px 12px;
    border-top: 1px solid #e5edf4;
    background: #f8fafc;
}

.mbs-column-filter-actions .btn {
    min-width: 72px;
    padding: 4px 10px;
    font-size: 12px;
}

@media (max-width: 575px) {
    .mbs-column-filter-popup {
        width: calc(100vw - 16px);
    }

    .mbs-column-filter-count {
        width: 100%;
        margin-left: 0;
    }
}
.dropdown-divider{height:0;margin:1px 5px;overflow:hidden;border-top:1px solid #e9ecef;}
.main-menu .dropdown-menu > li > a > span{padding-left:10px;}
#logo a{color:#fff;font-family:'Righteous',cursive;display:block;font-size:20px;line-height:50px;background:url(../img/logo.png) right 42px no-repeat;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
#logo a:hover{background-position:right 25px;text-decoration:none;}
.navbar{margin:0;border:0;position:fixed;height:50px;top:0;left:0;width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;z-index:20;}
.body-expanded .navbar{z-index:9;}
a.show-sidebar{float:left;color:#D8D8D8;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
a.show-alertas{float:left;padding-top:20px;color:#D8D8D8;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
#sidebar-left{position:relative;z-index:inherit;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
#sidebar-left::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#2f4050;}
#sidebar-left::-webkit-scrollbar{width:10px;background-color:#2f4050;}
#sidebar-left::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#2f4050;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar{width:10px;background-color:#2f4050;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
#content{position:relative;z-index:10;padding-top:10px;background:#ffffff;padding-right:0px !important;padding-left:0px !important;overflow:hidden;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.full-content{overflow:hidden;padding:0;margin:0;}
.nav.main-menu,.nav.msg-menu{margin:0 -15px;}
.nav.main-menu > li > a,.nav.msg-menu > li > a{text-align:center;color:#f0f0f0;min-height:40px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background:rgba(0,0,0,0.1);}
.nav.main-menu > li > a:hover,.nav.main-menu > li > a:focus,.nav.main-menu > li.active > a,.nav.main-menu .open > a,.nav.main-menu .open > a:hover,.nav.main-menu .open > a:focus,.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover,.dropdown-menu > li.active > a,.nav.msg-menu > li > a:hover,.nav.msg-menu > li > a:focus,.nav.msg-menu > li.active > a,.nav.msg-menu .open > a,.nav.msg-menu .open > a:hover,.nav.msg-menu .open > a:focus{background:rgba(0,0,0,0.2);color:#f0f0f0;}
.nav.main-menu a.active,.nav.msg-menu a.active{background:rgba(0,0,0,0.2);}
.nav.main-menu a.active:hover,.nav.msg-menu a.active:hover{background:rgba(0,0,0,0.2);}
.nav.main-menu a.active-parent,.nav.msg-menu a.active-parent{background:rgba(0,0,0,0.3);}
.nav.main-menu a.active-parent:hover,.nav.msg-menu a.active-parent:hover{background:rgba(0,0,0,0.3);}
.nav.main-menu > li > a > i,.nav.msg-menu > li > a > i{font-size:18px;width:auto;display:block;text-align:center;vertical-align:middle;}
.main-menu .dropdown-menu{position:absolute;z-index:2001;left:100%;top:0;float:none;margin:0;border:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;padding:0;box-shadow:none;visibility:hidden;}
.main-menu .active-parent:hover + .dropdown-menu{visibility:visible;}
.main-menu .active-parent + .dropdown-menu:hover{visibility:visible;}
.dropdown-menu .menu_tercer_nivel{background:rgba(0,0,0,0.2);}
.menu_tercer_nivel{position:relative !important;z-index:4000;left:0 !important;padding-left:5px !important;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);visibility:hidden;}
.dropdown:hover .active-parent + .menu_tercer_nivel{visibility:visible;}
.main-menu .dropdown-menu > li > a{padding:6px 10px 6px 20px;}
.main-menu .dropdown-menu > li:first-child > a{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
.main-menu .dropdown-menu > li:last-child > a{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
#top-panel{line-height:50px;height:50px;}
#main{margin-top:50px;min-height:800px;overflow:hidden;}
#search{position:relative;margin-left:20px;}
#search > input{width:80%;background:#dfdfdf;border:1px solid #C7C7C7;text-shadow:0 1px 1px #EEE;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#686868;line-height:1em;height:30px;padding:0 35px 0 10px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
#search > input + i{opacity:0;position:absolute;top:18px;right:10px;color:#fff;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
#search > input:focus{width:100%;outline:none;}
#search > input:focus + i{opacity:1;}
.panel-menu{margin:0;}
.top-panel-right{padding-left:0;}
.panel-menu > li > a{padding:0 5px 0 10px;line-height:50px;}
.panel-menu > li > .modal-link{padding:0 5px 0 10px;line-height:80px;}
.panel-menu > li > .modal-link:hover{text-decoration:none;background:none;}
.panel-menu > li > a:hover{}
.panel-menu a.account{height:50px;padding:5px 0 5px 10px;line-height:18px;}
.panel-menu i{margin-top:8px;padding:5px;font-size:20px;color:#D8D8D8;line-height:1em;vertical-align:top;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.panel-menu > li > a:hover > i{color:#F5F5F5;}
.panel-menu i.pull-right{color:#D8D8D8;border:0;box-shadow:none;font-size:16px;background:none !important;}
.panel-menu .badge{margin-top:3px;padding:3px 6px;vertical-align:top;margin-left:-4px;}
.avatar{width:40px;float:left;margin-right:5px;}
.avatar > img{width:40px;height:40px;border:1px solid #F8F8F8;}
.user-mini > span{display:block;color:#D8D8D8;font-size:14px;margin-bottom:-4px;}
.user-mini > span.welcome{font-weight:bold;margin-top:2px;}
.panel-menu .dropdown-menu{position:absolute !important;padding:0;border:0;right:0;left:auto;min-width:100%;}
.panel-menu .dropdown-menu > li > a{padding:5px 10px !important;color:#262626;}
.panel-menu .dropdown-menu > li > a > i{border:0;padding:0;margin:0;font-size:14px;width:20px;display:inline-block;text-align:center;vertical-align:middle;}
.well{padding:15px;}
.box{display:block;border:1px solid #f8f8f8;background:transparent;margin-bottom:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:relative;border:1px solid #ccc;}
.full-content .box{border:0;margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.box-header{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:inherit;position:relative;overflow:hidden;height:auto !important;}
.box-name,.modal-header-name{padding-left:15px;line-height:28px;}
.box-name:hover{}
.box-name > i{margin-right:5px;}
.box-icons{position:absolute;top:0;right:0;z-index:9;}
.no-move{display:none;}
.clearfloat{clear:both;}
.expanded .no-move{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;}
.box-content-login{position:relative;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:15px;overflow-y:auto;}
/* overflow-y:auto sin overflow-x explícito → el navegador pone overflow-x:auto y sale 2ª barra con DataTables. */
.box-content{position:relative;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:15px;background:#fff;overflow-x:hidden;overflow-y:auto;}
.box-content.dropbox,.box-content.sortablebox{overflow:hidden;}
.box-footer{margin:10px -15px 0px -15px;}
.full-content .box-content{height:100%;position:absolute;width:100%;left:0;top:0;}
.box-icons a{cursor:pointer;text-decoration:none !important;border-left:1px solid #fafafa;height:26px;line-height:26px;width:28px;display:block;float:left;text-align:center;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.box-icons a.beauty-table-to-json{width:auto;padding:0 10px;font-size:14px;}
.box-icons a:hover{box-shadow:inset 0 0 1px 0 #CECECE;}
.expanded a.close-link{display:none;}
#sidebar-left.col-xs-2{opacity:0;width:0%;padding:0;}
#sidebar-left .main-menu .dropdown .dropdown-menu{max-height:70vh;overflow-y:auto;width:220px;}
.sidebar-show #sidebar-left.col-xs-2{opacity:1;width:16.666666666666664%;padding:0 15px;}
.sidebar-show #content.col-xs-12{opacity:1;width:83.33333333333334%;}
#dvFakefooter.col-xs-2{opacity:0;width:0%;padding:0;}
.sidebar-show #dvFakefooter.col-xs-2{opacity:1;width:16.666666666666664%;padding:0 15px;}
.sidebar-show #dvFooter.col-xs-12{opacity:1;width:83.33333333333334%;}
.expanded{overflow-y:scroll;border:0;z-index:3000 !important;position:fixed;width:100%;height:100%;top:0;left:0;padding:0px;background:rgba(0,0,0,0.2);-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.expanded-padding{background:rgba(0,0,0,0.7);padding:50px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.no-padding{padding:0 !important;}
.padding-15{padding:15px !important;}
.no-padding .table-bordered{border:0;margin:0;}
.no-padding .table-bordered thead tr th:first-child,.no-padding .table-bordered tbody tr th:first-child,.no-padding .table-bordered tfoot tr th:first-child,.no-padding .table-bordered thead tr td:first-child,.no-padding .table-bordered tbody tr td:first-child,.no-padding .table-bordered tfoot tr td:first-child{border-left:0px !important;}
.no-padding .table-bordered thead tr th:last-child,.no-padding .table-bordered tbody tr th:last-child,.no-padding .table-bordered tfoot tr th:last-child,.no-padding .table-bordered thead tr td:last-child,.no-padding .table-bordered tbody tr td:last-child,.no-padding .table-bordered tfoot tr td:last-child{border-right:0px !important;}
.table-heading thead tr{background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf);}
table.no-border-bottom tr:last-child td{border-bottom:0;}
.dataTables_wrapper{overflow:hidden;}
.dataTables_wrapper table.table{clear:both;max-width:inherit;margin-bottom:0;}
.table-datatable *,.table-datatable:after,.table-datatable:before{margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box;}
.table-datatable label{position:relative;display:block;font-weight:400;}
.table-datatable tbody td{vertical-align:middle !important;}
.table-datatable img{margin-right:10px;border:1px solid #F8F8F8;width:40px;}
.table-datatable .sorting{background:url(../img/sort.png) right center no-repeat;padding-right:16px;cursor:pointer;}
.table-datatable .sorting_asc{background:url(../img/sort-asc.png) right center no-repeat;padding-right:16px;cursor:pointer;}
.table-datatable .sorting_desc{background:url(../img/sort-desc.png) right center no-repeat;padding-right:16px;cursor:pointer;}
div.DTTT_collection_background{z-index:2002;}
div.DTTT .btn{color:#333 !important;font-size:12px;}
ul.DTTT_dropdown.dropdown-menu{z-index:2003;background:rgba(0,0,0,0.7) !important;padding:0;border:0;margin:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;min-width:157px;}
ul.DTTT_dropdown.dropdown-menu li{position:relative;}
ul.DTTT_dropdown.dropdown-menu > li > a{position:relative;display:block;padding:5px 10px !important;color:#f0f0f0 !important;}
ul.DTTT_dropdown.dropdown-menu > li:first-child > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
ul.DTTT_dropdown.dropdown-menu > li:last-child > a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
ul.DTTT_dropdown.dropdown-menu > li:hover > a{background:rgba(0,0,0,0.3);color:#f0f0f0;}
.dataTables_wrapper input[type="text"]{display:block;width:90%;height:26px;padding:2px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-appearance:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.dataTables_wrapper input[type="text"]:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
#breadcrumb{padding:0;line-height:40px;background:#525252;background:#5a8db6 url(../img/devoops_pattern_b10.png) 0 0 repeat;margin-bottom:20px;}
.breadcrumb{padding:0 15px;background:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;}
.breadcrumb > li > a{color:#d8d8d8;}
.breadcrumb > li > a:hover,.breadcrumb > li:last-child > a{color:#f8f8f8;}
.bs-callout{padding:15px;border-left:3px solid #525252;background:#dfdfdf;}
.bs-callout h4{margin-top:0;margin-bottom:5px;color:#525252;}
.no-padding .bs-callout{border:0;}
.page-header{margin:0 0 10px;border-bottom:1px solid #c7c7c7;}
.box-content .page-header,legend,.full-calendar .page-header{margin:0 0 10px;border-bottom:1px dashed #B6B6B6;}
.invoice-header{margin:0 0 10px;border-bottom:1px dashed #B6B6B6;display:inline-block;}
.box-content .form-group,.devoops-modal-inner .form-group{}
.show-grid [class^="col-"]{padding-top:10px;padding-bottom:10px;background-color:#525252;background-color:rgba(129,199,199,0.2);border:1px solid #ebebeb;}
.show-grid [class^="col-"]:hover{padding-top:10px;padding-bottom:10px;background-color:rgba(107,134,182,0.2);border:1px solid #ebebeb;}
.show-grid,.show-grid-forms{margin-bottom:15px;}
.show-grid-forms [class^="col-"]{padding-top:10px;padding-bottom:10px;}
.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th,td.beauty-hover{background-color:rgba(219,219,219,0.3) !important;}
.table-hover > tbody > tr:hover > td.beauty-hover:hover{background-color:rgba(219,219,219,0.9) !important;}
.DTTT.btn-group{position:absolute;top:-28px;right:83px;border-right:1px solid #DBDBDB;}
.DTTT.btn-group a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:1em;font-size:14px;font-weight:bold;outline:none;box-shadow:none !important;padding:6px 12px;margin:0;background:#F7F7F7;border:0;}
#screensaver{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background:#000;display:none;}
#screensaver.show{display:block;}
#canvas{position:relative;}
#screensaver i{position:absolute;top:50px;right:50px;background:rgba(255,255,255,0.5);line-height:100px;width:100px;height:100px;text-align:center;font-size:60px;color:rgba(0,0,0,0.8);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.progress{overflow:visible;}
.progress-ui{height:10px;}
.progress-bar{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.progress-bar.ui-widget-content{background:none;border:0;height:100%;position:relative;}
.progress-bar .ui-state-default{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:10px;width:10px;top:0;margin-left:-5px;cursor:pointer;border:0px solid #d3d3d3;outline:none !important;background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf);}
.progress-bar .ui-widget-header{background:#D8D8D8;}
.progress-bar-primary .ui-widget-header{background:#6AA6D6;color:#f8f8f8;}
.progress-bar-success .ui-widget-header{background:#63CC9E;color:#f8f8f8;}
.progress-bar-info .ui-widget-header{background:#7BC5D3;color:#f8f8f8;}
.progress-bar-warning .ui-widget-header{background:#DFD271;color:#f8f8f8;}
.progress-bar-danger .ui-widget-header{background:#D15E5E;color:#f8f8f8;}
.progress-bar .ui-state-default{background:#b8b8b8;}
.progress-bar-primary .ui-state-default{background:#5a8db6;}
.progress-bar-success .ui-state-default{background:#54ae86;}
.progress-bar-info .ui-state-default{background:#69a8b4;}
.progress-bar-warning .ui-state-default{background:#beb360;}
.progress-bar-danger .ui-state-default{background:#b25050;}
.slider-range-min-amount,.slider-range-max-amount,.slider-range-amount{border:0;background:none;outline:none !important;}
.progress-bar.ui-slider-vertical{width:20px;}
.progress-bar.ui-slider-vertical .ui-state-default{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:20px;width:20px;top:auto;margin-left:0px;left:0;}
#equalizer .progress{height:160px;display:inline-block;margin:15px;}
.beauty-table{width:100%;border-collapse:separate;border-spacing:0;}
.beauty-table input{border:1px solid transparent;background:none;font-size:16px;text-align:center;padding:2px 15px !important;width:100%;outline:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.beauty-table input:focus{border:1px solid #dfdfdf;background:#fefefe;font-size:16px;text-align:center;padding:2px 15px !important;width:100%;outline:none;}
.c{color:#999;display:block;}
.nt{color:#2f6f9f;}
.na{color:#4f9fcf;}
.s{color:#d44950;}
.radio,.checkbox,.radio-inline,.checkbox-inline{position:relative;}
.radio label,.checkbox label,.radio-inline label,.checkbox-inline label{font-weight:normal;cursor:pointer;padding-left:8px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.radio + .radio,.checkbox + .checkbox{margin-top:10px;}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;clip:rect(0,0,0,0);}
.checkbox i,.checkbox-inline i,.radio i,.radio-inline i{cursor:pointer;position:absolute;left:0;top:0;font-size:24px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
.checkbox i.small,.checkbox-inline i.small,.radio i.small,.radio-inline i.small{font-size:18px;top:2px;}
.checkbox input[type=checkbox]:checked + i:before,.checkbox-inline input[type=checkbox]:checked + i:before{content:"\f046";}
.radio input[type=radio]:checked + i:before,.radio-inline input[type=radio]:checked + i:before{content:"\f192";}
.toggle-switch{position:relative;width:60px;}
.toggle-switch input{display:none;}
.toggle-switch label{display:block;overflow:hidden;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.toggle-switch-inner{width:200%;margin-left:-100%;-webkit-transition:margin 0.3s ease-in 0s;-moz-transition:margin 0.3s ease-in 0s;-o-transition:margin 0.3s ease-in 0s;transition:margin 0.3s ease-in 0s;}
.toggle-switch-inner:before,.toggle-switch-inner:after{float:left;width:50%;height:20px;padding:0;line-height:20px;font-size:12px;text-shadow:1px 1px 1px #FFFFFF;color:#929292;background-color:#F5F5F5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.toggle-switch-inner:before{content:"ON";padding-left:15px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;}
.toggle-switch-inner:after{content:"OFF";padding-right:15px;text-align:right;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;}
.toggle-switch-switch{width:20px;margin:0;border:2px solid #d8d8d8;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:0;bottom:0;right:40px;color:#f8f8f8;line-height:1em;text-shadow:0 0px 1px #ADADAD;text-align:center;-webkit-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf);}
.toggle-switch input:checked + .toggle-switch-inner{margin-left:0;}
.toggle-switch input:checked + .toggle-switch-inner + .toggle-switch-switch{right:0px;}
.toggle-switch-danger input:checked + .toggle-switch-inner + .toggle-switch-switch{border:2px solid #D15E5E;background:#D15E5E;}
.toggle-switch-warning input:checked + .toggle-switch-inner + .toggle-switch-switch{border:2px solid #DFD271;background:#DFD271;}
.toggle-switch-info input:checked + .toggle-switch-inner + .toggle-switch-switch{border:2px solid #7BC5D3;background:#7BC5D3;}
.toggle-switch-success input:checked + .toggle-switch-inner + .toggle-switch-switch{border:2px solid #63CC9E;background:#63CC9E;}
.toggle-switch-primary input:checked + .toggle-switch-inner + .toggle-switch-switch{border:2px solid #6AA6D6;background:#6AA6D6;}
.select2-container .select2-selection--single{height:24px !important;}
.select2-selection{display:block;height:26px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #aaa;white-space:nowrap;line-height:20px;color:#444;text-decoration:none;border-radius:4px;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,#fff));background-image:-webkit-linear-gradient(center bottom,#eee 0%,#fff 50%);background-image:-moz-linear-gradient(center bottom,#eee 0%,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);background-image:linear-gradient(top,#fff 0%,#eee 50%);}
.select2-selection__rendered{margin-right:26px;padding-left:2px !important;padding-right:2px !important;display:block;overflow:hidden;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;line-height:inherit !important;}
.select2-results__options{overflow-x:hidden;}
.select2-selection__arrow{display:inline-block;width:18px !important;height:100% !important;position:absolute !important;right:0 !important;top:0 !important;border-left:1px solid #aaa;border-radius:0 4px 4px 0;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0%,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0%,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 0);background-image:linear-gradient(top,#ccc 0%,#eee 60%);}
.select2-container .select2-choice{height:30px;}
.select2-search__field{width:100% !important;height:auto !important;min-height:26px;padding:4px 20px 4px 5px !important;margin:0;outline:0;font-family:sans-serif;font-size:1em;border:1px solid #aaa !important;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:#fff url(../../plugins/select2/select2.png) no-repeat 100% -22px;background:url(../../plugins/select2/select2.png) no-repeat 100% -22px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,#fff),color-stop(0.99,#eee));background:url(../../plugins/select2/select2.png) no-repeat 100% -22px,-webkit-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../../plugins/select2/select2.png) no-repeat 100% -22px,-moz-linear-gradient(center bottom,#fff 85%,#eee 99%);background:url(../../plugins/select2/select2.png) no-repeat 100% -22px,linear-gradient(top,#fff 85%,#eee 99%);}
.select2-results{font-size:12px;max-height:200px;padding:0 0 0 4px;margin:0px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.select2-results__option{padding:3px 7px 4px;}
.knob-slider{position:relative;text-align:center;display:inline-block;width:100%;margin-bottom:5px;}
.knob-slider > div{display:inline-block !important;}
.knob-slider input{outline:none !important;}
.ipod{background:#dedede;text-align:center;padding:50px 0;}
.knob-clock{text-align:center;}
.knob-clock > div{font-size:50px;text-align:center;color:#a2a2a2;}
.knob{border:0;background:0;}
.box-pricing:hover{box-shadow:0 0 5px #525252;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.box-pricing .row-fluid > div{padding:18px 15px 8px;line-height:1.428571429;vertical-align:top;}
.box-pricing .row-fluid.centered > div{background-color:#f5f5f5;padding:8px;text-align:center;}
.box-pricing .row-fluid.centered > div:nth-child(odd){background-color:#f9f9f9;}
.box-pricing .box-header{height:80px;padding:10px 0;}
.box-pricing .box-name{padding:0 10px;text-align:center;}
.box-pricing .box-name:hover{cursor:inherit;}
#messages #breadcrumb{margin-bottom:0;position:fixed;width:100%;z-index:2;}
#messages-menu{position:fixed;top:90px;background:#a5a5a5;margin:0;height:100%;z-index:2;}
#messages-list{margin-top:40px;padding:0;}
.one-list-message{background:#F1F1F1;border-bottom:1px solid #CCC;padding:15px 15px 15px 25px;margin:0;}
.one-list-message .checkbox{margin:0;overflow:hidden;white-space:nowrap;}
.one-list-message .message-title{overflow:hidden;white-space:nowrap;width:80%;}
.one-list-message .message-date{overflow:hidden;white-space:nowrap;font-size:11px;line-height:20px;text-align:center;position:absolute;right:10px;font-weight:bold;background:#D8D8D8;padding:0;width:50px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#000;}
.form-control{height:24px;padding:2px 8px;}
.input-lg{height:39px;}
.input-sm{height:18px;}
.bg-default{background:#D8D8D8 !important;}
.bg-primary{background:#6AA6D6 !important;color:#f8f8f8 !important;}
.bg-success{background:#63CC9E !important;color:#f8f8f8 !important;}
.bg-info{background:#7BC5D3 !important;color:#f8f8f8 !important;}
.bg-warning{background:#DFD271 !important;color:#f8f8f8 !important;}
.bg-danger{background:#D15E5E !important;color:#f8f8f8 !important;}
.txt-default{color:#D8D8D8 !important;}
.txt-primary{color:#6AA6D6 !important;}
.txt-success,.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#63CC9E !important;}
.txt-info{color:#7BC5D3 !important;}
.txt-warning,.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#DFD271 !important;}
.txt-danger,.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#D15E5E !important;}
.has-success .form-control{border-color:#63CC9E;}
.has-warning .form-control{border-color:#DFD271;}
.has-error .form-control{border-color:#D15E5E;}
.has-success .form-control:focus{border-color:#63CC9E;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #63CC9E;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #63CC9E;}
.has-warning .form-control:focus{border-color:#DFD271;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFD271;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #DFD271;}
.has-error .form-control:focus{border-color:#D15E5E;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #D15E5E;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #D15E5E;}
.select2-container-multi .select2-choices{min-height:26px;display:block;height:26px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #aaa;white-space:nowrap;line-height:26px;color:#444;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,#fff));background-image:-webkit-linear-gradient(center bottom,#eee 0%,#fff 50%);background-image:-moz-linear-gradient(center bottom,#eee 0%,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);background-image:linear-gradient(top,#fff 0%,#eee 50%);}
.select2-container-multi .select2-choices .select2-search-field input{padding:0;margin:0;}
.has-feedback .form-control-feedback{width:26px;height:26px;line-height:26px;}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{min-height:inherit;padding-top:0;}
.form-horizontal .control-label{padding-top:4px;}
#dvGeneralCampos .form-horizontal,#dvGeneralCampos fieldset .form-horizontal{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:4px;}
#dvGeneralCampos .form-horizontal > div[class*="col-"],#dvGeneralCampos fieldset .form-horizontal > div[class*="col-"]{float:none !important;overflow:hidden;box-sizing:border-box;}
@media (min-width:1200px){#dvGeneralCampos .form-horizontal > .col-lg-3,#dvGeneralCampos fieldset .form-horizontal > .col-lg-3{flex:0 0 calc(25% - 12px);max-width:calc(25% - 12px);width:calc(25% - 12px);}
#dvGeneralCampos .form-horizontal > .col-lg-4,#dvGeneralCampos fieldset .form-horizontal > .col-lg-4{flex:0 0 calc(33.33333333% - 10.666px);max-width:calc(33.33333333% - 10.666px);width:calc(33.33333333% - 10.666px);}
#dvGeneralCampos .form-horizontal > .col-lg-6,#dvGeneralCampos fieldset .form-horizontal > .col-lg-6{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);width:calc(50% - 8px);}
#dvGeneralCampos .form-horizontal > .col-lg-12,#dvGeneralCampos fieldset .form-horizontal > .col-lg-12{flex:0 0 100%;max-width:100%;width:100%;}}
@media (min-width:992px) and (max-width:1199px){#dvGeneralCampos .form-horizontal > .col-md-6,#dvGeneralCampos fieldset .form-horizontal > .col-md-6{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);width:calc(50% - 8px);}}
#dvGeneralCampos .form-horizontal > div[class*="col-"] > .control-label,#dvGeneralCampos .form-horizontal > div[class*="col-"] > div[class*="col-"],#dvGeneralCampos fieldset .form-horizontal > div[class*="col-"] > .control-label,#dvGeneralCampos fieldset .form-horizontal > div[class*="col-"] > div[class*="col-"]{float:none !important;width:100%;display:block;padding-left:0;padding-right:0;}
.input-group-addon{padding:0px 2px;}
.form-group .form-control,.form-group .input-group{margin-bottom:5px;}
.input-group .form-control{margin:0;}
#ui-datepicker-div{background:rgba(0,0,0,0.7) !important;border:0;}
#ui-datepicker-div .ui-widget-header{background:rgba(0,0,0,0.2);border:0;border-bottom:1px solid #686868;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#f8f8f8;padding:1px 0;}
#ui-datepicker-div.ui-widget-content{color:#f8f8f8 !important;}
#ui-datepicker-div .ui-state-default,#ui-datepicker-div .ui-widget-content .ui-state-default,#ui-datepicker-div .ui-widget-header .ui-state-default{background:none;border:0;color:#f8f8f8;text-align:center;}
#ui-datepicker-div .ui-state-hover,#ui-datepicker-div.ui-widget-content .ui-state-hover,#ui-datepicker-div .ui-widget-header .ui-state-hover,#ui-datepicker-div .ui-state-focus,#ui-datepicker-div.ui-widget-content .ui-state-focus,#ui-datepicker-div .ui-widget-header .ui-state-focus,#ui-datepicker-div .ui-state-highlight,#ui-datepicker-div.ui-widget-content .ui-state-highlight,#ui-datepicker-div .ui-widget-header .ui-state-highlight{background:rgba(0,0,0,0.3) !important;border:0;top:2px;}
#ui-datepicker-div .ui-datepicker-group{border-left:1px solid #686868;}
#ui-datepicker-div .ui-datepicker-group:first-child{border-left:0;}
#ui-datepicker-div .ui-datepicker-buttonpane{margin:0;}
#ui-datepicker-div .ui-datepicker-group table{margin:0 auto !important;}
.ui-datepicker .ui-datepicker-prev{left:2px !important;cursor:pointer;}
.ui-datepicker .ui-datepicker-next{right:2px !important;cursor:pointer;}
.ui-icon-circle-triangle-w{background:url(../img/ui-left.png) 0 0 no-repeat !important;}
.ui-icon-circle-triangle-e{background:url(../img/ui-right.png) 0 0 no-repeat !important;}
.ui-icon-circle-arrow-s{background:url(../img/ui-accordion-down.png) 0 0 no-repeat !important;}
.ui-icon-circle-arrow-e{background:url(../img/ui-accordion-right.png) 0 0 no-repeat !important;}
#ui-datepicker-div .ui-slider-horizontal{background:rgba(0,0,0,0.5);height:4px;border:0;}
#ui-datepicker-div .ui-slider-horizontal .ui-slider-handle{background:#D8D8D8 !important;border:1px solid #f8f8f8;height:8px;width:8px;top:-2px;margin-left:-4px;outline:none;cursor:pointer;}
.ui-spinner-input{margin:0;}
.ui-spinner .form-control{margin-bottom:0;}
#tabs.ui-widget-content,#tabs .ui-widget-header{border:0;background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#tabs .ui-widget-header{border-bottom:1px solid #d8d8d8;}
#tabs .ui-state-default,#tabs.ui-widget-content .ui-state-default,#tabs .ui-widget-header .ui-state-default{border:0;margin:0 0 -1px 0;background:none !important;}
#tabs .ui-state-active,#tabs.ui-widget-content .ui-state-active,#tabs .ui-widget-header .ui-state-active{background:none !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:pointer;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin:0;padding:0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:5px 15px;outline:none !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{background:#fcfcfc;border:1px solid #d8d8d8;border-bottom:0;}
.ui-tabs .ui-tabs-nav{padding:0;}
.ui-tabs .ui-tabs-panel{padding:1em 0;}
.ui-widget{}
.jqstooltip{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:0!important;text-align:center !important;margin:0px!important;width:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0px;}
#accordion{padding-bottom:10px;}
.ui-accordion .ui-accordion-header{padding:6px 12px;margin:0;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.ui-accordion .ui-accordion-icons{padding-left:28px;}
.ui-accordion-header.ui-state-default{background:#d0d0d0 !important;border:1px solid #fcfcfc;border-left:0;border-right:0;}
.ui-accordion-header.ui-state-hover,.ui-accordion-header.ui-state-focus{background:#b3b3b3 !important;outline:none;}
.ui-accordion-header.ui-state-active{background:#999999 !important;outline:none;}
.ui-accordion .ui-accordion-content{padding:10px 15px !important;background:none;border:1px solid #d8d8d8;border-top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#simple_gallery{text-align:center;}
#simple_gallery a.fancybox{display:inline-block;padding:5px;}
#simple_gallery a.fancybox img{width:100%;padding:2px;border:1px solid #979797;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#simple_gallery a.fancybox img:hover{box-shadow:0 0 10px #C7C7C7;}
.justifiedGallery{overflow:hidden;width:100%;}
.jg-row{position:relative;white-space:nowrap;}
.justifiedGallery .jg-image{position:absolute;display:inline-block;vertical-align:top;margin-left:0;}
.justifiedGallery .jg-image a{text-decoration:none;}
.justifiedGallery .jg-image img{border:none;}
.justifiedGallery .jg-image-label{white-space:normal;font:normal 12px arial;background:#000;color:#fff;position:absolute;left:0;right:0;padding:5px 5px 10px 8px;text-align:left;opacity:0;}
.ex-tooltip{position:absolute;display:none;z-index:2000;}
.morris-hover{position:absolute;z-index:1000;}
.morris-hover.morris-default-style,.ex-tooltip{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 20px;color:#525252;background:rgba(255,255,255,0.8);font-size:12px;text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
#dashboard-header{margin-bottom:20px;}
#dashboard_links{padding:0;}
#dashboard_links .nav{background:#3575A0 url(../img/devoops_pattern_b10.png) 0 0 repeat;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;overflow:hidden;}
#dashboard_links .nav-stacked > li{border-bottom:1px solid rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.12);font-size:12px;font-weight:700;line-height:15px;padding:0;margin:0;}
#dashboard_links .nav-pills > li > a{color:#f8f8f8;display:block;padding:20px 10px 20px 15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;outline:none;}
#dashboard_links .nav-pills > li.active{border-top-color:rgba(0,0,0,0.11);position:relative;margin:0;}
#dashboard_links .nav-pills > li.active > a,#dashboard_links .nav-pills > li.active > a:hover,#dashboard_links .nav-pills > li.active > a:focus,#dashboard_links .nav > li > a:hover,#dashboard_links .nav > li > a:focus{background:rgba(0,0,0,0.1);}
#dashboard_links .nav-pills > li.active > a:before{font-family:FontAwesome;content:"\f0da";position:absolute;left:-2px;font-size:30px;color:#f8f8f8;}
#dashboard_tabs{background:#f8f8f8;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
#dashboard-overview{padding-bottom:15px;}
.dashboard-loading{display:block;margin-left:auto;margin-right:auto;padding-top:60px;width:25%;}
.dashboard-loading-texto{text-align:center;margin-top:-30px;}
.sparkline-dashboard{float:left;margin-right:10px;text-align:center;}
.sparkline-dashboard-info{float:left;display:block;text-align:center;}
.sparkline-dashboard-info span{display:block;font-weight:bold;color:#b25050;}
#ow-marketplace{margin-top:20px;}
.ow-server{padding-top:8px;padding-bottom:25px;}
.ow-server:hover{background:#e7e7e7;}
.ow-server .page-header{padding-bottom:3px;}
.ow-server h4 i{position:absolute;left:15px;}
.ow-server small{position:absolute;right:15px;top:51px;}
.ow-server-bottom{margin-top:25px;}
.ow-server-bottom .knob-slider{font-size:11px;}
#ow-server-footer{overflow:hidden;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.ow-settings{position:absolute;top:7px;left:40px;display:none;}
.ow-settings a{color:#525252;}
.ow-server:hover .ow-settings{display:block;}
#ow-server-footer a{display:block;padding:10px 0;border-left:1px solid #f8f8f8;text-decoration:none;}
#ow-server-footer a:first-child{border-left:0;}
#ow-server-footer span{display:block;}
.m-table > thead > tr > th,.m-table > tbody > tr > th,.m-table > tfoot > tr > th,.m-table > thead > tr > td,.m-table > tbody > tr > td,.m-table > tfoot > tr > td{vertical-align:middle;padding:2px 5px;}
.m-ticker span{display:block;font-size:0.8em;line-height:1em;}
.m-price{text-align:right;}
.m-change .fa-angle-up{color:#54ae86;font-weight:bold;}
.m-change .fa-angle-down{color:#b25050;font-weight:bold;}
#ow-summary{font-size:12px;}
#ow-summary b{float:right;padding:1px 4px;margin:1px;border:1px solid #d8d8d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#ow-donut{margin:0 0 20px;}
#ow-donut > div{padding:0;}
#ow-activity .row{margin:0 0 0 -15px;font-size:13px;}
#ow-setting{border:1px solid #C7C7C7;padding:0;position:absolute;width:158px;height:28px;top:1px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;opacity:0;right:-200px;-webkit-transition:0.1s;-moz-transition:0.1s;-o-transition:0.1s;transition:0.1s;}
#ow-marketplace:hover #ow-setting{opacity:1;right:15px;}
#ow-setting a{text-align:center;float:left;margin-left:10px;color:#d8d8d8;font-size:16px;display:block;line-height:28px;width:20px;height:26px;-webkit-transition:0.1s;-moz-transition:0.1s;-o-transition:0.1s;transition:0.1s;}
#ow-setting a:hover{font-size:16px;color:#222;line-height:24px;}
#ow-licenced{margin:20px 0;}
#ow-licenced .row{margin:0;}
#ow-stat .row{margin:0;}
#dashboard-clients .one-list-message{background:none;padding:10px 15px;}
#dashboard-clients .one-list-message:last-child{border-bottom:0;}
#dashboard-clients .one-list-message .message-date{position:relative;width:auto;right:auto;left:15px;padding:0 15px;}
.v-txt{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);position:absolute;top:60px;left:-20px;color:#d8d8d8;font-size:18px;box-shadow:0 0 10px #d8d8d8;padding:0px 5px;}
.full-calendar{padding:25px 0;background:#FCFCFC;}
.external-event{padding:2px 6px;margin:4px 0;background:#f5f5f5;}
.external-event:hover{cursor:move;background:#6AA6D6;color:#f8f8f8;}
#add-new-event{background:#EBEBEB;margin-bottom:30px;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.modal-backdrop{z-index:2000;}
.modal{z-index:2001;}
.fc-event{border:1px solid #6AA6D6;background-color:#6AA6D6;}
.qq-upload-drop-area{position:absolute;background:#fcfcfc;width:100%;height:100%;}
.qq-upload-button{float:right;margin:20px 15px 0 0;}
.qq-upload-list{position:relative;z-index:3;margin:60px 15px 0;padding:0;list-style:none;}
.qq-upload-list li{position:relative;display:inline-block;padding:15px;margin:15px;border:1px solid #E6E6E6;text-align:center;font-size:12px;background:rgba(245,245,245,0.9);}
.qq-upload-settings{opacity:0;visibility:hidden;bottom:0;position:absolute;width:100%;left:0;padding:7px 0;background:#FFF;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.qq-upload-list li:hover .qq-upload-settings{opacity:1;visibility:visible;}
.qq-upload-list li img{border:1px solid #b4b4b4;margin-bottom:5px;}
.qq-upload-filename{display:block;overflow:hidden;}
.qq-upload-file,.qq-upload-size,.qq-upload-status-text{display:block;}
.qq-dropped-zone{position:absolute;top:5%;left:50%;margin-left:-71px;text-align:center;font-weight:bold;}
.qq-dropped-zone i{font-size:5em;display:block;color:#f5f5f5;text-shadow:0 -1px 1px #d8d8d8;}
#page-500 h1,.page-404 h1{font-size:5em;}
.page-404 .form-inline{margin:40px auto;width:60%;padding:15px;background:#FAFAFA;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.page-404 .input-group-btn:last-child > .btn,.page-404 .input-group-btn:last-child > .btn-group{margin-left:-1px;margin-bottom:0;height:39px;}
#page-500 h3,.page-404 h3{margin:5px 0 20px;}
.preloader{position:absolute;width:100%;height:100%;left:0;background:#ebebeb;z-index:2000;}
.devoops-getdata{position:absolute;top:25px;left:15px;color:#ebebeb;}
#page-500,#page-login{position:absolute;height:100%;width:100%;}
#page-500{background:#ebebeb;}
#page-500 img{display:block;margin:30px auto;}
#page-login .logo{position:absolute;}
#page-login h3{font-size:20px;font-family:'Righteous',cursive;}
#page-login .text-right{margin-top:15px;}
#page-login .box{margin-top:15%;}
.one-result{margin-top:20px;}
.one-result p{margin:0;}
.large{font-size:1.25em;}
.nav-search > li.active > a{background:#F0F0F0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#525252;border-bottom:1px solid #CECECE;font-weight:bold;}
.page-feed .avatar{width:60px;float:left;margin:10px 15px;text-align:center;overflow:hidden;}
.page-feed .avatar img{width:60px;height:60px;border:1px solid #F8F8F8;}
.page-feed-content{position:relative;padding:3px 15px 5px;background:#FCFCFC;margin-left:90px;min-height:80px;}
.page-feed-content small.time{font-style:italic;}
.page-feed .page-feed-content:before{font-family:FontAwesome;content:"\f0d9";position:absolute;left:-10px;top:15px;font-size:30px;color:#fcfcfc;}
.likebox{overflow:hidden;}
.likebox .navbar-nav{margin:0;}
.likebox .navbar-nav li{margin-right:15px;float:left;}
.likebox .fa-thumbs-up{color:#6AA6D6;}
.likebox .fa-thumbs-down{color:#D15E5E;}
#modalbox{display:none;position:fixed;overflow:auto;overflow-x:hidden;top:0;right:0;bottom:0;left:0;z-index:5000;background:rgba(0,0,0,0.8);}
#modalbox .devoops-modal{position:absolute;top:90px;margin-left:-300px;left:50%;border:1px solid #f8f8f8;box-shadow:0 0 20px #6AA6D6;background:transparent;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:600px;z-index:6000;}
#modalbox .devoops-modal-header{color:#363636;font-size:16px;position:relative;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #E4E4E4;height:28px;}
#modalbox .devoops-modal-inner{position:relative;overflow:hidden;padding:15px;background:#FCFCFC;}
#modalbox .devoops-modal-bottom{position:relative;overflow:hidden;padding:15px;background:#d8d8d8;}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:4px 10px;margin-left:-1px;line-height:1.428571429;color:#969696;text-decoration:none;background-color:#F5F5F5;border:1px solid #D8D8D8;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color:#8A8A8A;background-color:#eee;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#979797;cursor:not-allowed;background-color:#FCFCFC;border-color:#D8D8D8;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;cursor:default;}
.fancybox-nav{position:fixed;width:50%;}
.fancybox-close{position:fixed;top:20px;right:36px;background:url(../img/times.png) 0 0 no-repeat;}
.fancybox-prev span{left:21px;background:url(../img/chevron-left.png) 0 0 no-repeat;}
.fancybox-next span{right:36px;background:url(../img/chevron-right.png) 0 0 no-repeat;}
#social a{margin:10px 3px;color:#666;display:block;float:left;}
#event_delete{margin-left:20px;}
@media (min-width:768px){#sidebar-left .main-menu .dropdown .dropdown-menu{max-height:70vh;overflow-y:auto;width:220px;}
#sidebar-left.col-sm-2{opacity:1;width:220px;padding:0 15px;}
.sidebar-show #sidebar-left.col-sm-2{opacity:0;width:0;padding:0;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#2f4050;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar{width:10px;background-color:#2f4050;}
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
.sidebar-show #content.col-sm-10{opacity:1;width:100%;}
#dvFakefooter.col-sm-2{opacity:1;width:16.666666666666664%;padding:0 15px;}
.sidebar-show #dvFakefooter.col-sm-2{opacity:0;width:0;padding:0;}
.sidebar-show #dvFooter.col-sm-10{opacity:1;width:100%;}
.page-404 .form-inline{width:60%;}
}
@media (min-width:992px){.nav.main-menu > li > a,.nav.msg-menu > li > a{text-align:left;}
.nav.main-menu > li > a > i,.nav.msg-menu > li > a > i{font-size:14px;width:20px;display:inline-block;}
.main-menu .dropdown-menu{position:relative;z-index:inherit;left:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);visibility:visible;}
.main-menu .dropdown-menu > li > a{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;}
.page-404 .form-inline{width:40%;}
#sidebar-left .main-menu .dropdown .dropdown-menu{max-height:70vh;overflow-y:auto;width:auto;}
#sidebar-left.col-sm-2{opacity:1;width:220px;padding:0 15px;}
.sidebar-show #sidebar-left.col-sm-2{opacity:0;width:0;padding:0;}
#sidebar-left::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#2f4050;}
#sidebar-left::-webkit-scrollbar{width:10px;background-color:#2f4050;}
#sidebar-left::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
}
@media (max-width:767px){#main{margin-top:50px;}
#messages-menu{top:140px;}
.page-404 .form-inline{width:100%;}
#dashboard_links .nav{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
#dashboard_links .nav-stacked > li{float:left;}
#dashboard_links .nav-pills > li > a{padding:15px;}
#dashboard_links .nav-pills > li.active > a:before{bottom:0;left:50%;margin-left:-9px;}
}
@media (max-width:620px){}
@media (max-width:400px){.panel-menu a.account{padding:5px 0px 5px 0;}
.avatar{margin:0;}
.panel-menu i.pull-right{margin-left:0;}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background:none;}
#dashboard_links .nav-stacked > li{float:none;}
#dashboard_links .nav-pills > li.active > a:before{display:none;}
}
.spn_header_plantilla{font-size:12px;font-style:italic;}
.thGridFija{background-color:#345780 !important;}
.thGrid{font-weight:bold;height:30px;text-align:center;border-bottom:solid gray 0px;border-width:1px;border-bottom-style:solid;padding:0px 15px 0px 15px !important;}
.trGrid:hover{background-color:#F8F8F8;}
.tdGrid{height:25px;font-weight:normal;text-decoration:none;text-align:center;line-height:15px;padding:0px 5px 0px 5px;white-space:pre-wrap;}
.footerGrilla{background-image:linear-gradient(to bottom,#eaeaea,#e0e0e0);border-bottom:1px solid #ccc;border-top:1px solid #e7eaec;font-size:13px;color:#4D6185;font-weight:bold;font-family:Calibri,Segoe UI,Tahoma;height:30px;text-align:center;padding:0px 15px 0px 15px;}
.footerCeldaGrilla{padding:0px 3px 0px 3px;white-space:nowrap;text-align:center;}
.datosImagen{padding:3px;color:#505559;height:30px;font-weight:normal;font-size:12px;font-family:Calibri,Segoe UI,Tahoma;text-decoration:none;text-align:center;}
.tdGrid a{padding:3px;color:gray;text-decoration:underline;}
.datosGrilla_cliente{height:25px;text-align:center;color:#696969;background-color:Yellow;}
.no_display{display:none;}
.btn-transparent{cursor:pointer;background-color:transparent;border:1px solid transparent;padding:0px;}
.btnAyuda{cursor:pointer;background-color:transparent;border:1px solid transparent;padding:0px;}
.botonTabla{}
.botonDefecto{width:20px !important;min-width:20px !important;max-width:40px !important;padding-left:10px !important;padding-right:8px !important;text-align:center !important;box-sizing:border-box;background-image:none !important;overflow:hidden;}
table.dataTable thead th.botonDefecto:before,
table.dataTable thead th.botonDefecto:after,
table.dataTable thead th.no-sort:before,
table.dataTable thead th.no-sort:after,
table.dataTable thead td.botonDefecto:before,
table.dataTable thead td.botonDefecto:after,
table.dataTable thead td.no-sort:before,
table.dataTable thead td.no-sort:after{display:none !important;content:none !important;}
table.dataTable thead th.botonDefecto,
table.dataTable thead td.botonDefecto{padding-left:10px !important;padding-right:8px !important;background-image:none !important;cursor:default !important;}
table.dataTable thead th.no-sort,
table.dataTable thead td.no-sort{padding-right:0 !important;background-image:none !important;cursor:default !important;}
.btnEliminar{cursor:pointer;margin-left:4px;}
.btnEditar{cursor:pointer;margin-right:4px;}
.btnOperaciones{cursor:pointer;}
.btnLink {cursor: pointer;}
.btnCopiar{color:#379A1C !important;cursor:pointer;}
.colorAzul{color:#3E6899 !important;cursor:pointer;}
.colorRojo{color:#3E6899 !important;cursor:pointer;}
.colorDorador{color:#dda71e;}
.colorVerde{color:#379A1C !important;cursor:pointer;}
tr.trGrid td{border-bottom:solid gray 0px;border-width:1px;border-bottom-style:solid;}
tr.borderTabla td{border-bottom:solid gray 0px;border-width:1px;border-bottom-style:solid;}
.paginacion{height:25px;background-color:#DBDBDB;text-align:center;color:#333333;}
.link{cursor:pointer;}
.linkpaginacion{font-weight:normal;cursor:pointer;}
.linkpaginacionactual{font-weight:bold;text-decoration:underline;}
.draggablelista{font-family:Arial;border:1px solid #d3d3d3;font-weight:normal;color:#555555;}
.divdrag{height:170px;font-size:12px;overflow-y:scroll;overflow-x:hidden;border:1px solid #ccc;}
.divChkList{font-family:Arial;height:50px;font-size:12px;width:200px;overflow-y:scroll;overflow-x:hidden;border:1px solid #ccc;}
.over{border:2px dashed #000;}
.dragthis{margin-bottom:2px;margin-top:2px;margin-left:2px;margin-right:2px;border-radius:2px;cursor:move;width:99%;line-height:20px;padding:2px;}
.ui-draggable-dragging{z-Index:99999;position:absolute;}
.tablajquery{margin:0;padding:0;list-style-type:none;}
.divDelete{padding-top:10px;text-align:center;}
.sortthis{margin-bottom:2px;margin-top:2px;margin-left:2px;margin-right:2px;border-radius:2px;padding:2px;line-height:20px;cursor:move;}
.drophere{}
.user_online{background-color:green;height:15px;width:15px;margin-left:10px;border-radius:10px;vertical-align:sub;display:inline-block;}
.user_offline{background-color:red;height:15px;width:15px;margin-left:10px;border-radius:10px;vertical-align:sub;display:inline-block;}
.row_buttons{float:right;margin:10px -15px 0px -15px;}
.tablaLoading{filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.modalBackground{background-color:Gray;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.form-buttons{padding-left:10px;}
.red{color:#EF4548 !important;}
.fondo_red{background-color:#EF4548 !important;border-color:#EF4548 !important;}
.popUp{margin:0px 0px 0px 0px !important;}
.boton_position{float:right;margin-bottom:5px;}
.combo_lista{height:200px !important;border:1px solid #ccc;color:#696969;}
.footer_popup{text-align:right !important;}
.textcenter{text-align:center !important;}
.textright{text-align:right !important;}
.right{float:right !important;}
.textleft{text-align:left !important;}
.left{float:left !important;}
.nopaddingleft{padding-left:0px !important;}
.borderbottom{border-bottom:1px solid #999999;}
.lineheight15{line-height:15px !important;}
.lineheight70{line-height:70px !important;}
.justify{text-align:justify !important;text-justify:inter-word;}
.nobold{font-weight:normal !important;}
.btnClose{margin-top:-2px;float:right;color:red;padding-right:10px;}
.btnMaps{color:#5cb85c;}
.full-width{width:100% !important;}
.table-condensed{font-weight:normal;font-size:13px;}
.olvidecontrasena{font-weight:bold;text-align:center;padding-top:5px;font-size:13px;}
.failureNotification{font-size:1.0em;color:Red;text-align:center;}
.dropdown-alerts{padding:10px 10px 10px 10px !important;width:310px !important;min-width:0;max-height:350px;overflow:auto;}
.dropdown-menu>li>div:focus,.dropdown-menu>li>div:hover{color:#262626;text-decoration:none;background-color:#f9f9f9;}
.dropdown-menu>li>div{padding:0px 20px 0px 20px;min-height:0;font-size:12px;}
.dropdown-menu{border:medium none;border-radius:3px;display:none;float:left;left:0;list-style:none outside none;position:absolute;text-shadow:none;top:100%;z-index:1000;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;margin:2px 0 0;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;}
.top-panel-right .ulMenu .dropdown .dropdown-menu{background-color:#fff !important;}
.dropdown-alerts-close-button{position:relative;padding-top:5px;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:red;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80);}
.dropdown-alerts-close-button:focus,.dropdown-alerts-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=30);filter:alpha(opacity=30)}
.barra_info_exito{border:1px solid #666;background-color:#FFFFCC;display:block;}
.barra_info_error{border:1px solid #666;background-color:#FFAEAE;display:block;}
.fakefooter{height:42px;}
.footer{border-top:1px solid #e7eaec;bottom:0;left:0;padding:10px 20px;position:absolute;right:0;border-bottom:1px solid #ccc;}
.footer.fixed_full{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 20px;background:white;border-top:1px solid #e7eaec;}
.footer.fixed{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 20px;background:white;border-top:1px solid #e7eaec;margin-left:220px;}
.footer_label{border:1px solid gray;padding:2px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;min-width:80px;margin-top:5px;text-align:right;}
body.mini-navbar .footer.fixed,body.body-small.mini-navbar .footer.fixed{margin:0 0 0 70px;}
body.mini-navbar.canvas-menu .footer.fixed,body.canvas-menu .footer.fixed{margin:0 !important;}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed{margin:0 0 0 220px;}
body.body-small .footer.fixed{margin-left:0;}
#overlayAlertas{background:#fff !important;color:#4D6185 !important;max-width:200px;max-height:400px;overflow-y:auto;}
.dataTables_scrollBody{max-height:400px;}
.datatable-scroll{overflow-x:auto;overflow-y:visible;}
/* Evita 2ª barra horizontal cuando DataTables ya tiene sScrollX (.dataTables_scroll). */
.datatable-scroll:has(.dataTables_scroll){overflow-x:visible;overflow-y:visible;}
.dataTablePopupLayout{table-layout:fixed;width:100% !important;overflow-x:auto;}
.uitooltip{padding:8px;background:#000000;position:absolute;z-index:9999;max-width:300px;border-radius:4px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;pointer-events:none;}
.uitooltip,.arrow:after{background:white;border:2px solid white;}
.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px;}
.arrow.top{top:-16px;bottom:auto;}
.arrow.left{left:20%;}
.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.arrow.top:after{bottom:-20px;top:auto;}
.no-margins{margin:0 !important;}
.text-green{color:#1ab394;}
.text-red{color:#ed5565;}
.font-bold{font-weight:600;}
.stat-percent{float:right;}
.wrapper{padding:0 20px;}
.wrapper-content{padding:10px 15px 40px;}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.contact-box.center-version{border:1px solid #ccc;padding:0;}
.contact-box{background-color:#ffffff;border:1px solid #ccc;padding:20px;margin-bottom:20px;}
.contact-box .center-version address{margin-bottom:0;}
.m-b-xs{margin-bottom:5px;}
.m-t-md{margin-top:20px;}
.m-t-xs{margin-top:5px;}
.contact-box .contact-box-footer{text-align:center;background-color:#ffffff;border-top:1px solid #ccc;padding:15px 20px;}
.contact-box.center-version > a{display:block;background-color:#ffffff;padding:15px;text-align:center;overflow-y:auto;}
.contact-box.center-version > a > address > div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%;}
.contact-box.center-version > a:not(.excluir_height){height:330px;}
.contact-box > a{color:inherit;text-decoration:none;}
.contact-box.center-version > a img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
a:hover,a:focus{text-decoration:none;}
.btn-white{color:inherit;background:white;border:1px solid #e7eaec;}
.cd-horizontal-timeline{opacity:0;margin:2em auto;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;}
.cd-horizontal-timeline::before{content:'mobile';display:none;}
.cd-horizontal-timeline.loaded{opacity:1;}
.cd-horizontal-timeline .timeline{position:relative;height:150px;width:90%;max-width:800px;margin:0 auto;}
.cd-horizontal-timeline .events-wrapper{position:relative;height:100%;margin:0 40px;overflow:hidden;}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px;}
.cd-horizontal-timeline .events-wrapper::before{left:0;}
.cd-horizontal-timeline .events-wrapper::after{right:0;}
.cd-horizontal-timeline .events{position:absolute;z-index:1;left:0;top:75px;height:2px;background:#dfdfdf;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s;}
.cd-horizontal-timeline .filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#7b9d6f;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;}
.cd-horizontal-timeline .events a{position:absolute;bottom:0;z-index:2;text-align:center;font-size:1.3rem;padding-bottom:15px;color:#383838;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}
.cd-horizontal-timeline .events a::after{content:'';position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border:2px solid #dfdfdf;background-color:#f8f8f8;-webkit-transition:background-color 0.3s,border-color 0.3s;-moz-transition:background-color 0.3s,border-color 0.3s;transition:background-color 0.3s,border-color 0.3s;}
.no-touch .cd-horizontal-timeline .events a:hover::after{background-color:#7b9d6f;border-color:#7b9d6f;}
.cd-horizontal-timeline .events a.timelineSelected::after{background-color:#7b9d6f;border-color:#7b9d6f;}
.cd-horizontal-timeline .events a.older-event::after{border-color:#7b9d6f;}
@media only screen and (min-width:1100px){.cd-horizontal-timeline{}
.cd-horizontal-timeline::before{content:'desktop';}
}
.cd-timeline-navigation{list-style:none}
.cd-timeline-navigation a{position:absolute;z-index:1;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border:2px solid #dfdfdf;overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap;-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s;transition:border-color 0.3s;}
.cd-timeline-navigation a::after{content:'';position:absolute;height:16px;width:16px;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../../img/cd-arrow.png) no-repeat 0 0;background-size:10px;background-position:top;}
.cd-timeline-navigation a.prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.cd-timeline-navigation a.next{right:0;}
.no-touch .cd-timeline-navigation a:hover{border-color:#7b9d6f;}
.cd-timeline-navigation a.inactive{cursor:not-allowed;}
.cd-timeline-navigation a.inactive::after{background-position:bottom;}
.no-touch .cd-timeline-navigation a.inactive:hover{border-color:#dfdfdf;}
.cd-horizontal-timeline .events-content{position:relative;width:100%;margin:2em 0;overflow:hidden;-webkit-transition:height 0.4s;-moz-transition:height 0.4s;transition:height 0.4s;}
.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);padding:0 5%;opacity:0;-webkit-animation-duration:0.4s;-moz-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}
.cd-horizontal-timeline .events-content li.timelineSelected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{-webkit-animation-name:cd-enter-right;-moz-animation-name:cd-enter-right;animation-name:cd-enter-right;}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-name:cd-enter-left;-moz-animation-name:cd-enter-left;animation-name:cd-enter-left;}
.cd-horizontal-timeline .events-content li.leave-right,.cd-horizontal-timeline .events-content li.leave-left{-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse;}
.cd-horizontal-timeline .events-content li > *{max-width:800px;margin:0 auto;}
.cd-horizontal-timeline .events-content h2{font-weight:bold;font-size:2.6rem;font-weight:700;line-height:1.2;}
.cd-horizontal-timeline .events-content em{display:block;font-style:italic;margin:0px auto;}
.cd-horizontal-timeline .events-content em::before{content:'- ';}
.cd-horizontal-timeline .events-content p{font-size:1.4rem;color:#959595;}
.cd-horizontal-timeline .events-content em,.cd-horizontal-timeline .events-content p{}
.cd-list{list-style:none;}
.cd-list a{width:150px;}
.cd-list a div[title]{width:150px;margin-top:-43px;position:absolute;}
.cd-list a div i{width:40px;height:40px;padding:8px 0px;border-radius:20px;text-align:center;font-size:20px;line-height:1.42857;color:#fff;}
.cd-list a div i.objetivo_blue{background-color:#337ab7;border-color:#2e6da4;}
.cd-list a div i.objetivo_red{background-color:#b73333;border-color:#b73333;}
@media only screen and (min-width:768px){.cd-horizontal-timeline .events-content h2{font-size:3rem;}
.cd-horizontal-timeline .events-content em{font-size:18px;}
.cd-horizontal-timeline .events-content p{}
}
@-webkit-keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);}
100%{opacity:1;-webkit-transform:translateX(0%);}
}
@-moz-keyframes cd-enter-right{0%{opacity:0;-moz-transform:translateX(100%);}
100%{opacity:1;-moz-transform:translateX(0%);}
}
@keyframes cd-enter-right{0%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
}
@-webkit-keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);}
100%{opacity:1;-webkit-transform:translateX(0%);}
}
@-moz-keyframes cd-enter-left{0%{opacity:0;-moz-transform:translateX(-100%);}
100%{opacity:1;-moz-transform:translateX(0%);}
}
@keyframes cd-enter-left{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
}
.fa-small{font-size:10px;}
.collapse-link{cursor:pointer;}
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
.scrollbar::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
.fc-more-popover{overflow-y:auto;max-height:40%;max-width:15%;}
.fc-more-popover::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;}
.fc-more-popover::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}
.fc-more-popover::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#999999;}
.informe-title{font-size:25px;padding-top:15px;text-align:center;}
.informe-descripcion{font-size:16px;padding-top:10px;padding-bottom:20px;text-align:center;font-weight:normal !important;}
.informe-subtitle{font-size:20px;padding-top:10px;}
.informe-texto{text-align:justify;text-justify:inter-word;font-weight:normal !important;}
.informe-conclusiones{padding-top:20px;padding-bottom:20px;text-align:justify;text-justify:inter-word;font-weight:normal !important;}
.swiper-container{width:750px;height:500px;}
.swiper-slide{border-radius:12px;background-color:white;height:450px !important;width:650px !important;margin:50px !important;padding:25px;}
.swiper-slider-titulo{font-size:24px;font-weight:bold;}
.swiper-slider-texto{padding-top:20px;}
.swiper-slider-img{width:100%;}
.swiper-slide-mensaje-cerrar{padding-top:15%;font-size:24px;font-weight:bold;height:300px;text-align:center;}
.swiper-slide-cerrar{height:80px;width:100%;text-align:center;padding:37.5px 40px;border-top:2px solid #dadae9;display:inline-block;}
@media screen and (max-width:768px){.celular_ocultar{display:none !important;}
}
.col-doble-izq{padding-left:0px !important;}
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#2f4050;overflow-x:hidden;transition:0.5s;padding-top:60px;}
.sidenav a{padding:3px 3px 3px 3px;text-decoration:none;font-size:15px;color:#f0f0f0;display:block;transition:0.3s;}
.sidenav a i{padding:10px;}
.sidenav a:hover{color:#f1f1f1;}
.float-btn-container{position:fixed;top:50px;right:0px;overflow:hidden;}
.float-btn{display:block;font-size:15px;cursor:pointer;color:#fff;background-color:#2f4050;padding:5px 8px 5px 5px;border-radius:5px 0 0 5px;cursor:pointer;width:0px;overflow:hidden;transition:width 0.3s ease;}
.float-btn:hover{width:40px;}
.close-sidenav-btn{font-size:21px;cursor:pointer;color:#f0f0f0;background-color:transparent;border:none;position:absolute;bottom:10px;z-index:2;padding:2px 10px 2px 10px;margin:5px;}
.close-sidenav-btn:hover{color:#f1f1f1;background-color:rgba(255,255,255,0.1);border-radius:50%;}
.sidenav a i:hover{color:#f1f1f1;background-color:rgba(255,255,255,0.2);border-radius:50%;}
.sidenav-item{width:250px;background-color:#fff;overflow:hidden;}
.close-sidenav-btn-item{font-size:24px;cursor:pointer;color:#676a6c;background-color:transparent;border:none;position:absolute;top:50px;right:0px;z-index:2;padding:0px 10px 0px 10px;margin:5px;}
,.close-sidenav-btn-item:hover{color:#f1f1f1;background-color:rgba(255,255,255,0.1);border-radius:50%;}
.mySidenav_item_title{color:#676a6c;font-weight:bold;height:40px;line-height:40px;padding:0px 50px 10px 10px;border-bottom:solid 1px #d8d8d8;}
.sidenav_title{font-size:13px;}
.mySidenav_tareas_añadir{margin:10px !important;font-weight:bold;}
.mySidenav_notas_añadir{margin:10px !important;font-weight:bold;}
.mySidenav_tareas_contenido{max-height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden;}
.mySidenav_notas_contenido{max-height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden;}
.mySidenav_tareas_contenido::-webkit-scrollbar{width:8px;}
.mySidenav_notas_contenido::-webkit-scrollbar{width:8px;}
.mySidenav_tareas_contenido::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;}
.mySidenav_notas_contenido::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;}
.mySidenav_tareas_contenido::-webkit-scrollbar-thumb:hover{background-color:#555;}
.mySidenav_tareas_contenido{padding:10px 0px 20px 0px;}
.mySidenav_notas_contenido::-webkit-scrollbar-thumb:hover{background-color:#555;}
.mySidenav_notas_contenido{padding:10px 0px 20px 0px;}
.mySidenav_form_control{height:24px;color:#555;display:block;width:100%;line-height:1.4;color:#555;background-image:none;border:none;outline:none;}
.circular-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.3s ease;}
.circular-checkbox:hover{background-color:#e4e4e4;color:white;border:none;position:absolute;margin-top:-3px;width:25px;height:25px;}
.circular-checkbox .check-symbol{display:none;color:#357ebd;font-weight:bold;}
.circular-checkbox:hover .check-symbol{display:block;}
.circular-checkbox-unhover .check-symbol{display:block;}
.circular-checkbox-unhover{background-color:#e4e4e4;color:white;border:none;position:absolute;margin-top:-3px;width:25px;height:25px;}
.task-group:hover{background-color:#f1f1f1;}
.tareas-toolbar{padding:0 10px 8px 10px;font-size:12px;color:#555;}
.tareas-filtro-completadas{font-weight:normal;cursor:pointer;}
.tareas-vacio{padding:16px 12px;font-size:12px;color:#888;text-align:center;}
.tarea-vcto{font-size:12px;display:inline-block;margin-top:2px;}
.tarea-vcto-vencida{color:#ed5565;font-weight:bold;}
.tarea-vcto-proxima{color:#c97a36;font-weight:bold;}
.tarea-vcto-completada{color:#999;}
.cuadro{border:1px solid #ddd;border-radius:10px;padding:10px;position:relative;width:230px;margin-left:10px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.4);box-shadow:0 0 0 1px rgba(0,0,0,.4);}
.texto{color:#333;padding-bottom:10px;}
.hora{position:absolute;bottom:5px;right:10px;font-size:10px;color:#666;}
.tachado{position:relative;}
.tachado::after{content:"";position:absolute;bottom:45%;left:0;right:0;border-top:1px solid black;}
#menuContextual{display:none;position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,0.2);z-index:1000;cursor:pointer;padding:5px;min-width:100px;font-size:14px;}
#menuContextual a{display:block;padding:5px;text-decoration:none;color:#333;}
#menuContextual a:hover{background-color:#f0f0f0;}
.opciones-icon{display:none;position:absolute;padding:5px;cursor:pointer;z-index:2;}
.form-group.task-group{position:relative;}
#myKanban{overflow-x:auto;padding:20px 0;}
.kanban_success{background:#00b961;color:#ffffff;}
.kanban_info{background:#2a92bf;color:#ffffff;}
.kanban_warning{background:#f4ce46;color:#ffffff;}
.kanban_error{background:#fb7d44;color:#ffffff;}
.custom-button{background-color:#4CAF50;border:none;color:white;padding:7px 15px;margin:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;}
.kanban-title-board:hover{cursor:pointer;}
.kanban-title-board:active{cursor:move;}
.kanban-item:hover{cursor:pointer !important;}
.kanban-item:active{cursor:move;}
.timeline{width:80%;margin:auto;border-collapse:collapse;}
.timeline tr{border-bottom:1px solid #ccc;}
.timeline td{padding:12px;position:relative;}
.timeline tr:nth-child(even){background:#f0f0f0;}
.timeline-container{display:grid;grid-template-columns:20% 10% 5% 40% 20%;align-items:center;position:relative;}
.timeline-line{position:absolute;width:3px;background:#999999;top:0;bottom:0;left:32%;transform:translateX(-50%);}
.timeline-point{width:10px;height:10px;background-color:#333333;border-radius:50%;position:absolute;left:32%;transform:translateX(-50%);z-index:2;}
.kanban-tablero{display:flex;gap:15px;overflow-x:auto;padding-bottom:15px;}
.kanban-column{background:#fff;border-radius:8px;width:270px;min-width:270px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);border:1px solid #dcdcdc;}
.kanban-column h2{font-size:14px;margin:0 0 10px 0;padding:5px 10px;border-radius:6px;color:white;display:flex;justify-content:space-between;align-items:center;}
.title-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:180px;}
.column-dev h2{background-color:#3478f6;}
.column-docs h2{background-color:#4ab3f4;}
.column-invoice h2{background-color:#3c9cfc;}
.column-delivery h2{background-color:#28c7b7;}
.column-final h2{background-color:#ff9800;}
.kanban-card{background:white;border-radius:10px;padding:10px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,0.15);border:2px solid #006cff;position:relative;cursor:move;}
.kanban-card .top-actions{position:absolute;right:8px;top:15px;display:flex;flex-direction:column;gap:6px;}
.kanban-card .top-actions .tooltip-actions{position:relative;display:inline-block;font-size:14px;color:#888;cursor:pointer;}
.tooltiptext{visibility:hidden;width:max-content;background-color:#333;color:#fff;text-align:center;padding:4px 8px;border-radius:6px;font-size:12px;position:absolute;top:50%;left:-8px;transform:translate(-100%,-50%);white-space:nowrap;opacity:0;transition:opacity 0.2s;z-index:1;}
.tooltip-actions:hover .tooltiptext{visibility:visible;opacity:1;}
.kanban-card .title{font-weight:bold;font-size:14px;color:#333;}
.kanban-card .status-title{font-size:13px;color:#006cff;font-weight:bold;}
.kanban-card .amount{font-weight:bold;font-size:14px;}
.kanban-card .label-kanban{font-size:12px;color:#999;}
.kanban-card .responsible{display:flex;align-items:center;margin:6px 0;}
.kanban-card .responsible img{width:20px;height:20px;border-radius:50%;margin-right:6px;}
.kanban-card .responsible-name{font-size:13px;color:#006cff;font-weight:bold;}
.kanban-card .footer-actions{display:flex;justify-content:space-between;font-size:11px;color:#666;margin-top:10px;}
.kanban-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.25);}
.emoji{font-size:12px !important;line-height:1;}
.kanban-column.collapsed{width:40px !important;min-width:40px;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;}
.kanban-column.collapsed h2{flex-direction:column;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:15px;cursor:pointer;white-space:nowrap;text-align:center;height:40%;display:flex;align-items:center;text-align:center;justify-content:center;padding:0 2px;}
.kanban-column.collapsed .kanban-card{display:none;}
.kanban-column h2{cursor:pointer;}
.no-draggable{opacity:0.7;cursor:default;}
.link-campo{cursor:pointer;text-decoration:underline;font-weight:bold;}
.dropdown-button{display:inline-block;}
.dropdown-button-toggle{color:white;cursor:pointer;}
.dropdown-button-content{display:none;position:fixed;background-color:white;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.2);z-index:1000;overflow:hidden;}
.dropdown-button-content div{padding:10px 16px;text-decoration:none;display:block;cursor:pointer;}
.dropdown-button-content div i span{font-family:Calibri,Segoe UI,Tahoma;font-weight:500;}
.dropdown-button:hover .dropdown-button-content{display:block;}
.dropdown-button-content div:hover{background-color:#f1f1f1;}
.grid-fieldsets{display:flex;gap:5px;}
.grid-columna{flex:1;display:flex;flex:1 1 50%;max-width:50%;flex-direction:column;gap:5px;}
fieldset{border:2px solid #007bff;border-radius:5px;padding:10px;}
legend{font-weight:bold;color:#4D6185;padding:0 10px;}
@media (max-width:768px){.grid-fieldsets{grid-template-columns:1fr;}
}
#visorDocContainer{width:96vw;max-width:1380px;margin-top:4px;color:#4D6185;}
#visorDocHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #d7dde8;background:#f7f9fc;}
#visorDocSummary{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#33496b;flex-wrap:wrap;}
#visorDocCounter{font-weight:600;white-space:nowrap;}
#visorDocTitle{min-width:0;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#4D6185;}
.visor-doc-icon-btn{width:30px;height:28px;padding:3px 0;text-align:center;line-height:18px;}
.visor-doc-mode-toggle{display:inline-flex;border:1px solid #c9d1df;border-radius:4px;overflow:hidden;background:#fff;}
.visor-doc-mode-btn{border:0!important;border-radius:0!important;margin:0!important;padding:4px 10px!important;background:#fff;color:#4D6185;font-size:12px;line-height:18px;}
.visor-doc-mode-btn.active{background:#337ab7;color:#fff;}
.visor-doc-seleccion-hint{font-size:12px;color:#71809a;white-space:nowrap;}
#visorDocBody{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:10px;padding:10px;background:#eef2f7;transition:grid-template-columns .2s ease;}
#visorDocContainer[data-lista='oculta'] #visorDocBody{grid-template-columns:minmax(0,1fr) 280px;gap:10px;}
#visorDocContainer[data-lista='oculta'] #visorDocList{display:none;}
#btnVisorDocToggleLista{font-weight:700;color:#33496b;}
#visorDocContainer[data-lista='oculta'] #btnVisorDocToggleLista{color:#337ab7;}
#btnVisorDocToggleObservaciones{padding:3px 8px!important;font-size:12px;line-height:20px;color:#33496b;}
#btnVisorDocToggleObservaciones.active{background:#337ab7;color:#fff;border-color:#2e6da4;}
#visorDocContainer[data-observaciones='oculta'] #visorDocBody{grid-template-columns:240px minmax(0,1fr);}
#visorDocContainer[data-observaciones='oculta'] #visorDocObservacionesPanel{display:none;}
#visorDocContainer[data-lista='oculta'][data-observaciones='oculta'] #visorDocBody{grid-template-columns:minmax(0,1fr);}
#visorDocWrapper{display:flex;align-items:stretch;justify-content:center;min-width:0;min-height:0;}
#visorDocSingle{width:100%;min-width:0;}
#visorDoc{width:100%;height:calc(100vh - 230px);min-height:520px;max-height:720px;border:1px solid #c9d1df;overflow:hidden;position:relative;background:#242424;}
#visorDocContent{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
#visorDocContent iframe,#visorDocContent img,#visorDocContent pre{width:100%;height:100%;border:0;}
#visorDocContent pre{width:100%;height:100%;overflow:auto;padding:10px;text-align:left;box-sizing:border-box;background:#fff;}
#visorDocContent img{object-fit:contain;}
#visorDocinfo{text-align:center;font-size:12px;line-height:1.45;color:#4D6185;}
#visorDocloader{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:10;}
.spinner{width:40px;height:40px;border:4px solid #ccc;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin{100%{transform:rotate(360deg);}
}
#visorDocFooter{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px 12px;background:#fff;border-top:1px solid #d7dde8;}
#visorDocdotsContainer{display:flex;justify-content:center;align-items:center;gap:8px;min-height:12px;}
#visorDocdotsContainer .dot{width:9px;height:9px;border-radius:50%;background:#c7ccd4;cursor:pointer;}
#visorDocdotsContainer .dot.active{background-color:#33496b;}
#visorDocList{display:flex;flex-direction:column;gap:6px;min-height:0;max-height:calc(100vh - 230px);overflow:auto;padding:2px;}
.visor-doc-list-item{display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px;border:1px solid #d7dde8;background:#fff;color:#4D6185;text-align:left;cursor:pointer;border-radius:4px;}
.visor-doc-list-item:hover,.visor-doc-list-item.active{display:flex;border-color:#4D88C7;background:#eef6ff;}
.visor-doc-list-item.panel-a{border-color:#337ab7;box-shadow:inset 3px 0 0 #337ab7;}
.visor-doc-list-item.panel-b{border-color:#2a9d8f;box-shadow:inset 3px 0 0 #2a9d8f;}
.visor-doc-list-check{flex:0 0 auto;margin-top:3px;}
#visorDocContainer[data-modo='uno'] .visor-doc-list-check{display:none;}
.visor-doc-list-number{display:flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;width:24px;border-radius:50%;background:#e7ebf2;color:#33496b;font-weight:600;font-size:12px;}
.visor-doc-list-item.active .visor-doc-list-number,.visor-doc-list-item.panel-a .visor-doc-list-number{background:#337ab7;color:#fff;}
.visor-doc-list-item.panel-b .visor-doc-list-number{background:#2a9d8f;color:#fff;}
.visor-doc-list-text{display:flex;flex-direction:column;min-width:0;pointer-events:none;}
.visor-doc-list-text strong{font-size:12px;line-height:1.25;color:#33496b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.visor-doc-list-text small{font-size:11px;line-height:1.25;color:#71809a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.visor-doc-dual{display:none;grid-template-columns:1fr 1fr;gap:10px;width:100%;height:calc(100vh - 230px);min-height:520px;max-height:720px;}
#visorDocContainer[data-modo='uno'] #visorDocSingle{display:block;}
#visorDocContainer[data-modo='uno'] #visorDocDual{display:none!important;}
#visorDocContainer[data-modo='dual'] #visorDocSingle{display:none!important;}
#visorDocContainer[data-modo='dual'] #visorDocDual{display:grid!important;}
.visor-doc-pane{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #c9d1df;background:#fff;border-radius:4px;overflow:hidden;cursor:pointer;}
.visor-doc-pane.active{display:flex;border-color:#337ab7;box-shadow:0 0 0 2px rgba(51,122,183,.25);}
.visor-doc-pane-header{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f7f9fc;border-bottom:1px solid #d7dde8;min-height:34px;}
.visor-doc-pane-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#337ab7;color:#fff;font-size:11px;font-weight:700;}
.visor-doc-pane[data-panel='B'] .visor-doc-pane-badge{background:#2a9d8f;}
.visor-doc-pane-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:#33496b;}
.visor-doc-pane-select{flex:0 0 auto;padding:2px 6px!important;font-size:11px!important;line-height:16px!important;}
.visor-doc-pane.active .visor-doc-pane-select{background:#337ab7;color:#fff;border-color:#2e6da4;}
.visor-doc-pane-frame{position:relative;flex:1 1 0;min-height:0;background:#242424;}
.visor-doc-pane-content{width:100%;height:100%;}
.visor-doc-pane-content iframe,.visor-doc-pane-content img,.visor-doc-pane-content pre{width:100%;height:100%;border:0;}
.visor-doc-pane-content img{object-fit:contain;}
.visor-doc-pane-content pre{overflow:auto;padding:10px;box-sizing:border-box;background:#fff;text-align:left;}
.visor-doc-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#c7ccd4;font-size:13px;padding:16px;text-align:center;}
.visor-doc-observaciones-panel{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 230px);border:1px solid #c9d1df;background:#fff;border-radius:4px;overflow:hidden;color:#33496b;}
.visor-doc-observaciones-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 10px;background:#f7f9fc;border-bottom:1px solid #d7dde8;font-size:13px;font-weight:700;color:#33496b;}
.visor-doc-observaciones-header .btn{white-space:nowrap;}
.visor-doc-observacion-editor{padding:10px;border-bottom:1px solid #d7dde8;background:#fff;}
.visor-doc-observacion-editor textarea{resize:vertical;font-size:12px;min-height:78px;}
.visor-doc-observacion-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px;}
.visor-doc-observaciones-lista{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:10px;background:#f9fbfe;}
.visor-doc-observacion-empty{padding:14px 10px;text-align:center;font-size:12px;color:#71809a;border:1px dashed #c9d1df;background:#fff;border-radius:4px;}
.visor-doc-observacion-item{border:1px solid #d7dde8;border-left:4px solid #9aa8bd;background:#fff;border-radius:4px;padding:8px;}
.visor-doc-observacion-item.estado-pendiente{border-left-color:#f0ad4e;}
.visor-doc-observacion-item.estado-en_revision{border-left-color:#337ab7;}
.visor-doc-observacion-item.estado-resuelto{border-left-color:#2a9d8f;}
.visor-doc-observacion-item.estado-descartado{border-left-color:#9aa8bd;opacity:.88;}
.visor-doc-observacion-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#71809a;margin-bottom:6px;}
.visor-doc-observacion-meta strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#33496b;}
.visor-doc-observacion-texto{font-size:12px;line-height:1.35;color:#33496b;white-space:pre-wrap;word-break:break-word;margin-bottom:8px;}
.visor-doc-observacion-controls{display:flex;align-items:center;gap:6px;}
.visor-doc-observacion-controls select{flex:1 1 auto;height:28px;padding:3px 6px;font-size:12px;}
#visorDocContainer[data-modo='dual'] #visorDocSeleccionHint{display:inline!important;}
#visorDocContainer[data-modo='dual'] #visorDocToolbarUno{display:none!important;}
#visorDocContainer[data-modo='dual'] #visorDocToolbarDual{display:inline-flex!important;gap:6px;flex-wrap:wrap;}
#visorDocContainer[data-modo='dual'] .visor-doc-nav-btn,#visorDocContainer[data-modo='dual'] #visorDocCounter,#visorDocContainer[data-modo='dual'] #visorDocTitle,#visorDocContainer[data-modo='dual'] #visorDocdotsContainer{display:none!important;}
.slide-container{position:relative;width:100%;height:100%;}
.slide-item{position:absolute;width:100%;height:100%;top:0;left:0;}
.hidden{visibility:hidden;position:absolute;left:-9999px;}
.active{display:block;}
.slide-enter-right{transform:translateX(100%);}
.slide-enter-left{transform:translateX(-100%);}
.slide-active{transform:translateX(0);transition:transform 0.3s ease;}
.slide-exit-left{transform:translateX(-100%);transition:0.3s;}
.slide-exit-right{transform:translateX(100%);transition:0.3s;}
.loader-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;z-index:10;}
#visorDoctoolbar{display:flex;align-items:center;gap:8px;white-space:nowrap;}
#btnVisorDocumentosDescargar::before{content:"⬇ ";}
.doc-observacion-indicador{display:inline-flex;align-items:center;justify-content:center;gap:2px;margin-left:2px;padding:1px 4px;min-width:26px;height:18px;border:1px solid #c9d1df;border-radius:4px;background:#eef6ff;color:#337ab7;font-size:11px;font-weight:700;line-height:14px;vertical-align:middle;white-space:nowrap;box-sizing:border-box;}
button.doc-observacion-indicador{cursor:pointer;font-family:inherit;outline:none;}
#tblImagenes td:last-child{white-space:nowrap;}
.visor-doc-dialog-maximizado{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;box-sizing:border-box!important;z-index:9010!important;transform:none!important;}
.visor-doc-dialog-maximizado>.ui-dialog-content,.visor-doc-dialog-maximizado .ui-dialog-content,.visor-doc-popup-maximizado{width:100%!important;height:100%!important;max-height:none!important;overflow:hidden!important;box-sizing:border-box!important;}
.visor-doc-dialog-maximizado .modal-dialog{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;}
.visor-doc-dialog-maximizado .modal-content{height:100%!important;display:flex;flex-direction:column;}
.visor-doc-dialog-maximizado .modal-header{flex:0 0 auto;}
.visor-doc-dialog-maximizado .modal-body{flex:1 1 0;min-height:0;overflow:hidden;padding:0;}
.visor-doc-dialog-maximizado .modal-footer{display:none;}
.visor-doc-dialog-maximizado .modal-body>.row{width:100%!important;height:100%;max-height:none!important;overflow:hidden!important;margin:0;}
.visor-doc-dialog-maximizado .modal-body .col-md-12,.visor-doc-dialog-maximizado .modal-body [class*="col-"]{width:100%!important;max-width:none!important;float:none;padding-left:0;padding-right:0;}
.visor-doc-dialog-maximizado #visorDocContainer,
#visorDocContainer.visor-doc-container-maximizado{width:100%!important;max-width:none!important;height:100%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;}
.visor-doc-dialog-maximizado #visorDocHeader,.visor-doc-dialog-maximizado #visorDocFooter{flex:0 0 auto;}
.visor-doc-dialog-maximizado #visorDocBody{flex:1 1 0;min-height:0;overflow:hidden;width:100%;box-sizing:border-box;}
.visor-doc-dialog-maximizado #visorDocList{height:100%;max-height:none;}
.visor-doc-dialog-maximizado #visorDocObservacionesPanel{height:100%;max-height:none;}
.visor-doc-dialog-maximizado #visorDocWrapper{height:100%;min-height:0;width:100%;align-self:stretch;}
.visor-doc-dialog-maximizado #visorDocSingle,.visor-doc-dialog-maximizado #visorDocDual,.visor-doc-dialog-maximizado .visor-doc-dual{width:100%;height:100%;min-height:0;max-height:none;}
.visor-doc-dialog-maximizado #visorDoc,.visor-doc-dialog-maximizado .visor-doc-dual{height:100%;min-height:0;max-height:none;}
.visor-doc-dialog-maximizado .embed-responsive{position:relative;height:100%!important;padding-bottom:0!important;overflow:hidden;}
.visor-doc-dialog-maximizado #iframeUploadMultipleFiles,.visor-doc-dialog-maximizado #iframeDocumentoLecturaResultado{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-height:0!important;}
@media(max-width:1100px){#visorDocBody{grid-template-columns:210px minmax(0,1fr) 240px;}#visorDocContainer[data-lista='oculta'] #visorDocBody{grid-template-columns:minmax(0,1fr) 240px;}#visorDocContainer[data-observaciones='oculta'] #visorDocBody{grid-template-columns:210px minmax(0,1fr);}#visorDocContainer[data-lista='oculta'][data-observaciones='oculta'] #visorDocBody{grid-template-columns:minmax(0,1fr);}}
@media(max-width:900px){#visorDocContainer{width:96vw;}#visorDocHeader{align-items:flex-start;flex-direction:column;}#visorDocTitle{max-width:100%;}#visorDocBody,#visorDocContainer[data-lista='oculta'] #visorDocBody{grid-template-columns:1fr;}#visorDocContainer[data-lista='visible'] #visorDocList{max-height:120px;}#visorDoc,.visor-doc-dual{height:calc(100vh - 430px);min-height:320px;}.visor-doc-dual{grid-template-columns:1fr;}.visor-doc-observaciones-panel{max-height:180px;}}
i.btnEditar::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f044"; /* icono editar */
    font-size: 1.2em;
    font-style: normal;
}
i.btnEliminar::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f1f8";
    font-style: normal;
}
i.btnOperaciones::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f142";
    font-style: normal;
}

/* === MANTRA BRAND SYSTEM (merged) === */
:root {
    --brand-primary: #0B5CAB;
    --brand-hover: #094A8A;
    --brand-soft: #E8F2FC;
    --brand-text: #1F2937;
    --brand-text-secondary: #374151;
    --brand-muted: #6B7280;
    --brand-border: #E5E7EB;
    --brand-input-border: #d1d5db;
    --brand-bg: #F8FAFC;
    --brand-bg-content: #f0f2f5;
    --brand-focus: #428bca;
    --brand-focus-ring: rgba(66, 139, 202, 0.15);
    --brand-accent: #4D6185;
    --brand-grid-title: #1D2D3E;
    --login-primary: #0667d8;
    --login-hover: #24485f;
    --login-accent: #0064d8;
    --login-link: #2f6f9f;
    --login-text: #0d2445;
    --login-text-body: #243b5a;
    --login-bg-from: #f7fbff;
    --login-bg-to: #eef7ff;
    --login-stage-overlay: linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .92) 26%, rgba(247, 251, 255, .64) 42%, rgba(247, 251, 255, 0) 62%);
    --login-illustration-dark: #163959;
    --login-feature-1: var(--login-primary);
    --login-feature-2: #24bda5;
    --login-feature-3: #ff9428;
    --sb-bg-from: #061B33;
    --sb-bg-to: #0B2748;
    --sb-bg: linear-gradient(180deg, var(--sb-bg-from) 0%, var(--sb-bg-to) 100%);
    --sb-bg-flat: var(--sb-bg-to);
    --sb-text: #D8E6F5;
    --sb-text-secondary: #AFC3D8;
    --sb-hover: rgba(255, 255, 255, 0.08);
    --sb-hover-sub: rgba(255, 255, 255, 0.06);
    --sb-active: var(--brand-primary);
    --sb-border: rgba(255, 255, 255, 0.08);
    --sb-width: 220px;
    --grid-header-bg: #334155;
    --grid-header-color: #F8FAFC;
    --grid-row-border: #cecece;
    --btn-success: #107C10;
    --btn-success-hover: #0B5A0B;
    --btn-disabled-bg: #F3F4F6;
    --btn-disabled-text: #9CA3AF;
    --brand-shadow-sm: 0 1px 2px rgba(11, 92, 171, 0.18);
    --brand-shadow-md: 0 1px 3px rgba(11, 92, 171, 0.12);
    --brand-shadow-lg: 0 6px 16px rgba(11, 92, 171, 0.25);
    --brand-shadow-menu: 0 4px 12px rgba(11, 92, 171, 0.22);
    --btn-success-shadow: 0 1px 2px rgba(16, 124, 16, 0.18);
}

/* ==========================================================================
   UI REFRESH v1 (2026-06-16)
   Carga DESPUÉS de style.min.css para anular estilos legacy de Select2.
   Rollback: quitar este link en cen_principal.aspx + id dvFormFiltrosTracking
   ========================================================================== */

/* 1. Fondo gris pálido — solo área de contenido (no #main: incluye el menú lateral) */
#content {
    background: var(--brand-bg-content) !important;
}

/* 2. Breadcrumb junto a show-sidebar (DOM movido por uiRefreshUbicarBreadcrumb) */
header.navbar #dvCabecera {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    overflow: visible !important;
}
header.navbar #logo {
    flex: 0 0 220px !important;
    float: none !important;
}
#top-panel {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    height: 50px !important;
    line-height: normal !important;
}
.top-panel-left {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.top-panel-breadcrumb {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 8px 0 4px !important;
    display: none;
}
.top-panel-breadcrumb.is-active {
    display: flex !important;
    align-items: center !important;
}
#top-panel-breadcrumb #NavegationBar {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
#top-panel-breadcrumb #NavegationBar .box {
    border: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
}
#top-panel-breadcrumb #NavegationBar .box-header {
    display: flex !important;
    align-items: center !important;
    background: none !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}
#top-panel-breadcrumb #NavegationBar .box-name {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    line-height: 50px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-weight: 500 !important;
}
#top-panel-breadcrumb #NavegationBar .box-name > i.fa {
    display: none !important;
}
#top-panel-breadcrumb #SpnNavegation {
    font-size: 13px !important;
    color: var(--brand-text-secondary) !important;
    margin-left: 10px !important;
}
#top-panel-breadcrumb #btnFullscreen {
    line-height: 50px !important;
    color: var(--brand-muted) !important;
    padding-right: 0 !important;
}
#top-panel-breadcrumb #NavegationBar .box-header > div[style*="float: right"] {
    float: none !important;
    flex: 0 0 auto !important;
    margin-left: 8px !important;
}
header.navbar .top-panel-right {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    float: none !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1100 !important;
}
header.navbar .top-panel-right .nav.pull-right {
    float: none !important;
}
header.navbar .panel-menu > li.dropdown {
    position: relative !important;
}
header.navbar .panel-menu .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    z-index: 1200 !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    float: none !important;
}
header.navbar .panel-menu > li.dropdown.open > .dropdown-menu {
    display: block !important;
}
header.navbar .panel-menu .dropdown-menu > li > a {
    padding: 8px 14px !important;
    color: var(--brand-text-secondary) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    background: transparent !important;
}
header.navbar .panel-menu .dropdown-menu > li > a:hover,
header.navbar .panel-menu .dropdown-menu > li > a:focus {
    background-color: var(--btn-disabled-bg) !important;
    color: #111827 !important;
}
header.navbar .panel-menu .dropdown-menu .dropdown-menu-user {
    color: var(--brand-muted) !important;
}
body.ui-breadcrumb-in-header #content #NavegationBar {
    display: none !important;
}

/* Título temporal: sólo existe dentro del contenido durante fullscreen. */
#dvContenido > .ui-fullscreen-title {
    margin: 0 !important;
    padding: 20px 25px 10px !important;
    background: #f3f7fb !important;
    color: var(--brand-primary, #0b3a6f) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

#dvContenido > .ui-fullscreen-title + .tc-shell {
    padding-top: 8px !important;
}

/* Scope helpers */
#dvFormFiltrosTracking .form-control,
[id^="dvPlantillaFiltros_"] .form-control,
#dvFormFiltrosTracking .select2-container,
[id^="dvPlantillaFiltros_"] .select2-container,
#dvFormFiltrosTracking .input-group,
[id^="dvPlantillaFiltros_"] .input-group {
    width: 100%;
}

/* 4. Tarjetas (.box) — header limpio como prototipo */
#content .box {
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 12px;
    overflow: hidden;
}
#content .box-header {
    background: none !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 0;
}
#content .box-name {
    padding: 10px 15px !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--brand-text-secondary) !important;
}
#content .box-name > i {
    color: #676a6c;
    font-size: 12px;
}
#content .box-content {
    border-radius: 0 0 8px 8px !important;
    padding: 15px !important;
    background: #fff !important;
    overflow-x: hidden !important;
}
/* Grillas con sScrollX/Y: el scroll lo maneja DataTables; evita barra vertical residual del panel. */
#content .box-content:has(.dataTables_scroll) {
    overflow-y: hidden !important;
}
/* Breadcrumbs: mantener plano si quedara en content (visor) */
#NavegationBar .box {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
#NavegationBar .box-header {
    background: none !important;
    background-image: none !important;
    border: none !important;
}

/* 3a. Text inputs */
#dvFormFiltrosTracking .form-control,
[id^="dvPlantillaFiltros_"] .form-control {
    height: 28px !important;
    padding: 3px 10px !important;
    font-size: 13px !important;
    color: var(--brand-text-secondary) !important;
    background-color: #fff !important;
    border: 1px solid var(--brand-input-border) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#dvFormFiltrosTracking textarea.form-control,
[id^="dvPlantillaFiltros_"] textarea.form-control {
    height: auto !important;
    min-height: 72px;
}
#dvFormFiltrosTracking .form-control:focus,
[id^="dvPlantillaFiltros_"] .form-control:focus {
    border-color: var(--brand-focus) !important;
    outline: 0 !important;
    -webkit-box-shadow: 0 0 0 3px var(--brand-focus-ring) !important;
    box-shadow: 0 0 0 3px var(--brand-focus-ring) !important;
}

/* 3b. Select2 — anula gradientes legacy de style.min.css */
#dvFormFiltrosTracking .select2-container .select2-selection--single,
[id^="dvPlantillaFiltros_"] .select2-container .select2-selection--single {
    height: 28px !important;
}
#dvFormFiltrosTracking .select2-selection,
[id^="dvPlantillaFiltros_"] .select2-selection,
#dvFormFiltrosTracking .select2-container--default .select2-selection--single,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--single,
#dvFormFiltrosTracking .select2-container--default .select2-selection--multiple,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--multiple {
    min-height: 28px !important;
    height: auto !important;
    padding: 0 !important;
    border: 1px solid var(--brand-input-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    background-image: none !important;
    filter: none !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#dvFormFiltrosTracking .select2-container--default .select2-selection--single,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--single {
    height: 28px !important;
}
#dvFormFiltrosTracking .select2-selection__rendered,
[id^="dvPlantillaFiltros_"] .select2-selection__rendered,
#dvFormFiltrosTracking .select2-container--default .select2-selection--single .select2-selection__rendered,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    font-size: 13px !important;
    color: var(--brand-text-secondary) !important;
}
#dvFormFiltrosTracking .select2-selection__arrow,
[id^="dvPlantillaFiltros_"] .select2-selection__arrow,
#dvFormFiltrosTracking .select2-container--default .select2-selection--single .select2-selection__arrow,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 26px !important;
    height: 26px !important;
    top: 1px !important;
    right: 1px !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-radius: 0 5px 5px 0 !important;
    background: #fff !important;
    background-image: none !important;
    filter: none !important;
}
#dvFormFiltrosTracking .select2-selection__arrow b,
[id^="dvPlantillaFiltros_"] .select2-selection__arrow b {
    border-color: #6b7280 transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
    margin-left: -4px !important;
    margin-top: -2px !important;
}
#dvFormFiltrosTracking .select2-container--default.select2-container--focus .select2-selection--single,
[id^="dvPlantillaFiltros_"] .select2-container--default.select2-container--focus .select2-selection--single,
#dvFormFiltrosTracking .select2-container--default.select2-container--open .select2-selection--single,
[id^="dvPlantillaFiltros_"] .select2-container--default.select2-container--open .select2-selection--single,
#dvFormFiltrosTracking .select2-container--default.select2-container--focus .select2-selection--multiple,
[id^="dvPlantillaFiltros_"] .select2-container--default.select2-container--focus .select2-selection--multiple,
#dvFormFiltrosTracking .select2-container--default.select2-container--open .select2-selection--multiple,
[id^="dvPlantillaFiltros_"] .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--brand-focus) !important;
    -webkit-box-shadow: 0 0 0 3px var(--brand-focus-ring) !important;
    box-shadow: 0 0 0 3px var(--brand-focus-ring) !important;
}
#dvFormFiltrosTracking .select2-container--default .select2-selection--multiple,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--multiple {
    padding: 1px 6px !important;
}
#dvFormFiltrosTracking .select2-container--default .select2-selection--multiple .select2-selection__choice,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px !important;
    padding: 2px 8px !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 4px !important;
    background: var(--brand-soft) !important;
    color: var(--brand-primary) !important;
    font-size: 12px !important;
}
#dvFormFiltrosTracking .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #6b7280 !important;
    margin-right: 4px !important;
}
#dvFormFiltrosTracking .select2-container--default .select2-search--inline .select2-search__field,
[id^="dvPlantillaFiltros_"] .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 2px !important;
    height: 20px !important;
    font-size: 13px !important;
}

/* Select2 dropdown (se renderiza en body; estilo global al abrir combos) */
.select2-dropdown {
    border: 1px solid var(--brand-input-border) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--brand-input-border) !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
    background: #fff !important;
    background-image: none !important;
    min-height: 28px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--brand-focus) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px var(--brand-focus-ring) !important;
}
.select2-results__option {
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: var(--brand-text-secondary) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-focus) !important;
    color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--brand-soft) !important;
    color: var(--brand-primary) !important;
}

/* 3c. Fechas — input-group unificado */
#dvFormFiltrosTracking .input-group.date,
#dvFormFiltrosTracking .input-group.datetime,
#dvFormFiltrosTracking .input-group.datetimesec,
[id^="dvPlantillaFiltros_"] .input-group.date,
[id^="dvPlantillaFiltros_"] .input-group.datetime,
[id^="dvPlantillaFiltros_"] .input-group.datetimesec {
    width: 100%;
    border-radius: 6px;
    transition: box-shadow 0.15s ease;
}
#dvFormFiltrosTracking .input-group.date .form-control,
#dvFormFiltrosTracking .input-group.datetime .form-control,
#dvFormFiltrosTracking .input-group.datetimesec .form-control,
[id^="dvPlantillaFiltros_"] .input-group.date .form-control,
[id^="dvPlantillaFiltros_"] .input-group.datetime .form-control,
[id^="dvPlantillaFiltros_"] .input-group.datetimesec .form-control {
    height: 28px !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    z-index: 2;
}
#dvFormFiltrosTracking .input-group-addon,
[id^="dvPlantillaFiltros_"] .input-group-addon {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important;
    background-color: #fff !important;
    border: 1px solid var(--brand-input-border) !important;
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    color: #6b7280 !important;
    cursor: pointer;
}
#dvFormFiltrosTracking .input-group-addon .glyphicon,
[id^="dvPlantillaFiltros_"] .input-group-addon .glyphicon {
    top: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    color: #6b7280 !important;
}
#dvFormFiltrosTracking .input-group.date:focus-within,
#dvFormFiltrosTracking .input-group.datetime:focus-within,
[id^="dvPlantillaFiltros_"] .input-group.date:focus-within,
[id^="dvPlantillaFiltros_"] .input-group.datetime:focus-within {
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 3px var(--brand-focus-ring);
    box-shadow: 0 0 0 3px var(--brand-focus-ring);
}
#dvFormFiltrosTracking .input-group.date:focus-within .form-control,
#dvFormFiltrosTracking .input-group.datetime:focus-within .form-control,
[id^="dvPlantillaFiltros_"] .input-group.date:focus-within .form-control,
[id^="dvPlantillaFiltros_"] .input-group.datetime:focus-within .form-control {
    border-color: var(--brand-focus) !important;
    box-shadow: none !important;
}
#dvFormFiltrosTracking .input-group.date:focus-within .input-group-addon,
#dvFormFiltrosTracking .input-group.datetime:focus-within .input-group-addon,
[id^="dvPlantillaFiltros_"] .input-group.date:focus-within .input-group-addon,
[id^="dvPlantillaFiltros_"] .input-group.datetime:focus-within .input-group-addon {
    border-color: var(--brand-focus) !important;
    background-color: var(--brand-soft) !important;
    color: var(--brand-focus) !important;
}
#dvFormFiltrosTracking .input-group.date:focus-within .input-group-addon .glyphicon,
#dvFormFiltrosTracking .input-group.datetime:focus-within .input-group-addon .glyphicon,
[id^="dvPlantillaFiltros_"] .input-group.date:focus-within .input-group-addon .glyphicon,
[id^="dvPlantillaFiltros_"] .input-group.datetime:focus-within .input-group-addon .glyphicon {
    color: var(--brand-focus) !important;
}

/* ==========================================================================
   Fase Fluent UI (Dynamics 365) — rollback: quitar este bloque
   ========================================================================== */

/* Barra superior blanca */
header.navbar,
.navbar.navbar {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-bottom: 1px solid var(--brand-border) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    overflow: visible !important;
}
header.navbar .show-sidebar,
header.navbar .fa,
header.navbar .fas,
header.navbar .far,
header.navbar .fab,
header.navbar .panel-menu > li > a,
header.navbar .panel-menu .account,
header.navbar #dv_Nombre {
    color: var(--brand-text-secondary) !important;
}
header.navbar .user-mini .welcome {
    color: var(--brand-muted) !important;
}
header.navbar .badge {
    background-color: #D13438 !important;
}

/* Filtros: icono embudo + contador azul */
#content .box:has(#dvFormFiltrosTracking) .box-name > i.fa-search::before {
    content: "\f0b0" !important;
}
.ui-refresh-filtros-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 10px;
    background: var(--brand-soft);
    color: var(--brand-primary);
    font-size: 11px;
    font-weight: 600;
    border-radius: 12px;
    vertical-align: middle;
    line-height: 1.5;
}

/* Grilla: título en dos tonos */
#content .box:has(.fa-table) .box-name > span {
    color: var(--brand-grid-title);
    font-weight: 600;
}
#content .spn_header_plantilla {
    color: var(--brand-muted) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
}

/* Botones Fluent UI — panel de filtros tracking */
#content #dvFiltroBotonesTracking button,
#content .row_buttons button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 16px !important;
    margin: 0 8px 6px 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border-radius: 6px !important;
    background-image: none !important;
    box-shadow: none !important;
    transition: all 0.18s ease !important;
    vertical-align: middle;
}
#content #dvFiltroBotonesTracking button i,
#content .row_buttons button i {
    font-size: 14px !important;
    width: auto !important;
    margin-right: 6px !important;
}

/* Buscar — primario */
#content #btnBuscar {
    background-color: var(--brand-primary) !important;
    border: 1px solid var(--brand-primary) !important;
    color: #FFFFFF !important;
    box-shadow: var(--brand-shadow-sm) !important;
}
#content #btnBuscar:hover,
#content #btnBuscar:focus {
    background-color: var(--brand-hover) !important;
    border-color: var(--brand-hover) !important;
    color: #FFFFFF !important;
    transform: none !important;
}

/* Agregar — creación */
#content #btnAgregar {
    background-color: var(--btn-success) !important;
    border: 1px solid var(--btn-success) !important;
    color: #FFFFFF !important;
    box-shadow: var(--btn-success-shadow) !important;
}
#content #btnAgregar:hover,
#content #btnAgregar:focus {
    background-color: var(--btn-success-hover) !important;
    border-color: var(--btn-success-hover) !important;
    color: #FFFFFF !important;
    transform: none !important;
}

/* Secundarios: Editar, Operaciones, Herramientas y demás */
#content #btnEditar,
#content #btnDetalleMasivo,
#content #btnOpciones,
#content #btnEliminar,
#content #btnDownload,
#content #btnBtnPersonalizado,
#content #dvFiltroBotonesTracking button.btn-primary:not(#btnBuscar):not(#btnAgregar) {
    background-color: #FFFFFF !important;
    border: 1px solid var(--brand-border) !important;
    color: var(--brand-text-secondary) !important;
}
#content #btnEditar:hover,
#content #btnEditar:focus,
#content #btnDetalleMasivo:hover,
#content #btnDetalleMasivo:focus,
#content #btnOpciones:hover,
#content #btnOpciones:focus,
#content #btnEliminar:hover,
#content #btnEliminar:focus,
#content #btnDownload:hover,
#content #btnDownload:focus,
#content #btnBtnPersonalizado:hover,
#content #btnBtnPersonalizado:focus,
#content #dvFiltroBotonesTracking button.btn-primary:not(#btnBuscar):not(#btnAgregar):hover,
#content #dvFiltroBotonesTracking button.btn-primary:not(#btnBuscar):not(#btnAgregar):focus {
    background-color: var(--brand-soft) !important;
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
    box-shadow: var(--brand-shadow-md) !important;
    transform: translateY(-1px) !important;
}

/* Deshabilitados */
#content #dvFiltroBotonesTracking button:disabled,
#content #dvFiltroBotonesTracking button[disabled],
#content .row_buttons button:disabled,
#content .row_buttons button[disabled] {
    background-color: var(--btn-disabled-bg) !important;
    border-color: var(--brand-border) !important;
    color: var(--btn-disabled-text) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
}
#content #dvFiltroBotonesTracking button:disabled:hover,
#content .row_buttons button:disabled:hover {
    background-color: var(--btn-disabled-bg) !important;
    border-color: var(--brand-border) !important;
    color: var(--btn-disabled-text) !important;
    transform: none !important;
}

/* END Fase Fluent UI */

/* Cabeceras de grilla */
.thGrid,
#content .thGrid,
#content table thead .thGrid,
#content table thead th.thGrid,
#content table thead td.thGrid {
    background-color: var(--grid-header-bg) !important;
    color: var(--grid-header-color) !important;
}

/* Celdas de grilla — borde inferior */
.tdGrid,
#content .tdGrid,
#content tr.borderTabla td,
#content tr.borderTabla td.tdGrid {
    height: 40px !important;
    border-bottom-color: var(--grid-row-border) !important;
}

/* END UI REFRESH v1 */

/* ==========================================================================
   SIDEBAR REFRESH v2 (2026-06-17) — columna izquierda integrada
   Rollback: quitar el link en cen_principal.aspx (style_sidebar_refresh.css)

   Contenedores reales en cen_principal.aspx / BLSeguridad:
   #dvContent, header.navbar, #dvCabecera, #logo, #main, #sidebar-left,
   #dvMenu, ul.nav.main-menu, li.dropdown, ul.dropdown-menu, ul.menu_tercer_nivel
   ========================================================================== */


/* Contenedor raíz — mismo fondo que el menú (anula #2f4050 de style_custom) */
#dvContent {
    background: var(--sb-bg) !important;
    background-color: var(--sb-bg-flat) !important;
}

/* Área de contenido derecha: conserva gris del ui_refresh */
#content {
    background: var(--brand-bg-content) !important;
}

/* Franja izquierda completa bajo el header (espacio vacío bajo el menú) */
@media (min-width: 768px) {
    #main {
        position: relative !important;
    }
    #main::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: var(--sb-width) !important;
        background: var(--sb-bg) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }
    #sidebar-left,
    #content {
        position: relative !important;
        z-index: 1 !important;
    }
    .sidebar-show #main::before {
        width: 0 !important;
    }
}

/* Logo — mismo fondo que sidebar, imagen centrada */
header.navbar #logo {
    flex: 0 0 var(--sb-width) !important;
    max-width: var(--sb-width) !important;
    width: var(--sb-width) !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background: var(--sb-bg) !important;
    background-color: var(--sb-bg-flat) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--sb-border) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: center !important;
}
header.navbar #logo > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    vertical-align: middle !important;
}
header.navbar #logo img {
    display: block !important;
    max-height: 40px !important;
    max-width: calc(var(--sb-width) - 24px) !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
}

/* Columna lateral — contenedor completo */
#sidebar-left,
#sidebar-left.col-xs-2,
#sidebar-left.col-sm-2 {
    background: var(--sb-bg) !important;
    background-color: var(--sb-bg-flat) !important;
    min-height: calc(100vh - 50px) !important;
    padding: 8px 4px 24px !important;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-sizing: border-box !important;
}

#sidebar-left #dvMenu,
#sidebar-left .nav.main-menu,
#sidebar-left .nav.main-menu > li,
#sidebar-left .main-menu .dropdown-menu,
#sidebar-left .dropdown-menu .menu_tercer_nivel,
#sidebar-left .menu_tercer_nivel {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Anula fondos legacy (style_custom / style.min) dentro del sidebar */
#sidebar-left .main-menu .dropdown-menu,
#sidebar-left .main-menu .dropdown .dropdown-menu,
#sidebar-left .dropdown-menu .menu_tercer_nivel,
#sidebar-left .menu_tercer_nivel {
    background: transparent !important;
    background-color: transparent !important;
}

/* Scrollbar */
#sidebar-left::-webkit-scrollbar,
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar {
    width: 6px !important;
}
#sidebar-left::-webkit-scrollbar-track,
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: transparent !important;
    box-shadow: none !important;
}
#sidebar-left::-webkit-scrollbar-thumb,
#sidebar-left .main-menu .dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
}

/* Lista principal */
#sidebar-left .nav.main-menu {
    margin: 0 !important;
    padding: 0 !important;
}
#sidebar-left .nav.main-menu > li {
    margin: 0 !important;
    float: none !important;
    background: transparent !important;
}

/* Primer nivel */
#sidebar-left .nav.main-menu > li > a,
#sidebar-left .nav.main-menu > li.dropdown > a.dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 40px !important;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 10px 10px !important;
    margin: 2px 2px !important;
    border-radius: 8px !important;
    color: var(--sb-text) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Íconos: sin fondo propio (el sombreado va solo en el <a>) */
#sidebar-left .nav.main-menu > li > a > i,
#sidebar-left .nav.main-menu > li > a > i.fa,
#sidebar-left .nav.main-menu > li > a > i.fas,
#sidebar-left .nav.main-menu > li > a > i.far,
#sidebar-left .nav.main-menu > li > a > i.fab,
#sidebar-left .main-menu .dropdown-menu > li > a > i,
#sidebar-left .main-menu .dropdown-menu > li > a > i.fa,
#sidebar-left .main-menu .dropdown-menu > li > a > i.fas,
#sidebar-left .main-menu .dropdown-menu > li > a > i.far {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#sidebar-left .nav.main-menu > li > a > i,
#sidebar-left .nav.main-menu > li > a > i.fa,
#sidebar-left .nav.main-menu > li > a > i.fas,
#sidebar-left .nav.main-menu > li > a > i.far,
#sidebar-left .nav.main-menu > li > a > i.fab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    font-size: 15px !important;
    color: var(--sb-text) !important;
    opacity: 0.92 !important;
}

#sidebar-left .nav.main-menu > li > a:hover,
#sidebar-left .nav.main-menu > li > a:focus,
#sidebar-left .nav.main-menu > li.open > a,
#sidebar-left .nav.main-menu > li.active > a,
#sidebar-left .nav.main-menu .open > a,
#sidebar-left .nav.main-menu .open > a:hover,
#sidebar-left .nav.main-menu .open > a:focus {
    background: var(--sb-hover) !important;
    color: #FFFFFF !important;
}

#sidebar-left .nav.main-menu > li > a.active-parent:not(.active) {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #FFFFFF !important;
}

#sidebar-left .nav.main-menu > li > a:hover > i,
#sidebar-left .nav.main-menu > li > a:focus > i,
#sidebar-left .nav.main-menu > li > a.active-parent > i {
    color: #FFFFFF !important;
}

/* Seleccionado — fondo solo en el enlace, no en el ícono */
#sidebar-left .nav.main-menu a.active,
#sidebar-left .nav.main-menu li.active > a {
    background: var(--sb-active) !important;
    color: #FFFFFF !important;
    box-shadow: var(--brand-shadow-lg) !important;
}

#sidebar-left .nav.main-menu a.active:hover,
#sidebar-left .nav.main-menu a.active:focus {
    background: var(--sb-active) !important;
    color: #FFFFFF !important;
}

#sidebar-left .nav.main-menu a.active > i,
#sidebar-left .nav.main-menu a.active > i.fa,
#sidebar-left .nav.main-menu a.active > i.fas,
#sidebar-left .nav.main-menu a.active > i.far,
#sidebar-left .nav.main-menu a.active > i.fab {
    background: transparent !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Padre expandido (dropdown-toggle): sombreado suave, no azul sólido */
#sidebar-left .nav.main-menu > li > a.dropdown-toggle.active-parent.active {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Submenús */
#sidebar-left .main-menu .dropdown-menu {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 4px 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    float: none !important;
    left: 0 !important;
}

#sidebar-left .main-menu .dropdown-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#sidebar-left .main-menu .dropdown-menu > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    line-height: 1.35 !important;
    padding: 7px 8px 7px 22px !important;
    margin: 1px 2px !important;
    border-radius: 6px !important;
    color: var(--sb-text-secondary) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    background: transparent !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

#sidebar-left .main-menu .dropdown-menu > li > a > i {
    width: 16px !important;
    min-width: 16px !important;
    font-size: 12px !important;
    color: var(--sb-text-secondary) !important;
}

#sidebar-left .main-menu .dropdown-menu > li > a > span {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Tercer nivel — ul anidados más a la izquierda */
#sidebar-left .main-menu .dropdown-menu .menu_tercer_nivel,
#sidebar-left .menu_tercer_nivel {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#sidebar-left .main-menu .dropdown-menu > li.drowpdown > a.dropdown-toggle {
    padding-left: 18px !important;
    color: var(--sb-text-secondary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

#sidebar-left .main-menu .dropdown-menu > li > a:hover,
#sidebar-left .main-menu .dropdown-menu > li > a:focus,
#sidebar-left .dropdown-menu > li > a:hover,
#sidebar-left .dropdown-menu > li > a:focus {
    background: var(--sb-hover-sub) !important;
    color: #FFFFFF !important;
}

#sidebar-left .main-menu .dropdown-menu > li > a.active,
#sidebar-left .dropdown-menu > li.active > a {
    background: var(--sb-active) !important;
    color: #FFFFFF !important;
    box-shadow: var(--brand-shadow-menu) !important;
}

#sidebar-left .menu_tercer_nivel > li > a {
    padding-left: 30px !important;
    font-size: 12px !important;
    color: var(--sb-text-secondary) !important;
    background: transparent !important;
}

/* FUN-menu-tools-grupo */
#sidebar-left .menu_cuarto_nivel,
#sidebar-left .main-menu .dropdown-menu .menu_cuarto_nivel {
    position: relative !important;
    visibility: visible !important;
    float: none !important;
    left: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.15) !important;
}
#sidebar-left .menu_cuarto_nivel > li > a {
    padding-left: 42px !important;
    font-size: 12px !important;
    color: var(--sb-text-secondary) !important;
    background: transparent !important;
}
#sidebar-left .menu_cuarto_nivel > li > a:hover,
#sidebar-left .menu_cuarto_nivel > li > a:focus {
    color: #FFFFFF !important;
    background: var(--sb-hover-sub) !important;
}

#sidebar-left .menu_tercer_nivel > li > a:hover,
#sidebar-left .menu_tercer_nivel > li > a:focus {
    color: #FFFFFF !important;
    background: var(--sb-hover-sub) !important;
}

#sidebar-left .menu_tercer_nivel > li > a.active {
    background: var(--sb-active) !important;
    color: #FFFFFF !important;
}

/* Favoritos */
#sidebar-left #ul_favoritos > li > a {
    padding-left: 22px !important;
    white-space: normal !important;
    background: transparent !important;
}

#sidebar-left #ul_favoritos > li > a span {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--sb-text-secondary) !important;
}

#sidebar-left #ul_favoritos > li > a:hover span {
    color: #FFFFFF !important;
}

/* Separadores entre módulos */
#sidebar-left .nav.main-menu > li.dropdown + li.dropdown {
    margin-top: 2px !important;
    padding-top: 2px !important;
    border-top: 1px solid var(--sb-border) !important;
}

/* Flyout tablet / móvil */
@media (max-width: 991px) {
    #main::before {
        display: none !important;
    }

    #sidebar-left .main-menu .dropdown-menu {
        background: var(--sb-bg-flat) !important;
        background-color: var(--sb-bg-flat) !important;
        border: 1px solid var(--sb-border) !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
        padding: 4px 0 !important;
    }

    #sidebar-left .main-menu .dropdown-menu > li > a {
        padding-left: 14px !important;
    }
}

/* Desktop */
@media (min-width: 992px) {
    #sidebar-left .nav.main-menu > li > a > .hidden-xs {
        display: inline !important;
    }

    #sidebar-left .main-menu .dropdown-menu {
        background: transparent !important;
    }
}

@media only screen and (max-width: 480px) {
    header.navbar #logo {
        flex: 0 0 120px !important;
        max-width: 120px !important;
        padding-left: 12px !important;
    }
    header.navbar #logo img {
        max-height: 36px !important;
    }
}

/* --- LOGIN MODERN --- */
html, body { min-height: 100%; }
.body_login { margin: 0; background: var(--brand-bg); color: var(--login-text); }
.login-shell { display: flex; flex-direction: column; height: 100vh; min-height: 0; overflow: hidden; padding: 0; position: relative; }
.login-topbar, .login-stage, .login-footer { position: relative; z-index: 1; }
.login-topbar { flex: 0 0 76px; align-items: center; display: flex; justify-content: space-between; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--brand-border); box-shadow: 0 8px 26px rgba(39,55,68,.06); padding: 0 48px; }
.login-product { align-items: center; display: flex; flex: 0 0 auto; }
.login-product-logo { align-items: center; display: flex; height: 52px; }
.login-product-logo img { display: block; max-height: 52px; max-width: 220px; object-fit: contain; padding: 0; }
.login-logo-card { display: none; margin-bottom: 0; }
.login-logo-card img, #login_logo { display: none !important; }
.login-logo-card img, #login_logo img { display: none !important; }
.login-links { display: flex; gap: 8px; }
.login-links a { align-items: center; background: transparent; border: 0; color: var(--login-text); display: flex; font-size: 15px; font-weight: 800; gap: 9px; height: 36px; text-decoration: none; width: auto; }
.login-links a + a { border-left: 1px solid var(--brand-border); padding-left: 18px; }
.login-links a:hover { color: var(--login-primary); }
.login-stage { align-items: center; background: linear-gradient(90deg, var(--login-bg-from) 0%, var(--login-bg-to) 46%, var(--login-bg-from) 100%); display: flex; flex: 1 1 auto; gap: 42px; min-height: 0; overflow: hidden; padding: 34px 64px; position: relative; }
.login-stage::before { background: var(--login-stage-overlay); bottom: 0; content: ""; left: 0; pointer-events: none; position: absolute; top: 0; width: 66%; z-index: 2; }
.login-brand-panel, .login-auth-card { box-shadow: none; }
.login-brand-panel { background: transparent; border: 0; flex: 1 1 auto; padding: 0; position: relative; transform: translateY(-36px); z-index: 3; }
.login-brand-panel h1 { color: var(--login-text); font-size: 38px; font-weight: 800; line-height: 1.12; margin: 0 0 14px; max-width: 430px; }
.login-title-rule { background: var(--login-accent); height: 3px; margin: 22px 0 30px; width: 52px; }
.login-brand-panel p { color: var(--login-text-body); font-size: 17px; line-height: 1.55; margin: 0; max-width: 420px; }
.login-feature-grid { display: block; margin-top: 36px; max-width: 300px; }
.login-feature-grid div { align-items: center; background: transparent; border: 0; color: var(--login-text); display: flex; gap: 18px; margin-bottom: 20px; padding: 0; }
.login-feature-grid i { align-items: center; border-radius: 8px; box-shadow: 0 10px 22px rgba(15,70,130,.16); color: #fff; display: flex; flex: 0 0 54px; font-size: 22px; height: 54px; justify-content: center; width: 54px; }
.login-feature-grid div:nth-child(1) i { background: var(--login-feature-1); }
.login-feature-grid div:nth-child(2) i { background: var(--login-feature-2); }
.login-feature-grid div:nth-child(3) i { background: var(--login-feature-3); }
.login-feature-grid strong { display: block; font-size: 16px; margin-bottom: 4px; }
.login-feature-grid small { color: var(--login-text-body); display: block; font-size: 13px; line-height: 1.45; }
.login-corporate-visual { bottom: 38px; left: 0; min-height: 560px; opacity: .96; pointer-events: none; position: absolute; right: 16%; z-index: 1; }
.login-corporate-visual.has-image { background-position: center bottom; background-repeat: no-repeat; background-size: 920px auto; }
.login-corporate-placeholder { background: radial-gradient(circle at 50% 42%, rgba(92,178,231,.28) 0, transparent 58%); border-radius: 8px; bottom: 0; left: 0; min-height: 560px; overflow: hidden; position: absolute; right: 0; }
.login-world { border: 1px solid rgba(72,146,201,.18); border-radius: 50%; bottom: 72px; height: 430px; left: 9%; position: absolute; width: 430px; }
.login-ship { background: var(--login-illustration-dark); border-radius: 4px 4px 34px 34px; bottom: 54px; height: 72px; left: 18%; position: absolute; width: 470px; }
.login-truck { background: #fff; border: 2px solid var(--login-illustration-dark); border-radius: 8px; bottom: 34px; height: 72px; position: absolute; right: 8%; width: 230px; }
.login-plane { color: var(--login-illustration-dark); font-size: 68px; position: absolute; right: 20%; top: 40px; transform: rotate(-18deg); }
.login-auth-card { background: rgba(255,255,255,.96); border: 1px solid var(--brand-border); border-radius: 8px; box-shadow: 0 22px 44px rgba(18,45,73,.16); flex: 0 0 430px; padding: 34px 42px; position: relative; z-index: 4; }
.login-auth-card h2 { color: var(--login-text); font-size: 30px; font-weight: 800; margin: 0 0 24px; text-align: center; }
.login-auth-card h2:after { background: var(--login-accent); content: ""; display: block; height: 3px; margin: 18px auto 32px; width: 44px; }
.login-field { margin-bottom: 14px; }
.login-field label { color: var(--login-text); display: block; font-size: 12px; font-weight: 800; margin-bottom: 6px; text-transform: uppercase; }
.login-auth-card .form-control { border-color: var(--brand-border); border-radius: 10px 0 0 10px; box-shadow: none; color: var(--login-text); font-size: 15px; height: 48px; }
.login-auth-card .form-control:focus { border-color: var(--login-primary); box-shadow: 0 0 0 3px var(--brand-focus-ring); }
.login-auth-card .input-group-addon { background: var(--brand-bg); border-color: var(--brand-border); border-radius: 0 10px 10px 0; color: var(--login-primary); min-width: 48px; }
.login-auth-card .input-group-addon .fa, .login-auth-card .input-group-addon .colorSecond { color: var(--login-primary) !important; }
.login-remember { align-items: center; color: var(--login-text-body); display: flex; font-weight: 700; gap: 10px; margin: 18px 0 22px; }
.login-turnstile-placeholder { background: var(--brand-bg); border: 1px dashed var(--brand-border); border-radius: 8px; color: var(--brand-muted); font-size: 12px; margin-bottom: 18px; padding: 12px; text-align: center; }
.login-submit { margin-top: 18px; }
.login-submit .btn, .login-submit .btn-primary.login_btn { align-items: center; background: var(--login-primary) !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; display: flex; font-size: 16px; font-weight: 800; height: 48px !important; justify-content: center; transition: background .16s ease; }
.login-submit .btn:hover, .login-submit .btn-primary.login_btn:hover { background: var(--login-hover) !important; }
.login-forgot, .login-captcha-action, .login-back-link { color: var(--login-primary); display: block; font-size: 15px; font-weight: 800; margin: 24px 0 30px; text-align: center; text-decoration: none; }
.login-forgot:hover, .login-back-link:hover { color: var(--login-hover); text-decoration: none; }
.login-secure { border-top: 1px solid var(--brand-border); color: var(--brand-muted); padding-top: 22px; text-align: center; }
.login-secure strong { color: var(--login-text-body); }
.login-card-icon { align-items: center; background: var(--brand-soft); border-radius: 50%; color: var(--login-primary); display: flex; font-size: 28px; height: 62px; justify-content: center; margin: 0 auto 18px; width: 62px; }
.login-footer { background: #fff; border-top: 1px solid var(--brand-border); color: var(--brand-muted); flex: 0 0 44px; font-size: 11px; padding: 12px 24px; text-align: center; }
@media (max-width: 1080px) { .login-shell { height: auto; min-height: 100vh; overflow: auto; } .login-stage { display: block; padding: 36px 28px; } .login-corporate-visual { opacity: .28; } .login-auth-card { flex: none; margin: 24px auto 0; max-width: 460px; } }
@media (max-width: 620px) { .login-topbar { display: block; padding: 18px; } .login-links { margin-top: 12px; } .login-stage { padding: 26px 16px; } .login-brand-panel h1 { font-size: 29px; } .login-auth-card { padding: 30px 22px; } }

/* LOGIN — fixes login.aspx legacy (desplegar solo style.min.css) */
.body_login .login-shell .login-topbar .login-product,
.body_login .login-shell .login-topbar .login-product-logo { align-items: center !important; display: flex !important; }
.body_login .login-shell .login-topbar { justify-content: space-between !important; }
.body_login .login-shell .login-topbar .login-product-logo img {
    display: block !important;
    max-height: 52px !important;
    max-width: 220px !important;
    object-fit: contain !important;
    padding: 0 !important;
}
.body_login .login-shell #login_logo,
.body_login .login-shell .login-logo-card { display: none !important; height: 0 !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important; }
.body_login .login-shell .login-stage { position: relative !important; }
.body_login .login-shell .login-stage:before,
.body_login .login-shell .login-stage::before {
    background: var(--login-stage-overlay, linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .92) 26%, rgba(247, 251, 255, .64) 42%, rgba(247, 251, 255, 0) 62%)) !important;
    bottom: 0 !important;
    content: "" !important;
    display: block !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    width: 66% !important;
    z-index: 2 !important;
}
.body_login .login-shell .login-corporate-visual { z-index: 1 !important; }
.body_login .login-shell .login-brand-panel { position: relative !important; z-index: 3 !important; }

/* Gobierno BD: el popup nunca debe superar el viewport. */
.modal-gobierno-bd {
    height: calc(100vh - 24px) !important;
    margin: 0 !important;
    max-height: calc(100vh - 24px) !important;
    max-width: 1900px !important;
    width: calc(100vw - 24px) !important;
}
.modal-gobierno-bd > .modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}
.modal-gobierno-bd .modal-header,
.modal-gobierno-bd .modal-footer {
    flex: 0 0 auto;
}
.modal-gobierno-bd .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.modal-gobierno-bd .modal-body > .row {
    height: 100%;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.modal-gobierno-bd .CodeMirror {
    height: clamp(220px, calc(100vh - 420px), 430px) !important;
}
.modal-gobierno-bd .gobierno-bd-nombre-objeto {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.modal-gobierno-bd .gobierno-bd-diff td:first-child,
.modal-gobierno-bd .gobierno-bd-diff td:nth-child(2),
.modal-gobierno-bd .gobierno-bd-diff td:nth-child(3) {
    text-align: center;
    width: 55px;
}
.modal-gobierno-bd .gobierno-bd-diff-linea {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-break: break-word;
}
.modal-gobierno-bd table > thead > tr > .thGrid {
    vertical-align: middle !important;
}
@media (max-width: 767px) {
    .modal-gobierno-bd {
        height: calc(100vh - 12px) !important;
        max-height: calc(100vh - 12px) !important;
        width: calc(100vw - 12px) !important;
    }
    .modal-gobierno-bd .modal-body { padding: 10px; }
}

/* Selector de iconos de plantilla. */
.selector-iconos-input .input-group-btn .btn {
    box-sizing: border-box;
    height: 24px;
    min-height: 24px;
    min-width: 42px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
}

.selector-iconos-dialog {
    width: 900px;
    max-width: calc(100vw - 30px);
    margin: 0;
}

.selector-iconos-body {
    padding-bottom: 12px;
}

.selector-iconos-busqueda {
    margin-bottom: 8px;
}

.selector-iconos-busqueda label {
    font-weight: 600;
}

.selector-iconos-resumen {
    min-height: 22px;
    color: #777;
    font-size: 12px;
}

.selector-iconos-grilla {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px;
    max-height: 430px;
    min-height: 180px;
    padding: 2px;
    overflow-y: auto;
}

.selector-iconos-item {
    display: flex;
    flex: 0 0 calc(20% - 8px);
    min-width: 0;
    min-height: 96px;
    padding: 12px 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #444;
    background: #fff;
    border: 1px solid #d7dce1;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

.selector-iconos-item:hover,
.selector-iconos-item:focus {
    color: #2f4050;
    background: #f4f7fa;
    border-color: #9aa7b3;
    outline: none;
}

.selector-iconos-item.seleccionado {
    color: #fff;
    background: #337ab7;
    border-color: #2e6da4;
    box-shadow: 0 0 0 2px rgba(51, 122, 183, .2);
}

.selector-iconos-item > i {
    margin-bottom: 8px;
    font-size: 26px;
}

.selector-iconos-nombre,
.selector-iconos-clase {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selector-iconos-nombre {
    font-size: 13px;
    font-weight: 600;
}

.selector-iconos-clase {
    margin-top: 3px;
    color: #777;
    font-size: 10px;
}

.selector-iconos-item.seleccionado .selector-iconos-clase {
    color: #eaf4fc;
}

.selector-iconos-vacio {
    width: 100%;
    padding: 55px 15px;
    color: #777;
    text-align: center;
}

@media (max-width: 991px) {
    .selector-iconos-item {
        flex-basis: calc(25% - 8px);
    }
}

@media (max-width: 767px) {
    .selector-iconos-dialog {
        max-width: calc(100vw - 20px);
    }

    .selector-iconos-grilla {
        max-height: 55vh;
    }

    .selector-iconos-item {
        flex-basis: calc(50% - 5px);
    }
}

/* Comparación documental. */
.documento-comparacion {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0 15px;
}

.documento-comparacion .select2-container {
    max-width: 100% !important;
}

.documento-comparacion .table {
    table-layout: fixed;
    width: 100%;
}

.documento-comparacion .table th,
.documento-comparacion .table td {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.documento-comparacion .text-right {
    clear: both;
}

/* Fondo uniforme para las pestañas y su contenido en todo el ERP. */
.nav-tabs > li > a,
.tab-content {
    background-color: #fff;
}

/* Cambio de contraseña. */
#dvCambioContrasena { padding: 4px 8px 8px; }
#dvCambioContrasena .pwd-aviso { margin: 0 0 12px; }
#dvCambioContrasena .pwd-col-campos .form-group { margin-bottom: 12px; }
#dvCambioContrasena .pwd-label { display: block; text-align: left; padding-top: 0; margin-bottom: 4px; font-weight: 600; color: #333; }
#dvCambioContrasena .has-success .pwd-label,
#dvCambioContrasena .has-error .pwd-label { color: #333 !important; }
#dvCambioContrasena .pwd-field { position: relative; }
#dvCambioContrasena .pwd-field .form-control { height: 32px; padding: 6px 36px 6px 10px; border-radius: 4px; }
#dvCambioContrasena .pwd-toggle { position: absolute; top: 0; right: 0; height: 32px; width: 32px; margin: 0; padding: 0; border: 0; background: transparent; color: #8a94a6; line-height: 32px; text-align: center; cursor: pointer; }
#dvCambioContrasena .pwd-toggle:hover { color: #555; }
#dvCambioContrasena .pwd-requisitos-box { border: 1px solid #e6e9ef; background: #f7f8fb; border-radius: 6px; padding: 12px 14px; min-height: 210px; }
#dvCambioContrasena .pwd-requisitos-titulo { font-weight: 600; margin-bottom: 8px; color: #333; }
#dvCambioContrasena .lista-requisitos-password { list-style: none; padding-left: 0; margin: 0; }
#dvCambioContrasena .lista-requisitos-password li { margin: 6px 0; font-weight: normal; }
#dvCambioContrasena .lista-requisitos-password li i { width: 16px; margin-right: 6px; }
#dvCambioContrasena .req-pendiente { color: #9aa3af; }
#dvCambioContrasena .req-ok { color: #3c763d; }
#dvCambioContrasena .req-error { color: #D15E5E; }
#dvCambioContrasena .help-block { margin: 4px 0 0; }
#dvCambioContrasena .help-block:empty { display: none; }
#btnGrabarCambioContrasena[disabled],
#btnGrabarCambioContrasena:disabled { opacity: .45; cursor: not-allowed; }