.customMaskCLS {
	background-color: transparent;
}

.customMaskCLS .x-mask-msg-text{
	background-image: url('../../web/image/theme/gps.svg');
	background-color: transparent;
	background-size: 100% !important;
	width: 200px;
	height: 200px;
	opacity: 1;
	padding: 200px 0 0;
}

.customMaskCLS .x-mask-msg-inner{
	text-align: center;
	padding: 0;
	background-color: transparent;
	color: red;
	font: 300 40px 'FontDBHeavent', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	animation: blinker 1s linear infinite;
}

.x-window-default {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.x-window-header-default-top {
	background-color: #022B3A;
}

.x-window-header-title-default {
	color: white;
	font-family: FontDBHeavent;
	font-weight: bold;
	font-size: 150%;
	height: 10px;
}

.main-header .x-panel-header-default {
	background-color: #022B3A;
}

.main-header .x-panel-header-title-default {
	color: white;
	font-weight: normal;
	font-family: FontDBHeavent;
	font-size: 150%;
}

.x-accordion-hd .x-panel-header-title {
	color: white;
	font-family: FontDBHeavent;
	font-size: 150%;
}

.x-tree-node-text {
	color: black;
	font-family: FontDBHeavent;
	font-size: 140%;
}

.x-panel-header-default-vertical {
	background-color: transparent;
}

.x-panel-header-default .x-tool-tool-el {
	background-color: transparent;
}

.x-window-header-default .x-tool-img {
	background-color: transparent;
	/*background: url('../../web/image/ico/error.png') no-repeat;*/
}

.x-btn-inner {
    font-family: FontDBHeavent;
    font-weight: normal;
    font-size: 150%;
}

.x-component .x-window-text .x-box-item .x-component-default {
	font-family: FontDBHeavent;
    font-weight: normal;
    font-size: 150%;
}

.x-tab-focus.x-tap-default {
	outline: 0;
}

.center-cropped {
    width: 100px;
    height: 100px;
    border: 1px solid #95a5a6;
    margin: 5px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200%;
}

.x-panel-default-outer-border-trl {
	border: none;
}

.x-panel-default-outer-border-rl {
	border: none;
}

.x-panel-default-outer-border-rbl {
	border: none;
}

.trigger-wrap-cls {
	border: none;
	font-weight:bold;
}


@keyframes blinker {  
 	50% { 
		opacity: .5; 
	}
}

@font-face {
    font-family: FontDBHeavent;
    src: url('font/FontDBHeavent/DB_Heavent_v3.2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FontDBHeaventBold;
    src: url('font/FontDBHeavent/DB_Heavent_Bd_v3.2.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
    display: none;
}

.prev, .next {
  cursor: pointer;
  position: fixed;
  top: 24px;
  width: 16px;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0,0,0,0.1);
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}