/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
html {
  background: #006AFA;
}
body {
  margin-top: 0 !important;
}
a.logo {
  margin: 0;
  padding-right: 0 !important;
}
header#navbar {
  background: #006AFA;
  color: #FFF;
  padding-left: 0;
  margin: 0;
}
header#navbar a {
  color: #FFF;
}
a.navbar-brand {
  display: none;
}
.navbar-nav > li > a {
  line-height: 44px;
  padding: 10px 15px;
}
.navbar-nav > li.active > a.is-active {
  background: #F2F6FB;
  border-bottom: 1px solid #FFF;
  margin-bottom: -1px;
  color: #000 !important;
}
.navbar-nav > li:hover > a {
  color: #FFF;
  background: #FF9016 !important;
}
footer.footer {
  background: #006AFA;
  color: #FFF;
}

h1.page-header {
  margin: 0 -15px 15px;
  color: #000;
  padding: 15px;
  background: #F2F6FB;
  border-bottom: 1px solid #006AFA;
}
.label {
	color: #333;
}
label {
  display: block;
}
form {
  max-width: 1100px !important;
  margin: 1em auto;
}
form > .form-item:first-of-type {
  margin-top: 2em;
}
.panel {
  margin: 2em 0;
}
.panel .panel-heading {
  background: #006AFA;
  color: #FFF;
  border-radius: 3px 3px 0px 0px
}
.panel .panel .panel-heading {
  background: #f5f5f5;
  color: #333;
}
.btn {
  background: #006afa;
  color: #FFF;
}
.btn:hover {
	color: #FFF;
	background: #285fa8;
}
a.preview-csv {
	float: right;
}
.preview-csv span {
	margin-right: 5px;
}
#edit-weather-fs div.form-item {
  margin: 0;
  max-width: 100%;
}
#edit-weather-fs div.form-type-textfield {
  display: inline-block;
  width: 300px;
}
#edit-signature-fs + input + #tools {
  margin: -1em 0 1em;
  text-align: right;
}

#edit-empsignature-fs + input + #emptools {
  margin: -1em 0 1em;
  text-align: right;
}

#edit-supsignature-fs + input + #suptools {
  margin: -1em 0 1em;
  text-align: right;
}
.form-type-radio label.control-label {
  padding: 7px;
  margin: 0 10px 0 30px;
  border: 1px solid transparent;
}
.form-type-radio label.control-label input {
  margin: 0 10px 0 0;
  position: static;
  vertical-align: middle;
}
.form-type-radio label.control-label:focus-within {
  background: #FFF;
  border-radius: 5px;
  animation-name: tapped;
  animation-duration: 2s;
}
@keyframes tapped {
  from {background-color: #F2F6FB;border-color: #006afa;box-shadow: 0 0 3px #006afa;}
  to {background-color: transparent;border-color: transparent;box-shadow: 0 0 0 #FFF;}
}
.btn-danger {
  background-color: #FF0000;
}
.btn + .btn {
  margin-left: 1em;
}
button.selected-page {
  background: #000 !important;
  cursor: default;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
@media (max-width: 767px) {
	.navbar-nav {
	  margin: 0 !important;
	  padding-left: 15px;
	}
	#navbar-collapse {
	  padding: 0 !important;
	}
	.navbar-nav li {
	  border-bottom: 1px solid #FFF;
	}
	.navbar-nav a {
	  display: block;
	  padding: 20px;
	  line-height: 1em;
	}
}
#logindialog {
  background: #006afa;
}
#logindialog footer {
	border-width: 0;
}
#loggedout {
  width: 500px;
  margin: 50px auto;
  background: #FFF;
  box-shadow: 0 0 20px rgba(0,0,0,.5);
}
img {
	max-width: 100%;
}
#logindialog div.logo {
  padding: 20px 0 10px;
  text-align: center;
  background: #F2F6FB;
}
#logindialog div.logo img {
  height: 180px;
  border: 2px solid #000;
  padding: 5px;
}

.view-my-projects .views-field-title {
  font-weight: bold;
}
.view-my-projects td {
  border-top: 1px solid #000 !important;
}
.view-my-projects thead th {
  background-color: #006AFA;
  color: #FFF;
}
ul.project-action {
  column-width: 200px;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
.view-my-projects td ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.view-my-projects td ul li {
  padding: 2px;
  margin: 0;
  flex-grow: 1;
  min-width: 25%;
}
.view-my-projects td ul li a {
  display: block;
  padding: 5px;
  background: #006AFA;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #000;
}
.view-my-projects td ul li a:hover {
  background: #000;
}

.view-my-projects td:first-child {
	min-width: 200px;
}

.view-my-projects td ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.views-field-field-available-forms ul li {
  padding: 2px;
  margin: 0;
  flex-grow: 1;
  min-width: 150px;
}
.views-field-field-available-forms ul li a {
  display: block;
  padding: 10px;
  background: #006AFA;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #000;
}
.views-field-field-available-forms ul li a:hover {
  background: #000;
}
@media (max-width: 600px) {
  .view-my-projects thead {
    display: none;
  }
  .view-my-projects table,
  .view-my-projects tbody,
  .view-my-projects tr,
  .view-my-projects td {
    display: block;
    border-width: 0;
  }
  .view-my-projects tr {
    margin: 10px 0;
  }
  .view-my-projects td:first-child {
  }
}

.preview-csv a{
  float: right;
}
#paramount-form button#edit-set-project {
	display: none;
}