body{
  background-color:#f7f7f7;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.bg-naranja {
  background-color: #e65100 !important;
}

a.bg-naranja:hover, a.bg-naranja:focus,
button.bg-naranja:hover,
button.bg-naranja:focus {
  background-color: #ffc107 !important;
}

.verde{
  color:#33691e;
}
.rojo{
  color:#880e4f;
}


.bg-verde {
  background-color: #c8e6c9 !important;
}

a.bg-verde:hover, a.bg-verde:focus,
button.bg-verde:hover,
button.bg-verde:focus {
  background-color: #a5d6a7 !important;
}


/*-----------------------------sidebar-titulos-theme-------------------------------------------*/

.titulos-theme .sidebar-wrapper {
    background: #555555;
}

.titulos-theme .sidebar-wrapper .sidebar-header,
.titulos-theme .sidebar-wrapper .sidebar-search,
.titulos-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #bbbbbb;
}

.titulos-theme .sidebar-wrapper .sidebar-search input.search-menu,
.titulos-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.titulos-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.titulos-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.titulos-theme .sidebar-wrapper .sidebar-search input.search-menu,
.titulos-theme .sidebar-wrapper .sidebar-search .input-group-text,
.titulos-theme .sidebar-wrapper .sidebar-brand>a,
.titulos-theme .sidebar-wrapper .sidebar-menu ul li a,
.titulos-theme .sidebar-footer>a {
    color: #f0f0f0;
}

.titulos-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.titulos-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.titulos-theme .sidebar-wrapper .sidebar-header ,
.titulos-theme .sidebar-wrapper .sidebar-brand>a:hover,
.titulos-theme .sidebar-footer>a:hover i {
    color: #ffffff;
    background: #444444;
}

.page-wrapper.titulos-theme.toggled #close-sidebar {
    color: #dddddd;
}

.page-wrapper.titulos-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.titulos-theme .sidebar-wrapper ul li:hover a i,
.titulos-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.titulos-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.titulos-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #fff;
    text-shadow:0px 0px 10px rgba(209, 162, 15, 0.5);
}

.titulos-theme .sidebar-wrapper .sidebar-menu ul li a i,
.titulos-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.titulos-theme .sidebar-wrapper .sidebar-search input.search-menu,
.titulos-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #444444;
}

.titulos-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #eeeeee;
}

.titulos-theme .sidebar-footer {
    background: #444444;
    box-shadow: 0px -1px 5px #444444;
    border-top: 1px solid #444444;
}

.titulos-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.titulos-theme .sidebar-footer>a:last-child {
    border-right: none;
}



/* fondo personalizado */
.bg-vino {
  background-color: #621132 !important;
}

a.bg-vino:hover, a.bg-vino:focus,
button.bg-vino:hover,
button.bg-vino:focus {
  background-color: #4a0d26 !important;
}


.bg-griz {
  background-color: #444444 !important;
}

a.bg-griz:hover, a.bg-griz:focus,
button.bg-griz:hover,
button.bg-griz:focus {
  background-color: #333 !important;
}


/* botones personalizados*/

.btn-vino {
  color: #fff;
  background-color: #621132;
  border-color: #4a0d26;
}

.btn-vino:hover {
  color: #fff;
  background-color: #B09A5B;
  border-color: #a38e52;
}

.btn-vino:focus, .btn-vino.focus {
  box-shadow: 0 0 0 0.2rem rgba(176, 154, 91, 0.5);
}

.btn-vino.disabled, .btn-vino:disabled {
  color: #fff;
  background-color: #d8d8d8;
  border-color: #cccccc;
}

.btn-vino:not(:disabled):not(.disabled):active, .btn-vino:not(:disabled):not(.disabled).active,
.show > .btn-vino.dropdown-toggle {
  color: #fff;
  background-color: #e7e7e7;
  border-color: #eeeeee;
}

.btn-vino:not(:disabled):not(.disabled):active:focus, .btn-vino:not(:disabled):not(.disabled).active:focus,
.show > .btn-vino.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 17, 50, 0.5);
}


/*btn griz */
.btn-griz {
  color: #fff;
  background-color: #555555;
  border-color: #555;
}

.btn-griz:hover {
  color: #fff;
  background-color: #444444;
  border-color: #444;
}

.btn-griz:focus, .btn-griz.focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
}

.btn-griz.disabled, .btn-griz:disabled {
  color: #fff;
  background-color: #d8d8d8;
  border-color: #cccccc;
}

.btn-griz:not(:disabled):not(.disabled):active, .btn-griz:not(:disabled):not(.disabled).active,
.show > .btn-griz.dropdown-toggle {
  color: #fff;
  background-color: #e7e7e7;
  border-color: #eeeeee;
}

.btn-griz:not(:disabled):not(.disabled):active:focus, .btn-griz:not(:disabled):not(.disabled).active:focus,
.show > .btn-griz.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
}



.letra-negrita {
  font-weight: bold;font-size: 16px;
}


.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #621132;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(98, 17, 50, 0.25);
}


/* iconos input*/

.input-group-text {
  
  color: #ffffff; 
  background-color: #444444;
  border: 1px solid #555555;
}


/* pestañas */

.nav-link{
  color: #333;
}

.nav-link:hover, .nav-link:focus {
  color: #621132;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  font-weight: bold;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

/* paginación */
.page-link {
  
  color: #621132;
  background-color: #fff;
  border: 1px solid #ddd;
}

.page-link:hover {  
  color: #621132;
  background-color: #ddd;
  border-color: #ddd;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 17, 50, 0.25);
}

.page-item.active .page-link {
  color: #fff;
  background-color: #621132;
  border-color: #ddd;
}

.page-item.disabled .page-link {
  color: #6c757d;
  background-color: #fff;
  border-color: #ddd;
}

/* badge personalizado */
.badge-naranja {
  color: #fff;
  background-color: #FF5733;
}

a.badge-naranja:hover, a.badge-naranja:focus {
  color: #555;
  background-color: #ffcc80;
}

a.badge-naranja:focus, a.badge-naranja.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 128, 0.5);
}


.badge-amarillo {
  color: #555;
  background-color: #FFFF00;
}

a.badge-amarillo:hover, a.badge-amarillo:focus {
  color: #555;
  background-color: #fff59d;
}

a.badge-amarillo:focus, a.badge-amarillo.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 245, 157, 0.5);
}


/* tooltip */
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-size:11px;
  font-weight: bold;
  text-align: center;
  background-color: #444;
  border-radius: 0.25rem;
}


.tooltip.show {
  opacity: 1;
}