/* Loading spinner */
.spinner-loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #e0721e;
	width: 20px;
	height: 20px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}
.common-popup .modal-title{
	font-weight: 500;
	font-size: 20px;
}
.common-popup .modal-header {
    background: #70B5F5;
    color: #FFFFFF;
}
.common-popup .modal-footer{
	margin-top: 15px;
}
.custom-form .select2-container{
	width: 100% !important;
}
.custom-form .required{
	color: rgb(222 43 43);
}
.custom-form .error{
	font-size: 14px;
    font-weight: 500;
    color: #dc3545;
}
.select2 .select2-search--inline {
    display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/
}

.select2 .select2-search__field:not(placeholder-shown) {
    width: 100%; 
	/*makes the placeholder to be 100% of the width while there are no options selected*/
}

.table thead tr{height: auto!important;}
.swal-footer {
    text-align: center !important;
}
.slot-tabing .btn-default.active {
    background-color: #367FA9;
	font-size: 14px;
}
.slot-tabing .btn-default.active a{
	color: white;
}
.slot-tabing .btn-default {
    background-color: #eee;
	font-size: 14px;
}
.slot-tabing .btn-default a {
    color: black;
}
.demo-slots a.btn.btn-outline-info.btn-sm {
    font-size: 15px;
	color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}
.demo-slots a.btn.btn-outline-primary.btn-sm {
    font-size: 15px;
	color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}
.mt10{
	margin-top: 10px !important;
}

.toggle-switch .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.toggle-switch .toggle.ios .toggle-handle { border-radius: 20rem; }
.checkbox.toggle-switch{margin-top: 0px;}
/* Holiday settings */
.holiday-setting-container .add_more_btn{
	margin-left: 15px;
}
.schedule-notification .heading{
	display: flex;
}
.schedule-notification .toggle-switch{
	margin-left: 10px;
}
.schedule-notification .heading h4{
	font-size: 22px;
    margin-top: 5px;
}
.schedule-notification .content-section{
	padding: 15px 20px;
    border: 1px solid #8c918c69;
}
.schedule-notification .form-inline .select2-container{
	width: 20% !important;
}
.schedule-notification .form-inline.form-group label{
	width: 18% !important;
}
.schedule-notification .form-inline.form-group .toggle-switch{
	margin-left: 20px;
}
.schedule-notification .form-inline.form-group .toggle-switch .toggle-group label.toggle-on{
	width: 65px !important;
}
.schedule-notification .form-inline.form-group .toggle-switch .toggle-group label.toggle-off{
	width: 77px !important;
}
/* Holiday settings end */

/* Assessment module css */
.assessment-container {background: #fff;}
.assessment-container .content {padding-left: 25px;padding-right: 25px;}
.assessment-container .dashboard-tabs {list-style: none;width: 100%; padding: 0;float: left;margin-bottom: 26px;}
.assessment-container .dashboard-tabs li{float: left;margin-right: 26px;}
.assessment-container .dashboard-tabs a{border-radius: 5px;font-size: 16px;padding: 10px 20px;background: #9e9e9e33;color: #252525;font-weight: 500;}
.assessment-container .dashboard-tabs a:hover {background: #46aaddbf;color: #fff;}
.assessment-container .dashboard-tabs a.active {background: #46AADD;color: #fff;}
.assessment-container .second_box_header .filter {display: flex;justify-content: flex-start;flex-wrap: wrap;align-content: center;align-items: center;gap: 10px;}
.assessment-container .second_box_header div{padding: 0}
.assessment-container .second_box_header {display: flex;margin-bottom: 10px;}
.assessment-container .second_box_header span {width: 180px;}
.assessment-container .second_box_header span label {float: right; margin: 0;}
.assessment-container .second_box_header.bottom span label {float: left;}
.assessment-container .second_box_header .filter_fields {margin-left: 0px;}
.assessment-container .second_box_header.bottom span:first-child {width: auto;}
.assessment-container .second_box_header .filter_fields .select2-container--default .select2-selection--single,.assessment-container .second_box_header .filter_fields .select2-selection .select2-selection--single {border-radius: 20px;text-align: center;padding-left: 0;}
.assessment-container .second_box_header .filter_fields input,.table-responsive input, .table-responsive select {border-radius: 20px;text-align: center;}
.assessment-container .second_box_header .filter_fields a {border-radius: 20px;border: 1px solid;display: flex;align-items: center;}
.assessment-container .second_box_header .filter_fields a i {margin-left: 5px;font-size: 12px;}
.assessment-container .third_box_header {width: 100%;display: flex;align-items: center;justify-content: space-between;}
.assessment-container .third_box_header .grid-section a {margin-left: 10px;}
.assessment-container .section-title{color: #46AADD;}
.assessment-container .tabing-section .btn, .assessment-container .filter-section .btn{	border: 1px solid #b0a0a0 !important;    border-radius: 4px !important;}
.assessment-container .section-heading a.btn{font-size: 17px;}
.assessment-container .tabing-ul li.active span { background: #007bee;cursor: pointer;}
.assessment-container .content-section{border: 1px solid #c8b8b8;border-radius: 15px;margin-top: 10px;padding: 20px;min-height: 100px;overflow: hidden;}
.assessment-container table, th, td {
	border-collapse: collapse;
	text-align: center;
}
.assessment-container table td {
	text-align: center;
}
.assessment-container table {border: 1px solid #9f9a9a;	margin: 0px;}
.assessment-container table > thead{
	background-color: #808589;
    color: white;
}
.assessment-container .tabing-ul{display: flex;list-style: none;margin:0; padding: 0;}
.assessment-container .tabing-ul li{margin-right: 30px;cursor: pointer;}
.assessment-container .tabing-ul li span{background: #808589;padding: 0px 8px 0 7px;border-radius: 50%;margin-right: 8px;}
.assessment-container .tabing-ul li a {font-size: 14px;color: #000;font-weight: 600;}
.assessment-container .tabing-grid-section{margin-top: 10px;}
.content-section .second_box_header.bottom {display: flex;flex-wrap: nowrap;align-content: center;align-items: center;}
.assessment-container .select2-container{
	width: 100% !important;
}
.assessment-container .tabing-section{
	margin-left: -30px;
}
.assessment-container .box-container{
	background-color: #FFFFFF;
    margin: 0px;
    padding: 10px 10px;
}
.assessment-container .filter-section{margin: 10px 5px 52px 0px;}
.assessment-container .param-header{padding: 0px;}
.assessment-container .box{margin-bottom: 5px;}
.assessment-container .section-heading{padding: 2px;}
.assessment-container .report-tabs{
	display: flex;
    justify-content: flex-start;
    column-gap: 25px;
    list-style: none;padding: 0;
}
.assessment-container .report-tabs a{
	font-size: 16px;
	font-weight: 600;
	color: #767070;
	text-decoration: underline;
}
.assessment-container .report-tabs li.active{color: #007BEE;}
.assessment-container .report-tabs li a.active{color: #518ec7;}
.assessment-container .setting-tbl-title{color: #46AADD;}
.assessment-container .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px !important; }
.assessment-container .toggle.ios .toggle-handle { border-radius: 20px !important; }
.assessment-container .settings-form .checkbox{margin-top: 0px;margin-bottom:0px;}
.assessment-container .form-section{
	border: 1px solid #c8b8b8;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 10px;
}
.assessment-container .form-section-btn{
	margin-top: 25px;
}
.assessment-container .dataTables_length{
	float: left;
}
.assessment-container .dt-buttons{
	float: right !important;
}
.assessment-container .dataTables_scrollBody {
	min-height: auto !important;
}
.assessment-container .action-buttons > * {
    margin-right: 10px;
}
.assessment-container .heading h3 {font-size: 24px;font-weight: 600; color: #46AADD;margin-bottom: 30px;}
.assessment-container .second_box_header h4 {font-size: 22px;font-weight: 600; color: #46AADD;}
.assessment-container .form-reset-btn {border-radius: 20px;
    margin: 0px;
    border: 1px solid #ccc;
    width: 50px !important;
    text-align: center;
    padding: 5px;
}
.assessment-container .settings-field input {width: 10%;}
.assessment-container .settings-field .sub-btn {
	border: 1px solid #28a432 !important;
    border-radius: 28px;
    padding: 5px 9px 3px 10px;
}
.filter_fields.advance_search{display: none;}
.dropdown-menu {
    left: -75px;
    min-width: 130px;padding: 0;
}
.dropdown-menu>li>a {
    padding: 7px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
.dropdown-menu>li>a:hover {
    background: aliceblue;
}
.previous_assessment .res_text .ratings.ng-binding {
    border: 2px solid #8BC34A;
    margin-left: 15px;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 14px;vertical-align: middle;
}
.previous_assessment .form_section .label_text{padding:0;}
.res_text_teacher label{font-weight: 500;}
.res_text_teacher{font-weight: 600;}
.preview_task_details .prev_res_text{font-size: 14px;line-break: anywhere;}
/* Assessment module css end */


/* Modal css that come from right */
.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}
.modal-title .st_name_small {background: #007bee;border-radius: 50%;margin-right: 10px;color: #fff;font-size: 16px;font-weight: 500;width: 34px;height: 34px;padding: 6px;display: inline-block;text-align: center;}
.modal-title .st_name_full {margin-right: 10px;}
.modal-title .ratings {background: #4CAF50;padding: 5px 8px;font-size: 13px;border-radius: 15px;color: #fff;font-weight: 500;}
.modal-title .ratings i {font-size: 12px;}
.modal-header .close {margin-top: 5px;border: 1px solid #9E9E9E;padding: 4px 6px 0px;color: #9E9E9E;opacity: inherit;}
.content_box .label_text {font-size: 14px;font-weight: 500;margin-bottom: 5px;color: #9E9E9E;}
.content_box .res_text {font-size: 16px;font-weight: 500;margin-bottom: 5px;color: #000000;}
.modal-body .row.content_box {padding-bottom: 15px;padding-top: 15px;}
.modal-body .title { font-size: 20px; font-weight: 600;}
.content_box .form_section {border: 1px solid #9E9E9E;padding: 10px;border-radius: 15px;margin-bottom: 15px;}
.form_section .label_text {padding: 5px 0;color: #393838;font-weight: 600;}
.content_box .form-control,.content_box .select2-container--default .select2-selection--single,.content_box .select2-selection .select2-selection--single {border: 1px solid #d2d6de;border-radius: 6px;padding: 10px 12px;height: 40px;}
.content_box .select2-container--default .select2-selection--single .select2-selection__arrow{height: 34px}
.content_box textarea.form-control{height: 100px;}
.buttons_section {text-align: right;}
.buttons_section .btn {margin-top: 0;background: #007bee;color: #fff;border-radius: 25px;padding: 8px 26px;margin-left: 20px;font-size: 14px;font-weight: 600;}
.buttons_section .btn_view_details {margin-top: 40px;background: #007bee;color: #fff;border-radius: 25px;padding: 6px 6px;margin-left: 20px;font-size: 12px;font-weight: 400;}
.buttons_section .btn:hover {background: #fff;color: #007bee;border: 1px solid #007bee;}
.previous_assessment .res_text {font-weight: 600;font-size: 18px;}
.previous_assessment .form_section {padding: 10px 20px;margin-bottom: 20px;}
.preview_task_details {padding: 10px!important;}
.previous_assessment a {border: 1px solid #3c8dbc;padding: 5px 10px;font-size: 12px;border-radius: 15px;margin-top: 13px;}
.view_assessment_btn{margin-top: 12px;}
.previous_assessment .pull-right {text-align: right;}
.preview_task_details .buttons_section {margin-top: 20px;}
.group_name {
    font-weight: 600;
    font-size: 16px;padding: 5px;
}
.gropu_section_start .group{border: 1px solid #9e9e9e63; padding: 10px;border-radius: 20px;    margin-bottom: 15px;}

.view_details_group{border: 1px solid #9e9e9e63; padding: 10px;border-radius: 20px;    margin: 10px;}
.charNum {
    font-size: 12px;
    font-weight: 500;
    color: gray;
}
/* end Modal css that come from right */


/* Pricing Calculator module css */
.pricing-container .dashboard-tabs {
	list-style: none;
    display: flex;
    margin-left: -33px;
    flex-direction: row;
    column-gap: 10px;
}
.pricing-container .dashboard-tabs .btn{
	border: 1px solid #b0a0a0 !important;
    border-radius: 4px !important;
	font-size: 17px;
}

.pricing-container .section-title{
	color: #46AADD;
}

.pricing-container .btn.active
{
	background-color: #b8d2dffb;
	
}

.pricing-container .tabing-section .btn, .pricing-container .filter-section .btn{
	border: 1px solid #b0a0a0 !important;
    border-radius: 4px !important;
}
.pricing-container .section-heading a.btn{
	font-size: 17px;
}
.pricing-container .content-section{
    border: 1px solid #c8b8b8;
    border-radius: 15px;
    margin-top: 10px;
    padding: 15px;
	min-height: 100px;
    overflow: hidden;
}
.pricing-container table, th, td {
	border-collapse: collapse;
	text-align: center;
}
.pricing-container table td {
	text-align: center;
}
.pricing-container table {
	border: 2px solid #9f9a9a;
	margin-bottom: 0px;
}
.pricing-container table > thead{
	background-color: #808589;
    color: white;
}
.pricing-container .tabing-ul{
	display: flex;
    list-style: none;
    column-gap: 10px;
}
.pricing-container .tabing-grid-section{
	margin-top: 10px;
}
.pricing-container .select2-container{
	width: 100% !important;
}
.pricing-container .tabing-section{
	margin-left: -30px;
}
.pricing-container .box-container{
	background-color: #FFFFFF;
    margin: 0px;
    padding: 10px 10px;
}
.pricing-container .filter-section{margin: 10px 5px 52px 0px;}
.pricing-container .param-header{padding: 0px;}
.pricing-container .box{margin-bottom: 5px;}
.pricing-container .section-heading{padding: 2px;}
.pricing-container .report-tabs{
	display: flex;
    justify-content: flex-start;
    column-gap: 25px;
    list-style: none;
}
.pricing-container .report-tabs a{
	font-size: 15px;
	font-weight: 600;
	color: #767070;
	text-decoration: underline;
}
.pricing-container .report-tabs a.active{color: #007BEE;}
.pricing-container .setting-tbl-title{color: #46AADD;}
.pricing-container .setting-add-btn{
    border:#767070;
    float: right;
}
.pricing-container .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px !important; }
.pricing-container .toggle.ios .toggle-handle { border-radius: 20px !important; }
.pricing-container .settings-form .checkbox{margin-top: 0px;margin-bottom:0px;}
.pricing-container .form-section{
	border: 1px solid #c8b8b8;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 10px;
}
.pricing-container .form-section-btn{
	margin-top: 25px;
}
.alert-info {
    color: #31708f!important;
    background-color: #d9edf7!important;
    border-color: #bce8f1!important;
}
.alert-warning {
    color: #8a6d3b!important;
    background-color: #fcf8e3!important;
    border-color: #e08e0b!important;
    font-size: 15px;
    font-weight: 600;
}
.alert-warning a {
    color: #007bee;
}
.alert-warning a:hover {
    color: black;
}
.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
}
.alert-success a {
    color: #3c8dbc;
}
.alert-success a:hover {
    color: black;
}
.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
}
.alert-danger a {
    color: #3c8dbc;
}
.alert-danger a:hover {
    color: black;
}
.warn_msg{
    color: #f32121;
    font-size: 16px;
    margin-top: 10px;
}
.report-content-section{
    border: 1px solid #c8b8b8;
    border-radius: 15px;
    margin-top: 10px;
    padding: 20px;
    min-height: 100px;
    overflow: hidden;
}
.filter-report{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 10px;
}
 
.report-content-section table > thead{
    background-color: #808589;
    color: white;
}

.report-content-section .filter_fields input, .filter_teacher_id{
    text-align: center !important;
}
.dashboard-tabs input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
    display: none;
}
.dashboard-tabs label {
    padding: 5px;
    border: 1px solid #CCC;
    cursor: pointer;
    z-index: 90;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
}
.dashboard-tabs input[type="radio"]:checked + label {
    background: #007bee;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
}
/* Pricing Calculator css end */

/* Role Modules css start */
.role-module .setting-header h4{margin-bottom: 0}
.role-module .setting-header hr{margin-top: 5px}
#modules_and_permission_table th,#modules_and_permission_table td{text-align: left;padding: 10px;}
tr.root_module td:nth-child(1) { font-weight: 600;}
#modules_and_permission_table {margin-bottom: 20px;}
.capabilities {float: left;margin-right: 20px;}
.loading_role_data{text-align: center;}
#modules_and_permission_table .capabilities_th{display: flex;justify-content: space-between;align-items: center;border: 0;}
#modules_and_permission_table td input{margin: 3px;}
#modules_and_permission_table td label{margin: 0}
#modules_and_permission_table .col-md-10, #modules_and_permission_table .col-md-2 {padding: 0;}
#modules_and_permission_table .col-md-2 {text-align: right;}
#modules_and_permission_table .col-md-4 {padding-left: 0;display: flex;align-items: flex-start;margin-bottom: 10px;}
#modules_and_permission_table .root_module {background: #607d8b1c;}
#modules_table img#frame { width: 26px; height: auto;}
.role_base_modules .dataTables_scrollBody{height: 800px!important;}
/* Role Modules css end */
#auth-container .content {width: 40%;}
#auth-container .content .heading {text-align: center;}
#auth-container .content input,#auth-container .content button{height: 44px;padding: 4px 10px;}
#auth-container .content a{padding: 11px;}
#auth-container .content form-group{position: relative;}
#auth-container .content .field-icon{position: absolute;right: 10px;top: 40px;cursor: pointer;}
#auth-container .content h3 {margin-top: 40px;font-size: 26px;}
#auth-container .content p {font-size: 16px;text-align: center;margin-bottom: 30px;}

/* DLS */
#dls-container .add_conditions_label h4{font-size: 18px;color: #46aadd;margin-bottom: 0;font-weight: 600;}
#dls-container hr{margin-top: 5px}
#dls-container .error_final_message {text-align: center;color: red;border: 2px solid red;padding: 5px;}
#dls-container .success_final_message {text-align: center;color: green;border: 2px solid green;padding: 5px;}
#dls-container .req_pending {background: green;color: #fff;padding: 5px;border-radius: 20px;width: 90px;margin: 0 auto;}
#dls-container .req_closed {background: red;color: #fff;padding: 5px;border-radius: 20px;width: 90px;margin: 0 auto;}
#dls-container .loader_final_message {text-align: center;color: black;border: 2px solid #e3e3e3;padding: 5px;}
.excluded_list {font-size: 16px;margin-right: 22px;color: #808589;}
.excluded_list.active{color: #3c8dbc;}
#dls-container .second_box_header.bottom span:first-child{width: auto;}
#dls-container .second_box_header span {width: 175px;}
#dls-container .second_box_header .select2-container--default .select2-selection--single .select2-selection__arrow b{left: 95%;}
/* / DLS */

/* LMS */
.leads_stage_filter label {border: 1px solid #CCC;border-radius: 20px;min-width: 90px;text-align: center;margin-right: 5px;}
.leads_stage_filter .dashboard-tabs {margin-bottom: 10px;}
.lms-container .second_box_header {margin-bottom: 10px;}
.lms-container .second_box_header .filter_fields:nth-child(1){margin-left: 0;}

.lead_type {width: 110px;display: inline-block;font-size: 12px;padding: 3px;font-weight: 600;border-radius: 3px;}
.lead_type_1 {background: #CDDC39;}
.lead_type_2 {background: #FFEB3B;}
.fresh_lead {width: 110px;display: inline-block;font-size: 12px;padding: 3px;font-weight: 600;border-radius: 3px;margin-top: 5px;color: #ffffff}
.is_fresh {background: #00a884;}
.up_sell {background: #80DEEA;}
.cross_sell {background: #00BFFF;}
.is_old_lead {background: #8BC34A;}
.lead_stage {width: 75px;display: inline-block;font-size: 12px;padding: 3px;font-weight: 600;border-radius: 3px;margin-top: 5px;color: #ffffff;text-transform: capitalize;}
.lead_stage.open{background: #FFA500;}
.lead_stage.converted{background: #4CAF50;}
.lead_stage.loss{background: #FF8A65;}
.account_type {width: 75px;display: inline-block;font-size: 12px;padding: 3px;font-weight: 600;border-radius: 3px;margin-top: 5px;color: #ffffff;text-transform: capitalize;}
.unpaid_lead {background: #808080;}
.paid_lead {background: #FFD700;}
/* / LMS */

/* Enrollment Students Css */
.round-border-btn{
    border: 1px solid #3c8dbc;
    border-radius: 18px;
}
.round-border-btn:hover{
    color: white;
    text-decoration: none;
    background: #3c8dbc;
}
.enrollment-payment .btn{
    font-size: 15px;
    font-weight: 600;
}
.enrollment-payment .search-section{
    background: aliceblue;
    padding: 15px;
}
/* Enrollment Students Css End */

/* Approval request Start*/
.request-details .box-body{padding: 0;}
.request-details .box-header.content-head-das {
    padding: 10px;
    border: 0;
    background: none;border-bottom: 1px solid #e8e8e8;
}
.request-details .box-header .box-title{padding: 6px 0;}
.request-details .request-body{padding: 10px;float: left;width: 100%}
.request-details .open_remark_modal{margin: 0px 5px;}
.request-details .heading_details{font-size: 18px;font-weight: 600;line-height: 30px;color: #3c8dbc;letter-spacing: 1px;margin: 15px 0 0px 0;}
.request-details .title{color: #999;line-height: 30px;}
.request-details .value{font-size: 16px;font-weight: 600;color: #333333a3;display: flex;justify-content: flex-start;align-items: center;}
.request-details .value img{width: 40px; height: 40px;float: left;border-radius: 50%;border: 2px solid #d2d6de;padding: 2px;}
.request-details .value .username {margin-left: 5px;display: block;}
.request-details .highlight {color:#ff8f00}
.request-details .status_pending {color:#ff8f00;border: 1px solid #ff8f00;padding: 3px 16px;font-weight: 500;border-radius: 20px;font-size: 14px;cursor: pointer;}
.request-details .status_pending:hover {background:#ff8f00;color: #fff}
.request-details .status_approved {color:#558b2f;border: 1px solid #558b2f;padding: 3px 16px;font-weight: 500;border-radius: 20px;font-size: 14px;cursor: pointer;}
.request-details .status_approved:hover {background:#558b2f;color: #fff}
.request-details .status_reject {color:#e64a19;border: 1px solid #e64a19;padding: 3px 16px;font-weight: 500;border-radius: 20px;font-size: 14px;cursor: pointer;}
.request-details .status_reject:hover {background:#e64a19;color: #fff}
.request-details .credit_logs_list {list-style: none; padding: 0;}
.request-details .tab-content {margin: 10px 0px;}
.request-details .credit_logs_list li {border: 1px solid #E0E0E0;padding: 10px;border-radius: 10px;margin-bottom: 10px;float: left;width: 100%;display: flex;align-items: center;gap: 15px;}
.request-details .credit_logs_list .user_image {float: left;}
.request-details .credit_logs_list .user_image img {width: 50px;height: 50px;border-radius: 50%;border: 2px solid #d2d6de;}
.request-details .credit_logs_list .details p {margin: 3px 0px;}
.request-details .box-footer{float: left;width: 100%}
/* Approval request End*/
