/*
Copyright (C) 2019, European Gravitational Observatory.

This file is part of OSL - Open Source Logbook.

OSL is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

This file was written by Gary Hemming <gary.hemming@ego-gw.it>.

OSL uses the following open source software:
- jQuery JavaScript Library v1.12.4, available under the MIT licence - http://jquery.org/license - Copyright jQuery Foundation and other contributors.
- jQuery UI - v1.12.1, available under the MIT licence - http://jqueryui.com.
- jQuery Validation Plugin - v1.15.1 - 7/22/2016 - http://jqueryvalidation.org/ - Copyright (c) 2016 Jörn Zaefferer; Licensed MIT.
- W3.CSS by Jan Egil and Borge Refsnes - https://www.w3schools.com/w3css/.
- Font Awesome by Dave Gandy - http://fontawesome.io.
*/
@import url(w3.css);

.w3-theme-l5 {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-l4 {color:#000 !important; background-color:#cccccc !important}
.w3-theme-l3 {color:#fff !important; background-color:#999999 !important}
.w3-theme-l2 {color:#fff !important; background-color:#666666 !important}
.w3-theme-l1 {color:#fff !important; background-color:#333333 !important}
.w3-theme-d1 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d2 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d3 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d4 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d5 {color:#fff !important; background-color:#000000 !important}

.w3-theme-osl {
	color:#fff !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c661c+0,358c42+50,0f540a+51,7cbc0a+100 */
	background: rgb(44,102,28) !important; /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(44,102,28,1) 0%, rgba(53,140,66,1) 50%, rgba(15,84,10,1) 51%, rgba(124,188,10,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c661c', endColorstr='#7cbc0a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}

.w3-theme-light {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#000000 !important}
.w3-theme-action {color:#fff !important; background-color:#000000 !important}

.w3-theme {color:#fff !important; background-color:#000000 !important}
.w3-text-theme {color:#000000 !important}
.w3-border-theme {border-color:#000000 !important}

.w3-hover-theme:hover {color:#000 !important; background-color:#ffc107 !important}
.w3-hover-text-theme:hover {color:#000000 !important}
.w3-hover-border-theme:hover {border-color:#000000 !important}

/* Additional VIM-specific styles. */
.w3-sidenav{padding:0!important;}
.sidenav-header{position:relative!important;
	width:100%!important;
	color:#fff !important;
	font-size:28px!important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c661c+0,358c42+50,0f540a+51,7cbc0a+100 */
	background: rgb(44,102,28) !important; /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(44,102,28,1) 0%, rgba(53,140,66,1) 50%, rgba(15,84,10,1) 51%, rgba(124,188,10,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c661c', endColorstr='#7cbc0a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.calendar-day-header-bg{
	position:relative!important;
	width:100%!important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8de+0,dfe5d7+40,b3bead+100 */
	background: #e8e8de; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8de 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e8e8de 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e8e8de 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8de', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
}
.calendar-day-header{display:inline-block!important;width:10%!important;color:rgba(0,0,0,.6)!important;text-shadow:rgba(255,255,255,.2) 3px 2px 3px!important}
.calendar-day-bg{position:relative!important;width:100%!important;color:#fff!important;important;background:#CCC!important}
.calendar-day,.calendar-day-grey,.calendar-day-selected{display:inline-block!important;width:10%!important;border-radius:5px!important;cursor:pointer!important}
.calendar-day-selected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c661c+0,358c42+50,0f540a+51,7cbc0a+100 */
	background: rgb(44,102,28) !important; /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(44,102,28,1) 0%, rgba(53,140,66,1) 50%, rgba(15,84,10,1) 51%, rgba(124,188,10,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(44,102,28,1) 0%,rgba(53,140,66,1) 50%,rgba(15,84,10,1) 51%,rgba(124,188,10,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c661c', endColorstr='#7cbc0a',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.calendar-day:hover, .calendar-day-selected:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
	background: rgb(59,103,158); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.calendar-day-grey{color:#848482!important;cursor:default!important}
.div-calendar-button-left, .div-calendar-button-right{
	background-color: Transparent;
	border: none;
	outline: none;
 	color: #FFF;
	text-align: center;
	padding: 0;
 	width: 20%;
	transition: all 0.5s;
	cursor: pointer;
}
.div-calendar-button-left span, .div-calendar-button-right span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
.div-calendar-button-left span:after, .div-calendar-button-right span:after {
	content: '<';
	position: absolute;
	opacity: 0;
	top: 0;
 	right: -20px;
	transition: 0.5s;
}
.div-calendar-button-right span:after{
	content: '>';
}
.div-calendar-button-left:hover span, .div-calendar-button-right:hover span {
  padding-right: 25px;
}

.div-calendar-button-left:hover span:after, .div-calendar-button-right:hover span:after {
  opacity: 1;
  right: 0;
}
.div-calendar-year,.div-calendar-month{display:inline-block!important;width:50%!important}
.sidenav-header-title{display:inline-block!important;width:96%!important;padding:0 2%!important}
.nav-btn {position:fixed!important;display:inline-block!important;right:0!important;width:30px!important;padding:2px 0!important;text-align:center!important;margin-left:1px!important;z-index:20!important;cursor:pointer!important}
.config-btn{margin:0 5px 0 0!important;padding:1px 3px!important;border-radius:3px!important;cursor:pointer!important}
.nav-btn:hover,.config-btn:hover{background:#7BCCB5!important;}
.hidden{visibility:hidden!important}
.completely-hidden{visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important}
ul.sortable{list-style-type:none!important}
ul.configs{text-align:left!important;cursor:pointer!important}
.config-name{margin-bottom:0!important}
.resource-date{padding:0;margin:0}
.resource-img{position:relevant;width:100%!important}
#resource-config{float:left!important;}
.padding-bottom{padding-bottom:20px!important}
label.error{color:red!important;border:solid 1px red!important;padding:5px!important;box-shadow:0px 3px 3px rgba(0, 0, 0, .7)!important;background:#FFF!important}
.text-tip{position:absolute!important;top:0!important;border-top-left-radius:5px!important;border-bottom-left-radius:5px!important;padding:6px 8px!important;font-family:Verdana,sans-serif!important;z-index:10!important}
.text-tip-resource{border-radius:5px!important}
.text-tip-search{font-family:Verdana,sans-serif;z-index:10}
.text-tip-zoom{font-family:Verdana,sans-serif;border-radius:5px!important;padding-top:3px!important;padding-bottom:1px!important}
.no-style{text-decoration:none!important;background:none!important}
textarea{resize:none!important}
.blue-link a,.blue-link a:visited{color:#2554C7!important;cursor:pointer!important}
.blue-link a:hover,.blue-link a:active,.blue-link a:focus{color:#737CA1!important}
.w3-fullrow{float:left!important;width:99.99999%!important;height:15px!important}
.w3-row-padding>.w3-fullrow{padding:0 1px!important}
.thumbnail{margin:3px 3px 0 3px!important;cursor:pointer!important}
.btn-float-left{position:absolute;float:left;top:5px;left:0}
.btn-float-right{position:absolute;float:right;top:5px;right:0}
.go-to-top:hover,.go-to-top:hover{opacity: 0.8!important}
.not-quite-the-whole-page-width{width:99.9%!important}
.help-item-details{visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.help-item{cursor:pointer!important}
.help-item:hover{background:#CCC!important}
.cursor{cursor:pointer!important}
.opaque{opacity:0.5!important}
.top-buffer{}
.overall-reports-container{position:relative!important;top:84px!important}
.upper-lower{position:fixed!important;top:43px!important;width:100%!important;left:0!important;text-align:left!important;z-index:10!important;
	font-family:Verdana,sans-serif!important
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(left,  #45484d 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
.select-next-reports{line-height:10px;padding:0;margin:0}
.modal-on-top{z-index:100!important}
.keep-on-top{z-index:1000!important}
.add-report, .drafts{position:relative!important;top:60px!important}
.file-type-icon{position:relative!important;top:-3px!important}
.report-details{height:300px!important}
#div_draft_tot{display:inline-block}
.shift-up-slightly{position:relative;top:-8px}
.reduced-padding-y{padding-top:2px;padding-bottom:2px}
.pointer{cursor:pointer}
.download{position:relative;left:-5px;bottom:8px}

.link,.link:visited{border-bottom:1px solid!important;padding-bottom:0px!important;cursor:pointer!important;text-decoration:none!important}
.link:hover,.link:active,.link:focus{opacity:0.7!important;border-bottom:0!important}

/* Colour libraries. */
.w3-signal-yellow{color:#fff;background-color:#f7ba0b}
.w3-signal-orange{color:#fff;background-color:#d4652f}
.w3-signal-red{color:#fff;background-color:#a02128}
.w3-signal-violet{color:#fff;background-color:#904684}
.w3-signal-blue{color:#fff;background-color:#154889}
.w3-signal-green{color:#fff;background-color:#317f43}
.w3-signal-grey{color:#fff;background-color:#9b9b9b}
.w3-signal-brown{color:#fff;background-color:#7b5141}
.w3-signal-white{color:#000;background-color:#f4f4f4}
.w3-signal-black{color:#fff;background-color:#282828}
.w3-vivid-pink{color:#fff;background-color:#ffb5bA}
.w3-vivid-red{color:#fff;background-color:#be0032}
.w3-vivid-orange{color:#fff;background-color:#f38400}
.w3-vivid-yellow{color:#fff;background-color:#f3c300}
.w3-vivid-green{color:#fff;background-color:#008856}
.w3-vivid-blue{color:#fff;background-color:#00a1c2}
.w3-vivid-black{color:#fff;background-color:#000}
.w3-vivid-white{color:#000;background-color:#fff}
.w3-vivid-purple{color:#fff;background-color:#9a4eae}
.w3-vivid-yellowish-pink{color:#fff;background-color:#ffb7a5}
.w3-vivid-reddish-orange{color:#fff;background-color:#e25822}
.w3-vivid-orange-yellow{color:#fff;background-color:#f6a600}
.w3-vivid-greenish-yellow{color:#fff;background-color:#dcd300}
.w3-vivid-yellow-green{color:#fff;background-color:#8db600}
.w3-vivid-yellowish-green{color:#fff;background-color:#27a64c}
.w3-vivid-bluish-green{color:#fff;background-color:#008882}
.w3-vivid-greenish-blue{color:#fff;background-color:#0085a1}
.w3-vivid-purplish-blue{color:#fff;background-color:#30267a}
.w3-vivid-reddish-purple{color:#fff;background-color:#870074}
.w3-vivid-purplish-red{color:#fff;background-color:#ce4676}
.w3-food-apple{color:#000;background-color:#76cd26}
.w3-food-aspargus{color:#fff;background-color:#77ab56}
.w3-food-apricot{color:#fff;background-color:#ffb16d}
.w3-food-aubergine{color:#fff;background-color:#3d0734}
.w3-food-avocado{color:#fff;background-color:#87a922}
.w3-food-banana{color:#000;background-color:#fafe4b}
.w3-food-butter{color:#000;background-color:#ffff81}
.w3-food-blueberry{color:#fff;background-color:#464196}
.w3-food-cherry{color:#fff;background-color:#cf0234}
.w3-food-chocolate{color:#fff;background-color:#411900}
.w3-food-cranberry{color:#fff;background-color:#9e003a}
.w3-food-coffee{color:#fff;background-color:#a6814c}
.w3-food-egg{color:#000;background-color:#fffcc4}
.w3-food-grape{color:#fff;background-color:#6c3461}
.w3-food-kiwi{color:#000;background-color:#8ee53f}
.w3-food-lemon{color:#000;background-color:#fdff52}
.w3-food-lime{color:#000;background-color:#bffe28}
.w3-food-mango{color:#fff;background-color:#ffa62b}
.w3-food-mushroom{color:#fff;background-color:#ba9e88}
.w3-food-mustard{color:#fff;background-color:#ceb301}
.w3-food-mint{color:#000;background-color:#c0fa8b}
.w3-food-olive{color:#fff;background-color:#6e750e}
.w3-food-orange{color:#fff;background-color:#f97306}
.w3-food-pea{color:#fff;background-color:#a4bf20}
.w3-food-peach{color:#fff;background-color:#ffb07c}
.w3-food-pear{color:#000;background-color:#cbf85f}
.w3-food-pistachio{color:#000;background-color:#c0fa8b}
.w3-food-plum{color:#fff;background-color:#3f012c}
.w3-food-raspberry{color:#fff;background-color:#b00149}
.w3-food-saffron{color:#fff;background-color:#feb209}
.w3-food-salmon{color:#fff;background-color:#ff796c}
.w3-food-spearmint{color:#000;background-color:#1ef876}
.w3-food-squash{color:#fff;background-color:#f2ab15}
.w3-food-strawberry{color:#fff;background-color:#fb2943}
.w3-food-tomato{color:#fff;background-color:#ec2d01}
.w3-food-wheat{color:#000;background-color:#fbdd7e}
.w3-food-wine{color:#fff;background-color:#80013f}
.w3-food-peach-orange{color:#000;background-color:#ffcc99}


.w3-highway-brown{color:#fff;background-color:#633517}
.w3-highway-red{color:#fff;background-color:#a6001a}
.w3-highway-orange{color:#fff;background-color:#e06000}
.w3-highway-schoolbus{color:#fff;background-color:#ee9600}
.w3-highway-yellow{color:#fff;background-color:#ffab00}
.w3-highway-green{color:#fff;background-color:#004d33}
.w3-highway-blue{color:#fff;background-color:#00477e}

.w3-camo-brown{color:#fff;background-color:#594d45}
.w3-camo-red{color:#fff;background-color:#79533d}
.w3-camo-olive{color:#fff;background-color:#595142}
.w3-camo-field{color:#fff;background-color:#745d46}
.w3-camo-earth{color:#fff;background-color:#ac7e54}
.w3-camo-sand{color:#fff;background-color:#a9947b}
.w3-camo-tan{color:#fff;background-color:#b49d80}
.w3-camo-sandstone{color:#fff;background-color:#bcab90}
.w3-camo-dark-green{color:#fff;background-color:#535640}
.w3-camo-forest{color:#fff;background-color:#54504b}
.w3-camo-light-green{color:#fff;background-color:#63613e}
.w3-camo-green{color:#fff;background-color:#4a5444}
.w3-camo-dark-gray,.w3-camo-dark-grey{color:#fff;background-color:#5c5c5b}
.w3-camo-gray,.w3-camo-grey{color:#fff;background-color:#9495a5}
.w3-camo-black{color:#fff;background-color:#373538}

.w3-2019-fiesta{color:#fff;background-color:#DD4132}
.w3-2019-jester-red{color:#fff;background-color:#9E1030}
.w3-2019-turmeric{color:#fff;background-color:#FE840E}
.w3-2019-living-coral{color:#fff;background-color:#FF6F61}
.w3-2019-pink-peacock{color:#fff;background-color:#C62168}
.w3-2019-pepper-stem{color:#fff;background-color:#8D9440}
.w3-2019-aspen-gold{color:#000;background-color:#FFD662}
.w3-2019-princess-blue{color:#fff;background-color:#00539C}
.w3-2019-toffee{color:#fff;background-color:#755139}
.w3-2019-mango-mojito{color:#000;background-color:#D69C2F}
.w3-2019-terrarium-moss{color:#fff;background-color:#616247}
.w3-2019-sweet-lilac{color:#000;background-color:#E8B5CE}
.w3-2019-soybean{color:#000;background-color:#D2C29D}
.w3-2019-eclipse{color:#fff;background-color:#343148}
.w3-2019-sweet-corn{color:#000;background-color:#F0EAD6}
.w3-2019-brown-granite{color:#fff;background-color:#615550}

.w3-safety-red{color:#fff;background-color:#bd1e24}
.w3-safety-orange{color:#fff;background-color:#e97600}
.w3-safety-yellow{color:#fff;background-color:#f6c700}
.w3-safety-green{color:#fff;background-color:#007256}
.w3-safety-blue{color:#fff;background-color:#0067a7}
.w3-safety-purple{color:#fff;background-color:#964f8e}