.link {
	color: blue;
}
.link:hover {
	color: purple;
}

.profile-table-document-entry {
	cursor: pointer;
}


textarea.resizable-not-horizontal {
	resize: vertical;
	width: 100%;
}


.sortable tr {
	background-color: lightgrey;
	cursor: pointer;
}

.sortable tr.disable-sort-item {
	background-color: initial;
	cursor: initial;
}


table.job-reporting-reimbursements {
	width: 100%;
	border-spacing: 4px;
}

table.job-reporting-reimbursements td {
	padding: 5px 10px;
	background-color: #eaeff7;
}


div.webshop-order-info div {
	height: 100%;
}

div.webshop-order-info-status * {
	text-align: center;
}


table.webshop-navright-overview {
	font-size: 12px;
}

table.webshop-navright-overview td {
	padding: 5px 2px;
}


.button:hover {
	opacity: 0.5;
	cursor: pointer;
}



table.table-orders thead tr .headerSortDown, table.table-orders thead tr .headerSortUp {
	color: rgb(0, 105, 204);
}
table.table-webshop-statistics thead tr .headerSortDown, table.table-webshop-statistics thead tr .headerSortUp {
	color: red;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.table-orders th:hover {
	opacity: 0.7;
}
table.table-orders th {
	padding-right: 20px;
}
table.table-orders tbody tr:hover {
	background-color: rgba(0, 105, 204, 0.3);
}
.table-orders td {
	font-size: 12px;
}
.table-orders th, .table-orders td {
	text-align: left;
	padding: 5px 10px;
}
.table-orders {
	border-collapse: collapse;
}


ul.lSPager.ui-sortable img:hover {
	opacity: 0.7;
}

img.image-slider-image {
	margin-left: auto;
	margin-right: auto;
}

.table-webshop-admin td {
	padding: 5px 5px;
}

.table-webshop-price td {
	padding: 5px 25px 5px 0px;
}

.table-webshop-models td {
	padding: 3px 15px 3px 0px;
}

.deleteButton:hover {
	opacity: 0.5;
	cursor: pointer;
}

div.eval-container {
	width: 250px;
	background-color: #f1f1f1;
	text-align: center;
	color: white;
}

div.eval-rating {
	height: 20px;
}


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

table.endjob td {
	vertical-align: top;
	padding: 25px;
}

table.evaluation td {
	vertical-align: middle;
	text-align: center;
	padding: 1px 10px 1px 10px;
}

table.evaluation-notes td {
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
}

table.evaluation-notes td:first-child {
	width: 1%;
	white-space: nowrap;
}

table.profile td {
	padding: 1px 10px 1px 10px;
}

#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
    height: 100%;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
    color: #000000;
}



body {
	font-family:Arial;
	margin: 5px;
	padding: 0;
	background: #e9eaed none repeat scroll 0 0;
	overflow:scroll;
	color: #57585b;
}
button {
    color: #FFFFFF;
	padding: 3px 2px;
    background-color: #67686B;
	text-transform: uppercase;
}
button:disabled {
	color: #AAAAAA;
	padding: 3px 2px;
    background-color: #67686B;
	text-transform: uppercase;
}
button:hover:enabled {
    background-color: #7d7e82;
}
#week {
   width:70px;
}
#ancient {
   width:75px;
}
#people {
   width:108px;
}
#topnav {
	z-index: 3;
	display: -webkit-flex;
    display: flex;
	margin: 15px 50px 0px 180px;
	width:stretch;
	justify-content:stretch;
}
#topnav>li {
	display: -webkit-flex;
    display: flex;
	flex:1;
}
#opener {
	float:left;
}
#topnav>li>.a1 {
	width:100%;
}
p {
	line-height: 1.5em;
	margin: 0 0 0 0;
	padding: 0;
}
hr {
    background: #d9d9d9 none repeat scroll 0 0;
    border-width: 0;
    color: #d9d9d9;
    height: 1px;
}
pre {
	margin-top:0px;
	font-family:helvetica;
	font-size:14px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
textarea, input  {
    border: 1px solid #bdc7d8;
}
textarea:hover, input[type=text]:hover{
	border: 1px solid #899BB9;
}

.doctable {
    width: 100%;
	margin: 2px 0px 2px 0px;
	table-layout: auto;
}
.doctablerow {
	width: 100%;
}
.doctableitem {
	border: 1px solid lightgrey;
    background-color: #f6f7f8;
    margin: 2px;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
	font-size: 12px;
	white-space: nowrap;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.docName {
	width: 100%;
	font-size: 14px;
}
.docDate {
	min-width: 100px;
}
.docInfo {
	min-width: 150px;
}
.docType {
	min-width: 120px;
}
.docDelete {
	display: inline-block;
    background-color: transparent;
	border: 0px;
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}


.doclist{
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background-color: lightgrey;
	margin: 2px 0px 2px 0px;
}
.docitem {
	display: -webkit-flex;
    display: flex;
    background-color: #f6f7f8;
    margin: 2px;
	padding: 2px 5px 2px 5px;
}
.doc1 {
	width:24px;
	margin-right: 0px;
	padding: 0px;
}
.doc2 {
	flex: 70;
	margin-right: 0px;
	padding-left: 7px;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.doc3 {
	width:105px;
	margin-right: 0px;
	font-size:12px;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.doc4 {
	flex: 40;
	padding-top:4px;
	font-size:12px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.doc5 {
	flex: 20;
	padding-top:4px;
	font-size:12px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.content {
	position: relative; 
	width: auto;
	min-width:550px;
	margin: 0 270px 10px 220px;
	border: 1px solid #d9d9d9;
	border-bottom:1px solid #bdc7d8;
	background-color: white;
	padding: 10px;
	z-index: 3;
	overflow-x: auto;
}
.content.no-bg {
	border: 0;
	background-color: initial;
	padding: 0;
}
.inviscontainer {
	position: relative; 
	width: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	overflow: auto;
	z-index: 3;
}
.content>p {
	margin: 0;
}
.nestcontent {
	position: relative; 
	width: auto;
	min-width: 120px;
	margin: 0px 0px 3px 0px;
	border: 1px solid #d9d9d9;
	border-bottom:1px solid #bdc7d8;
	background-color: white;
	padding: 5px;
	z-index: 3;
}
.nestcontent>p {
	margin: 0;
}
.clickimage {
	all:unset;
	padding:0px;
	float:left;
	cursor:pointer;
}
.clickimage:hover{
	background:none;
}
h1 {
	margin: 0 0 0px 0;
	padding: 0;
}
h2 {
	margin: 0 0 0px 0;
	padding: 0;
}
#navleft {
	position: absolute;
	width: 175px;
	top: 33px;
	left: 26px;
	padding: 7px 10px 10px 10px;
	z-index: 100;
	margin-top: 32px;
}
#navright {
	position: absolute;
	width: 225px;
	top: 33px;
	right: 15px;
	padding: 3px 10px 10px 10px;
	z-index: 1;
	margin-top: 32px;
}
ul {
    list-style-type: none;
	padding: 0px;
	width: auto;
    overflow: hidden;
	margin: 10px 270px 10px 219px;
}
.mailer {
	display: -webkit-flex;
    display: flex;
    list-style-type: none;
	padding: 0px;
	width:stretch;
    overflow: hidden;
	margin: 0px 0px 0px 0px;
}
.mailer>li {
	display: -webkit-flex;
    display: flex;
	overflow:hidden;
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	width: 300px;
	padding: 0px;
	background-color: none;
}
.backup {
	display: -webkit-flex;
    display: flex;
    list-style-type: none;
	padding: 0px;
	width:stretch;
    overflow: hidden;
	margin: 0px 0px 10px 0px;
}
.backup>li {
	display: -webkit-flex;
    display: inline-block;
	overflow:hidden;
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	width: 300px;
	padding: 0px;
	background-color: none;
	vertical-align: middle;
}.restore {
	display: -webkit-flex;
    display: flex;
    list-style-type: none;
	padding: 0px;
	width:stretch;
    overflow: hidden;
	margin: 0px 0px 10px 0px;
}
.restore>li {
	display: -webkit-flex;
    display: inline-block;
	overflow:hidden;
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: none;
	vertical-align: middle;
}
.conta1{
	float:left;
	width: 31%;
	margin-right:10px;
}
.conta1p1{
	margin-top:14px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size:15px;
}
.conta1p2{
	margin-top:2px;
	font-size:12px;
	font-style: italic;
}
.conta2{
	float:left;
	width:30%;
	margin-right:10px;
	font-size:12px;
}
.conta2p1{
	margin-top:16px;
}
.conta2p1a{
	width:40px;
	float:left;
	direction: rtl;
	margin-right:5px;
}
.conta2p2{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin-top:2px;
}
.conta2p2a{
	width:40px;
	float:left;
	direction: rtl;
	margin-right:5px;
}
.conta3{
	margin:0px;
}
.conta3>img{
	float:right;
	margin-top:3px;
	margin-right:1px;
	width:30px;
}
.contactcontainer {
	position: relative; 
	height:70px;
	width: auto;
	min-width:550px;
	margin: 0 270px 5px 220px;
	border: 1px solid #d9d9d9;
	border-bottom:1px solid #bdc7d8;
	background-color: white;
	padding: 2px;
	z-index: 3;
}
.contimage {
	all:unset;
	padding:0px;
	float:left;
	cursor:pointer;
	margin:10px 5px 10px 10px;
}
.contimage:hover{
	background:none;
}
.contimage>img{
	border:1px solid #d9d9d9;
	width:45px;
	height:45px;
}
.editpaybutton {
	all:unset;
	padding:0px;
	float:left;
	cursor:pointer;
	margin:0px 0px 0px 0px;
}
.editpaybutton:hover{
	background:none;
}
.editpaybutton>img{
	border:none;
	width:15px;
	height:15px;
}
.editprofile {
	overflow:hidden;
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.editprofile>li {
	margin: 5px 5px 0px 0px;
	padding: 5px;
	background-color: #f7f8f9;
	color: black;
	width:340px;
}
.editsplit1{
	width:40%;
	float:left;
}
.editprofile2 {
	overflow:hidden;
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	float:left;
}
.editprofile2>li {
	margin: 5px 10px 10px 0px;
	padding: 10px;
	color: black;
}
.profiletable {
	width: 370px;
	margin: 8px 0px 0px 150px;
	font-style: italic;
	font-size: 13px;
}
.profiletablerowleft {
	width:90px;
	float:left;
	direction:rtl;
	margin-right: 20px;
}
.profiletablerowright {
	width:100%;
	border-bottom: 1px solid #999999;
}
.profilerow{
	overflow:hidden;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	color: #57585b;
}
.profilecontainer{
	overflow:hidden;
	list-style-type: none;
	padding: 15px 15px 5px 15px;
	background-color: white;
	margin: 0px 0px 0px 0px;
	color: #57585b;
}
.profilerow>li {
	margin: 0px 2px 10px 10px;
	padding: 4px 12px;
	background-color: #FFFFFF;
	color: Black;
	font-weight: bold;
	border-radius: 10px;
}
.coolbox>li {
	margin: 2px;
	color: black;
	background-color: white;
	float: right;
	font-weight: bold;
	padding: 4px;
	border: 2px solid white;
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
}
.coolbox {
	margin: 0px 0px 10px 10px;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	padding: 0px 0px 0px 3px;
	background-color: #474789;  
}
.coolbox>p {
	margin: 5px 0px 0px 1px ;
	color: white;
	float: left;
	font-weight: bold;
	border-radius: 10px;
	padding: 4px;
}
li {
    float: left;
	position: relative;
}
.defaulter>ol>li {
	float: none;
	margin:auto;
}
.defaulter>ul>li {
	float: none;
	list-style-type: disc;
}
.defaulter>ul>li>ul>li {
	float: none;
	list-style-type: circle;
}
.defaulter>ul {
	margin:auto;
	margin-left: 30px;
	list-style-type: circle;
	overflow: initial;
}
.defaulter>ul>li>ul {
	margin:auto;
	margin-left: 20px;
	list-style-type: circle;
	overflow: initial;
}
.qualboxprofile {
	margin: 7px 15px 7px 0px;
	padding: 6px 10px 6px 10px;
	background-color: #FFFFFF;
	color: Black;
	font-weight: bold;
	border-radius: 10px;
	float: left;
	border: 1px solid #A5A9AE
	}
.a1:link, .a1:visited {
	color: black;
    list-style-type:none;
	display: block;
    width: 150px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
	margin: 0px;
    text-transform: uppercase;
}
.a1:hover, .a1:active {
    background-color: #d6d6db;
}
.atop:link, .atop:visited {
    list-style-type:none;
	display: block;
    width: 100%;
    color: #FFFFFF;
    background-color: #4F5052;
    text-align: center;
    padding: 10px 4px;
    text-decoration: none;
	margin: 0px 10px;
    text-transform: uppercase;
}
.atop:hover, .atop:active {
    background-color: #8a8b8f;
}
.contentbox {
  position: relative; 
  width: auto;
  min-width: 120px;
  margin: 10px 10px 10px 10px;
  border: 1px solid #d9d9d9;
  background-color: white;
  padding: 10px;
  z-index: 3;
}
.contentbox>p {
  margin: 0;
}
.boxed {
  border: 1px solid gray;
} 
.menu > li {
    display:inline-block;
    font-weight:bold;
    padding:6px 10px;
    cursor:pointer;
    border:1px solid Black;
	background-color:lightblue;
    margin:5px;
}
.container {
    border:1px solid black;
    margin:5px;
	padding:6px 10px;
}
.container > div {
    display:none;
}
.container > div:first-child {
    display:block;
}
.optionsmenu > ul {
    list-style-type: none;
    padding: 0;
	width: auto;
    overflow: hidden;
	margin: 0px 0px 0px 0px;
}
.jobposition {
  overflow-x: auto;
  position: relative; 
  width: auto;
  min-width: 120px;
  min-height: 30px;
  margin: 5px 0px 0px 0px;
  background-color: white;
  padding: 0px;
  z-index: 3;
  border-radius: 5px;
}
.posul {
	overflow:hidden;
	list-style-type: none;
	padding: 3px;
	margin: 0px 0px 0px 0px;
}
.posul>li {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
    align-items: center;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	min-height: 28px;
	max-height: 33px;
	border-right: 1px solid gray;
	color: Black;
	text-align: center;
}
#buttonorange
{
	background-color: #ffad33;
	color: black;
	padding: 1px;
	cursor:pointer;
	height:33px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border:none;
	width:65px;
}
#buttondummy
{
	visibility: hidden;
	height:33px;
	border:none;
	width:65px;
}
#buttonorange:hover
{
	background:#CC8A29;
}
#buttongreen
{
	background-color: #f4f425;
	color: black;
	padding: 1px;
	cursor:pointer;
	height:33px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border:none;
	width:65px;
}
#buttongreen:hover
{
	background:#e2e236;
}
.endjoblist{
	margin:0px 0px 0px 0px;
	
}
.endjoblist>li{
	margin:0px 5px 0px 0px;
	border: 1px solid black;
	padding:5px;
}


table.table-flags td {
	padding: 5px;
}

.archive {
	overflow-x: auto;
	position: relative; 
	width: auto;
	min-width: 120px;
	min-height: 30px;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	z-index: 3;
	border-radius: 5px;
}
.reimbursement {
	background-color: rgb(226, 240, 217);
}
.archive table {
	border-spacing: 2px;
	border-collapse: separate;
	width: 100%;
}
.archive table td {
	padding: 3px;
	background-color: #c7daf7;
}
.trip-evaluation {
	background-color: rgb(169, 209, 142);
}


.dialog-flags .flag {
	margin: 10px 0;
	display: flex;
	align-items: center
}
.dialog-flags .flag .comment {
	width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 10px;
    padding: 5px;
}
.dialog-flags .negative .comment {
	background-color: rgb(255,120,120);
}
.dialog-flags .positive .comment {
	background-color: lightgreen;
}


.new-trip-position {
	border: 1px solid gray;
	padding: 5px;
	margin-top: 5px;
	background-color: #eaf8fa;
	font-size: 14px;
}
.new-trip-position-line {
	padding: 3px 0px;
	line-height: 1em;
}
.new-trip-position .qualification-checkbox {
	display: inline-block;
	font-size: 12px;
	margin: 0px 3px;
}

.new-trip-customer {
	border: 1px solid gray;
	padding: 5px;
	margin-top: 5px;
	background-color: #eaf8fa;
	font-size: 14px;
}
.new-trip-customer-line {
	padding: 3px 0px;
	line-height: 1em;
}
.flex-container {
	display: inline-flex;
	width: 100%;
}
.flex-container input.flex {
	width: auto;
	flex-grow: 1;
}

.btn {
    background-color: DodgerBlue; /* Blue background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 5px 10px; /* Some padding */
    font-size: 16px; /* Set a font size */
    cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover {
    background-color: RoyalBlue;
}

a {
	color: -webkit-link;
}


.table-positions {
	border-spacing: 2px 5px;
	color: black;
}
.table-positions thead th {
	color: grey;
	font-size: 12px;
}
.table-positions .line-position {
	background-color: #66D766;
	border-radius: 5px;
}
.table-positions .line-position.vacant {
	background-color: #FFFF72;
}
.table-positions .line-position.taken {
	background-color: #66D766;
}
.table-positions .line-position.your-shift {
	background-color: #FFC66F;
}
.table-positions .line-position td {
	height: 40px;
	padding: 5px;
	/* border-right: 1px solid grey; */
}
.table-positions .line-position td:first-child {
	white-space: nowrap;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.table-positions .line-position td:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.line-position img.icon {
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
}
.line-position img.pic {
	width: 28px;
	height: 28px;
	border: 1px solid white;
	vertical-align: middle;
}
.line-position img.pic:hover {
	box-shadow: 0px 0px 10px 3px white;
}
.table-positions .line-position td.time {
	font-size: 12px;
	text-align: center;
}

.button-take-shift {
    background-color: #f4f425; /* Blue background */
	border: 2px solid #e2e236; /* Remove borders */
    color: black; /* White text */
    padding: 5px 10px; /* Some padding */
    font-size: 16px; /* Set a font size */
	cursor: pointer; /* Mouse pointer on hover */
	height: 100%;
}
.button-take-shift:hover {
    background-color: #e2e236 !important;
}
.button-remove-from-shift {
    background-color: #ffad33; /* Blue background */
	border: 2px solid #ff9900; /* Remove borders */
    color: black; /* White text */
    padding: 5px 10px; /* Some padding */
    font-size: 16px; /* Set a font size */
	cursor: pointer; /* Mouse pointer on hover */
	height: 100%;
}
.button-remove-from-shift:hover {
	background-color: #ff9900 !important;
}

.waiting-list {
	padding: 5px;
	border: 2px solid #209720; /* Remove borders */
}
.waiting-list:hover {
	background-color: rgba(50, 220, 50, 0.8) !important;
}
.waiting-list.button-remove {
	border: 2px solid #972020; /* Remove borders */
}
.waiting-list.button-remove:hover {
	background-color: rgba(255, 20, 20, 0.7) !important;
}


#shift-overview-visual {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	border: 1px solid grey;
}
#shift-overview-visual thead th {
	font-size: 11px;
	text-align: left;
	border: 1px solid grey;
}
#shift-overview-visual thead td {
	font-size: 10px;
	text-align: left;
	border: 1px solid grey;
}
#shift-overview-visual tbody td {
	padding: 0px;
}

.progress-bar {
	margin-bottom: 8px;
}
.progress-bar .progress {
	padding: 2px 4px;
	font-size: 14px;
}

.icon {
	cursor: pointer;
	width: 28px;
	height: 28px;
	vertical-align: middle;
}
.icon:hover {
	opacity: 0.5;
}


.waiting-list-row {
	width: 100%;
	border-radius: 50px;
	background-color: rgb(255, 223, 189);
	margin: 5px 0px;
	cursor: pointer;
}
.waiting-list-row:hover {
	background-color: rgb(255, 178, 96);
}


table.settings-locations td {
	vertical-align: middle;
}


a.link-as-button {
	text-decoration: none;
	padding: 8px;
	background-color: lightgreen;
	border: 2px solid rgb(39, 194, 39);
}

a.link-as-button:hover {
	background-color: rgb(186, 236, 186);
	opacity: 0.8;
}

table.table-trip-details, table.table-trip-details tr {
	width: 100%;
}
table.table-trip-details td:nth-child(1) {
	width: 1%;
	white-space: nowrap;
}
table.table-trip-details td {
	padding: 5px 0px;
}
table.table-trip-details td .min-width {
	min-width: 300px;
}

.button-fold.unfolded {
	margin-bottom: 12px;
}


div.ui-tooltip {
	border: 2px solid lightblue !important;
	max-width: 500px;
}


.trip-evaluation-file-existing {
	padding: 4px;
	background-color: rgba(0, 255, 0, 0.2);
}


li.greyed-out {
	background-color: rgb(220, 220, 220);
}


ul.reg {
	list-style-type: initial;
	padding: 0px 32px;
	margin: initial;
}

ul.reg li {
	float: initial;
}

.navbar-button {
	margin: 4px 0px;
}

.nav-div-justify {
	font-size: 14px;
	text-align: justify;
}
.nav-div-justify p {
	margin-bottom: 4px;
}


tr.user-on-trip {
	background-color: white;
}
tr.user-on-trip td {
	background-color: rgba(255, 100, 100, 0.3) !important;
}
span.user-on-trip {
	background-color: rgba(255, 100, 100, 0.3);
}
.header + .content {
	margin-top: 100px;
}


#tableStatistics th {
	padding-right: 15px;
}


#tableSortPositions .position-sortable {
	background-color: rgba(0, 153, 255, 0.5);
	border-radius: 20px;
	width: 100%;
	cursor: pointer;
}
#tableSortPositions .not-sortable {
	background-color: rgba(0, 153, 255, 0.25);
	cursor: initial;
}
#tableSortPositions .position-sortable td:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
#tableSortPositions .position-sortable td:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
#tableSortPositions .position-sortable td {
	text-align: center;
	padding: 5px 15px;
}
#tableSortPositions .position-sortable td .icon {
	cursor: initial;
	width: 20px;
	height: 20px;
	margin: 0px 1px;
}
#tableSortPositions .position-sortable td .icon:hover {
	opacity: 1;
}

.no-padding {
	overflow-y: hidden;
	padding: 0;
}

dd {
	margin-bottom: 8px;
}


.input-readonly {
	cursor: not-allowed;
}

textarea.textarea-w3-style {
	width: 100%;
	height: 250px;
	padding: 8px 12px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: none;
	overflow-y: auto;
}


.scand-badge {
	border-radius: 10px;
    padding: 2px 10px;
    text-align: center;
    width: 30px;
}

.loading-circle {
	border: 10px solid #f3f3f3; /* Light grey */
	border-top: 10px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}
.loading-circle-small {
	border: 4px solid #3498db3f;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.w3-modal {
	z-index: 1000 !important;
}


.scand-highlight {
	animation: highlight 3000ms ease-out;
}
@keyframes highlight {
	0% {
		background-color: orange;
	}
}


.table-icon-explanation td {
	padding: 4px;
}