/* Minification failed. Returning unminified contents.
(6428,69): run-time error CSS1030: Expected identifier, found ','
(6428,80): run-time error CSS1031: Expected selector, found ')'
(6428,80): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! jQuery UI - v1.12.0 - 2016-08-16
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("../images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("../images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.ui-timepicker-wrapper {
    overflow-y: auto;
	height: 9em;
	width: 7.4em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -ms-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.alertmessage {
    top: 1em;
    left: calc(50% - 7em);
    display: table;
    background-color: white;
    padding: 0.2em;
    position: fixed;
    z-index: 1000;
    text-align: center;
    font-weight: bold;
    -moz-min-width: 15em;
    -ms-min-width: 15em;
    -o-min-width: 15em;
    -webkit-min-width: 15em;
    min-width: 15em;
    -ms-border-radius: 0.3em;
    border-radius: 0.3em;
}

.alertoverlay {
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
}

.alert, .confirm {
    left: calc(50% - 22em);
    top: calc(50% - 10em);
    max-width: 44em;
    width: 90%;
    height: 20em;
    position: fixed;
    background-color: #fff;
    -webkit-animation: showAlert 0.3s;
    -moz-animation: showAlert 0.3s;
    -ms-animation: showAlert 0.3s;
    -o-animation: showAlert 0.3s;
    animation: showAlert 0.3s;
    text-align: center;
    z-index: 1010;
    -ms-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.confirm.options {
    top: calc(50% - 15em);
    height: 30em;
}

.alert.hide, .confirm.hide {
    -webkit-animation: hideAlert 0.3s;
    -moz-animation: hideAlert 0.3s;
    -ms-animation: hideAlert 0.3s;
    -o-animation: hideAlert 0.3s;
    animation: hideAlert 0.3s;
}

.alert .mark, .confirm .mark {
    border: 4px solid #f27474;
    width: 5.5em;
    height: 5.5em;
    margin: 2em 0;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: animateMark 0.5s;
    -moz-animation: animateMark 0.5s;
    -ms-animation: animateMark 0.5s;
    -o-animation: animateMark 0.5s;
    animation: animateMark 0.5s;
}

.confirm .mark {
    border-color: #f8bb86;
}

.alert .x {
    -webkit-animation: animateXMark 1s;
    -moz-animation: animateXMark 1s;
    -ms-animation: animateXMark 1s;
    -o-animation: animateXMark 1s;
    animation: animateXMark 1s
}

.alert .markline {
    height: 0.4em;
    width: 3em;
    background-color: #f27474;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    margin: 2.5rem 0 0 1rem;
}

.alert .markline.left {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alert .markline.right {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.confirm .markline {
    height: 3em;
    width: 0.3em;
    background-color: #f8bb86;
    -ms-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    margin: 0.7rem 0 0 2.4rem;
    -webkit-animation: animateConfirmLine 0.5s;
    -moz-animation: animateConfirmLine 0.5s;
    -ms-animation: animateConfirmLine 0.5s;
    -o-animation: animateConfirmLine 0.5s;
    animation: animateConfirmLine 0.5s
}

.confirm .markdot {
    height: 0.5em;
    width: 0.5em;
    background-color: #f8bb86;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    margin: 4.2rem 0 0 2.3rem;
    -webkit-animation: animateConfirmDot 1s;
    -moz-animation: animateConfirmDot 1s;
    -ms-animation: animateConfirmDot 1s;
    -o-animation: animateConfirmDot 1s;
    animation: animateConfirmDot 1s
}

.alert p, .confirm p {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #797979;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    min-height: 5em;
}

.confirm.options p {
    min-height: 3em;
    margin-bottom: 1em;
}           

.alert button, .confirm button {
    background-color: #8cd4f5;
    padding: 0.6em 2em;
    -ms-border-radius: 0.4em;
    border-radius: 0.4em;
    font-size: 1.1em;
    color: #fff;
}

.confirm label {
    margin: 0;
    padding: 0;
    width: auto;
    font-weight: bold;
}

.confirm .tablecontainer {
    padding-bottom: 1em;    
}

.confirm .tablecontainer table {
    width: auto;
    display: inline-block;
}

.confirm .tablecontainer tr {
    background-color: #fff;
}

.confirm .tablecontainer tr td:first-child{
    padding-top: 0.7em;
}

.confirm .confirmno {
    background-color: #c1c1c1;
    margin-bottom: 0.5em;
}

.confirm .confirmyes {
    margin-right: 1em;
    margin-bottom: 0.5em;
    background-color: #55d89f;
}

.confirm .danger {
    background-color: #dd6b55;
}

@keyframes showAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7); }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05); }
    80% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95); }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1); }
}

@-webkit-keyframes hideAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1); }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5); }
}

@keyframes animateMark {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0; }
    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1; }
}

@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0; }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px; }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1; }
}

@keyframes animateConfirmLine {
    0% {
        transform: rotateZ(100deg);
        -webkit-transform: rotateZ(100deg);
        opacity: 0; }
    100% {
        transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        opacity: 1; }
}

@keyframes animateConfirmDot {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: -1rem;
        opacity: 0; 
        margin-left: 1rem;
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: -1rem;
        opacity: 0;
        margin-left: 1rem;
    }
    80% {
        transform: scale(1.35);
        -webkit-transform: scale(1.35);
        margin-top: 4.3rem; 
        margin-left: 2.25rem;
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 4.2rem;
        margin-left: 2.3rem;
        opacity: 1; 
    }
}

@media only screen and (max-width: 44em) {
    .alert, .confirm {
        left: calc(50% - 45%);
    }
}

@media only screen and (max-width: 30em) {
    .alert p, .alert .tablecontainer, .alert button, 
    .confirm p, .confirm .tablecontainer, .confirm button {
        font-size: 3.4vw;
    }
    .alert, .confirm, .confirm.options {
        height: auto;
    }
}
input[type=radio], input[type=checkbox] {
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    left: -100vw;
}

.k-animation-container input[type=radio], .k-animation-container input[type=checkbox] {
    position: initial;
    width: auto;
    height: auto;
    vertical-align: initial;
}

.radio {
    padding: 0;
    width: 1.05rem!important;
    height: 1.05rem!important;
    margin: 0.25em 0.5em 0 0;
    display: inline-block!important;
    border: 1px solid #555;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    background-color: #fff;
    -ms-border-radius: 0.9em;
    border-radius: 0.9em;
    vertical-align: top;
    text-align: left;
}

input[type=radio]:checked + .radio::before {
    content: '';
    position: absolute;
    margin: 0.12rem 0 0 0.13rem;
    -ms-border-radius: 1em;
    border-radius: 1em;
    width: 0.675rem;
    height: 0.675rem;
    background: #50768a;
    background: -moz-linear-gradient(125deg, #92bfd6 40%,#50768a 70%);
    background: -webkit-linear-gradient(125deg, #92bfd6 40%,#50768a 70%);
    background: linear-gradient(125deg, #92bfd6 40%,#50768a 70%);
}


/*************************************\
*   D E F A U L T   C H E C K B O X   *
\*************************************/
.checkbox {
    padding: 0;
    width: 1em!important;
    height: 1em!important;
    margin: 0.25em 0.5em 0 0;
    display: inline-block!important;
    border: 1px solid #777;
    background-color: #fff;
    vertical-align: top;
    text-align: left;
    -ms-border-radius: 0.12em;
    border-radius: 0.12em;
}

input[type=checkbox]:focus + .checkbox,
input[type=radio]:focus + .radio {
    border: 1px solid #0000dd;
    box-shadow: 0 0 1px #0000dd;
}

input[type=checkbox]:checked + .checkbox::before,
.checkbox.checked::before {
    content: '';
    position: absolute;
    margin: -0.3em 0 0 0.3em;
    border-right: 3px solid #61b8a7;
    border-bottom: 3px solid #61b8a7;
    width: 0.3em;
    height: 0.8em;
    transform: rotate(45deg);
}

.k-grid .checkbox.checked::before {
    content: '';
    position: absolute;
    margin: -0.3em 0 0 0.3em;
    border-right: 5px solid #61b8a7;
    border-bottom: 5px solid #61b8a7;
    width: 0.3em;
    height: 0.8em;
    transform: rotate(45deg);
}

/**********************************\
*   O N  /  O F F    S W I T C H   *
\**********************************/
.onoffswitch {
    width: 2.5em!important;
    padding: 0.15em;
    border-radius: 1em;
    height: 1.3em;
    background-color: #ddd;
    position: relative;
    transition: background-color 0.3s ease-in-out;
    display: inline-block;
	vertical-align: top;
	margin-bottom: 0.8em;
}

.onoffswitch::before {
    content: '';
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    display: block;
    z-index: 1;
    transition: margin-left 0.3s ease-in-out;
}

input[type=checkbox]:checked + .onoffswitch,
.onoffswitch.checked {
    background-color: #1b81eb;
}

input[type=checkbox]:checked + .onoffswitch::before,
.onoffswitch.checked::before {
    margin-left: 1.2em;
}

input[type=checkbox]:focus + .onoffswitch {
    background-color: #aaa;
}

input[type=checkbox]:checked:focus + .onoffswitch {
    background-color: #1562af;
}
.colorpicker {
    display: inline-block;
    width: 18.25em;
    height: 18.25em;
    vertical-align: top;
    margin-bottom: 1em;
    border: 1px solid #888;
}

.colorpicker .selectedcolor {
    position: absolute;
    width: 4.35em;
    height: 4.4em;
    margin-left: 6.95em;
    margin-top: 6.95em;
    border-radius: 50%;
}

.colorpicker .colors {
    position: absolute;
    text-align: center;
    width: 0.8em;
    height: 6.39em;
    z-index: 5;
}

.colorpicker .colorline1 {
    margin-left: 8.7em;
    margin-top: 0.49em;
}

.colorpicker .colorline2 {
    margin-left: 10.8em;
    margin-top: 0.89em;
    -webkit-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
}

.colorpicker .colorline3 {
    margin-left: 12.56em;
    margin-top: 2.07em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.colorpicker .colorline4 {
    margin-left: 13.75em;
    margin-top: 3.84em;
    -webkit-transform: rotate(67.5deg);
    transform: rotate(67.5deg);
}

.colorpicker .colorline5 {
    margin-left: 14.18em;
    margin-top: 5.93em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.colorpicker .colorline6 {
    margin-left: 13.75em;
    margin-top: 8.02em;
    -webkit-transform: rotate(112.5deg);
    transform: rotate(112.5deg);
}

.colorpicker .colorline7 {
    margin-left: 12.56em;
    margin-top: 9.79em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.colorpicker .colorline8 {
    margin-left: 10.75em;
    margin-top: 10.95em;
    -webkit-transform: rotate(157.5deg);
    transform: rotate(157.5deg);
}

.colorpicker .colorline9 {
    margin-left: 8.7em;
    margin-top: 11.37em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.colorpicker .colorline10 {
    margin-left: 6.62em;
    margin-top: 10.95em;
    -webkit-transform: rotate(202.5deg);
    transform: rotate(202.5deg);
}

.colorpicker .colorline11 {
    margin-left: 4.84em;
    margin-top: 9.79em;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.colorpicker .colorline12 {
    margin-left: 3.65em;
    margin-top: 8.02em;
    -webkit-transform: rotate(247.5deg);
    transform: rotate(247.5deg);
}

.colorpicker .colorline13 {
    margin-left: 3.22em;
    margin-top: 5.93em;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.colorpicker .colorline14 {
    margin-left: 3.65em;
    margin-top: 3.84em;
    -webkit-transform: rotate(292.5deg);
    transform: rotate(292.5deg);
}

.colorpicker .colorline15 {
    margin-left: 4.84em;
    margin-top: 2.07em;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.colorpicker .colorline16 {
    margin-left: 6.61em;
    margin-top: 0.89em;
    -webkit-transform: rotate(337.5deg);
    transform: rotate(337.5deg);
}

.colorpicker .colors .color {
    height: 0.7em;
    margin: 0 0 0.1em 0.1em;
    cursor: pointer;
    position: absolute;
    z-index: 10;
}

.colorpicker .colors .color.active:before {
    position: absolute;
    content: '';
    margin-top: -0.17em;
    height: 0.65em;
    border: 1px solid #000;
    z-index: 20;
}

.colorpicker .colors .color:nth-child(1) {
    width: 2.8em;
}

.colorpicker .colors .color:nth-child(1):before {
    width: 2.7em;
    margin-left: -1.4em;
}

.colorpicker .colors .color:nth-child(2) {
    width: 2.5em;
    margin-top: 0.85em;
}

.colorpicker .colors .color:nth-child(2):before {
    width: 2.4em;
    margin-left: -1.25em;
}

.colorpicker .colors .color:nth-child(3) {
    width: 2.2em;
    margin-top: 1.7em;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.colorpicker .colors .color:nth-child(3):before {
    width: 2.1em;
    margin-left: -1.1em;
}

.colorpicker .colors .color:nth-child(4) {
    width: 1.9em;
    margin-top: 2.55em;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg)
}

.colorpicker .colors .color:nth-child(4):before {
    width: 1.8em;
    margin-left: -0.95em;
}

.colorpicker .colors .color:nth-child(5) {
    width: 1.6em;
    margin-top: 3.4em;
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

.colorpicker .colors .color:nth-child(5):before {
    width: 1.5em;
    margin-left: -0.8em;
}

.colorpicker .colors .color:nth-child(6) {
    width: 1.3em;
    margin-top: 4.2em;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg)
}

.colorpicker .colors .color:nth-child(6):before {
    width: 1.2em;
    margin-left: -0.65em;
}

.colorpicker .colors .color:nth-child(7) {
    width: 1em;
    margin-top: 5.05em;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.colorpicker .colors .color:nth-child(7):before {
    width: 0.9em;
    margin-left: -0.5em;
}

.colorpicker .colors .color:nth-child(8) {
    width: 0.8em;
    margin-top: 5.9em;
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
}

.colorpicker .colors .color:nth-child(8):before {
    width: 0.7em;
    margin-left: -0.4em;
}

.colorpicker .colors .color.active {
    border: 2px solid #fff;
}

.viewcolor {
    width: 3em;
    height: 1.4em;
    border: 1px solid #333;
}
:root .grid-stack-item > .ui-resizable-handle {
    filter: none;
}

.grid-stack {
    position: relative;
}

.grid-stack * {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.grid-stack.grid-stack-rtl {
    direction: ltr;
}

.grid-stack.grid-stack-rtl > .grid-stack-item {
    direction: rtl;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
    border: 1px dashed lightgray;
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
    z-index: 0 !important;
    text-align: center;
}

.grid-stack > .grid-stack-item {
    min-width: 8.3333333333%;
    position: absolute;
    padding: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    margin: 0;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
    z-index: 0 !important;
    overflow: hidden;
}

.grid-stack > .grid-stack-item > .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
    display: none;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
    z-index: 100;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
    opacity: 0.8;
}

.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-nw {
    cursor: nw-resize;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-n {
    cursor: n-resize;
    height: 10px;
    top: 0;
    left: 25px;
    right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-ne {
    cursor: ne-resize;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    right: 10px;
    top: 15px;
    bottom: 15px;
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
    cursor: se-resize;
    width: 20px;
    height: 20px;
    right: 10px;
    bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-s {
    cursor: s-resize;
    height: 10px;
    left: 25px;
    bottom: 0;
    right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-sw {
    cursor: sw-resize;
    width: 20px;
    height: 20px;
    left: 10px;
    bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    left: 10px;
    top: 15px;
    bottom: 15px;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
    display: none !important;
}

.grid-stack > .grid-stack-item[data-gs-width='1'] {
    width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='1'] {
    left: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
    min-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
    max-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='2'] {
    width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='2'] {
    left: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
    min-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
    max-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='3'] {
    width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-x='3'] {
    left: 25%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
    min-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
    max-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-width='4'] {
    width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='4'] {
    left: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
    min-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
    max-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='5'] {
    width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='5'] {
    left: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
    min-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
    max-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='6'] {
    width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-x='6'] {
    left: 50%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
    min-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
    max-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-width='7'] {
    width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='7'] {
    left: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
    min-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
    max-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='8'] {
    width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='8'] {
    left: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
    min-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
    max-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='9'] {
    width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-x='9'] {
    left: 75%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
    min-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
    max-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-width='10'] {
    width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='10'] {
    left: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
    min-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
    max-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='11'] {
    width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='11'] {
    left: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
    min-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
    max-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='12'] {
    width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-x='12'] {
    left: 100%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
    min-width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
    max-width: 100%;
}

.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
    -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
    -webkit-transition: left 0s, top 0s, height 0s, width 0s;
    -moz-transition: left 0s, top 0s, height 0s, width 0s;
    -ms-transition: left 0s, top 0s, height 0s, width 0s;
    -o-transition: left 0s, top 0s, height 0s, width 0s;
    transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack.grid-stack-one-column-mode {
    height: auto !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    position: relative !important;
    width: auto !important;
    left: 0 !important;
    top: auto !important;
    margin-bottom: 20px;
    max-width: none !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
    display: none;
}

.dashboardcontainer {
    position: absolute;
    background-color: #eaeaea;
    margin-top: -2.1em;
    left: 4em;
    width: calc(100% - 4em);
}

.dashboardcontainer.fullscreen {
    position: inherit;
    margin-top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.dashboardcontainer .header {
    background-color: #fff;
    padding: 0.7em;
    text-align: right;
}

.dashbutton {
    padding: 0.3em;
    display: inline-block;
    border: 1px solid #fff;
    cursor: pointer;
    margin-right: 0.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dashboardcontainer.edit .dashbutton {
    display: none;
}

.dashbutton.icon-add, .dashbutton.icon-checkmark {
    margin-right: 0;
    display: none;
}

.dashboardcontainer.edit .dashbutton.icon-add,
.dashboardcontainer.edit .dashbutton.icon-checkmark {
    display: inline-block;
}

.dashbutton.icon-checkmark {
    display: none;
}

.dashbutton:last-child {
    margin-right: 0;
}

.dashbutton:hover {
    border: 1px dashed #ccc;
}

.dashbutton.icon-add div {
    display: none;
    margin-top: -2em;
    padding-top: 2em;
    position: absolute;
    z-index: 80;
}

.dashbutton.icon-add ul {
    list-style: none;
    border: 1px solid #bbb;
    background-color: #fff;
}

.dashbutton.icon-add li {
    text-align: left;
    padding: 0.3em 0.5em;
}

.dashbutton.icon-add li:hover {
    background-color: #eee;
}

.dashboard {
    padding: 1em;
    background-color: #eaeaea;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 11.7em);
}

.dashboard:-webkit-full-screen,
.dashboard:-moz-full-screen,
.dashboard:-ms-fullscreen,
.dashboard:fullscreen {
    overflow: auto;
}

.dashboardcontainer.edit .dashboard {
    max-width: 100%;
    max-height: calc(100vh - 11.7em);
    position: relative;
    overflow: auto;
}

.grid-stack {
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.grid-stack-item-content {
    background-color: #fff;
    padding: 0.2em 0.5em 1em 0.5em;
}

.grid-stack-item-content * {
    cursor: default;
}

.grid-stack-item-content .value {
    cursor: pointer;
}

.grid-stack-item-content .value:hover {
    color: #0044ee;
}

.dashboardcontainer.edit .grid-stack-item-content .value {
    cursor: default;
}

.dashboardcontainer.edit .grid-stack-item-content .value:hover {
    color: #000000;
}

.grid-stack-item .settings {
    position: absolute;
    z-index: 1;
    right: 0.625em;
    margin-top: -0.6em;
    padding: 0 1em;
    background-color: #fff;
    text-align: center;
    border-radius: 0.5em;
    display: none;
}

.dashboardcontainer.edit .grid-stack-item:hover .settings {
    display: block;
}

.grid-stack-item .settings div {
    display: inline-block;
    cursor: pointer;
    margin-right: 0.7em;
}

.grid-stack-item .settings div::before {
    margin: 0;
}

.grid-stack-item .settings div:last-child {
    margin-right: 0;
}

.dashboard .slider {
    width: 100%;
    height: 100%;
}

.dashboard .slide {
    width: 100%;
    height: 100%;
    display: none;
}

.dashboard .slide h3, .dashboard .slide h4 {
    visibility: hidden;
}

.dashboard .slide h4:last-child {
    visibility: visible;
}

.dashboard .slide.active {
    display: block;
}

.dashboard .centercontentcontainer {
    text-align: center;
    height: 100%;
    width: 100%;
}

.dashboardcontainer .dashboard .header {
    background-color: transparent;
    position: absolute;
    text-align: left;
    z-index: 1;
}

.dashboardcontainer .dashboard .header.fixedheader {
    width: 100%;
    background-color: #fff;
    z-index: 1;
    margin-top: -0.5em;
    padding-top: 1.3em;
    padding-bottom: 0.2em;
}

.dashboard h3 {
    margin: 0;
    font-size: 1em;
}

.dashboard h4 {
    font-weight: normal;
}

.dashboard h5 {
    font-weight: lighter;
    font-size: 0.7em
}

.dashboard .columns h4,
.dashboard .slidercolumns h4 {
    margin: 2.2em 0 0 0.7em;
    position: absolute;
}

.dashboard .columns h5,
.dashboard .slidercolumns h5 {
    margin: 3.5rem 0 0 0.7rem;
    position: absolute;
}

.dashboard .columns,
.dashboard .slidercolumns,
.dashboard .columns .grid-33,
.dashboard .columns .grid-50,
.dashboard .slidercolumns .grid-33,
.dashboard .slidercolumns .grid-50 {
    height: 100%;
}

.dashboard .columns.tworows {
    height: 50%;
}

.dashboard .stackedcolumns {
    height: 100%;
    padding: 2.5em 0.6em 0 0.6em;
}

.dashboard .sliderstackedcolumns {
    top: 0;
    height: 150%;
    position: relative;
    padding: 2.5em 0.7em 0 0.7em;
    -o-transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
}

.dashboard .stackedcolumns.extraheader {
    margin: 1.2em 0.2em 0 0.2em;
    height: 100%;
}

.dashboard .sliderstackedcolumns.extraheader {
    margin-top: 1.2em;
    height: calc(150% + 1.2em);
}

.dashboard .stackedcolumns.columns-2 > div {
    height: 50%
}

.dashboard .stackedcolumns.columns-3 > div,
.dashboard .sliderstackedcolumns > div {
    height: 33%
}

.dashboard .slidercolumns {
    left: 0;
    width: 150%;
    position: relative;
    -o-transition: left 0.5s ease-in-out;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

.dashboard .centercontentcontainer > * {
    width: calc(100% - 2px);
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.dashboard .header + .centercontentcontainer > *,
.columns .centercontentcontainer > *,
.slidercolumns .centercontentcontainer > * {
    vertical-align: bottom;
}

.dashboard .centercontentcontainer h3 {
    vertical-align: top;
}

.dashboard .centercontentcontainer .vertmiddle {
    width: 1px;
    height: 100%;
}

.dashboard .centercontentcontainer .value {
    font-size: 5.6em;
    font-family: 'Tulpen One', cursive;
}

.dashboard .centercontentcontainer .loader,
.dashboard .centercontentcontainer .loader::before,
.dashboard .centercontentcontainer .loader::after {
    background: #aaa;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.dashboard .centercontentcontainer .loader {
    color: #aaa;
    text-indent: -9999em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    width: 11px;
}

.dashboard .centercontentcontainer .loader::before,
.dashboard .centercontentcontainer .loader::after {
    position: absolute;
    top: 0;
    content: '';
}

.dashboard .centercontentcontainer .loader::before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.dashboard .centercontentcontainer .loader::after {
    left: 1.5em;
}

.dashboard .nodatafound {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 0.9em;
    margin-top: 1rem;
    padding: 0 1rem 1rem 0;
    z-index: 2;
    font-style: italic;
    display: none;
    text-align: center;
}

.dashboard .nodatafound .nodata::before {
    content: '\ab\00a0';
}

.dashboard .nodatafound .nodata::after {
    content: '\00a0\bb';
}

.dashboard .nodatafound.active {
    display: block;
}

.dashboard .chart {
    margin-top: 1.25em;
    width: 100%;
    height: 95%;
}

.dashboard .chart.piechart {
    height: 100%;
}

.dashboard .chart.extraheader {
    margin-top: 2.5em;
    height: 80%;
}

.dashboard .chart.extraheader.piechart {
    height: 90%;
}

.dashboard .nodata {
    background-color: rgba(255,255,255,0.8);
    padding: 0.5em 0;
}

.dashboard .gridcontainer {
    margin: 3.5em 0.5em 1em 0.5em;
    max-height: calc(100% - 3.5em);
    overflow-x: hidden;
    overflow-y: auto;
}

.dashboard .gridcontainer.extraheader {
    margin-top: 4.5em;
    max-height: calc(100% - 4.5em);
}

.dashboard .gridcontainer td:nth-child(2) {
    white-space: nowrap;
}

.dashboard .gridcontainer a {
    cursor: pointer;
}

.dashboard .gridcontainer .mutationgrid td span {
    display: block;
    max-width: 15em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard .gridcontainer.w8 .mutationgrid td span {
    max-width: 20em;
}

.dashboard .gridcontainer.w10 .mutationgrid td span {
    max-width: 35em;
}

.dashboard .gridcontainer.w12 .mutationgrid td span {
    max-width: 45em;
}

.dashboard .gridcontainer.gridwidth2 a {
    cursor: pointer;
}

.dashboard .gridcontainer .mw3,
.dashboard .gridcontainer .mw4,
.dashboard .gridcontainer .mw5,
.dashboard .gridcontainer .mw6,
.dashboard .gridcontainer .mw7 {
    display: none;
}

.dashboard .gridcontainer .right {
    padding-right: 0.5em;
}

.dashboard .gridcontainer.w3 .mw3,
.dashboard .gridcontainer.w4 .mw4,
.dashboard .gridcontainer.w5 .mw5,
.dashboard .gridcontainer.w6 .mw6,
.dashboard .gridcontainer.w7 .mw7 {
    display: table-cell;
}

.dashboard .gridcontainer a {
    cursor: pointer;
}

.dashboard .viewdialog {
    position: absolute;
    height: 24em;
    width: 20em;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 1px 2px 2px #000;
    padding: 0.5em;
    display: none;
}

.dashboard .viewdialog .close {
    float: right;
    color: #777;
    margin-bottom: 1em;
    border: 1px solid #777;
    display: inline-block;
    padding: 0 0.3em;
    cursor: pointer;
    font-size: 0.8em;
}

.dashboard .viewdialog .close:hover {
    color: #000;
    border: 1px solid #000;
    background-color: #eee;
}

.dashboard .viewdialog .close::before {
    content: 'x'
}

.dashboard .viewdialog > div:nth-child(2) {
    margin-bottom: 1em;
}

.dashboard .viewdialog label {
    border: 1px solid #333;
    text-align: center;
    padding: 0.25em;
    margin: 0 0 0.25em 0;
    vertical-align: top;
    cursor: pointer;
}

.dashboard .viewdialog label:before {
    margin: 0;
}

.dashboard .viewdialog input[type=radio]:checked + label {
    background-color: #333;
    color: #fff;
}

.dashboard .viewdialog .dialog-2 label {
    display: inline-block;
    width: 49%;
}

.dashboard .viewdialog .dialog-3 label {
    display: inline-block;
    width: 32.7%;
}

.dashboard .viewdialog .dialog-4 label {
    display: inline-block;
    width: 23.8%;
}

.dashboard .viewdialog label.tworowbutton {
    height: 4em;
}

.dashboard .viewdialog .vertmiddle + div {
    width: calc(100% - 2px);
    display: inline-block;
    vertical-align: middle;
}

.dashboard .viewdialog .changedialog {
    margin-top: 1.5em;
    text-align: center;
}

.dashboard .viewdialog > div {
    display: none;
}

.dashboard .viewdialog > div:first-child,
.dashboard .viewdialog > div:nth-child(2) {
    display: block;
}

.dashboard .viewdialog .lettertypedialog {
    font-size: 0.7em;
}

.dashboard .widgetdetails {
    display: none;
    background-color: #fff;
    margin: 0.5em;
    padding: 0.2em 0.5em;
}

.dashboard .widgetdetails .close {
    color: #777;
    cursor: pointer;
}

.dashboard .widgetdetails .close:hover {
    color: #000;
}

.dashboard .widgetdetails .close::before {
    content: 'x';
}

.dashboard .tablecontainer {
    overflow: auto;
}

.dashboard .tablecontainer td {
    white-space: nowrap;
}

.dashboard .tablecontainer td.longtext {
    white-space: initial;
}

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
        opacity: 0.2;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
        opacity: 1;
    }
}

@keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
        opacity: 0.2;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
        opacity: 1;
    }
}


@media only screen and (max-width: 120em) {
    .dashboard .centercontentcontainer .value {
        font-size: 4.7vw;
    }
}

@media only screen and (max-width: 100em) {
    .dashboard .gridcontainer.w3 .mw3,
    .dashboard .gridcontainer.w4 .mw4,
    .dashboard .gridcontainer.w4 .mw5,
    .dashboard .gridcontainer.w6 .mw6,
    .dashboard .gridcontainer.w7 .mw7 {
        display: none;
    }


    .dashboard .gridcontainer.w4 .mw3,
    .dashboard .gridcontainer.w5 .mw4,
    .dashboard .gridcontainer.w6 .mw5,
    .dashboard .gridcontainer.w7 .mw6,
    .dashboard .gridcontainer.w8 .mw7 {
        display: table-cell;
    }

    .dashboard h3,
    .dashboard h4 {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 80em) {
    .dashboard .sliderstackedcolumns {
        margin-top: 1em
    }

    .dashboard .gridcontainer.w4 .mw3,
    .dashboard .gridcontainer.w5 .mw4,
    .dashboard .gridcontainer.w6 .mw5,
    .dashboard .gridcontainer.w7 .mw6,
    .dashboard .gridcontainer.w8 .mw7 {
        display: none;
    }


    .dashboard .gridcontainer.w5 .mw3,
    .dashboard .gridcontainer.w6 .mw4,
    .dashboard .gridcontainer.w7 .mw5,
    .dashboard .gridcontainer.w8 .mw6,
    .dashboard .gridcontainer.w9 .mw7 {
        display: table-cell;
    }
}

@media only screen and (max-width: 48em) {
    .dashboard .centercontentcontainer .value {
        font-size: 5.5em;
    }

    .dashboard h3 {
        font-size: 2.5vw;
    }

    .dashboard h4 {
        font-size: 2.4vw;
    }
}

@media only screen and (max-width: 45em) {
    .dashboardcontainer {
        margin-top: 0;
        width: 100%;
        left: 0;
    }

    .dashboard {
        min-height: calc(100vh - 10.9em);
    }

    .grid-stack-item .settings {
        right: 0.8em;
    }

    .dashboard .mw3,
    .dashboard .mw4 {
        display: table-cell !important;
    }

    .dashboard .mw5,
    .dashboard .mw6,
    .dashboard .mw7 {
        display: none !important;
    }
}

@media only screen and (max-width: 30em) {
    .dashboard .mw4 {
        display: none !important;
    }

    .dashboard h3 {
        font-size: 0.95em;
    }

    .dashboard h4 {
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 20em) {
    .dashboard .mw3 {
        display: none !important;
    }
}

.datepicker, .timepicker {
    margin-right: 1.95em;
    width: 6.75rem;
    -ms-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    height: 2.15rem;
}

.timepicker {
    width: 4.5em;   
}

.calendarbutton, .timebutton {
    background-color: #eee;
    display: inline-block;
    position: absolute;
    margin: 0 0 0 -1.675rem!important;
    width: 1.7rem;
    height: 2.15rem;
    border: 1px solid #888;
    border-left: 0;
    -ms-border-radius: 0 0.2rem 0.2rem 0;
    border-radius: 0 0.2rem 0.2rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25rem 0.4rem;
    cursor: pointer;
    vertical-align: top;
}

.calendarbutton:before{
    content: '\e953';
    font-family: icomoon;
    font-size: 0.8em;
}

.timebutton:before{
    content: '\e94e';
    font-family: icomoon;
    font-size: 0.8em;
}

.ui-datepicker.ui-widget {
    z-index: 2005!important;
}
.fileuploadcontainer {
    display: block;
    white-space: nowrap;
}

.fileuploadcontainer {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

.fileuploadcontainer.multi {
    display: block;
}

.fileupload {
    display: block;
    height: 2.5em;
    overflow: hidden;
}

.fileuploadcontainer.multi .fileupload {
    margin-bottom: 1.5em;
}

.fileuploadcontainer .file {
    position: relative;
    display: block;
    margin: 0 1em 0.5rem 1.5rem;
    background-color: #fff;
}

.filedownloadcontainer .file {
    margin-bottom: 0.5rem;
}

.fileuploadcontainer .file:first-child {
    margin-left: 0;
}

.fileuploadcontainer .file a,
.filedownloadcontainer .file a {
    padding: 0.3rem 1rem 0.3rem 0.8rem;
    border: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    color: #444;
    text-decoration: none;
}

.fileuploadcontainer .file a img {
    vertical-align: sub;
    margin-right: 0.3em;
}

.fileuploadcontainer .file .removeFile {
    position: absolute;
    display: inline-block;
    padding: 0 0.4rem 0.2rem 0.3rem;
    background-color: #aa0000;
    color: #eee;
    -ms-border-radius: 0 0.4rem 0.4rem 0;
    border-radius: 0 0.4rem 0.4rem 0;
    cursor: pointer;
    font-size: 0.7em;
}

.fileuploadcontainer .file .removeFile:hover {
    background-color: #dd0000;
}

.fileuploadcontainer .file .removeFile:before {
    content: "x";
}

.newattachment {
    display: block;
}

.newattachment input[type=file] {
    margin: 0;
}
.loader-wrapper {
    display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
	margin: auto;
	width: 195px;
}

.cssload-loader {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.cssload-loader {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
	animation: 1.15s infinite ease-in-out;
		-o-animation: 1.15s infinite ease-in-out;
		-ms-animation: 1.15s infinite ease-in-out;
		-webkit-animation: 1.15s infinite ease-in-out;
		-moz-animation: 1.15s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}

.cssload-loader {
		background-color: white;
		animation: cssload-flower-fan 0.46s infinite linear;
		-o-animation: cssload-flower-fan 0.46s infinite linear;
		-ms-animation: cssload-flower-fan 0.46s infinite linear;
		-webkit-animation: cssload-flower-fan 0.46s infinite linear;
		-moz-animation: cssload-flower-fan 0.46s infinite linear;
}
.cssload-loader:before{
	content: "";
	width: 80%;
	height: 80%;
	background-color: white;
	top: 10%;
	left: 10%;
	box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
				5px 5px 0 rgba(100,255,100,0.7),
				-3px 5px 0 rgba(100,100,255,0.7),
				-5px -5px 0 rgba(240,240,120,0.7);
		-o-box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
				5px 5px 0 rgba(100,255,100,0.7),
				-3px 5px 0 rgba(100,100,255,0.7),
				-5px -5px 0 rgba(240,240,120,0.7);
		-ms-box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
				5px 5px 0 rgba(100,255,100,0.7),
				-3px 5px 0 rgba(100,100,255,0.7),
				-5px -5px 0 rgba(240,240,120,0.7);
		-webkit-box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
				5px 5px 0 rgba(100,255,100,0.7),
				-3px 5px 0 rgba(100,100,255,0.7),
				-5px -5px 0 rgba(240,240,120,0.7);
		-moz-box-shadow: 5px -3px 0 rgba(255,100,100,0.7),
				5px 5px 0 rgba(100,255,100,0.7),
				-3px 5px 0 rgba(100,100,255,0.7),
				-5px -5px 0 rgba(240,240,120,0.7);
}
.cssload-loader:after{
	content: "";
	border: 3px solid white;
	z-index: 2;
	top: -3px;
	left: -3px;
}




@keyframes cssload-flower-fan {
	0%	 { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-o-keyframes cssload-flower-fan {
	0%	 { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-flower-fan {
	0%	 { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-flower-fan {
	0%	 { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-flower-fan {
	0%	 { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
.multiselect ul {
    list-style: none;
    margin-left: 0!important;
}

.multiselect * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.multiselect.groupselect {
    padding-top: 3em;
}

.multiselect select {
    position: absolute;
    width: calc(46.3% - 4em);
    margin-right: 0.5%;
    max-width: 35.3em;
    margin: -3.3em 0 0 -0.7em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.multiselect .box {
    width: 46%;
    display: inline-block;
    margin-right: 0.5%;
    border: 1px solid #ddd;
    padding: 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    height: 15em;
    overflow-y: auto;
    max-width: 30em;
}

.multiselect .box:last-child {
    margin-right: 0;
}

.multiselect .buttons {
    margin-top: 0.25em;
    width: 1%;
    display: inline-block;
    margin-right: 0.5%;
    width: 2em;
}

.multiselect .buttons div {
    padding: 0.3em 0.7em;
    border: 1px solid #ddd;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    margin-bottom: 1em;
    text-align: center;
    cursor: pointer;
}

.multiselect .buttons div:hover {
    background-color: #eee;
}

.multiselect .buttons div.disabled {
    border: 1px solid #bbb;
    background-color: #ddd;
    color: #777; 
    cursor: default;
}

.multiselect .buttons div:hover {
    background-color: #ddd;
}

.multiselect .buttons .addOne {
    margin-bottom: 4em;
}

.multiselect .groupheader {
    display: block;
    background-color: #ddd;
    font-weight: bold;
    padding: 0.2em;
}

.multiselect li input[type=number] {
    display: inline-block;
    width: 4em;
    vertical-align: baseline;
    margin: 0 0.5em 0 0;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
}

.multiselect li label {
    display: block;
    width: 100%;
    padding: 0.2em 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
}

.multiselect li label:hover {
    background-color: #fafafa;
}

.multiselect li input[type=radio] {
    top: 0;
    visibility: hidden;
}

.multiselect li input[type=radio]:checked + label {
    background-color: #eee;
}

.multiselect .box.active li label:hover {
    background-color: #d9e4ee;
}

.multiselect .box.active li input[type=radio]:checked + label {
    background-color: #c9d4de;
}

@media only screen and (max-width: 45em) {
    .multiselect select {
        width: calc(46% - 1em);
    }
}

@media only screen and (max-width: 26em) {
    .multiselect select:last-child {
        margin-left: 6.5%;
    }

    .multiselect .box { 
        width: 43%; 
    }
    
    .multiselect select {
        width: calc(43% - 1em);
    }
}
.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  background: #F2F2F2;
  border: 1px solid #A0A0A0;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  z-index: 10!important;
}

.context-menu-item {
  position: relative;
  padding: .2em 2em;
  color: #2f2f2f;
  background-color: #F2F2F2;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: black;
  cursor: pointer; 
  background-color: #D9D9D9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #F2F2F2;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}
.planner {
    border: 1px solid #d8d8d8;
}

.planner.sticky .headercontainer {
    position: fixed;
    width: calc(100% - 7.1em);
    z-index: 30;
    top: 0;
}

.planner.sticky .data {
    margin-top: 5.5em;
}

.planner .plannerchanged {
    background-color: yellow;
    text-align: center;
    text-decoration: underline;
    display: none;
    cursor: pointer;
}

.planner.monthview {
    min-width: 31em;
}

.planner * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/*****************\
*   H E A D E R   *
\*****************/
.planner .header {
    background-color: #f5f5f5;
    padding: 0.375em;
}

.planner .header .grid-75 {
    width: 74.625%;
    margin: 0 1.5% 0 0;
    display: inline-block;
    vertical-align: top;
}

.planner .header .grid-25 {
    width: 23.875%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.planner .header .previous, .planner .header .next {
    color: #5f5f5f;
    border: 1px solid #c5c5c5;
    border-radius: 0.5em 0 0 0.5em;
    padding: 0.1em 0.875em;
    display: inline-block;
}

.planner .header .previous:hover, .planner .header .next:hover {
    background: #d6d1cf;
    background: -moz-linear-gradient(top, #d6d1cf 0, #bdb5b1 100%);
    background: -webkit-linear-gradient(top, #d6d1cf 0,#bdb5b1 100%);
    background: linear-gradient(to bottom, #d6d1cf 0,#bdb5b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d1cf', endColorstr='#bdb5b1',GradientType=0 );
}

.planner .header .previous {
    border-radius: 0.2em 0 0 0.2em;
}

.planner .header .previous:before {
    content: '\f0d9';
    font-family: icomoon;
}

.planner .header .next {
    border-radius: 0 0.2em 0.2em 0;
    border-left: 0;
    margin-right: 0.5em;
}

.planner .header .next:before {
    content: '\f0da';
    font-family: icomoon;
}

.planner .header .weeklabel {
    cursor: pointer;
}

.planner.monthview .header .weeklabel {
    display: none;
}

.planner .header .monthnamelabel {
    cursor: pointer;
    display: none;
}

.planner.monthview .header .monthnamelabel {
    display: inline-block;
}


.planner .header .month {
    margin-left: 1em;
}

.planner .header .showdetails:before,
.planner .header .hidedetails:before {
    font-family: icomoon;
    background-color: #ddd;
    color: #777;
    padding: 0.2em;
    cursor: pointer;
}

.planner .header .showdetails:before {
    content: '\e98d';
}

.planner .header .hidedetails:before {
    content: '\e901';
    margin-left: 0.5em;
}

.planner.detailsvisible .header .showdetails:before,
.planner.detailsinvisible .header .hidedetails:before {
    background-color: #fff;
    color: #000;
}

/***********************\
*   D A Y H E A D E R   *
\***********************/
.planner .dayheader .weeknumbercontainer {
    background-color: #f5f5f5;
}

.planner.monthview .dayheader .weekheader {
    display: none;
}

.planner .dayheader .daycontainer {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bolder;
    padding: 0.2em;
}

.planner .dayheader .daycontainer .long.dayname {
    display: block;
}

.planner .dayheader .daycontainer .short {
    display: none;
}

.planner .dayheader .daycontainer .monthname {
    margin-left: 0.25em;
}

/*********************\
*   D A T A A R E A   *
\*********************/
.planner .weeknumbercontainer,
.planner .resourcecontainer{
    display: inline-block;
    width: 2%;
    background-color: #fafafa;
    border-top: 1px solid #c5c5c5;
    text-align: right;
    padding: 0.2em;
    vertical-align: top;
}

.planner .resourcecontainer {
    width: 20%;
}

.planner .resourcecontainer ul {
    list-style: none;
    float: right;
    margin-bottom: 1.4em;
}

/*.planner.monthview .resourcecontainer ul {
    margin-bottom: 0;
}*/

.planner .resourcecontainer li {
    float: left;
    width: 4em;
    text-align: center;
    padding: 0.1em;
    background-color: #fff;
    border: 2px solid #5f5f5f;
    font-size: 0.7em;
    cursor: pointer;
}

.planner .resourcecontainer li.active {
    background-color: #5f5f5f;
    color: #fff;
    cursor: default;
}

.planner .daycontainer {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}

.planner .data .daycontainer.unavailable {
    background-color: #888;
    text-align: center;
    text-transform: uppercase;
    color: #ddd;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding-top: 1em;
}

.monthplanner .data .daycontainer.unavailable {
    letter-spacing: 0;
}

.resourceplanner.monthview .data .daycontainer.unavailable span {
    transform: rotate(270deg);
}

.planner .unavailable span {
    font-size: 0.8em;
    display: block;
}

.monthplanner .daycontainer.days-6 {
    width: 16.33%;
}

.monthplanner .daycontainer.days-5 {
    width: 19.6%;
}

.monthplanner .daycontainer.days-4 {
    width: 24.5%;
}

.monthplanner .daycontainer.days-3 {
    width: 32.66%;
}

.monthplanner .daycontainer.days-2 {
    width: 49%;
}

.monthplanner .daycontainer.days-1 {
    width: 98%;
}

.resourceplanner .daycontainer {
    width: 11.425%;
}

.resourceplanner .daycontainer.days-6 {
    width: 13.33%;
}

.resourceplanner .daycontainer.days-5 {
    width: 16%;
}

.resourceplanner .daycontainer.days-4 {
    width: 20%;
}

.resourceplanner .daycontainer.days-3 {
    width: 26.66%;
}

.resourceplanner .daycontainer.days-2 {
    width: 40%;
}

.resourceplanner .daycontainer.days-1 {
    width: 80%;
}

.planner .data .weeknumbercontainer, .monthplanner .data .daycontainer {
    min-height: 10em;
    vertical-align: top;
}

.planner .data .resourcecontainer, .resourceplanner .data .daycontainer {
    min-height: 3em;
    vertical-align: top;
}

.planner .weektemplate,
.planner .monthtemplate {
    display: none;
}

.planner .daycontainer .daynumber {
    display: block;
    text-align: right;
    padding-right: 0.3em;
}

.planner .othermonth .daynumber {
    color: #bbb;
}

.monthplanner .even daycontainer {
    background-color: #fcfcfc;
}

.planner .daycontainer.ui-state-hover {
    background-color: #c3defb;
}

.planner .daycontainer.unavailable.ui-state-hover {
    background-color: #899baf;
}

/*****************************\
*   P L A N N I N G I T E M   *
\*****************************/

.planner .planningitem {
    display: block;
    margin: 0.2em 0.2em;
    border: 1px solid #555;
    padding: 0.3em;
    z-index: 1;
}

.planner .planningitem * {
    cursor: default;
}

.planner .planningitem,
.planner .planningitem *,
.planner .planningitem.readonly,
.planner .planningitem.readonly * {
    cursor: pointer;
}

.planningitem.locked,
.planningitem.locked * {
    cursor: default!important;
}

.planner .planningitem.white {
    color: #fff;
}

.planner .planningitem:last-child {
    margin-bottom: 0.5em;
}

.planner .planningitem .delete {
    float: right;
}

.planner .planningitem .delete:before {
    content: 'x';
    position: absolute;
    margin: -0.5em 0 0 -0.75em;
    border: 1px solid transparent;
    color: transparent;
    padding: 0 0.275em;
    font-size: 0.7em;
    cursor: pointer;
    border-radius: 0 0 0 0.5em;
    font-weight: bold;
}

.planner .planningitem .delete:hover:before {
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #ffd8e2;
}

/***********************************************\
*   P L A N N I N G   E D I T   O V E R L A Y   *
\***********************************************/
.detailsvisible .size0_25:only-child { height: 0.25em; }
.detailsvisible .size0_25 { height: 0.05em; }

.detailsvisible .size0_5:only-child { height: 0.5em; }
.detailsvisible .size0_5 { height: 0.35em; }

.detailsvisible .size0_75:only-child { height: 0.75em; }
.detailsvisible .size0_75 { height: 0.55em; }

.detailsvisible .size1:only-child { height: 1em; }
.detailsvisible .size1 { height: 0.8em; }

.detailsvisible .size1_25:only-child { height: 1.25em; }
.detailsvisible .size1_25 { height: 1.05em; }

.detailsvisible .size1_5:only-child { height: 1.5em; }
.detailsvisible .size1_5 { height: 1.35em; }

.detailsvisible .size1_75:only-child { height: 1.75em; }
.detailsvisible .size1_75 { height: 1.55em; }

.detailsvisible .size2:only-child { height: 2em; }
.detailsvisible .size2 { height: 1.8em; }

.detailsvisible .size2_25:only-child { height: 2.25em; }
.detailsvisible .size2_25 { height: 2.05em; }

.detailsvisible .size2_5:only-child { height: 2.5em; }
.detailsvisible .size2_5 { height: 2.35em; }

.detailsvisible .size2_75:only-child { height: 2.75em; }
.detailsvisible .size2_75 { height: 2.55em; }

.detailsvisible .size3:only-child { height: 3em; }
.detailsvisible .size3 { height: 2.8em; }

.detailsvisible .size3_25:only-child { height: 3.25em; }
.detailsvisible .size3_25 { height: 3.05em; }

.detailsvisible .size3_5:only-child { height: 3.5em; }
.detailsvisible .size3_5 { height: 3.35em; }

.detailsvisible .size3_75:only-child { height: 3.75em; }
.detailsvisible .size3_75 { height: 3.55em; }

.detailsvisible .size4:only-child { height: 4em; }
.detailsvisible .size4 { height: 3.8em; }

.detailsvisible .size4_25:only-child { height: 4.25em; }
.detailsvisible .size4_25 { height: 4.05em; }

.detailsvisible .size4_5:only-child { height: 4.5em; }
.detailsvisible .size4_5 { height: 4.35em; }

.detailsvisible .size4_75:only-child { height: 4.75em; }
.detailsvisible .size4_75 { height: 4.55em; }

.detailsvisible .size5:only-child { height: 5em; }
.detailsvisible .size5 { height: 4.8em; }

.detailsvisible .size5_25:only-child { height: 5.25em; }
.detailsvisible .size5_25 { height: 5.05em; }

.detailsvisible .size5_5:only-child { height: 5.5em; }
.detailsvisible .size5_5 { height: 5.35em; }

.detailsvisible .size5_75:only-child { height: 5.75em; }
.detailsvisible .size5_75 { height: 5.55em; }

.detailsvisible .size6:only-child { height: 6em; }
.detailsvisible .size6 { height: 5.8em; }

.detailsvisible .size6_25:only-child { height: 6.25em; }
.detailsvisible .size6_25 { height: 6.05em; }

.detailsvisible .size6_5:only-child { height: 6.5em; }
.detailsvisible .size6_5 { height: 6.35em; }

.detailsvisible .size6_75:only-child { height: 6.75em; }
.detailsvisible .size6_75 { height: 6.55em; }

.detailsvisible .size7:only-child { height: 7em; }
.detailsvisible .size7 { height: 6.8em; }

.detailsvisible .size7_25:only-child { height: 7.25em; }
.detailsvisible .size7_25 { height: 7.05em; }

.detailsvisible .size7_5:only-child { height: 7.5em; }
.detailsvisible .size7_5 { height: 7.35em; }

.detailsvisible .size7_75:only-child { height: 7.75em; }
.detailsvisible .size7_75 { height: 7.55em; }

.detailsvisible .size8:only-child { height: 8em; }
.detailsvisible .size8 { height: 7.8em; }

.detailsvisible .size8_25:only-child { height: 8.25em; }
.detailsvisible .size8_25 { height: 8.05em; }

.detailsvisible .size8_5:only-child { height: 8.5em; }
.detailsvisible .size8_5 { height: 8.35em; }

.detailsvisible .size8_75:only-child { height: 8.75em; }
.detailsvisible .size8_75 { height: 8.55em; }

.detailsvisible .size9:only-child { height: 9em; }
.detailsvisible .size9 { height: 8.8em; }

.detailsvisible .size9_25:only-child { height: 9.25em; }
.detailsvisible .size9_25 { height: 9.05em; }

.detailsvisible .size9_5:only-child { height: 9.5em; }
.detailsvisible .size9_5 { height: 9.35em; }

.detailsvisible .size9_75:only-child { height: 9.75em; }
.detailsvisible .size9_75 { height: 9.55em; }

.detailsvisible .size10:only-child { height: 10em; }
.detailsvisible .size10 { height: 9.8em; }

.detailsvisible .size10_25:only-child { height: 10.25em; }
.detailsvisible .size10_25 { height: 10.05em; }

.detailsvisible .size10_5:only-child { height: 10.5em; }
.detailsvisible .size10_5 { height: 10.35em; }

.detailsvisible .size10_75:only-child { height: 10.75em; }
.detailsvisible .size10_75 { height: 10.55em; }

.detailsvisible .size11:only-child { height: 11em; }
.detailsvisible .size11 { height: 10.8em; }

.detailsvisible .size11_25:only-child { height: 11.25em; }
.detailsvisible .size11_25 { height: 11.05em; }

.detailsvisible .size11_5:only-child { height: 11.5em; }
.detailsvisible .size11_5 { height: 11.35em; }

.detailsvisible .size11_75:only-child { height: 11.75em; }
.detailsvisible .size11_75 { height: 11.55em; }

.detailsvisible .size12:only-child { height: 12em; }
.detailsvisible .size12 { height: 11.8em; }

.detailsvisible .size12_25:only-child { height: 12.25em; }
.detailsvisible .size12_25 { height: 12.05em; }

.detailsvisible .size12_5:only-child { height: 12.5em; }
.detailsvisible .size12_5 { height: 12.35em; }

.detailsvisible .size12_75:only-child { height: 12.75em; }
.detailsvisible .size12_75 { height: 12.55em; }

.detailsvisible .size13:only-child { height: 13em; }
.detailsvisible .size13 { height: 12.8em; }

.detailsvisible .size13_25:only-child { height: 13.25em; }
.detailsvisible .size13_25 { height: 13.05em; }

.detailsvisible .size13_5:only-child { height: 13.5em; }
.detailsvisible .size13_5 { height: 13.35em; }

.detailsvisible .size13_75:only-child { height: 13.75em; }
.detailsvisible .size13_75 { height: 13.55em; }

.detailsvisible .size14:only-child { height: 14em; }
.detailsvisible .size14 { height: 13.8em; }

.detailsvisible .size14_25:only-child { height: 14.25em; }
.detailsvisible .size14_25 { height: 14.05em; }

.detailsvisible .size14_5:only-child { height: 14.5em; }
.detailsvisible .size14_5 { height: 14.35em; }

.detailsvisible .size14_75:only-child { height: 14.75em; }
.detailsvisible .size14_75 { height: 14.55em; }

.detailsvisible .size15:only-child { height: 15em; }
.detailsvisible .size15 { height: 14.8em; }

.detailsvisible .size15_25:only-child { height: 15.25em; }
.detailsvisible .size15_25 { height: 15.05em; }

.detailsvisible .size15_5:only-child { height: 15.5em; }
.detailsvisible .size15_5 { height: 15.35em; }

.detailsvisible .size15_75:only-child { height: 15.75em; }
.detailsvisible .size15_75 { height: 15.55em; }

.detailsvisible .size16:only-child { height: 16em; }
.detailsvisible .size16 { height: 15.8em; }

.detailsvisible .size16_25:only-child { height: 16.25em; }
.detailsvisible .size16_25 { height: 16.05em; }

.detailsvisible .size16_5:only-child { height: 16.5em; }
.detailsvisible .size16_5 { height: 16.35em; }

.detailsvisible .size16_75:only-child { height: 16.75em; }
.detailsvisible .size16_75 { height: 16.55em; }

.detailsvisible .size17:only-child { height: 17em; }
.detailsvisible .size17 { height: 16.8em; }

.detailsvisible .size17_25:only-child { height: 17.25em; }
.detailsvisible .size17_25 { height: 17.05em; }

.detailsvisible .size17_5:only-child { height: 17.5em; }
.detailsvisible .size17_5 { height: 17.35em; }

.detailsvisible .size17_75:only-child { height: 17.75em; }
.detailsvisible .size17_75 { height: 17.55em; }

.detailsvisible .size18:only-child { height: 18em; }
.detailsvisible .size18 { height: 17.8em; }

.detailsvisible .size18_25:only-child { height: 18.25em; }
.detailsvisible .size18_25 { height: 18.05em; }

.detailsvisible .size18_5:only-child { height: 18.5em; }
.detailsvisible .size18_5 { height: 18.35em; }

.detailsvisible .size18_75:only-child { height: 18.75em; }
.detailsvisible .size18_75 { height: 18.55em; }

.detailsvisible .size19:only-child { height: 19em; }
.detailsvisible .size19 { height: 18.8em; }

.detailsvisible .size19_25:only-child { height: 19.25em; }
.detailsvisible .size19_25 { height: 19.05em; }

.detailsvisible .size19_5:only-child { height: 19.5em; }
.detailsvisible .size19_5 { height: 19.35em; }

.detailsvisible .size19_75:only-child { height: 19.75em; }
.detailsvisible .size19_75 { height: 19.55em; }

.detailsvisible .size20:only-child { height: 20em; }
.detailsvisible .size20 { height: 19.8em; }

.detailsvisible .size20_25:only-child { height: 20.25em; }
.detailsvisible .size20_25 { height: 20.05em; }

.detailsvisible .size20_5:only-child { height: 20.5em; }
.detailsvisible .size20_5 { height: 20.35em; }

.detailsvisible .size20_75:only-child { height: 20.75em; }
.detailsvisible .size20_75 { height: 20.55em; }

.detailsvisible .size21:only-child { height: 21em; }
.detailsvisible .size21 { height: 20.8em; }

.detailsvisible .size21_25:only-child { height: 21.25em; }
.detailsvisible .size21_25 { height: 21.05em; }

.detailsvisible .size21_5:only-child { height: 21.5em; }
.detailsvisible .size21_5 { height: 21.35em; }

.detailsvisible .size21_75:only-child { height: 21.75em; }
.detailsvisible .size21_75 { height: 21.55em; }

.detailsvisible .size22:only-child { height: 22em; }
.detailsvisible .size22 { height: 21.8em; }

.detailsvisible .size22_25:only-child { height: 22.25em; }
.detailsvisible .size22_25 { height: 22.05em; }

.detailsvisible .size22_5:only-child { height: 22.5em; }
.detailsvisible .size22_5 { height: 22.35em; }

.detailsvisible .size22_75:only-child { height: 22.75em; }
.detailsvisible .size22_75 { height: 22.55em; }

.detailsvisible .size23:only-child { height: 23em; }
.detailsvisible .size23 { height: 22.8em; }

.detailsvisible .size23_25:only-child { height: 23.25em; }
.detailsvisible .size23_25 { height: 23.05em; }

.detailsvisible .size23_5:only-child { height: 23.5em; }
.detailsvisible .size23_5 { height: 23.35em; }

.detailsvisible .size23_75:only-child { height: 23.75em; }
.detailsvisible .size23_75 { height: 23.55em; }

.detailsvisible .size24:only-child { height: 24em; }
.detailsvisible .size24 { height: 23.8em; }

/*month view*/
.planner.monthview.detailsvisible .size1:only-child { height: 0.5em; }
.planner.monthview.detailsvisible .size1 { height: 0.3em; }

.planner.monthview.detailsvisible .size1_25:only-child { height: 0.625em; }
.planner.monthview.detailsvisible .size1_25 { height: 0.425em; }

.planner.monthview.detailsvisible .size1_5:only-child { height: 0.75em; }
.planner.monthview.detailsvisible .size1_5 { height: 0.55em; }

.planner.monthview.detailsvisible .size1_75:only-child { height: 0.875em; }
.planner.monthview.detailsvisible .size1_75 { height: 0.675em; }

.planner.monthview.detailsvisible .size2:only-child { height: 1em; }
.planner.monthview.detailsvisible .size2 { height: 0.8em; }

.planner.monthview.detailsvisible .size2_25:only-child { height: 1.125em; }
.planner.monthview.detailsvisible .size2_25 { height: 0.925em; }

.planner.monthview.detailsvisible .size2_5:only-child { height: 1.25em; }
.planner.monthview.detailsvisible .size2_5 { height: 1.05em; }

.planner.monthview.detailsvisible .size2_75:only-child { height: 1.375em; }
.planner.monthview.detailsvisible .size2_75 { height: 1.175em; }

.planner.monthview.detailsvisible .size3:only-child { height: 1.5em; }
.planner.monthview.detailsvisible .size3 { height: 1.3em; }

.planner.monthview.detailsvisible .size3_25:only-child { height: 1.625em; }
.planner.monthview.detailsvisible .size3_25 { height: 1.425em; }

.planner.monthview.detailsvisible .size3_5:only-child { height: 1.75em; }
.planner.monthview.detailsvisible .size3_5 { height: 1.55em; }

.planner.monthview.detailsvisible .size3_75:only-child { height: 1.875em; }
.planner.monthview.detailsvisible .size3_75 { height: 1.675em; }

.planner.monthview.detailsvisible .size4:only-child { height: 2em; }
.planner.monthview.detailsvisible .size4 { height: 1.8em; }

.planner.monthview.detailsvisible .size4_25:only-child { height: 2.125em; }
.planner.monthview.detailsvisible .size4_25 { height: 1.925em; }

.planner.monthview.detailsvisible .size4_5:only-child { height: 2.25em; }
.planner.monthview.detailsvisible .size4_5 { height: 2.05em; }

.planner.monthview.detailsvisible .size4_75:only-child { height: 2.375em; }
.planner.monthview.detailsvisible .size4_75 { height: 2.175em; }

.planner.monthview.detailsvisible .size5:only-child { height: 2.5em; }
.planner.monthview.detailsvisible .size5 { height: 2.3em; }

.planner.monthview.detailsvisible .size5_25:only-child { height: 2.625em; }
.planner.monthview.detailsvisible .size5_25 { height: 2.425em; }

.planner.monthview.detailsvisible .size5_5:only-child { height: 2.75em; }
.planner.monthview.detailsvisible .size5_5 { height: 2.55em; }

.planner.monthview.detailsvisible .size5_75:only-child { height: 2.875em; }
.planner.monthview.detailsvisible .size5_75 { height: 2.675em; }

.planner.monthview.detailsvisible .size6:only-child { height: 3em; }
.planner.monthview.detailsvisible .size6 { height: 2.8em; }

.planner.monthview.detailsvisible .size6_25:only-child { height: 3.125em; }
.planner.monthview.detailsvisible .size6_25 { height: 2.925em; }

.planner.monthview.detailsvisible .size6_5:only-child { height: 3.25em; }
.planner.monthview.detailsvisible .size6_5 { height: 3.05em; }

.planner.monthview.detailsvisible .size6_75:only-child { height: 3.375em; }
.planner.monthview.detailsvisible .size6_75 { height: 3.175em; }

.planner.monthview.detailsvisible .size7:only-child { height: 3.5em; }
.planner.monthview.detailsvisible .size7 { height: 3.3em; }

.planner.monthview.detailsvisible .size7_25:only-child { height: 3.625em; }
.planner.monthview.detailsvisible .size7_25 { height: 3.425em; }

.planner.monthview.detailsvisible .size7_5:only-child { height: 3.75em; }
.planner.monthview.detailsvisible .size7_5 { height: 3.55em; }

.planner.monthview.detailsvisible .size7_75:only-child { height: 3.875em; }
.planner.monthview.detailsvisible .size7_75 { height: 3.675em; }

.planner.monthview.detailsvisible .size8:only-child { height: 4em; }
.planner.monthview.detailsvisible .size8 { height: 3.8em; }

.planner.monthview.detailsvisible .size8_25:only-child { height: 4.125em; }
.planner.monthview.detailsvisible .size8_25 { height: 3.925em; }

.planner.monthview.detailsvisible .size8_5:only-child { height: 4.25em; }
.planner.monthview.detailsvisible .size8_5 { height: 4.05em; }

.planner.monthview.detailsvisible .size8_75:only-child { height: 4.375em; }
.planner.monthview.detailsvisible .size8_75 { height: 4.175em; }

.planner.monthview.detailsvisible .size9:only-child { height: 4.5em; }
.planner.monthview.detailsvisible .size9 { height: 4.3em; }

.planner.monthview.detailsvisible .size9_25:only-child { height: 4.625em; }
.planner.monthview.detailsvisible .size9_25 { height: 4.425em; }

.planner.monthview.detailsvisible .size9_5:only-child { height: 4.75em; }
.planner.monthview.detailsvisible .size9_5 { height: 4.55em; }

.planner.monthview.detailsvisible .size9_75:only-child { height: 4.875em; }
.planner.monthview.detailsvisible .size9_75 { height: 4.675em; }

.planner.monthview.detailsvisible .size10:only-child { height: 5em; }
.planner.monthview.detailsvisible .size10 { height: 4.8em; }

.planner.monthview.detailsvisible .size10_25:only-child { height: 5.125em; }
.planner.monthview.detailsvisible .size10_25 { height: 4.925em; }

.planner.monthview.detailsvisible .size10_5:only-child { height: 5.25em; }
.planner.monthview.detailsvisible .size10_5 { height: 5.05em; }

.planner.monthview.detailsvisible .size10_75:only-child { height: 5.375em; }
.planner.monthview.detailsvisible .size10_75 { height: 5.175em; }

.planner.monthview.detailsvisible .size11:only-child { height: 5.5em; }
.planner.monthview.detailsvisible .size11 { height: 5.3em; }

.planner.monthview.detailsvisible .size11_25:only-child { height: 5.625em; }
.planner.monthview.detailsvisible .size11_25 { height: 5.425em; }

.planner.monthview.detailsvisible .size11_5:only-child { height: 5.75em; }
.planner.monthview.detailsvisible .size11_5 { height: 5.55em; }

.planner.monthview.detailsvisible .size11_75:only-child { height: 5.875em; }
.planner.monthview.detailsvisible .size11_75 { height: 5.675em; }

.planner.monthview.detailsvisible .size12:only-child { height: 6em; }
.planner.monthview.detailsvisible .size12 { height: 5.8em; }

.planner.monthview.detailsvisible .size12_25:only-child { height: 6.125em; }
.planner.monthview.detailsvisible .size12_25 { height: 5.925em; }

.planner.monthview.detailsvisible .size12_5:only-child { height: 6.25em; }
.planner.monthview.detailsvisible .size12_5 { height: 6.05em; }

.planner.monthview.detailsvisible .size12_75:only-child { height: 6.375em; }
.planner.monthview.detailsvisible .size12_75 { height: 6.175em; }

.planner.monthview.detailsvisible .size13:only-child { height: 6.5em; }
.planner.monthview.detailsvisible .size13 { height: 6.3em; }

.planner.monthview.detailsvisible .size13_25:only-child { height: 6.625em; }
.planner.monthview.detailsvisible .size13_25 { height: 6.425em; }

.planner.monthview.detailsvisible .size13_5:only-child { height: 6.75em; }
.planner.monthview.detailsvisible .size13_5 { height: 6.55em; }

.planner.monthview.detailsvisible .size13_75:only-child { height: 6.875em; }
.planner.monthview.detailsvisible .size13_75 { height: 6.675em; }

.planner.monthview.detailsvisible .size14:only-child { height: 7em; }
.planner.monthview.detailsvisible .size14 { height: 6.8em; }

.planner.monthview.detailsvisible .size14_25:only-child { height: 7.125em; }
.planner.monthview.detailsvisible .size14_25 { height: 6.925em; }

.planner.monthview.detailsvisible .size14_5:only-child { height: 7.25em; }
.planner.monthview.detailsvisible .size14_5 { height: 7.05em; }

.planner.monthview.detailsvisible .size14_75:only-child { height: 7.375em; }
.planner.monthview.detailsvisible .size14_75 { height: 7.175em; }

.planner.monthview.detailsvisible .size15:only-child { height: 7.5em; }
.planner.monthview.detailsvisible .size15 { height: 7.3em; }

.planner.monthview.detailsvisible .size15_25:only-child { height: 7.625em; }
.planner.monthview.detailsvisible .size15_25 { height: 7.425em; }

.planner.monthview.detailsvisible .size15_5:only-child { height: 7.75em; }
.planner.monthview.detailsvisible .size15_5 { height: 7.55em; }

.planner.monthview.detailsvisible .size15_75:only-child { height: 7.875em; }
.planner.monthview.detailsvisible .size15_75 { height: 7.675em; }

.planner.monthview.detailsvisible .size16:only-child { height: 8em; }
.planner.monthview.detailsvisible .size16 { height: 7.8em; }

.planner.monthview.detailsvisible .size16_25:only-child { height: 8.125em; }
.planner.monthview.detailsvisible .size16_25 { height: 7.925em; }

.planner.monthview.detailsvisible .size16_5:only-child { height: 8.25em; }
.planner.monthview.detailsvisible .size16_5 { height: 8.05em; }

.planner.monthview.detailsvisible .size16_75:only-child { height: 8.375em; }
.planner.monthview.detailsvisible .size16_75 { height: 8.175em; }

.planner.monthview.detailsvisible .size17:only-child { height: 8.5em; }
.planner.monthview.detailsvisible .size17 { height: 8.3em; }

.planner.monthview.detailsvisible .size17_25:only-child { height: 8.625em; }
.planner.monthview.detailsvisible .size17_25 { height: 8.425em; }

.planner.monthview.detailsvisible .size17_5:only-child { height: 8.75em; }
.planner.monthview.detailsvisible .size17_5 { height: 8.55em; }

.planner.monthview.detailsvisible .size17_75:only-child { height: 8.875em; }
.planner.monthview.detailsvisible .size17_75 { height: 8.675em; }

.planner.monthview.detailsvisible .size18:only-child { height: 9em; }
.planner.monthview.detailsvisible .size18 { height: 8.8em; }

.planner.monthview.detailsvisible .size18_25:only-child { height: 9.125em; }
.planner.monthview.detailsvisible .size18_25 { height: 8.925em; }

.planner.monthview.detailsvisible .size18_5:only-child { height: 9.25em; }
.planner.monthview.detailsvisible .size18_5 { height: 9.05em; }

.planner.monthview.detailsvisible .size18_75:only-child { height: 9.375em; }
.planner.monthview.detailsvisible .size18_75 { height: 9.175em; }

.planner.monthview.detailsvisible .size19:only-child { height: 9.5em; }
.planner.monthview.detailsvisible .size19 { height: 9.3em; }

.planner.monthview.detailsvisible .size19_25:only-child { height: 9.625em; }
.planner.monthview.detailsvisible .size19_25 { height: 9.425em; }

.planner.monthview.detailsvisible .size19_5:only-child { height: 9.75em; }
.planner.monthview.detailsvisible .size19_5 { height: 9.55em; }

.planner.monthview.detailsvisible .size19_75:only-child { height: 9.875em; }
.planner.monthview.detailsvisible .size19_75 { height: 9.675em; }

.planner.monthview.detailsvisible .size20:only-child { height: 10em; }
.planner.monthview.detailsvisible .size20 { height: 9.8em; }

.planner.monthview.detailsvisible .size20_25:only-child { height: 10.125em; }
.planner.monthview.detailsvisible .size20_25 { height: 9.925em; }

.planner.monthview.detailsvisible .size20_5:only-child { height: 10.25em; }
.planner.monthview.detailsvisible .size20_5 { height: 10.05em; }

.planner.monthview.detailsvisible .size20_75:only-child { height: 10.375em; }
.planner.monthview.detailsvisible .size20_75 { height: 10.175em; }

.planner.monthview.detailsvisible .size21:only-child { height: 10.5em; }
.planner.monthview.detailsvisible .size21 { height: 10.3em; }

.planner.monthview.detailsvisible .size21_25:only-child { height: 10.625em; }
.planner.monthview.detailsvisible .size21_25 { height: 10.425em; }

.planner.monthview.detailsvisible .size21_5:only-child { height: 10.75em; }
.planner.monthview.detailsvisible .size21_5 { height: 10.55em; }

.planner.monthview.detailsvisible .size21_75:only-child { height: 10.875em; }
.planner.monthview.detailsvisible .size21_75 { height: 10.675em; }

.planner.monthview.detailsvisible .size22:only-child { height: 11em; }
.planner.monthview.detailsvisible .size22 { height: 10.8em; }

.planner.monthview.detailsvisible .size22_25:only-child { height: 11.125em; }
.planner.monthview.detailsvisible .size22_25 { height: 10.925em; }

.planner.monthview.detailsvisible .size22_5:only-child { height: 11.25em; }
.planner.monthview.detailsvisible .size22_5 { height: 11.05em; }

.planner.monthview.detailsvisible .size22_75:only-child { height: 11.375em; }
.planner.monthview.detailsvisible .size22_75 { height: 11.175em; }

.planner.monthview.detailsvisible .size23:only-child { height: 11.5em; }
.planner.monthview.detailsvisible .size23 { height: 11.3em; }

.planner.monthview.detailsvisible .size23_25:only-child { height: 11.625em; }
.planner.monthview.detailsvisible .size23_25 { height: 11.425em; }

.planner.monthview.detailsvisible .size23_5:only-child { height: 11.75em; }
.planner.monthview.detailsvisible .size23_5 { height: 11.55em; }

.planner.monthview.detailsvisible .size23_75:only-child { height: 11.875em; }
.planner.monthview.detailsvisible .size23_75 { height: 11.675em; }

.planner.monthview.detailsvisible .size24:only-child { height: 12em; }
.planner.monthview.detailsvisible .size24 { height: 11.8em; }

.detailsvisible .maxsize,
.detailsvisible .maxsize div{
    overflow: hidden;
}

.detailsvisible .invisible {
    visibility: hidden;
}

.detailsinvisible .invisible {
    display: none;
}

.resourceplanner .switchheader {
    position: absolute;
    width: calc(100% - 7.15em);
}

.planner.monthview .switchheader {
    min-width: 31em;
}


.resourceplanner.sticky .switchheader {
    position: absolute;
    width: calc(100% - 0.1em);
}

/*************************\
*   M O N T H   V I E W   *
\*************************/
.planner .monthheader {
    display: none;
}

.planner.monthview .monthheader {
    display: block;
}

.resourceplanner.monthview .dayheader .daycontainer {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bolder;
    padding: 0.2em;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    vertical-align: top;
    min-height: initial;
}

.resourceplanner .weekcontainer {
    background-color: #ddd;
    height: 1.7em;
    width: 80%;
    overflow: hidden;
    position: absolute;
    display: none;
}

.resourceplanner.monthview .weekcontainer {
    display: inline-block;
}

.resourceplanner .weekcontainer .weeklink {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bolder;
    display: inline-block;
    padding: 0.2em;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    vertical-align: top;
    cursor: pointer;
}

.resourceplanner .weekcontainer .weeklink:hover {
    background-color: #ddd;
}

.resourceplanner .weekcontainer .weeklink.days-1 {
    width: 3.225806452%;
}

.resourceplanner .weekcontainer .weeklink.days-2 {
    width: 6.451612903%;
}

.resourceplanner .weekcontainer .weeklink.days-3 {
    width: 9.677419355%;
}

.resourceplanner .weekcontainer .weeklink.days-4 {
    width: 12.90322581%;
}

.resourceplanner .weekcontainer .weeklink.days-5 {
    width: 16.12903226%;
}

.resourceplanner .weekcontainer .weeklink.days-6 {
    width: 19.35483871%;
}

.resourceplanner .weekcontainer .weeklink.days-7 {
    width: 22.58064516%;
}


.resourceplanner.monthview .daycontainer {
    width: 2.5806%;
    display: inline-block;
    padding: 0.2em;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    vertical-align: top;
    min-height: 3em;
}

.resourceplanner .daynumbercontainer {
    margin-top: 1.6875em;
}

.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(30),
.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(31),
.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(32),
.resourceplanner.month28days .data .day-29,
.resourceplanner.month28days .data .day-30,
.resourceplanner.month28days .data .day-31 {
    background-color: #aaa;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(30) span,
.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(31) span,
.resourceplanner.month28days .daynumbercontainer .daycontainer:nth-child(32) span
{
    visibility: hidden;
}
.resourceplanner.month29days .daynumbercontainer .daycontainer:nth-child(31),
.resourceplanner.month29days .daynumbercontainer .daycontainer:nth-child(32),
.resourceplanner.month28days .data .day-30,
.resourceplanner.month28days .data .day-31 {
    background-color: #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.resourceplanner.month29days .daynumbercontainer .daycontainer:nth-child(31) span,
.resourceplanner.month29days .daynumbercontainer .daycontainer:nth-child(32) span {
    visibility: hidden;
}

.resourceplanner.month30days .daynumbercontainer .daycontainer:nth-child(32),
.resourceplanner.month28days .data .day-31 {
    background-color: #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.resourceplanner.month30days .daynumbercontainer .daycontainer:nth-child(32) span {
    visibility: hidden;
}

.resourceplanner.monthview .daysa,
.resourceplanner.monthview .daysu {
    background-color: #eee;
}

/***********************************************\
*   P L A N N I N G   E D I T   O V E R L A Y   *
\***********************************************/

.planningeditoverlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.planningedit {
    position: fixed;
    left: 10%;
    top: 10%;
    height: 80%;
    width: 80%;
    z-index: 110;
}

.planningedit iframe {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

@media only screen and (max-width: 80em) {
    .planner .weeknumbercontainer {
        width: 2.7%;
    }

    .monthplanner .daycontainer {
        width: 13.9%;
    }

    .monthplanner .daycontainer.days-6 {
        width: 16.215%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 19.46%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 24.325%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 32.43%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 48.65%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 97.3%;
    }
}
@media only screen and (max-width: 70em) {
    .planner .weeknumbercontainer {
        width: 3.4%;
    }

    .monthplanner .daycontainer {
        width: 13.8%;
    }

    .monthplanner .daycontainer.days-6 {
        width: 16.1%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 19.32%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 24.15%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 32.2%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 48.3%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 96.6%;
    }
    .resourceplanner.monthview .weekcontainer .weeklink,
    .resourceplanner.monthview .dayheader .daycontainer {
        font-size: 0.8em;
        padding: 0.4em 0;
    }
}
@media only screen and (max-width: 60em) {
    .planner .weeknumbercontainer {
        width: 4.1%;
    }

    .monthplanner .daycontainer {
        width: 13.7%;
    }

    .monthplanner .daycontainer.days-6 {
        width: 15.98%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 19.18%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 23.97%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 31.96%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 47.95%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 95.9%;
    }

    .planner .dayheader .daycontainer .long,
    .planner .dayheader .daycontainer .long.dayname {
        display: none;
    }

    .planner .dayheader .daycontainer .short.dayname {
        display: block;
    }

    .planner .dayheader .daycontainer .short {
        display: inline-block;
    }

    .planner.sticky .data {
        margin-top: 6em;
    }
}
@media only screen and (max-width: 50em) {
    .planner .weeknumbercontainer {
        width: 4.8%;
    }

    .monthplanner .daycontainer {
        width: 13.6%;
    }
    
    .monthplanner .daycontainer.days-6 {
        width: 15.86%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 19.04%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 23.8%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 31.73%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 47.6%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 95.2%;
    }

    .resourceplanner.monthview .weekcontainer .weeklink,
    .resourceplanner.monthview .dayheader .daycontainer {
        font-size: 0.6em;
        padding: 0.8em 0;
    }
}
@media only screen and (max-width: 45em) {
    .resourceplanner.monthview .weekcontainer .weeklink,
    .resourceplanner.monthview .dayheader .daycontainer {
        padding: 1em 0;
    }

    .planner.sticky .headercontainer,
    .resourceplanner .switchheader{
        width: calc(100% - 2.1em);
    }
}    
@media only screen and (max-width: 40em) {
    .planner .weeknumbercontainer {
        width: 5.5%;
    }

    .monthplanner .daycontainer {
        width: 13.5%;
    }
    
    .monthplanner .daycontainer.days-6 {
        width: 15.75%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 18.9%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 23.62%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 31.5%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 47.25%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 94.5%;
    }

    .planner.monthview .dayheader div {
        height: auto;
    }

    .planner .planningitem {
        font-size: 2vw;
    }
    
    .planner .data .weeknumbercontainer, .planner .data .monthdaycontainer {
        min-height: 15vw;
        vertical-align: top;
    }

    .resourceplanner .dayheader .resourcecontainer,
    .resourceplanner .dayheader .daycontainer {
        height: 4.9em;
    }

    .planner.sticky .data {
        margin-top: 7em;
    }
}
@media only screen and (max-width: 24em) {
    .planner .weeknumbercontainer {
        display: none;
    }
    .monthplanner .daycontainer {
        width: 14.28%;
    }
    
    .monthplanner .daycontainer.days-6 {
        width: 16.66%;
    }

    .monthplanner .daycontainer.days-5 {
        width: 19.992%;
    }

    .monthplanner .daycontainer.days-4 {
        width: 24.99%;
    }

    .monthplanner .daycontainer.days-3 {
        width: 33.32%;
    }

    .monthplanner .daycontainer.days-2 {
        width: 49.98%;
    }

    .monthplanner .daycontainer.days-1 {
        width: 99.96%;
    }

    .monthplanner .daycontainer:nth-child(2) {
        border-left: 0;
    }
}
.signaturedialog {
    background-color: #fff;
}

.signaturedialog.inline {
    position: relative;
}

.signaturedialog .container {
    border: 1px solid #f4f4f4;
    margin: 1em;
}

.signaturedialog .buttoncontainer {
    margin-left: 1em;
}

.signaturedialog.inline a{
    position: absolute;
    z-index: 5;
    right: 0;
    margin-top: -3.5em;
    padding: 0.5em;
    border-radius: 0.5em 0 0 0;
}
.tabs ul {
    list-style: none;
    margin-left: 0;
}

.tabs .tablabel {
    float: left;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-right: 0;
    -ms-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0;
    background-color: #eee;
    z-index: 1;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.tabs .tablabel.error {
    background-color: #b7666a;
    color: #fff;
    margin: 0;
}

.tabs .tablabel:last-child {
    border-right: 1px solid #bbb;
}

.tabs .tablabel.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    cursor: default;
}

.tabs .tab {
    border: 1px solid #bbb;
    position: relative;
    margin-top: -1px;
    display: none;
}

.tabs .tab.active {
    display: block;
}

.tabs .tab .taboverflowcontent {
    padding: 1em;
    max-height: calc(100vh - 12.5em);
    min-height: 10em;
    overflow: auto;
    position: relative;
}

.tabs .tab .taboverflowcontent h2 {
    margin-top: 1.5em;
}

.tabs .tab .taboverflowcontent h3 {
    margin-top: 1em;
}

.tabs .tab .taboverflowcontent h2:first-child,
.tabs .tab .taboverflowcontent h3:first-child {
    margin-top: 0;
}
/**********************\
|    T R E E L I S T   |
\**********************/

.labelselector {
	display: inline-block;
	width: calc(100% - 20em);
	border: 1px solid #bbb;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: relative;
	margin-bottom: 1em;
}

.labelselector .tag {
	margin: 0.25em;
	padding: 0.25em 0.5em;
	display: inline-block;
	background-color: #e2e1ef;
	border-radius: 0.5em;
	position: relative;
	cursor: pointer;
	font-size: 0.9em;
	transition: background-color 0.3s ease-in-out;
}

.labelselector .tag:hover {
	background-color: #efe1e1;
}

.labelselector .tag::before {
	content: 'x';
	position: absolute;
	top: -0.25em;
	right: 0.25em;
	color: #dd0000;
	font-size: 0.75em;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.labelselector .tag:hover::before {
	opacity: 1;
}

.labelselector .tag span + span {
	margin-left: 1em;
}

.labelselector .tag span + span::before {
	content: '»';
	position: absolute;
	margin: -0.0625em 0 0 -0.75em;
}

.labelselector .smallbtn {
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	border: 1px solid #bbb;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #777;
	display: inline-block;
	margin: 0.5em;
	cursor: pointer;
}

.labelselector .add::before {
	content: '+';
}

.labelselector ul {
	display: none;
	position: absolute;
	list-style: none;
	text-align: left;
	z-index: 100;
}

.labelselector ul {
	margin-left: 9.4em;
	top: 0;
}

.labelselector li ul {
	margin-top: -1.96em;
	margin-left: 9.4em;
	top: inherit;
}

.labelselector li ul.top {
	top: 0;
	margin-top: 0;
}

.labelselector li ul.bottom {
	bottom: 0;
	margin-top: 0;
}

.labelselector .add > ul {
	margin-left: 0.5em;
}

.labelselector li {
	width: 10em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.labelselector li:hover {
	background-color: #e2e1ef;
}

.labelselector ul.active {
	display: block;
}
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?v=1');
    src:    url('../fonts/icomoon.eot?v=1') format('embedded-opentype'),
            url('../fonts/icomoon.ttf?v=1') format('truetype'),
            url('../fonts/icomoon.woff?v=1') format('woff'),
            url('../fonts/icomoon.svg?v=1') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*********************\
|    G E N E R I C    |
\*********************/
* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

p {
    margin-bottom: 1em;
}

a {
    color: #337ab7;
    text-decoration: none;
}

hr {
    margin: 1em 0;
    border-top: 1px solid #eee;
}

label {
    width: 10em;
    display: inline-block;
    padding-bottom: 1em;
    margin-right: 0.5em;
}

.widelabel label {
    width: 24em;
}

.widelabel .calendarbutton, .timebutton {
    width: 1.7rem;
}

.multiselectcontainer label {
    padding-bottom: 0.2em;
    width: auto;
    display: block;
}

label.autowidth {
    width: auto;
}

input.smallfield {
    width: 9em;
}

input.largefield {
    max-width: 60em;
    width: 100%;
}

.prefix {
    padding-top: 0.2em;
    margin-right: 0.25em;
    display: inline-block;
}

.postfix + input {
    vertical-align: baseline;
    margin-left: 0.5em;
}

.postfix {
    display: inline-block;
    position: absolute;
    margin-top: 0.25em;
}

.postfix.inline {
    position: relative;
    margin-left: 0.5em;
}

input + .postfix {
    margin-top: 0.4em;
}

.clearfix {
    zoom: 1;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.page {
    padding: 0 1em;
}

.hidden {
    display: none;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.vertmiddle {
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.underline {
    text-decoration: underline;
}

/*********************\
|    H E A D E R S    |
\*********************/
h1 {
    font-size: 1.7em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0.5em;
    padding-top: 1.5em;
}

h2:first-child {
    padding-top: 0;
}

h3 {
    font-size: 1.125em;
    font-weight: 600;
    margin-bottom: 0.5em;
    padding-top: 0.75em;
}

h3:first-child {
    padding-top: 0;
}

/*******************\
|    T A B L E S    |
\*******************/
table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #ddd;
    margin: 0.5em 0 2em 0;
}

tbody tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.k-grid tr:nth-child(odd) {
    background-color: #fff;
}

tbody tr.swapAlternateColor:nth-child(even) {
    background-color: #eee;
}

tbody tr.swapAlternateColor:nth-child(odd) {
    background-color: transparent;
}

thead td {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    text-align: left;
    padding: 0.4em
}

/***************************\
|    V A L I D A T I O N    |
\***************************/
.validation-summary-errors ul {
    list-style: none;
}

.validation-summary-errors li:last-child {
    margin-bottom: 1em;
}

.validation-summary-errors {
    color: #ff0000;
}


/********************************\
|    P H O N E   N U M B E R S   |
\********************************/
span[class^='skype_pnh_container'],
.DetectedNumberImg {
    display: none !important;
}

span[class^='skype_pnh_print_container'],
.DetectedNumber {
    display: inline !important;
}

@media only screen and (max-width: 50em) {
    .widelabel label {
        display: block;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 25em) {
    label {
        display: block;
        padding-bottom: 0;
    }
}
.grid-15 {
    width: 14.775%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
}

.grid-25 {
    width: 23.875%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
}

.grid-25:nth-child(4n+4) {
    margin-right: 0;
}

.grid-33 {
    width: 32.33%;
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}

.grid-33:nth-child(3n+3) {
    margin-right: 0;
}

.grid-50 {
    width: 48.75%;
    display: inline-block;
    margin-right: 2.5%;
    vertical-align: top;
}

.grid-50:nth-child(2n+2) {
    margin-right: 0;
}

.grid-66 {
    width: 66.17%;
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}

.grid-75 {
    width: 74.625%;
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}

.grid-85 {
    width: 83.725%;
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}

.grid-15:last-child, .grid-25:last-child, .grid-33:last-child, .grid-50:last-child, .grid-66:last-child, .grid-75:last-child, .grid-85:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 70em) {
    .showmenu .grid-33 {
        width: 48.75%;
    }
    .showmenu .grid-33:nth-child(3n+3) {
        margin-right: 1.5%;
    }
    .showmenu .grid-33:nth-child(2n+2) {
        margin-right: 0;
    }
    .showmenu .grid-25 {
        width: 48.75%;
        margin-right: 0;
    }
    .showmenu .grid-25:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 60em) {
    .grid-33 {
        width: 48.75%;
    }
    .grid-33:nth-child(3n+3) {
        margin-right: 1.5%;
    }
    .grid-33:nth-child(2n+2) {
        margin-right: 0;
    }
    .grid-25 {
        width: 48.75%;
        margin-right: 0;
    }
    .grid-25:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 45em) {
    .grid-50, .grid-66, .grid-75 {
        width: 100%;
        margin-right: 0;
    }
    .grid-66, .grid-75 {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 33em) {
    .grid-25, .grid-33{
        width: 100%;
        margin-right: 0;
    }
}
.icon::before {
    font-family: icomoon;
    margin-right: 0.5em;
}

.icon.icon-only::before {
    margin-right: 0;
}

.icon.large::before {
    font-size: 1.3em;
}

.icon-add::before {
    content: "\e95b";
}

.icon-article::before {
    content: "\e73e";
}

.icon-back::before {
    content: "\e69a";
}

.icon-barchart::before {
    content: "\e98a";
}

.icon-checkmark::before {
    content: "\e935";
}

.icon-close::before {
    content: "\f00d";
}

.icon-company::before {
    content: "\e60c";
}

.icon-copy::before {
    content: "\e6b8";
}

.icon-doc::before {
    content: "\f1c2";
}

.icon-download::before {
    content: "\f019";
}

.icon-edit::before {
    content: "\e60d";
}

.icon-employees::before {
    content: "\e726";
}

.icon-excel::before {
    content: "\e902";
    color: #217346;
}

.icon-file::before {
    content: '\f016';
}

.icon-filter::before {
    content: '\ea5b';
}

.icon-fullscreen::before {
    content: '\e94c';
}

.icon-grid::before {
    content: "\e975";
}

.icon-help::before {
    content: "\e7da";
}

.icon-home::before {
    content: "\e601";
}

.icon-img::before {
    content: "\f1c5";
}

.icon-letters::before {
    content: "\e9a2";
}

.icon-linechart::before {
    content: "\e7fa";
}

.icon-logotype::before {
    content: "\e711";
}

.icon-logout::before {
    content: "\e7b8";
}

.icon-mail::before {
    content: "\e696";
}

.icon-order::before {
    content: "\e74d";
}

.icon-orderstate::before {
    content: "\e835";
}

.icon-overview::before {
    content: "\e6d9";
}

.icon-pdf::before {
    content: "\f1c1";
    color: #ff0000;
}

.icon-piechart::before {
    content: "\e7f8";
}

.icon-reason::before {
    content: "\e92e";
}

.icon-report::before {
    content: "\e6d8";
}

.icon-reporting::before {
    content: "\e7fb";
}

.icon-response::before {
    content: "\e696";
}

.icon-richtext::before {
    content: "\e8e5";
}

.icon-settings::before {
    content: "\e673";
}

.icon-search::before {
    content: "\e900";
}

.icon-solution::before {
    content: "\e935";
}

.icon-status::before {
    content: "\e999";
}

.icon-supplier::before {
    content: "\e67e";
}

.icon-txt::before {
    content: '\f0f6';
}

.icon-user::before {
    content: "\e71e";
}

.icon-usergroup::before {
    content: "\e723";
}

.icon-video::before {
    content: "\e6f8";
}

.icon-view::before {
    content: "\e9ce";
}

.icon-xls::before {
    content: "\f1c3";
    color: #107C41;
}

img.icon {
    width: 1em;
    height: 1em;
}
.button-container {
    margin: 0.5em 0.3em;
}

.button {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333!important;
    padding: 0.5em 2em;
    -ms-border-radius: 0.5em;
    border-radius: 0.5em;
    font-weight: bold;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    margin: 0 1em 0.5em 0;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.smallbutton {
    cursor: pointer;
    display: inline-block;
}

.button:hover {
    background-color: #e6e6e6;
}

.button.delete:hover {
    background-color: #ffe6e6;
}

.button[disabled=disabled], .button.disabled{
    background-color: #eee;
    color: #aaa!important;
    cursor: default;
}

.button[disabled=disabled]:hover, .button.disabled:hover{
    background-color: #eee;
}

.button.add::before,
.smallbutton.add::before {
    content: '\ea0a\00a0';
    font-family: icomoon;
}

.button.excel::before,
.smallbutton.excel::before {
    content: '\e902\00a0';
    font-family: icomoon;
    color: #217346;
}

.smallbutton.add {
    margin: 0.2em 0 0 1em;
    color: #008000
}

.btndetails, .btnedit, .btndelete {
    text-decoration: none;
    margin: 0 0.25em;
}

.btndetails:first-child, .btnedit:first-child, .btndelete:first-child {
    margin-left: 0;
}

.btndetails:last-child, .btnedit:last-child, .btndelete:last-child {
    margin-right: 0;
}

.btndetails::before, .btnedit::before, .btndelete::before, .btnadd::before {
    font-family: icomoon;
    color: #333;
    cursor: pointer;
}

.btndetails::before {
    content: '\e9ce';
}

.btnedit::before {
    content: '\e906';
}

.btndelete::before {
    content: '\ea0f';
    color: #dd0000;
}
input, select, textarea, .faketextbox {
    margin-right: 0.35em
}

input, textarea, select {
    font-size: 0.85em;
    color: #000;
    padding: 0.5em;
    border: 1px solid #999;
    outline: 0;
    -ms-border-radius: 0.2em;
    border-radius: 0.2em;
    vertical-align: top;
    margin-bottom: 1em;
    width: 20em;
    max-width: 100%;
    vertical-align: top;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #000;
}

td input, td textarea, td select {
    margin-bottom: 0;
}

textarea {
    max-width: 60em;
    width: 100%;
    height: 15em;
}

input:focus, textarea:focus {
    background-color: #fff;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #000!important;
}

input.error, textarea.error {
    border: 1px solid #e80000;
}

input[type=file] {
    border: 0;
}

.field-validation-error {
    margin-left: 1rem;
    position: relative;
    display: table;
    background-color: #db4e3c;
    padding: 0.5em;
    color: #fff;
    font-size: 0.9em;
    margin: -0.3rem 0 1rem 10.2rem;
}

.widelabel .field-validation-error {
    margin-left: 24.2rem;
}

.field-validation-error::before {
    content: '';
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    margin: -0.8em 0 0 0;
    background-color: #db4e3c;
    transform: rotate(45deg);
}

.input-validation-error {
    border-right: 0.7em solid #db4e3c;
}

.login-container .field-validation-error {
    margin: 0;
}

@media only screen and (max-width: 50em) {
    .widelabel .field-validation-error {
        margin-left: 0;
    }
}

@media only screen and (max-width: 45em) {
    .field-validation-error {
        margin-left: 8.2rem;
    }
}

@media only screen and (max-width: 25em) {
    .field-validation-error {
        margin-left: 0;
    }
}

header {
    padding-top: 0.6em;
}

header h1 {
    margin: 0.5rem 0 0 5rem;
    text-transform: uppercase;
    transition: margin-left 0.5s ease-in-out;
    padding-right: 2.5em;
    color: #777;
}

.showmenu header h1 {
    margin-left: 15rem;
}

header nav {
    position: absolute;
    right: 2em;
    top: 0.5em;
}

header nav span {
    cursor: pointer;
    padding: 0.55em!important;
    display: inline-block;
    color: #333;
    font-weight: normal;
    text-transform: none;
    border: 0;
}

header nav span::before {
    color: #ff0000;
    padding-right: 0.5em;
}

header nav span::after{
    position: absolute;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
    right: 0.5em;
    top: 1.3em;
}

header nav:hover span {
    color: #ff0000;
}

header nav:hover span::after {
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
}

header nav li {
    float: left;
    padding: 0 1em;
}

header nav li ul {
    width: 13em;
    background-color: #fff;
    position: absolute;
    right: 0;
    margin-top: -0.5em;
    border: 1px solid #ddd;
    display: none;
}

header nav li ul li {
    padding: 0;
    width: 100%;
}

header nav a {
    font-size: 1em;
    color: #000;
    padding: 0.4em;
    margin: 0;
    display: block;
}

header nav a:hover {
    background-color: #eee;
    color: #000;
}

header nav ul.accountmenu {
    z-index: 10;
}

@media only screen and (max-width: 45em) {
    header {
        font-size: 0.75em;
    }
    
    header h1,
    .showmenu header h1 {
        margin: 1rem 0 0 1.5rem;
    }

    header nav span::before {
        padding-right: 0;
    }

    header nav {
        right: 1em;
        top: 1.2em;
    }
}

@media only screen and (max-width: 60em) {
    header nav span {
        width: 2.2em;
        height: 2rem;
        margin-top: 0.5rem;
        overflow: hidden;
    }
}
.languagepicker {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    padding: 1em 0 1em 1em;
    border-radius: 0 0 0 2em;
    border: 1px solid #ddd;
    border-top: 0;
    border-right: 0;
}

.languagepicker a {
    margin: 0 0.5em;
}

.grayback {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #f8f8f8
}

.login-container {
    background-color: #fff;
    display: block;
    width: 21em;
    border: 1px solid #ddd;
    margin: 0 auto;
    border-radius: 0.2em;
}

.login-container .validationsummary {
    padding: 0 0.5em;
    text-align: center;
}

.login-container h1 {
    font-size: 1em;
    font-weight: normal;
    display: block;
    padding: 0.5em 1.1em;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.login-container .header {
    padding: 0.5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5em;
}

.login-container .header img {
    width: 100%;
}

.login-container label {
    width: auto;
    padding-bottom: 0;
}
.login-container .inputarea {
    padding: 0.5em 1em;
}

.login-container .inputarea input[type=text],
.login-container .inputarea input[type=password],
.login-container .inputarea input[type=email] {
    width: 100%;
}

.login-container label,
.login-container a {
    font-size: 0.9em;
    vertical-align: top;
}

.login-container .button-container {
    padding: 0 1em;
}

.login-container .button-container .button {
    width: 100%;
}

.login-container .center {
    margin: 0.5em 0 0.7em 0;
}

.login-container .center .button {
    margin: 0 0.7em;
}

.login-container .register {
    text-align: center;
    display: block;
    padding-bottom: 0.5em;
    font-size: 0.9em;
}

.login-container .register {
    text-align: center;
    padding: 0.5em 1em;
    background-color: #fafafa;
    border-top: 1px solid #ddd;
}

.login-container .register a {
    color: #555;
}

.login-container .register a:hover {
    color: #000;
    font-weight: bold;
}

.login-container .register a:first-child {
    float: left;
}

.login-container .register a:last-child {
    float: right;
}

.login-container .register a:only-child {
    float: initial;
}

.login-container .explanation {
    margin: 0.5em 0 1.5em 0;
    background-color: #f5f5f5;
    text-align: center;
    padding: 0.5em;
    font-size: 0.9em;
}

.login-container .button:last-child {
    margin-right: 0;
}

.validationsummary ul,
.login-container ul {
    list-style: none;
}

.login-container li {
    color: #bb0000;
}

.login-container li:before {
    content: '✗';
}

.login-container li.ok {
    color: #00bb00;
}

.login-container li.ok:before {
    content: '✓';
}

.login-container .validationsummary li:before {
    display: none;
}

.login-container .field-validation-error {
    margin: -0.5em 0 0.5em 0;
}
/*******************************************\
|   G E N E R I C   N A V   S T Y L I N G   *
\*******************************************/
nav ul {
    list-style: none;
}

nav a {
    color: #000;
    padding: 0.75em 0.3em;
    margin: 0.2em 0;
    display: block;
}

/*********************************************\
|   L E F T   M E N U   N A V I G A T I O N   *
\*********************************************/
.leftmenu, .leftmenu::before  {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4em;
    padding-top: 1em;
    z-index: 3;
    background-color: #fff;
    transition: width 0.5s ease-in-out;
}

.leftmenu::before {
    content: '';
    position: fixed;
    z-index: -1;
}

.leftmenu::after {
    left: 0;
    top: 0;
    margin-left: 4em;
    width: 1px;
    content: '';
    height: 100%;
    position: fixed;
    z-index: 1;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #afafaf 18%, #d3d3d3 47%, #afafaf 69%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#afafaf 18%,#d3d3d3 47%,#afafaf 69%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#afafaf 18%,#d3d3d3 47%,#afafaf 69%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    transition: margin-left 0.5s ease-in-out;
}

.showmenu .leftmenu, .showmenu .leftmenu::before {
    width: 14em;
}

.showmenu .leftmenu::after {
    margin-left: 14em;
}

.leftmenu .logobar {
    position: absolute;
    display: block;
    margin-left: -14em;
    transition: margin-left 0.5s ease-in-out;
}

.showmenu .leftmenu .logobar {
    margin-left: 0;
}

.leftmenu .logobar img {
    width: 6em;
}

.leftmenu .toggle {
    float: right;
    margin: 0.8em 0.5em;
    content: '\f0c9';
    font-family: 'icomoon';
    cursor: pointer;
    width: 1em;
    text-align: center;
    display: inline-block;
}

.leftmenu .toggle::before {
    content: '\f0c9';
    font-weight: bold;
    color: #333;
    font-family: 'icomoon';
}

.leftmenu nav {
    position: absolute;
    top: 5em;
    width: 100%;
}

.leftmenu nav a {
    cursor: pointer;
}

.leftmenu nav a::before {
    font-size: 1.3em;
    vertical-align: sub;
}

.leftmenu span {
    opacity: 0;
    font-size: 0.8em;
    position: absolute;
    width: 0;
    overflow: hidden;
}

.leftmenu a {
    margin-left: 1em;
}

.showmenu .leftmenu span {
    opacity: 1;
    display: inline;
    width: 12em;
    transition: opacity 1.5s ease-in-out;
}

.leftmenu nav .active > a, .leftmenu nav a:hover {
    color: #ff0000;
}

.leftmenu nav li.active ul {
    display: block;
}

.showmenu .leftmenu nav li ul {
    padding-left: 1em;
}

.leftmenu nav li ul {
    display: none;
    transition: padding-left 1s ease-in-out;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #aaa;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #f0f0f0 5%, #f0f0f0 90%, #dedede 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#f0f0f0 5%,#f0f0f0 90%,#dedede 100%);
    background: linear-gradient(to bottom, #efefef 0%,#f0f0f0 5%,#f0f0f0 90%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0',GradientType=0 );
}

/***********************************************\
|   R E S P O N S I V E   N A V I G A T I O N   *
\***********************************************/

@media only screen and (max-width: 45em) {
    .leftmenu, .leftmenu::before {
        margin-left: -4em;
    }

    .leftmenu::after {
        left: -4em;
    }

    .leftmenu .toggle {
        margin-left: 4.8em;
        position: absolute;
    }

    .showmenu .leftmenu .toggle {
        position: static;
    }
    
    .showmenu .leftmenu .toggle::before {
        content: '\f053';
    }

    .showmenu .leftmenu, .showmenu .leftmenu::before {
        margin-left: 0;
    }

    
    .showmenu .leftmenu::after {
        left: 0;
    }
}

.alertoverlay {
    z-index: 1010;
}

input.widefield,
textarea.widefield,
select.widefield {
    width: 60em;
}

input.smallfield,
textarea.smallfield,
select.smallfield {
    width: 5em;
}

    
.login-container label {
    width: initial;
    padding-bottom: 0;
    display: inline-block;
}

.error {
    color: #ff0000;
    margin-bottom: 1em;
}

.content {
    padding: 1.5em 1em 0 6em;
    width: 100%;
    -o-transition: padding-left 0.5s ease-in-out;
    -webkit-transition: padding-left 0.5s ease-in-out;
    transition: padding-left 0.5s ease-in-out;
}

.showmenu .content {
    padding-left: 16em;
}

.dashboardcontainer {
    margin-top: -1em;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dashboard {
    background-color: #fff;
    min-height: calc(100vh - 8.2em);
}

.showmenu .dashboardcontainer {
    left: 14em;
    width: calc(100% - 14em);
}

.grid-stack-item {
    box-shadow: 0 2px 3px #bbb;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    padding: 0;
    left: 2px!important;
    right: 2px!important;
    z-index: 1!important;
}

.grid-stack-item .settings {
    z-index: 2;
    box-shadow: 0 -2px 1px #bbb;
}

.content .logo {
    display: inline-block;
    vertical-align: middle;
    height: 4em;
    margin-bottom: 1.5em;
}

.content .logo img {
    max-height: 100%;
}

.content .inline-image {
    max-height: 10em;
}

.content .uppercase {
    text-transform: uppercase;
}

.inputarea .materialoptions {
    display: inline-block;
    vertical-align: top;
}

.inputarea .materialoptions label{
    vertical-align: sub;
}

.inputarea .materialoptions input[type=checkbox]{
    margin-top: 0.8em;
}

.popupmessage {
    border: 2px solid #00d551;
    color: #00772b;
    font-weight: bold;
    background-color: #fff;
    width: 16em;
    height: 5em;
    text-align: center;
    border-radius: 0.5em;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -8em;
    display: none;
    z-index: 1010;
}

.popupmessage.error {
    border-color: #d55100;
    color: #772b00;
}

.message {
    margin-left: 10.7em;
    color: #f00;
    font-weight: bold;
}

div.warning {
    padding: 1em;
    color: #fff;
    -ms-border-radius: 0.5em;
    border-radius: 0.5em;
    margin: 1em 0 2em 0;
    background-color: #bd755b;
    display: table;
}

.grid-area {
    width: 100%;
    overflow-x: auto;
}

.grid-container {
    -moz-min-width: 900px;
    -ms-min-width: 900px;
    -o-min-width: 900px;
    -webkit-min-width: 900px;
    min-width: 900px;
}

dt, dd {
    line-height: 1.42857143;
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0;
}

dt:nth-child(1n + 3), dd:nth-child(1n + 3) {
    border-top: 1px solid #eee;
}

dt {
    width: 15em;
    padding-right: 0.5em;
}

dt.ellipsis span {
    max-width: 15em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.section {
    padding-top: 1.5em;
}

dt.section + dd {
    padding-top: 1.5em;
}

dd {
    width: calc(100% - 15.5em);
    margin-left: -0.4em;
    padding-left: 1em;
}

dd::before, dd::after {
    display: table;
    content: ' ';
}

dd ul {
    margin-left: 1.2em;
    list-style: none;
}

dd li::before {
    content: '-';
    position: absolute;
    margin-left: -1em
}

.k-event .right::after {
    content: '';
    padding-right: 1em;
}

.mailpreview {
    width: 100%;
    height: 30em;
}

/**************************\
|    R M A - C R E A T E   |
\**************************/

.selectarticle .labelselector {
    font-size: 0.85em;
    max-width: 60em;
    width: 100%;
}

/**********************\
|    R M A - E D I T   |
\**********************/

.rmaoverview .buttonbar {
    font-size: 0.9em;
}

.rmaoverview .button {
    font-weight: normal;
    padding: 0.2em 1em;
}

.rmaoverview .button-container .button {
    font-weight: bold;
    padding: 0.5em 2em;
}

.rmaoverview h3 {
    margin-bottom: 0;
}

.rmaoverview .languageflag {
    position: absolute;
    right: 0;
}

.rmaoverview dd li::before {
    display: none;
}

.rmaoverview ul {
    list-style: none;
}

.rmaoverview li {
    display: inline-block;
}

.rmaoverview .clearfix {
    max-width: 69em;
    position: relative;
}

.rmaoverview .tabs .clearfix {
    max-width: initial;
}

.rmaoverview .orderdetails {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: 1px solid #ddd;
}

.rmaoverview .grid-33 label {
    padding: 0;
}

.rmaoverview label {
    display: block;
    width: auto;
    font-size: 0.75em;
    font-weight: bold;
    padding: 1em 0 0 0;
}

.rmaoverview label.checkbox {
    font-size: inherit;
    padding: inherit;
}

.rmaoverview input, .rmaoverview textarea, .rmaoverview select {
    margin-bottom: inherit;
}

.rmaoverview .attachment {
    width: 9.3em;
    height: 9.3em;
    margin: 0.25em;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.rmaoverview .attachment a {
    display: block;
    height: 9.3em;
    color: #000;
}

.rmaoverview .attachment.report::before {
    font-family: icomoon;
    content: "\e7fb";
    font-size: 1.1em;
    position: absolute;
    margin: 0.2em;
    padding: 0.15em;
    background-color: #C6FFD4;
    border: 1px solid #aaa;
    border-radius: 0.2em;
}

.content .rmaoverview .attachment .inline-image,
.content .rmaoverview .attachment .icon {
    max-height: 100%;
    max-width: calc(100% - 2px);
    display: inline-block;
    vertical-align: middle;
    font-size: 4em;
}

.content .rmaoverview .attachment .icon::before {
    margin: 0;
}

.content .rmaoverview .attachment span {
    font-size: 0.7rem;
    word-break: break-all;
    display: block;
}

.content .rmaoverview .tabs {
    margin-top: 0.5em;
}

.content .rmaoverview .tabs .tab .loader {
    display: block;
    text-align: center;
    margin-top: 3em;
}

.content .rmaoverview .tabs .tab .loader::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/autocompleteloader.gif);
}

.rmaoverview .event {
    margin-bottom: 1em;
}

.rmaoverview .event.system::before,
.rmaoverview .event.customercommunication::before,
.rmaoverview .event.internalcommunication::before,
.rmaoverview .event.statehistory::before,
.rmaoverview .event.solutionhistory::before,
.rmaoverview .event.reasonhistory::before,
.rmaoverview .event.instructionhistory::before,
.rmaoverview .event.discounthistory::before,
.rmaoverview .event.freearticledescriptionhistory::before,
.rmaoverview .event.freearticlepricehistory::before,
.rmaoverview .event.freearticledeliverydatehistory::before {
    content: '';
    width: 0.75em;
    height: 0.75em;
    border-radius: 0.2em;
    background-color: #ccc;
    display: inline-block;
    margin-right: 0.5em;
}

.rmaoverview .event.customercommunication::before {
    background-color: #845EC2;
}

.rmaoverview .event.internalcommunication::before {
    background-color: #FF9671;
}

.rmaoverview .event.statehistory::before {
    background-color: #FFC75F;
}

.rmaoverview .event.solutionhistory::before {
    background-color: #F9F871;
}

.rmaoverview .event.reasonhistory::before {
    background-color: #2C73D2;
}

.rmaoverview .event.instructionhistory::before {
    background-color: #008E9B;
}

.rmaoverview .event.discounthistory::before {
    background-color: #4B4453;
}

.rmaoverview .event.freearticledescriptionhistory::before {
    background-color: #C34A36;
}

.rmaoverview .event.freearticlepricehistory::before {
    background-color: #D5CABD;
}

.rmaoverview .event.freearticledeliverydatehistory::before {
    background-color: #D0E9F4;
}

.rmaoverview .eventattachments .attachment {
    width: 3em;
    height: 3em;
    margin: 0.25em;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.rmaoverview .eventattachments .attachment .icon {
    font-size: 2.3em;
}

.rmaoverview .eventattachments .attachment .icon .filename {
    position: absolute;
    color: #3b73af;
}

.rmaoverview .eventattachments .attachment a {
    display: block;
    height: 3em;
    color: #000;
}

.rmaoverview .event .eventfrom {
    display: inline-block;
    color: #3b73af;
    font-size: 0.9em;
    margin-right: 1em;
    cursor: default;
}

.rmaoverview .event .date {
    display: inline-block;
    font-size: 0.75em;
}

.rmaoverview .event .envelop {
    display: inline-block;
}

.rmaoverview .event .envelop::before {
    font-family: icomoon;
    line-height: 0.7em;
    content: "\e696";
    width: 1em;
    height: 0.7em;
    display: inline-block;
    margin-right: 0.5em;
    cursor: pointer;
}

.rmaoverview .event .envelop.unread::before {
    color: #D89A02;
    background-color: #F5E694;
    border-radius: 0.2em;
}

.rmaoverview .tablabel.unreaditems, 
.rmaoverview .event.unread .eventfrom,
.rmaoverview .event.unread .date {
    font-weight: bold;
}

.rmaoverview .event .tocontainer {
    line-height: 0.7;
    margin-bottom: 0.4em;
}

.rmaoverview .event .eventto {
    font-size: 0.7em;
    display: inline-block;
    margin-right: 1em;
    padding: 0.2em;
    color: #3b73af;
    cursor: default;
}

.rmaoverview .event .eventto::before {
    content: '@';
    margin-right: 0.1em;
}

.rmaoverview .event .subject {
    font-weight: bold;
}

.rmaoverview .event .previousvalue,
.rmaoverview .event .newvalue{
    display: inline-block;
    background-color: #eee;
    border-radius: 0.3em;
    padding: 0.3em;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.rmaoverview .event .previousvalue {
    text-decoration: line-through;
}

.rmaoverview .event .newvalue {
    margin-left: 2em;
}

.rmaoverview .event .newvalue::before {
    content: '\f0da';
    margin: 0 0.3em;
    font-family: icomoon;
    position: absolute;
    margin-left: -1.5em;
}

.rmaoverview .inputcontainer {
    padding: 0 1em 0.5em 1em;
    position: relative;
}

.rmaoverview .inputcontainer.internalcommunication .fileuploadcontainer.multi .fileupload {
    height: auto;
    margin-bottom: 0;
}

.rmaoverview .inputcontainer.internalcommunication textarea {
    height: 5em;
    max-width: initial;
    width: 100%;
    padding-right: 5em;
    transition: height 0.2s ease-in-out;
}

.rmaoverview .inputcontainer.internalcommunication textarea:focus {
    height: 15em;
}

.rmaoverview .inputcontainer.internalcommunication button {
    width: 4.7em;
    height: 4.7em;
    position: absolute;
    bottom: 0.85em;
    right: 1.4em;
    transition: all 0.2s ease-in-out;
}

.rmaoverview .inputcontainer.internalcommunication button::before {
    content: '>';
    font-size: 2em;
}

.rmaoverview .inputcontainer.internalcommunication textarea:focus + button {
    background-color: #2daaff;
    color: #fff;
}

.rmaoverview .inputcontainer.internalcommunication textarea + button::after {
    content: '(ctrl + enter)';
    font-size: 0.8em;
    position: absolute;
    bottom: 5.85em;
    width: 5.9em;
    right: 0em;
    color: #000;
    opacity: 0;
    transition: opacity 0.2s ease-in-out
}

.rmaoverview .inputcontainer.internalcommunication textarea:focus + button::after {
    opacity: 1;
}

.overlaycontainer {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0.5em;
    border-radius: 0.5em;
}

label.top {
    vertical-align: top;
}

.overlaycontainer label {
    padding-bottom: 0;
}

.overlaycontainer .widefield {
    width: 46.2em;
}

.overlaycontainer .checkbox {
    margin-bottom: 1em;
}

.overlaycontainer .articlestock .orb {
    height: 0.8em;
    width: 0.8em;
    border-radius: 50%;
    box-shadow: 2px 2px 4px #ccc;
    display: inline-block;
    background: #ff8e8e; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff8e8e 0%, #840000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ff8e8e 0%,#840000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ff8e8e 0%,#840000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e8e', endColorstr='#840000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.overlaycontainer .articlestock .orb.available {
    background: #b8e0b9; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #b8e0b9 0%, #008200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #b8e0b9 0%,#008200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #b8e0b9 0%,#008200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e0b9', endColorstr='#008200',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.overlaycontainer .articlestock .orb.soldout {
    background: #606060; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #606060 0%, #808080 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #606060 0%,#808080 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #606060 0%,#808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#808080',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.dropdownlistcontainer.multi,
.fileuploadcontainer.multi,
.overlaycontainer .rmaordernumber,
.overlaycontainer label.small {
    display: inline-block;
}

.overlaycontainer label.small ~ .field-validation-error {
    margin-left: 5em;
}

.rmaoverview textarea,
.overlaycontainer textarea {
    margin-bottom: 0;
    resize: none;
}

.overlaycontainer.messagecontainer .field-validation-error {
    margin: 0;
    margin-top: 0.4rem
}

.defaultresponses {
    margin-top: -0.125em;
    text-align: right;
    width: 51.1em;
    max-width: 100%;
}

.defaultresponses .button {
    border: 1px solid #777;
    color: #444;
    font-size: .75em;
    margin: .1em;
    font-weight: normal;
    border-radius: 0 0 .5em .5em;
    text-align: center;
}

.sendmailmessage {
    display: none;
    background-color: #fff;
    padding: 1em;
    border: 1px solid #777;
    border-radius: .5em;
}

.sendmailmessage .emailText {
    padding: 0.2em;
    border: 1px solid #777;
    border-radius: .5em;
    max-width: 60em;
    min-height: 2em;
    max-height: 15em;
    overflow-y: auto;
}

.readcontainer {
    padding: 0.2em;
    max-height: 15em;
    overflow: auto;
}

.readcontainer.scroll {
    border: 1px solid #ddd;
}

.changecontainer, .mailcontainer {
    max-width: 100%;
    max-height: 100%;
}

.changecontainer .changecontainercontent {
    width: 51.30em;
    max-width: 100%;
}

.changecontainer .erpexportbutton {
    background-image: url(../images/ERP.png);
    background-repeat: no-repeat;
    background-size: 4em;
    background-position-y: center;
    padding: 1.5em;
    padding-left: 4em;
    width: 15.75em;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    background-color: #eee;
    position: relative;
    left: calc(50% - 7.875em);
    cursor: pointer;
}

.changecontainer .erpexportbutton.clicked {
    background-color: #aaa;
}

.changecontainer .erpexportbutton .progressOverlay {
    position: absolute;
    left: 45%;
    top: 20%;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    display: none;
}

.changecontainer .erpexportbutton.clicked  .progressOverlay {
    display: block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.changecontainer .erpexportbutton div {
    display: inline-block;
}

.changecontainer .fileuploadcontainer.multi .fileupload,
.mailcontainer .fileuploadcontainer.multi .fileupload {
    margin-bottom: 0;
}

.changecontainer .calendarbutton {
    display: inline-block;
}

.changecontainer .freedescription {
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}

/********************************\
|    S E A R C H - D E B T O R   |
\********************************/
.icon-search {
    cursor: pointer;
}

.searchDialog {
    display: none;
    background-color: #fff;
    border-radius: 1em;
    padding: 1em;
}

.searchDialog, .loader {
    display: none;
    text-align: center;
}

.searchDialog .searchresult {
    max-height: 75vh;
    overflow-y: auto;
}

.searchDialog tbody tr {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.searchDialog tbody tr:hover {
    background-color: #83cafc;
}

/********************************\
|    I M A G E - P R E V I E W   |
\********************************/

.image-preview {
    display: none;
}

.image-preview img {
    max-width: 100vw;
    max-height: 100vh;
}

.image-preview video {
    background-color: #000;
    border: 0;
}

/*****************************\
|    A R T I C L E T Y P E    |
\*****************************/

.articletypeupload label {
    width: 15em;
}

.componentscontainer {
    padding: 0.5em;
    background-color: #fff;
    position: fixed;
    top: 0.5em;
    right: 0.5em;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    z-index: 100;
}

.componentscontainer a {
    margin: 0;
}

.groupcomponent,
.reasoncomponent {
    width: 63.5em;
}

.groupcomponent .groupheader,
.reasoncomponent .reasonheader {
    border: 0;
    background-color: #ddd;
    padding: 0.5em;
    position: relative;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
}

.groupcomponent.minified > .groupheader > .buttons,
.groupcomponent.minified > .groupcontent,
.reasoncomponent.minified > .reasonheader > .buttons,
.reasoncomponent.minified > .reasoncontent {
    display: none;
}

.groupheader .minify,
.reasonheader .minify {
    position: absolute;
    right: 0.5em;
    top: calc(50% - 0.75em);
    padding: 0.375em 0.5em;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0.8em;
    z-index: 2;
    cursor: pointer;
}

.minified > .groupheader .minify::before,
.minified > .reasonheader .minify::before {
    transform: rotate(0);
}

.groupheader::before,
.reasonheader::before {
    vertical-align: middle;
}

.groupheader .minify::before,
.reasonheader .minify::before {
    content: '\f106';
    font-family: icomoon;
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
    display: block;
}

.groupheader .grouptitle,
.groupheader .buttons,
.reasonheader .reasontitle,
.reasonheader .buttons {
    display: inline-block;
}

.groupheader .grouptitle {
    width: calc(100% - 36.5em);
}

.reasonheader .reasontitle {
    width: calc(100% - 20em);
}

.groupcontent,
.reasoncontent {
    padding: 0.5em;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
    margin-bottom: 1em;
}

.groupcomponent .groups,
.groupcomponent .reasons {
    margin-left: 1em;
}

/* Styling for article group reasons */
.groupcontainer {
    border: 1px solid #ddd;
    width: 62.875em;
    max-width: 100%;
}

.groupcontainer .groupcomponent,
.groupcontainer .reasoncomponent {
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0.045);
}

.groupcontainer .groupheader,
.groupcontainer .reasonheader {
    background-color: transparent;
    cursor: pointer;
}

.groupcontainer .groupheader .minify,
.groupcontainer .reasonheader .minify {
    right: auto;
    left: 0;
    top: 0.75em;
    background-color: transparent;
}

.groupcontainer .icon-grid::before {
    content: '\e6ba';
    margin-left: 1em;
}

.groupcontainer .icon-reason::before {
    content: '\e6d8';
    margin-left: 1em;
}

.groupcontainer .button {
    width: 2.3em;
    height: 2.3em;
    padding: 0.5em;
    overflow: hidden;
    position: relative;
}

.groupcontainer .button span::before {
    margin: 0 1em 1em 0;
}

.groupcontainer .button::after {
    content: '+';
    right: 0.1875em;
    bottom: 0.25em;
    position: absolute;
}

.groupcontainer .groupcomponent,
.groupcontainer .reasons {
    position: relative;
    transition: margin-bottom 0.2s ease-in-out;
    display: none;
}

form > .groupcontainer > .groups > .groupcomponent {
    display: block;
}

.groupcontainer .groupheader {
    position: unset;
}

.groupcontainer .groupcomponent.minified {
    padding-bottom: 0;
}

.groupcontainer .groupheader .minify::before,
.groupcontainer .reasonheader .minify::before {
    transform: rotate(0);
}

.groupcontainer .open > .groupheader .minify::before,
.groupcontainer .open > .reasonheader .minify::before {
    transform: rotate(180deg);
}

.groupcontainer .open > .groups > .groupcomponent,
.groupcontainer .open > .reasons {
    display: block;
}

.groupcontainer .groupcomponent.open:hover,
.groupcontainer .groupcomponent.open:hover .groupcomponent:not(.open, .minified) .groupcontent {
    padding-bottom: 3em;
}

.groupcontainer .groupcomponent .buttons {
    position: absolute;
    bottom: -0.5em;
    left: 3em;
}

.groupcontainer .groupcomponent.open:hover > .groupheader .buttons,
.groupcontainer .groupcomponent.open:hover .groupcomponent:not(.minified) > .groupheader .buttons {
    display: block;
}

.groupcontainer .groupcontent,
.groupcontainer .reasoncontent {
    padding: 0.5em;
    border: 0;
    background-color: #f8f8f8;
    margin-bottom: 1em;
    margin-left: 0.5em;
    width: calc(100% - 1em);
}

.groupcontainer .groupcontent label,
.groupcontainer .reasoncontent label {
    display: block;
    padding: 0;
}


/*************************\
|    U P L O A D L O G    |
\*************************/
.uploadlog {
    border: 1px solid #1883D7;
    background-color: black;
    color: #C0C0C0;
    font-family: Consolas;
    font-size: 16px;
    width: 900px;
    height: 600px;
    display: block;
    overflow: auto;
}

.uploadlog .warn {
    color: #d2d600;
}

.uploadlog .error {
    color: #ee0000;
}

/********************************\
|    C H E C K M A R K L I S T   |
\********************************/
.content ul.checkmark {
    list-style: none;
}

.content ul.checkmark li {
    margin-left: 1.3em;
}

.content ul.checkmark li::before {
    content: '\f00c';
    font-family: icomoon;
    position: absolute;
    margin-left: -1.3em;
    color: #0d97ff;
}

/******************************\
|    A U T O C O M P L E T E   |
\******************************/
.ui-autocomplete-loading {
    background: white url(../images/autocompleteloader.gif) calc(100% - 0.5em) center no-repeat;
}

ul.ui-widget {
    border: 1px solid #c5c5c5;
    color: #333333;
    list-style: none;
}

ul.ui-widget li {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

ul.ui-widget li > div {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.largewidth {
    width: 30em;
}

/********************\
|    F I L T E R S   |
\********************/

.filters {
    color: #ff0000;
    cursor: pointer;
}

.gridfilters {
    display: none;
    position: absolute;
    z-index: 5;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 1em;
    padding: 1em;    
}

.gridfilters .close {
    height: 1em;
    width: 1em;
    position: absolute;
    right: 0.5em;
    top: 0.2em;
    cursor: pointer;
}

.gridfilters .close::before {
    font-family: icomoon;
    content: "\f00d";
}

/************************\
|    R E P O R T I N G   |
\************************/

.reporting .supplier.selected, .reporting .debtor.selected {
    background-color: #eee;
}

.reporting .downloadpdf, .reporting .downloadxls {
    font-size: 2em;
    padding: 0.2em 0.3em;
    cursor: pointer;
}

.reporting .downloadpdf::before, .reporting .downloadxls::before {
    margin: 0;
    color: #ccc;
}

.reporting .downloadpdf.selected::before {
    color: #ff0000;
}

.reporting .downloadxls.selected::before {
    color: #107c41;
}

.reporting .smallprint {
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 1em;
}

.reporting .labelselector {
    font-size: 0.85em;
    width: 30em;
    max-width: 100%;
}

.reportingDialog {
    background-color: #ffffff;
    padding: 1em;
    border-radius: 1em;
    display: none;
}

.reportingDialog .directurl {
    background-color: #f8fbfb;
}

.reportingDialog .directurl .icon-copy {
    cursor: pointer;
    background-color: #337ab7;
    color: #ffffff;
    padding: 0.2em;
    border-radius: 0.3em;
}

.reportingDialog .directurl .icon-copy::before {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

/*****************************\
|    B A C K   T O   T O P    |
\*****************************/
.backtotop {
    position: fixed;
    bottom: 5em;
    right: -5em;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0.3em 0.76em;
    color: #fff;
    z-index: 5;
    cursor: pointer;
}

.backtotop.visible {
    right: 0.5em;
}

.backtotop:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.backtotop::before {
    content: '\f106';
    font-family: icomoon;
    font-size: 2em;
    font-weight: bold;
}

@media only screen and (max-width: 62.5em) {
    .datelabel {
        margin-left: calc(50% - 2rem);
        margin-bottom: 0.5em;
    }

    .dashboardsectioncontainer {
        width: 100%;
        display: block;
        margin-left: 0;
    }
}

@media only screen and (max-width: 45em) {
    .showmenu .content {
        padding-left: 1em;
    }

    .showmenu .dashboardcontainer {
        left: 0;
        width: 100%;
    }

    .logo {
        float: right;
    }

    .content {
        padding-left: 1em;
    }

    .content {
        font-size: 0.8em;    
    }

    .dashboarddaysection {
        padding: 0;    
    }

    dt {
        width: 100%;
        line-height: 1.2;
        display: block;
        padding: 0.5em 0 0 0;
    }

    dt:nth-child(1n + 3) {
        margin-top: 0.5em;
    }

    dd:nth-child(1n + 3) {
        border: 0;
    }

    dd {
        width: 100%;
        line-height: 1.42857143;
        display: block;
        padding: 0 0 0 0.4em;
    }
}

@media only screen and (max-width: 27em) {
    a.help {
        float: right;
    }
}