/*Creating theme override so we can control colors and styles without them being overwritten by theme*/
/* Last style sheet to be loaded */
/*BROWN: #7f643a
DK GREY: #373c35  55, 60, 53
Lt GREY: #868787
GREEN: #8c9839 
    ALT GREEN #82b440
*/

h1, h2, h3, h4, h5, h6 {
    color: #373c35 !important;
}

html {
    font-size: 14px;
}

/*progress bar*/
.kt-bg-success {
    background-color: rgba(131, 163, 55, 0.8) !important; /*rgba(137, 140, 55, 0.8) !important;*/
}

.team {
    background-color: lavender;
    padding: 5px;
}

.kt-header {
    padding-bottom: 20px;
}
/*.kt-header .kt-header__top {
    height: 120px !important;
  
}*/
.kt-chat__text {
    word-break:break-word;
}

.btn {
    padding: 10px;
}

    .btn.btn-label-join {
        background-color: rgba(131, 163, 55, 0.3) !important;
        color: #8c9839 !important;
    }

.kt-font-brand {
    color: #49c8f0 !important;
}

.kt-font-error {
    color: #FF4D4D !important;
}



#infoHeader.accordion-toggle-arrow:after {
    font-size: 1rem;
    font-family: LineAwesome;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    color: #3d94fb;
    right: 0;
}

#infoHeader.accordion-toggle-arrow.collapsed:after {
    color: #74788d;
    content: "Show Detail ";
}

/**  FORMS **/
.form-control:focus {
    border-color: #49c8f0 !important;
}
.input-validation-error {
    border: 1px solid #ff0000 !important;
}

.validation-summary-errors {
    color: #ff0000;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.validation-summary-errors ul {
    display: none;
    /*hide specific validation rules for now*/
}

.field-validation-error {
    /*display: none;*/
    color: red;
    display: inline-block;
}

.fa-brand {
    color:#49c8f0;
}

.modal-xl{
    max-width: 90%;
}

.select2-container {
    width: 100% !important;
}

.dataTable tr {
    width: fit-content;
}

@media(max-width: 1024px) {
    .form-group {
        margin-bottom: 1rem;
    }

    .mobile-brand-logo {
        display:none !important;
    }
}