:root {
    --primary-color: #E4E8EE;
    --primary-color-green: #1C795E;
    --primary-color-red: #FE4B48;

    --gray-scale-1: #FFFFFF;
    --gray-scale-2: #F0F5F8;
    --gray-scale-3: #DDE2E6;
    --gray-scale-4: #AFAFAF;
    --gray-scale-5: #313C3E;

    --font-xs-size: 12px;
    --font-s-size: 14px;
    --font-m-size: 16px;
    --font-l-size: 20px;

    --text-color:  #4C4C47;

    --border-radius: 4px;
    --btn-color : #26A27D;
    
}

body {
    color: var(--text-color) !important;
}

body .sheets-table thead th,
body .sheets-table tbody tr th, body .sheets-table tbody tr td span{
  color:  var(--text-color) !important;
}
.auth-card {
    background-color: #FFFFFF;
}

.auth-card .row .col {
    text-align: center;
}

.navbar {
    background-color: var(--primary-color);
    
}

.navbar-nav .nav-link {
    color: var(--text-color) !important;
}


.navbar-nav .nav-link:not(.nav-custom-content):hover{
    color: var(--gray-scale-1) !important;
    background-color: var(--primary-color-green) !important;
}

.navbar-nav .nav-link:not(.nav-custom-content):hover,
.navbar-nav .nav-link:not(.nav-custom-content).active {
    color: var(--text-color) !important;
}

.navbar-nav .nav-link:not(.nav-custom-content):hover, .navbar-nav .nav-link.active:not(.nav-custom-content) {
    color: var(--gray-scale-1) !important;
    background-color: var(--primary-color-green) !important;
    font-weight: 700 !important;
}

.nav-link.dropdown-toggle:hover:after {
    color: var(--gray-scale-1) !important;
}

.page-title {
    color: var(--text-color);
}

.btn-custom-white {
    color: var(--btn-color) !important;
}

body .sheets-table thead th,
body .sheets-table tbody tr th, body .sheets-table tbody tr td span{
  background-color:var(--primary-color);
  color: var(--primary-color-green);
}

.btn-custom-color-out {
    color: var(--btn-color);
    background-color: var(--gray-scale-2);
    border-color: var(--gray-scale-2);
}

.btn-custom-color-out:hover {
    color: var(--primary-color-green) !important;
}

.search-in-table {
    height: 37px;
    border: 2px solid var(--btn-color) !important;
}

.btn-custom-search {
    border: 2px solid var(--btn-color) !important;
    color: var(--btn-color) !important;
}

.btn-custom-search:focus {
    box-shadow: none
}

.left-panel-section {
    color: var(--gray-scale-1);
    background-image: linear-gradient(45deg, #4B6B81 0%,  #4C4C47 79.48%, #0F151A 100%) !important;
}

.left-panel-section i {
    color: var(--gray-scale-1);
}

.left-panel-section i, .table-wrapper .left-panel-section.open .left-panel-header .title {
    color: var(--gray-scale-1);
}


.page-item.active .page-link {
    color: var(--primary-color-green);
    background-color: var(--gray-scale-2) !important;
    border-color: var(--gray-scale-2) !important;
}

span.btn-custom-white i.fa.fa-pen {
    color: var(--primary-color-green);
}

@media (max-width: 620px) {
     img.auth-card-logo{
            display:none
        }
        
        .container-auth {
            background-image: none !important;
        }
        
        .auth-card{
            width: 100vw;
            -webkit-box-shadow: none;
            padding: 0px!important;
            min-width: auto!important;
            
        }
    
        .btn{
            padding: .375rem 2rem
        }
    
        
        .btn-block {
            margin: 0 auto;
            width: auto;
            
        }
    
        p{
            text-align: left!important;
            margin-bottom: 50px;
        }
    
        .form-group{
            margin-top: 1em
        }
    
}

#see_as_guest{
    display: none;
}