:root {
    /* Colors */
    --primary-color: #252d97;
    --secondary-color: #f4a716;
    --tertiary-color: #fef3df;
    --quaternary-color: #058e84;
    --white: #fff;
}

#student_table td,
#student_graduate_table td,
#student_archive_table td,
#instructors_table td,
#subscriptions_table td,
#graduate_subscriptions_table td,
#archive_subscriptions_table td,
#payments_table td,
#graduate_payments_table td,
#archive_payments_table td,
#modules_table td,
#weekly_module_table td,
#weekly_chapter_table td,
#list_discussion_table td,
#modules_student_table td,
#student_weekly_module_table td,
#student_weekly_module_table td,
#student_weekly_chapter_table td,
#modules_instructor_table td,
#instructor_weekly_module_table td,
#instructor_weekly_module_discussion_table td,
#modules_weekly_material_table td,
#module_material_table td,
#module_materials_container td,
#bulletins_table td,
#existing_file_tables td
{
    vertical-align: middle;
}

ul.nav.nav-tabs{
    display: flex;
    justify-content: center;
}

.btn-custom{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white);
}

.btn-custom:hover,
.btn-custom:focus{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--white);
}

.btn-custom-reverse{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: var(--white);
}

.btn-custom-reverse:hover,
.btn-custom-reverse:focus{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--white);
}

.login-block a:not(.button.text):hover {
    color: var(--secondary-color) !important;
}

.theme-loader .ball-scale .contain .ring:first-child{
    border-left-color: var(--primary-color);
    border-right-color: var(--primary-color);
}

.theme-loader .ball-scale .contain .ring:first-child .frame{
    border-left-color: var(--secondary-color);
    border-right-color: var(--secondary-color);
}

.login-block .auth-box{
    max-width: 590px !important;
}

.has-error .err{
    color:red;
    margin-top:4px;
}
.swal2-container{
    z-index: 999999999999 !important;
}
.select2-selection {
    border-radius: 1px !important;
    height:39px !important;
}

.select2-selection--multiple{
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 23px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:6px !important;
}

.select2-container{
    z-index: 999999999999 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    background-color: transparent !important;
}

.quater-card .progress{
    height: 17px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #27ae60;
	border: 1px solid #27ae60;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	padding: 3px 5px;
}

.datepickers-container{
    z-index: 9999999999999;
}

body {
    counter-reset: section;                       /* Set a counter named 'section', and its initial value is 0. */
}

.sec_field::before {
    counter-increment: section;                   /* Increment the value of section counter by 1 */
    content: counter(section) "). ";
}

.jconfirm{
    z-index: 9999999999999999999999999999999999;
}

.agreement-form {
    margin-top: 20px;
    color: #01a9ac;
    font-size: 16px;
}
.agreement-form:hover {
    text-decoration: underline;
}

.page-item.active .page-link{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}