/* Base */
* {font-family: 'Open Sans';}
body {margin: 0px;background: #fafafa;min-height: 100vh;height: 100vh;}
/* home */
#header {margin-left:240px;padding:8px 16px;}
#sidebar {width: 240px;position: fixed;left: 0;top: 0;height: 100vh;display: block;overflow-y: auto;padding: 3px;transition: transform 0.6s ease;}
#main-content {margin-left:240px;margin-right:32px;margin-bottom:40px; margin-top:0px; padding:0px;}
#menu-head {margin:8px;padding:4px;}

/* formularios */
input[type='checkbox'] {margin-top: 0px;}
input[type='file'] {padding: 3px;}
label {position:relative;top:4px;left:4px;color:#0a0c0d;font-weight:lighter;}
.label {font-weight: normal;}
.form-control, select[class='form-control'] {box-shadow:inset 0 0;background-color: #f5f5f5;border: 1px solid #f5f5f5;}
.form-control:focus {outline:0;box-shadow: 0 0;}
.form-control:read-only, .form-control:disabled {color: #646464;cursor:no-drop;}
.form-control:read-write, .form-control:enabled {color: inherit;cursor:inherit;}
.form-control::file-selector-button {border: 0;border-radius: 3px;margin:3px;background: #f2f2f2;}
select[class='form-control'] {padding: 2px 4px;}

/* tabs y paneles */
.panel {box-shadow: 0 0;}
.panel-btn{border:0px;background: #f5f5f5;padding:8px;border-radius: 3px;width: 100%;}
.lead i {width:24px;text-align:center;margin-right:4px;}
.tab-pane {padding:0;}
.tab-pane .tabpanel {border-top:0;box-shadow: 0 0 0;border-top-left-radius: 0;border-top-right-radius: 0;}

/* Otros */
.link {cursor: pointer;}
.link:hover {background: #f5f5f5;}
.list-group .active, .list-group .active:hover {background: #e0e0e0;border-color: #d0d0d0;color: #0a0c0d;}
.dropdown-menu {box-shadow: 0 0 3px rgba(11,13,14,0.1);}

/* botones y enlaces */
.btn i + i { margin-left: 4px; }
.dropdown-menu li a {padding-left: 4px;}
.dropdown-menu li i {width: 32px;text-align: center;margin:0;}

/* tablas */
.table-hover tbody td {cursor: pointer;}

/* menu */
.sidenav {margin-top:0px;}
.sidenav a {color:#0a0c0d;padding: 8px 8px 6px 8px;text-decoration: none;font-size: 13px;display: block;transition: 0.2s; border-radius: 3px;margin: 2px;}
.sidenav .submenu {background: #f5f5f5;display: none; border-radius: 3px;margin:4px 2px 4px 2px;padding:3px;}
.sidenav .submenu a {padding: 4px 4px 2px 4px;font-size: 12px;}
.sidenav .submenu .subnivel a {padding: 4px 4px 2px 31px;font-size: 12px; border-radius: 3px;}
.sidenav a:hover {background: #ebebeb;color: #0a0c0d;}
.sidenav .seleccionado, .sidenav .seleccionado:hover {background: #e0e0e0;}
#sidebar {direction: rtl;}
#sidebar > * {direction: ltr;}
#sidebar::-webkit-scrollbar {width: 8px;background: #f0f0f0;padding:2px;}
#sidebar::-webkit-scrollbar-thumb {background: #aaa;border-radius: 3px;}

/* carga */
.loader {width: 40px;height: 40px;border: 2px solid;border-color: #e3e3e3 #bfbfbf #e3e3e3 #bfbfbf;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1.5s linear infinite;}
  @keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}
}

/* movil */
@media (max-width: 768px) {
  #sidebar {transform: translateX(-100%);pointer-events: none;left: 0;width: 240px;z-index: 99;border-right:1px solid #e0e0e0;background: #ffffff;transition: transform 0.6s ease;}
  #sidebar.active {transform: translateX(0);pointer-events: auto;z-index: 1000;}
  #header {margin:8px;padding:8px;}
  #main-content {margin-left:8px;margin-right:8px;}
  #menu-head img {margin:4px;}
  .sidenav {margin-top:16px;}
  .sidenav.active {transform: translateX(0);}
  .sidenav a {padding: 10px 6px 7px 6px;}
  .sidenav .submenu a {padding: 8px 4px 6px 4px;}
  .sidenav .submenu .subnivel a {padding: 8px 4px 6px 31px;}
  #menu-overlay {display: none;position: fixed;top: 0;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);backdrop-filter: blur(2px);transition: transform 0.6s ease;}
}