.mt_20{ margin-top:20px;}
.mt_30{ margin-top:30px;}
.mt_50{ margin-top:50px;}
.ml_10{ margin-left:10px;}
.fullwidth_section{float:left; width:100%;}
.ld-form-errors { float: left; width: 100%;}
.wfx_warning, .wfx_error, .wfx_info, .wfx_success{
	transition: all .3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
	border:1px solid; border-radius:5px;
}
.wfx_warning{background: #ffc107; color: #343a40 !important; border-color:#ffc107 !important; }
button.wfx_warning:hover{ background:#fff; color:#ffc107 !important; border-color:#ffc107 !important; }
.wfx_error{background: #dc3545; color: #fff !important; border-color:#dc3545 !important; }
button.wfx_error:hover{ background:#fff; color:#dc3545 !important; }
.wfx_info{background: #17a2b8; color: #fff !important; border-color:#17a2b8 !important; }
button.wfx_info:hover{ background:#fff; color:#17a2b8 !important; }
.wfx_success{background: #28a745; color: #fff !important; border-color:#28a745 !important;}
button.wfx_success:hover{ background:#fff; color:#28a745 !important; }
.wfx_form_button{ padding-top:13px !important; padding-bottom:13px !Important;}
.ld-dashboard-feed .activity-item.submitted{border-left-color:#ffc107 !important;}
.ld-dashboard-feed .activity-item.rejected{border-left-color:#dc3545 !important;}
.ld-dashboard-feed .activity-item.approved{border-left-color:#28a745 !important;}
.wfx-disabled { pointer-events: none;  opacity: 0.5;}
h3.ld-dashboard-sub-title { font-size: 18px;font-weight: bold; margin-bottom: 20px; margin-top: 25px;}
.single_legal_pack { width: 250px; text-align: center;  float: left; margin:5px 10px 25px; box-shadow: 1px 1px 4px #ccc; padding: 15px; position:relative;}
.download_packs .single_legal_pack{ background-color:#f5f5f5;}
.single_legal_pack:hover{box-shadow: 4px 3px 8px #ccc;}
.single_legal_pack a{ float:left; width:100%; font-size:16px; line-height:22px; padding-bottom:10px;}
.single_legal_pack span { width: 100%; margin: 0 auto; float: left;}
.single_legal_pack span img {  width: 100px;  margin: 0 auto;}
.legal_pack_form_wrap{border: 1px solid #ccc; margin-bottom: 20px;}
.wfx_lp_tag { font-size: 13px; padding: 8px 15px; margin-left: 10px; font-style: italic; font-weight: normal; border-radius: 5px; text-transform: none; letter-spacing: 0; line-height: 16px;}
.wfx_remove_link { position: absolute;right: -10px; top: -10px; width: 25px; height: 25px;line-height: 25px; text-align: center; border-radius: 50%;  background: #dc3545; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer;}
.student-legal-pack-rec-wrap { float: left; width: 100%; background-color: #fff; padding: 15px; margin-bottom: 10px;}
.student-profile-image {float: left; width: 19%; padding-right: 1%; text-align: center;}
.student-profile-details {float: left; width: 39%; padding-right: 1%;}
.student-legal-pack-actions {float: left; width: 39%; padding-right: 1%; text-align: center;}
.student-profile-image img {width: 90%;  max-width: 140px;}
.slp_act_btn {width: 200px; font-size: 11px; padding: 10px; margin: 5px 0;}
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-title, .learndash-wrapper .ld-table-list .ld-table-list-item-preview .ld-table-list-title{flex-flow: wrap;}
.learndash-wrapper .ld-table-list .ld-table-list-item .ld-table-list-title a:nth-child(3){width: calc(100% - 55px);}
.fsa_approve_btn, .fsa_replace_btn, .fsa_reject_btn, .msa_replace_btn, .msa_points_update_btn, .sa_resubmit_btn{padding: 6px 15px;}
.fsa_approve_btn img, .fsa_replace_btn img, .fsa_reject_btn img, .msa_replace_btn img, .msa_points_update_btn img, .sa_resubmit_btn img{filter: brightness(0) invert(1) !important;}
.mycourse-footer .learndash-award-points{padding: 5px;text-align: center;}
button.fsa_reject_btn { background: #d72020;}
button.fsa_reject_btn:hover{ background:#a01919;}
.custom_assignment_list .assignment-approved, .custom_assignment_list .assignment-pending, .custom_assignment_list .assignment-awaiting{
	color: #ffffff; padding: 3px 10px; text-transform: capitalize;  display: inline-block;  font-size: 12px; border-radius: 10px; background: #0fb587;
}
.custom_assignment_list .assignment-pending{background: #d72020;}
.custom_assignment_list .assignment-awaiting{background: #ffc107; color:#343a40;}
table.custom_assignment_list td { word-break: break-word;}
a.ld-mycourse-view.button { padding: 7px 17px; text-transform: capitalize; color: #fff !important;}
a.ld-mycourse-view.button img{filter: brightness(0) invert(1) !important;}

/**** popup style ******/
.wfx_popup_overlay { position: fixed; z-index: 99; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); display:none;}
.wfx_popup { position: fixed; left: 0; top: 25px; width: 50%; margin-left: 25%; background: #fff; z-index: 999; padding: 20px; border: 1px solid #aaa; border-radius: 15px; box-shadow: 2px 2px 4px #666; display:none;}
.wfx_popup_close { position: absolute; right: -1px;  top: -1px; background: #333; color: #fff; width: 25px; height: 25px; line-height: 25px; font-size: 15px; text-align: center; border-radius: 50%; cursor: pointer; }
.wfx_popup_title { font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; float: left; width: 100%;}
.wfx_popup_content { float: left;  width: 100%;}
/***********************/



/****** responsive starts from here ******/
@media screen and (max-width:479px){
	.hide_from_479{ display:none !important;}
}