.header {padding: 20px 0}
.header .header-container {margin-bottom: 0;}
.wrapper main {margin-top: 0}
main .box_course .box-content h5 {font-size: 1.25rem}
main .box_course .box-content h5.card-title {font-size: 20px; color: #032D60}
#modalDetailCourse .box-detail-course .tab-content {padding: 5px 20px}
.box-content-grid .box-search-category .btn, .block-course-main .shopping-cart .showBoughtCourse.btn {min-width: 50px; line-height: 25px; box-shadow: none;}
.block-course-main .shopping-cart .btn-success:hover {border-color: #218838}
#modalBoughtCourse a.btn.delete_course_bought {background-color: transparent; box-shadow: none}
#modalBoughtCourse .modal-body  .card-footer .btn {min-width: 50px; padding: 0; border-color: transparent}
#modalDetailCourse .modal-footer .btn, #modalBoughtCourse .modal-footer .btn {min-width: 50px; padding: 3px 20px}
#modalBoughtCourse .modal-footer .btn.btn-primary {background-color: #007bff; border-color: #007bff}
#modalDetailCourse .modal-footer .btn.btn-danger, #modalBoughtCourse .modal-footer .btn.btn-danger {background-color: #dc3545; border-color: #dc3545}
.box-content-grid .box-search-category .btn {background: #27b4df; border-color: #27b4df}
.box-content-grid .box-search-category .col-category {padding-right: 0; margin-bottom: 3px}
.box-content-grid .box-search-category .btn {text-align: left; width: 100%; border-radius: 5px; line-height: 20px; font-size: 13px}
.box-content-grid .form-search-course .btn {text-align: left; border-radius: 5px; box-shadow: none; color:  #212529;;
    line-height: 20px; font-size: 13px; padding: .375rem .75rem}
.box-content-grid .form-search-course .btn.btn-light {color: #212529; background-color: #fff; border-color: #d3d9df; font-weight: 400; text-transform: none; min-width: auto}
.box-content-grid .form-search-course .btn.btn-primary {color: #fff; background-color: #0062cc; border-color: #005cbf; font-weight: 400; text-transform: none; min-width: auto}
.btn-light{color: #0a0a0a !important}
.box-content-grid .btn{border-radius: 5px !important}
.block-course-main .card-body {
    padding: 1rem !important;
}
.block-course-main .card {
    border: none;
}
.menu-desktop-active .btn {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}
@media (max-width: 767px) {
    .box-content-grid .box-search-category .btn {font-size: 12px; padding: 9px 12px}
    #modalDetailCourse .box-detail-course .tab-content {padding: 5px 10px}
}