*:not(i) {
    font-family: 'San Francisco' !important;
    line-height: 18px;
    color: #4a4a4a;
    font-weight: 500;   
}

@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
        background:#ecf0f1;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -40%;
    }

    .row-offcanvas-left.active {
        left: 40%;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 40%;
        margin-left: 12px;
    }
}
  
#sidebar {
    padding:15px;
    margin-top:10px;
}

.btn-fake {
    background: transparent !important;
    border: transparent !important;
    cursor: default !important;
}

.btn-fake:hover {
    background: transparent !important;
    border: transparent !important;
}

.lowercased {
    font-size: 12px !important;
    font-weight: 800 !important;
}

.btn-disabled {
    cursor: default;
    pointer-events:none;
}

h3 {
    font-weight: 700 !important;
}

.boldest {
    font-weight: 900 !important;
}

.bolder {
    font-weight: 500 !important;
}

.light {
    font-weight: 300 !important;
}

.prof-image-client-small {
    height: 30px;
    width: 30px;
    background-color: lightgrey;    
    border-radius: 50%;
    margin-top:-4px;
    object-fit: cover;
}

.bigger {
    font-size: 16px;
}

.biggest {
    font-size: 36px;
}

.padding {
    padding: 10px;
}

.overflow-scroll {
    overflow-y: scroll;
    max-height: 150px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

@media screen and (min-width: 1000px){
    .left-container{
        /* position: fixed; */
    }
}

.info-billy {
    padding:15px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #0e2a4b;  /* #3490dc */
    opacity: 0.7;
    /* width:80%; */
    /* max-width: 80%; */
    word-wrap: break-word;
    box-shadow: 0px 0px 5px rgb(209, 209, 209);
}

.dropdown-menu {
    background-color: #257fc9 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #3490dc;
}

.info-billy:hover {
    opacity: 1.0;
}

.third-bg {
    background-color: rgb(0, 179, 89)  !important;
    color: white;
}

.fourth-bg {
    background-color: #0e2a4b  !important; /* #0a2949,#313a45 */
    color: white;
}

.fifth-bg {
    background-color: #d8630e  !important;
    color: white;
}

.third {
    color:rgb(0, 179, 89)  !important;
}

.fourth {
    color:#0e2a4b  !important; /* #0a2949,#313a45 */
}

.fifth {
    color:#d8630e  !important;
}

.white {
    color: white !important;
}

.white > * {
    color: white !important;
}

.white * {
    color: white !important;
}

.top-bar-billy {
    background-color: #0e2a4b;  /* #3490dc */
}

nav {
    position: fixed !important;
    width: 100% !important;
    z-index: 100 !important;
}

.py-4 > .container {
    margin-top: 3.5em !important;
}

/* .third-general .btn-primary{
    background-color: rgb(0, 179, 89)  !important;
    border-color: rgb(0, 179, 89)  !important;
    color: white;
} */

.third-general .nav-link.active {
    background-color: rgb(0, 179, 89)  !important;
    color: white !important;
}

/* .third-general .bs-callout-primary {
    border-left-color: rgb(0, 179, 89) !important;
}
 */
/* .fourth-general .btn-primary{
    background-color: #0a2949  !important; * #313a45 *
    border-color: #0a2949  !important; * #313a45 *
    color: white;
} */

.fourth-general .nav-link.active {
    background-color: #0e2a4b  !important; /* #0a2949,#313a45 */
    color: white !important;
}

/* .fourth-general .bs-callout-primary {
    border-left-color: #0a2949 !important; * #313a45 *
}

.fifth-general .btn-primary{
    background-color: #d8630e  !important;
    border-color: #d8630e  !important;
    color: white;
} */

.fifth-general .nav-link.active {
    background-color: #d8630e  !important;
    color: white !important;
}

/* .fifth-general .bs-callout-primary {
    border-left-color: #d8630e !important;
} */



.dataTables_filter input[type=search]{
    border-radius: 2px !important;
    border: 1px solid #a0a0a0 !important;
    box-shadow: none !important;
}

#DataTables_Table_0_length {
    padding-top:10px;
    margin-left:15px;
}

.dashboard-header {
    margin-bottom: 5%;
    margin-top: 3%;
}

.dash-box {
    background-color: #deeeff;
    text-align: center;
    padding: 3px;
}

.col-head-box {
    margin-bottom: 3%;
    font-size: large;
}

.col-content-box {
    
}

.dash-box-ext {
    margin: 3% auto;
}

/* Global links: remove underline in all states */
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}

.content-modal-confirm {
    height: 100%;
    width: 100%;
    /* background-image: url("/img/Background.jpg"); */
    background-color: #3490dc !important;
}

.box-modal-confirm {
    background-color: #e0e0e0;
}

.intestazione-modal {
    padding-top: 10px;
}

/* Style date input similar to bootstrap-select button */
input[type="date"].select-like,
.select-like[type="text"],
.select-like {
    display: inline-block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    background-color: #f2f2f2;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #212529;
    line-height: 1.5;
    height: calc(2.25rem + 2px);
}

input.select-like:hover,
input.select-like:focus,
.select-like:hover,
.select-like:focus {
    background-color: #e9ecef;
    color: #212529;
    outline: 0;
    box-shadow: none;
}