@charset "UTF-8";
.rememberme {
    margin-top: 44px;
    position: absolute;
    z-index: 1000;
}
.tooltip {
  background: #fff;
  border: 3px solid #333;
  color: #000;
  font-weight: bold;
  box-shadow: 3px 3px 3px #333;
}

.has-tip, .has-tip:hover, .has-tip:focus {
  border: none;
  color: #fff;
}

.dupemail {
  border: 3px solid black;
  background-color: yellow;
}

body {
  opacity: 1;
  transition: 0.2s opacity;
}

body.fade-out {
  opacity: 0!important;
  transition: none!important;
}
/* Hide the file input using opacity */
[type=file] {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
}

input,
[type=file] + label {
  text-align: left;
  padding: 10px;
  margin: 0;
  left: 0;
  position: relative;
}

[type=file] + label {
  text-align: center;
  top: 0.5em;
  /* Decorative */
  background: #0000cc;
  transition: background-color 300ms ease-out;
  color: #fff;
  border: none;
  cursor: pointer;
}

[type=file] + label:hover {
  background: #0000a3;
}

.top-bar-section ul li.active > a {
  background: #a0d3e8!important;
  color: #000!important;
  font-weight: bold;
}

.top-bar-section ul li > a {
  font-size: 0.9rem;
}

.clubmessage {
  background: #f2f2f2;
  padding: 1rem;
  min-height: 5rem;
}

.CALLSIGN-CELL, .CALLSIGN-CELL a {
  background: #FFEB3B;
  color: #000;
}

td.EMPTY-CALLSIGN-CELL-0, td.EMPTY-CALLSIGN-CELL-1 {
  background: #FFEB3B;
  padding-left: 0;
  padding-right: 0;
}

td.EMPTY-CALLSIGN-CELL-1 {
  border-right: 1px solid #fff;
  padding-left: 0;
  padding-right: 0;
}

td.EMPTY-CALLSIGN-LAST-CELL:last-child {
  border-left: none;
}

td.EMPTY-CALLSIGN-LAST-CELL {
  background: #333;
  padding-left: 0;
  padding-right: 0;
  border-left: 1px solid white;
}

.DATE-ROW {
  font-size: 100%;
  padding: 3px;
  padding-top: 16px;
  text-align: center;
  background: #FFEB3B;
  color: #000;
  font-weight: bold;
}

.BOTTOM-ROW {
  background: #333;
}

.END-ROW-CELL {
  background: #FFEB3B;
  padding: 0;
}

.invite .accordion-navigation > a:nth-child(1) {
  background: #FFC107;
  color: #fff;
  font-weight: bold;
}

.switch {
  float: left;
  margin-right: .5rem;
}

.switch + label {
  line-height: rem-calc(34);
}

.switch-on {
  position: absolute;
  left: -50px;
  top: 9px;
  color: white;
  font-weight: bold;
  font-size: 9px;
}

.switch-off {
  position: absolute;
  left: -20px;
  top: 9px;
  color: white;
  font-weight: bold;
  font-size: 9px;
}

.range-slider {
  margin-top: 0.7rem;
}

.messtitle-small {
  font-size: 18px;
}

.toprow {
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 0px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.bottomrow {
  font-size: 13px;
  color: #333;
  padding-right: 5px;
  background: #FDFBEF;
  margin-bottom: 8px;
  max-height: 150px;
  overflow: hidden;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.clubnews {
  background: #e6f5ff;
}

.clubnewsrow {
  background: #1aa3ff;
  color: #fff;
}

.orange {
  background: orange;
  color: #fff;
}

.red {
  background: #C00;
  color: #fff;
}

.blue {
  background: #00c;
  color: #fff;
}

.gray {
  background: gray;
  color: #fff;
}

.green {
  background: #339966;
  color: #fff;
}

.acimage {
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
}

.acinfo {
  padding-left: 10px;
  padding-top: 5px;
  height: 150px;
}

.acinfo p {
  font-size: 90%;
}

.date {
  font-size: 12px;
  color: #666;
}

.author {
  font-size: 12px;
  color: #000;
  font-style: italic;
}

.acmessage {
  padding-top: 5px;
  padding-left: 10px;
  height: 150px;
}

.acmessage p {
  font-size: 90%;
}

.clubnews {
  padding-top: 5px;
  padding-left: 10px;
  height: 150px;
}

.clubnews p {
  font-size: 100%;
}

.right-bottom {
  float: right;
  position: absolute;
  bottom: 0;
  right: 10px;
  margin-bottom: 10px;
}

.EVEN_ROW {
  background: #efefef;
}

.file-upload {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}

.file-upload input.file-input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.padding-left-right {
  padding-left: 1.9rem;
  padding-right: 1.9rem;
}

.margin-top {
  margin-top: 20px;
}

.padding-top-bottom {
  padding-top: 10px;
  padding-bottom: 10px;
}

.HEADLINE-BOX {
  background: #fff;
  color: #000;
  padding: 1rem;
}

.sub-nav {
  background-color: #f2f2f2;
  padding: 10px 10px 10px 0;
  margin-top: 10px;
}

.NO_INSTRUCTOR {
  background-color: #9E9E9E;
  border: 0;
  padding: 0;
  line-height: 1px;
}

.HIGHLIGHT {
  background-color: rgba(25, 163, 255, 0.3);
}

.TOP_INFO {
  font-size: 90%;
  line-height: 160%;
}

.BUTTON_XTRA_TINY {
 	background-color: #C00;
  color: #fff;
  padding: 2px 5px 2px 5px;
}

.BUTTON_XTRA_TINY_BLUE {
	background-color: #00C;
  color: #fff;
  padding: 2px 5px 2px 5px;
}

a.BUTTON_XTRA_TINY:hover {
  background-color: #f00;
  color: #fff;
}

.PADDED_NAV {
  padding: 2px;
  border: 3px solid #fff;
}

.LEGEND {
  border: 0;
  background-color: #fff;
}

#FILE_UPLOAD {
  display: none;
}

.AIRCRAFT_TYPE {
  cursor: pointer;
}

.GROUNDED_BUTTON {
  background-color: #000;
  color: #fff;
}

.ALERT_BUTTON {
  background-color: #C00;
  color: #FFF;
}

.WARN_BUTTON {
  background-color: #F90;
  color: #FFF;
}

.ICON {
  font-size: 1.5rem;
  font-weight: normal;
  width: 35px;
}

.HELP_ICON {
  padding-top: 5px;
}

.INFO_ICON {
  padding: 0 7px 0 7px;
  color: #FFF;
  background-color: #00C;
}

.ICON_ALERT {
  color: #C00;
}

.ICON_WARN {
  color: #F60;
}

.ICON_GROUNDED {
  color: #000;
}

.ICON_LOW {
  color: #00C;
}

.ICON_GROUNDED {
  color: #000;
}

.PADDING {
  padding-left: 10px;
  padding-right: 10px;
}

.NO_MARGIN_BOTTOM {
  margin-bottom: 2px;
}

#MODAL {
  cursor: pointer;
}

.BOOK_LISTING {
  font-size: 90%;
  padding: 10px;
}

.TABLE_HEADING {
  font-weight: bold;
}

.BOTTOM_LINE {
  border-bottom: 1px solid #ccc;
}

.prefix.DATES_TIME_BOX {
  background-color: #fff;
  padding-bottom: 40px;
  padding-top: 10px;
}

.DAY_WEEK_BUTTON_BOX {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
}

.MEDDELANDEN_TOP {
  width: 100%;
  background-color: #00C;
  color: #FFF;
  font-weight: bold;
  margin: 0;
  padding: 10px;
}

.AIRCRAFT_MESSAGE {
  padding: 10px;
}

.AIRCRAFT_MESSAGE_LISTING {
  padding: 10px;
  padding-bottom: 0;
  background-color: #efefef;
  margin-bottom: 10px;
}

.AIRCRAFT_MESSAGE .MEDDELANDEN_BOT {
  padding: 10px;
  display: none;
}

.MESSAGE_TABLE {
  border: 0;
  padding: 0;
}

.AIRCRAFT_INFO {
  padding: 10px;
}

.FORM_PADDING {
  padding: 10px;
}

.CLUB_INFO {
  padding: 5px;
  background-color: #efefef;
}

.CLUBINFO_BOX {
  font-size: 0.8rem;
  padding-top: 0.5rem;
  margin-bottom: 1rem;
}

.DATE_SWITCH_BAR {
  padding: 10px;
  margin: auto;
}

.DATES_TIME_BOX {
  font-weight: bold;
  background-color: #FFF;
  border: 0;
}

.BOX_PADDING {
  padding: 10px;
}

.DAGLIGEN_TOP_BOX {
  margin-top: 20px;
}

.FOOTER_LEGEND {
  font-size: 70%;
  padding: 0.5rem!important;
}

.FOOTER_LEGEND .TOOL_TIP {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

.HOURS {
  text-align: center;
  font-size: 70%;
  line-height: 100%;
  background: #333;
  color: #fff;
}

.HOURS a {
  font-size: 1rem;
  font-weight: bold;
}

.EMPTY-HOURS {
  padding: 0;
}

/* Both booking tables */
table.BOOKING_TABLE, table.BOOKING_TABLE_VERTICAL {
  border: 5px solid #333;
}

table.BOOKING_TABLE_VERTICAL td.TD_EMPTY, table.BOOKING_TABLE td.TD_EMPTY {
  padding: 0;
  box-sizing: border-box;
}

table.BOOKING_TABLE_VERTICAL td.HOURS, table.BOOKING_TABLE td.HOURS {
}
/* horizontal table */
table.BOOKING_TABLE {
  width: 100%;
}

table.BOOKING_TABLE tr.HR_MARK_ROW td.HR_MARK {
  border-right: 1px solid #fff;
  background: #333;
}

table.BOOKING_TABLE td.TD_BLANK {
  border: 0;
  padding: 0;
  background: #333;
}

table.BOOKING_TABLE tr.HR_MARK_ROW, table.BOOKING_TABLE tr.HR_MARK_ROW td {
  border: 0;
  padding: 2px;
}

table.BOOKING_TABLE td.NIGHT_FREE_BACK,
table.BOOKING_TABLE td.DAY_FREE_BACK,
table.BOOKING_TABLE td.TWILIGHT_FREE_BACK,
table.BOOKING_TABLE td.GROUNDED,
table.BOOKING_TABLE td.DAY_FREE_BACK_GROUNDED,
table.BOOKING_TABLE td.NIGHT_FREE_BACK_GROUNDED,
table.BOOKING_TABLE td.TWILIGHT_FREE_BACK_GROUNDED,
table.BOOKING_TABLE td.SCHOOL_NIGHT_FREE_BACK, 
table.BOOKING_TABLE td.SCHOOL_TWILIGHT_FREE_BACK,
table.BOOKING_TABLE td.SCHOOL_DAY_FREE_BACK,
table.BOOKING_TABLE td.SCHOOL_DAY_FREE_BACK_GROUNDED,
table.BOOKING_TABLE td.SCHOOL_NIGHT_FREE_BACK_GROUNDED,
table.BOOKING_TABLE td.SCHOOL_TWILIGHT_FREE_BACK_GROUNDED {
  padding: 0.18rem;
  width: 9px;
}

/* Vertical Table */
table.BOOKING_TABLE_VERTICAL {
  margin-top: 10px;
  border-collapse: inherit;
  width: 100%;
}

td.VERTICAL_HOUR {
  box-sizing: border-box;
  padding: 0;
  font-size: 70%;
  font-weight: bold;
  text-align: center;
}

td.HOURS {
  padding: 2px;
  width: 32px;
}

table.BOOKING_TABLE_VERTICAL td.NIGHT_FREE_BACK,
table.BOOKING_TABLE_VERTICAL td.DAY_FREE_BACK,
table.BOOKING_TABLE_VERTICAL td.TWILIGHT_FREE_BACK,
table.BOOKING_TABLE_VERTICAL td.GROUNDED,
table.BOOKING_TABLE_VERTICAL td.DAY_FREE_BACK_GROUNDED,
table.BOOKING_TABLE_VERTICAL td.NIGHT_FREE_BACK_GROUNDED,
table.BOOKING_TABLE_VERTICAL td.TWILIGHT_FREE_BACK_GROUNDED, 
table.BOOKING_TABLE_VERTICAL td.SCHOOL_NIGHT_FREE_BACK, 
table.BOOKING_TABLE_VERTICAL td.SCHOOL_TWILIGHT_FREE_BACK,
table.BOOKING_TABLE_VERTICAL td.SCHOOL_DAY_FREE_BACK,
table.BOOKING_TABLE_VERTICAL td.SCHOOL_DAY_FREE_BACK_GROUNDED,
table.BOOKING_TABLE_VERTICAL td.SCHOOL_NIGHT_FREE_BACK_GROUNDED,
table.BOOKING_TABLE_VERTICAL td.SCHOOL_TWILIGHT_FREE_BACK_GROUNDED {
  padding: 0;
}

/* end vertical table */ 

.FORM_TITLE {
  font-size: 16px;
  font-weight: bold;
  color: White;
  background: #0000CC;
  padding: 10px;
  padding-left: 5px;
}

.FORM_TITLE .column, .FORM_TITLE .columns {
  padding-left: 8px!important;
  vertical-align: bottom;
}

.FORM_TITLE_ADMIN {
  font-size: 16px;
  font-weight: bold;
  color: White;
  background: #0000CC;
  padding: 10px;
  padding-left: 5px;
}

.FORM_TITLE_ADMIN .column {
  padding-left: 8px;
  vertical-align: bottom;
}

.PILOT {
  font-size: 100%;
}

.STANDARD_BACKGROUND {
  background-color: #333;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.WHITE_BACKGROUND {
  background-color: #FFFFFF;
  border: 0;
  padding: 0;
}

.BLACK_BACKGROUND {
  background-color: #000000;
  border: 0;
  padding: 0;
}

.RED_BACKGROUND {
  background-color: red;
  border: 0;
  padding: 0;
}

.UNFREE_BACKGROUND {
  background-color: #e5477f;
  cursor: pointer;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.OTHER_SCHOOL_BACKGROUND {
  background-color: #fff56d;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.OTHER_BACKGROUND {
  background-color: #f48385;
  cursor: pointer;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.OWN_SCHOOL_BACKGROUND {
  background-color: #faaa5f;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.OWN_SLOT_BACKGROUND {
  background-color: #5BEA4B;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.NIGHT_FREE_BACK {
  background-color: #67b6ff;
  cursor: pointer;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.TWILIGHT_FREE_BACK {
  background-color: #9dd0ff;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.DAY_FREE_BACK {
  background-color: #c5e3ff;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

/* NYA FÖR RESERVERING AV SKOLPLAN */
.SCHOOL_NIGHT_FREE_BACK {
  background-color: #7576AB;
  cursor: pointer;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.SCHOOL_TWILIGHT_FREE_BACK {
  background-color: #BADDAB;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.SCHOOL_DAY_FREE_BACK {
  background-color: #DCDDAB;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.SCHOOL_DAY_FREE_BACK_GROUNDED {
  background-color: #CCCCCC;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.SCHOOL_NIGHT_FREE_BACK_GROUNDED {
  background-color: #666666;
  cursor: pointer;
  color: white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.SCHOOL_TWILIGHT_FREE_BACK_GROUNDED {
  background-color: #999999;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.GROUNDED {
  color: white;
  font-weight: bold;
  background-color: #000000;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.DAY_FREE_BACK_GROUNDED {
  background-color: #CCCCCC;
  cursor: pointer;
  border-right: 1px solid white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.NIGHT_FREE_BACK_GROUNDED {
  background-color: #666666;
  cursor: pointer;
  color: white;
  border-right: 1px solid white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.TWILIGHT_FREE_BACK_GROUNDED {
  background-color: #999999;
  cursor: pointer;
  border-right: 1px solid white;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.callout-card {
  background: white;
  border: 1px solid #333;
  margin: 5px 0;
  overflow: hidden;
}

.callout-card .card-label {
  border-color: transparent #333 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #333333 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.primary {
  border-color: #446cb3;
}

.callout-card.primary .card-label {
  border-color: transparent #446cb3 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #446cb3 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.secondary {
  border-color: #adb2bd;
}

.callout-card.secondary .card-label {
  border-color: transparent #adb2bd transparent transparent;
  border-color: rgba(255, 255, 255, 0) #adb2bd rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.info {
  border-color: #89c4f4;
}

.callout-card.info .card-label {
  border-color: transparent #89c4f4 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #89c4f4 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.alert {
  border-color: #f22613;
}

.callout-card.alert .card-label {
  border-color: transparent #f22613 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #f22613 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.success {
  border-color: #87d37c;
}

.callout-card.success .card-label {
  border-color: transparent #87d37c transparent transparent;
  border-color: rgba(255, 255, 255, 0) #87d37c rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card.warning {
  border-color: #f89406;
}

.callout-card.warning .card-label {
  border-color: transparent #f89406 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #f89406 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.callout-card .card-label {
  border-style: solid;
  border-width: 0 70px 40px 0;
  float: right;
  height: 0px;
  width: 0px;
  transform: rotate(360deg);
}

.callout-card .callout-card-content {
  padding: 0.5rem 0.8rem 0.875rem;
}

.callout-card.radius {
  border-radius: 0.6rem;
}

.callout-card .label-text {
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  position: relative;
  right: -40px;
  top: 2px;
  white-space: nowrap;
  transform: rotate(30deg);
}

.circle {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  background: #333;
  text-align: center;
  line-height: 30px;
  margin: auto;
  color: #fff;
  font-weight: bold;
	/* width and height can be anything, as long as they're equal */
}

@media only screen and (max-width: 440px) {

	.DATE-ROW {
		font-size: 65%!important;
	}	

}