h1,h2 {
    font-weight: bold !important;
    color: #006D98 !important;}
div.cruise-background {
    background-color: #e7ffff;}
.vertcenter {
    vertical-align: middle !important;
}
input.longinput {
    width: 100% !important;}
input.dateinput {
    width: 90px !important;}
.btn-outline-danger {
    color: red;}
.indent {padding-left:30px;}
.nodisplay {display:none;}

/* Disable limit box display in cruise list footer, as it doesn't work */
div.limit {
    display: none;}

.view-cruises .js-stools-container-filters{
    display:flex !important;}

.highlight-boats, .highlight-status {
    background-color: #d0ffd0;}
.highlight-status {
    font-weight: bold;}
.cruise-boilerplate {
    font-weight:bold;
    font-style:italic;}
.cruise-warning {background-color:#ffd0d0;}
.cruise-outline {
    border-width: thin;
    border-style: solid;
    padding: 5px;
    box-shadow: -3px -3px 3px #dddddd;
}
.notification-warning {display: none;
    background-color: #ffffc0;}
.cruise-signup-status {
    font-weight:bold;}
.cruise-edit-signup{
    background-color: #d0ffd0;}
.cruise-user-signup {
    background-color: #d0ffd0;}
.cruise-signup-status-open {
    background-color: #d0ffd0;}
.cruise-signup-status-past-lottery, .cruise-signup-warning {
    background-color: #ffffc0;}
.cruise-signup-status-closed {
    background-color: #ffd0d0;}
.cruise-version-info {
    font-style: italic;
    text-align:right;}
.cruiseboat {
    border: solid thin;}
.cruiselistitem1nosignup td {
    border-top: solid thin;
    background-color: #ffd0d0;}
.cruiselistitem2nosignup td {
    border-bottom: solid thin;
    background-color: #ffd0d0;}
.cruiselistitem1signup td {
    border-top: solid thin;
    background-color: #d0ffd0;}
.cruiselistitem2signup td {
    border-bottom: solid thin;
    background-color: #d0ffd0;}
.cruiselistitem1endlottery td {
    border-top: solid thin;
    background-color: #ffffc0;}
.cruiselistitem2endlottery td {
    border-bottom: solid thin;
    background-color: #ffffc0;}
#cruiselist {
    border-width: thin;
    border-style: solid; 
    background-color: #e7ffff;}
.cruiselistheader1 {
    font-weight: bold;}
.cruiselistheader2 {
    font-weight: bold;}
.cruiselistdestination {
    width: 200px;}
.cruiselistskipper {
    width: 150px;}
.cruiselistend {
    width: 150px;}
.cruiselistcrew {
    width: 75px;}
.cruiselistboats {
    width: 200px;}
.cruiselistcrewitem {
    text-align: center;}
.cruiselistrow {
    width: 40px;}
hr.cruiseseparator {
    border-style: solid;
    border-width: 1px;
    border-color: blue;}

.cruiseuserstatus {
    background-color: #d0ffd0;}
.cruisesignup {
    background-color: #d0ffd0;}
.cruiseinfotab {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;}
.cruise-open-signup {
    display:flex;
    align-items: center;}
.signupformerror {
    background-color: #ffd0d0;}
.cruiseformitem {
    border: solid thin;}
.cruiseformdata {
    border: solid thin;}
.crewlistheader{
    font-weight:bold;
    border: solid thin;}
.crewlistheader1{
    font-weight:bold;
    border-top: solid thin;
    border-right: solid thin;
    border-left: solid thin;}
.crewlistheader2{
    font-weight:bold;
    border-bottom: solid thin;
    border-right: solid thin;
    border-left: solid thin;}
.crewlistitem  td {
    border: solid thin;}
.crewlistitemcenter {
    text-align: center;}

.cruise-oneline-container {
    display: flex;}
.cruise-oneline-item{
    display: inline-block;
    margin: 5px;}
.cruise-selectsignup th {padding-right: 15px;}
.cruise-signup-signedup {background-color: #CCFFFF;}
.cruise-signup-key {padding-left: 5px;}
.cruise-signedup {background-color: #CCFFFF;}

.editcruisefieldname {
    font-weight: bold;}
.editcruisesubmitname {
    font-weight: bold;
    float: left;}
.editcruisesubmitbutton {
    float: left;}
.editcruiseseparator {
    clear: both;}
.editboatheader {
    font-weight: bold;
    border: solid thin;}
.editboatheadersmall {
    font-weight: bold;
    border: solid thin;}
.editboat {
    border: solid thin;}
.editboatsmall {
    border: solid thin;}
.boatedit-boat {
    border-top-style:solid;border-width:1px;}
.td-label {
    font-weight: bold;
    vertical-align: middle;}
.td-divider {
    border-top-style: solid;
    border-top-width: thin;}
.td-input {width: 40% !important;}
.textinput {
    width: 80% !important;
    padding: 4px !important;
    border: 1px !important;
    margin-left: 4px !important;
}
.boatedit_button {
    width: 100% !important;
    padding-top: 4px;
    color: red;
}
#cruiseparamerror {
    font-weight: bold;
    background-color: #ffd0d0;}
#operationOK {
    font-weight: bold;
    background-color: #d2fcd6;}
.selskippernameheader {
    font-weight: bold;
    border: solid thin;}
.selskippername {
    border: solid thin;}
.selskipperbutton {
    border: solid thin;}
#csccruiseversion {
    text-align: right;}
.emailwarning {
    background-color: #ffffc0;}
.emailerror {
    background-color: #ffd0d0;}
.input-append {
    vertical-align: middle;}
.cruisecancel {
    background-color: #ffd0d0;}
#removecruiser {
    text-align: center;}
#rl_modals_loaded_content {
    background-color: #f4f4f4;}
.validationerror {
    background-color: #ffd0d0;}
.selectmemberheader {
    background-color: #ABCBEB;
    border-width: 2px;
    border-style: solid;
    border-color: #aaaaaa}


#cruise-edit-background {
    background-color: #def2fc;}
#crewlistForm input {
    background-color: #e7faff;}
#cruise-edit-background:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;}
.crewlist-print {float:right;}
.width-min {
    width:3%;}
.width-1 {
    width:10%;}
.width-2 {
    width:20%;}
.width-3 {
    width:30%;}
.width-4 {
    width:40%;}
.width-5 {
    width:50%;}
.width-6 {
    width:60%;}
.width-7 {
    width:70%;}
.width-8 {
    width:80%;}
.width-9 {
    width:90%;}
.width-10 {
    width:100%;}
.item-center {
    text-align: center;}
.item-hidden {
    display:none;}
.center-on-input {
    padding-top: 8px;}
.button_transparent {
    background: transparent;
    border: none;}

.cruise-section {
    border-width: thin;
    border-style: solid;
    padding: 5px;
    margin-left:8px;
    border-radius: 10px;
    box-shadow: -3px -3px 3px #dddddd;
    float: left;
}
.cruise-info-section {
    background-color: #c8fce8;
    padding-left: 5px;
}
.cruise-boat-section {
    background-color: #dfe2f5;
    padding-left: 5px;
}
#boat-template {
    display: none;}
#edit-cruise-information {
    border-width: thin;
    border-style: solid;
    padding: 5px;
    border-radius: 10px;
    box-shadow: -3px -3px 3px #dddddd;
    width: 98%;
    margin-left: 8px;
}
#edit-boat-buttons, #edit-cruise-information {
    clear: both;
    padding: 2%;
}
#add-boat-button span {
    font-size: 12px;
    font-weight: bold;}
.user-search {
    display: table-cell;
    align-items: center;
    height: 50px;
    border: 1px solid #2384d3;
    padding-left: 8px;
    padding-right: 8px;
}
input#searchnameinput{
    margin: 8px;}
.label-input-text {
    display: flex;
    align-items: center;}
input.input-text, .input-text{
    margin: 8px;}
.icon-white:before {color:white !important;}

.fa-backspace {
    color: red !important;}
.fa-user-slash, .fa-users-slash {
    color: white !important;}