/* calendar styles */
#calendar {
    -moz-user-select: none;
    border: 1px solid #EEEEEE;
    border-radius: 6px 6px 6px 6px;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 0.85em;
    margin: 5px auto;
    padding: 0.4em;
    width: 250px;
}
#calendar .navigation {
    background-color: #CC0000;
    border: 1px solid #000;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
    position: relative;
}
#calendar .navigation .title {
    background: none repeat scroll 0 0 transparent;
    border-color: rgba(0, 0, 0, 0);
    color: inherit;
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
#calendar .navigation .prev, #calendar .navigation .next {
    background-image: url(../images/nav.png);
    height: 24px;
    opacity: 0.9;
    position: absolute;
    top: 4px;
    width: 24px;
}
#calendar .navigation .prev {
    background-position: 0 0;
    left: 4px;
}
#calendar .navigation .next {
    background-position: -24px 0;
    right: 4px;
}
#calendar .navigation .prev:hover, #calendar .navigation .next:hover {
    opacity: 1;
}
#calendar table {
    border-collapse: collapse;
    font-size: 0.9em;
    table-layout: fixed;
    width: 100%;
}
#calendar table th {
    border: 0 none;
    font-weight: bold;
    padding: 0.7em 0.3em;
    text-align: center;
}
#calendar table td {
    border: 0 none;
    padding: 1px;
}
#calendar table td a {
    background-color: #EEEEEE;
    border: 1px solid #D8DCDF;
    color: #004276;
    display: block;
    font-weight: normal;
    opacity: 0.7;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
#calendar table td a:hover {
    background-color: #F6F6F6;
    border: 1px solid #CDD5DA;
    color: #111111;
}
#calendar table td.current a {
    font-weight: bold;
    opacity: 1;
}
#calendar table td.today a {
    background-color: #FBF8EE;
    border: 1px solid #FCD3A1;
    color: #444444;
    font-weight: bold;
    opacity: 1;
}
.selectable{
	margin: -2px 0px -2px 0px;
}
table .selectable .ui-selectee {
	font-size: 0.7em;
	border: 1px solid #fff;
	/*padding: -20px 5px -20px 5px;*/
	margin: 0px 0px 0px 0px;

    /*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    background: #00f;*/
}
table .selectable .ui-selecting {
	background: url('../images/selecting.png');
	border: 1px solid #f10;
}
table .selectable .ui-selected {
	background: url('../images/selected.png');
	border: 1px solid #f10;
}

table .selectable .ui-selectee br {
	border: 0px; /* dont */
}
div .ui-selected { background: #F39814; color: red; }
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
	margin-left: -80px;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 7px;
}
div.ui-tooltip {
    max-width: 1900px;
}
.contextMenu {
  position: absolute;
  display:none;
}

.contextMenu div {
    padding: 8px 12px;
    cursor: pointer;
}

.contextMenu div:hover {
    background-color: #DDEEFF;
}

.contextMenuLink {
	Text-Align: center;
	cursor: pointer;
    text-decoration: none;
}
.contextMenuLink:hover{
    background-color: #DDEEFF;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.colorLightgrey{
	color:lightgrey;
}
table {
	font-size:0.95em;
}
.justRed{
    color: red;
}
.justBackgroundOrange{
    background-color: orange;
}
.justLimegreen{
    color: limegreen;
}
.justLightOrange{
    color: #FFC800;
}
.justTextalignLeft{
    Text-align: left;
}
.justTextalignRight{
    Text-align: right;
}
.justFloatLeft{
    float: left;
}
.justFloatRight{
    float: right;
}
.justUnderline{
    text-decoration: underline;
}
.deleteTimeFrame:hover{
	background-color: #EEE;
	cursor: pointer;
}
.unblockTimeFrame{
    color: limegreen;
}
.unblockTimeFrame:hover{
    background-color: #EEE;
    cursor: pointer;
}
.delegateTimeFrameToSpecificRamp{
    color: cornflowerblue;
}
.delegateTimeFrameToSpecificRamp:hover{
    background-color: #EEE;
    cursor: pointer;
}
.selectTimeFrame{
    Text-align: left;
    padding: 3px 0px 3px 0px;
}
.selectTimeFrame:hover{
	background-color: #EEE;
}
.close {
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
	margin: -14px -5px 0px 0px;
	padding: -100px -10px -10px -10px;
}
.close:focus, .close:hover {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
    text-decoration: none;
}
.user {
	color: blue;
	font-weight: bold;
	text-align: right;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: right;
}
.selectedWeekOfYear{
	background-color: #ffffd0;
}
label {
	display: inline-block;
	width: 0.5em;
}
.time{
	text-align:center; 
	background-color: #ede8d9; 
	border: 2px solid #000000; 
	border-collapse: collapse;
	margin: 1px; 
	z-index: 10;
}
.buttonLink {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}
.dropdown-allShippers{
    padding: 5px 10px 5px 0px;
}
.cursorPointer{
    cursor: pointer;
}
.cursorHelp{
    cursor: help;
}
.rightRounded{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 0.9375em;
    margin-left: 1px;
}
.leftRounded{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 0.9375em;
    margin-right: 1px;
}
.topRounded{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: 1px;
    margin-right: 1px;
}
.greenBackround{
    background: #6BBD49;
    color: white;
}
.darkGrayBackround{
    background: lightgrey;
    color: #EEE;
}
.darkGrayBackround:hover{
    background: lightgrey;
    color: white;
}
.reiter{
    line-height: 1.5em;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.15em 1em 0.25em 1em;
    transition: 0.2s color ease-out, 0.2s background-color ease-out;
    word-wrap: break-word;
    text-decoration: none;
}
.justNoTextDecoration{
    text-decoration: none;
}
.carbonFibre{
    background:
            radial-gradient(black 15%, transparent 16%) 0 0,
            radial-gradient(black 15%, transparent 16%) 8px 8px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
            radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    background-size:16px 16px;
}
.arrows{
    overflow: visible !important;
    background: -webkit-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
    background: -moz-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
    background: -ms-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
    background: -o-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
    background: linear-gradient(45deg, #085078 10%, #85d8ce 90%);
}
.goodBackground{
    opacity: 0.9;
    background: linear-gradient(45deg, white 25%,
    #E9D8BA 25%, #E9D8BA 50%,
    white 50%, white 75%,
    #E9D8BA 50%);
    background-size:100px 100px;
    -webkit-box-shadow:inset 0 0 20px 2px #cbcbcb;
    box-shadow:inset 0 0 200px 2px #b4b4b4;
    z-index: auto;
}
.fieldsetContainer {
    height: 0;
    overflow: hidden;
    transition: height 200ms linear;
}
#toggle {
    display: none;
}
#toggle:checked ~ .fieldsetContainer {
    height: 260px;
    overflow:auto;
}
label .arrow-dn { display: inline-block; margin-bottom: 20px;  }
label .arrow-up { display: none;}

#toggle:checked ~ label .arrow-dn { display: none; }
#toggle:checked ~ label .arrow-up { display: inline-block; }

.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    z-index: 1000;
}
.configurationWorkingTimes{
    padding-right:180px;
}

.registration a:link{
    color: green;
    background-color: transparent;
}
.registration a:visited {
    color: lightgreen;
    background-color: transparent;
    text-decoration: none;
}
.registration a:hover {
    color: darkgreen;
    background-color: transparent;
    text-decoration: underline;
}
.registration a:active{
    color: blue;
    background-color: transparent;
    text-decoration: underline;
}
.registration {
     color: green;
     background-color: transparent;
 }

.registrationDeactivated {
    color: red;
    background-color: transparent;
}
.registrationWhite a:link{
    color: white;
    background-color: transparent;
}
.registrationWhite a:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}
.registrationWhite a:hover {
    color: darkgray;
    background-color: transparent;
    text-decoration: underline;
}
.registrationWhite a:active{
    color: white;
    background-color: transparent;
    text-decoration: underline;
}