@font-face{ 
  font-family: 'weather';
  src: url('inc/artill_clean_icons-webfont.eot');
  src: url('inc/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
       url('inc/artill_clean_icons-webfont.woff') format('woff'),
       url('inc/artill_clean_icons-webfont.ttf') format('truetype'),
       url('inc/artill_clean_icons-webfont.svg#webfont') format('svg');
}
.btn-grp {
  margin-top: 15px;
}

.btn-grp1 {
  margin-top: 5px;
}

.btn-grp2 {
  margin-top: 25px;
}

.btn-warning {
  height: 28px !important;
}

.btn-warning2 {
  height: 34px !important;
}

.btn-warning3 {
  height: auto !important;
}

.btn-danger.notselected {
  background-color: #E4B3B1 !important;
  border-color: #E4B3B1 !important;
}

.btn-warning.notselected {
  background-color: #E6C99F !important;
  border-color: #E6C99F !important;
}

.btn-success.notselected {
  background-color: #B8CCB8 !important;
  border-color: #B8CCB8 !important;
}

.own_label {
  font-weight: 700;
  font-size: 14px;
}

.smalltxt {
  font-size: 12px !important;
}

.alert-black {
  background-color: #3A3A3A !important;
  border-color: #000 !important;
  color: #FFF !important;
}

.alert-grey {
  background-color: #87888a !important;
  border-color: #4f4f4f !important;
  color: #FFF !important;
}

.list-item-info {
  background-color: #5BC0DE !important;
  color: white !important;
}

.list-item-danger {
  background-color: #D9534F !important;
  color: white !important;
}

.list-item-warning {
  background-color: #F0AD4E !important;
}

.well-feedback {
  padding-bottom: 5px !important;
  padding-top: 10px !important;
  background-color: rgb(250,260,0);
}

.well-success {
  background-color: #DFF0D8;
}

.well-danger {
  background-color: #F2DEDE;
}

.well-header {
  background-color: #000000;
}

#goodbutton.active {
  background-color: #5CB85C !important;
}

#badbutton.active {
  background-color: #D9534F !important;
}

#footer {
  height: 50px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-image: url(./img/waves.png);
  background-repeat: repeat-x;
}

.logocontainer {
  width: 100%;
  max-height: 70px;
}

.logoimg {
  height: 100%;
}

.text-red {
  color: red;
}

.text-underline {
  text-decoration: underline;
}

.text-underline a {
  text-decoration: underline;
}

.btn-grp-item-double {
  min-width: 59px;
}

.btn-grp-item-single {
  width: 118px;
}

.muchbigger {
  font-size: 3em;
  vertical-align: middle;
}

.bigger {
  font-size: 2em;
  vertical-align: middle;
}

.bigger2 {
  font-size: 1.4em;
  vertical-align: middle;
}

.bigger3 {
  font-size: 1.2em;
  vertical-align: middle;
}

.text-middle {
  vertical-align: middle;
}

.text-left {
  text-align: left !important;
}

.weatherback {
  font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background: #428BCA;
}

#weather {
  width: auto;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 150px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}

.secondi {
  color: #000;
  font-family: weather;
  font-size: 30px !important;
  font-weight: normal;
  font-style: normal;
  line-height: 0.3 !important;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 100px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  margin: 10px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}

.list-group-item-linkable:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
    cursor: pointer;
}

#typer {
  font-size: 1.5em;
  font-weight: 200;
}

.bg-warning-imp {
  background-color: #FCF8E3 !important;
}

.bg-success-imp {
  background-color: #DFF0D8 !important;
}

.bg-danger-imp {
  background-color: #F2DEDE !important;
}

.bg-lightblue-imp {
  background-color: #CFFFFC !important;
}

.bg-lightyellow-imp {
  background-color: #FFF9CF !important;
}

.ppic {
  z-index: 99;
}

.boatdroppable, .justdroppable {
  background-image: url(./img/boat_seat.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  min-width: 50px;
}

.persondraggable {
  z-index: 100;
  border: 2px solid #f00;
}

.persondraggable.ui-draggable-dragging {
  z-index: 101;
}



.nolongeravailable2 {
  border: 2px solid #00f;
}

.saved {
  border: 2px solid #0f0;
}

.nolongeravailable {
  border: 2px solid #00f;
}

.drag2 {
  z-index: 100;
}

.drag2.ui-draggable-dragging {
  z-index: 101;
}

.boat {
  background-image: url(./img/boat_seat.png);
  background-repeat: no-repeat;
  width: 50px;
  min-width: 50px;
}

.rounded {
  border-radius: 5px;
}

.persondraggablex {
  z-index: 100;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(./img/ripple.gif) center no-repeat #fff;
}

.well-white {
  background-color: #fff;
}

.collapse {
  display: none !important;
}

.collapse.in {
  display: block !important;
}

.bg-grey {
  background-color: #c9c9c9;
}

.bg-red {
  background-color: #f00 !important;
}

.glympse_iframe {
  width: 100%;
  height: 500px;
}

.text-white {
  color: #fff !important;
}

.fade-transitions {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.table-centered th {
  text-align: center;
}

.table-centered td {
  text-align: center;
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: 0px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: 0px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.bg-yellow-colblack {
  background-color: #ff0 !important;
  color: #000 !important;
}

.bg-green {
  background-color: #0f0 !important;
}

.progress-fbk {
  height: 6px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.item-persons {
  z-index: 100;
}

.item-persons.ui-draggable-dragging {
  z-index: 101;
}

/* Keep legacy and newly uploaded profile photos square without distortion. */
img[alt="Profile Img"],
img[src*="img/persons/"] {
  width: 100px;
  height: 100px;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

img[alt="Profile Img"][height="28"],
img[src*="img/persons/"][height="28"] {
  width: 28px;
  height: 28px;
}

img[alt="Profile Img"][height="40"],
img[src*="img/persons/"][height="40"] {
  width: 40px;
  height: 40px;
}

img[alt="Profile Img"][height="50"],
img[src*="img/persons/"][height="50"] {
  width: 50px;
  height: 50px;
}

img[alt="Profile Img"][height="75"],
img[src*="img/persons/"][height="75"] {
  width: 75px;
  height: 75px;
}

img[alt="Profile Img"][height="100"],
img[src*="img/persons/"][height="100"] {
  width: 100px;
  height: 100px;
}