/* =Defaults
----------------------------------------------- */
img{ max-width: 100%; max-height: 100%;}
.clear{ clear: both;}
a{ color: #479ccf; }
.strong{font-weight: bold;}
.hide{ display: none; }
.input-group-addon{ background-color: #fff;}
.alert .sign{ float: left; margin-right: 30px; }
.main_alert.alert-success{border-radius: 0 0 3px 3px; transition: box-shadow 200ms cubic-bezier(0.64, 0, 0.35, 1);  background-color: #fcf1cd;  box-shadow: inset 0 3px 0 0 #eec200, inset 0 0 0 0 transparent, 0 2px 4px rgba(0,0,0,0.1); }
.alert .sign span{ font-size: 25px; padding: 7px 0px; color: #7ba232; }
.alert-warning{ background-color: #e5fabc; border:1px solid rgba(0,0,0,0.1);}
.alert-warning h4{ color: #000; font-size: 16px; margin: 0px; }
.alert h4 .glyphicon{color: #7ba232; margin-right: 10px;}
.alert-warning a{ color: #171913; font-weight: 300; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;color: #444; font-weight: bold;}
h1{font-size: 30px; }
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 22px;}
h5{font-size: 20px;}
h6{font-size: 18px;}

.highlighted_lightblue{
	background: #ADD8E6;
	color: #fff;
}
.form-control:focus { outline: 0; box-shadow: none;}

.container.main_wrap{ padding-top: 30px;}

.badge-zero { background-color: #b7b4b4; color: #fff; }

.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-info,.btn-dark{ color: #FFF; }

::-webkit-input-placeholder { color: #909;} /* WebKit, Blink, Edge */
:-moz-placeholder { color: #909; opacity: 1; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #909; opacity: 1; } /* Mozilla Firefox 19+ */ 
:-ms-input-placeholder { color: #909;} /* Internet Explorer 10-11 */
:placeholder-shown { color: #909;} /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ 



.not_found_404{ padding: 100px 0; color: #999;}
.not_found_404 .fa{ color: #999; font-size: 100px; }
.not_found_404 h1{ color: #222; font-weight: 400; font-size: 44px; }
.not_found_404 p{ font-weight: 400; font-size: 24px; }

.no_results{ text-align: center; padding: 60px 0px;}
.no_results .glyphicon,.no_results .fa{ color: #c1cfd8; font-size: 75px; }
.no_results h4{font-size: 20px; font-weight: normal; margin-bottom: 15px; color: #212529; padding-top: 20px;}
.no_results p{color: #798c9c; font-size: 15px; line-height: 22px; margin: 0 0 15px;}
.no_results.smaller{ padding: 15px 0px;}
.no_results.smaller h4{}
.no_results.tiny{ padding: 30px 0px; padding-bottom: 20px;}
.no_results.tiny .glyphicon{ font-size: 48px; }
.no_results.tiny h4{ font-size: 16px; opacity: 0.7; padding: 0 10%; }

.system_header{ border-bottom: solid 1px #e1e1e1; padding: 0;}
.system_header .site_name{ font-size: 24px; font-weight: bold; }
.system_header .logo{ text-align: center; margin: 0; height: 70px; display: inline-block; padding: 15px;}
.system_header .logo img{ max-height: 100px; }
.system_header .main_site_link{ color: #333; font-size: 13px; margin-top: 10px; display: block; }
.system_header .menu_links{ display: inline-block; }
.system_header .menu_links a{ text-decoration: none; display: inline-block; padding: 10px;  padding-top: 20px; font-weight: bold;}
.system_header .menu_links a .fa{ margin-right: 10px;}
.system_header .menu_links a:hover{ text-decoration: none;opacity: 0.7;}
.system_header .user_info{ float: right; padding: 10px 0; position: relative;}
.system_header .user_info .name{ padding-right: 45px; }
.system_header .user_info .pic_wrap{ position: absolute; top: 10px; right: 0; display: block; width: 40px; height: 40px; border-radius: 100px; border: solid 2px #e1e1e1; margin: 0 auto; margin-bottom: 10px; padding: 3px;}
.system_header .user_info .pic_wrap .pic{width: 30px; text-align: center; height: 30px;border-radius: 100px; background-color:#e1e1e1;}
.system_header .user_info .pic_wrap .pic .fa{ margin-top: 5px; }
.system_header .user_info .pic_wrap:hover{ border-color: #ccc;}
.system_header .user_info .title{ text-align: right; font-size: 14px; padding-top: 10px;}
.system_header .user_info .dropdown-menu{ left: -30px;}
.system_header .school_header_title { padding: 2rem 2rem;}
.system_header .school_logo_container {min-height: 9px; overflow: hidden; height: 8em;}


#footer{ background: #e1e1e1; padding: 30px 0;  font-size: 13px; margin-top: 30px;}
#footer a{ color: #333; }

#welcome_box{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; padding: 15px; margin-bottom: 30px;}
#welcome_box .pic{ display: block; background: #e1e1e1; -webkit-border-radius: 100px; border-radius: 100px; height: 100px; max-width: 100px; margin: 0 auto; margin-bottom: 10px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}
#welcome_box .edit_pic_link{ background: #fff; border: solid 1px #e1e1e1; }
#welcome_box .main_info_table .strong{ font-weight: bold; }
#welcome_box .main_info_table td{ padding: 8px 0; }
#welcome_box .main_info_table tr:first-child td{ border-top: none; }
#welcome_box .info_wrap{ text-align: center; background-color: #F1F1F1; border: solid 1px #DADCD8; padding: 15px 15px 25px 15px;  }
#welcome_box .info_wrap .percentage{ font-size: 65px; }
#welcome_box .info_wrap .complete{  font-size: 16px; font-weight: bold; margin-bottom: 15px;  }
#welcome_box .info_wrap h4{ margin: 0; font-size: 16px; font-weight: bold; }
#welcome_box .info_wrap .view_application_btn{ display: block; color: #FFF; font-size: 14px;}
#welcome_box h3{ font-size: 24px; }

#logout_button{ margin-bottom: 15px; }

.panel_box{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; padding: 15px; margin-bottom: 30px;}


#small_welcome_box{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; padding: 15px; margin-bottom: 30px;}
#small_welcome_box .pic{ display: block; background: #e1e1e1; -webkit-border-radius: 100px; border-radius: 100px; height: 100px; max-width: 100px; margin: 0 auto; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}
#small_welcome_box .info{ padding: 26px 0; }
#small_welcome_box .edit_pic_link{ background: #fff; border: solid 1px #e1e1e1; }
#small_welcome_box h3{ font-size: 24px; margin-bottom: 0; }


#your_programmes{ margin-bottom: 60px; }
#your_programmes .programmes_wrap{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; margin-bottom: 30px;}
#your_programmes .programmes_wrap .programme .title{ cursor: pointer; padding: 5px 15px; font-weight: normal; font-size: 17px; line-height: 42px; border-bottom: 1px solid #e1e1e1;}
#your_programmes .programmes_wrap .programme .title .fa-angle-up{ display: none; }
#your_programmes .programmes_wrap .programme .title:hover{ background: #e9e9e9; }
#your_programmes .programmes_wrap .programme .title a.btn{ margin-left: 10px; margin-top: 5px; }
#your_programmes .programmes_wrap .programme .title a.programme_title{ color: #333; }
#your_programmes .programmes_wrap .programme .title .badge{ margin-top: 10px; margin-left: 10px;}
#your_programmes .programmes_wrap .programme .content{ padding: 15px; background: #FFF; display: none; border-bottom: 1px solid #e1e1e1; }
#your_programmes .programmes_wrap .programme .content table tr:first-child td{ border-top: none; }
#your_programmes .programmes_wrap .programme.active .fa-angle-up{ display: inline-block; }
#your_programmes .programmes_wrap .programme.active .fa-angle-down{ display: none; }
#your_programmes .programmes_wrap .programme.active .title{ background: #e9e9e9; font-weight: bold; }
#your_programmes .programmes_wrap .programme.active .content{ display: block; }
#your_programmes .info_wrap{ text-align: center; background-color: #F1F1F1; border: solid 1px #DADCD8; padding: 15px;  }
#your_programmes .info_wrap .percentage{ font-size: 65px; }
#your_programmes .info_wrap .complete{  font-size: 16px; font-weight: bold; margin-bottom: 15px;  }
#your_programmes .info_wrap h4{ margin: 0; font-size: 16px; font-weight: bold; }
#your_programmes .info_wrap .view_application_btn{ display: block; color: #FFF; font-size: 14px;}


#your_programmes .sessions_wrap{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; margin-bottom: 30px;}
#your_programmes .sessions_wrap .session .sessions_title{ cursor: pointer; padding: 5px 15px; font-weight: normal; font-size: 17px; line-height: 42px; border-bottom: 1px solid #e1e1e1;}
#your_programmes .sessions_wrap .session .sessions_title .fa-angle-up{ display: none; }
#your_programmes .sessions_wrap .session .sessions_title:hover{ background: #e9e9e9; }
#your_programmes .sessions_wrap .session .sessions_title a.btn{ margin-left: 10px; margin-top: 5px; }
#your_programmes .sessions_wrap .session .sessions_title a.session_title{ color: #333; }
#your_programmes .sessions_wrap .session .sessions_title .badge{ margin-top: 10px; margin-left: 10px;}
#your_programmes .sessions_wrap .session .session_content{ padding: 15px; background: #FFF; display: none; border-bottom: 1px solid #e1e1e1; }
#your_programmes .sessions_wrap .session .session_content table tr:first-child td{ border-top: none; }
#your_programmes .sessions_wrap .session.active .fa-angle-up{ display: inline-block; }
#your_programmes .sessions_wrap .session.active .fa-angle-down{ display: none; }
#your_programmes .sessions_wrap .session.active .sessions_title{ background: #e9e9e9; font-weight: bold; }
#your_programmes .sessions_wrap .session.active .sessions_title{ background: aliceblue; font-weight: bold; }
#your_programmes .sessions_wrap .session.active .session_content{ display: block; }

#side_menu{ border-top: solid 5px #999; margin-bottom: 15px; }
#side_menu li{ -webkit-border-radius: 0; border-radius: 0; }
#side_menu li:first-child{ border-top: none; }
#side_menu .list-group-item{ font-size: 14px; padding: 10px; }
#side_menu .fa-check-circle{ font-size: 22px; margin-right: 10px; color: #12b886;}
#side_menu .fa-circle{ font-size: 22px; margin-right: 10px; }
#side_menu .fa{ font-size: 22px;}
#side_menu.with_icons{}
#side_menu.with_icons .list-group-item{ position: relative; padding-left: 40px; }
#side_menu.with_icons .list-group-item .fa,#side_menu.with_icons .list-group-item .number{ position: absolute; top: 8px; left: 10px; }
#side_menu.with_icons .list-group-item .number{ padding: 0; top: 10px; left: 15px; }
#side_menu.with_icons .top_info{ padding: 10px 15px; }

.side_box{ border: 1px solid #e1e1e1; border-top: solid 5px #999; margin-bottom: 15px; ;}
.side_box h5{ padding: 15px; margin: 0;}
.side_box .content{ border-style: solid 1px #e1e1e1;  border-top: solid 1px #e1e1e1; padding: 15px;}
.side_box .tagline{ font-weight: bold; }

/* Chat WIdget */
#chat_wrap{ width: 100%;}
#communication_box{background: #fbfbfb;}
#communication_box .new_message{ padding: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
#communication_box .new_message#no_bottom{ border-bottom: none; margin-bottom: 0;}
#communication_box .new_message textarea{ height: 80px; }
#communication_box .messages{ margin: 0; padding: 0 15px; padding-top: 30px; height: 300px;}
#communication_box .messages li{ margin: 0; padding: 0; position: relative;}
#communication_box .messages li .pic{ background-position: center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 50px; height: 50px; background-color: #e1e1e1; -webkit-border-radius: 100px; border-radius: 100px; position: absolute; top: 0; left: 0;  text-align: center; }
#communication_box .messages li .pic .fa{ font-size: 34px; opacity: 0.2; margin-top: 6px;}
#communication_box .messages li .ainfo{ margin-left: 60px; margin-right: 30%;}
#communication_box .messages li .ainfo .name{ font-weight: bold; font-size: 13px; }
#communication_box .messages .date{ font-size: 13px; text-align: center; opacity: 0.6; }
#communication_box .messages li .ainfo .chat_message{ display: inline-block; background-color: #e1e1e1; padding: 10px; -webkit-border-radius: 0px 10px 10px 10px; border-radius: 0px 10px 10px 10px; margin-bottom: 10px; font-size: 13px; word-break: keep-all;  }
#communication_box .messages li .ainfo .chat_message a { word-break: keep-all !important; }
#communication_box .messages li .ainfo .chat_message p{  font-size: 13px;}
#communication_box .messages li .ainfo .chat_message .file_action{ text-align: center;}
#communication_box .messages li.right .ainfo{ text-align: right; margin-left: 20%; margin-right: 60px; -webkit-border-radius: 10px 0px 10px 10px; border-radius: 10px 0px 10px 10px;}
#communication_box .messages li.right .pic{ left: auto; right: 0; }
#communication_box .messages li.right .ainfo .date{ float: left; }
#communication_box .messages li.right .ainfo .date{ float: left; }
#communication_box .messages li.right .ainfo .chat_message{ text-align: left; background-color: #f1f1f1; white-space: pre-line; border-radius: 10px 0px 10px 10px;}
#communication_box .messages li.right .ainfo .chat_message br{  display: none;}
#communication_box.in_modal{ border: none; background-color: #fff; margin: 0;}
#communication_box.in_modal .messages{ padding: 0; padding-bottom: 15px;}
#communication_box.in_modal .new_message{ padding: 0;}
#communication_box .chats_categories{ margin: 0; padding: 15px; }
#communication_box .chats_categories_dropdown{ margin: 0; padding: 15px; }
#communication_box .file_upload_categories{}
#communication_box .file_upload_categories .top_title{ font-weight: bold; padding: 15px; border-bottom: solid 1px #e1e1e1;}
#communication_box .file_line_item{ padding: 15px;  border-bottom: solid 1px #e1e1e1;}
#communication_box .file_line_item  .file_icon{ border-radius: 10px; background: #e1e1e1; padding: 15px; text-align: center;}
#communication_box .file_upload_categories .bottom_options{padding: 15px; border-bottom: solid 1px #e1e1e1;}


#tasks_wrap{ background: #fbfbfb; border: 1px solid #ddd; border-bottom: 7px solid #e6e6e6; padding: 15px; margin-bottom: 30px;}


#news_articles{ margin-bottom: 30px; }
#news_articles .article{ border-bottom: solid 1px #e1e1e1; padding-bottom: 15px; margin-bottom: 15px; }
#news_articles .article .title{ font-weight: bold; }



#course_results{ padding-top: 30px; }
#course_results ul{ margin: 0; padding: 0; }
#course_results ul li{ list-style-type: none; margin-bottom: 30px; }
#course_results ul li{ background-color: #fff; border: solid 1px #e1e1e1; padding: 15px; }
#course_results ul li h2{ margin: 0; font-size: 28px;}
#course_results ul li h2 a{ color: #444; font-weight: bold; }
#course_results ul li h3{ margin: 0; font-size: 18px; margin-bottom: 20px;}
#course_results ul li .description{ font-size: 16px; margin-bottom: 20px; line-height: 24px; color: #666;}
#course_results ul li .view_course_btn{}
#course_results ul li .view_course_button_main{ display: block;}
#course_results ul li .view_course_button_mobile{ display: none;}
#course_results ul li .summary{ font-size: 16px; line-height: 27px; background-color: #f1f1f1; padding: 30px; }
#course_results ul li .summary .strong{  }
#course_results ul li .summary h4{ text-align: center; color: #707070; }
#course_results ul li .summary h4:after { display: block; width: 4em; margin: 0 auto 1.5em; padding: 0.5em 0 0; border-bottom: 2px solid #e01e36; content: ' '; }
#course_results ul li .qualification{display: none;}

#course_results.simple{border-top: solid 1px #e1e1e1; padding: 0; margin-top: 20px; }
#course_results.simple ul li{ margin-bottom: 0; border-top: 0; }
#course_results.simple ul li .qualification{display: block;}
#course_results.simple li h2{ font-size: 18px; }
#course_results.simple li h3{ font-size: 18px; display: none; color: #057DBC;}
#course_results.simple li h2 a{ color: #057DBC; font-weight: normal;  border-bottom: 1px dotted;}
#course_results.simple li .main_info{}
#course_results.simple li .description{  display: none; }
#course_results.simple li .right_info{ display: none; }
#course_results.simple ul li .main_info .btn{ display: none; }
@media (max-width: 767px) {
	#course_results ul li .view_course_btn{ width: 100%; margin-bottom: 15px;}
	#course_results ul li .view_course_button_main{ display: none;}
	#course_results ul li .view_course_button_mobile{ display: block;}
	.description_apply_bttons{ display: none; }
}


#programme_cover_pic{ margin-top:-30px; background-color: #e1e1e1; height: 400px; background-size: cover; background-position: center; margin-bottom: 30px; }
#course_info .accordian_content{ display: none; padding-top: 0px; margin-bottom: 20px;}
#course_info .accordian_content.show{ display: flex;}
#course_info .summary h4 .fa{ float: left; margin-right: 10px; }
#course_info .course_sub_title{ display: none; }
#course_info .summary{ }
#course_info .summary ul{ margin-top: 0; }
#course_info .summary h4{ font-size: 22px;}
#course_info .summary h4:first-child{ padding-top: 0; margin-top: 25px;}
#course_info .summary h4:after { display: none;}
#course_info .back_to_results{padding-bottom: 15px;}
#course_info .summary .strong{  }
#course_info .description .su-spoiler{border-radius: 5px; margin-bottom: 10px; background-color: #eff1f2; border-bottom: 1px solid #d4d4d4;}
#course_info .description .su-spoiler-title{font-weight: 700; font-size: 15px; line-height: 31px;}
#course_info .description .su-spoiler-title .su-spoiler-icon{ right: 5px; left: auto; line-height: 31px;}
#course_info .description .su-spoiler-title .su-spoiler-icon:before{ content: "\f0d7"; }
#course_info .description .su-spoiler-closed .su-spoiler-title .su-spoiler-icon:before{ content: "\f0da"; }
#course_info .description .su-spoiler-content{font-size: 15px; padding: 1em 27px 1em 27px;}
#course_info .description .su-spoiler-closed .su-spoiler-content{ padding: 0; }






#courses_search_form{ background-color:#e01e36; padding: 30px; margin-top: 30px;}
#courses_search_form .main_search_title{ margin: 0; padding: 0; color: #fff; margin-bottom: 10px; font-weight: bold; font-size: 16px; }
#courses_search_form .left{ float: left; width: 20%; position: relative;}
#courses_search_form .left select{ -webkit-appearance: none; font-size: 18px; -moz-appearance: none; appearance: none; height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0;  border: 0; display: inline-block; padding: 9px; background-color: #e5e5e5; color: #000; cursor: pointer; width: 100%; background-clip: padding-box; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
#courses_search_form .left .fa{ color: #000; position: absolute; top: 5px; right: 10px; font-size: 34px;}
#courses_search_form .center{ position: relative; float: left; width: 60%; }
#courses_search_form .center input,#courses_search_form .center select{ position: relative;  background-color: #fff; border: none; border-radius: 0;  -webkit-appearance: none; font-size: 18px; -moz-appearance: none; appearance: none; height: 45px; width: 100%;}
#courses_search_form .center .search_ajax{ display: none; position: absolute; left: 0; top: 45px; right: 0; background-color: #fff; padding: 10px; border: 1px solid #ccc; border: 1px solid #ffffff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); z-index: 100;}
#courses_search_form .center .search_ajax .searching_icon{ display: none; }
#courses_search_form .center .search_ajax h3{ border-bottom: solid 1px #e1e1e1; padding-bottom: 9px; margin: 0; font-size: 14px; margin-bottom: 10px;}
#courses_search_form .center .search_ajax ul{ margin: 0; padding: 0; margin-bottom: 10px; }
#courses_search_form .center .search_ajax ul li{ list-style-type: none; }
#courses_search_form .center .search_ajax ul li a{ display: block; }
#courses_search_form .right{ float: left; width: 20%; position: relative;  background-color: #e5e5e5; border: none; border-radius: 0;  -webkit-appearance: none; font-size: 18px; -moz-appearance: none; appearance: none; height: 45px; color: #000;}
#courses_search_form .right .fa{ margin-right: 10px; }

@media (max-width: 767px) {
	#courses_search_form .left{ width: 100%; margin-bottom: 15px; }
	#courses_search_form .center{width: 100%; margin-bottom: 15px; }
	#courses_search_form .right{width: 100%; margin-bottom: 0px; }
}



#page_form{ font-size: 14px;}
#page_form label{ font-weight: bold; }


.modal-xl{ max-width: 80vw; }
.modal-md{ max-width: 790px; }

@media (max-width: 1200px){
  .modal-xl{ max-width: 990px; }
  .modal-md{ max-width: 790px; }
}

@media (max-width: 992px){
   .modal-xl{ max-width: 840px; margin: .5rem;}
   .modal-md{ max-width: 790px; margin: .5rem; }
}

@media (max-width: 768px){
  .modal-xl{ max-width: 100%; margin: .5rem;}
  .modal-md{ max-width: 100%; margin: .5rem;}
}


.popup_message{ position: fixed; bottom: 0px; right: 0px; left: 0px; background-color: #000; color: #fff; font-size: 24px; text-align: center; padding: 20px 0px; z-index: 99999; background-color: rgba(0,0,0,.8); font-weight: 300;}

#advanced_wrap{ display: none; }
#courses_search_form.advanced_active #advanced_wrap{ display: block; }
/*#courses_search_form.advanced_active .left{ display: none; }
#courses_search_form.advanced_active .center{ width: 80%; }*/
#advanced_wrap label{ color: #FFF; font-weight: normal; }
#advanced_wrap hr{ opacity: 0.5; margin-bottom: 15px; margin-top: 0; }
#advanced_wrap .form-control{ -webkit-border-radius: 0; border-radius: 0; }
#advanced_wrap .form-control.mb{ margin-bottom: 15px; }
#advanced_wrap .buttons_wrap{}
#advanced_wrap .buttons_wrap .btn-reset{ background: transparent; color: #FFF; }
#advanced_wrap .buttons_wrap .btn-reset:hover{ background: #fff; color: #000; }
#advanced_wrap .buttons_wrap .btn-default:hover{ opacity: .8; }


#application_progress_meter{ margin-bottom: 30px; }
#application_progress_meter .box{ background-color: #f1f1f1; margin-right: 5px; padding: 5px; width: 90px; border-radius: 5px; text-align: center; height: 115px; float: left; margin-bottom: 5px; color: #555; position: relative; overflow: hidden;}
#application_progress_meter .box.first{ width: 180px; }
/* #application_progress_meter .box.first.already_submitted .half{ margin-top: 25px; } */
#application_progress_meter .box .pending_data{ font-size: 12px; margin-top: 0px; display: block; text-align: center; clear: both; }
#application_progress_meter .box .half{ position: relative; height: 82px; width: 50%; float: left; margin-bottom: 5px;}
#application_progress_meter .box .half.completion{ border-right: solid 1px #ccc; }
#application_progress_meter .box .half.submission{}
#application_progress_meter .box .half .status{ background-color: transparent; }
#application_progress_meter .box:hover{ background-color: #e1e1e1; text-decoration: none; }
#application_progress_meter .title{ font-weight: bold; margin-bottom: 5px; }
#application_progress_meter .msg{ font-size: 11px; min-height: 50px; }
#application_progress_meter .status{ position: absolute; bottom: 0px; left: 0; right: 0; background-color: #f1f1f1; padding: 0px; }
#application_progress_meter .status .fa-check{ background-color: green; padding: 4px; color: #fff; border-radius: 5px 5px 0 0;}
#application_progress_meter .status .fa-times{ background-color: red; padding: 4px; color: #fff; border-radius: 5px 5px 0 0;}
#application_progress_meter .percentage{ font-size: 15px; font-weight: bold; padding-top: 5px; }

#table_serach{ background-color: #f5f5f5; margin-top: -30px; padding-top: 30px; }
#table_serach .form-control{ background-color: #fff;	}
#table_serach ol.breadcrumb{ background-color: transparent!important; padding:0;}
#table_serach ol.breadcrumb li{ font-size: 13px;}
#table_serach .total{ float: right; padding-top: 10px;}
#table_serach .input-group .btn:hover{ outline: none; color: #000;}

.table_with_tabs.table thead th{ padding-top: 25px; border-top: none}
#table_tabs{ padding-top: 20px;}

#table_tabs .nav-link{ float: left; color: #777; border: solid 1px #e1e1e1; margin-right: 10px; border-top: solid 2px #e1e1e1;  border-bottom: none; background-color: #f9f9f9; border-radius: 5px 5px 0 0;}
#table_tabs .nav-link:hover{ background-color: #fff;  border-top: solid 2px #e1e1e1; color: #000}
#table_tabs .nav-link.active{ background-color: #fff; color: #000; font-weight: bold; border-top: solid 2px #057DBC; }


.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: hidden; }
.table-responsive .table{  margin: 0; width: 100%;margin-bottom: 30px;} 
.table-responsive .table th{ white-space:nowrap;}
.table-responsive .table th a{ color: #555;}
.table-responsive .table td{padding: 15px; white-space:nowrap;}
.table-responsive .table tr{ position: relative;}
.table-responsive .table .tr_options{ padding: 10px 15px;  position:absolute;  border: none; background-color: #fff; margin-top: 1px; right:300px; top:auto; -webkit-box-shadow: -9px 0px 9px -6px rgba(0,0,0,0.05); -moz-box-shadow: -9px 0px 9px -6px rgba(0,0,0,0.05); box-shadow: -9px 0px 9px -6px rgba(0,0,0,0.05); }
.table-responsive .table .tr_options .dropdown-item { padding: 5px 15px; line-height: 22px;}

.tag_option{ padding: 10px; border-bottom: solid 1px #e1e1e1; padding-left: 30px;}
.tag_option label{ width: 100%;}
.tag_option:last-child{ border: none;}

#results_boxes{ padding-top: 30px;}
#results_boxes .box{ display: block;  margin-bottom: 30px;  border-radius: 6px; border: solid 1px #e1e1e1; padding: 15px; border-radius: 5px;  }
#results_boxes .box .title{ font-weight: bold; }
#results_boxes .box .title .main_title{  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   width: 100%; display: inline-block; }
#results_boxes .box .title .btn{ padding: 0px; border-radius: 20px; width: 25px; height: 25px; }
#results_boxes .box .title .btn span{ color: #444; }
#results_boxes .box .content{ display: block; min-height: 170px;line-height: 25px; padding-top: 20px; font-size: 15px;}
#results_boxes .box .content a{ color: #555;}
#results_boxes .box .content .stat{ text-align: right; color: #333; font-weight:bold; }
#results_boxes .box .content .add_icon{ font-size: 74px; color: #9e9f9e; margin-top: 20px;}


#resources_list{ margin: 0; padding: 0; list-style-type: none; padding-top: 40px;}
#resources_list li a .date{ padding-top: 4px; float: right; color: #999; font-size: 12px;}
#resources_list li a .fa{ color: #999; margin-right: 10px;}
#resources_list li a:hover{ text-decoration: none}
#resources_list li{ border-bottom: solid 1px #e1e1e1;}
#resources_list li .folder_title{ display: block;  border-bottom: solid 1px #e1e1e1; padding: 10px;}
#resources_list li .folder_title:hover{ background-color: #f9f9f9f9;}
#resources_list li ul{margin: 0; padding: 0; list-style-type: none;}
#resources_list li ul li{}
#resources_list li ul li a{padding: 5px; padding-left: 30px; display: block;}
#resources_list li ul li:last-child{ border: none;}



#profile_dialoag .pagination{-ms-flex-pack: center!important; justify-content: center!important;}
#profile_dialoag .table th{ border-top: none; }
#profile_dialoag .table th a{ color: #333; }

#profile_dialoag{ padding-top: 10px; font-size: 14px; }
#profile_dialoag .close{ font-size: 34px;}
#profile_dialoag .profile_pic{ background-size: cover; background-position: center; float: left; width: 50px; height: 50px; border-radius: 100px; background-color: #e1e1e1; margin-right: 15px; margin-top: -5px; }
#profile_dialoag .section_title{ font-weight: normal; }
#profile_dialoag .section{ border: solid 1px #e1e1e1; padding: 15px; margin-bottom: 30px; }
#profile_dialoag .app_val{ font-weight: bold; }
#profile_dialoag .answer_row{ padding: 5px; border: solid 1px #fff; }
#profile_dialoag .answer_row:hover{ background-color: #e1e1e1; border: solid 1px #fff; }
#profile_dialoag .row_color_1{ background-color: #f9f9f9; }
#profile_dialoag .edit_section{ float: right; display: block;}
#profile_dialoag .edit_field_wrap{ display: none;}
#profile_dialoag .save_button{ display: none; float: right;}

#profile_dialoag .edit_mode .edit_field_wrap{ display: block; }
#profile_dialoag .edit_mode .app_val{ display: none; }
#profile_dialoag .edit_mode .none_editable{ display: none;}
.btn {white-space:normal !important; word-wrap: break-word; word-break: normal;}