﻿html body, h1, h2, h3, h4, h5, h6, .header-navbar, .navigation {
    font-family: Roboto,Arial,sans-serif !important;
    color: #5f5f61 !important;
}
html body .content .content-wrapper {
    padding: 1rem;
}
.btn {
    background-color: #ffffff !important;
    border-color: darkgray !important;
    padding: 3px 5px !important;
    border-radius: 20px !important;
    color: black;
}
.btn-group {
    padding: 5px 5px !important;
    border-radius: 2px !important;
}
.btn-min {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.btn-more {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.btn-cantidad {
    border-radius:0px !important;
}
.flotante-zuga {
    padding: 8px !important;
    margin: 5px 15px !important;
    width: 100%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.btn-zuga-blue-light {
    background-color: rgba(15,109,149,0.5) !important;
}
.btn-zuga-blue-light:hover {
    background-color: #0F6D95 !important;
    color: white !important;
}
/* Tabs */
.nav-item a {
    color: #373737 !important;
}
.nav-item .active {
    color: gray !important;
}
.nav.nav-tabs .nav-item .nav-link {
    padding:0px !important;
}
div.tab-content {
    border-right: 1px solid #adb5bd !important;
    border-left: 1px solid #adb5bd !important;
    border-bottom: 1px solid #adb5bd !important;
}
input, .modal select {
    height: 30px !important;
}
input:focus, 
select:focus, 
textarea:focus, 
table > tbody > tr > td > input:focus {
    border: 2px solid #0F6D95 !important;
    transition: border .1s !important;
}
table > tbody > tr:nth-child(odd) {
    background: #f0f0f0;
}
.form-group {
    margin-bottom: 5px !important;
    color: #595959 !important;
}
.table thead tr th, .table tfoot tr th {
    background-color: white !important;
    color: #444444 !important;
    padding: 5px !important;
}
.table thead tr th {
    text-align: center !important;
}
.modal table > tbody > tr > td {
    padding: 5px !important;
}
.box-shadow-zuga {
    box-shadow: -5px -1px 0px 2048px rgba(0,0,0,0.42);
    -webkit-box-shadow: -5px -1px 0px 2048px rgba(0,0,0,0.42);
    -moz-box-shadow: -5px -1px 0px 2048px rgba(0,0,0,0.42);
}
.box-shadow-5 {
    -webkit-box-shadow: 0 55px 48px 0 rgba(62, 57, 107, .36);
    box-shadow: 0 55px 48px 0 rgba(62, 57, 107, .36);
}
.flotante-zuga {
    padding: 8px !important;
    margin: 5px 0px !important;
    width: 100%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
@media (min-width: 992px) {
    .modal-lg {
        max-width: 1024px;
    }
}
.modal-content {
    border: 0px solid white !important;
}
.modal-header {
    background-color: #ffffff30 !important;
    padding: 5px 10px !important;
    color: black !important;
}
.modal-header button.close {
    padding: 0px !important;
    margin: 0px !important;
}
.modal-footer {
    background-color: #ffffff30 !important;
    padding: 5px 10px !important;
}
.modal-footer button {
    height: 30px !important;
    font-size: 12px !important;
    padding: 5px 5px !important;
}
@media (min-width: 375px) and (max-width: 424px) {
    .modal-footer {
        display: flex !important;
    }
}
@media (min-width: 423px) and (max-width: 767px) {
    .modal-footer {
        display: flex !important;
    }
}
@media (min-width: 768px ) and (max-width: 1023px) {
    .modal-footer {
        display: flex !important;
    }
}

/*Autocomplette*/
ul.ui-autocomplete.ui-front {
    max-height: 300px !important;
    overflow-y: auto;
    z-index: 9999 !important;
}
/* Timepicker */
.ui-timepicker-container {
    z-index: 1151 !important;
}
.itemselect {
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
    border-color: floralwhite !important;
    padding: 3px 5px !important;
    height: 60px;
    width: 150px;
    border-radius:15px;
}
.btn-group-cantidad {
    padding:0px !important;
}