.fix-label{ width: 100%; text-align: left; font-size: 13px; font-weight: 500; } /* PAGE-HEADER */ .page-title{ padding: 16px 36px 16px 0; } /* ACTIVE LINK */ .navigation > li > ul li:first-child{ padding-top: 0; } /* ACTIVE LINK */ .navigation > li > ul li:last-child{ padding-bottom: 0; } .navbar-header{ width: 200px; } .media-left, .media > .pull-left{ padding-right: 0; } /* USER CONTENT */ .tp-sidebar-category-content{ display: flex; flex-direction: column; text-align: center; background: url("../../img/edited_02.jpg") no-repeat center; background-size: cover; box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75) } .header-highlight .navbar-header:not([class*=bg-]){ box-shadow: none; background-color: var(--primary-color-dark); } /* SIDEBAR NAVIGATION */ .navigation > li ul li a{ padding: 8px 52px; min-height: 36px; } .navigation > li > a{ padding: 8px 20px 8px 16px; min-height: 36px; } .navigation .navigation-header{ padding: 10px 16px; } .navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{ background-color: var(--primary-color); } /* PANELES */ .panel-heading{ padding: 9px 15px; } /* SIDEBAR */ .sidebar{ background-color: var(--primary-color-dark); box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75); } /* NAVBAR */ .navbar-inverse{ background-color: var(--primary-color-dark); border: none; } /* TABLA */ .table-xxs > thead > tr > th, .table-xxs > tbody > tr > th, .table-xxs > tfoot > tr > th, .table-xxs > thead > tr > td, .table-xxs > tbody > tr > td, .table-xxs > tfoot > tr > td{ padding: 2px 10px; } .table tr, .table th, .table td, .htContextMenu td, .ranges ul li{ height: 30px; } .datatable-header{ padding-top: 0px; } /* BOTONES */ .btn{ padding: 5px 8px; } /* HEADING ELEMENTS */ .heading-elements{ margin-top: -16px; } @media only screen and (max-width: 768px){ .panel-heading .visible-elements{ margin: 15px -15px 0 -15px; } .panel .visible-elements{ padding: 8px; } .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar{ width: 100%; } .sidebar-user + .sidebar-category .navigation{ padding-bottom: 0; } .sidebar-content{ padding-bottom: 0px; } } /* BREADCRUMBS */ .breadcrumb{ padding: 7px 0; } /* MODALES */ .modal-header[class*=bg-]{ padding: 9px 15px; } /* MEDIA OBJECTS */ .media-left, .media > .pull-left{ padding-right: 15px; } /* JQUERY CONFIRMATION */ .jconfirm .jconfirm-box.jconfirm-type-blue{ border-top: solid 7px #3ba4ce; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{ color: #3ba4ce !important; } /* HEADER */ .tp-header-right-table-button{ width: 180px; } .tp-header-right-table-button > i{ font-size: 20px; } @media only screen and (min-width: 769px) { .sidebar{ width: 200px; } .navbar-header{ min-width: 200px; } .sidebar-xs .sidebar-main .navigation > li > a > span{ background-color:var(--primary-color); border: 1px solid var(--primary-color); right: -200px; width: 200px; padding: 7px 20px; } .sidebar-xs .sidebar-main .navigation > li.active > ul{ position: absolute; top: 36px; width: 200px; right: -200px; } .sidebar-xs .sidebar-main .navigation > li > ul{ position: absolute; top: 36px; width: 200px; right: -200px; } } @media only screen and (max-width: 768px) { .sidebar{ width: 200px; } .navbar-header{ min-width: 100%; } }