/*filter*/
.filter-search-cases{
    display: flex;
}
input#search-keyword {
    border-radius: 100px 0px 0px 100px ! IMPORTANT;
  background: #fff;
    padding: 20px 30px;
}
button.filter-search-button-cases {
    padding: 10px 20px;
    border: unset;
    border-radius: 0px 100px 100px 0px;
    background: #2699FB;
    color: #fff;
}
/*.filter-title {
    text-align: center;
    color: #fff;
    padding: 10px 0px 0px 0px;
}*/
.filter-title-cases {
    background: #e6e6e6;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #2F485F;
    margin: 10px 0px 0px;
}
.filter-content-cases {
    padding: 20px 10px;
    border: 2px solid #e6e6e6;
}
#car-model {
    min-width: 210px;
    border-radius: 6px;
    min-height: 45px;
   border: 1px solid #c9d7e3;
}
.filter-content-cases.scrollable-tags {
    max-height: 300px;
}

/*button*/
.btn.active, .btn:hover, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: #5b5b5b !important;
    border-color: #5b5b5b !important;
}
a.btn.btn-success.btn-small {
    background: #005E9E;
    margin-bottom: 20px;
}

/*Case*/
.card-listing-title.cases-title {
    margin-bottom: 10px !important;
}
p.cases-listing-fault-code-title {
    font-weight: 600;
    font-size: 14px;
    color: #DCA407;
}
p.cases-listing-car-title {
    font-weight: 600;
    margin: 10px 0px !important;
}
p.cases-listing-average-rate-title{
   font-weight: 600;
    margin: 10px 0px !important;
}
p.cases-listing-tag-title{
    font-weight: 600;
}
.case-listing {
    box-shadow: 0px 0px 10px 0px RGBA(0, 0, 0, 0.2);
    border-radius: 10px;
}
.card-body {
    padding: 20px;
}

@media (min-width: 576px) {
.modal-dialog {
        max-width: 1300px !important;
}}
.modal-content {
    min-width: 1300px;
}
/*case study form*/
.btn-toolbar {
    display: none;
}
label {
    display: flex;
    margin-bottom: 0px !important;
    font-weight: 600 !important;
    color: #005E9E !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], .sppb-form-control, .sppb-form-group .sppb-form-control {
padding: 10px 15px !important;
  font-size: 14px !important;

}
.filter-title {
    background: #005E9E;
    padding: 10px;
    color: #fff;
}
label#jform_problem_gallery-lbl {
    color: #DCA407 !important;
}
button.btn.btn-success.fileButton {
    display: flex;
}
label#jform_problem-lbl {
    color: #2F485F !important;
    font-size: 24px;
}
label#jform_problem-lbl {
    color: #2F485F !important;
    font-size: 24px;
    background: #BCE0FD;
    display: flex;
    flex-direction: column;
}
input#jform_problem {
    margin-top: 10px;
}
label#jform_solution_gallery-lbl{
    color: #DCA407 !important;
}

label#jform_solution-lbl{
    color: #2F485F !important;
    font-size: 24px;
    background: #BCE0FD;
    display: flex;
    flex-direction: column;
}
input#jform_solution{
    margin-top: 10px;
}
label#jform_reference_gallery-lbl{
    color: #DCA407 !important;
}
label#jform_reference-lbl{
    color: #2F485F !important;
    font-size: 24px;
    background: #BCE0FD;
    display: flex;
    flex-direction: column;
}
input#jform_reference{
    margin-top: 10px;
}

input.submit-button {
    background: #005E9E;
    border: #005E9E;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5PX;
}
input.submit-button:hover, .submit-button:focus, .submit-button:active {
    background: #DCA407;
} 

joomla-tab-element#studycase {
    margin-bottom: 20px;
}
joomla-tab#myTab {
    margin-top: 10px;
}
.fileColumn {
    display: flex;
}
/*tag*/
.cases-listing-tag-3, .cases-listing-tag-1, .cases-listing-tag-2 {
    border-radius: 30px !important;
    padding: 0px 20px !important;
    margin-bottom: 5px !important;
    max-width: fit-content !important;
}
span.cases-listing-tag {
    display: inline-block;
    margin-left: 2px;
}