/* ********************************************************************************************
    Reset
*********************************************************************************************** */

html,
body {
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: 'Open Sans', 'SF Pro Display', sans-serif;

    color: #282f39;
}
a{
    color: #56802e;
    text-decoration: none !important;    
}
a:hover{
    color: #56802e;
}
img {
    max-width: 100%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    /*color: #000;*/
}
.h1, h1{
    font-size: 3.75rem;
}
.h2, h2{
    font-size: 2.5rem;
}
.h3, h3{
    font-size: 1.75rem;
}
.h4, h4{
    font-size: 1.5rem;
}
.h5, h5{
    font-size: 1.25rem;
}
.h6, h6{
    font-size: 1rem;
}

.font-weight-300{
    font-weight: 300;
}
.font-weight-400{
    font-weight: 400;
}
.font-weight-600{
    font-weight: 600;
}
.font-weight-700{
    font-weight: bold;
}

/* ********************************************************************************************
    Colors
*********************************************************************************************** */

.text-muted{
    color: #bbbbbb !important;
}
.text-dark{
    color: #282f39 !important;
}
.text-accent{
    color: #56802e !important;
}
.text-grey{
    color: #666 !important;
}

/* ********************************************************************************************
    Buttons
*********************************************************************************************** */

.btn{
    font-size: 0.875rem;
    outline: none !important;
    box-shadow: none !important;
    /*border-radius: 50px;*/
    text-transform: uppercase;
    font-weight: 600;
    border-radius: .20rem;
}
.btn:not(.btn-sm){
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.btn-primary-theme{
    background-color: #ea5c15;
    color: #FFF;
}
.btn-primary-theme:hover{
    background-color: #ea5c15;
    color: #FFF;
}
.btn-accent-outline{
    background-color: #fff;
    color: #282f39;
    border: 1px solid #ebebeb;
}
.btn-accent-outline:hover,
.btn-accent-outline.active{
    border-color: #56802e;
    color: #56802e;
}
.btn-outline{
    background-color: #fff;
    color: #282f39;
    border: 1px solid #ebebeb;
}
.btn-outline:hover{
    background-color: #fbfcfc;
    color: #282f39;
}

.btn-link{
    color: #56802e;
    text-decoration: none !important;    
}
.btn-link:hover{
    color: #56802e;
}

.weekday > .btn{
    padding-left: .75rem;
    padding-right: .75rem;
}

/* ********************************************************************************************
    Form
*********************************************************************************************** */

.form-group > label{
    color: #666;
    margin-bottom: .25rem;
}
.form-control{
    font-size: 0.875rem;
    background-color: #fcfcfc;
    border-color: #ebebeb;
    color: #282f39;
    border-radius: .20rem;
}
.form-control:focus{
    border-color: #56802e !important;
    outline: none !important;
    box-shadow: none !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fcfcfc;
    opacity: 1;
}
textarea{
    resize: none;
}
.input-group-text{
    font-size: 0.875rem;
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: .20rem;
}
.form-heading{
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 8px;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 600;
    color: #666;
}

.custom-control-input:checked~.custom-control-label::before{
    background-color: #56802e;
    border-color: #56802e;
}
.custom-control-input:not(:disabled):active~.custom-control-label::before{
    background-color: rgba(86, 128, 46, 0.40);
    border-color: rgba(86, 128, 46, 0.40);    
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color: rgba(86, 128, 46, 0.40);  
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(86, 128, 46, 0.40);
}

/* Select2 */
.form-group .select2-container{
    width: 100% !important;
}
.select2-container .select2-selection--single{
    height: 39px;
}
.select2-container--default .select2-selection--single{
    border-radius: 0.20rem;
    background-color: #fcfcfc;
    border-color: #ebebeb;
    outline: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #282f39;
    line-height: 37px;    
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 37px;
    right: 0.25rem;    
}
.select2-dropdown{
    border-color: #ebebeb; 
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #56802e;
}
.select2-results__option{
    padding-left: 1rem;
    padding-right: 1rem;
}
.select2-search--dropdown:before{
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #666;
    position: absolute;
    height: 39px;
    width: 39px;
    text-align: center;
    line-height: 39px;
    top: 4px;
    left: 4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background-color: #fcfcfc;
    border-color: #ebebeb;
    outline: none !important;
    padding: .50rem 1rem 0.50rem 2.25rem;
    border-radius: 0.20rem;
}

/* Fileinput */
.fileinput{
    margin-bottom: 1rem;
}
.fileinput .thumbnail{
    border-color: #ebebeb;
}
.fileinput .thumbnail img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.fileinput .btn{
    text-transform: none;
}

.bannerimage {
    margin: 0 -7.5px;
}
.bannerimage .fileinput {
    vertical-align: top;
    position: relative;
    margin: 0 7.5px 15px;
}
.bannerimage .fileinput-new .thumbnail {
    border-style: dashed;
    border-width: 2px;
}
.bannerimage .fileinput .thumbnail{
    width: 150px;
    height: 100px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.bannerimage .removeBanner {
    position: absolute;
    top: -7.5px;
    right: -7.5px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    font-size: 12px;
}
.proof-upload{
    width: 100%;
}

/* ********************************************************************************************
    Navbar
*********************************************************************************************** */

.navbar{
    border-bottom: 1px solid #e9ecef;
}
.navbar-nav .nav-link{
    text-transform: uppercase;
    font-weight: 700;
}
.navbar-light .navbar-nav .nav-link{
    color: #000;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover{
    color: #56802e;
}

.navbar-nav .nav-item.dropdown .rounded-circle{
    width: 35px;
    height: 35px;
    object-fit:cover;
}

.navbar-brand{
    margin-right: 0px;
    margin-left: 1rem;
}

/* Dropdown */
.dropdown-menu{
    font-size: 0.875rem;
}
.dropdown-item{
    font-weight: 600;
    text-transform: uppercase;
    padding: .50rem 1.5rem;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: #56802e;
}

/* ********************************************************************************************
    Tabs
*********************************************************************************************** */

.nav-tabs .nav-link{
    /*border-radius: 50px;*/
    font-weight: 600;
    text-transform: uppercase;
    padding: .75rem 0rem;
    margin-right: 1.5rem;
    color: #282f39;
    font-size: 0.875rem;
    border-radius: 0px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #fff #fff #fff;
}
.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link{
    background-color: #FFF;
    color: #56802e;
    border-bottom-width: 2px;
    border-color: #fff #fff #56802e;
}

/* ********************************************************************************************
    Table
*********************************************************************************************** */

.table{
    color: #282f39;
}
.table td, .table th{
    padding: 1.25rem 1rem;
    vertical-align: middle;
}

/* ********************************************************************************************
    Content
*********************************************************************************************** */

.content{
    min-height: 100vh;
}

/* ********************************************************************************************
    Auth
*********************************************************************************************** */

.auth-container{
    min-height: 100vh;
}
.auth-left{
    background-color: #f4e6c5;
    position: relative;
    font-size: 1.125rem;
}
.auth-left .auth-content{
    position: relative;
    z-index: 1;
    /*padding-bottom: 50%;*/
}
.auth-left .auth-image{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.auth-left .auth-image img{
    width: 100%;
}
.auth-right-content{
    max-height: 100vh;
    overflow-y: auto;
}

.auth-footer{
    /*background: #fbfcfc;*/
    border-top: 1px solid #ebebeb;
    text-align: right;
}
.auth-footer .btn{
    font-size: 1rem;
}

.form-group.map{
    height: calc(100% - 1rem);
}

/* ********************************************************************************************
    Footer
*********************************************************************************************** */

.footer{
    font-size: 12px;
}

/* ********************************************************************************************
    Animation
*********************************************************************************************** */

a,
.btn,
.collapse,
.owl-theme .owl-nav [class*='owl-']{
    -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, border 0.3s ease-in-out, font-weight 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, border 0.3s ease-in-out, font-weight 0.3s ease-in-out;
}

.navbar-nav>li>a:before,
.navbar-right>li>a:before {
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}