﻿
.btn-green {
    background: #28844e;
    border-color: #28844e;
    text-transform: uppercase;
    font-weight: 700;
}

.login-register-page {
    background: url("/content/saas/bg-image.jpg") 0 0 !important;
    background-size: cover !important;
}

    .login-register-page a {
        color: #28844e;
    }

.login-register-page {
    align-items: center;
    height: 100vh;
    justify-content: center;
    display: flex;
}

.login-box, .register-box {
    width: 450px;
}

    .login-box .card {
        background-color: rgba(255, 255, 255, 0.8);
        border-top: 0px solid #00a65a;
    }

.table-bordered {
    border: 1px solid #20763a !important;
}

.table tr, .table td, .table th {
    border-color: #20763a;
}

table {
    border-collapse: collapse;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
    border-color: #20763a;
}

.dataTable thead td {
    border-bottom-width: 0px !important;
}

.dataTable thead th {
    border-bottom-width: 0px !important;
}

.login-card-body, .register-card-body {
    background: transparent;
    padding: 15px 38px 15px 38px !important;
}

.modal-body .col-form-label {
    color: #000;
    font-weight: bold;
}


.navbar-white {
    background-color: #20763a;
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
}

.main-sidebar {
    background: #151522;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #151522;
}

.brand-link {
    padding: .2rem .3rem 0.7rem 0.3rem !important;
}

.sidebar-collapse .brand-link .brand-image {
    max-height: none !important;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #29293a !important;
}

.brand-text {
    font-size: 1.7rem;
    top: 8px;
    font-weight: bold;
    right: 0;
    left: 0px;
}

.brand-link .text-success {
    color: #20763a !important;
}

.sidebar-collapse .brand-text {
    top: 8px !important;
    right: 6px !important;
    font-size: 1.7rem !important;
}

.sidebar-collapse .brand-link {
    padding: .0rem .0rem !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #20763a !important;
    border-color: #20763a !important;
}

.modal-subtitles {
    background: #20763a;
    color: #fff;
    padding: 10px 10px;
    margin-bottom: 0px;
    font-size: 17px;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #004a99;
    opacity: 0.8;
}

.form-group-switch-button {
    height: calc(2.25rem + 2px);
    vertical-align: middle;
    display: table-cell;
}

.info-box-content .info-box-text {
    color: #000;
}

.table thead th {
    vertical-align: middle;
}

.custom-switch {
    padding-left: 2.8rem !important;
}

@media (min-width: 100px) and (max-width: 767.98px) {
    .login-box, .register-box {
        width: 100%;
    }

    .common-table {
        overflow: scroll;
        max-height: 80vh !important;
    }
}

.daterangepicker {
    z-index: 1100000000000;
}