html {-webkit-tap-highlight-color:transparent;}
html, body, .screen {width:  100%; height: 100%;}
html, body {font-family: 'Roboto', 'Helvetica', sans-serif;}
html {overflow-x: hidden;}
body {margin: 0;color:rgb(15,20,25)}
body {user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
#snackbar {z-index:9999}
.ahref-nochange {font: inherit; color: inherit; text-decoration:inherit;}
@keyframes blinkingseq {
0% { opacity:.5 }
50% { opacity:.2 }
100% { opacity:.5 }
}
@-webkit-keyframes blinkingseq {
0% { opacity:.5 }
50% { opacity:.2 }
100% { opacity:.5 }
}
button:disabled {animation: blinkingseq 2000ms infinite;-webkit-animation: blinkingseq 2000ms infinite;cursor:disable;pointer-events:none;}
.demo-navigation i.fac {font-size:24px;width:56px}
.mdl-layout__drawer .demo-navigation .mdl-navigation__link.nochange:hover {background-color:transparent;color:rgba(255, 255, 255, 0.85)}
.mdl-layout__drawer .demo-navigation .mdl-navigation__link.drawer-filter:active {background-color: #00BCD4;color: #37474F;}
.mdl-layout__drawer .demo-navigation .mdl-navigation__link.sublist {padding:6px 16px 6px 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:192px;display:inline-block}
.mdl-layout__drawer .demo-navigation #drawer-sections .mdl-navigation__link.sublist:last-child {padding-bottom:16px}
#header-title-checkin .mdl-layout-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 500px}

[lang].active, .mdl-layout__drawer .demo-navigation .mdl-navigation__link.sublist.active {color:#03a9f4}
.mdl-ripple { background: #000; opacity: 0.001;}

.round {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.fading {-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
.i-plus {display:block;top:10px;right:-15px;width:20px;height:20px;position:absolute;background:url('fonts/plus_solid.svg') center/cover}
.icons-photo {margin-top:5px}
.add-extra.empty .icons-photo {margin-top:0}
.fa-40px {font-size:40px;position:relative}
.add-extra.empty .fa-40px.fa-camera {margin-right:45px}
.add-extra .fa-40px.fa-camera {margin-right:25px}
/*.add-extra .fa-40px.fa-camera, .add-extra .fa-40px.fa-image {top:-5px}*/
.add-extra.empty .fa-40px.fa-camera, .add-extra.empty .fa-40px.fa-image {top:auto}
.add-extra.images {display: flex;justify-content: space-around;flex-wrap: wrap;margin:5px 0 0;}
.fa-40px.fa-comment-alt-lines {margin:3px;display:none}
.fa-40px.fa-comment-alt-lines .i-plus {top:7px}
.add-extra {margin:10px 0 0;width:100%;order:1}
.add-extra.empty {display:inline-block;margin:10px 20px 0;width:auto;order:2}
.add-extra.empty .fa-40px.fa-comment-alt-lines {display:inline-block}
.add-extra.empty textarea {display:none}
.dialog-extra {display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin-top:20px}
.photo-item-preview {display:inline-block;width:40px;height:40px;background-position:center;background-size:cover;margin:5px}
.dialog-rate, .dialog-input {margin:15px 0 20px;text-align:center}
.dialog-input input {font-size:24px}

.ui-content {padding:0;}
.ui-page-theme-a {background-color:#fff}
.ui-checkbox {margin:0}
.ui-loader {display:none}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow:none}
.noshow {display:none !important;}

.yellow {color: #FEE100}
input.field[data-depth=waterline], input.field[data-depth=keel], input.field[data-depth=transducer], input.field[state=green], input.field.bg-green, .inputsim.bg-green {background-color:#44970C;border: 1px solid #44970C;color:#fff}
input.field[data-depth=yellow], input.field[state=yellow], div.field.bg-yellow, input.field.bg-yellow {background-color:#FEE100;border: 1px solid #FEE100;color:rgb(15, 20, 26);}
input.field[data-depth=red], input.field[state=red], input.field.bg-red {background-color:#CC0000;border: 1px solid #CC0000;color:#fff}
input.field[data-depth=grey], input.field[state=grey], input.field.bg-grey {background-color:#8B8B8B;border: 1px solid #8B8B8B;color:#fff}

.depth-set {display:flex;font-size:18px;font-family: 'Roboto Condensed', 'Helvetica', sans-serif;font-size: 18px;color:#000;margin-top:10px}
.depth-field {min-width:110px;display: flex;justify-content: center;flex-direction: column;text-align: center;}
.inputsim {border-radius: 30px;height: 30px;width:100px;line-height: 30px;}

input.switch, input.field, textarea.field, div.field {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 40px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: relative;
    vertical-align: middle;
    width: 66px;
/*    -webkit-user-select: none; fix for Safari */
    user-select: none;
}
textarea.field {width:100%;height:46px;border-radius:10px;font-size:16px;box-sizing:border-box}
textarea.field.small {font-size:12px}

input.field, span-field {text-align:center;font-size:20px}
input.switch {
    box-sizing: content-box;
    background-clip: content-box;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
}
input.switch:after {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 40px;
 height: 40px;
 background-color: transparent;
 background: #fff;
 border-radius: 100%;
 box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
input.switch:checked {
    background-color: #44970C;
    border-color: #44970C;
    box-shadow: #44970C 0px 0px 0px 21px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
input.switch:checked:after {
    left: 26px;
    background-color: rgb(255, 255, 255);
    transition: background-color 0.4s ease 0s, left 0.2s ease 0s;
}

/* https://www.schemecolor.com/heinz-ketchup-color-palette.php */
input.switch.large {border-radius: 60px;height: 60px;width: 99px}
input.switch.large:after {width:60px;height:60px}
input.switch.large:checked {box-shadow: #44970C 0px 0px 0px 31px inset;}
input.switch.large:checked:after {left: 39px;}
input.switch.small, input.field.small, div.field.small {border-radius: 30px;height: 30px;width: 50px}
input.switch.small:after {width:30px;height:30px}
input.switch.small:checked {box-shadow: #44970C 0px 0px 0px 16px inset;}
input.switch.small:checked:after {left: 20px;}

.switch-demo {display:inline-block;height:40px;border-radius:40px;width:35%;line-height:40px;padding:0 10px;min-width:30px;text-align:center;margin: 5px;color:#fff;}
.switch-demo, .switch-demo[state=green] {background-color: #44970C; border-color: #44970C;}
.switch-demo[state=red] {background-color: #CC0000; border-color: #CC0000;}
.switch-demo[state=grey] {background-color: #8B8B8B; border-color: #8B8B8B}
.switch-demo[state=yellow] {background-color: #FEE100; border-color: #FEE100; color:#000}
.switch-demo.active {text-decoration:underline}
#current-switch {margin:12px 0 0 0}

input.switch[state=grey]:checked {
    background-color:#8B8B8B;
    border-color:#8B8B8B;
    box-shadow:#8B8B8B 0px 0px 0px 21px inset;
}
input.switch.large[state=grey]:checked {
    box-shadow:#8B8B8B 0px 0px 0px 31px inset;
}

input.switch[state=yellow]:checked {
    background-color:#FEE100;
    border-color:#FEE100;
    box-shadow:#FEE100 0px 0px 0px 21px inset;
}
input.switch.large[state=yellow]:checked {
    box-shadow:#FEE100 0px 0px 0px 31px inset;
}

input.switch[state=red]:checked {
    background-color:#CC0000;
    border-color:#CC0000;
    box-shadow:#CC0000 0px 0px 0px 21px inset;
}
input.switch.large[state=red]:checked {
    box-shadow:#CC0000 0px 0px 0px 31px inset;
}

input.input-fine {border-radius: 2px;border: 1px solid;background: #fff;border-color: rgba(15,20,25,.35);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding:8px 8px}
textarea:focus, input:focus{outline: none;}
input::placeholder {color:#ccc}

.c-row {display:flex;align-items:center;padding:14px 7px;min-height:38px}
.c-row:nth-child(2n+1) {background-color:#F5F5F5}
.c-row.check-tip {background-color:#FEE100}
.c-icons-list, .c-icons-header {text-align:center}
.c-icons-list {padding-top:4px;color:#607D8B}
.c-icons-list .cam-num, .c-icons-header .cam-num {font-size:14px}
.c-icons-list .cam-num {margin-top:3px}
.c-icons {margin-left:auto;margin-right:5px;position:relative;color:#8B8B8B}
.c-icons .fa-cam, .c-icons-list .fa-cam, .c-icons .fa-com-l {display:none}
.c-icons-list .fa-cam {font-size:18px}
.c-icons-header .fa-cam {font-size:18px}
.c-icons .fa-cam {position:absolute;top:-22px;right:0;}
.c-icons .fa-com-l {position:absolute;top:2px;right:0;}
.c-icons .fa-cam.s, .c-icons-list .fa-cam.s, .c-icons .fa-com-l.s {display:inline-block}
.c-menu {width:10px;min-width:10px;margin-right:10px;color:#8B8B8B;height:38px;line-height:50px}
.c-menu:after {
  content: 'more_vert';
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
.c-item, .check-tip {font-family: 'Roboto Condensed', 'Helvetica', sans-serif;}
.c-item {width:240px;margin-right:10px;line-height:1.1em}
.c-rate {font-size:22px}
/*.type-rate .c-item {width:180px}
.type-switch .c-item {width:220px}*/
.type-depth .c-input input, .rate-y {font-size:20px;width:115px}
.c-switch {width:60px;margin-right:10px}
.check-extra {font-size:12px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height:1.1em}
#current-switch.c-switch {margin-left: auto;}

dialog, .slick-slide {outline:none}
#photos .mdl-dialog__close {z-index:2;top:10px;right:10px}
#photos-content, #photos-content .slick-list { height: 100%;}
#photos-content .slick-arrow {font-family: 'Font Awesome 5 Custom';}
#photos-content .slick-next {right: 10px;}
#photos-content .slick-prev {left: 10px;}
#photos-content .slick-prev, #photos-content .slick-next {
    z-index:2;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
#photos-content .slick-prev:before, #photos-content .slick-next:before {
    font-size: 40px;
    line-height: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
}
#photos-content .slick-prev:before {
    content: "\f137";
}
#photos-content .slick-next:before {
    content: "\f138";
}
#photos-content .slick-track {
  height: 100%;
  display: flex;
}
#photos-content .slick-list {
margin: 0 -20px;
}
#photos-content .slick-track .slick-slide {
  margin:0 20px;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
#photos-content .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#photos-content .slick-disabled {display: none !important;}

@media only screen and (max-width: 600px) {
	.type-depth .c-input input, .rate-y {font-size:18px;width:105px}
	.type-depth .c-item {width:200px}
	.c-row .c-rate {font-size:20px}
	.type-rate .c-item {width:200px}
	.type-switch .c-item, .type-int .c-item, .type-float .c-item {width:200px}
}
@media only screen and (max-width: 440px) {
	#header-title-checkin .mdl-layout-title {max-width:200px}
	.type-depth .c-input input, .rate-y {font-size:18px;width:105px}
	.rate-y {margin-left:20px}
	.type-depth .c-item {width:175px}
	.c-row .c-rate {font-size:20px}
	.type-rate .c-item {width:155px}
	.type-switch .c-item, .type-int .c-item, .type-float .c-item {width:200px}
}
@media only screen and (max-width: 360px) {
	#header-title-checkin .mdl-layout-title {max-width:180px}
	.type-depth .c-input input, .rate-y {font-size:16px;width:95px}
	.rate-y {margin-left:30px}
	.type-depth .c-item {width:175px}
	.type-rate .c-item {width:145px}
	.type-switch .c-item, .type-int .c-item, .type-float .c-item {width:180px}
	.c-icons {margin-right:2px}
}
@media only screen and (max-width: 320px) {
	#header-title-checkin .mdl-layout-title {max-width:140px}
	.rate-y {margin-left:10px}
	.type-depth .c-item {width:135px}
	.c-row .c-rate {font-size:17px}
	.type-rate .c-item {width:125px}
	.type-switch .c-item, .type-int .c-item, .type-float .c-item {width:160px}
	.c-icons {margin-right:0}
}

@media only screen and (max-height: 600px) {
	.depth-img {max-height:55px}
	.tapholddialog[type=depth] .switch-demo {height:35px;line-height:35px}
	.tapholddialog[type=depth] .dialog-extra {margin-top:0}
}
@media only screen and (max-width: 350px) {
	#new-checkin-back {padding-left:0}
	#new-checkin-final {padding:0 14px}
}
.dialog-rate .fa-star, .c-row .fa-star {color:#bbb}
.dialog-rate .fa-star-solid, .c-row .fa-star-solid {display:none}
.dialog-rate .c-rate {font-size:32px}
.rate-y {text-align:center;display:none;background-color:#FEE100;padding:2px;border-radius:30px;height:30px;line-height:30px}

.c-rate[rate="grey"] .fa-star-solid {display:inline;color:#bbb}
.c-rate[rate="yellow"] .fa-star {display:inline;color:#FEE100}
.c-rate[rate="yellow"] .rate-y {display:block}
.c-rate[rate="grey"] .fa-star, .c-rate[rate="yellow"] .fa-star-solid, .c-row .c-rate[rate="yellow"] .fa-star {display:none}

.c-rate[rate="1"] .fa-star-solid[rate-star="1"] {display:inline;color:#CC0000}
.c-rate[rate="1"] .fa-star[rate-star="1"] {display:none}

.c-rate[rate="2"] .fa-star-solid[rate-star="1"], .c-rate[rate="2"] .fa-star-solid[rate-star="2"] {display:inline;color:#EC3017}
.c-rate[rate="2"] .fa-star[rate-star="1"], .c-rate[rate="2"] .fa-star[rate-star="2"] {display:none}

.c-rate[rate="3"] .fa-star-solid[rate-star="1"], .c-rate[rate="3"] .fa-star-solid[rate-star="2"], .c-rate[rate="3"] .fa-star-solid[rate-star="3"] {display:inline;color:#FEE100}
.c-rate[rate="3"] .fa-star[rate-star="1"], .c-rate[rate="3"] .fa-star[rate-star="2"], .c-rate[rate="3"] .fa-star[rate-star="3"] {display:none}

.c-rate[rate="4"] .fa-star-solid[rate-star="1"], .c-rate[rate="4"] .fa-star-solid[rate-star="2"], .c-rate[rate="4"] .fa-star-solid[rate-star="3"], .c-rate[rate="4"] .fa-star-solid[rate-star="4"] {display:inline;color:#7FAF3A}
.c-rate[rate="4"] .fa-star[rate-star="1"], .c-rate[rate="4"] .fa-star[rate-star="2"], .c-rate[rate="4"] .fa-star[rate-star="3"], .c-rate[rate="4"] .fa-star[rate-star="4"] {display:none}

.c-rate[rate="5"] .fa-star-solid[rate-star="1"], .c-rate[rate="5"] .fa-star-solid[rate-star="2"], .c-rate[rate="5"] .fa-star-solid[rate-star="3"], .c-rate[rate="5"] .fa-star-solid[rate-star="4"], .c-rate[rate="5"] .fa-star-solid[rate-star="5"] {display:inline;color:#44970C}
.c-rate[rate="5"] .fa-star[rate-star="1"], .c-rate[rate="5"] .fa-star[rate-star="2"], .c-rate[rate="5"] .fa-star[rate-star="3"], .c-rate[rate="5"] .fa-star[rate-star="4"], .c-rate[rate="5"] .fa-star[rate-star="5"] {display:none}

/*
.c-row .c-rate[rate="1"] .fa-star-solid[rate-star="1"] {display:inline;color:#CC0000}
.c-row .c-rate[rate="1"] .fa-star[rate-star="1"] {display:none}

.c-row .c-rate[rate="2"] .fa-star-solid[rate-star="1"], .c-row .c-rate[rate="2"] .fa-star-solid[rate-star="2"] {display:inline;color:#EC3017}
.c-row .c-rate[rate="2"] .fa-star[rate-star="1"], .c-row .c-rate[rate="2"] .fa-star[rate-star="2"] {display:none}

.c-row .c-rate[rate="3"] .fa-star-solid[rate-star="1"], .c-row .c-rate[rate="3"] .fa-star-solid[rate-star="2"], .c-row .c-rate[rate="3"] .fa-star-solid[rate-star="3"] {display:inline;color:#FEE100}
.c-row .c-rate[rate="3"] .fa-star[rate-star="1"], .c-row .c-rate[rate="3"] .fa-star[rate-star="2"], .c-row .c-rate[rate="3"] .fa-star[rate-star="3"] {display:none}

.c-row .c-rate[rate="4"] .fa-star-solid[rate-star="1"], .c-row .c-rate[rate="4"] .fa-star-solid[rate-star="2"], .c-row .c-rate[rate="4"] .fa-star-solid[rate-star="3"], .c-row .c-rate[rate="4"] .fa-star-solid[rate-star="4"] {display:inline;color:#7FAF3A}
.c-row .c-rate[rate="4"] .fa-star[rate-star="1"], .c-row .c-rate[rate="4"] .fa-star[rate-star="2"], .c-row .c-rate[rate="4"] .fa-star[rate-star="3"], .c-row .c-rate[rate="4"] .fa-star[rate-star="4"] {display:none}

.c-row .c-rate[rate="5"] .fa-star-solid[rate-star="1"], .c-row .c-rate[rate="5"] .fa-star-solid[rate-star="2"], .c-row .c-rate[rate="5"] .fa-star-solid[rate-star="3"], .c-row .c-rate[rate="5"] .fa-star-solid[rate-star="4"], .c-row .c-rate[rate="5"] .fa-star-solid[rate-star="5"] {display:inline;color:#44970C}
.c-row .c-rate[rate="5"] .fa-star[rate-star="1"], .c-row .c-rate[rate="5"] .fa-star[rate-star="2"], .c-row .c-rate[rate="5"] .fa-star[rate-star="3"], .c-row .c-rate[rate="5"] .fa-star[rate-star="4"], .c-row .c-rate[rate="5"] .fa-star[rate-star="5"] {display:none}
*/

.message-wrapper .text-wrapper {
    background: #607D8B;
    float: left;
    color: #ffffff;
}
.message-wrapper .text-wrapper {
    padding: 10.6666666667px;
    min-height: 42.6666666667px;
    width: 90%;
    margin: 0 10.6666666667px;
    box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.3);
    border-radius: 2px;
    font-weight: 300;
    position: relative;
    /* word-break: break-all; */
}
.message-wrapper .text-wrapper:before {
    border-width: 0 10px 10px 0;
    border-color: transparent #607D8B transparent transparent;
    position: absolute;
    top: 0;
    left: -9px;
}
.message-wrapper .text-wrapper:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}
.animate-flicker {
   -webkit-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}