.overview-font{
	font-size: 12px;
	color: black;
}
.over-head{
	background:#EEEEEE;
}
.col-md-5{
	background:#F5F5F5;
}
.sg-select{
	background: #d2d2d2;
}
.container {
	padding:20px;
}
.form-control {
	width:120px;
}
h2.sg_study{
	margin-left: 3%;

}
span.overview{
	font-weight: bold;
	text-align: center;
}
span.guide{
	font-size: 30px;
	font-weight: bold;
	
}
.popover {
	max-width:400px;
}
span.blue{
	color: #557FFF;
	font-size: 18px;
}
span.red{
	color: #FF002A;
	font-size: 15px;
}
span.green{
	color: #3D961A;
	font-size: 15px;
}
span.topic{
	font-size:16px;
}

span.fonty{
	font-size: 14px;
	color: black;

}

span.sub{
	font-size: 16px;
	color: black;
}
span.subtopic{
	margin-left: 10%;
	font-size: 16px;
	color: black;
}
p.inside{
	margin-left: 21%;
}


.bs-example{
    	margin: 20px;
    }

.sg_back{
	background-color: red;
}
span.sg_inline{
	color: black;
}

.interval{
	margin-top: 3%;
	} 

.sg-middle{
	padding-bottom:10%;
	padding-left:-15px;
}
.sg-list{
	font-size:25px;
	margin-left:30px;
	color: black;
}
.sg-list1{
	color:red; 
	font-size:13px; 
	margin-left: 30px;
}
.sg-list2{
	color:black; 
	font-size:13px; 
	margin-left: 30px;
}
.sg-list3{
	color:#5BC0DE; 
	font-size:13px; 
	margin-left: 30px;
}
.sg-filter{
	font-size:25px;
	margin-left:30px;
}
.sg-btn{
	 font-size:25px; 
	 margin-left:30px;
}

.sg-measure{
	margin-bottom: 10%;
}
.sg-measure1{
	font-size: 11px; 
	color: red;
}
.sg-measure2{
	font-size: 11px; 
	color:yellow;
}
.sg-measure3{
	font-size: 11px; 
	color:blue;
}
.top-title{
	background: #871619;
	width: 23%;
	font-size: 11px;
	margin-left: 75%; 
	border-radius: 5px;
}
.top-title:hover{
	color: #ffff00;
}
.has-viewed-true b{
	color: #3D961A;
	font-size: 15px;
}
.has-viewed-true{
	color: #177EE5;
	font-size: 15px;
}
.has-viewed-false b{
	color: #FE002A;
	font-size: 15px;
}
.has-viewed-false{
	color: #177EE5; 
	font-size: 15px;
}
.has_viewed-override{
	color: blue;
}
/* Style The Dropdown Button */
.dropbtn {
    color: black;
    padding: 16px;
    border: none;
    cursor: pointer;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    font-size: 12px;
}
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: white;
}
/* Timeline */
.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
} 
.cbp_tmtimeline > li {
	position: relative;
}
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
}
.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: left;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 10px;
	color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #6cbfee;
}
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 10%;
	background: #eee;
	color: #fff;
	padding: 15px;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #eee;
}
.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #3594cb;
	border-width: 10px;
	top: 10px;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #6cbfee;
}
.cbp_tmicon-phone:before {
	content: "\e000";
}
.cbp_tmicon-screen:before {
	content: "\e001";
}
.cbp_tmicon-mail:before {
	content: "\e002";
}
.cbp_tmicon-earth:before {
	content: "\e003";
}
/*Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}
	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}
	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}
	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}
	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}
	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}
	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}