/* TABS WITH ACCORDION CONTENT CSS */

/* ACCORDION TAB NAV ~~~~~~~~~~~~~~~~*/
#accordionTabMenu {}

#accordionTabMenu .nav-item {
	margin-right: 10px;
}

#accordionTabMenu .nav-item .nav-link {
  	background-color: rgba(112, 112, 112, 0.1);
  	color: #555;
	padding: 8px 12px;
  	border: none;
	text-align: left;
}

#accordionTabMenu .nav-item .nav-link.active,
#accordionTabMenu .nav-item .nav-link.active:hover {
  	color: #FFF;
 	background-color: #224273;
  	border-color: transparent;
}

#accordionTabMenu .nav-item .nav-link:hover {
  	background-color: rgba(52, 152, 219, 0.2);
	color: #06C;
}


/* ACCORDIONS (INSIDE TAB PANES) ~~~~~~~~~~~~~~~~*/
.tab-pane > .accordion {
	margin-top: 15px;
	padding-bottom: 5px;
}

.accordion-button {
	font-weight: bold;
	color: #224273;
}

.accordion-button:not(.collapsed) {
	background-color: rgba(207, 226, 255, 0.4);
}

.accordion-body {
	padding-bottom: 0;
}

.accordion-body li {
	margin-bottom: 6px;
}


/* LINE BREAK FOR TAB MENU ~~~~~~~~~~~~~~~~*/
.tab-break {
	height: 0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA QUERIES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* MOBILE */
@media (max-width: 575px) {
	#accordionTabMenu {
		border-bottom: none;
	}
	
	#accordionTabMenu .nav-item {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	
	#accordionTabMenu .nav-item .nav-link {
  		background-color: rgba(112, 112, 112, 0.1);
  		color: #555;
		text-align: center;
		width: 100%
	}
	
	#accordionTabMenu .nav-item.show .nav-link, 
	#accordionTabMenu .nav-link.active {
  		color: #FFF;
 		background-color: #2980b9;
  		border-color: transparent;
		border-radius: 4px;
	}
}

@media (min-width: 576px) {}


/* MOBILE TO TABLET */
@media (min-width: 576px) and (max-width: 767px) {}	

@media (min-width: 576px) and (max-width: 991px){}	


/* BEFORE TABLET BREAKPOINT */
@media (max-width: 767px) {}


/* TABLET */
@media (min-width: 768px) {}


@media (min-width: 768px) and (max-width: 991px) {}


@media (min-width: 992px) and (max-width: 1199px) {}


@media (max-width: 991px) {}


@media (min-width: 992px) {}


/* DEKSTOP AND LARGE SCREENS */
@media (max-width: 1199px) {}

@media (min-width: 1200px) {}