/* CSS Document */
.col-md-4{ margin:20px 0 0 0; }

.service-item{ overflow:hidden; }
.service-item_row2{ overflow:hidden; }


.service-item img {
	width: 100%; height:60px;
	overflow: hidden;
	border-top-left-radius: 12px; 
	border-top-right-radius: 12px;
}
.icon_h4 { padding:0 0 8px 0; font-size:18px; font-weight:bold; line-height:20px; color:#1783B7; text-shadow: 1px 1px 0px #FFFFFF; }

.filled-button-na{  
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 12px 30px;
	border-radius: 30px;
	display: inline-block;
	transition: all 0.3s;
	background-color:#CDCDCD; 
}

#page_status{ padding:0; margin:5px 0 5px 0; width:100%; height:24px; } 

#course_icons{ padding:0; margin:5px 0 50px 0; width:100%; min-height:400px; height:auto; } 

#tab_wrapper{ margin:0 0 0 0; padding:0 10px 0 10px; border-bottom:solid 1px #868686; }

#tab_item_wrapper{ margin:0 0 0 0; padding:0; min-width:200px; width:auto; height:50px; position:absolute; top:1px; left:0; }

.tab_item{ 
	margin:0 0 0 4px; padding:3px 10px 0 10px; 
	min-width:50px; width:auto; 
	max-width:160px; height:50px; 
	cursor: pointer; color:#696969; 
	font-weight:bold; font-size:13px; 
	text-align: center; line-height:16px;
	float:left; border:solid 1px #868686; 
	background-color: #D4D4D4; 
	border-top-left-radius:8px; 
	border-top-right-radius:8px; 
	text-shadow: 1px 1px 0px #ffffff;
}
.tab_item:hover{ color:#2aaa9e; }

.tab_item_active{ 
	border-bottom-color:#ffffff; 
	background-color: #ffffff; 
	color:#2aaa9e; font-weight:bold;
	text-shadow: 1px 1px 0px #ffffff;
}

.icon_questionmark{ margin:0 2px 0 0; width:15px; height:15px; float:left; background-image: url("imgs/questionmark.png"); cursor: pointer;}

/****** Line items in the icon *******/
.icon_ul{ margin:0 0 20px 0; padding:0; width:100%; font-size:14px; float:left; }
.icon_li{ margin:0 0 0 0; padding:0 0 4px 0; width:100%; font-size:14px; vertical-align:middle; left:left; }
.icon_p{ margin:0 0 8px 0; padding:0; width:100%; font-size:14px; line-height:15px; }

.more { padding:2px 4px 2px 4px; font-size:13px; color:#1783B7; font-weight: bold; background-color:#E7ECED; cursor:pointer; }
.more:hover { color:#FF6600; font-size:13px; font-weight: bold; cursor:pointer; }

.get_info_icon{ 
	margin:15px 0 0 0; padding:5px; width:100%; min-height:20px; height:auto; float:left; text-align:center; 
	background-image:url("imgs/icon_arrow_line.png"); background-position:center; background-repeat: no-repeat;
}
.get_info_div{ margin:5px 0 0 0; padding:0; width:100%; min-height:0px; height:auto; float:left; text-align:left; line-height:16px; }


/****** Schedule data **********/
.course_schedule_ul{ margin:0 0 0 40px; padding:0; width:100%; font-size:13px; float:left; list-style:inside; }
.course_schedule_li{ margin:0 0 0 0; padding:0; width:100%; font-size:13px; list-style:disc; }

.course_workforce_ul{ margin:0 0 0 25px; padding:0; width:100%; font-size:13px; float:left; list-style:inside; }
.course_workforce_li{ margin:0 0 0 0; padding:0; width:100%; font-size:13px; list-style:disc; }



#covid19_info{ margin:0 0 30px 0; padding:0; width:100%; min-height:50px; height:auto; }



/******************************************************/
/* Responsive Style */
@media (max-width: 1200px) {

	a.filled-button { padding:10px; width:auto; font-size:12px; }
	a.btn_more_info { padding:10px; width:auto; font-size:12px; }
    .tab_item{ padding:5px 5px 0 5px; min-width:50px; width:auto; max-width:150px; font-size:12px;  }
	#tab_wrapper{ /*border:solid 1px #FF6600;*/ } /*** ORANGE ***/

}


@media (max-width: 992px) {
	.col-md-4{ margin:0; padding:0; height:auto; height:auto; }
	.service-item{ margin:0; padding:3px; height:auto;  border-radius:0px;}
	.service-item img{ margin:0; padding:0; height:0px; float:left; }
	.down-content{  margin:0; padding:0; min-height:200px; height:auto; }
	.service-item .down-content { border-radius:0px; } 
	.tab_item{ padding:3px 3px 0 3px; min-width:50px; width:auto; max-width:120px; font-size:12px;  }

	a.filled-button { padding:10px; width:auto; font-size:12px; }
	a.btn_more_info { padding:10px; width:auto; font-size:12px; }

	#oahubacktowork_logo{

	}

	#covid19_info{ padding:0 10px 0 10px; }
	#tab_wrapper{ /*border:solid 1px #3A00FF;*/ } /*** BLUE ***/
}

@media (max-width: 768px) {
	.col-md-4{ margin:0; padding:0; height:auto; }
	.service-item{ margin:0; padding:0; border-radius:0px; } 
	.service-item img { margin:0; padding:0; height:0;}
	.down-content{  margin:0; padding:0; min-height:200px; height:auto; }
	.service-item .down-content { border-radius:0px; } 



	#tab_wrapper{ 
		height:365px; 
		/*border:solid 1px #1AFF00;*/ /*** GREEN ***/
	}
	#tab_item_wrapper{ width:100%; height:auto; }
	.tab_item{ 
		margin:0 0 4px 0; padding:10px 15px 10px 15px; width:100%; max-width:100%; height:auto; float:left; text-align: center;
		border:solid 1px #868686; background-color: #D4D4D4; border-radius:8px; 
	}

	#oahubacktowork_logo{
		position:absolute; top:152px; left:0;
	}

	#covid19_info{ padding:0 10px 0 10px; }
}