.err-class
{
    color:red !important;
    font-weight:bold !important;
}

.c-visible{
    display:none;
}



/* ###### 5.2 Datepicker ###### */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid rgba(28, 39, 60, 0.2);
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
    margin: 1px 0 0;
    display: none;
    width: auto !important;
    /*z-index: 5 !important;*/
    z-index: 15 !important;
}

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #031b4e;
        padding: 0 0 5px;
        letter-spacing: 1px;
        border: 0;
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            text-indent: -99999px;
            color: #7987a1;
            top: 3px;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                font-size: 16px;
                font-family: 'Ionicons';
                position: absolute;
                top: -2px;
                text-indent: 0;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
                color: #3b4863;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            order: 3;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                right: 5px;
                content: '\f3d1';
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
            left: 5px;
            content: '\f3cf';
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
            color: #596882;
            cursor: pointer;
            top: 1px;
            border: 0;
            background-color: transparent;
        }

    .ui-datepicker .ui-datepicker-title {
        color: #3b4863;
        font-weight: 700;
        font-size: 13px;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
        background-color: transparent;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1px;
            padding: 6px 9px;
            color: #3b4863;
        }

@media (max-width: 320px) {
    .ui-datepicker .ui-datepicker-calendar th {
        padding: 4px 0;
        letter-spacing: normal;
    }
}

.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #fff;
    padding: 0;
    background-color: #fff;
    text-align: right;
}

    .ui-datepicker .ui-datepicker-calendar td:last-child {
        border-right: 0;
    }

    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
        color: #ccc;
    }

    .ui-datepicker .ui-datepicker-calendar td span,
    .ui-datepicker .ui-datepicker-calendar td a {
        transition: all 0.2s ease-in-out;
        padding: 5px;
        color: #031b4e;
        padding: 6px 10px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        border: 0;
        border-radius: 1px;
    }

@media (prefers-reduced-motion: reduce) {
    .ui-datepicker .ui-datepicker-calendar td span,
    .ui-datepicker .ui-datepicker-calendar td a {
        transition: none;
    }
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #fff;
    color: #031b4e;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    background-color: #3366ff;
    color: #fff;
}

.ui-datepicker-multi .ui-datepicker-group {
    padding-right: 15px;
    width: auto;
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
        margin: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
        left: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
        right: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0;
    }

.ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: 0;
}

.ui-datepicker-inline {
    border-color: #cdd4e0;
}

@media (min-width: 576px) {
    .ui-datepicker-inline {
        max-width: 270px;
    }
}

.lbl-head {
    font-size: 35px !important;
    color: brown;
}


.bg-violet {
    background-color: violet;
}

.bg-maroon {
    background-color: #B03A2E;
}

.bg-2FE97D {
    background-color: #2FE97D;
}

.bg-9932CC {
    background-color: #9932CC;
}

.bg-7B68EE {
    background-color: #7B68EE;
}

.bg-indigo {
    background-color: #6610f2 !important;
    color:white !important;
}

.bg-orange {
    background-color: #fd7e14 !important;
    color: white !important;
}

.bg-cyan {
    background-color: #17a2b8 !important;
    color:white !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
    color:white !important;
}

.bg-green {
    background-color: #28a745 !important;
    color:white !important;
}

.bg-info {
    background-color: #17a2b8 !important;
    color: white !important;
}

.bg-violet {
    background-color: violet;
    color:black !important;
}

.bg-primary {
    background-color: #007bff !important;
    color:white !important;
}

.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    display: block;
    margin-bottom: 20px;
    position: relative;
    height: 170px !important;
}

.small-box > .inner {
        padding: 10px;
    }

    .small-box h3, .small-box p {
        z-index: 5;
    }

    .small-box h3 {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 10px;
        padding: 0;
        white-space: nowrap;
    }

    .small-box p {
        font-size: 1.2rem;
        font-weight: bold;
    }


    .small-box > .small-box-footer {
        background-color: rgba(0,0,0,.1);
        color: rgba(255,255,255,.8);
        display: block;
        padding: 3px 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        z-index: 10;
    }


.pending-box
{
    background-color:red;
    color:white;
    font-weight:bold;
    border:1px solid white;
    display:block;
    text-align:center;
}

.approved-box {
    background-color: forestgreen;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    display: block;
    text-align: center;
}

.rejected-box {
    background-color:firebrick;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    display: block;
    text-align: center;
}


.btn-success1 {
    background-color: #6610f2;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: #582f0eb7;
    font-family: 'PT Sans', sans-serif;
    outline: none !important;
}

    .btn-success1:hover,
    .btn-success1:focus,
    .btn-success1:active {
        background: #fff;
        color: #6610f2;
        border: 2px solid #6610f2;
        text-decoration: none;
        box-shadow: none;
    }

.btn-danger1 {
    background-color: brown;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.08em;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: #582f0eb7;
    font-family: 'PT Sans', sans-serif;
    outline: none !important;
}

    .btn-danger1:hover,
    .btn-danger1:focus,
    .btn-danger1:active {
        background: #fff;
        color: brown;
        border: 2px solid brown;
        text-decoration: none;
        box-shadow: none;
    }

.c-visible{
    display:none;
}