:root {
 --ana-renk: green;	
 --ndef-width: 480px;
}




x.content{width: 260px; margin: 100px auto;}
.colors{width: 260px; float: left; margin: 20px auto;}
.colors a{width: 43.3px; height: 30px; float: left;}
.colors .default{background: #414956;}
.colors .blue{background: #4A89DC;}
.colors .green{background: #03A678;}
.colors .red{background: #ED5565;}
.colors .white{background: #fff;}
.colors .m{background: #292929;}
.colors .mpro{background: #ff9900;}

.JModal.modal-nav .Htmlview{margin-bottom:-1px; }



x#g-offcanvas{min-width: 280px; xoverflow:hidden !important;}


.mp-menu-toggle{position:absolute; left:0px !important; top:0px !important; margin:0px; padding:0px; z-index:100 !important;}
.mp-slide-out{position:fixed; position:absolute !important; left:-50px; left:2px; top:2px; margin:0px; padding:0px; float:left; background-color: rgba(238, 238, 238, 0.10) !important;  }
.mp-slide-out i{  font-size:20px; transform: scale(1.8, 1.4); color:rgba(56, 135, 206, 0.90);  }

.JModal.modal-nav  {  min-width: var(--mp-def-width) ;  }
.JModal.modal-nav .modal-dialog  { min-width: var(--mp-def-width); padding-right:0px !important;  }	

.jquery-accordion-menu-footer .g-logo{margin-top:2px; margin-left:-40px;}
x.modal-title:before{ content:"Mobil Menü";}


.mobil-menu{left:0px !important; }
x.mobil-menu.content{width: var(--mp-def-width); }

#mb-mobil-menu  {display:block !important; position:relative;}
#mb-mobil-menu  .nano-content {display:block !important; position:relative;}

x.nano { background: #bba; width: 500px; height: 500px; }
x.nano .nano-content { padding: 5px; }
.JModal.modal-nav .nano .nano-pane   { xbackground: #888; margin-right:-1px !important; }
x.nano .nano-slider { background: #111; }


xbody, xhtml { font-size: 100%; padding: 0; margin: 0;}

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

.mobil-menu{
	xbackground: #494A5F;
	color: #D5D6E2;
	font-weight: 500;
	font-size: 1.05em;
	xfont-family: "Microsoft YaHei","Segoe UI", "Lucida Grande",  Helvetica, Arial,sans-serif, FreeSans, Arimo;
	xfont-family: var(--font-family-sans-serif);
	xfont-family: var(--font-family-monospace);
	xfont-family: 'Josefin Sans', cursive;
	xmin-height:1500px;
	
}


x.jquery-accordion-menu, x.jquery-accordion-menu * {
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0
}

.jquery-accordion-menu {
	min-width: var(--def-width);
	float: left;
	position: relative;
	xbox-shadow: 0 20px 50px #333
}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
	width: 100%;
	height: 50px;
	padding-left: 22px;
	float: left;
	line-height: 50px;
	font-weight: 600;
	color: #f0f0f0;
	background: #414956
}

.jquery-accordion-menu .img-menu-header {
	width: 100%;
	height: 50px;
	xpadding-left: 22px;
	float: left;
	line-height: 50px;
	font-weight: 600;
	xcolor: #f0f0f0;
	xbackground: #414956
}

.jquery-accordion-menu ul { margin: 0; padding: 0; list-style: none }

.jquery-accordion-menu ul li { width: 100%; display: block; float: left; position: relative }

.jquery-accordion-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #f0f0f0; font-size: 13px; background: #414956; white-space: nowrap;
	position: relative; overflow: hidden; -o-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
	color: #fff;
	background: #3b424d
}

.jquery-accordion-menu>ul>li>a {
	border-bottom: solid 1px #3b424d 
}


.jquery-accordion-menu ul li a i { width: 34px; float: left; line-height: 18px; font-size: 16px; text-align: left }

.jquery-accordion-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 22px; font-size: 22px !important;
	-o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;
}

	
.jquery-accordion-menu .frm-indicator{ position: absolute;  min-height:100%; line-height:50px; right: 0px; top:0px; margin:0px; padding:0px; 
  background:rgba(11, 83, 148, 0.45); width: 60px; 
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator { line-height: 16px; }

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
-ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(-90deg) }

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu { width: 100%; display: none; position: static }

.jquery-accordion-menu ul ul.submenu li { clear: both; width: 100%}

.jquery-accordion-menu ul ul.submenu li a {
	width: 100%;
	float: left;
	font-size: 11px;
	xbackground: #383838;
	border-top: none;
	position: relative;
	border-left: solid 6px transparent;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li.tb-a a{
	background: #383838; background: rgba(56, 56, 56, 0.96);
}

.jquery-accordion-menu ul ul.submenu li.tb-b a{
	background: #575757; background: #383838;
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
	_border-left-color: #414956
}

.jquery-accordion-menu ul ul.submenu>li>a {
	padding-left: 30px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
	padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
	padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	min-width: 20px;
	padding: 1px 2px 1px 1px;
	position: absolute;
	right: 18px;
	top: 14px;
	font-size: 11px;
	font-weight: 800;
	color: #555;
	text-align: center;
	line-height: 18px;
	background: #f0f0f0;
	border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	top: 12px
}

.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0);
-ms-transform: scale(0); -o-transform: scale(0); transform: scale(0)
}

.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear
}

@-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5) } }
@-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5) } }
@-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5) } }
@keyframes ripple { 100% { opacity: 0; transform: scale(2.5) } }


.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a {
	background: #4A89DC
}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a {
	background: #3e82da
}

.blue.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #3e82da 
}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #3e82da;
	background: #3b3b3b;
}
 
.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {
	background: #03A678
}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a {
	background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #049372 
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a  {
	border-left-color: #049372;
	background: #3b3b3b;
}

 
.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a {
	background: #ED5565
}

.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a {
	background: #DA4453
}

.red.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #DA4453 
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #DA4453;
	background: #3b3b3b;
}
 
.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a {
	background: #fff;
	color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a {
	background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #f0f0f0;
	background: #3b3b3b;
}

.white.jquery-accordion-menu ul ul.submenu li a {
	color: #f0f0f0
}


.white.jquery-accordion-menu>ul>li>a>.ink {
	background: rgba(0,0,0,.1)
}
 
.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a {
	background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a {
	background: #222
}

.black.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #222;
	background: #3b3b3b;
}
 

x.content{ width:260px; margin:100px auto;}

 
.filterinput{ background-color:rgba(249, 244, 244, 0); border-radius:15px; width:90%; height:30px; border:thin solid #FFF; text-indent:0.5em; font-weight:bold; color:#FFF; }
 

#demo-list a{ overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%; }





.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}


.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  
  bottom: 0px;
  
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  
  right: 0;
  
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}


.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  
  bottom: 2px;
  
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  
  right: 2px;
  
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}


@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
x.mp-slide-out{position:absolute; left:-50px; top:10px; margin:0px; padding:0px; float:left; }

.picker__list-item--selected,.picker__list-item--selected:hover, .side-nav, .side-nav .search-form .form-control,  .white-text{ color:#fff!important}
.rgba-white-slight,.rgba-white-slight:after{background-color:rgba(255,255,255,.1) }


.side-nav{
position:fixed;width:15rem;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);
transform:translateX(-100%);
height:100%;padding-bottom:3.75rem;
background-color:#2c2f34;-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center; z-index:2040 !important;

-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;will-change:transform;backface-visibility:hidden;
list-style-type:none;padding:0;
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
display:block
}

.side-nav.wide{
width:15rem;overflow:visible;-webkit-transition-property:top,bottom,width;-o-transition-property:top,bottom,width;transition-property:top,bottom,width;
-webkit-transition-duration:.2s,.2s,.35s;-o-transition-duration:.2s,.2s,.35s;transition-duration:.2s,.2s,.35s;-webkit-transition-timing-function:linear,linear,ease;
-o-transition-timing-function:linear,linear,ease;transition-timing-function:linear,linear,ease}.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper{height:5rem;padding:19px 10px;
border-bottom:1px solid rgba(255,255,255,.65)}.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a{line-height:2.6rem;color:#fff}

.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a span{
padding-left:.7rem;margin-top:-1rem}
.side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper a img{max-width:2.5rem;padding:0}
.side-nav.wide .collapsible a{padding-left:23px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.side-nav.wide .collapsible a .sv-normal{opacity:1;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.side-nav.wide .collapsible a .sv-slim{opacity:0;display:none;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.side-nav.wide .collapsible .sv-slim-icon{padding-left:0;width:30px;height:36px;text-align:left;margin-right:0}.side-nav.wide .collapsible-body a{padding-left:47px}
.side-nav.wide .fa-angle-down.rotate-icon{opacity:1;display:block}
.side-nav.wide.slim{width:3.75rem;-webkit-transition-property:top,bottom,width;-o-transition-property:top,bottom,width;transition-property:top,bottom,width;
-webkit-transition-duration:.2s,.2s,.35s;-o-transition-duration:.2s,.2s,.35s;transition-duration:.2s,.2s,.35s;-webkit-transition-timing-function:linear,linear,ease;
-o-transition-timing-function:linear,linear,ease;transition-timing-function:linear,linear,ease;right:3.75rem}
.side-nav.wide.slim .collapsible a{padding-left:23px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.side-nav.wide.slim .collapsible a .sv-normal{opacity:0;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.side-nav.wide.slim .collapsible a .sv-slim{display:block;opacity:1;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}
.side-nav.wide.slim .collapsible .sv-slim-icon{padding-left:0;width:30px;height:36px;text-align:left;margin-right:0}
.side-nav.wide.slim .fa-angle-down.rotate-icon{opacity:0;display:none}.side-nav>ul{max-height:100vh}
.side-nav ul{list-style-type:none;list-style:none;padding-left:0}
.side-nav ul li{padding:0}
.side-nav.right-aligned{right:0;left:auto;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.side-nav.side-nav-light{background-color:#e5e5e5}.side-nav.side-nav-light .logo-wrapper{border-bottom:1px solid rgba(153,153,153,.3)}
.side-nav.side-nav-light .logo-wrapper.sn-ad-avatar-wrapper{color:#555}.side-nav.side-nav-light .about{border-bottom:1px solid rgba(153,153,153,.3)}
.side-nav.side-nav-light .about p{color:#555}.side-nav.side-nav-light .social{border-bottom:1px solid rgba(153,153,153,.3)}
.side-nav.side-nav-light .social .fab,.side-nav.side-nav-light .social .far,.side-nav.side-nav-light .social .fas{color:#555}
.side-nav.side-nav-light .search-form input[type=text]{border-bottom-color:rgba(153,153,153,.3);color:#555!important}
.side-nav.side-nav-light .search-form input[type=text]::-webkit-input-placeholder{color:#555!important}
.side-nav.side-nav-light .search-form input[type=text]::-ms-input-placeholder{color:#555!important}
.side-nav.side-nav-light .search-form input[type=text]::placeholder{color:#555!important}
.side-nav.side-nav-light .collapsible a{color:#555}.side-nav.side-nav-light .collapsible-body a{background-color:rgba(0,0,0,.1)}
.side-nav.side-nav-light .collapsible li .collapsible-header:hover{background-color:rgba(0,0,0,.05)}
.side-nav.side-nav-light .collapsible li .collapsible-header.active{color:#4285f4;background-color:transparent}
.side-nav.fixed{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:fixed}
.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width:1440px){.side-nav.fixed{-webkit-transform:translateX(-105%);-ms-transform:translateX(-105%);
transform:translateX(-105%)}.side-nav.fixed.right-aligned{-webkit-transform:translateX(105%);-ms-transform:translateX(105%);transform:translateX(105%)}}
.side-nav .collapsible{margin:0;padding:0;margin-top:1rem}.side-nav .collapsible li a:hover{background-color:rgba(0,0,0,.15)}
.side-nav .collapsible>li{-webkit-border-radius:2px;border-radius:2px}.side-nav .collapsible>li a.collapsible-header:hover{background-color:rgba(255,255,255,.15)}
.side-nav .collapsible>li a.collapsible-header.active{background-color:rgba(255,255,255,.15)}
.side-nav .collapsible ul{padding:0;list-style-type:none}
.side-nav .collapsible a{color:#fff;font-weight:300;font-size:.8rem;height:36px;line-height:36px}
.side-nav .collapsible a.active,.side-nav .collapsible a:hover{-webkit-border-radius:2px;border-radius:2px}
.side-nav .collapsible .fab,.side-nav .collapsible .far,.side-nav .collapsible .fas{font-size:.8rem;margin-right:13px}
.side-nav .collapsible-body a{padding-left:47px;height:36px;line-height:36px;background-color:rgba(0,0,0,.15)}
.side-nav a{display:block;font-size:1rem;height:56px;line-height:56px;padding-left:20px}
.side-nav .fa-angle-down.rotate-icon{position:absolute;right:0;top:.8rem;margin-right:1.25rem}
.side-nav .sidenav-bg{top:0;bottom:0;left:0;right:0;width:15rem;z-index:-1;background-attachment:fixed}
.side-nav .sidenav-bg:after{width:100%;display:block;content:"";position:absolute;height:100%;top:0;left:0;bottom:0;z-index:-1;margin-bottom:-99999px;padding-bottom:99999px}
.side-nav .logo-wrapper{border-bottom:1px solid rgba(153,153,153,.3);height:8.75rem}.side-nav .logo-wrapper a{height:8.75rem;width:15rem;padding:0}
.side-nav .logo-wrapper img{padding-left:50px;padding-right:50px;padding-top:20%;padding-bottom:20%;height:auto}@media (max-height:992px){.side-nav .logo-wrapper{height:80px}
.side-nav .logo-wrapper a{height:80px}.side-nav .logo-wrapper img{padding-top:7%;padding-bottom:7%}}
.side-nav .logo-wrapper.sn-avatar-wrapper{padding-left:33%;padding-right:33%;padding-top:10%;padding-bottom:10%}
.side-nav .logo-wrapper.sn-avatar-wrapper img{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
margin:0;padding:0;max-width:90px}@media only screen and (max-height:992px){.side-nav .logo-wrapper.sn-avatar-wrapper{padding-left:40%;padding-right:40%}
.side-nav .logo-wrapper.sn-avatar-wrapper img{max-width:50px}}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper{height:auto;margin-bottom:0}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper img{max-width:3.75rem;padding:1.25rem .63rem;float:left}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper p{font-size:.94rem;padding-top:1.25rem;padding-bottom:1.25rem;margin:0}
.side-nav .about{padding:1rem;border-bottom:1px solid rgba(255,255,255,.65)}.side-nav .about p{margin-bottom:0;text-align:center}
.side-nav .social{padding-top:0;text-align:center;border-bottom:1px solid rgba(255,255,255,.65)}
.side-nav .social li{display:inline-block;padding-top:.6rem;padding-bottom:.6rem;margin:0}
.side-nav .social a{margin:0;padding:0}
.side-nav .social .fab,.side-nav .social .far,.side-nav .social .fas{font-size:.9rem;padding-right:.6rem;padding-left:.6rem;color:#dbe4e7;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.side-nav .social .fab:hover,.side-nav .social .far:hover,.side-nav .social .fas:hover{color:#afc4cb;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.side-nav .search-form{padding:0}.side-nav .search-form input[type=text]{border-bottom:1px solid rgba(255,255,255,.65);font-weight:300;padding-left:1.88rem}
.side-nav .search-form input[type=text]::-webkit-input-placeholder{color:#fff}
.side-nav .search-form input[type=text]::-ms-input-placeholder{color:#fff}
.side-nav .search-form input[type=text]::placeholder{color:#fff}
.side-nav .search-form .form-control{margin-bottom:0}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}

#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,.5); z-index:997; will-change:opacity }

.transform-fix-input{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}

	.side-nav .current-menu-item>a{color:#4285f4!important}.hidden-sn main{padding-top:1.5rem}
	.navbar .navbar-brand img{height:20px}.navbar .button-collapse{padding-top:1px}
	.side-nav .search-form{border-top:1px solid rgba(153,153,153,.3)}
	.side-nav ul .logo-sn{padding-bottom:1rem!important;padding-top:1rem;background-color:rem!important}
	
	
	.double-nav .breadcrumb-dn{padding-left:1rem;color:#424242}
	.double-nav .breadcrumb-dn a{font-weight:400;color:#09c}
	.double-nav .nav-link{padding-top:11px}.double-nav .nav-link .badge{height:15px;padding-top:2px}.nav li{list-style:none}
	
	.mdb-skin-custom .side-nav .collapsible li .collapsible-body a{font-size:.78rem}
	.side-nav .collapsible-body a{height:28px;line-height:28px;background-color:rgba(95,93,93,.15)}
	


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

#x-panel{left:0px; position:fixed; xbottom:0px; top:-10px; height:40px; width:100%; xmargin-left:-10px;} 

.x-btn button{border:0 none;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-left:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}
.x-btn-with-menu .x-btn-center{padding-right:2px!important;}
.x-border-panel{position:absolute;left:0;top:0;}
.x-layout-split{position:absolute;height:5px;width:5px;line-height:1px;font-size:1px;z-index:3;background-color:transparent;}
.x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize;cursor:col-resize;}
.x-splitbar-v,.x-splitbar-proxy-v{cursor:s-resize;cursor:row-resize;}
.x-clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}



#ux-taskbuttons-panel .x-btn-left{width:4px;height:28px;background:url(/libraries/getfox/html/jwin/css/images/default/taskbar/taskbutton.gif) no-repeat 0 0;}
#ux-taskbuttons-panel .x-btn-right{width:4px;height:28px;background:url(/libraries/getfox/html/jwin/css/images/default/taskbar/taskbutton.gif) no-repeat 0 -28px;}
#ux-taskbuttons-panel .x-btn-center{background:url(/libraries/getfox/html/jwin/css/images/default/taskbar/taskbutton.gif) repeat-x 0 -56px;vertical-align: middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}
#ux-taskbuttons-panel .x-btn-left{ background-position:0 0;}
#ux-taskbuttons-panel .x-btn-center{background-position:0 -56px;}
#ux-taskbuttons-panel .x-btn-over .x-btn-left{background-position:0 -252px;}
#ux-taskbuttons-panel .x-btn-over  .x-btn-right{background-position:0 -280px;}
#ux-taskbuttons-panel .x-btn-over .x-btn-center{background-position:0 -308px;}
#ux-taskbuttons-panel .x-btn-click .x-btn-left{background-position:0 -168px; display:none;}
#ux-taskbuttons-panel .x-btn-click  .x-btn-right{background-position:0 -196px;}
#ux-taskbuttons-panel .x-btn-click .x-btn-center{background-position:0 -224px;}
#ux-taskbuttons-panel .active-win .x-btn-left{background-position:0 -84px;}
#ux-taskbuttons-panel .active-win  .x-btn-right{background-position:0 -112px;}
#ux-taskbuttons-panel .active-win .x-btn-center{background-position:0 -140px;}
#ux-taskbuttons-panel .active-win .x-btn-center button {color:#fff;}




#x-desktop {width: 100%;height: 100%;border: 0 none;position:relative;overflow:hidden;zoom:1;}
#ux-taskbar .x-btn {float: left;margin: 1px 0 0 1px;position:relative;}
#ux-taskbar-start .x-btn {float: left;margin: 0;position:relative;}
#ux-taskbar button {text-align: left;color: #ffffff;}
#title-bar-wrapper {height:35px;}
#title-bar {color: #225599;padding: 9px 7px;font: bold 16px tahoma,arial,verdana,sans-serif;float:left;}
#x-logout {float:right;padding:6px 7px;}

.x-btn-text-icon .x-btn-center .logout {background-position:0pt 3px;background-repeat:no-repeat;padding:3px 0pt 3px 18px;}
#ux-taskbar {background:transparent none;height:30px;top:10px;left:0px;margin:0;padding:0;position:relative;z-index:12001;}
.x-btn-icon .ux-taskbutton-center .x-btn-text{background-position: center;background-repeat: no-repeat;height: 16px;width: 16px;cursor:pointer;white-space: nowrap;padding:0;}
.x-btn-icon .ux-taskbutton-center{padding:1px;}
.x-btn-text-icon .ux-taskbutton-center .x-btn-text{background-position: 0 6px;background-repeat: no-repeat;padding:7px 0px 7px 20px;}
.x-btn-text-icon .ux-startbutton-center .x-btn-text{background-position: 0 4px;background-repeat: no-repeat;color:#000000 !important;font-weight:bold;padding:7px 0px 7px 28px;}
.ux-taskbutton-left, .ux-taskbutton-right{font-size:1px;line-height:1px;}
.ux-taskbutton-left{width:4px;height:28px;background:url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbutton.gif ) no-repeat 0 0;}
.ux-taskbutton-right{width:4px;height:28px;background:url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbutton.gif ) no-repeat 0 -28px;}
.ux-taskbutton-left i, .ux-taskbutton-right i{display:block;width:4px;overflow:hidden;font-size:1px;line-height:1px;}
.ux-taskbutton-center{background:url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbutton.gif ) repeat-x 0 -56px;vertical-align: middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}
#ux-taskbar .ux-taskbutton-left{ background-position:0 0;}
#ux-taskbar .ux-taskbutton-right{background-position:0 -28px;}
#ux-taskbar .ux-taskbutton-center{background-position:0 -56px;}
#ux-taskbar .x-btn-over .ux-taskbutton-left{background-position:0 -252px;}
#ux-taskbar .x-btn-over  .ux-taskbutton-right{background-position:0 -280px;}
#ux-taskbar .x-btn-over .ux-taskbutton-center{background-position:0 -308px;}
#ux-taskbar .x-btn-click .ux-taskbutton-left{background-position:0 -168px;}
#ux-taskbar .x-btn-click  .ux-taskbutton-right{background-position:0 -196px;}
#ux-taskbar .x-btn-click .ux-taskbutton-center{background-position:0 -224px;}
#ux-taskbar .active-win .ux-taskbutton-left{background-position:0 -84px;}
#ux-taskbar .active-win  .ux-taskbutton-right{background:url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbutton.gif ) no-repeat 0 -112px;}
#ux-taskbar .active-win .ux-taskbutton-center{background:url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbutton.gif ) repeat-x 0 -140px;}
#ux-taskbar .active-win .ux-taskbutton-center button {color:#fff;}

#spacer {height: 25px;float: left;width: 0;overflow: hidden;margin-top: 2px;}


#ux-taskbar-start {background:#000000 url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbar-start-panel-bg.gif ) repeat-x left top;left:0px;padding:0;position:absolute;}
#ux-taskbar-start .x-toolbar {background: none;padding:0px;border:0px none;}
#ux-taskbuttons-panel {background:#000000 url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbuttons-panel-bg.gif ) repeat-x left top;padding-top:0;position:relative;}
.ux-taskbuttons-strip-wrap {width:100%;overflow:hidden;position:relative;zoom:1;}
ul.ux-taskbuttons-strip {display:block;width:5000px;zoom:1;}
ul.ux-taskbuttons-strip li {float:left;margin-left:2px;}
ul.ux-taskbuttons-strip li.ux-taskbuttons-edge {float:left;margin:0 !important;padding:0 !important;border:0 none !important;font-size:1px !important;line-height:1px !important;overflow:hidden;zoom:1;
background:transparent !important;width:1px;
}

.x-clear {clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.x-taskbuttons-scrolling {position:relative;}
.x-taskbuttons-scrolling .ux-taskbuttons-strip-wrap {margin-left:18px;margin-right:18px;}
td.ux-taskButtons-edge {margin:0 !important;padding:0 !important;border:0 none !important;font-size:1px !important;line-height:1px !important;overflow:hidden;zoom:1;background:transparent !important;width:1px;}
.ux-taskbuttons-scroller-left {background: transparent url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/scroll-left.gif ) no-repeat -18px 0;width:18px;position:absolute;left:0px;top:0px;z-index:10;cursor:pointer;}
.ux-taskbuttons-scroller-left-over {background-position: 0 0;}
.ux-taskbuttons-scroller-left-disabled {background-position: -18px 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}
.ux-taskbuttons-scroller-right {background: transparent url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/scroll-right.gif ) no-repeat 0 0;width:18px;position:absolute;right:0;top:0px;z-index:10;cursor:pointer;}
.ux-taskbuttons-scroller-right-over {background-position: -18px 0;}
.ux-taskbuttons-scroller-right-disabled {background-position: 0 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);cursor:default;}
.ux-toolmenu-sep {background-color:#18191a;border-bottom:1px solid #858789;display:block;font-size:1px;line-height:1px;margin:2px 3px;}
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item {color:#ffffff;}
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item {color:#000000;}
.ux-start-menu-tools-panel .x-menu-item-active {background: #525456 url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/item-over.gif ) repeat-x left bottom;border:1px solid #000000;padding: 0;}

#ux-taskbar .x-splitbar-h {background:transparent url(/libraries/getfox/html/jwin/css/taskbar/ .images/taskbar/black/taskbar-split-h.gif ) no-repeat 0 0;width:8px;}






:root { 
  --main-bg-color: brown;
	--white-col: brown;
	 --bgcolour: #7189a4;
	--Jwin-col:#000;
	--Jbody-col:#000;
	--Bg-col: #1979CA;	
	--Jwin-hd-col: #444444;
	--body-col:red;
}

.subhead{ z-index:900 !important; user-select: text !important;  }

.nano-content, .win-Ajax{color:black;  _background:var(--Jwin-hd-col);}



.jwin, .jwin .jwinContent, .jwin .Jbody { vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent; 
   width:auto; height:auto; overflow:hidden; display:block;   }





.jwin {position:absolute; direction:ltr; background:rgba(255,255,255,0.73);  }
.jwin .mceWrapper {position:static; -moz-user-select: none; }
.mceEventBlocker {position:fixed; left:0; top:0;  width:100%; height:100%;}
.jwin .mcePlaceHolder {border:1px solid #000; background:#888; top:0; left:0; opacity:0.5;  filter:alpha(opacity=50)}
.jwin_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%;  opacity:0.6;  display:none}


.jwin_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.6;  filter:alpha(opacity=60); display:none}
.jwin_event_blocker{background:none; -moz-user-select:none;}
.jwin_event_blocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#FFF; opacity:0.6;  filter:alpha(opacity=60); display:none}

.jwin .mceMiddle .framefix{position:absolute; display:block; width:100%; height:100%; z-index:200; margin:0px; padding:0px; top:0px; left:0px; background:rgba(0,0,0,0.00)!important; 
background-position:center; -moz-user-select:none;  }


.jwin{text-align:center; border:#1979CA solid 1px;   border-radius:0px;  box-shadow: 1px 0px 12px 1px rgba(0,0,0,0.4);} 
.jwinFocus{   background:#FFFFFF;   }



.jwin .mceTop, .jwin .mceTop div {top:0; width:100%; height:23px; }
.jwin .mceTop .mceLeft {width:6px; }
.jwin .mceTop .mceCenter {right:6px; width:100%;}
.jwin .mceTop .mceRight {right:0; width:6px; height:23px;}
.jwin .mceTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold;  }
.jwin .mceTop  .mceTitle  { font-size: 14px; top:0px; text-align:left; position:absolute; left:5px;  xcolor:#3E3E3E; 
	-webkit-user-select: none;  user-select: none; color:#969696
	text-shadow: 1px 1px 1px #969696 ;
	} 

.jwin .mceTop  { 	
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.30);
	  padding: 3px 0 3px 6px;
  height: 30px;
  box-sizing: border-box;
	color:#3E3E3E; 	 
} 



.jwin .mceFocus .mceTop .mceLeft {}
.jwin .mceFocus .mceTop .mceCenter {}
.jwin .mceFocus .mceTop .mceRight {}
.jwin .mceFocus .mceTop span {xcolor:#FFF}


.jwin .mceMiddle, .jwin .mceMiddle div {top:0;  }
.jwin .mceMiddle {width:100%; height:100%;}
.jwin .mceMiddle .mceLeft {left:0; width:5px; height:100%;}
.jwin .mceMiddle span.jwinContent {top:23px; left:5px; width:100%; height:100%; }
.jwin .mceMiddle .mceRight {right:0; width:5px; height:100%;}

.Jwin-content{ display:none; } .Jwin-body{ display:none;}
.jwin .Jwin-error{color:#FFF; background:#900; text-align:center; position:absolute; font-size:16px; height:100%; width:100%; padding-top:20%;}


.jwin .Jbody .JContainer{ position:relative;  width:100%;  top:0; float:left;  background:none;   }
.jwin .Jbody .JContent{clear:both; position:relative; text-shadow:none; height:100%; font-size:12px;  }
.jwin .jwinContent{ }

.jwin .Jbody { border:#BBBBBB solid 1px; xcolor:rgba(189,189,189,0.54); text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.30);   }

.chrome .Jbody{ padding:0px !important; height:100% !important;   }

.clever_swf{display:block;}

.overflow{overflow:hidden;}


.jwin .mceBottom, .jwin .mceBottom div {height:6px;}
.jwin .mceBottom {left:0; bottom:0; width:100%}
.jwin .mceBottom div {top:0}

.jwin .mceBottom .mceLeft {left:0; width:5px;}
.jwin .mceBottom .mceCenter {left:5px; width:100%;}
.jwin .mceBottom .mceRight {right:0; width:5px;}

.jwin .mceBottom span {display:none}
.jwin .mceStatusbar .mceBottom, .jwin .mceStatusbar .mceBottom span {height:23px; xdisplay:none !important;}
.jwin .mceStatusbar .mceBottom .mceLeft {}
.jwin .mceStatusbar .mceBottom .mceCenter {}
.jwin .mceStatusbar .mceBottom .mceRight {}
.jwin .mceStatusbar .mceBottom .status { display:block; xheight:25px;  margin-top:-64px; position:absolute; left:6px;  font-size:11px; line-height:25px; color:#CCC; }


.jwin .action {position: absolute; cursor: pointer; overflow: hidden; }




.Jbtn{ background-image: url('/libraries/getfox/html/jwin/css/w10/img/w10_top_btn.png')  !important; }
.jwin .Jbtn{ z-index: 100002; }
.jwin .mceFocus .Jbtn{  }


.jwin .action {width:29px; height:16px; top:0px;}

.jwin .Move {display:none;width:100%;cursor:move;} 
.jwin .mceMovable .Move {display:block; -webkit-user-select: none;  user-select: none;}


.jwin .Close {right:0px; background-position:-155px -31px; height:24px; width:45px;}
.jwin .Min{  right:100px; background-position:0 -31px; height:24px; width:45px;}
.jwin .Med{  right:50px; background-position:-100px -31px; height:24px; width:45px;	}
.jwin .Max{  right:50px; background-position:-45px -31px; height:24px; width:45px; }

.jwin .Print{ right:102px;background-position:-37px -413px;height:18px; width:26px;}
.jwin .Print:hover{background-position:-62px -413px;}

.jwin .Plas{ right:72px;background-position:-37px -323px;height:18px; width:26px;}
.jwin .Plas:hover{background-position:-62px -323px;}

.jwin .Fixon{ background-position:-38px -198px; height:18px; width:25px; }
.jwin .btn2 .Fixon{right:72px;} .jwin .btn1 .Fixon{right:47px;} .jwin .btn0 .Fixon{right:96px;}
.jwin .mceFocus .Fixon{ background-position:-38px -198px; }
.jwin .Fixon:hover{background-position:-63px -198px;}

.jwin .Fixof{background-position:-38px -216px; height:18px; width:25px; }
.jwin .btn2 .Fixof{right:72px;} .jwin .btn1 .Fixof{right:47px;} .jwin .btn0 .Fixof{right:96px;}
.jwin .mceFocus .Fixof{ background-position:-38px -216px; }
.jwin .Fixof:hover{background-position:-63px -216px;}

.jwin .Close:hover{ background-position:-205px -31px;}
.jwin .Min:hover{background-color: #B9B9B9;}
.jwin .Med:hover{ background-color: #B9B9B9;}
.jwin .Max:hover{background-color: #B9B9B9;}



.jwin .mceFocus .Close { right:0px; background-position:-155px -31px; height:24px; width:45px; }
.jwin .btn1 .Close{right:4px; background-position:0 -431px; height:18px; width:44px; } 

.jwin .mceFocus .Min{ right:100px; background-position:0 -31px; height:24px; width:45px; } 
.jwin .btn2 .Min{ right:48px; } 

.jwin .mceFocus .Med{ right:50px; background-position:-100px -31px; height:24px; width:45px;  }
.jwin .btn2 .Med{ right:50px; background-position:-100px -31px; height:24px; width:45px;  }

.jwin .mceFocus .Max{ right:50px; background-position:-45px -31px; height:24px; width:45px; } 
.jwin  .btn2 .Max{ right:50px; background-position:-45px -31px; height:24px; width:45px; }

.jwin .mceFocus .Close:hover{background-position:-205px -31px;} .jwin .btn1 .Close:hover{background-position:-205px -31px;}
.jwin .mceFocus .Min:hover{background-color: #B9B9B9;}
.jwin .mceFocus .Med:hover{background-color: #B9B9B9; } .jwin .btn2 .Med:hover{background-color: #B9B9B9;}
.jwin .mceFocus .Max:hover{background-color: #B9B9B9;} .jwin .btn2 .Max:hover{background-color: #B9B9B9;}




.jwin .mceResize {top:auto; left:auto; display:none; width:10px; height:10px; z-index:1000;}
.jwin .mceResizable .mceResize {display:block;}
.jwin .mceResizable .Min, .jwin .Min, .jwin .Max {display:none}
.jwin .mceMinimizable .Min {display:block}
.jwin .mceMaximizable .Max {display:block}
.jwin .mceMaximized .Med {display:block}
.jwin .mceMaximized .Max {display:none}

.jwin .ResizeN {top:0; left:0; width:100%; cursor:n-resize;}
.jwin .ResizeNW {top:0; left:0; cursor:nw-resize}
.jwin .ResizeNE {top:0; right:0; cursor:ne-resize}
.jwin .ResizeW {top:0; left:0; height:100%; cursor:w-resize;}
.jwin .ResizeE {top:0; right:0; height:100%; cursor:e-resize}
.jwin .ResizeS {bottom:0; left:0; width:100%; cursor:s-resize}
.jwin .ResizeSW {bottom:0; left:0; cursor:sw-resize}
.jwin .ResizeSE {bottom:0; right:0; cursor:se-resize}
	 

.jwin .winButton {font-weight:bold; bottom:10px; width:80px; height:30px; background:url(/libraries/getfox/html/jwin/css/css/mutti/img/button.gif); line-height:30px; vertical-align:middle; text-align:center; outline:0; bottom:20px;  top:auto;}
.jwin .winMiddle .winIcon {left:15px; top:35px; width:32px; height:32px}


.ui-dialog, .ui-dialog-blocker {z-index: 3000002 !important;}

.jwin .xmceMessage .mceMiddle span, .jwin .mceAlert .mceMiddle span, .jwin .mceConfirm .mceMiddle span, .jwin .mceError .mceMiddle span{background:transparent;left:60px; top:35px; width:320px; height:50px; font-weight:bold; overflow:auto; white-space:normal}


.jwin .mceAlert .mceMiddle, .jwin .mceConfirm .mceMiddle{background:#D6D7D5}
.jwin .mceAlert .mceOk{left:50%; top:auto; margin-left:-40px}

.jwin .mceError .mceMiddle  {background:#D6D7D5;}
.jwin .mceError .mceIcon {background:url(/libraries/getfox/html/jwin/css/css/mutti/img/error.gif);}
.jwin .mceError .mceOk { left:50%; margin-left:-80px;  }

.jwin .mceAlert .mceIcon {background:url(/libraries/getfox/html/jwin/css/css/mutti/img/alert.gif)}
.jwin .mceConfirm .mceOk {left:45%;  margin-left:-120px}
.jwin .mceConfirm .mceCancel {left:45%; margin-left:-20px  }
.jwin .mceConfirm .mceIcon {background:url(/libraries/getfox/html/jwin/css/css/mutti/img/confirm.gif)}


.jwin .mceMessage .mceMiddle span{background:transparent; xleft:60px; xtop:35px; xwidth:320px; xheight:50px; font-weight:bold; overflow:auto; white-space:normal}
.jwin .mceMessage .mceMiddle{background:#BAFEC5; }
.jwin .mceMessage .message{ text-align:center; font-weight:bold; font-size:14px; font-family:Georgia; font-style:italic; margin-top:10px;}
.jwin .mceAlert .mceOk{left:50%; top:auto; margin-left:-40px}
.jwin .mceAlert .mceIcon {background:url(/libraries/getfox/html/jwin/css/css/mutti/img/alert.gif)}


.jwin .mceMiddle .jwinloading{  display:block;  width:100%; height:100%; position:relative; z-index:99999;  margin:0px; padding:0px; xtop:0px; left:0px; background:#000; background:#1C80D3 !important; }

.jwinContent{vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent;  width:auto; height:auto; overflow:hidden; display:block;  }
span.jwinContent {top:23px; left:5px; width:100%; height:100%; }
 .jwinloading{  display:block;  width:100%; height:100%; position:relative; z-index:99999;  margin:0px; padding:0px; xtop:0px; left:0px; background:#000; background:#1C80D3 !important; }
 
.jspinner {  margin:0 auto !important; left:50% !important; top:50% !important; position:absolute; margin-left: -30px !important; margin-top: -30px !important; }


.spinner { border: 6px solid #909090; font-size: 60px; width: 1em !important; height: 1em !important; border-radius: .5em; border-top-color:#3E3E3E;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation: spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite;
margin:0 auto !important; left:50% !important; top:50% !important; position:absolute; margin-left: -30px !important; margin-top: -30px !important; 
}
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to {  -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg);} to {  -webkit-transform: rotate(360deg); }}
@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); } }

.loadingtitle{color:rgb(255,255,255);  position:relative; top:100px; left:-25px; width:auto; font-family:Georgia; font-size:16px; font-style:italic;
 margin:0 auto ; left:-35%; 
 }



.jwin .chromeless .mceMiddle {width:100%; height:100%; clip:rect(5px auto auto auto); }
.jwin .chromeless .mceMiddle span {top:6px; left:5px; width:100%; height:100%; background:none; overflow:hidden; }
.jwin .chromeless  .mceTitle {display: none;}

.jwin .chromeless .resize, .jwin .chromeless .action, .jwin .chromeless .statusbarbottom {display: none;}
.jwin .chromeless .mceCenter  { display: block; }
.jwin .chromeless .mceTop{height: 5px;}
.jwin .chromeless .mceTop .mceLeft { position: absolute; left: 0; top: 0; width: 5px; height: 5px; background:none; }
.jwin .chromeless .mceTop .mceCenter { position: absolute; right: 5px; width: 100%; height: 5px; background:none;}
.jwin .chromeless .mceTop .mceRight {position: absolute;right: 0; top: 0;width: 5px; height: 5px; background:none; }



.lightFocus {background:none ;  } 

.lightFocus .light .mceMiddle {background:blue;    } 
.lightFocus  .mceLeft, .lightFocus .mceBottom, .lightFocus .mceRight, .mceIcon, { xbackground:var(--body-col); xdisplay:none;}
.jwin .light{background:none;  background:#f8f9fa;    border:unset !important;  border-radius:0 !important;  }
.jwin .light .mceMiddle {width:100%; height:100%;  }
x.jwin .light .mceMiddle span {top:6px; left:5px; width:100%; height:100%; background:none; overflow:hidden;  }
.jwin .light  .mceTitle {display: none; }

.jwin .light .resize, .jwin .light x.action, .jwin .light .statusbarbottom {display:none;}
.jwin .light .mceCenter  { display: block; }
.jwin .light .mceTop{height:40px;  background:var(--Jwin-hd-col); position: fixed; z-index:9999; }
  .mceLeft {  display:none; }
.jwin .light .mceTop .mceCenter {  display:none;}
.jwin .light .mceTop .mceRight { display:none;}

.jwin .light .Jbody{background:#252525; background:#f8f9fa; cbackground:var(--Jwin-hd-col); 
position: fixed; z-index:9999; margin:0px; display:block; left:0px; top:40px;  border:unset; width:100vw; height: 100vh; text-shadow:none;   }

.lightFocus .nano-pane{right:6px !important;}

.jwin .light .jwinContent{  _background:var(--Jwin-hd-col); vertical-align:middle; line-height:23px;  width:101vw; text-align:left; position:absolute; border:unset; padding:-6px; margin:-6px; overflow:hidden; display:block;  }
.jwin .light span.jwinContent {top:38.5px; top:41.6px; left:6px;  margin:0px;  border:unset; padding:0px; margin:0px; }


.jwin .light .jwinloading{  display:block;  xwidth:106vw; height:100%; position:fixed;  margin:-5px; padding:-5px; xtop:0px; left:0px;   }
 
.jwin .light .loadingtitle{color:rgb(255,255,255);  position:relative; top:100px;   width:auto; font-family:Georgia; font-size:16px; font-style:italic;
 margin:0 auto !important; left:-20% !important;   top: 145px !important;
 }


.light *, .jwin .light {  border:unset; xbackground:#252525; border-radius:0px;   }
.light{ border:none;   border-radius:unset;   box-shadow:unset;} 

.light .Jbtn { position: fixed;
  font-family: 'lg'; font-family: 'getfox';
  speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   height:60px !important;
   margin:4px;
   background:none !important;
}
.light .Close:after{ content: '\e80b';  font-size:26px; }
.light .Close {color:rgba(243, 243, 243, 0.60);  margin-right:0px;  height:60px; width:45px; }
.light .Full:after{ content: '\e81c'; content: '\e86a';  font-size:18px;  }
.light .Full {color:rgba(243, 243, 243, 0.60); right:48px;  margin-right:0px; margin:8px;  height:60px; width:45px;}

.light .exitFull:after{ content: '\e81c'; content: '\e86b';  font-size:18px;  }
.light .exitFull {color:rgba(243, 243, 243, 0.60); right:96px; right:48px;  margin-right:0px; margin:8px;  height:60px; width:45px;}

.light .Close:hover, .light .Full:hover, .light .exitFull{ color:rgba(243, 243, 243, 0.90);  }
.light .Med{display:none;}
.lg-fullscreen-on .lg-fullscreen:after { content: '\e823'; }



.chrome{   transition: opacity 3s ease 2s; }

.jwin .chrome{background:none; border:none !important;  border-radius:0 !important;  }
.chrome .jwinFocus{ background:none !important;   }

.jwin .chrome .mceMiddle {width:100%; height:100%;    }
.jwin .chrome .mceMiddle span {top:6px;  left:5px; width:100%; height:100%; background:none; overflow:hidden;  }
.jwin .chrome  .mceTitle {display: none; height:0px !important;}

.jwin .chrome x.resize, .jwin .chrome x.action, .jwin .chrome .statusbarbottom {display: none;}
.jwin .chrome .mceCenter  { display: block; }
.jwin .chrome .mceTop{height: 5px; }
.jwin .chrome .mceTop .mceLeft { position: absolute; left: 0; top: 0; width: 5px; height: 5px; background:none; }
.jwin .chrome .mceTop .mceCenter { position: absolute; right: 5px; width: 100%; height: 5px; background:none;}
.jwin .chrome .mceTop .mceRight {position: absolute;right: 0; top: 0;width: 5px; height: 5px; background:none; }

.jwin .chrome .mceMiddle .jmedia .ipanel{  height:40px; top:auto !important; bottom:10px !important;  margin-left: -80px !important; }


.jwin_event_blocker, .jwin_visible_event_blocker {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100001; background:rgba(0,0,0,0.56);}

.jwin_visible_event_blocker {opacity:0.7; -ms-filter:'alpha(opacity=70)'; filter:alpha(opacity=70); }

.jwin .Htmlview{ width:auto; height:auto; display:block; left:0px; margin:0px; padding:0px;  min-width:500px !important; }
 
  .jwindrag_act{-webkit-user-select: none; -ms-user-select: none; -o-user-select:none;  -moz-user-select: none; user-select:none;}	
 


.jwin .media{ xbackground:#333333 !important;  xposition:relative;  text-align:center; margin:0px; padding:0px;   }


.pc-sprite{ background-image:url(/libraries/getfox/html/jwin/css/css/img/pc-sprite.png) !important;  }

.P-P-button{ width:70px; height:70px; background:rgba(0,0,0,0.28);  background:rgba(0,0,0,1); padding:0px;  margin:0 auto; position:relative; top:45% !important;  background-image:url(/libraries/getfox/html/jwin/css/css/img/pc-sprite.png) !important;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:#000 0px 2px 7px;  box-shadow:#454545 0px 1px 2px; 
-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;
-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;
  } 

.P-Play{  display:block;  background-position:6px 3px; background-position:-94px -18px;  xbackground-size: 350px 230px; }
.P-Pause{ display:block; background-position:6px -45px; background-position:-148px -18px; xbackground-size: 350px 230px; }
 
 
.html5-bezel{display:block;width:40px;height:40px;margin:-40px 0 0 -40px;padding:20px;background:rgba(0,0,0,0.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.html5-bezel>div{margin:0 auto}
.html5-bezel-fade{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);opacity:0;-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in; }

.bezel-PP{}
.html5-bezel-play{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid white}
.html5-bezel-pause{width:10px;height:40px;border-right:10px solid #fff;border-left:10px solid #fff}
.html5-bezel-stop{width:40px;height:40px;background:#fff}
.html5-center-overlay{position:absolute;top:50%;left:50%;z-index:840}


a , .cursor{ cursor:pointer; }




.te_overflow{overflow:hidden !important}.te_dragging{cursor:move !important}#tu_overlay,.te_top_up{top:0;left:0}#tu_overlay{width:100%;height:100%;position:fixed;z-index:999}#temp_up{top:-9999px;z-index:-1}.te_transparent{opacity:0}.te_shaded{opacity:.65;background:black}.te_scrollable{overflow:auto}.te_top_up{position:absolute;z-index:1000}.te_top_up a{border:0}.te_top_up a:hover{border:0}.te_top_up .ui-resizable-se{position:absolute !important;background-color:transparent !important;border:0 !important}.te_wrapper{position:relative}.te_title{width:100%;color:white;font-family:"Lucida Grande", "Arial";font-size:11px;position:absolute;text-align:center;z-index:1001}.te_frame,#tu_center_wrapper{border-collapse:collapse}.te_frame tr,.te_frame td{margin:0;padding:0}.te_frame .te_left,.te_frame .te_middle,.te_frame .te_right{padding:0}.te_controls{position:absolute;z-index:1001}.te_close_link,.te_previous_link,.te_next_link{cursor:pointer}.te_close_link{position:absolute;z-index:1002}.te_previous_link,.te_next_link{display:block;float:left}#tu_center_wrapper{position:absolute;z-index:1000}#tu_loader{width:100%;height:100%;position:absolute;background:url(/libraries/getfox/html/jwin/css/images/top_up/loader.gif) no-repeat 50% 50%;display:block;z-index:1003} #top_up .te_dashboard .ui-resizable-se{width:10px !important;height:10px !important;bottom:12px !important;right:10px !important;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/sprite.png) !important;background-position:0 0 !important}.te_dashboard .te_title{top:-9px;font-weight:bold;text-shadow:1px 1px 1px black}.te_dashboard .te_corner,.te_dashboard .te_rib{background-image:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/sprite.png)}.te_dashboard .te_top,.te_dashboard .te_bottom{height:20px}.te_dashboard .te_left_filler{width:20px}.te_dashboard .te_right_filler{width:19px}.te_dashboard .te_middle .te_middle{background:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/middle.png)}.te_dashboard .te_top .te_left{background-position:-17px -29px}.te_dashboard .te_top .te_middle{background-position:0 -71px}.te_dashboard .te_top .te_right{background-position:-33px -29px}.te_dashboard .te_middle .te_left{background-position:-17px -232px}.te_dashboard .te_middle .te_right{background-position:-33px -232px}.te_dashboard .te_bottom .te_left{background-position:-17px -47px}.te_dashboard .te_bottom .te_middle{background-position:-17px -89px}.te_dashboard .te_bottom .te_right{background-position:-33px -47px}.te_dashboard .te_content{margin:-11px -12px -11px -13px}.te_dashboard .te_controls{left:50%;width:63px;height:29px;margin-left:-33px;padding-left:5px;bottom:35px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/sprite.png);background-position:0 -178px}.te_dashboard .te_previous_link,.te_dashboard .te_next_link{width:31px;height:29px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/sprite.png)}.te_dashboard .te_previous_link{background-position:66px -113px}.te_dashboard .te_next_link{background-position:30px -113px}.te_dashboard .te_previous_link:hover{background-position:66px -142px}.te_dashboard .te_next_link:hover{background-position:30px -142px}.te_dashboard .te_close_link{width:28px;height:26px;top:-1px;right:-6px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/dashboard/sprite.png);background-position:-20px 0} #top_up .te_quicklook .ui-resizable-se{width:10px !important;height:10px !important;bottom:12px !important;right:9px !important;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/quicklook/sprite.png) !important;background-position:-75px -181px !important}.te_quicklook .te_title{top:6px}.te_quicklook .te_corner,.te_quicklook .te_rib{background-image:url(/libraries/getfox/html/jwin/css/images/top_up/quicklook/sprite.png)}.te_quicklook .te_top{height:24px}.te_quicklook .te_bottom{height:56px}.te_quicklook .te_left_filler,.te_quicklook .te_right_filler{width:12px}.te_quicklook .te_middle .te_middle{background:url(/libraries/getfox/html/jwin/css/images/top_up/quicklook/middle.png)}.te_quicklook .te_top .te_left{background-position:0 0}.te_quicklook .te_top .te_middle{background-position:0 -30px}.te_quicklook .te_top .te_right{background-position:12px 0}.te_quicklook .te_middle .te_left{background-position:0 -181px}.te_quicklook .te_middle .te_right{background-position:12px -181px}.te_quicklook .te_bottom .te_left{background-position:0 -122px}.te_quicklook .te_bottom .te_middle{background-position:0 -61px}.te_quicklook .te_bottom .te_right{background-position:12px -122px}.te_quicklook .te_content{margin:0 -7px}.te_quicklook .te_controls{left:50%;width:66px;margin-left:-33px;bottom:18px}.te_quicklook .te_previous_link,.te_quicklook .te_next_link{width:31px;height:29px;margin:0 1px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/quicklook/sprite.png)}.te_quicklook .te_previous_link{background-position:89px -195px}.te_quicklook .te_next_link{background-position:52px -195px}.te_quicklook .te_previous_link:hover{background-position:89px -226px}.te_quicklook .te_next_link:hover{background-position:52px -226px}.te_quicklook .te_close_link{width:13px;height:13px;top:7px;left:9px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/quicklook/sprite.png);background-position:-24px -181px} #top_up .te_flatlook .ui-resizable-se{width:10px !important;height:10px !important;bottom:22px !important;right:14px !important;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/flatlook/sprite.png) !important;background-position:-75px -181px !important}.te_flatlook .te_title{top:5px;text-shadow:1px 1px 2px #2A2A2A}.te_flatlook .te_corner,.te_flatlook .te_rib{background-image:url(/libraries/getfox/html/jwin/css/images/top_up/flatlook/sprite.png)}.te_flatlook .te_top{height:26px}.te_flatlook .te_bottom{height:29px}.te_flatlook .te_left_filler,.te_flatlook .te_right_filler{width:21px}.te_flatlook .te_middle .te_middle{background:url(/libraries/getfox/html/jwin/css/images/top_up/flatlook/middle.png) repeat-x top}.te_flatlook .te_top .te_left{background-position:0 0}.te_flatlook .te_top .te_middle{background-position:0 -29px}.te_flatlook .te_top .te_right{background-position:-89px 0}.te_flatlook .te_middle .te_left{background-position:0 -181px}.te_flatlook .te_middle .te_right{background-position:-89px -181px}.te_flatlook .te_bottom .te_left{background-position:0 -90px}.te_flatlook .te_bottom .te_middle{background-position:0 -58px}.te_flatlook .te_bottom .te_right{background-position:-89px -90px}.te_flatlook .te_content{margin:-2px -11px -3px -11px}.te_flatlook .te_controls{left:50%;width:66px;margin-left:-33px;bottom:18px}.te_flatlook .te_previous_link,.te_flatlook .te_next_link{width:31px;height:29px;margin:0 1px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/flatlook/sprite.png)}.te_flatlook .te_previous_link{background-position:89px -195px}.te_flatlook .te_next_link{background-position:52px -195px}.te_flatlook .te_previous_link:hover{background-position:89px -226px}.te_flatlook .te_next_link:hover{background-position:52px -226px}.te_flatlook .te_close_link{width:13px;height:13px;top:6px;left:15px;background-image:url(/libraries/getfox/html/jwin/css/images/top_up/flatlook/sprite.png);background-position:-24px -181px}





taskbar{ background:#001D33;}
#x-panel{left:0px; position:fixed; xbottom:0px; top:-10px; height:40px; width:100%; xmargin-left:-10px;} 

.Jclever-start{ position: absolute ; top:6px; left:-2px; width:50px; }
.taskbar-start{ position:absolute; display:inline-block; z-index: 100000 !important; top:15px; width:22px; left:18px;  xheight: 60px; xfont-size: 20px;  transform: scale(1.2);}
.taskbar-start .fa-home { }

.x-btn-left i{ color:#ECECEC;}



.x-btn-wrap .x-btn-left{ xpadding-right:28px; padding-left:6px !important;}

.x-btn-left,.x-btn-right,.x-btn-center{ background: none !important;}
.x-btn-center button{ font-size: 13px;
	border:none !important; xdisplay:none;
	padding: 0;
background: none!important;
	outline: none!important;
}

.x-btn-center em{
border-bottom: 2px #3069A6 solid;
}

.x-btn-wrap.active-win { background:#003258 !important; }
.x-btn-wrap:hover { background:#002D4F; }




.wRaw {position:absolute; direction:ltr; top:inherit !important; left:inherit !important}
.wRaw .mceWrapper {position:static; -moz-user-select: none;}

x.wRaw .jwinFocus{ background:none;  }




.wRaw .chromeless  .mceTitle {display: none;}

.wRaw .mceWrapper .resize, .wRaw .mceWrapper .action, .wRaw .mceWrapper .statusbarbottom, .wRaw .mceWrapper .mceStatusbar {display: none;}
.wRaw .cmceWrapper .mceCenter  { display: none; }
.wRaw .mceWrapper .mceTop{display: none;}
.wRaw .mceWrapper .mceTop .mceLeft { display: none;}
.wRaw .mceWrapper .mceTop .mceCenter { display: none;}
.wRaw .mceWrapper .mceTop .mceRight {display: none;}

.wRaw,  .wRaw .xJbody{ bottom:11px !important; position:fixed !important; width:52px !important; height:44px !important; }
.wRaw .mceMiddle .framefix{display:block !important; width:100%; height:100%;position:relative; z-index:200; margin:0px; padding:0px; top:0px; left:0px; background:none; background-position:center; cursor:pointer; }

.wRaw {visibility:hidden;} 

x.jwinShow {visibility:visibility; display:block;}

.jwinHide{visibility:hidden; xdisplay: none;}

.windows8{width:78px;height:78px;xposition:relative;xmargin:auto}.windows8 .wBall{position:absolute;width:74px;height:74px;opacity:0;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);animation:orbit 6.96s infinite;-o-animation:orbit 6.96s infinite;-ms-animation:orbit 6.96s infinite;-webkit-animation:orbit 6.96s infinite;-moz-animation:orbit 6.96s infinite}.windows8 .wBall .wInnerBall{position:absolute;width:10px;height:10px;background:#fff;left:0;top:0;border-radius:10px;margin:0 auto!important;left:50%!important;top:50%!important;position:absolute;margin-left:-40px!important;margin-top:-40px!important}.windows8 #wBall_1{animation-delay:1.52s;-o-animation-delay:1.52s;-ms-animation-delay:1.52s;-webkit-animation-delay:1.52s;-moz-animation-delay:1.52s}.windows8 #wBall_2{animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s}.windows8 #wBall_3{animation-delay:.61s;-o-animation-delay:.61s;-ms-animation-delay:.61s;-webkit-animation-delay:.61s;-moz-animation-delay:.61s}.windows8 #wBall_4{animation-delay:.91s;-o-animation-delay:.91s;-ms-animation-delay:.91s;-webkit-animation-delay:.91s;-moz-animation-delay:.91s}.windows8 #wBall_5{animation-delay:1.22s;-o-animation-delay:1.22s;-ms-animation-delay:1.22s;-webkit-animation-delay:1.22s;-moz-animation-delay:1.22s}@keyframes orbit{0%{opacity:1;z-index:99;transform:rotate(180deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(300deg);animation-timing-function:linear;origin:0}30%{opacity:1;transform:rotate(410deg);animation-timing-function:ease-in-out;origin:7%}39%{opacity:1;transform:rotate(645deg);animation-timing-function:linear;origin:30%}70%{opacity:1;transform:rotate(770deg);animation-timing-function:ease-out;origin:39%}75%{opacity:1;transform:rotate(900deg);animation-timing-function:ease-out;origin:70%}76%{opacity:0;transform:rotate(900deg)}100%{opacity:0;transform:rotate(900deg)}}@-o-keyframes orbit{0%{opacity:1;z-index:99;-o-transform:rotate(180deg);-o-animation-timing-function:ease-out}7%{opacity:1;-o-transform:rotate(300deg);-o-animation-timing-function:linear;-o-origin:0}30%{opacity:1;-o-transform:rotate(410deg);-o-animation-timing-function:ease-in-out;-o-origin:7%}39%{opacity:1;-o-transform:rotate(645deg);-o-animation-timing-function:linear;-o-origin:30%}70%{opacity:1;-o-transform:rotate(770deg);-o-animation-timing-function:ease-out;-o-origin:39%}75%{opacity:1;-o-transform:rotate(900deg);-o-animation-timing-function:ease-out;-o-origin:70%}76%{opacity:0;-o-transform:rotate(900deg)}100%{opacity:0;-o-transform:rotate(900deg)}}@-ms-keyframes orbit{0%{opacity:1;z-index:99;-ms-transform:rotate(180deg);-ms-animation-timing-function:ease-out}7%{opacity:1;-ms-transform:rotate(300deg);-ms-animation-timing-function:linear;-ms-origin:0}30%{opacity:1;-ms-transform:rotate(410deg);-ms-animation-timing-function:ease-in-out;-ms-origin:7%}39%{opacity:1;-ms-transform:rotate(645deg);-ms-animation-timing-function:linear;-ms-origin:30%}70%{opacity:1;-ms-transform:rotate(770deg);-ms-animation-timing-function:ease-out;-ms-origin:39%}75%{opacity:1;-ms-transform:rotate(900deg);-ms-animation-timing-function:ease-out;-ms-origin:70%}76%{opacity:0;-ms-transform:rotate(900deg)}100%{opacity:0;-ms-transform:rotate(900deg)}}@-webkit-keyframes orbit{0%{opacity:1;z-index:99;-webkit-transform:rotate(180deg);-webkit-animation-timing-function:ease-out}7%{opacity:1;-webkit-transform:rotate(300deg);-webkit-animation-timing-function:linear;-webkit-origin:0}30%{opacity:1;-webkit-transform:rotate(410deg);-webkit-animation-timing-function:ease-in-out;-webkit-origin:7%}39%{opacity:1;-webkit-transform:rotate(645deg);-webkit-animation-timing-function:linear;-webkit-origin:30%}70%{opacity:1;-webkit-transform:rotate(770deg);-webkit-animation-timing-function:ease-out;-webkit-origin:39%}75%{opacity:1;-webkit-transform:rotate(900deg);-webkit-animation-timing-function:ease-out;-webkit-origin:70%}76%{opacity:0;-webkit-transform:rotate(900deg)}100%{opacity:0;-webkit-transform:rotate(900deg)}}@-moz-keyframes orbit{0%{opacity:1;z-index:99;-moz-transform:rotate(180deg);-moz-animation-timing-function:ease-out}7%{opacity:1;-moz-transform:rotate(300deg);-moz-animation-timing-function:linear;-moz-origin:0}30%{opacity:1;-moz-transform:rotate(410deg);-moz-animation-timing-function:ease-in-out;-moz-origin:7%}39%{opacity:1;-moz-transform:rotate(645deg);-moz-animation-timing-function:linear;-moz-origin:30%}70%{opacity:1;-moz-transform:rotate(770deg);-moz-animation-timing-function:ease-out;-moz-origin:39%}75%{opacity:1;-moz-transform:rotate(900deg);-moz-animation-timing-function:ease-out;-moz-origin:70%}76%{opacity:0;-moz-transform:rotate(900deg)}100%{opacity:0;-moz-transform:rotate(900deg)}}

.jwin.mobile .nano-pane{ display:none !important; visibility:hidden !important;}

.nano { position : relative; width: 100%; height: 100%; overflow: hidden;}
.nano > .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: -20px !important; bottom: 1px; left: 0px; padding:0px 10px 0px 5px; }
.nano > .nano-content:focus { outline: thin dotted;}
.nano > .nano-content::-webkit-scrollbar { display: none;}

.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; 
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
  border-radius         : 8px;
  z-index:100;
  
  right:1.5px; bottom:5px;  margin-top:5px; 
  background-color:#4B4B4B; 
  box-shadow: 1px 1px 4px #111 inset; -moz-box-shadow: 1px 1px 4px #111 inset; -webkit-box-shadow: 1px 1px 4px #111 inset;
  
	background-image: -webkit-gradient(linear,right top,left top,color-stop(0, rgb(250,250,250)),color-stop(1, rgb(216,216,217)));
	background-image: -moz-linear-gradient(center right,rgb(250,250,250) 0%,rgb(216,216,217) 100%);
	 
}
.nano > .nano-pane > .nano-slider {
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
  
    -moz-border-radius:50px; -webkit-border-radius:18px; border-radius:6px; 
	left: 0px; right:0px;	
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgb(170,174,178)), color-stop(1, rgb(218,220,223)) );
	background-image: -moz-linear-gradient( center right, rgb(170,174,178) 0%, rgb(218,220,223) 100% ); 

}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; 
  opacity    : 0.99;
  
}

header > header  {xdisplay:none !important; xvisibility:hidden !important; xdisplay:inline-block; z-index:0 !important; }

.JModal-log{position: absolute;  margin-left:80px; z-index:9999999999999;  }
.log-matches{top:40px; left:0px; margin-left:4px; background-color: #666666; color:#f3f3f3; padding:10px;}
.log-media{top:4px; left:0px; margin-left:4px; background-color: #666666; color:#f3f3f3; padding:10px;}



.content-center {
	margin-left: 0px !important; margin-right: 0px !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}




.JModa{}

.JModal_body{}

.modal-open .lg-backdrop{z-index:1050 !important}


 .nano .nano-content { padding: 0px; padding-right:14px;   }
 .nano .nano-pane { xbackground: #9900ff; width: 8px; right: 1px; margin: 2px; }
 .nano .nano-slider { xbackground: #9900ff;  }


.JModal .iframe-body{ display:unset !important;
	margin:10px !important; padding:10px !important; top:0px !important; left:unset; right:unset;  xposition:relative; xwidth:100%; 
	max-height:500px; xheight:600px !important;  overflow:hidden !important; bottom: 0;
	}


.JModal-iframe-body{ position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
x.JModal-iframe-body::before { display: block; content: "";}

.JModal-fh{height: calc(100vh - 57px) !important;}
.Jframe-body-content{ }	
.JModal-iframe{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.modal-fullscreen .JModal-iframe{ height: calc(100vh - 57px) !important; }
 .JModal.mobil .JModal-iframe-body, .JModal.mobil .JModal-iframe{ height: calc(100vh - 57px) !important; }

.JModal.fh-centered .modal-body, .JModal.fh-centered .JModal-iframe-body, .JModal.fh-centered .JModal-iframe{ height: calc(100vh - 57px) !important; }
.JModal .modal-full-height .JModal-iframe-body, .JModal .modal-full-height .JModal-iframe { height: calc(100vh - 57px) !important; } 

.JModal .modal-iframe{left:0; top:0px; xoverflow:hidden;}

.JModal-frame-con {margin-right:8px !important; xdisplay:none !important; }
.modal-body{xoverflow:hidden;}

.JModal.modal-fullscreen .iframe-body{overflow:hidden;}


.JModal.bd-modal-sm{ max-width: 300px;}

@media (min-width: 576px) {
  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {  min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } 
}

@media (max-width: 767px) {
 body{xdisplay:none; color:blue;}
 .JModal.modal-fullscreen { margin:0px !important; padding:0px !important; left:0px; top:0px !important; bottom:0px !important;  max-width:100vw !important; width:100vw !important; }

 .JModal.JModal-xl{  top:0px !important; xmargin:0px !important; xpadding:0px !important; xmin-width:100vw !important; xmax-width:100vw !important; xwidth:100vw !important;  }
 .JModal-xl .modal-dialog{   max-width:90vw !important; xwidth:88vw !important;  }
  .modal-dialog { } 
  .modal-fullscreen-xs-down { }
  x.JModal  h5 { background-color: yellow;}
  
}

@media (max-width: 576px) {
	.JModal-xl  { margin:0px !important; padding:0px !important; left:0px !important;  top:0px !important; max-width:100vw !important; width:100% !important; }
	.JModal-xl .modal-dialog{   max-width:100vw !important; width:100vw !important; margin:4px !important; padding:4px !important; right:4px !important; top:-4px !important; }	
}


@media (min-width: -576px) {
  .modal-sm { max-width: 300px; }
}

@media (min-width: 992px) {
  .modal-lg, .modal-xl { max-width: 800px; }
}

@media (min-width: 1200px) {
  .modal-xl { max-width: 1140px; }
}


@media (max-width: 1200px) {
  .JModal .modal-dialog.modal-sm{top:0; max-width:unset !important; width:90vw !important; }
}


  .JModal .JModal-Content .container-fluid{margin-left:0px !important; margin-right:0px !important; padding-right:14px !important; padding-left:4px !important;
  right:0px !important; left:0px !important; }
  
.viewport { }
.overflow{overflow:hidden;}

@media (min-width: -576px) {
	.JModal-log.max-w{ text-decoration: underline overline white; }
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
	display: inline block !important;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
	flex:  none  !important;
    -ms-flex-direction: column;
    flex-direction: column;
	flex-direction: none !important;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}



@media (max-width: 991px) {
  .modal-fullscreen-sm-down { }
  
}

@media (max-width: 1199px) {
  .modal-fullscreen-md-down {}
}


.modal-fullscreen { }

.JModal.mobil { margin:0px !important; padding:0px !important; }
.JModal.mobil .modal-dialog,
.JModal.mobil .modal-content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.JModal.mobil .modal-dialog { margin: 0; width: 100%; animation-duration:0.6s; }
.JModal.mobil .modal-content { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; 
 
}

.JModal.modal-mobil { margin:0px !important; padding:0px !important; }
.JModal.modal-mobil .modal-dialog,
.JModal.modal-mobil .modal-content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.JModal.modal-mobil .modal-dialog { margin: 0; width: 100%; animation-duration:0.6s; }
.JModal.modal-mobil .modal-content { border: none; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; 
 
}




.JModal.modal-fullscreen { margin:0px !important; padding:0px !important; }
.JModal.modal-fullscreen .modal-dialog,
.JModal.modal-fullscreen .modal-content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.JModal.modal-fullscreen .modal-dialog { margin: 0; width: 100%; animation-duration:0.6s; }
.JModal.modal-fullscreen .modal-content { border: none; -moz-border-radius: 0;  border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; 
  
 
}

.JModal.modal-fullscreen.force-fullscreen {
  
  margin:0px !important; padding:0px !important; left:0px; xtop:200px !important; bottom:0px !important;  max-width:100vw !important; width:100vw !important;
  
}
.JModal.modal-fullscreen.force-fullscreen .modal-body { padding: 0;  }
.JModal.modal-fullscreen.force-fullscreen .modal-header,
.JModal.modal-fullscreen.force-fullscreen .modal-footer { left: 0; position: absolute; right: 0; }
.JModal.modal-fullscreen.force-fullscreen .modal-header { top: 0; }
.JModal.modal-fullscreen.force-fullscreen .modal-footer { bottom: 0; }


.JModal.JM-sm { margin:0px !important; padding:0px !important; }
x.JModal.JM-sm .modal-dialog, x.JModal.JM-sm .modal-content { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.JModal.JM-sm .modal-dialog { margin: 0; width: 100%; animation-duration:0.6s; }
.JModal.JM-sm .modal-content { border: none;
  -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; 
}



.JModal .modal-header{margin:0px; padding: 0.4rem 0.4rem;}
.JModal .modal-full-hw {}


body.modal-open {
  xoverflow: auto;
  padding-right: 0 !important; }
body.scrollable { xoverflow-y: auto; }




button.Full { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

a.Full.disabled {pointer-events: none;}
.md-get .action{ cursor:pointer; }

.modal-dialog.modal-notify .close { opacity: 1; }
.modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }	
.modal-dialog.cascading-modal .modal-header .close {margin-right: 1rem; }


:root { 
  --main-show: .jwinShow;

}

.jwin.jwinShow .mceWrapper { -webkit-transform: none; transform: none; }
.Jfade { transition: opacity 0.15s linear;}

.Jfade:not( .jwinShow ) { opacity: 0; }
.Jfade .mceWrapper { position: relative; width: auto; xpointer-events: none; }

.jwin.Jfade .mceWrapper { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px); transform: translate(0, -50px);
}

.jwin.jwinShow .mceWrapper { -webkit-transform: none; transform: none; }
.jwin:not(.jwinShow) .mceWrapper { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.modal.show .modal-dialog { -webkit-transform: none; transform: none; }


.modal .modal-header { 
    font-family: 'lg'; font-family: 'getfox';
  speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   xbackground:none !important;
}

.md-get .Close:after{ content: '\e80b';  font-size:28px; }
.md-get .Close {color:rgba(243, 243, 243, 0.60); font-weight:600;  margin:8px;  xtop: 12px; xright:16px; }

.md-get .Full:after{ content: '\e81c'; content: '\e86a';  font-size:20px;  }
.md-get .Mb-full {color:rgba(243, 243, 243, 0.60); position: absolute; right:58px;  margin-right:0px; margin:12px;  xheight:60px; xwidth:45px;}
.md-get .exitFull:after{ content: '\e81c'; content: '\e86b';  font-size:20px;  }
.md-get .exitFull {}



	  

.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid { max-width: 100%; height: auto; }
body.modal-open { xoverflow: auto;  padding-right: 0 !important; }

body.scrollable { overflow-y: auto; }

.modal-dialog .modal-content { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
 border: 0; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; }
.modal-dialog .modal-content .modal-header { -webkit-border-top-left-radius: 0.125rem;  border-top-left-radius: 0.125rem; -webkit-border-top-right-radius: 0.125rem;
    border-top-right-radius: 0.125rem; }

.modal-dialog.cascading-modal { margin-top: 10%; }
  .modal-dialog.cascading-modal .close { opacity: 1; text-shadow: none; color: #fff; outline: 0; }
  .modal-dialog.cascading-modal .modal-header { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: -2rem 1rem 1rem 1rem; border: none;  -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem; padding: 1.5rem; text-align: center; }
	
    .modal-dialog.cascading-modal .modal-header .close {  margin-right: 1rem; }
    .modal-dialog.cascading-modal .modal-header .title { margin-bottom: 0; width: 100%; font-size: 1.25rem; }
    .modal-dialog.cascading-modal .modal-header .title .fas, .modal-dialog.cascading-modal .modal-header .title .fab, .modal-dialog.cascading-modal .modal-header .title .far { margin-right: 9px; }
    .modal-dialog.cascading-modal .modal-header .social-buttons { margin-top: 1.5rem; }
      .modal-dialog.cascading-modal .modal-header .social-buttons a {  font-size: 1rem; }
  .modal-dialog.cascading-modal .modal-c-tabs .md-tabs { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  margin: -1.5rem 1rem 0 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex; }
    .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
      .modal-dialog.cascading-modal .modal-c-tabs .md-tabs li a {text-align: center; }
  .modal-dialog.cascading-modal .modal-c-tabs .tab-content { padding: 1.7rem 0 0 0; }
  .modal-dialog.cascading-modal .modal-body,
  .modal-dialog.cascading-modal .modal-footer { padding-left: 2rem; padding-right: 2rem; color: #616161; }
    .modal-dialog.cascading-modal .modal-body .additional-option,
    .modal-dialog.cascading-modal .modal-footer .additional-option { margin-top: 1rem;  text-align: center; }
  .modal-dialog.cascading-modal.modal-avatar { margin-top: 6rem; }
    .modal-dialog.cascading-modal.modal-avatar .modal-header {  -webkit-box-shadow: none; box-shadow: none;  margin: -6rem 0 -1rem; }
      .modal-dialog.cascading-modal.modal-avatar .modal-header img {  width: 130px;  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-left: auto; margin-right: auto; }

.modal-dialog.modal-notify .heading { margin: 0; padding: 0.3rem; font-size: 1.15rem; color: #fff; }

.modal-dialog.modal-notify .modal-header { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; }

.modal-dialog.modal-notify .close { opacity: 1; }

.modal-dialog.modal-notify .modal-body { padding: 1.5rem; color: #616161; }

.modal-dialog.modal-notify.modal-primary .modal-header { background-color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .fas, .modal-dialog.modal-notify.modal-primary .fab, .modal-dialog.modal-notify.modal-primary .far { color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .badge { background-color: #4285f4; }

.modal-dialog.modal-notify.modal-primary .btn .fas, .modal-dialog.modal-notify.modal-primary .btn .fab, .modal-dialog.modal-notify.modal-primary .btn .far { color: #fff; }

.modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fas, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .fab, .modal-dialog.modal-notify.modal-primary .btn.btn-outline-primary .far {
 color: #4285f4; }

.modal-dialog.modal-notify.modal-danger .modal-header { background-color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .fas, .modal-dialog.modal-notify.modal-danger .fab, .modal-dialog.modal-notify.modal-danger .far { color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .badge { background-color: #ff3547; }

.modal-dialog.modal-notify.modal-danger .btn .fas, .modal-dialog.modal-notify.modal-danger .btn .fab, .modal-dialog.modal-notify.modal-danger .btn .far { color: #fff; }

.modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fas, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .fab, .modal-dialog.modal-notify.modal-danger .btn.btn-outline-danger .far {
  color: #ff3547; }

.modal-dialog.modal-notify.modal-warning .modal-header { background-color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .fas, .modal-dialog.modal-notify.modal-warning .fab, .modal-dialog.modal-notify.modal-warning .far { color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .badge { background-color: #ffbb33; }

.modal-dialog.modal-notify.modal-warning .btn .fas, .modal-dialog.modal-notify.modal-warning .btn .fab, .modal-dialog.modal-notify.modal-warning .btn .far { color: #fff; }

.modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fas, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .fab, .modal-dialog.modal-notify.modal-warning .btn.btn-outline-warning .far { color: #ffbb33; }

.modal-dialog.modal-notify.modal-success .modal-header { background-color: #00c851; }

.modal-dialog.modal-notify.modal-success .fas, .modal-dialog.modal-notify.modal-success .fab, .modal-dialog.modal-notify.modal-success .far { color: #00c851; }

.modal-dialog.modal-notify.modal-success .badge { background-color: #00c851; }

.modal-dialog.modal-notify.modal-success .btn .fas, .modal-dialog.modal-notify.modal-success .btn .fab, .modal-dialog.modal-notify.modal-success .btn .far { color: #fff; }

.modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fas, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .fab, .modal-dialog.modal-notify.modal-success .btn.btn-outline-success .far {
  color: #00c851; }

.modal-dialog.modal-notify.modal-info .modal-header { background-color: #33b5e5; background-color: #674ea7; }

.modal-dialog.modal-notify.modal-info .fas, .modal-dialog.modal-notify.modal-info .fab, .modal-dialog.modal-notify.modal-info .far { color: #33b5e5; }

.modal-dialog.modal-notify.modal-info .badge { background-color: #33b5e5; }

.modal-dialog.modal-notify.modal-info .btn .fas, .modal-dialog.modal-notify.modal-info .btn .fab, .modal-dialog.modal-notify.modal-info .btn .far { color: #fff; }

.modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab, .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far {
  color: #33b5e5; }

.modal { padding-right: 0 !important; }
  
  @media (min-width: 768px) {
    .modal .modal-dialog.modal-top {  top: 0; }
    .modal .modal-dialog.modal-left { left: 0; }
    .modal .modal-dialog.modal-right { right: 0  }
    .modal .modal-dialog.modal-bottom { bottom: 0; }
	.modal .modal-dialog.modal-center { left:25%; right:25%;  }
    .modal .modal-dialog.modal-top-left { top: 10px; left: 10px; }
    .modal .modal-dialog.modal-top-right { top: 10px; right: 10px;  left:unset; xdisplay:none !important; }
    .modal .modal-dialog.modal-bottom-left { bottom: -15px; left: 10px; top:unset; right:unset; }
    .modal .modal-dialog.modal-bottom-right { bottom: -15px; right: 10px; top:unset; left:unset;} 
	}
	
  .modal.fade.top:not(.show) .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
  .modal.fade.left:not(.show) .modal-dialog { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); }
  .modal.fade.right:not(.show) .modal-dialog { -webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0); }
  .modal.fade.bottom:not(.show) .modal-dialog { -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
 
 
 @media (min-width: 992px) , (max-width: 992px)  { 
    .modal.modal-scrolling { position: relative; }
    .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
    .modal.modal-content-clickable {top: auto; bottom: auto; }
    .modal.modal-content-clickable .modal-dialog { position: fixed; }
    .modal .modal-fluid { width: 100%; max-width: 100%; }
    .modal .modal-fluid .modal-content { width: 100%; }
    .modal .modal-frame { position: absolute; margin: 0; width: 100%; max-width: 100%; }
    .modal .modal-frame.modal-bottom { bottom: 0; }
   
   .modal .modal-full-height { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0;
    width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
		  
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {  display: block;  width: 100%;  max-width: 100%; height: auto; }
    .modal .modal-full-height.modal-top { bottom: auto; }
    .modal .modal-full-height.modal-bottom { min-height: 0;  top: auto; }
    .modal .modal-full-height .modal-content { width: 100%; }
    .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; } 
	x.JModal  h5 { background-color: magenta;}	  
	 } 
	 
	 
	  @media (max-width: 992px)  { 
    .modal.modal-scrolling { position: relative; }
    .modal.modal-scrolling .modal-dialog { position: fixed; z-index: 1050; }
    .modal.modal-content-clickable {top: auto; bottom: auto; }
    .modal.modal-content-clickable .modal-dialog { position: fixed; }
    .modal .modal-fluid { width: 100%; max-width: 100%; }
    .modal .modal-fluid .modal-content { width: 100%; }
    .modal .modal-frame { position: absolute; margin: 0; width: 100%; max-width: 100%; }
    .modal .modal-frame.modal-bottom { bottom: 0; }
   
   .modal .modal-full-height { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0;
    width: 400px; min-height: 100%; height: auto; min-height: 100%; top: 0; right: 0; }
		  
    .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom {  display: block;  width: 100%;  max-width: 100%; height: auto; }
    .modal .modal-full-height.modal-top { bottom: auto; }
    .modal .modal-full-height.modal-bottom { min-height: 0;  top: auto; }
    .modal .modal-full-height .modal-content { width: 100%; }
    .modal .modal-full-height.modal-lg { width: 90%; max-width: 90%; }   
	 } 
		
	
	@media (min-width: 800px) and (min-width: 300px) {			
	.JModal  {   }	
	.JModal .modal-dialog.modal-top {  right: 0px !important; margin:0px !important; padding:0px !important; top:0 !important; bottom: 0px !important; xleft: 0;  }
	.JModal .modal-dialog.modal-bottom {  right: 0px !important; margin:0px !important; padding:0px !important; top:unset !important; bottom: 0px !important; xleft: 0;  }
	
	}
	
	@media (min-width: 300px) {
	.JModal .modal-dialog.modal-top {  right: 0px !important; margin:0px !important; padding:0px !important; top:0 !important; bottom: 0px !important; xleft: 0;  }	
	.JModal .modal-dialog.modal-bottom {  right: 0px !important; margin:0px !important; padding:0px !important; top:unset !important; bottom: 0px !important; xleft: 0;  }
	.JModal .modal-dialog.modal-right{left: unset ; right: 0;  }
	.JModal .modal-dialog{top:0}
	}
 
 

@media (max-width: 575.98px) {
.JModal-log.max-w{   text-decoration: underline overline white;} 

	
}


@media (min-width: 576px) and (max-width: 767.98px) { 
.JModal-log.min-max-a{  text-decoration: underline overline white; }

  .JModal   {  top:0px !important; }
	.JModal .modal-dialog  {  top:0px !important; bottom:0px !important; }
}


@media (min-width: 768px) and (max-width: 991.98px) {

	}


@media (min-width: 992px) and (max-width: 1199.98px) {	
	  .modal .modal-full-height.modal-lg { width: 800px; max-width: 800px; } 
	}


@media (min-width: 1200px) {
	  .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } 
	  
}

@media (min-width: 992px) and (max-width: 1199.98px) {	
	  .modal .modal-full-height.modal-lg { width: 1000px; max-width: 1000px; } 
		  	  
}

:root {
 --ana-renk: green;		
}



.JModal.mobil { margin:0px !important; padding:0px !important; left:0px; top:0px !important; bottom:0px !important;  max-width:unset !important; width:100vw !important; }
.JModal.mobil .modal-dialog  {  max-width: 100vw !important; width: 100vw !important;   top:0px !important; bottom:0px !important; }

.JModal.modal-nav { margin:0px !important; padding:0px !important; left:0px; top:0px !important; bottom:0px !important;  xmax-width:unset !important; xwidth:initial; }
.JModal.modal-nav .modal-dialog  {  xmax-width: unset !important;   top:0px !important; bottom:0px !important; }	
 




 
	  
	  
	  


#g5-container .g-offcanvas-toggle {
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  z-index: 10;
  line-height: 1;
  cursor: pointer;
}

.g-offcanvas-toggle {
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  z-index: 10;
  line-height: 1;
  cursor: pointer;
}

.g-offcanvas-active {
  overflow-x: hidden;
}

#g5-container .g-offcanvas-right .g-offcanvas-toggle {
  left: inherit;
  right: 0.7rem; 
}



.well{} 
.well-small p{ position:fixed; bottom:35px; color:#B1DCF8; right:20px; }

.html-loading {  position:fixed; top:0px; left:0px; margin:0px; padding:0px;  width:100%; height:100%; z-index:99999999999; overflow:hidden; text-align: center;  }
.html-loading .windows8{position:absolute !important; display: block; margin: 0 auto; left:50%; top:25%;}
.html-loading .loadingtitle{color:rgb(255,255,255);  position:relative; top:150px;  width:250px; font-family:Georgia; font-size:18px; font-style:italic;
 margin:0 auto !important; left:-90% !important;   margin:20px; 
  }
  
.html-loading .windows8 .wBall .wInnerBall{ background:#00A23F !important; }
.html-loading .loadingtitle{ color:#0459A8 !important; }


.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-loading { background:#1C80D3 !important; position:fixed; top:0px; left:0px; margin:0px; padding:0px;  width:100%; height:100%; z-index:9999999999999; overflow:hidden; text-align: center;  
display:block; position:absolute; xheight:800px !important;
}

.modal-progress{   background:#1C80D3 !important;}


.jwinContent{vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent;  width:auto; height:auto; overflow:hidden; display:block;  }
span.jwinContent {top:23px; left:5px; width:100%; height:100%; }
 .jwinloading{  display:block;  width:100%; height:100%; position:relative; z-index:99999;  margin:0px; padding:0px;  left:0px; background:#000; background:#1C80D3 !important; }
 

x.JModal-Content { width: 300px !important; min-width:300px !important; max-width:300px !important; height:100%; position:relative !important;  }
.JModal-Content {   }