/*
 * Base structure
 */

body {
  padding-top: 60px;
  background-color:#E3E7E6;
  position:relative;
}

p{
	font-family: Arial, sans-serif;
	font-size:16px;
}

h4{
	color:#2C7D93;
	
}

h5{
	
color:#9F6164;	
	
}
.black{
	color:#000;
}

.red{
color:#B34248;
}

.yellow{
	background-color:#f5de9e;
}

.gray{
	color:#7B8D8E;
}

.green{
background-color:#F0FDF0;
border-color:#F0FDF0;

}
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.eq{
	text-indent: 15px;
	
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

.navbar-fixed-top {
  border: 0;
 
}
.navbar{
	min-height:60px;	
}

.navbar-inverse {
  background-color: #00637D;
  border-color: #ffffff;
  color:#ffffff;
}

.navbar-inverse .navbar-brand {
color: #ffffff;
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
font-size:24px;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 20px 15px;
  font-size: 20px;
  line-height: 20px;
}

.nav_icon{
	font-size:28px;
	padding-right:5px;
	
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #E3E7E6;
	background-color: transparent;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #00637D;
	background-color: #E3E7E6;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #333;
  background-color: #fff;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
  background-color:#B34248;

}

/* Sidebar navigation */
.nav-sidebar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px;
  padding-top:30px;
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  background-color:#B34248;
   
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color:#fff;
  
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #B34248;
  background-color: #E3E7E6;
}
.nav-sidebar > li > a:hover {
  
   background-color:#E3E7E6;
   color:#B34248;
  
}


/*
 Box Styles
-------------------------
*/
.box {
	position:relative;
	background: #ffffff;
	border-top: 2px solid #B34248;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 98%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .box-header {
	position: relative;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 0px solid #f4f4f4;
	color: #444;
	padding-bottom: 10px;
	width: 100%;
}
.box .box-header:before,
.box .box-header:after {
  display: table;
  content: " ";
}
.box .box-header:after {
  clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
  display: inline-block;
  padding: 10px 0px 10px 10px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  float: left;
  cursor: default;
  color:#B34248;
}
.box .box-header a:not(.btn) {
  color: #444;
}
.box .box-header > .box-tools {
  padding: 5px 10px 5px 5px;
}
.box .box-body {
	
  padding: 10px 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  line-height:1.42857143;

}
.box .box-body > table,
.box .box-body > .table {
  margin-bottom: 0;
}

.box .box-body .fc {
  margin-top: 5px;
}
.box .box-body > ul >li {
	font-size:16px;
	line-height:inherit;
	font-family:Arial, sans-serif;
}

.box .box-body > ol >li {
	font-size: 16px;
	line-height: inherit;
	font-family: Arial, sans-serif;
	width: 50%;
}


.box .box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box .box-footer {
  border-top: 1px solid #f4f4f4;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  background-color: #ffffff;
}


/*
 * Main content
 */

.main {
  padding: 20px;

}

.main .page-header {
  margin-top: 0;
  color:#214F67;
  border-bottom:none;
}


.jumbotron{
	background-color:#fff
}

ol {
	font-size:16px;
	font-weight: normal;
}


/* assignments page styles */

.timeline {
  list-style: none;
  margin: 25px 0 22px;
  padding: 0;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline:after {
  border: 6px solid;
  border-top-width: 13px;
  border-color: #00637d transparent transparent transparent;
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: 15px;
}

.timeline-horizontal:after {
  border-top-width: 6px;
  border-left-width: 13px;
  border-color: transparent transparent transparent #00637d;
  top: 15px;
  right: 0;
  bottom: auto;
  left: auto;
}
.timeline-horizontal .timeline-milestone {
  border-top: 2px solid #00637d;
  display: inline;
  float: left;
  margin: 20px 0 0 0;
  padding: 40px 0 0 0;
}
.timeline-horizontal .timeline-milestone:before {
  top: -17px;
  left: auto;
}
.timeline-horizontal .timeline-milestone.is-completed:after {
  top: -17px;
  left: 0;
}

.timeline-milestone {
  border-left: 2px solid #00637d;
  margin: 0 0 0 20px;
  padding: 0 0 5px 25px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-milestone:before {
  border: 7px solid #00637d;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  left: -17px;
  width: 32px;
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-milestone.is-completed:before {
  background-color: #00637d;
}
.timeline-milestone.is-completed:after {
  color: #FFF;
  content: "\f00c";
  display: block;
  font-family: "FontAwesome";
  line-height: 32px;
  position: absolute;
  top: 0;
  left: -17px;
  text-align: center;
  width: 32px;
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-milestone.is-current:before {
  background-color: #EEE;
}
.timeline-milestone.is-future:before {
  background-color: #00637D;
  border: 0;
}
.timeline-milestone.is-future .timeline-action .title {
  color: #00637D;
}

.timeline-action {
  background-color: #FFF;
  padding: 12px 10px 12px 20px;
  position: relative;
  top: -15px;
}
.timeline-action.is-expandable .title {
  cursor: pointer;
  position: relative;
}
.timeline-action.is-expandable .title:focus {
  outline: 0;
  text-decoration: underline;
}
.timeline-action.is-expandable .title:after {
  border: 6px solid #666;
  border-color: transparent transparent transparent #666;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
}
.timeline-action.is-expandable .content {
  display: none;
}
.timeline-action.is-expandable.is-expanded .title:after {
  border-color: #666 transparent transparent transparent;
  top: 10px;
  right: 5px;
}
.timeline-action.is-expandable.is-expanded .content {
  display: block;
}
.timeline-action .title, .timeline-action .content {
  word-wrap: break-word;
}
.timeline-action .title {
  color: #00637d;
  font-size: 18px;
  margin: 0;
}
.timeline-action .date {
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}
.timeline-action .content {
  font-size: 14px;
}

.file-list {
  line-height: 1.6;
  list-style: none;
  padding-left: 10px;
}
/*.video-link:before {
  content: "\f03d";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 5px;
}

a[href*=".pdf"]:before {
  content: "\f0f6";
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 8px;
}*/



@media (min-width: 769px) {
	
  .jumbotron{
	  margin-top:10px;
	  padding-top:30px;
	  padding-bottom:48px;
	  width:98%;}
	 .container .jumbotron{
		 padding-right:60px;padding-left:60p;}
		 .jumbotron h1,.jumbotron .h1{font-size:63px}
  
  .sidebar {
    position: fixed;
    top: 45px;
    bottom: 0;
    left: 0px;
	width:250px;/*yeni*/
    z-index: 1000;
    display: block;
     padding: 15px 20px 20px 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	text-align:left;
   /* border-right: 1px solid #eee;*/
	
  }
  
 .main {
    padding-right: 40px;
    padding-left: 50px;
  }
  
  .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 35px;
  

}
 
}



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

.navbar-nav .open .dropdown-menu {
   
    background-color: #fff;
    
  }
	
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #D94D5D;
	
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #D94D5D;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  
  .navbar-brand {
  height: 40px;
  padding: 10px 10px;
  font-size: 16px;
  line-height: 18px;
}

.main {

  width:100%;
    margin-left:0px;

}
}



@media (max-width: 467px) {
.navbar-brand {
 
  height: 20px;
  padding: 5px 5px;
  font-size: 12px;
  line-height: 24px;
}

.main {

  width:100%;
    margin-left:0px;
	padding-top:25px;

}

}