/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*	
*	@conception		<05 August 2015>
*	@updated		<01 March 2024>
*	@version		<10.03.01>
*/

/* Box Shadow */
.box-shadow{
	box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
}

/* Dialogs */
.core-dialog{
	border-radius: 5px;
}

	.core-dialog .heading{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

		.core-dialog .heading .close{}
		
	.core-dialog .content{}
		
		.core-dialog .content .info{
			text-align: left;
		}

	.core-dialog .buttons{
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

/* Tabs */
.core-tabs{}

	.core-tabs > .menu{
		padding: 10px 8px 0;
		background-color: var(--mmLightGreyBg);
		border-bottom: 1px solid var(--mmLightGreyBorder);
	}

		.core-tabs > .menu > .tabs{}

			.core-tabs > .menu > .tabs > .tab{
				color: #fff;
				padding: 8px 12px;
				text-align: center;
				font-weight: normal;
				background-color: var(--mmOrangeBg);
				border: 1px solid var(--mmOrangeBg2);
			}
			
			.core-tabs > .menu > .tabs > .tab.selected{
				color: #fff;
				border: 1px solid var(--mmBlueBg2);
				background-color: var(--mmBlueBg);
			}

.core-tabs .core-tabs{
	margin: 20px -20px -20px !important;
}

/* Milestones */
.milestones{}

	.milestones .area{
		margin: 0 0 20px;
	}

	.milestones .area:last-child{
		margin: 0;
	}
	
		.milestones .area > h3{
			padding: 5px 0;
			margin: 0 0 10px 0;
			color: var(--mmOrangeBg);
			font-size: var(--fontSize140);
			border-bottom: 1px dashed var(--mmLightGreyBorder);
		}
	
		.milestones .area .description{}
	
		.milestones .area .body{}
	
			.milestones .area .body > .heading{
				padding: 5px;
				cursor: pointer;
				margin: 10px 0 0;
				border-bottom: 1px solid var(--mmLightGreyBorder);
			}
	
			.milestones .area .body > .heading:hover{
				background-color: var(--mmLightGreyBg);
			}
	
				.milestones .area .body > .heading > .icon{
					float: left;
					width : 30px;
					padding: 8px;
				}
	
					.milestones .area .body > .heading > .icon img{
						width: 24px;
						margin: 0 auto;
					}
				
				.milestones .area .body > .heading > .title{
					float: left;
					width : calc(100% - 46px);
				}

			.milestones .area .body > .content{
				display: none;
			}
	
				.milestones .area .body > .content .description{}

				.milestones .area .body > .content .btns{
					margin-top: 20px;
				}

					.milestones .area .body > .content .btns .btn{
						float: right;
						margin: 0 0 0 10px;
					}

					.milestones .area .body > .content .btns .btn.pr{
						background-color: var(--mmPurpleBg);
						border: 1px solid var(--mmPurpleBg2);
					}

					.milestones .area .body > .content .btns .btn.ee{
						border: 1px solid var(--mmGreenBg2);
						background-color: var(--mmGreenBg);
					}
	
						.milestones .area .body > .content .btns .btn .info{
							display: none;
						}

/* C.E.L */
.c_e_l{}

.c_e_l.cel-tabs{
	margin: -30px;
}

	.c_e_l .description{
		text-align: right;
	}

	.c_e_l .area{
		margin: 0 0 20px;
	}

	.c_e_l .area:last-child{
		margin: 0;
	}
		
		.c_e_l .area h3{
			padding: 5px 0;
			margin: 0 0 10px 0;
			color: var(--mmOrangeBg);
			font-size: var(--fontSize140);
			border-bottom: 1px dashed var(--mmLightGreyBorder);
		}
		
		.c_e_l .area .sub{}
		
			.c_e_l .area .sub h4{
				padding: 15px 0 8px;
				color: var(--mmBlueBg);
				font-size: var(--fontSize120);
				border-bottom: 1px solid var(--mmLightGreyBg);
			}
			
			.c_e_l .area .sub ul{
				padding: 0;
				margin: 10px 10px 10px 30px;
			}
			
			.c_e_l .area .sub .btns{}

				.c_e_l .area .sub .btns .btn{
					float: right;
					margin: 0 0 0 10px;
				}

				.c_e_l .area .sub .btns .btn.pr{
					background-color: var(--mmPurpleBg);
					border: 1px solid var(--mmPurpleBg2);
				}

				.c_e_l .area .sub .btns .btn.ee{
					background-color: var(--mmGreenBg);
					border: 1px solid var(--mmGreenBg2);
				}

					.c_e_l .area .sub .btns .btn .info{
						display: none;
					}

/* 1380px */			
@media screen and (max-width: 1380px){
	.c_e_l.cel-tabs{
		margin: -20px;
	}
}

/* 600px */			
@media screen and (max-width: 600px){
	.milestones .area .body > .content .btns .btn{
		float: none;
		width: 100%;
		padding-left: 0; 
		padding-right: 0; 
		text-align: center;
		margin: 0 0 10px;
	}
}