@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

/* common style */
.delete-btn {
    color: #f00;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    margin: -10px 0 0;
    border: 0px;
    display: block;
    text-decoration: underline;
    background: transparent;
}
table {
    border: 1px solid #e3e6f0;
}
.table thead th {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #4c4c4f;
}
.table>tbody tr td {
    font-size: 14px;
}
.form-section-title {
    width: calc(100% - 30px) !important;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 0 !important;
    margin: 25px 0 12px 15px !important;
    border-bottom: 1px solid;
}
.form-group label {
    color: #6f6f6f;
    font-size: 0.85rem;
    margin-bottom: 0;
}
.form-group .form-control {
    height: auto !important;
    min-height: 40px;
    font-size: 0.85rem;
    border-radius: 2px;
    padding: 5px 8px;
}
textarea.form-control {
    height: auto !important;
}
/* .file-uploader .image-uploader {
    width: 98px;
    height: 98px;
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    background: #f4f4f4;
    border: 1px solid #dee2e6;
} */
.file-uploader .image-uploader .upload-text i {
    font-size: 20px;
    top: 0;
    right: 4px;
    position: absolute;
    display: none;
}
.file-uploader .image-uploader .uploaded {padding: 0;}
.file-uploader .image-uploader .uploaded .uploaded-image {
    width: 98px;
    height: 98px;
    display: block;
    margin: 0px;
}
.image-uploader.has-files .upload-text:hover i {
    display: block;
}
.uploaded-file {
    width: 98px;
    height: 98px;
    display: block;
    position: relative;
    background: #f4f4f4;
    border: 1px solid #dee2e6;
}
.uploaded-file img {
    width: 100%;
    height: 100%;
    display: block;
}
.delete-image {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0.2rem;
    padding: 0;
    border-radius: 50%;
    background-color: transparent;
    -webkit-appearance: none;
    border: 0px;
}
.delete-image i {
    color: #f00;
    font-size: 1.4rem;
}
.uploaded-file:hover .delete-image {
    display: block;
}
.tbl-thumbnail {
    width: 100%;
}
.table td, .table th {
    vertical-align: middle;
}
a, a:hover {
    text-decoration: none;
}
.form-group {
    margin-bottom: 15px;
}

/* layout */
#accordionSidebar {
    background: #171717;
}

/* alerts */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert strong {
    display: block;
    margin-bottom: 15px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/* institute form */
.timetable-data div {
    display: inline-block;
}
.timetable-form div {
    display: inline-block;
}

/* student account */
.woocommerce-account .page-content .woocommerce-MyAccount-navigation {
    width: 20%;
    margin-top: 20px;
}
.page-content .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-account .page-content .woocommerce-MyAccount-content {
    width: 80%;
    margin-top: 20px;
}

/* unit template */
.unit-play-list {
    padding: 15px 0px;
}
.unit-play-list .card-wrap .card-image {
    height: 100%;
    background-position: center;
}
.unit-play-list .card-wrap {
    width: calc(100% - 30px);
    float: none;
    margin: 0 auto 15px;
    display: block;
}
.unit-play-list .card-wrap .card-info .card-title {
    height: 55px;
}
.unit-play-list .card-wrap.active-unit {
    opacity: 0.5;
    pointer-events: none;
}

/* manage payment */
.paymet-modal .modal-content {
    padding: 30px 10px 15px 30px;
}
.paymet-modal .student-data ul,
.paymet-modal .payment-data ul {
    list-style: none;
    margin-bottom: 0px;
}
.paymet-modal h5 {
    font-size: 15px;
    font-weight: 700;
}
.paymet-modal table th {
    font-size: 14px;
    font-weight: 500;
}
.paymet-modal table {
    margin-bottom: 30px;
}
.paymet-modal .btn-close {
    top: 0px;
    right: 0px;
    z-index: 55;
    border-radius: 100px;
    position: absolute;
}