body {
	margin: 0 !important;
	padding: 0 !important;
	
}

#movement {
  margin-top: 30px !important;
}


#modal-size {
  width: 70% !important;
  height: 300px !important;
  margin:auto !important;
}


.p_body {
	font-size: 12px !important;
	font-family: Frutiger_45_Light;
	color: gray;
}

.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}

.navbar-brand > img {
  max-height: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}


#nav-bar-design {
	border-radius:none;
	border: none;
	box-shadow: 4px 1px 4px 3px #b3b3b3 !important;
	background-color: #162e4d !important;
}

input.transparent-input{
 background-color:#2f4357 !important;
 border: none;
 border-bottom:3px solid #162e4d;
 border-right: 3px solid #162e4d;
}
input[type=text] {
 color:black;
 font-family: frutiger;
}

input {
 height: 40px !important;
 font-size:12px !important; 

}


#image-format {
	background-repeat: no-repeat;
	background-position: center;

}

.circles {
	border-radius:50%;
	border: 2px solid yellow;
	margin-top: -20px;
}

.tab-content {
  display:none;
}


.active a {
	background-color: #eda900 !important;
	-webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%) !important;
  font-size: 12px !important;
  font-weight: 350 !important;
  color: #002D55 !important;
  width: auto;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 20px;
}

.section-image {
	background-color: #2f4357  !important;
	height: 300px !important;
}

.colorgraph {
  margin-top: -5px;
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  width: 100%;
  position: relative;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
}

.page-header h1 {
  font-size: 23px;
  color: #02466D;
}