/*********************/
/* Standards         */
/*********************/

body {
    margin:0;
    padding:0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size:1rem;
    line-height:1.25;
    color:rgb(var(--textColor));
    background-color: rgb(var(--colorWhite));
}

table, tr, td, th {
    font-size:0.9rem;
    line-height:1.25;
    color:rgb(var(--textColor));
}

button, input, select, textarea {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size:0.9rem;
    line-height:1.25;
}

.title {
    margin-top: 24px;
    font-size: 1.8rem;
    line-height: 1.25;
    font-weight: bold;
    color:rgb(var(--colorWhite));
}

h1 {
    margin-top: 12px;
    font-size: 3.5rem;
    line-height: 1.25;
    color:rgb(var(--textColor));
}

h2 {
    font-size: 1.6rem;
    line-height: 1.25;
    color:rgb(var(--textColor));
}

h3 {
    margin-bottom: 0px;
    font-size: 1.3rem;
    line-height: 1.25;
    color:rgb(var(--textColor));
}

h4 {
    font-size: 1.2rem;
    line-height: 1.25;
    color:rgb(var(--textColor));
}

h5 {
    font-size: 1.1rem;
    line-height: 1.25;
    font-weight: normal;
    color:rgb(var(--textColor));
}

p {
}

ol {
}

ul {
   list-style-type: square;
}

em {
   font-weight:bold;
   font-style:normal;
}

sup, sub {
   font-size:0.8em;
}

.small {
   font-size:0.8em;
}

.caption {
   font-style:italic;
}

.zahl {
   text-align:right;
}

.red {
   color:red;
}

.icon {
   text-align:center;
}

.description {
   background: #EEEEEE;
   line-height: 16px;
}

.left {
   float:left;
}

.right {
   float:right;
}

.warn {
   color:red;
   font-weight:bold;
   font-size:1.5em;
   margin: auto;
   display: block !important;
   text-align: center;
   line-height:2em;
   background-color:gold;
}

.w50  {width: 50px;}
.w80  {width: 80px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w242 {width:242px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w547 {width:547px;}

.readonly {
    background:rgba(var(--textColor),0.1);
}

/***************/
/* Links */
/***************/

a, a:link, a:active, a:hover, a:visited {outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}

a:link {color:#333;}
a:visited {color:#333;}
a:hover, a:active {color:#333; outline-color:-moz-use-text-color; outline-style:none; outline-width:0;}

/*******************/
/* Form-Elements  */
/*******************/

form {
    margin:0;
    padding:0;
}

input {
    margin:2px;
    border:1px solid #999;
    padding:5px 2px;
    color:#333;
}
input[type=button], input[type=submit], input[type=reset] {
    margin:2px;
    border:1px solid #999;
    padding:6px;
    color:#333;
    cursor:pointer;
    background:none;
}
input[type=hidden] {
    margin:0;
    border:0;
    padding:0;
}
select {
    margin:2px;
    padding:4px;
}



.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }




body > div.actLayer {
    width: 100%;
    height: auto;
    min-height: 100%;
}

div.actLayer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: rgba(var(--colorWhite),0.6);
  pointer-events: none;
  cursor: default;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index:10000;
}


.actLayer::before {
  content: "\f1ce";
  position: relative;
  display: block;
  font-family: fontawesome;
  font-size: 1.4em;
  line-height: 1;
  color: rgb(var(--textColor));
  -webkit-animation: iconSpin 2s infinite linear;
  animation: iconSpin 2s infinite linear;
}


@-webkit-keyframes iconSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes iconSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.sortable {
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
}

.sortable li {
    position:relative;
    float:left;
    margin:3px 3px 3px 0;
    padding:1px;
    width:180px;
    height:180px;
    border:1px solid #999;
    text-align:center;
    overflow: hidden;
}

.sortable li.action::after {
    background: rgba(255, 255, 255, 0.8) url("ajax-loader.gif") no-repeat scroll center center;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.sortable li span.imageMenu {
    position:absolute;
    bottom:0;
    left:0;
    width:96%;
    height:20px;
    margin:0;
    padding: 2%;
    background:rgba(0,0,0,0.5);
    text-align:right;
    color:rgb(var(--colorWhite));
}

.sortable li span.imageMenu span.imageEdit,
.sortable li span.imageMenu span.imageDelete,
.sortable li span.imageMenu span.imageRotate {
    cursor:pointer;
    padding:5px;
    margin-right:2px;
}

.sortable li span.imageMenu span.imageEdit:hover,
.sortable li span.imageMenu span.imageDelete:hover,
.sortable li span.imageMenu span.imageRotate:hover {
    background:#CCC;
    color:#333;
}

/*****************************/
/*    ListTable-Elements     */
/*****************************/


div.ListFunctions {
    height:38px;
}

#dialog .ListFunctions, #subdialog .ListFunctions {
    padding-top: 5px;
}


div.loader2 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(var(--colorWhite), 0.5);
}

div.loader2 span {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    border: 1px solid #999;
    padding: 15px 20px 15px 50px;
    background-color: rgba(var(--colorWhite), 0.8);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


div.loader2 span::before {
    content: "\f1ce";
    position: absolute;
    display: block;
    top: 14px;
    left: 14px;
    font-family: fontawesome;
    font-size: 1.4em;
    line-height: 1;
    color: rgb(var(--textColor));
    -webkit-animation: iconSpin 2s infinite linear;
    animation: iconSpin 2s infinite linear;
}

table.ListBox {
    width:100%;
    margin:0;
    padding:0;
    border:0;
    line-height:1.25em;
}

.ListBox td, .ListBox th {
    margin:0;
    padding:0.5rem;
}


.ListBox thead tr th {
    background: whitesmoke;
    text-shadow: 1px 1px 0 rgba(var(--colorWhite), 0.8);
    font-weight:normal;
    vertical-align:top;
    text-align:left;
    text-decoration:none;
    white-space:nowrap;
}

.ListBox thead tr th.hover {
    background:#999;
}

.ListBox thead th div.sort {
    width:75%;
    float: left;
    cursor:pointer;
}

.ListBox thead th div.filter {
    width:15px;
    float:right;
    cursor:pointer;
}

.ListBox thead th div span::after {
    content: "\f0d7";
    font-family: fontawesome;
    padding-left: 5px;
    color:#999;
}

.ListBox thead th div.asc span::after {
    content: "\f0d7";
    font-family: fontawesome;
    padding-left: 5px;
    color:rgb(var(--textColor));
}

.ListBox thead th div.desc span::after {
    content: "\f0d8";
    font-family: fontawesome;
    padding-left: 5px;
    color:rgb(var(--textColor));
}

.ListBox thead th div.filter  {
    text-align:center;
    background:url(filter.gif)
    repeat scroll -25px -3px transparent;
}

.ListBox thead th div.filter1 {
    position: absolute;
    box-shadow: 0px 3px 3px rgba(var(--textColor),0.5);
    background: none repeat scroll 0px 0px #DDD;
    padding: 3px 4px; margin-top: 0px;
    border-right:1px solid rgba(var(--textColor),0.3);
    border-left:1px solid rgba(var(--textColor),0.3);
    border-bottom:1px solid rgba(var(--textColor),0.3);
}

.ListBox thead th div.filter0 {
    display:none;
}

.ListBox thead th span {
    white-space:nowrap;
}

.ListBox thead th span img {
    border:0;
    vertical-align:middle;
}

.ListBox thead th.center {
    text-align:center;
}

.ListBox thead th.left {
    text-align:left;
}

.ListBox thead th.right {
    text-align:right;
}



.ListBox tbody tr.liho:nth-child(odd) {
    background: rgba(var(--customColor),0.2);
    cursor:pointer;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    transition:background 0.5s;
}

.ListBox tbody tr.liho:hover:nth-child(odd) {
    background: rgba(var(--customColor),0.25);
}

.ListBox tbody tr.liho:nth-child(even) {
    background: rgba(var(--customColor),0.1);
    cursor:pointer;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    transition:background 0.5s;
}

.ListBox tbody tr.liho:hover:nth-child(even) {
    background: rgba(var(--customColor),0.15);
}


.ListBox tbody tr.dis td, 
.ListBox tbody tr.dis td span,
.ListBox tbody tr.dis td a {
    color:rgba(var(--textColor),0.3);
}

.ListBox tbody tr td {
    vertical-align:top;
    white-space:nowrap;
}

*:first-child+html .ListBox tbody tr td {
    padding:2px 3px;
}

.ListBox tbody img {
    border:0;
}



.ListBox tfoot,
.ListBox .foot {
    background:whitesmoke;
}

.ListBox tfoot td {
    padding: 0;
}

.ListBox .bdrd {
    padding:0;
    margin:0;
    height:1px;
    background:rgba(var(--textColor),0.3);
}

.ListBox .bdrs {
    padding:0;
    margin:0;
    height:1px;
    background:rgb(var(--colorWhite));
}

.ListBox td.tree {
    width:11px;
    min-width:11px;
    background-image: url(tv_last.gif);
    background-repeat:no-repeat;
    background-position: 6px 2px;
}

.ListBox td.child {
    padding:0px;
}

.ListBox td.url span {
    overflow:hidden;
    display:block;
}

.ListBox input[type=radio],
.ListBox input[type=checkbox] {
    border: 0px;
}


/****************************/
/*    Listen-Navigation     */
/****************************/

div.nav ul {
    display: inline-block;
    margin: 1px 0;
    padding: 0;
}

div.nav.right ul {
    margin-left: 0.5rem;
    border-left: 1px solid rgba(var(--textColor),0.3);
    padding-left: 0.5rem;
}

div.nav.right ul:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
}

div.nav li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
}

div.nav li.current button {
    background: rgba(var(--customColor),0.8);
    color: rgb(var(--colorWhite));
}

div.nav button {
    min-width: 25px;
    margin: 0;
    border: 0;
    padding: 4px;
    background: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div.nav button:hover {
    background: rgba(var(--customColor),0.2);
}

div.nav button.first0::before {
    content: "\f100";
    font-family: fontawesome;
    color: rgba(var(--textColor),0.2);
}

div.nav button.first1::before {
    content: "\f100";
    font-family: fontawesome;
}

div.nav button.prev0::before  {
    content: "\f104";
    font-family: fontawesome;
    color: rgba(var(--textColor),0.2);
}

div.nav button.prev1::before  {
    content: "\f104";
    font-family: fontawesome;
}

div.nav button.next0::before  {
    content: "\f105";
    font-family: fontawesome;
    color: rgba(var(--textColor),0.2);
}

div.nav button.next1::before  {
    content: "\f105";
    font-family: fontawesome;
}

div.nav button.last0::before  {
    content: "\f101";
    font-family: fontawesome;
    color: rgba(var(--textColor),0.2);
}

div.nav button.last1::before  {
    content: "\f101";
    font-family: fontawesome;
}

div.nav button.viewicon-list::before {
    content: "\f0ca";
    font-family: fontawesome;
}

div.nav button.viewicon-cal::before {
    content: "\f073";
    font-family: fontawesome;
}

div.nav button.viewicon-grid::before {
    content: "\e195";
    font-family: fontawesome;
}


/****************************/
/*    Dialog-Boxen          */
/****************************/

#dialog {
    position:relative;
    overflow:auto;
}

.MenuBox {
    padding: 5px;
}

div.MenuBox > div {
    padding:5px 0;
}

.MenuBoxH {
    border-top:5px solid rgb(var(--colorWhite));
    border-bottom:1px solid rgb(var(--colorWhite));
    padding:2px 0;
    background:rgba(var(--customColor),0.2);
    font-weight:bold;
}

.MenuBoxS {
    border-top:3px solid rgb(var(--colorWhite));
    border-bottom:1px solid rgb(var(--colorWhite));
    padding:2px 0;
    background:rgba(var(--customColor),0.1);
    font-weight:bold;
}

.MenuBoxH p, .MenuBoxS p {
    margin:0;
    padding:2px 0 2px 5px;
}

.MenuBoxF span {
    padding:0 5px;
}

.MenuBox .indent {
    padding:10px 125px;
}

div.MenuBox div span {
    padding:2px;
}

.MenuBox input[type=radio], .MenuBox  input[type=checkbox] {
    border: 0px;
    margin:5px;
}

.MenuBox input[type=checkbox] {
    margin-top:3px;
}

.MenuBox input[type=hidden] {
    visibility:hidden;
}

.MenuBox label {
    display:inline-block;
    margin:0;
    padding:2px 0 2px 5px;
    cursor:pointer;
    vertical-align:top;
    min-width:160px;
}

.MenuBox input, div.MenuBox button {
    margin:1px;
    padding:3px;
}

.MenuBox select {
    margin:1px 0;
    padding:2px;
}

.MenuBox textarea {
    min-height: 30px;
    margin: 0.5% 0;
    padding: 0.5%;
    width: calc(100% - 170px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

.MenuBox textarea.wysiwyg {
    width:98%;
    height:100%;
}

.MenuBox .bdrs {
    height:1px;
    margin:0;
    padding:0;
    background:rgb(var(--colorWhite));
}

.upload {
    margin:1px;
    padding:3px;
    color:rgb(var(--textColor));
}

#dialog #map {
    width:100%;
    height:320px;
}

input.required, select.required {
    border-left:3px solid #DF291B;
}

.MenuBox .module {
  
}

.MenuBox h4 {
    margin: 1% 0.5% 0.5%;
    font-size:1em;
}

.MenuBox p {
    margin: 1% 0.5% 0.5%;
}


.MenuBox .imgThumb > img {
    max-height: 100%;
    max-width: 100%;
}

.MenuBox .lang {
    display:none;
}

.MenuBox span.nl {
    margin-left:123px;
}


.MenuBox .dsvStatus0 {
    background-color:#CD5C5C;
}

.MenuBox .dsvStatus1 {
    background-color:#F4A460;
}

.MenuBox .dsvStatus2 {
    background-color:#8FBC8F;
}

.MenuBox .dsvStatus3 {
    background-color:#CCCCCC;
}

.wait {margin:2px;}

.loading {background: white url("ajax-loader-small.gif") right center no-repeat;}

.loader {position: relative; margin:20px; padding-left:35px; height:28px; line-height:28px;}

.loader::before {
  content: "\f1ce";
  position: absolute;
  display: block;
  top: 2px;
  left: 0;
  font-family: fontawesome;
  font-size: 1.4em;
  line-height: 1;
  color: rgb(var(--textColor));
  -webkit-animation: iconSpin 2s infinite linear;
  animation: iconSpin 2s infinite linear;
}


div#sysmsg {margin:3px 0 5px 0;}
div#sysmsg p {padding:0 1.5em;}
div#sysmsg p {padding:0 1.5em;}
div#sysmsg span {float:left; margin-left: -1em;}

/****************************/
/*    Calendar              */
/****************************/

table.Calendar {
	width: 100%;
	height: 100%;
}

.Calendar tbody {
	background: whitesmoke;
}

.Calendar .bdrd {
	background: rgba(var(--textColor), 0.3);
	height: 1px;
	margin: 0;
	padding: 0;
}

.Calendar thead tr th {
	font-weight: normal;
	padding: 3px;
	vertical-align: top;
	white-space: nowrap;
}


.Calendar tbody .kw {
	font-size: 1.5em;
	padding-top: 8px;
}

.Calendar .cal-day.active {
	background: rgba(var(--customColorActive), 0.3);
}

.Calendar .cal-day.off {
	background: rgba(var(--textColor), 0.15);
}

.Calendar .cal-day {
    min-width: 150px;
    min-height: 80px;
	height: 15vh;
	max-height: 150px;
	overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}

.Calendar .cal-date {
    display: block;
    padding: 5px;
    text-align: right;
}


.Calendar .event {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 1px 0;
	padding: 0.5rem;
	background: rgba(var(--customColor),0.3);
	box-sizing: border-box;
}

.Calendar .event span {
	display: block;
	margin-right: 5px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.Calendar .event i {
    cursor: pointer;
}



.Calendar tfoot {
    background: whitesmoke;
}

.Calendar tfoot td {
    padding: 5px;
}





#flashcontent {
    height: 100%;
    min-height:400px;
}

/***************/
/*    Button   */
/***************/

.btn {border:0 !important; margin:1px 0; padding:0; width:16px; height:16px; cursor:pointer; background-color:transparent;}
.icon span {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

.icon span:before {
    font-family:fontawesome;
    font-size:1.3rem;
    line-height: 1;
}

.images span:before {
    content:"\f03e";
    color:Grey;
}

.auto span:before {
   content:"\f013";
}

.pmt0 span:before {
   content:"\f111";
   color:DarkGrey;
   font-weight:900;
}
.pmt1 span:before {
   content:"\f058";
   color:Orange;
   font-weight:900;
}
.pmt2 span:before {
   content:"\f058";
   color:YellowGreen;
   font-weight:900;
}


.payment1 span:before {
   content:"\f09d";
}

.payment2 span:before {
   content:"\f1f0";
}

.payment3 span:before {
   content:"\f1f4";
}

.payment4 span:before {
   content:"\f1f1";
}

.payment5 span:before {
   content:"\f1f3";
}

.payment6 span:before {
   content:"\f24c";
}


.contact1 span:before {
   content:"\f0e0";
}

.contact2 span:before {
   content:"\f095";
}

.contact3 span:before {
   content:"\f0ac";
}


.contact.label {
    color: #777;
    font-size: 0.85em;
}

.contact.label:before {
    content: "*";
    padding: 0 8px 0 5px;
    font-size: 0.85em;
}


.user0 span:before {
   content:"\f2bd";
   color:DarkGrey;
}

.user1 span:before {
   content:"\f2bd";
   color:Orange;
}

.user2 span:before {
   content:"\f2bd";
   color:YellowGreen;
}


.status0 span:before,
[data-status="0"] .status span:before {
   content:"\f057";
   color:Crimson;
   font-weight:900;
}

.status0a span:before,
[data-status="0a"] .status span:before {
   content:"\f056";
   color:Crimson;
   font-weight:900;
}

.status1 span:before,
[data-status="1"] .status span:before {
   content:"\f058";
   color:MediumSeagreen;
   font-weight:900;
}

.status2 span:before,
[data-status="2"] .status span:before {
   content:"\f06a";
   color:Orange;
   font-weight:900;
}

.status3 span:before,
[data-status="3"] .status span:before {
   content:"\f058";
   color:DarkGrey;
   font-weight:900;
}

.status4 span:before,
[data-status="4"] .status span:before {
   content:"\f28d";
   color:DarkGrey;
   font-weight:900;
}

.status7 span:before,
[data-status="7"] .status span:before {
   content:"\f05e";
   color:Crimson;
   font-weight:900;
}


.catalog1 span:before {
   content:"\f02d";
   color:Crimson;
}

.catalog2 span:before {
   content:"\f02d";
   color:Grey;
}

.catalog3 span:before {
   content:"\f02d";
   color:YellowGreen;
}


.bill0 span:before {
   content:"\f15b";
   color:Black;
}

.bill1 span:before {
   content:"\f1c1";
   color:Black;
}

.tel span:before {
   content:"\f098";
   color:Darkgreen;
}


span.delete:before {
   content:"\f2ed";
   color:Black;
}


.boxRight .delete {
  float: right;
  cursor: pointer;
}


.stat {text-align:right; font-weight:bold;}
.stat0 {background:#4A9F45; text-align:right; color:#FFF; font-weight:bold;}
.stat1 {background:#DF454B; text-align:right; color:#FFF; font-weight:bold;}
.stat2 {background:#EFAC2C; text-align:right; color:#FFF; font-weight:bold;}
.stat3 {background:#4D88CF; text-align:right; color:#FFF; font-weight:bold;}

/***************/
/*    Menu     */
/***************/

.menu {
    position:relative;
    width:18px;
    height:18px;
    background:url("++resource++CrossX/img/btns.png") -125px -125px no-repeat;
}

.menuContainer {
    display:none;
    position:absolute;
    top:-4px;
    right:-4px;
    border-top:1px solid #D8D8D8;
    border-left:1px solid #D8D8D8;
}

html>body .menuContainer {
    *float:left;
    *min-width:141px;
    *width:100%;
}

.menuContainer div.menuItem a, .menuContainer div.menuItem a:link, .menuContainer div.menuItem a:visited {
    display:block;
    height:15px;
    padding:5px 8px 5px 7px;
    background:#F5F5F5;
    text-decoration:none;
    color: #666666;
}

* html .menuContainer div.menuItem a, .menuContainer div.menuItem a:link, .menuContainer div.menuItem a:visited {
    width:77px;
}

.menuContainer div.menuItem a:hover,.menuContainer div.menuItem a:active { 
    text-decoration:none;
    color:rgb(var(--textColor));
    text-decoration:underline;
}

.menuContainer div.mainbtn {
    position:absolute;
    top:0;
    right:0;
    width:27px;
    height:24px;
    border-right:1px solid #D8D8D8;
    border-bottom:1px solid #D8D8D8;
    background:#F5F5F5 url("++resource++CrossX/img/btns.png") -121px -122px no-repeat;
    z-index:100;
}

.menu .menuContainer .menuItem {
    position:relative;
    height:25px;
    margin:0 27px 0 0;
    border-right:1px solid #D8D8D8;
    padding:0 0 0 21px;
    cursor:pointer;
    background-color:#F5F5F5;
}

.menuContainer .add {
    background-image:url("++resource++CrossX/img/btn_add.gif");
    background-repeat:no-repeat;
    background-position:5px 5px;
}

.menuContainer .print {
    background-image:url("++resource++CrossX/img/btns.png");
    background-repeat:no-repeat;
    background-position:-62px -2px;
}

.menuContainer .email0 {
    background-image:url("++resource++CrossX/img/btns.png");
    background-repeat:no-repeat;
    background-position:-62px -122px;
}

.menuContainer .email1 {
    background-image:url("++resource++CrossX/img/btns.png");
    background-repeat:no-repeat;
    background-position:-32px -122px;
}

.menuContainer .edit {
    background-image:url("++resource++CrossX/img/btns.png");
    background-repeat:no-repeat;
    background-position:-92px -2px;
}

.menuContainer .delete {
    background-image:url("++resource++CrossX/img/btns.png");
    background-repeat:no-repeat;
    background-position:-152px -2px;
}

.menuContainer .last {
    border-bottom:1px solid #D8D8D8;
}

/****************/
/* LAYOUT       */
/****************/

header {
  position: fixed;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  top: 0;
  right: 0;
  left: 0;
  background: rgb(var(--customColor));
  padding: 0 1rem;
  color: rgb(var(--colorWhite));
  clear: both;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header > div:last-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}

header a {
    color:rgb(var(--colorWhite));
}


/* --- Logo --- */


.logo {
  position: relative;
  display: inline-block;
  height: 30px;
  margin: 5px 0;
  vertical-align: middle;
}

.logo::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0 0 0 -1px;
  vertical-align: middle;
}

.logo img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 60%;
  vertical-align: middle;
}



/* --- Login --- */


.login, a.login, a.login:link, a.login:active, a.login:hover, a.login:visited {
    float:right;
    padding:10px 30px 10px 0;
    color:rgb(var(--colorWhite));
    text-decoration:none;
}

.login:after {
    content:"\f08b";
    font-family:fontawesome;
    position:absolute;
    padding-left: 5px;
}

.logout, a.logout, a.logout:link, a.logout:active, a.logout:hover, a.logout:visited {
    float:right;
    padding:10px 30px 10px 0;
    color:rgb(var(--colorWhite));
    text-decoration:none;
}



/* --- SLIDE NAVIGATION BUTTON --- */
.sTrigger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 45px;
  padding: 0 15px 0 0;
  cursor: pointer;
  vertical-align: middle;
}


/* --- hamburger --- */
.sTrigger span {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  border-radius: 1px;
  background: rgb(255,255,255);
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


body[data-menu="0"] .sTrigger span {
  opacity: 0.5;
}

body[data-menu="1"] .sTrigger span {
  opacity: 1;
}


.sTrigger span:before, .sTrigger span:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: rgb(255,255,255);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


/* --- top bun --- */
.sTrigger span:before {
  top: -6px;
}


/* --- bottom bun --- */
.sTrigger span:after {
  top: 6px;
}

/* --- CONTENT --- */

#content {
  padding: 55px 10px 10px 310px;
  min-height: 400px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

body[data-nav="0"] #content {
  padding-left: calc(2rem + 34px);
}


main {
	position: relative;
	width: 92%;
	max-width: 450px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 70px 0 3rem;
	clear: both;
}

.FormLayout {
	position: relative;
	margin: 2rem 0;
}

.FormLayout > div {
	position: relative;
	margin: 1rem 0;
}

.FormLayout input {
	width: 100%;
	margin: 0;
	border-radius: 2px;
	border: 1px solid rgb(var(--colorBlack));
	padding: 0.75rem;
	background-color: rgb(var(--colorWhite));
	box-sizing: border-box;
	font: inherit;
	color: rgb(var(--colorBlack));
}


.FormLayout input[type="checkbox"] {
	width: 16px;
}


.FormLayout button {
	border-radius: 2px;
	border: 0;
	background:#1E1E1E;
	color:#FFFFFF;
	width: 100%;
	margin: 0;
	font: inherit;
	min-height:50px;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.FormLayout button:hover {
	background:#1E1E1E;
	color:#FFFFFF;
}




div.title, #message, #print {
    display:none;
}

/****************/
/* Navigation   */
/****************/

#bodyMask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(var(--colorBlack),0.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, z-index 0.3s;
    transition: opacity 0.3s, z-index 0.3s;
    cursor: pointer;
}

body.showForm[data-nav="1"] #bodyMask {
    z-index: 20;
}


#sNav {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    border-right: 1px solid rgba(var(--colorBlack),0.25);
    z-index: 9;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
}


body[data-nav="0"] #sNav {
    width: calc(2rem + 24px);
}

body[data-nav="0"] #sNav:hover {
    width: 300px;
}


#sNav .nav-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    background: rgb(var(--colorWhite));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}


/* --- ITEMS --- */
#sNav .nav-holder > *:first-child {
    margin-top: 75px;
}

#sNav .nav-holder > *:last-child {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(var(--colorBlack),0.25);
}



/* --- MACRONAV --- */
#sNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


#sNav ul {
    margin: 0;
    padding: 0;
    background: transparent;
}

#sNav ul li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(var(--colorBlack),0.25);
    margin: 0;
    padding: 0;
}

#sNav ul li a {
    display: block;
    padding: 1rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}


#sNav ul li a i {
    display: inline-block;
    padding-right: 1rem;
    vertical-align: middle;
}

#sNav ul li a span {
    display: inline-block;
    vertical-align: middle;
}

#sNav ul li a:hover, #sNav ul li a:active {
    background-color: rgba(var(--customColor),0.1);
    text-decoration: none;
}


#sNav ul li.current > a.current {
    background: rgba(var(--customColor),0.2);
}


/* -- level 2 -- */
#sNav ul ul {
    display: none;
}

body[data-nav="0"] #sNav ul ul {
    max-height: 0;
    overflow: hidden;
}

body[data-nav="0"] #sNav:hover ul ul {
    max-height: 1000px;
}

#sNav ul li.current > ul {
    display: block;
    border-top: 1px solid rgba(var(--colorBlack),0.25);
}

#sNav ul li li {
    border: 0;
}


#sNav ul li li a {
    padding: 0.5rem 1rem 0.5rem 3rem;
    padding: 0.5rem 1rem 0.5rem calc(2rem + 24px);
    font-size: 0.9rem;
}

#sNav ul li.current li a.current {
    background: rgba(var(--customColor),0.1);
}


/****************/
/* Map   */
/****************/





.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url("ajax-loader-small.gif") right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


.pbt {
	font-size: 0.7em;
	position: absolute;
	right: 0;
	padding: 5px;
	text-decoration: none;
}
.file-process {
    position: relative;
    display: inline-block;
    width: calc(100% - 170px);
}

.file-upload {
    position: relative;
    padding: 1rem 1rem 3rem;
    box-sizing: border-box;
    outline: 2px dashed rgb(var(--customColor));
    outline-offset: -4px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.file-upload.is-dragover {
    background-color: rgba(var(--customColor),0.25);
}


.file-preview {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
}


.file-upload input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-upload label {
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.file-upload label:hover strong,
.file-upload input:focus + label strong,
.file-upload input.has-focus + label strong {
    color: rgb(var(--customColor));
}

.file-upload input:focus + label,
.file-upload input.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}


.file-upload label.hide {
    opacity: 0;
}

.file-process .file-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin-left: 0.25rem;
    border-radius: 2px;
    border: 1px solid rgba(var(--colorBlack),0.4);
    padding: 0;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.file-process .file-delete:hover {
    color: rgb(var(--statusDanger));
}

.upload-response {
    display: none;
    width: 100%;
}



.conf {
  margin-left: 170px;
}

.conf ul {
  list-style: none;
  padding: 0;
}