/* create forms are initially hidden */

.create, .hide{
	display: none;
}

/* generic glyphicons style matches site styles*/

.glyphicons i:before{
	color: #496cad;
}

/* class for wizard modification */

.bwizard-steps li.active.modify_wizard{
	background-color: #617A27; !important
}

.bwizard-steps li.active.modify_wizard:after{
	border-left-color: #617A27; !important
}

.bwizard-steps li.modify_wizard:not(.active) a{
	color: #617A27; !important
}

li.next.finish.primary a{
	background-color: #617A27; !important
}

/* bwizard specific styles for dynamic content */
.wizard h4 span.method{
	font-weight:bold;
	color:#575655;
}

.wizard span.name{
	font-weight:bold;
}

/* prevent underline for glyphicons in table */
.dataTable a.glyphicons:hover{
	text-decoration:none;
}

#Program_details .widget-body .span2{
	margin-bottom: 6.40625px; 
	margin-top: 6.40625px;
}

#Program_details .widget-body {
	padding-bottom: 6.40625px; 
	padding-top: 6.40625px;
}

#Program_details .glyphicons  i:before{	
	color: #496cad;
}

#Program_details .glyphicons.remove  i:before, #Member_details .glyphicons.remove  i:before{
	position:absolute;
	top:-16px;	
	left:auto;
	right:4px;
	font: 15px/1em 'Glyphicons';	
}

div.widget-stats.widget-stats-3 .txt{
	padding: 0px; 
} 

div.widget-stats.widget-stats-2.widget-stats-3 span.txt.name{
	padding-top : 0px;
	text-align: center;
}

#Program_tabs li.school span{
	color: white;
	font-size: 11px;	
}

#Program_tabs li.school{
	height: auto;
	text-align: center;
	line-height: 1;
	background-color: #496cad;
	padding: 4px;
}

#program_list a.glyphicons.edit i:before{
	color: #496cad;
	position:absolute;	
	left:0;
	right:auto;
	font: 15px/1em 'Glyphicons';
}

#program_list li.active a.glyphicons.edit i:before{
	color: black;
}

#Program_tabs div.semester div.widget-head{
	background-color: #8799BB;
	border-bottom: 0;	
}

#Program_tabs div.semester div.widget-body{
	border: 1px solid #8799BB;	
}

#Program_tabs div.semester div.widget-head h4{
	color: #fff;	
}

#Program_tabs li.prog_code a.prog_info{
	position: absolute;
	left: 15%;
	width: 65%;
}

#Program_tabs li.prog_code.active{
	background-color: rgb(250, 243, 188);
}

#Program_tabs li.prog_code.active a.prog_info{
	color:black;
}

div.widget-stats select.course_drop{
	max-width: 95%;
}

#Program_details div.widget-stats.widget-stats-2.widget-stats-3 span.txt.prereq{
	position: absolute;
	bottom: 2px;
	top: auto;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#Program_details div.widget-stats.widget-stats-2.widget-stats-3 span.txt.prereq span.label{
	display: block;
	position: relative;
	width: 67px;
	margin-left: auto;
	margin-right: auto;
}

a.glyphicons.clear_courses{
	padding-left:5px;
}

a.glyphicons.clear_courses:hover{
	text-decoration: none;	
}

a.glyphicons.clear_courses i:before{
	position:relative;
}

div.course_form a.submit_course{
	margin-top : 10px;
}

div.course_form div.course_drop{
	margin-top : 10px;
}

div.module_wrapper{
	padding:25px;
}

div.groups{
	position:relative;
	width: 80px;
	height: 20px;
	/* profile styles
	position: absolute;
	width: 80px;
	height: 20px;
	display: inline;
	bottom: 0;
	right: 0;
	*/
	
}

div.groups > div.wrapper{
	position: absolute;
	bottom: 0px;	
	right: 0px;
	width:80px;
}

div.groups > div.wrapper > div[data-toggle]{
	width: 10px;
	height: 10px;
	display: inline-block;
	bottom: 0px;
	left: auto;
	right: auto;
	top:auto;
	border: 1px solid black;
	margin-right:1px;	
}

div.tooltip-nowrap div.tooltip div.tooltip-inner{
	white-space: nowrap;
	overflow: hidden;
}

.center-manager{	
	background-color: #617A27;
}

.manager{	
	background-color: #16792D;
}

.staff{	
	background-color: #1F36E2;
}

.program-coordinator{	
	background-color: #BA2661;
}

.instructor{	
	background-color: #5A45BA;
}

.associate-center-manager{	
	background-color: #699CF9;	
}

td div.groups{	
	float:right;
}

/* member widget styles */

div[id^="current_"] div.widget-head a.glyphicons i:before{
	color: black;
	padding: 0;
	margin: 0;
	right: 0;
	top: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 35px;
	color: #45484d;
	font-size: 16px;
	font-weight: normal;
	text-shadow: none;
}

div[id^="current_"] div.widget-head a.glyphicons{
	text-decoration: none;
}

div[id^="current_"] div.widget-stats a.glyphicons i:before{
	color: #496cad;
}

div[id^="current_"] div.widget-stats.widget-stats-2.widget-stats-3 span.txt.name{
	margin: 2px;
}

div[id^="current_"] div.widget-stats span.txt.role span.label{
	margin-bottom: 2px;
}


/* data tables row grouping styles */

table.dataTable tbody td.group[colspan] i{
	font-weight: bold;	
	color: #496cad;
}

table.dataTable tbody td.group[colspan] a{
	cursor: default;
}


/* Current coure and program styles */

div[id^="current_"] div a[class*="assign"] span.glyphicons.circle_plus i:before{
	color: #496cad;
}

div[id^="current_"] > div.school_separator{
	border-top: 1px dotted #496cad;
	margin-top: 30px;
}

div[id^="current_"] div.school_separator > span.school_name{
	display: inline-block;
	margin-top: 10px;
	background-color: #F0F8FF;
	width:100%;
	/* color: #496cad;
	font-weight: bold;
	float: right;
	clear: both;
	 border: 1px solid blac
	padding: 0 5px; k; */
	position: absolute;
	top: -32px;
	right: 0;
	padding: 0px;
}

div[id^="current_"] div.school_separator > span.school_name i{
	margin-left:30px;
}

div[id^="current_"] div.school_separator > span.school_name i:before{
	font-size:18px;
	top: 1px;
	left: 4px
}

div[id^="current_"] div.school_separator > span.bank{
	display: block;
	float : right;
}

div[id^="current_"] div[class*="_details"]{
	height: auto;
	bottom: 0px;
	position: absolute;
	margin: auto;
	padding-bottom:1px;
	left: 0;
	right: 0;
}

div.school_separator > div[class*="span"]{
	padding-top:10px
}

div.school_separator > div[class*="span"] .widget-stats{
	border-color:black;
}
div.school_separator{
	position:relative;
}

div.semester div[class*="span"] .widget-stats{
	border-color:black;
}

a.noclick{
	cursor:default;
	text-decoration: none;
}

div[id^="current_"] div[class*="_details"] i:before{
	font: 23px/1em 'Glyphicons';
}

div[id^="current_"] a.inverse i:before{
	color : #999999 !important;
}

a.glyphicons.inverse i:before{
	color : #999999 !important;
}
 
div[id^="current_"] div[class*="_details"] a.glyphicons{
	display: inline-block;
	margin: 5px;
}

div#current_courses div.course_details span.label.btn-success{
	margin-bottom: 3px;
}


div[id^="current_"] div.span3{
	width: 160px;
}

div[id^="current_"] div.span2{
	width: 125px;
}

div[id^="current_"] div.widget-stats span.count{
	font-size: 26px;
	padding: 2px;
}

div.control-group.error div.select2-container{
	margin-right: 100%;
	border: 1px solid;
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

input{
	color : #000 !important;
}

/* current courses course form */

div#current_courses a.submit_course{
	float:right;
	margin-right:5px;
}

div#current_courses div.lead_check{
	float:left;
	margin-left:5px;
	margin-top: 15px;
	height: 20px;
}

div#current_courses div.lead_check input{
	position: relative;
	bottom: 3px;
	margin-right: 3px;
}

div[id^="current_"] div.remove_container a[class*="delete_"]{
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	
}

div[id^="current_"] a.cancel_delete{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1000;
}

div[id^="current_"] div.remove_container{
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
}

div[id^="current_"] div.popover-content {	
	white-space: nowrap;
	overflow: hidden;
}

 div[id^="current_"] h3.popover-title { 	
	white-space: nowrap;
	overflow: hidden;
}

div.profile_tab{
	height:auto;
	min-height:200px;
}

div.widget.widget-tabs.profile-tabs{
	margin-bottom: 0px;
}

div.widget.widget-tabs.profile-tabs li.active a{
	color: #fff;
}

div.widget.widget-tabs.profile-tabs li.active a i:before{
	color: #fff;
}

div.school_group{
	position:relative;	
	padding-bottom: 10px;
	border-bottom: 1px solid #a3a3a3;	
}

div#member_groups div.school_group:last-child{
	border-bottom: none;
	background-color:red;
}

div.school_group span.glyphicons.edit, div.school_group span.glyphicons.check{
	float:right;
	cursor:pointer;
}

div.clear_floats{
	clear:both;
}

div.school_group > div.group_form > div[data-toggle]{
	width: 26px;
	height: 26px;
	display: inline-block;	
	border: 1px solid black;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	float: left;
}

div.school_group > div.group_form > div[data-toggle] input.toggle_group{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

div.group_form div.save_container{
	display: inline-block;
	position: relative;	
	top: 10px;
	width: 115px;
	height: 30px;
	float:right;
	
}

div.group_form div.save_container a.save_groups{
	position: absolute;
	left: 0;
}

div.group_form div.save_container a.cancel_groups{
	position: absolute;
	right: 0;
}

div.group_legend{
	margin-top: 10px;
	margin-left: 7px;
}

div.group_legend div.legend{
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid black;
	position:relative;
	top: 1px;
}

div.group_legend span{
	margin-left: 5px;
}

ul#notyfy_container_topCenter.notyfy_container{
	width:auto;
}

ul#notyfy_container_topCenter li.notyfy_wrapper{
	width:auto;
}

ul#notyfy_container_topCenter li.notyfy_wrapper div.notyfy_bar{
	width:auto;
}

div.notyfy_message{
	width:auto;
}

div.notyfy_message span.notyfy_text{
	white-space: nowrap;
	overflow: hidden;
	width:auto;
}

/* non manager course section */

div#course_details div.course_info a.course_outline{
	margin-left:5px;
}

div#course_details ul#course_list li{
	height: 30px;
	text-align:center;	
}

div#course_details div.course_body div.course_info dl{
	margin-left:10px;	
}

div#course_details div.course_body div.widget-body{
	padding:10px;
}

table.drilldownTable.repo table.inner_details{
	width: 100%;
}

table.drilldownTable.repo td.details{
	padding: 0;	
}

table.drilldownTable.repo tr.active td{
	background-color: #FAF3BC !important;
	color: black;
	
}

table.drilldownTable.repo tbody tr.active:hover td{
	background-color: #FAF3BC !important;
	color: black;	
}

table.drilldownTable.repo table.inner_details tbody tr.odd td{
	background-color:rgb(223, 214, 144);
}

table.drilldownTable.repo table.inner_details tbody tr.even td{
	background-color:rgb(223, 214, 144);
}

td.details h5{
	margin-left: 5%;
	margin-bottom: 0;
}

td.details > div{
	background-color: #FAF3BC !important;
}

div#course_details table a.glyphicons i:before{
	font-size:14px;
}

div#course_details table a.glyphicons{
	padding: 0 0 0 25px;
}

div.current_instructors table.instructor_details{
	table-layout:fixed;
}

div.current_instructors table.instructor_details td{
	vertical-align: middle;	
}

div.current_instructors table.instructor_details tr td:first-child{
	width: 15%;
}

div.current_instructors table.instructor_details tr td:last-child{
	display:none;
}

div.current_instructors table.instructor_details td p{
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.current_instructors table.instructor_details a.glyphicons{
	text-decoration:none;
}

div.current_instructors table.instructor_details img.instructor_img, #Program_coordinators .coordinator_details img.coordinators_img{
	width: 25px;
	height: 30px;
}

div.course_select_wrapper div.select2-container{
	width: 100%;
	margin-bottom: 15px;
}

div.repository a.details.add_documents i:before{
	color: #496cad;
	font-size: 24px;
}

div.repository a.details.add_documents{
	text-decoration:none;
	margin-right:20px;
	
}

#Document_wizard div.select2-container{
	max-width: 95%;	
}


.primary_dropzone {
  
}
.doc_dropzone.in {
    border: 5px solid #609450;
}

.doc_dropzone.hover {
    border: 5px solid #5bb75b; 
    background-color:rgba(98, 196, 98, 0.52);
    
}
.doc_dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

div.drop_text{
	display: none;
}

.doc_dropzone div.drop_text{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 150px;
	top: 20px;
	color: rgb(255, 255, 255);
	text-align: center;
	background-color: #496cad;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}

.doc_dropzone.in div.drop_text{
	display: block;
}

div.control-group.error span.btn.cmdflex_file_up{
	border: 1px solid #b94a48;
}

div.control-group.error div#progress{
	border: 1px solid #b94a48;
}

div.supporting_docs a.glyphicons.circle_remove{
	text-decoration:none;
}

div.supporting_docs a.glyphicons.circle_remove i:before{
	color: rgb(189, 54, 47);
	font-size: 14px;
}


/* problem with stats when viewed on smaller screens -- removed for now
div.member_stats a.widget-stats.widget-stats-easy-pie.txt-single span.txt{
	white-space: nowrap;
	overflow: hidden;	
}

div.member_stats a.widget-stats.widget-stats-easy-pie.txt-single{
	min-width: 123px;
}
*/

/* styles for unassigned sections of loadtabs --removed for now 

a[data-s_ids=""].loadtab{	
 	pointer-events: none;
   	cursor: default;
   	color: grey;
}

a[data-s_ids=""].loadtab i:before{ 	
   	color: grey;
}

*/


/* custom style for upload widget on profile page */

.cmflex_uploader_container{
	padding:10px;
	margin-top: 20px;
}



/* program coordinators */
.cmflex-dropdown{
	position: relative;
}
.cmflex-dropdown .cmflex-dropdown-container{
	display:none;
	position: absolute;
	width: 400px;
	top: 50px;
	right: 0px;
	z-index: 999;
}
.cmflex-dropdown .cmflex-dropdown-container table{
	table-layout: fixed;
}

.cmflex-dropdown .cmflex-dropdown-container table tr .img{
	width:40px;
}
.cmflex-dropdown .cmflex-dropdown-container table img{
	width: 25px;
	height: 30px;
}

.cmflex-dropdown .cmflex-dropdown-container table tr td p{
	width:100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.outline-upload{
	display: inline;
}

#course_outline_btn{
	white-space: nowrap;
	cursor: pointer;
}

.attention {
	background:#e04545;
	color:#fff !important;
}

.attention i:before{
	color:#fff !important;
}

.top-icons {
	padding:0px 10px;
}
.top-icons i:before{
	font-size:50px;
}

.add-btn {
	top: -23px;
}

.member_wrapper{
	display:inline-block;
	margin-bottom: 10px;
	width: 600px;
	border: 1px solid #496CAF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.module_wrapper a.trigger_create[data-target="Member"] span.glyphicons.circle_plus{
	position: relative;
	bottom: 10px;
	left: 3px;
}

div.member_wrapper h6.glyphicons{
	position:relative;
	left: 10px;
	top:5px;
}

div.member_wrapper input.memberComplete{
	position: relative;
	top: 5px;
	left: 15px;	
}

div.member_wrapper span.instructions{
	position: relative;
	left: 30px;
	top: 2px;
}

div#Program_details div.semester div.span3{
	margin-top:3px;
	margin-bottom:3px;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
  display:none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.isotope .widget.semester{
	z-index:1;
}
.isotope .course_box{
	z-index:2;
}

/*** Course edit Pop up Cont ***/
.courseeditCont{
	display		:none;
	width		:100%;
	height		:100%;
	position	:fixed;
	background	:rgba(0,0,0,0.4);
	top: 0;
	z-index: 99999;
}


#schedule .widget.semester{
	width:99%;
}

div.course_box.isotope-item{
	margin-bottom: 8px;
	border:1px solid rgb(181, 188, 196);
	width: 127px;
	font-weight: bold;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.course_box.isotope-item.enlarge{
	width:400px;
	height:auto;
}

div.course_box.isotope-item.largescreen{
	width:95%;
	height:auto;
}

div.course_box.isotope-item.bigger{
	width:98%;
	height:auto;
}

div.course_box.isotope-item a.glyphicons.edit{	
	position: absolute;
	top: 3px;
	right: -15px;	
	text-decoration: none;	
}

div.course_box.isotope-item a.glyphicons.user_add{	
	display:none;
	position: absolute;
	top: 3px;
	right: 10px;
	text-decoration: none;	
}

div.course_box.isotope-item a.glyphicons.edit i:before{
	font-size: 18px;
}

div.course_box.isotope-item a.glyphicons.user_add i:before{
	font-size: 35px;
}

div.course_box.isotope-item span.count{
	position: relative;
	left: 5px;
	line-height: 240%;
}


div.course_box.isotope-item a.btn{
	/*
	position: absolute;
	right: 5px;
	bottom: 5px;
	*/
}

div.course_box.isotope-item .course-detail-container{
	padding: 0px 10px 10px 10px;
	margin-bottom:10px;
}

div.course_box.isotope-item a.glyphicons.restore{	
	display:none;
	position: absolute;
	top: 3px;
	right: 10px;
	text-decoration: none;	
}

div.course_box .hasinstructor{
	color: #609450;
}
div.course_box .noinstructor{
	color: #45484d;
}

div.course_box .hiddenradio , .control-course-filter{
	display: none;
}


div.course_box .checkradio-cont{
	padding:5px;
}


div.course_box.isotope-item .course_save_change, div.course_box.isotope-item .cancel_changes{
	margin:3px;
	color: #fff;
}

div.course_box.isotope-item .controls{
	padding:0px 2px;
	padding-right: 5px;
}


.btn_primary_fix{
	margin-right: 0px !important;
}

div.course_box div.form_btns{
	position: absolute;
	bottom: 0;
	right: 0;
}

.course-detail-container table .controls .lead-instructor{
	padding:2px
}

.course-detail-container table div.controls.badge{
	line-height:150%;
}

.course-detail-container table div.controls button{
	font-size:100%;
}


.left-padding{
	padding-left: 10px !important;
}

#myprograms .left-padding{
	padding-left: 0px !important;
}

.navbar.main {
	background-color : #496CAF;
	position: fixed;
	-webkit-box-shadow: 0px 0px 17px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 17px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 17px rgba(50, 50, 50, 0.3);
}


.navbar.main span a.appbrand{
	display: inline-block !important;
	color:#fff;
}

.navbar.main .top-menu-container{
	position: absolute;
    left: 100px;
    top: 4px;
}

.navbar.main .top-menu-container ul li{
	padding-right:10px;
}

.navbar.main .top-menu-container ul li a{
	color: #496CAF;
	font-weight:bold;
}

.navbar.main .top-menu-container ul li a i:before{
	color: #496CAF;
		font-size:15px;
}

.navbar.main .top-menu-container ul li a i{
	position: absolute;
	left: 7px;
	top: 10px;
}

.navbar.main .top-menu-container ul.nav-tabs{
	border-bottom-color:#496CAF;
}


.navbar.main .top-menu-container ul li.active a{
	border-top-color: #496CAF;
	border-left-color: #496CAF;
	border-right-color: #496CAF;
}

.navbar.main .top-menu-container ul li.active a:hover{
	text-shadow:none;
}

.navbar.main .top-menu-container ul li.menu-item a{
	border:1px solid transparent;
	background: #fff;
}

.navbar.main .top-menu-container ul li.menu-item a:hover{

	border-color: #ccc;
	background-image: -webkit-linear-gradient(top,#fafafa,#e9e9e9);
	box-shadow: inset 0px 1px 5px rgba(0,0,0,.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #222;
}

.navbar.main .top-menu-container ul li a span{
	padding-left:20px;
}


.profile #userprofile_pic{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


.navbar.main .toggleprofile{
	position: absolute;
	right: 5px;
	top: 4px;
	z-index:10;
}

.widget.widget-tabs .widget-head ul li.active{
	background: #496CAF;
}	

.profilestat{
	margin: 0;
	padding: 10px !important;
	list-style: none;
	text-align: center;
}

.profilestat li{
	height: 22px;
	line-height: 22px;
	display: inline-block;
	padding: 0 2px;
}

.profilestat li a{
	padding: 0 10px 0 25px !important;
}

.profilestat li a:hover{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.profilestat li i:before{
	right:22px !important;
}

div#Program_details div.no_courses{
	margin: auto;
	width: 250px;
	text-align: center;
} 

.tabsbar,.tabsbar ul{
	height: 44px;
}

.tabsbar ul li, .tabsbar ul li a,.tabsbar ul li a i{
	height: 40px;
}

.tabsbar ul li a, .tabsbar ul li a i:before{
	line-height: 40px;
}


div.form-signin{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.form-signin h3{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#Program_details div.no_courses{
	margin: auto;
	width: 250px;
	text-align: center;
}

#content{
	margin-top:25px !important;
}


.my-course-section #course_details .add_fav_doc{
	display:inline;
}


.alert{
	margin-top:20px;
}

.dashboard_btn{
	margin: 10px;
}


.lead_inst{
	color:#E95D31;
}

/* styling for log widget */
div#Flex_Log .widget.widget-tabs-icons-only > .widget-head ul li.glyphicons.active i {
	background: #496cad;	
}

div#Flex_Log .widget.widget-tabs-icons-only > .widget-head ul li.glyphicons i:before {
	color: 	#496cad;
}

div#Flex_Log .widget.widget-tabs-icons-only > .widget-head ul li.glyphicons.active i:before {
	color: 	#fff;
}

div#Flex_Log .widget-timeline ul.list-timeline li .activity-icon i {	
	background:	#496cad;
}

div#Flex_Log .widget-timeline ul.list-timeline li .activity-icon i:before{
	color: #fff;
}

div#Flex_Log .widget-timeline .widget-body:before {
	display: block;
	width: 1px;
	background: #496cad;
	top: 15px;
	bottom: 30px;
	left: 155px;
	content: "";
	position: absolute;
}

div#Flex_Log .widget-timeline ul.list-timeline li span.date {
	width : 120px;
}

div#Flex_Log .widget-timeline .view-all {
	margin-left: 100px;
}

div#Flex_Log .widget-timeline div.widget-body div.no_actions.active{
	height: 100%;
	background: #fff;
}

/* member stats section */

.stats-pie canvas{
	position: absolute;
	top: 0;
	left: 0;	
}

.stats-pie{
	margin: auto;
}

.member_stats a{
	border: 1px solid black;
}


#footer{
	background-color: rgba(245, 245, 245, 0.9);
	color:#333333;
}


.copyright-container{
	border: 1px solid gray;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.cmflex_help_drowdown{
	text-align:right;
}

.cmflex_help_drowdown div.cmflex-dropdown-container{
	top:10px;
	width:200px;
	background:#fff;
	border:1px solid #496CAF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-align:left;
}

.cmflex_help_drowdown div.cmflex-dropdown-container ul{
	margin:0px;
}

.cmflex_help_drowdown div.cmflex-dropdown-container ul li{
	list-style: none;
	padding:5px;
	border-bottom:1px solid #e5e5e5;
}

.cmflex_help_drowdown div.cmflex-dropdown-container ul li i:before{
	font-size:16px;
	line-height: 170%;
}

.cmflex_help_drowdown div.cmflex-dropdown-container a:first-of-type{
	position: absolute;
	right: -4px;
	top: 2px;
	z-index:5;
}

.cmflex_help_drowdown div.cmflex-dropdown-container a:first-of-type i:before{
	color:#E95D31;
}

.cmflex_help_drowdown div.cmflex-dropdown-container ul li:last-of-type{
	border-bottom:none;
}

.cmflex_help_drowdown div.cmflex-dropdown-container ul li:hover{
	background:#496CAF;
	text-weight:bold;
	color:#fff;
	cursor:pointer;
}

#Member_details div.cmflex-dropdown-container{
	width:200px;
}

.add_new_btn{
	margin-top: -10px;
}

div#schedule a.glyphicons{
	text-decoration:none;
}

.profile-tab .profile-tab_head,.profile-tab .profile-tab_head ul,.profile-tab .profile-tab_head li{
	height:70px !important;
}

.profile-tab .profile-tab_head ul li a.glyphicons{
	padding-left:15px !important;
}

.profile-tab .profile-tab_head ul li a.glyphicons i{
	display: block;
	height: 24px;
	padding: 13px 0 0;
	line-height: 24px;
	text-align: center;
}

.profile-tab .profile-tab_head ul li a.glyphicons i:before{
	left: auto;
	top: auto;
	font-size: 24px;
	position: relative;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
}


#program_list li a i:before{
	color: #9d9d9d !important;
}

#program_list li.active a i:before{
	color: #496cad !important;
}





/*  Message Box Css */
div#cmflex_message_box{
	display:none;  
	z-index:1;
	color:#fff;
	font-size:14px;
	margin:auto;
	position: fixed; 
	left:0;
	right:0;
	bottom:0;
	width:400px; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border:1px solid #496cad;
	font-family:Arial, Helvetica;
}

div#cmflex_message_box .close_btn{
	position: absolute;
	right: -24px;
	top: -23px;
}

div#cmflex_message_box .cmf_head{
	background-color: #496cad;
	height: 30px;
}

div#cmflex_message_box .cmf_head .head_title{
	line-height:30px;
	margin-left:10px;
	font-weight:bold;
}

div#cmflex_message_box .cmf_body{
	padding:10px;
	background-color: rgba(0, 0, 0, 0.4);
}

div#cmflex_message_box .cmf_body textarea{
	height:220px;
	width:360px;
	max-height: 220px;
	max-width: 360px;
	min-height: 220px;
	min-width: 360px;
}
/* Message Box Css End */


a[href^="#"]{
	text-decoration:none;
	cursor: default;
	color: initial;
}

.school_separator h4{
	padding:5px;
	text-align:center;
}


html,body{
	height:100%;
}

.container-fluid{
	position:relative;
	height:auto;
	min-height:100%;
}

#content{
	padding-bottom:120px;
}

#footer{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 1;
}



.group_legend .list_legend{
	list-style:none;
	margin: 0;
}

.group_legend .list_legend li{
	float:left;
	margin-right:8px;
}

.group_legend .list_legend li:after{
	content:"\00a0" !important;
}


ul.list_legend{
	list-style:none;
	margin: 0;
}

ul.list_legend li{
	float:left;
}

ul.list_legend li:not(:last-of-type):after{
	content:"\00a0\00a0|\00a0\00a0";
}


ul.list_legend li span.glyphicons{
	padding:0px 0px 0px 20px;
}

ul.list_legend li span i:before{
	font-size:16px;
}

#footer{
	padding: 0px 0px 30px;
}

body{
	overflow-y:scroll;
}


tr.group td{
	background-color: #F0F8FF !important;
}

.schedule_school td a{
	margin-top:3px;
}


.msg_em{
	position:absolute;
	top:2px;
	cursor:pointer !important;
}

.media{
	position: relative;
}

.media .img{
	width:60px;
}

#zenbox_tab{
	display:none !important;
}

.course_details .course-detail-container{
	margin-top: -20px;
}

#course_page  .course-detail-container table tr td:nth-child(1) span.checkradio-cont{
	background-color: #8DE032;
	border: 1px solid #000;
	padding-top: 0px;
}

#course_page .course-detail-container table tr td:nth-child(2) span.checkradio-cont{
	background-color: #A7ACA2;
	border: 1px solid #000;
	padding-top: 0px;
}

.course_schedule_legend{
	position: relative;
	bottom: -30px;
	border-top: 1px dotted #000;
	padding-top: 5px;
}

.course_schedule_legend span{
	border: 1px solid #000;
	padding: 0px 5px 5px 5px;
	margin-left: 12px;
}

.course_schedule_legend span:nth-child(1){
	background-color: #8DE032;
}


.course_schedule_legend span:nth-child(2){
	background-color: #A7ACA2;
}

.navbar.main.hidden-print{
	width: 100%;
	z-index: 999;
}

#content{
	margin-top: 40px !important;
}


#landing_1 .banner,.banner-wrapper.banner-1{
	height:400px !important;
}

@media (max-width: 480px) {
	ul.list_legend li, .group_legend .list_legend li{
		float:left;
		width:100%;
	}
	
	ul.list_legend li:after{
		content:"\00a0" !important;
	}
	
	#content{
		padding-bottom:150px;
	}

	.navbar.main{
		position:relative;
	}

	.navbar.main .top-menu-container {
		position: relative;
		left: 10px;
	}
	
	.navbar.main .top-menu-container ul.nav-tabs{
		border:none;
		margin-bottom:15px;
	}

	.navbar.main .top-menu-container ul li {
		width: 98%;
	}
	
	div.member_wrapper{
		width:320px;
	}
	
	div.member_wrapper span.instructions{
		display: block;
		padding-bottom: 5px;
	}
	
	
	
	/*  Message Box Css */
	div#cmflex_message_box{
		width:300px; 
	}
	
	div#cmflex_message_box .cmf_body textarea{
		height:150px;
		width:260px;
		max-height: 150px;
		max-width: 260px;
		min-height: 150px;
		min-width: 260px;
	}
	/* Message Box Css End */

	[data-toggle="collapse-widget"] .collapse-toggle{
		margin-right: 0px;
	}
	
	
	.widget > .widget-head .heading{
		font-size: 12px;
		height: auto;
		line-height: 20px;
	}
}