body {
	overflow-x:hidden;
	font-family:Helvetica;
}
.bg-dark {
    background-color: white !important;
}
h3{
	color:white;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.col-md-4 mb-5{
	text-align:center;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: black;
}

.navbar-dark .navbar-brand {
    color:#121c61;
	font-weight:900;
}
.navbar-inverse {
  background-color: white !important;
  border:white;
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #fd8103;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #fd8103;
}
.navbar-inverse .navbar-brand {
    color: #121c61;
	font-weight:900;
}
.navbar-inverse .navbar-nav>li>a {
    color: #121c61;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #121c61;
    background-color: transparent;
}

.navbar .form-control{
	width:50%;
	margin-top:10px;
}	

.navbar-dark .navbar-nav .nav-link {
	 color:#121c61;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fd8103;
}
.navbar-dark .navbar-nav .nav-link:hover{ 
	color:#fd8103;
}
#login_btn{
	background-color:white;
	border-color:#fd8103;
	color:#121c61;
}
#sign_btn{
	background-color:#fd8103;
	color:white;
	border-color:#fd8103;
}
.navbar-toggler{
	background-color:#fd8103;
}


#gradient_background {
    display: block;
	padding-top:50px;
	color:white;
    border: none;
    background: -webkit-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -moz-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -ms-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -o-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
}
.centered {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-20%, -50%);
  color:white;
}
#gradient_background #info_text{
	margin:15px;
}

#text_info{
	text-align:center;
	color:#121c61;
}
.card-title {
    color:white;
}
#content{
	text-align:center;
	color:#121c61;
}
.btn-info {
    color: #fff;
    background-color:white;
    border-color:white;
    margin: auto;
    display: block;
}
.btn-info:hover {
   background-color:white;
   border:none;
}
.btn-info:active {
   background-color:white;
   border:none;
}
#text_modal{
	text-align: center;
	color:#121c61;

}
 #img_modal{
	 width:300px;
 }
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: white;
    border-color: white;
}
.fa-2x {
	top: 5px;
    position: relative;	
}

#body_background{
	 background-image: url("../img/planning-image-bg.png");
	 background-color: #cccccc;
}

.table-bordered {
  border-collapse:separate;
  border-spacing:10px 10px;
  border:none;
  text-align:center;
  display:inline-block;
}​​​​​​​​​​​​​

.table-bordered tr, .table-bordered th ,.table-bordered td{
    border: 1px solid #dee2e6;
    background-color: #dee2e6;
}

.table th{
    text-align: center;
	border: 1px solid black;
}

#planning_phase{
	color:white;
	font-weight:600;	
}

#submit_plan{
	width:20%;
	float:right;
}

#info_plan{
	width:30%;
	float:left;
}
.table{
	background-color:#ddd;
}
.table, th, td {
  border: 1px solid black;
}


.btn-primary, .btn-primary:hover{
    color: #fff;
    background-color: #fd8103;
    border-color: #fd8103;
}

.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}
#modaldialog1{
	max-width:900px;
}
table {
  table-layout: fixed ;
  width: 100% ;
}
td {
  width:25% ;
}

#pop_table tr:nth-child(n+2){
	text-align:left;
}



#hr_style{
	color:#121c61;
	border-left:1px solid #000;
	height:20px;
	margin-top:10px;
}
#achieve_txt{
	
}
#grad_background{
    display: block;
	margin-top:-50px;
	padding-top:25px;
	color:white;
    border: none;
	text-align:center;
    background: -webkit-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -moz-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -ms-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: -o-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
    background: linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
}

@media only screen and (max-width: 600px) 
	{
	#hr_style{
		display:none;
	}
	
	#achieve_txt {
		position: relative;
		top: 60px;
		color: black;
	}
	#grad_background{
		display: block;
		margin-top:50px;
		padding-top:25px;
		color:white;
		border: none;
		background: -webkit-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -moz-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -ms-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -o-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
	}
	}
@media only screen and (max-width: 800px) {
	
	#grad_background{
		display: block;
		margin-top:50px;
		padding-top:25px;
		color:white;
		border: none;
		background: -webkit-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -moz-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -ms-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: -o-linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
		background: linear-gradient(-45deg,#121c61 0%,#fd8103 100%);
	}
	}