.bg-black {
  background:#222;
}

.bg-primary {
  background:#1D5678;
}

.bg-secondary {
  background:#cdecff;
}

.no-padding {
  padding:0px;
}
.padding-x-10 {
  padding:0 10px;
}
.padding-x-20 {
  padding:0 20px;
}

.no-margin {
  margin:0px;
}

.panel-default > .panel-heading {
  color:#1D5678;
  background:#cdecff;
  /*border-color:#360404;*/
}

#userlog {
  padding-top:27px;
}

.btn-log {
  color:#000;
  background:#c6d23f;
  border-color:#478a93;
  width:143px;
}

.font-primary {
  color:#1D5678;
}

.padding-10 {
  padding:10px;
}

input.form-control.no-margin {
  margin:-4px;
}

.table-xs {
  width:6.67%;
}

.table-s {
  width:13.34%;
}

.table-m {
  width:20.01%;
}

.table-l {
  width:26.68%;
}

.font-small {
  font-size:12px;
}

input.searchbar {
  margin:10px;
  padding:5px;
  border-radius:20px;
}

#logout {
  display:inline;
}

.display-inline {
  display:inline;
}

.width-half {
  width:50%;
}

.text-area {
  height:200px;
  min-height:200px;
  margin-bottom:15px;
}

.margin-10 {
  margin:10px;
}

.margin-5 {
  margin:5px;
}

.margin-right-10 {
  margin-right:10px;
}

/* button.btn.btn-primary.btn-std.pull-center {
} */

.btn-std {
  width:100px;
}

.form-area {
  padding-top:10px;
  margin-bottom:25px;
}

.width-5p {
  width:5%;
}

.width-10p {
  width:10%;
}

.width-20p {
  width:20%;
}

.width-65p {
  width:65%;
}

.width-30p {
  width:30%;
}

.scroll {
  height:90vh;
  color:#1d5678 !important;
  padding-top:30px;
}

.panel-group .panel{
	margin-bottom:10px;
}

/* .strike {

} */

.padding-bottom-20 {
  padding-bottom:17px;
}

.font-white {
  color:#fff;
}

a:focus, a:hover {
  color:#0a0c0e;
  text-decoration:none;
}

#adduser, #search-user, #addnews, #general-forecast, #activity-log{
    display: none;
}


/*tideinfo*/
@media only screen and (max-width:767px){
  .tideinfo-title{
    flex-direction: column;
  }
}
.colorcodes > li{
  position: relative;
}
.colorcode::before{
  content:'';
  position: absolute;
  left: 0;
  bottom:50%;
  transform: translateY(50%);
  width:10px;
  height:10px;
  border-radius:10px;
}
.colorcode-1::before{
  background-color: #c64f4f;
}
.colorcode-2::before{
  background-color: #f0e5cf;
}
.colorcode-3::before{
  background-color: #b8d54c;
}
.colorcode-4::before{
  background-color: #eda24a;
}
.tideinfo-alert {
  margin-bottom: 0;
}
.alert-content {
  display: flex;
  align-items: center;
  width: 100%;
}