.panel.panel--success .panel__title {
    background-color: #4ce1b6;
}

.panel.panel--info .panel__title {
    background-color: #70bbfd;
}

.panel.panel--warning .panel__title {
    background-color: #f6da6e;
}

.panel.panel--danger .panel__title {
    background-color: #ff4861;
}

.panel.panel--dark .panel__title {
    background-color: #404040;
}

.panel.panel--success .panel__title,
.panel.panel--dark .panel__title,
.panel.panel--info .panel__title,
.panel.panel--primary .panel__title,
.panel.panel--warning .panel__title,
.panel.panel--danger .panel__title {
    padding: 20px 40px 15px 30px;
    margin-bottom: 15px;
}

.panel.panel--success .panel__body,
.panel.panel--dark .panel__body,
.panel.panel--info .panel__body,
.panel.panel--primary .panel__body,
.panel.panel--warning .panel__body,
.panel.panel--danger .panel__body {
    padding: 0 !important;
}

.panel.panel--success .panel__title h5,
.panel.panel--dark .panel__title h5,
.panel.panel--info .panel__title h5,
.panel.panel--primary .panel__title h5,
.panel.panel--warning .panel__title h5,
.panel.panel--danger .panel__title h5 {
    color: white;
}

.panel.panel--success .panel__content,
.panel.panel--dark .panel__content,
.panel.panel--info .panel__content,
.panel.panel--primary .panel__content,
.panel.panel--warning .panel__content,
.panel.panel--danger .panel__content {
    padding: 0 35px 40px 30px;
}

.btn.btn-success {
    background-color: #4ce1b6;
    border-color: #4ce1b6;
}


.btn.btn-secondary {
    background-color: #e7e2e2;
    border-color: #e7e2e2;
    color: #646777;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary:active:focus {
    border-color: #d0c6c6;
    color: #646777;
}



.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success:active:focus {
    border-color: #24d6a3;
}



.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:active:focus {
    border-color: #dc3545;
}



.btn {
    border-radius: 5px;
    padding: 10px 25px;
    margin-bottom: 20px;
    margin-right: 15px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}



.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:active:focus,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:active:focus,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning:active:focus,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success:active:focus,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:active:focus,
.btn.btn-outline-danger:hover,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:active,
.btn.btn-outline-danger:active:focus,
.btn.btn-outline-warning:hover,
.btn.btn-outline-warning:focus,
.btn.btn-outline-warning:active,
.btn.btn-outline-warning:active:focus,
.btn.btn-outline-success:hover,
.btn.btn-outline-success:focus,
.btn.btn-outline-success:active,
.btn.btn-outline-success:active:focus {
    color: #ffffff;
}


/* ==================badge========================= */

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge {
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
}

.badge.badge-success {
    background-color: #4ce1b6;
}

.badge.badge-warning {
    background-color: #f6da6e;
}

.badge.badge-primary {
    background-color: #70bbfd;
}

.badge.badge-danger {
    background-color: #d80a3d;
}

.badge2 {
    color: #d80a3d;
    padding: 6px 20px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
}

    .badge2.badge-danger {
        background-color: #ffffff;
    }


h4 {
    font-size: 18px;
    line-height: 24px;
}

.timepicker ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    justify-items: revert;
}

.timepicker ul li {
    width: 100%;
    color: #000000;
}


/* =======================Card Background============================== */

.card-info {
    background: #70bbfd;
}


/* ======================Text Color=========================== */

.lightText {
    color: #a6a6a6 !important;
}

.black_Text {
    color: #000000 !important;
}

.success_text {
    color: #4ce1b6 !important;
}

.white_text {
    color: #ffffff !important;
}


/* ========================Text Size================================== */

.ft_6 {
    font-size: 60px;
    line-height: 50px;
}

.ft_4 {
    font-size: 40px;
}

.ft_3 {
    font-size: 30px;
}

.ft_2 {
    font-size: 20px;
}


/* =============list=========== */

.list_dot {
    list-style: disc;
    padding-left: 20px;
}

.tipsbox {
    padding: 20px;
    background: #0e4dc6;
    width: 150px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    margin: 15px 0;
}


/* =============Custom Css============ */