/* Use the dummy icon, when there is no matching icon available. */

.icon-create {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: -32px -467px;
}

.icon-mail-small {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: -32px -574px;
}

.icon-broken-image {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: -32px -611px;
}

.icon-dummy-smaller {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: -32px -1649px;
}

.icon-boolean-default-true {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: 0px -1421px;
  width: 16px;
  height: 16px;
}

.icon-boolean-default-false {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: -32px -1421px;
  width: 16px;
  height: 16px;
}

.icon-table {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0; 
  background-position: 0px -1286px;
}

/* application criteria state "not tested" */
.icon-application-criteria-state-9144DF8B971F384F927BA76033954101 {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 0px -1495px;
  height: 24px !important;
  width: 24px !important;
  margin-right: 3px;
}

/* application criteria state "ok" */
.icon-application-criteria-state-9144DF8B971F384F927BA76033954102 {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 0px -1520px;
  height: 24px !important;
  width: 24px !important;
  margin-right: 3px;
}

/* application criteria state "incomplete" */
.icon-application-criteria-state-9144DF8B971F384F927BA76033954103 {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 0px -1443px;
  height: 24px !important;
  width: 24px !important;
  margin-right: 3px;
}

/* application criteria state "failed" */
.icon-application-criteria-state-9144DF8B971F384F927BA76033954104 {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 0px -1468px;
  height: 24px !important;
  width: 24px !important;
  margin-right: 3px;
}

.icon-application-state-portal-normal {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 4px -1673px;
}

.icon-application-state-portal-warning {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: -32px -180px;
}

.icon-application-state-portal-info {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: -32px -162px;
}

.icon-application-state-portal-success {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: -32px -144px;
}

.icon-fileupload {
  background: url("../images/file_upload.png") no-repeat 0 0;
  height: 25px;
  width: 25px;
  background-size: 25px;
  margin: 0 10px -8px 0px !important;
}

/* +Loginpage
-------------------------------------------------------------------*/



.loginpage-content .heading-h1 {
	padding-top: 10px;
}

.login-dialog {
  margin-top: 86px;
  padding-left: 40px;
}


/* TODO: Klasse für IMG nötig, SRC entfernen */

.loginpage-content .right-column .login-dialog-content img {
  margin: 0 0 18px;
  display: block;
  width: 165px;
  height: 35px;
  background: url("../images/cas-logo-large.png") no-repeat 0 0; 
}

.login-dialog .gridlayoutcolumn2smallleft {
  width: 22%;
}

.login-dialog .gridlayoutrow > div:first-child .label {
	padding-top: 3px;
	display: block;
}

.login-dialog .gridlayoutrow {
	margin-bottom: 5px;
}

.login-dialog input[type="text"],
.login-dialog input[type="password"] {
	width: 180px;
}

.login-dialog-action {
	margin-top: 20px;
	font-size: 12px;
}

/* normal state */
.login-dialog .secondary-action {
	margin-left: 25px;
  font-weight: bold;
	color: #fff;
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	border-color: #145683;
	background: #2d668e url(../images/v5-global-sprite.png) repeat-x 0 -465px;
	background: -webkit-linear-gradient(bottom, #2d668e, #5197c7);
	background: -moz-linear-gradient(bottom, #2d668e, #5197c7);
	background: -o-linear-gradient(bottom, #2d668e, #5197c7);
	background: -ms-linear-gradient(bottom, #2d668e, #5197c7);
	background: linear-gradient(to top, #2d668e, #5197c7);
}

/* hover state */
.login-dialog .secondary-action:hover {
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	box-shadow: inset 0 0 3px rgba(255,255,255,.32);
	border: solid 1px #145683;
	background-color: #367aa9;
	background-image: -webkit-linear-gradient(bottom, #3374a1, #71afda);
	background-image: -moz-linear-gradient(bottom, #3374a1, #71afda);
	background-image: -o-linear-gradient(bottom, #3374a1, #71afda);
	background-image: -ms-linear-gradient(bottom, #3374a1, #71afda);
	background-image: linear-gradient(to top, #3374a1, #71afda);
}

/* focus state */
.login-dialog .secondary-action:focus {
	-webkit-box-shadow: 0 0 4px rgba(5,66,107,.6), inset 0 0 3px rgba(255,255,255,.32);
	-moz-box-shadow: 0 0 4px rgba(5,66,107,.6), inset 0 0 3px rgba(255,255,255,.32);
	box-shadow: 0 0 4px rgba(5,66,107,.6), inset 0 0 3px rgba(255,255,255,.32);
	border: solid 1px #07283f;
}

/* pressed state */
.login-dialog .secondary-action:active {
	-webkit-box-shadow: inset 0 0 6px #275a7d;
	-moz-box-shadow: inset 0 0 6px #275a7d;
	box-shadow: inset 0 0 6px #275a7d;
	border: solid 1px #145683;
	background-color: #1b5074;
	background-image: -webkit-linear-gradient(bottom, #275a7d, #4688b5);
	background-image: -moz-linear-gradient(bottom, #275a7d, #4688b5);
	background-image: -o-linear-gradient(bottom, #275a7d, #4688b5);
	background-image: -ms-linear-gradient(bottom, #275a7d, #4688b5);
	background-image: linear-gradient(to top, #275a7d, #4688b5);
}

.loginpage-content .logo-login {
	margin: 0 0 20px;
  	width: 116px;
  	height: 53px;
}

/*
.loginpage .logo {
	display: none;
}

.loginpage-logo {
	background: url("../images/logo-login.png") no-repeat 0 0;
}

*/



/* +Gridlayout
-------------------------------------------------------------------*/

/* TODO: Klassennamenn und Werte überarbeiten,*/

.portal .nav-list{
  margin-top: 1px;
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
}

.gridlayoutcolumn2largeleft {
	float: left;
	width: 95%;
	position: relative;
}

.gridlayoutcolumn2largeright {
	float: left;
	/*width: 95%;*/
	position: relative;
}

.gridlayoutcolumn2smallleft {
	float: left;
	width: 17%;
	position: relative;
}

.gridlayoutcolumn2smallright {
	float: left;
	width: 5%;
	position: relative;
}





/* Kopfmenü
-------------------------------------------------------------------*/


.header-menu .menu-submenu {
	min-width: 150px;
}

.header-menu .menu-item:first-child {
	width: 180px;
	margin-left: 25px;
}

.header-menu .menu-item:first-child > .image {
	float: left;
}

.header-menu .menu-item:first-child > .label {
	display: block;
	margin-left: 32px;
	line-height: 14px;
}

.header-menu .menu-item:first-child > .label {
	margin-top: 1px;
	font-size: 11px;
	font-weight: bold;
}

.header-menu .menu-item:first-child > .label + .label {
	margin-top: 0;
	font-size: 10px;
	font-weight: normal;
}


/* reset for portal */

.portal .header-menu .menu-submenu {
	min-width: auto;
}

.portal .header-menu .menu-item:first-child {
	width: auto;
	margin-left: 0;
}

.portal .header-menu .menu-item:first-child > .image {
	float: none;
}

.portal .header-menu .menu-item:first-child > .label {
	display: inline;
	margin-left: 0;
	line-height: inherit;
}

.portal .header-menu .menu-item:first-child > .label {
	margin-top: 0;
	font-size: inherit;
	font-weight: normal;
}

.portal .header-menu .menu-item:first-child > .label + .label {
	margin-top: 0;
	font-size: inherit;
	font-weight: normal;
}






/* +Controls
-------------------------------------------------------------------*/




.portal .main-navigation {
  border-top: none;
}


/*
 * Accordion:
 * Regeln verwerfen und neu schreiben, sobald das Element geändert wurde!
 */

.accordion-content > .label {
  margin-bottom: 20px;
  display: block;
}

.accordion-content .gridlayoutcolumnlabel {
  text-align: left;
  width: 9em;
}

.accordion-content .gridlayoutcolumn3:first-child {
  width: 13%;
}


.accordion-content .gridlayoutrow {
  margin: 3px 0;
}

.accordion-content .boxlayout .gridlayout .label {
  font-weight: bold;
}

.accordion-content .boxlayout .primary-action {
  margin: 20px 0 15px;
}


/*
 * Radiobutton:
 * TODO: Selektoren verwerfen und neu schreiben, sobald das Element geändert wurde!
 */

.radiobutton-unselected,
.radiobutton-selected {
	margin: 0.5em 0 !important;
	padding: 0.3em 0.7em !important;
	border: 1px solid transparent;
	font-size: 1.083em;
	text-align: center;
	cursor: pointer;
}

/* normal state */
.radiobutton-unselected {
  color: #2b2e2e;
  border-color: #aaa;  
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	background: #d1d1d1 url(../images/v5-global-sprite.png) repeat-x 0 -593px;
	background: -webkit-linear-gradient(bottom, #d1d1d1, #f9f9f9);
	background: -moz-linear-gradient(bottom, #d1d1d1, #f9f9f9);
	background: -o-linear-gradient(bottom, #d1d1d1, #f9f9f9);
	background: -ms-linear-gradient(bottom, #d1d1d1, #f9f9f9);
	background: linear-gradient(to top, #d1d1d1, #f9f9f9);
}

/* hover state */
.radiobutton-unselected:hover {
	border-color: #a0a0a0;
	-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	-moz-box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	box-shadow: inset 0 0 3px rgba(255,255,255,.85);
	background-color: #e1e1e1;
	background-image: -webkit-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff);
	background-image: -moz-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff);
	background-image: -o-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff);
	background-image: -ms-linear-gradient(bottom, #d9d9d9, #f1f1f1 50%, #fff);
	background-image: linear-gradient(to top, #d9d9d9, #f1f1f1 50%, #fff);
}

/* hover/active state */
.radiobutton-selected,
.radiobutton-selected:hover {
	border-color: #a0a0a0;
	-webkit-box-shadow: inset 0 0 6px #bbb;
	-moz-box-shadow: inset 0 0 6px #bbb;
	box-shadow: inset 0 0 6px #bbb;
	background: #b1b1b1 url(../images/v5-global-sprite.png) repeat-x 0 -593px;
	background: -webkit-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background: -moz-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background: -o-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background: -ms-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background: linear-gradient(to top, #c0c0c0, #eaeaea);
	font-weight: bold;
}

/* focus state */
.radiobutton-unselected:focus,
.radiobutton-selected:focus {
	-webkit-box-shadow: 0 0 4px rgba(63,148,198,.6);
	-moz-box-shadow: 0 0 4px rgba(63,148,198,.6);
	box-shadow: 0 0 4px rgba(63,148,198,.6);
	border: solid 1px #498ab3;
}

/* pressed/active state */
.radiobutton-unselected:active,
.radiobutton-selected:active {
	border-color: #a0a0a0;
	-webkit-box-shadow: inset 0 0 6px #bbb;
	-moz-box-shadow: inset 0 0 6px #bbb;
	box-shadow: inset 0 0 6px #bbb;
	background-color: #b1b1b1;
	background-image: -webkit-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background-image: -moz-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background-image: -o-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background-image: -ms-linear-gradient(bottom, #c0c0c0, #eaeaea);
	background-image: linear-gradient(to top, #c0c0c0, #eaeaea);
}

.highlighted-button {
  color: #ff0000 !important;
  font-weight: 900 !important;
}




/* +Headline1
-------------------------------------------------------------------*/



.data-box .data-edit button img {
  margin-left: 0 !important;
}

.content .layoutcolumn + .layoutcolumn .boxlayout {
  /*margin-top: 20px;*/
}


/*
 * Startseite Portal:
 * Regeln verwerfen und neu schreiben, sobald das Element geändert wurde!
 */

.heading-h2 + .datalist-border,
.info-box-border {
  border: 1px solid #d1d1d1;
  padding: 25px 20px;
  margin-bottom: 40px;
  background: #fff;
  box-shadow: none;
}

.heading-h2 + .datalist-border .gridlayout .label {
  font-weight: bold;
  width: 90px;
  display: inline-block;
  margin-bottom: 5px;
}

.heading-h2 + .datalist-border .boxlayout-vertical {
  margin-bottom: 5px;
}

.boxlayout.info-box-border a.link {
  display: block;
}

.info-text .gridlayoutrow > div {
    float: left;
}



/* +Infotext im Assi (rechte Spalte)
-------------------------------------------------------------------*/


.info-text .gridlayoutcolumn2smallleft {
  width: 4%;
}

.info-text .gridlayoutcolumn2largeright {
  width: 90%;
}




/* Portal: Bewerbung vollständig ausgefüllt */
.icon-checked-colored-smaller {
  background: url(../images/v5-icon-sprite.png) no-repeat -32px -144px;
  width: 16px;
  height: 16px;
}



/* +Portal Bestätigungsseite
-------------------------------------------------------------------*/

.icon-checked-colored-smaller {
    margin: 2px 0 16px;
}


/* +Tabellen
-------------------------------------------------------------------*/

.ui-resize {
  display: none;
}

/* */

.warning-text {
	margin-bottom: 2em;
	margin-top: 2em;
	padding: 1em;
	border: 1px solid #928571;
	font-size: 1.083em;
	font-weight: bold;
	background: #fffbd7;
}

/*
 *  background: none repeat scroll 0 0 #fff9c9;
 *  border: 1px solid #ae936b;
 */

 
.ie7 .number {
  width: 7em;
  margin: 2px;
}

.mandatory {
	font-weight: bold;
}

.recommended {
	font-weight: bold;
}

.mandatorystar {
	font-weight: bold;
	color: #FF0000;
	display: inline;
}

.recommendedstar {
	font-weight: bold;
	color: #FF0000;
	display: inline;
}

.scrollable-tiny-label {
 	font-size: 0.917em; /* 11px */
  	color: #777;
	height: 11em;
	overflow-y: scroll;
}

.scrollable-label {
	height: 33em;
	overflow-y: scroll;
}

.scrollable-large-label {
 	font-size: 1.167em; /* 14px */
  	font-weight: bold;
	height: 11em;
	overflow-y: scroll;
}

.fieldlabel {
	display: inline;
}

/*---------------------------------------------------------------------------
/*---------------------------------------------------------------------------
/*---------------------------------------------------------------------------
 *
 * +jQuery-UI Styles
 * Die nachfolgenden Regeln gehören in die Datei "jquery-ui-custom-cas.css"
 *
 *---------------------------------------------------------------------------
 *---------------------------------------------------------------------------
 *---------------------------------------------------------------------------*/


.ui-dialog,
#ui-datepicker-div { /* set font-size for not embedded elements */
	font-size: .75em;
}


/* Popover */

.ui-dialog {
  padding: 0; 
  border: solid 1px #808080;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 9px rgba(80,80,80,.4); 
  -moz-box-shadow: 0 0 0 9px rgba(80,80,80,.4); 
  box-shadow: 0 0 0 9px rgba(80,80,80,.4); 
  background: #fff;	
}

.ui-dialog .ui-dialog-titlebar { 
  padding: .75em 1em; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
  border-width: 0 0 1px;
  background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 10%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#fafafa), color-stop(100%,#f0f0f0));
  background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 10%,#f0f0f0 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#fafafa 10%,#f0f0f0 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 10%,#f0f0f0 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#fafafa 10%,#f0f0f0 100%);  
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane { 
  border-color: #d1d1d1;
}

.ui-dialog .ui-dialog-title { 
  color: #56595a;
  font-size: 1.25em;
} 

.ui-dialog .ui-dialog-buttonpane {
  background: #f5f5f5; 
  -webkit-box-shadow: inset 0 1px #fff;
  box-shadow: inset 0 1px #fff;   
	font-size: 1.083em;
}

.ui-dialog-buttonset .ui-button-text {
	padding: 0;
	line-height: 16px;
}

.ui-dialog-content .facet {
	width: 100%;
	margin-bottom: 10px;
}

/* gapless table */
.ui-dialog-content .list-container {
	margin-bottom: -0.5em;
}


/* Datepicker */

.ui-datepicker { 
  padding: 0; 
	width: auto;
  overflow: hidden;
	border-color: #999;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);  
}

.ui-datepicker .ui-datepicker-header { 
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
  border-bottom: 1px solid #c1c1c1;
  background: #e0e0e0;
}

.ui-datepicker-prev,
.ui-datepicker-next { 
  cursor: pointer;  
}

.ui-datepicker table {
  margin: 0;
	font-size: 1em;
}

.ui-datepicker th { 
  padding: .1em .3em; 
  border-bottom: 1px solid #dadada;
  background: #fff;
}

.ui-datepicker td { 
  border: 1px solid #e0e0e0; 
}

.ui-datepicker .ui-datepicker-other-month { /* td */
  background: #eaeaea;
}

.ui-datepicker td span, 
.ui-datepicker td a { 
  padding: .1em;
	text-align: center;
}

.ui-datepicker td a { 
  width: 2.2em;
}

.ui-datepicker-calendar .ui-state-default {
  border: 1px solid transparent;
  background: #fff;
}

.ui-datepicker-calendar a:hover {
  border: 1px solid #bbb;
  background: #d9d9d9;
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar a.ui-state-highlight:hover {
  border: 1px solid #1a5189;
  font-weight: bold;
  color: #fff;  
  background: #558fc9;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3); 
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3); 
}


/* Accordion */

/* normal state */
.ui-accordion .ui-accordion-header { 
  margin-top: 1px;
  -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f0f0f0 url(../images/v5-global-sprite.png) repeat-x 0 -657px;
  background: -webkit-linear-gradient(bottom, #f5f5f5, #fff);
  background: -moz-linear-gradient(bottom, #f5f5f5, #fff);
  background: -o-linear-gradient(bottom, #f5f5f5, #fff);
  background: -ms-linear-gradient(bottom, #f5f5f5, #fff);
  background: linear-gradient(to top, #f5f5f5, #fff);
}

/* hover state */
.ui-accordion .ui-state-hover,
.ui-accordion .ui-accordion-header:hover {
  border-color: #999;
	background-color: #e3e3e3;
  background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fdfdfd);
  background-image: -moz-linear-gradient(bottom, #e3e3e3, #fdfdfd);
  background-image: -o-linear-gradient(bottom, #e3e3e3, #fdfdfd);
  background-image: -ms-linear-gradient(bottom, #e3e3e3, #fdfdfd);
  background-image: linear-gradient(to top, #e3e3e3, #fdfdfd);
}
  
/* focus state */
.ui-accordion .ui-accordion-header:focus {
  border-color: #888;
}  
  
/* active state */
.ui-accordion .ui-state-hover:active {
  border-color: #aaa;
	background: #eaeaea url(../images/v5-global-sprite.png) repeat-x 0 -733px;
	background: -webkit-linear-gradient(bottom, #fdfdfd, #e9e9e9);
	background: -moz-linear-gradient(bottom, #fdfdfd, #e9e9e9);
	background: -o-linear-gradient(bottom, #fdfdfd, #e9e9e9);
	background: -ms-linear-gradient(bottom, #fdfdfd, #e9e9e9);
	background: linear-gradient(to top, #fdfdfd, #e9e9e9);
}

.ui-accordion .ui-accordion-icons { 
  padding-left: 0; 
}

.ui-accordion-header a {
  padding-left: 1.786em;
  display: block;
  font-size: 1.167em;
}

.ui-accordion-header .image {
  vertical-align: middle;
  padding-right:2px;
	width: 24px;
	height: 24px;
}

.ui-accordion-content {
  position: relative;
  top: 1px;
  margin-top: -1px;
  margin-bottom: 2px;
  border-radius: 0;
}

.ui-widget-content {
  background: #FFFFFF;
  border: 1px solid #dddddd;
  color: #333333;
  z-index: 1003;
}

.nav-container .facet.select {
  border-radius: 0;
  width: 168px !important;
  display: block;
  margin: .5em auto;
}

.nav-container .label {
  color: #2b2e2e;
  display: block;
  margin: .5em .5em;
}

.derefer {
  text-align: center;
  margin: 3em;
}

.derefer div {
  margin: .5em;
}

.popup {
  display: none;
}

a.anchor { 
  visibility: hidden;
  float: left;
  line-height:0px;
}

.content .disabled {
	display: none;
}

.page-help .icon-info-small {
  background: url(../images/v5-icon-sprite.png) no-repeat -24px -1599px;
}

.content > .gridlayout > .gridlayoutrow > .gridlayoutcolumn1 > .layoutelement-inner {
    padding: 25px 20px 0;
}

.content > .gridlayout > .gridlayoutrow > .gridlayoutcolumn2 > .layoutelement-inner {
    padding: 25px 20px 0;
}

.menu-toolbar {
  max-height: 200px;
 }

.content-column {
  width: 80%;

  /*Needed for a minimal initial width before positions get calculated*/
  min-width: 70vw;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	display: none;
}

div.fakefile input {
	float: left;
	width: 50%;
}

div.fakefile span {
	overflow: hidden;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	display: none;
	z-index: 1002;
	width: 100%;
}

.data-value .secondary-action {
	margin-left: 0.25em;
}

.data-value .file {
  width: 100%;
}

.tabgroup-vertical .tabgroupheader {
	background-color: #fafafa;
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    padding: 10px 12px;
    border: 1px solid #ddd;
}

div.tabgroup-vertical div.tabgroupcontent {
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #dadada;
}

div.tabgroup-vertical div.tabgroupfooter {margin-left: 0.4em; padding-top: 1em;}

.heading-h2-left {
  font-size: 1.167em; /* 14px */
  font-weight: bold;
  text-align: left;
  width: 70%;
  display: inline-block;
}

.heading-h2-right {
  font-size: 1.167em; /* 14px */
  font-weight: bold;
  text-align: right;
  width: 30%;
  display: inline-block;
  float: right;
}

.data-value .image {
  background-image: url(../images/v5-icon-sprite.png);
  background-repeat: no-repeat;
}

.data-content-calculation {
	padding: 5px;
}

.col1 .data-border {
	width: 70%;
}

.col1 .data-border.ref-closingNotesAccepted {
	width: 100%;
}

/* styles for the slotconfiguration */
.slotlistconfiguration-filter-border { border: 1px solid #D1D1D1; border-bottom: 0; padding-bottom: 0 }
.slotlistconfiguration-filter-border .data-border { border: 0; padding-bottom: 0; margin-bottom: 0 }
.slotlistconfiguration-action-border { border: 1px solid #D1D1D1; border-top: 0; border-bottom: 0; padding: 10px 42px; text-align: right; }
.slotlistconfiguration-list-border { border: 1px solid #D1D1D1; padding: 12px }

/* styles for text areas */
.textarea-large {
	width: 600px;
}

textarea {
    overflow-x: hidden;
}

/* jquery ui: remove close button ("x") from dialog title bar */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*
 * Lists
 */
.list-status-container {
   text-align: right;
   border-top: 1px solid #d2d5da;
   padding: 3px 13px 3px 3px;
   background: url("../images/v5-global-sprite.png") repeat-x scroll 0 -338px #f3f5f9;
   font-weight: bold;
   vertical-align: middle;
   border-collapse: collapse;
   color: #56595a;
}

.list-status-container-embedded {
   text-align: right;
   border-top: 1px solid #d2d5da;
   border-left: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
   padding: 3px 13px 3px 3px;
   background: url("../images/v5-global-sprite.png") repeat-x scroll 0 -338px #f3f5f9;
   font-weight: bold;
   vertical-align: middle;
   border-collapse: collapse;
   color: #56595a;
}

li:empty {
    display:none;
} 

/************************************ START tabs.css from Szeged for tab support. ************************************/


/* horizontal tabs */
.tabs { padding: 0; border: none; }

/* horizontal tabs - navigation */
.tabs .ui-tabs-nav { padding-left: 5px; border: none; border-bottom: 1px solid #aaa; border-radius: 0; background-color: #fff; }

.tabs .ui-tabs-nav li {
    border: 1px solid #aaa;
    border-radius: 0;
    border-bottom: none;
    font-size: 14px;
}

.tabs .ui-state-default, .ui-tabs-vertical .ui-state-default{
   background-color: #f0f0f0;
   background-image: none;
}

.tabs .ui-state-active, .ui-tabs-vertical .ui-state-active{
   background-color: #fff;
}

.tabs .ui-state-default a:link, .ui-tabs-vertical .ui-state-default a:link{
    color: #666;
}

.tabs .ui-state-default a:focus, .ui-tabs-vertical .ui-state-default a:focus{
    background-color: #f0f0f0;
}

.tabs .ui-state-active a:focus, .ui-tabs-vertical .ui-state-active a:focus{
    background-color: #fff;
}

.tabs .ui-state-active a:link, .ui-tabs-vertical .ui-state-active a:link{
    font-weight: bold;
    color: #000;
}

.tabs .ui-state-default {
    overflow: hidden;
}

.tabs .ui-tabs-panel{
    border: 1px solid #aaa;
    border-top: none;
}

/* vertical tabs */
.ui-tabs-vertical { padding: 0; }

/* vertical tabs - navigation */
.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    padding: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    width: 25% !important;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    border: 1px solid #aaa;
    font-size: 14px;
    margin: 0;
    border-radius: 0;
    width: 100%;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}

.ui-tabs-vertical .ui-tabs-nav .data-border { width: 100%; }

.ui-tabs-vertical .ui-tabs-nav li:focus{ outline: none; }

.ui-tabs-vertical .ui-tabs-nav li.first { border-top-width: 0 !important; }

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    margin-bottom: 0;
    border-right: 1px solid #fff !important;
    z-index: 2;
}

.ui-tabs-vertical .ui-tabs-panel {
    z-index: 1;
    float: left;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-right: 0 !important;
    border-left: 1px solid #ddd !important;
    min-height: 200px;
}

.ui-tabs-vertical .ui-tabs-panel {
    width: 75% !important;
    height: 100%;
    padding-top: 15px;
}

.ui-tabs-vertical .ui-tabs-panel .boxlayout {
    padding-left: 20px;
    padding-right: 15px;
}

.ui-tabs-vertical .ui-state-default {
    overflow: hidden;
}

.dialog input[type='checkbox']{
    margin: 8px 0 5px 10px !important;
}

.dialog label{
    line-height: initial !important;
    padding-left: 0 !important;
}

.dialog .data-row{
    line-height: 30px;
}

.ui-autocomplete .ui-menu-item{
    font-size: 14px;
}

.ui-autocomplete-term { font-weight: bold; }

.extendedsearch { width: 1230px !important;}

.smalldialog { width: 400px !important;}
.mediumdialog { width: 600px !important;}
.largedialog { width: 800px !important;}
.hugedialog { width: 1000px !important;}

/************************************ END tabs.css from Szeged for tab support. ************************************/

/************************************ START borderbox.css from Szeged for tab support. ************************************/

.borderbox {
    width: 100%;
    border: 1px solid #dadada;
}

.borderbox .box-header {
    background-color: #fafafa;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada;
}

.borderbox .box-content.thick-margin {
    padding-bottom: 5px;
    padding-top: 10px;
}

.borderbox .col-header {
    background-color: #fafafa;
    font-weight: bold;
    border-bottom: 1px solid #dadada;
    margin-bottom: 5px;
}

.borderbox .col-header .data-row{
    padding-bottom: 0;
}

.tabgroupcontent select, .tabgroupcontent button {
    /* width: 100%; */
    margin-top: 5px;
}

.borderbox-small {
    /*border-top: none;*/
    width: 500px;
}

.borderbox-medium {
    /*border-top: none;*/
    width: 800px;
}

.borderbox-large {
    /*border-top: none;*/
    width: 1100px;
}

.btn-container{
    text-align: right;
    padding-top: 1em;
    margin-left: .4em;
}

.tabgroupcontent .action {
    padding-top: 5px;
}

.tabgroupcontent .action a {
    margin-left: 8px;
}

.tabgroupcontent .col span {
    margin-left: 12px;
    margin-right: 12px;
    line-height: 30px;
}

.tabgroupcontent .col .btn-radio span, .tabgroupcontent .col button span {
    line-height: 14px;
}

.tabgroupcontent .col button span { margin-left: 0px; margin-right: 0px; }

.tabgroupcontent a {
    text-decoration: none;
}

.tabgroupcontent .col {
    float: left;
}

.tabgroupcontent .col1 {
    width: 8.325%;
}

.tabgroupcontent .col3 {
    width: 35%;
}

.tabgroupcontent .col4 {
    width: 35%;
}

.tabgroupcontent .col5 {
    width: 30%;
}

.tabgroupcontent .col6 {
    width: 50%;
}

.tabgroupcontent .col7 {
    width: 58.325%;
}

.tabgroupcontent .col9 {
    width: 75%;
}

.tabgroupcontent .col.action {
    text-align: right;
}

.tabgroupcontent .col.action a:last-child{
    padding-right: 10px;
}

.tabgroupcontent .data-row input, .tabgroupcontent .data-row textarea {
    width: 90% !important;
    margin-left: 15px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.tabgroupcontent .data-row .checkbox { width: auto !important; vertical-align: text-top; }

.tabgroupcontent .data-row select, .tabgroupcontent .data-row button {
    width: 90%;
    margin-left: 12px;
}


.tabgroupcontent input.hasDatepicker {
    width: 100px;
}

.tabgroupcontent .btn-radio{
    width: 90%;
    margin-left: 12px;
}

.tabgroupcontent  .btn-radio label{
    padding: 0 !important;
    line-height: initial !important;
}

.tabgroupcontent  .btn-radio span{
    margin: 0;
    line-height: initial !important;
}

.tabgroupcontent .box-header span {
    margin-left: 0
}

.no-left-border{
    border-left: none;
}

.no-right-border{
    border-right: none;
}

.no-bottom-border{
    border-bottom: none;
}

.text-align-right {text-align: right;}
.text-align-center {text-align: center;}

.with-left-border{
    border-left: 1px solid #ddd;
}

.no-bottom-margin{
    margin-bottom: 0 !important;
}

.box-sized{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.borderbox.table .col-header {
    margin-bottom: 0;
}

.borderbox.table .box-content .data-row,  #fields-selectable .box-content .data-row{
    border-bottom: 1px solid #dadada;
    padding-bottom: 0;
}

.borderbox.table .box-content .data-row:last-child,  #fields-selectable .box-content .data-row:last-child {
    border-bottom: none;
}

.borderbox.table .box-content .data-row:nth-child(even), #fields-selectable .box-content .data-row:nth-child(even){
    background-color: #fafafa;
}


.borderbox.table .box-content .data-row {
    cursor: pointer;
}

.list-row-link {
	cursor: pointer;
}

#dialog-edit-resscheme .col-header{
    background-color: #e8e8e8;
    margin-bottom: 0;
}

.fields-sortable{
    margin: 10px 20px 20px 20px;
    width: initial;
    width: auto ;
}

.fields-sortable .ui-sortable li{
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

.fields-sortable .ui-sortable li span{
    display: inline-block;
    line-height: 35px;
}

.fields-sortable .ui-sortable li span.ui-icon{
    margin-bottom: -3px;
}

.fields-sortable .ui-sortable li.ui-sortable-helper{
    border: 1px solid #ddd;
}

.fields-sortable .ui-sortable li .float-right{
    padding-top: 10px;
    padding-right: 10px;
}

.fields-selectable {
    margin: 30px 20px 20px 20px;
    width: initial;
    width: auto;
}

.fields-selectable #add-fields-to-scheme{
    padding-top: 5px;
}

.fields-selectable input[type='checkbox']{
    width: 35px;
    margin-top: 9px;
    margin-left: 5px;
    margin-right: 10px;
}

/************************************ END borderbox.css from Szeged for tab support. ************************************/

/************************************ START dialog.css from Szeged for tab support. ************************************/

/*Dialog buttons from custom.css*/
.ui-dialog-buttonset .ui-button + .ui-button.primary-action {
    font-weight: bold;
    color: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, .32);
    border-color: #145683;
    background: #2d668e url(../images/v5-global-sprite.png) repeat-x 0 -465px;
    background: -webkit-linear-gradient(bottom, #2d668e, #5197c7);
    background: -moz-linear-gradient(bottom, #2d668e, #5197c7);
    background: -o-linear-gradient(bottom, #2d668e, #5197c7);
    background: -ms-linear-gradient(bottom, #2d668e, #5197c7);
    background: linear-gradient(to top, #2d668e, #5197c7);
}

.ui-dialog-buttonset .ui-button:first-child.secondary-action {
    color: #2b2e2e;
    border-color: #aaa;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, .85);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, .85);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, .85);
    background: #d1d1d1 url(../images/v5-global-sprite.png) repeat-x 0 -529px;
    background: -webkit-linear-gradient(bottom, #d1d1d1, #f9f9f9);
    background: -moz-linear-gradient(bottom, #d1d1d1, #f9f9f9);
    background: -o-linear-gradient(bottom, #d1d1d1, #f9f9f9);
    background: -ms-linear-gradient(bottom, #d1d1d1, #f9f9f9);
    background: linear-gradient(to top, #d1d1d1, #f9f9f9);
}

.ui-dialog #save-search {
    margin-top: 10px;
}

.ui-dialog #save-search label {
    font-weight: bold;
    padding-right: 100px;
}

.ui-dialog #save-search input {
    width: 390px;
}

#dialog-admin-results-schemes {
      padding: 0 2px 0 0;
}

#dialog-admin-results-schemes .borderbox{
      border-top: none;
}

/* HIde unused dialogs */
.dialog {
    display: none;
}

/*
Accordions
*/

.dialog .ui-accordion {
    margin-bottom: 30px;
}

.dialog .ui-accordion-header {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dialog .ui-accordion-content {
    padding: 0;
}

.dialog .ui-accordion-content table{
    width: 100%;
}

.dialog .ui-accordion-content td{
    padding: 8px;
}

.dialog .ui-accordion-content tr{
    border-bottom: 1px solid #dadada;
}

.dialog .ui-accordion-content tr:last-child{
    border-bottom: none;
}


.dialog .ui-accordion-content tr:nth-child(even) {
    background-color: #fafafa;
}

/************************************ END dialog.css from Szeged for tab support. ************************************/

/************************************ START icons.css from Szeged for tab support. ************************************/

/* Icon css modifications here */

.tabs .image {
    background-image: url("../images/v5-icon-sprite.png");
}

.icon-modify {
    background-position: -32px -485px;
}

.icon-delete {
	background-image: url("../images/v5-icon-sprite.png");
    background-position: -32px -503px;
}

.icon-star-small {
    background-position: -32px -828px;
}

.icon-info-black {
    background-position: -32px -1188px;
}

.icon-edit-bigpen {
    background-position: -5px -699px;
}

.icon-draganddrop{
    background-position: -32px -736px;
}

.icon-ok-green {
	background: url(../images/v5-icon-sprite.png) no-repeat -32px -144px;
    margin-left: 10px;

}

.icon-delete-red {
	background: url(../images/v5-icon-sprite.png) no-repeat -32px -252px;
    margin-left: 10px;
}

.icon-warning {
  background: url("../images/v5-icon-sprite.png") no-repeat 0 0;
  background-position: 0px -1443px;
  height: 24px !important;
  width: 24px !important;
  margin-right: 3px;
}




img.ui-datepicker-trigger{
    /*float: right;*/
    background-image: url("../images/v5-icon-sprite.png");
    background-position: 0px -1033px;
    position: relative;
    top: 3px;
    left: -20px;
}

/*jQuery UI icons */
.dialog .ui-state-active .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.dialog .ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.dialog .image {
    background-image: url("../images/v5-icon-sprite.png");
    width: 16px;
    height: 16px;
}

.dialog .icon-delete {
    background-position: -32px -503px;
}

.data-row-paragraph {
    width: 100%;
    padding-top: 15px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

/************************************ END icons.css from Szeged for tab support. ************************************/

button.hidden-save-document, button.hidden-save-remark, button.hidden-partial-application, .hidden-gridlayout-element {
	display: none;
}
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  border: 1px dashed #ccc;
  border-radius: 5px;
  background: white;
  padding: 5px 20px;
  height: 50px;
  width: 94%;
  }
  .dropzone .dz-note {
    font-size: 0.8em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
  }
  .dropzone .dz-title {
    font-weight: 600;
  }
  .dropzone .dz-filename {
    padding-top: 20px !important;
  }

  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer;
      margin: 5px 0 5px 0;
      max-height: 25px;
      overflow: hidden;}
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
    .dropzone .dz-message .dz-button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;}
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 10px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px;
        display: none;}
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap;
        display: none;}
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: none;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      opacity: 1;
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }


@media only screen and (device-width: 1375px),
       only screen and (max-width: 1375px) {

   .data-box {
       min-width: 50px;
   }

   div.fakefile input {
       width: 40%;
   }
}

.markerIcon {
  width: 35px;
  height: 35px;
  background: #C8102E;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-shadow: inset 1px 1px rgba(255,255,255,0.1),1px 1px 1px rgba(0,0,0,0.2);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}