body {
}

.badgeButton {
    border-radius: 10px;
    min-width: 50px;
    margin-right: 10px;
}

.badgeActive {
    border: 2px solid #04a704 !important;
    color: #04a704 !important;
}

.badgeInactive {
    border: 2px solid #1cb1ff !important;
    color: #1cb1ff !important;
}

.badgeMissed {
    border: 2px solid #e400ff !important;
    color: #e400ff !important;
}

.badgeCancelled {
    border: 2px solid #ff0000 !important;
    color: #ff0000 !important;
}

.flatpickr-calendar.open {
    z-index: 999999999 !important;
}

.navbar-dark {
    color: #324148 !important;
    background-color: #ffffff !important;
    border-bottom-color: #324148 !important;
}

    .navbar-dark a {
        color: #324148 !important;
    }

.page-header__title {
    padding-top: 20px;
}

h1 {
    font-size: 30px;
    color: #666666;
}

.navbar-brand {
    padding-top: 4px;
    padding-bottom: 8px;
}

    .navbar-brand img {
        height: 36px;
    }

.sidebar-dark {
    background-color: #263238;
    color: #fff;
}

.nav-sidebar .nav-link i {
    min-width: 23px;
}



.field-validation-error {
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
    color: #F44336;
    position: relative;
    padding-left: 8px;
}

.daterangepicker {
    z-index: 99999999;
}

    .daterangepicker .monthselect {
        width: 48% !important;
    }

    .daterangepicker .yearselect {
        width: 52% !important;
    }

.min-height-100 {
    min-height: 100px;
}

.min-height-200 {
    min-height: 200px;
}

.min-height-300 {
    min-height: 300px;
}

label.control-label {
    font-size: 16px;
    font-weight: 500;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: unset !important;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    border-color: #54d405 !important;
    background: #54d405 !important;
    color: #000000;
    fill: #000000;
}




.select2-container--open {
    z-index: 999999999999 !important;
}

.col-popup {
    margin-bottom: 30px;
}

.menuBtn {
    color: #ffffff;
}

    .menuBtn > div {
        border: 2px solid #000000;
        border-radius: 5px;
        height: 70px;
        padding: 5px;
        text-align: center;
        margin-bottom: 30px;
    }

        .menuBtn > div.bg1 {
            background-color: green;
        }

        .menuBtn > div.bg2 {
            background-color: blue;
        }

        .menuBtn > div.bg3 {
            background-color: purple;
        }

        .menuBtn > div.bg4 {
            background-color: #DE7A01;
        }

        .menuBtn > div.bg5 {
            background-color: darkred;
        }

    .menuBtn:hover {
        color: #ffffff;
    }

    .menuBtn > div > p {
        margin: 8px 1px 1px 1px;
    }

.selectBtn {
    color: #ffffff;
}

    .selectBtn > div {
        border: 2px solid #000000;
        border-radius: 5px;
        height: 50px;
        padding: 5px;
        text-align: center;
        margin-bottom: 30px;
    }

        .selectBtn > div.bg1 {
            background-color: white;
            color: #000000;
        }

        .selectBtn > div.bg2 {
            background-color: green;
            color: #ffffff;
        }

    .selectBtn:hover {
        color: #ffffff;
    }

    .selectBtn > div > p {
        margin: 8px 1px 1px 1px;
    }

.sideBtn {
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    background-color: #7cb342;
    color: #ffffff;
}

    .sideBtn:hover {
        background-color: #7cb342;
        color: #ffffff;
    }

.sideBtnRed {
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    background-color: red;
    color: #ffffff;
}

    .sideBtnRed:hover {
        background-color: red;
        color: #ffffff;
    }

.sideBtnLarge {
    border-radius: 3px;
    padding: 10px 15px;
    text-align: center;
    background-color: #2196f3;
    color: #ffffff;
}

.sideBtnLarge {
    background-color: #2196f3;
    color: #ffffff;
}

    .sideBtnLarge:hover {
        background-color: #0f86e4;
        color: #ffffff;
    }

.GoldBtn .bootstrap-touchspin-up {
    background-color: gold;
    color: black;
}

.GoldBtn .bootstrap-touchspin-down {
    background-color: gold;
    color: black;
}

.SilverBtn .bootstrap-touchspin-up {
    background-color: silver;
    color: black;
}

.SilverBtn .bootstrap-touchspin-down {
    background-color: silver;
    color: black;
}

.badge-flat {
    font-size: 13px !important;
}

.select2-selection--single .select2-selection__placeholder {
    color: #000000 !important;
}

.tableDashboard th {
    padding: 12px 6px !important;
}

.tableDashboard td {
    padding: 12px 6px !important;
}

    .tableDashboard td.dayArea {
        background-color: #eaffdb !important;
        text-align: right !important;
    }

        .tableDashboard td.dayArea span {
            font-size: 17px !important;
            font-weight: normal !important;
        }

    .tableDashboard td.weekArea {
        background-color: #fffadb !important;
        text-align: right !important;
    }

        .tableDashboard td.weekArea span {
            font-size: 17px !important;
            font-weight: normal !important;
        }

    .tableDashboard td.monthArea {
        background-color: #dbfffd !important;
        text-align: right !important;
    }

        .tableDashboard td.monthArea span {
            font-size: 17px !important;
            font-weight: normal !important;
        }



.tableExpenses th {
    padding: 12px 6px !important;
}

.tableExpenses td {
    padding: 12px 6px !important;
}

    .tableExpenses td.weekArea {
        background-color: #fffadb !important;
        text-align: right !important;
    }

        .tableExpenses td.weekArea span {
            font-size: 17px !important;
            font-weight: normal !important;
        }