@import '/libraries/getfox/html/jwin/notific/anim.css'; 



:root {
  --ntc-back-color:rgba(255,255,255,.85);
  
  --enable: 10;
  --disable-color: red;
  --enable-color: #00ff00;
  
  --lightnessTransform: 10%;
  --darknessTransform: 15%;

}

 


.overflow{overflow:hidden; padding-right: 17px; }


_#system-message-container{position:fixed; top:-10000px;}


.ModalBox { 
  	--header-color-default: #674ea7;
    --header-color-light: #6c757d;
    --text-color-light: #212529;
    --header-bg-color-light: rgba(255,255,255,.85);
    --body-bg-color-light: rgba(255,255,255,.85);
    --header-color-dark: #f8f9fa;
    --text-color-dark: #f8f9fa;
    --header-bg-color-dark: rgba(30,40,45,.85);
    --body-bg-color-dark: rgba(30,40,45,.85);
	
	--header-color-info: #3c78d8;
	--header-color-success: #5e9b44;
	--header-color-warning: #ff9900;
	--header-color-danger: #cc0000;
	--header-color-w10: #1f3047;
	
	--header-color-loader: #3d85c6;
  

	
  position: fixed; 

  
  z-index: 1055;
  xdisplay: none; xwidth: 100%; xheight: 100%;
  pointer-events: none; outline: 0; overflow: hidden; xpadding-bottom:6px;
  color: #FFFFFF;
 

}

.JBox{
	--header-color-default: #6c757d;
	--header-color-info: #3c78d8;
	--header-color-success: #5e9b44;
	--header-color-warning: #ff9900;
	--header-color-danger: #cc0000;
	--header-color-w10: #1f3047;
	
	--header-color-loader: #3d85c6;
}




 
.Jntc-content:not(.show) { display: none;}
.Jntc-content.show{display:block;}
.ModalBox .Jntc-content:not(.Jntc-content){display:none} 




.ModalBox.vtop{ top: 20px; }
.ModalBox.vbottom{bottom: 20px; xalign-items: end;}
.ModalBox.hleft{left: 20px; }
.ModalBox.hright{right: 20px;  xalign-items: end;}

.ModalBox.vcenter{top: 50%;transform: translateY(-50%); xalign-items: center;}
.ModalBox.hcenter {left: 50%;transform: translateX(-50%);   }
.ModalBox.vcenter.hcenter{top: 50%;left: 50%;transform: translate(-50%,-50%); xjustify-content: center; xalign-items: center; }

.ModalBox.vcenter{ }

x.hcenter { display: flex; flex-direction: row; align-items: center; align-self: stretch;}
x.vcenter { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; }

.ModalBox.hleft .Jntc-content{float: left;  }
.ModalBox.hright .Jntc-content{float: right;  }

.ModalBox.vbottom section { xtop: 20px; xmargin-top:20px; }



.ModalBox  article{ 
position: relative;  xposition:fixed; xwidth: auto; margin: 0.5rem; pointer-events: none;
}


.ModalBox section{ position: relative; display:flex; flex-direction: column; xwidth: 100%; pointer-events: auto;
  xbackground-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  xborder-radius: 0.3rem;
  outline: 0;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.18);
  box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.18);
  xbackground-color: #ff9900;
  
}

.ModalBox.radius section{ border-radius: 0.3rem; }



.ModalBox  header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; 
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  margin:0px;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.20);
}

.ModalBox header {
  border: none !important;
  border-radius: unset !important; 
  xbackground-color: white;
}


.JModal .Jntc-close::before { font-size:22px; right:6px; top:10px;  }
.JModal .Jntc-close{ position: absolute; right:0px; opacity: 1; color:rgba(243, 243, 243, 0.60); padding: 14px 10px 16px; }
x.JModal .Jntc-close:hover{ background:rgba(0, 0, 0, 0.125); color:rgba(203, 185, 255, 0.962) !important; }
.JModal .Jntc-close:hover{ background:rgba(204, 0, 0, 0.997); color:rgba(255, 255, 255, 0.956) !important; }

.JBox .Jntc-close:before { xfont-family: 'getfox';  font-size:22px;  right:6px;  xcolor: rgba(255, 255, 255, 0.4); xdisplay:none !important;   }
.JBox .Jntc-close{ position: absolute; right:0px; opacity: 1; color:rgba(243, 243, 243, 0.60); padding: 8px 4px 10px; xtext-shadow: initial;   xbackground:#00ffff !important; }
.JBox .Jntc-close:hover{ background:rgba(0, 0, 0, 0.125); color:rgba(255, 255, 255, 0.956) !important; }
.Jntc-icon {  xtext-shadow: initial !important;  x-webkit-text-stroke: .026em rgba(251, 249, 249, 0.544);
text-shadow: 4 4 4px rgba(0,0,0,1) !important;
  }

.Jntc-content.close-event,.Jntc-content .close-event, .JModal .close-event{cursor: pointer;}


.ModalBox title { 
display: flex; margin-right: auto; margin-bottom: 0; padding-left:6px; font-size: 0.985rem; font-weight: 1300; line-height: 1.5;  
  xtext-shadow: 0px 0.2px 1px rgba(0,0,0,0.6);
   color: rgba(255, 255, 255, 0.683);
}


.ModalBox main { position: relative; flex: 1 1 auto; padding: 1rem; color: #6c757d; top:0px;  background-color: #d9d9d9; }



.ModalBox footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
 
 .ModalBox footer > * { margin: 0.25rem; }



.JBox {  z-index: 999999; }

.JBox *, JModal * { box-sizing: border-box; }


.ModalBox.JBox article {

}
.ModalBox.JBox article > :not(:last-child) {
  margin-bottom: 0.75rem;
}

 .ModalBox.JBox section  {
 margin-bottom: 0.75rem;
 }

.JBox.showing { opacity: 0; }
.JBox:not(.show) { xdisplay: none; }



.ModalBox.JBox header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;  
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.20);
}

.ModalBox.JBox title { 
font-size: 0.875rem;
}

.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}


.ModalBox.JBox main { padding: 0.75rem; word-wrap: break-word; }


.Jntc-progress { transition: width 0.1s ease !important; position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; z-index: 99999999; }
.JModal .W-progress{ top:unset; bottom:2px;  }
.JBox .W-progress{ top:unset; bottom:0px;  }



.exitFull{}

.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; }
.modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; }
.modal-fullscreen .modal-header { border-radius: 0; }
.modal-fullscreen .modal-body { overflow-y: auto; }
.modal-fullscreen .modal-footer { border-radius: 0; }

x.ModalBox .Jmodal-fullscreen { width: 100vw !important; max-width: none!important; height: 100% !important; xoverflow:hidden;}
.Jmodal-fullscreen { width:100vw; max-width:none; height:100%; margin:0; }
.Jmodal-fullscreen section {width:100% !important; height: 100%; border: 0; border-radius: 0; top:0px !important; margin:0px !important; padding:0px !important;}
.Jmodal-fullscreen header { border-radius: 0; }
.Jmodal-fullscreen main { overflow-y: auto; height: calc(100vh - 54px) !important; margin:0px; padding:0px;}
.Jmodal-fullscreen footer { border-radius: 0; position: absolute; z-index:100;  xposition: relative; bottom: 20px; }

	
.Jntc-Jframe-content{   }
.JModal-iframe-body{ position:relative; display:block; width:100%; height:100%; padding:0px; margin:0px; overflow: hidden !important; }
.Jntc-Jframe-content{ }	
.JModal-iframe{ position:absolute; top:0px; bottom:0px; left:0px; width:100%; height:100%; border:0px; }



.ModalBox .Jntc-content{ display:flex; justify-content:center; }


.top-center-full{ width: calc(100vw - 4vw); }
.top-left-full .Jntc-content{ height: calc(100vh - 40px);  xposition: fixed;  }
.top-right-full .Jntc-content{ height: calc(100vh - 40px); xposition: fixed;   }


x.ModalBox.Full-Height .Jntc-content{ height: calc(100vh - 40px); display:flex; padding:0px; bottom:0; top:0; justify-content:center; justify-content:space-between; position: fixed;  }
.ModalBox.Full-Height .Jntc-content{ height: calc(100vh - 40px);  bottom:0px; top:0px;  margin:0px; padding:0px; border:unset; position:fixed;  }

.ntc.left-full-height,.ntc.right-full-height{ height: calc(100vh - 40px); padding:0px; bottom:0; top:0; align-items:center; justify-content:space-between; position: fixed;  }

x.right-full-height .Jntc-content{ right:20px; }
.right-full-height.full-fix .Jntc-content{ height: calc(100vh); bottom:0px; top:0px; right:0px; margin:0px; border:unset;  }

.left-full-height .Jntc-content{  }
.left-full-height.full-fix .Jntc-content{ height: calc(100vh); bottom:0px; top:0px; left:0px; margin:0px; border:unset;  }


.JBox.full-fix { margin:-29px; margin-bottom:-39px;   }
 

 .center-left-full .Jntc-content{ width: calc(100vw - 5vw); }
 .center-center-full .Jntc-content{ width: calc(100vw - 5vw); }
 .center-right-full .Jntc-content{ width: calc(100vw - 5vw); }

 
 
 .bottom-left-full .Jntc-content{ width: calc(100vw - 5vw); }
 .bottom-center-full .Jntc-content{ width: calc(100vw - 5vw); }
 .bottom-right-full .Jntc-content{ width: calc(100vw - 5vw); }
 .JModal.bottom-center, .JModal.bottom-center-full {  margin-bottom:-8px; }


.full-wh footer { border-radius: 0; position: absolute; z-index:100; width:100%; xposition:relative; bottom: 20px; }




.Jmodal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; }
.Jmodal-backdrop.fade { opacity: 0;}
.Jmodal-backdrop.show {opacity: 0.5;}






 

.JModal .Jntc-modalIco{position:relative; xwidth:36px; margin-right:-10px; height:10px; bottom:12px;    }
.JModal .Jntc-modalIco i{ font-size:34px; left:-12px; position:relative; xposition:absolute; color:rgba(255, 255, 255, 0.8);
text-align:center; line-height:0; vertical-align: middle;
  }
  
.ModalBox .Jntc-header-default{background-color: #8e7cc3;  background-color: var(--header-color-default); }
.Jntc-alert-default .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.ModalBox .Jntc-alert-default > footer {  background-color: var(--header-color-default); }

.JBox .Jntc-alert-icon{margin-top:-4px; margin-left:-10px;} 


  	
.JBox .Jntc-alert-default > header {  background-color: var(--header-color-default); }
.Jntc-alert-default .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.JBox .Jntc-alert-default > footer {  background-color: var(--header-color-default); }

.JBox .Jntc-alert-info > header {  background-color: var(--header-color-info); }
.Jntc-alert-info .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.JBox .Jntc-alert-info > footer {  background-color: var(--header-color-info); }

.JBox .Jntc-alert-success > header { background-color: var(--header-color-success); }
.Jntc-alert-success .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.JBox .Jntc-alert-success > footer {  background-color: var(--header-color-success);    } 

.JBox .Jntc-alert-warning > header { background-color: var(--header-color-warning); }
.Jntc-alert-warning .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.JBox .Jntc-alert-warning > footer {  background-color: var(--header-color-warning); }
 
.JBox .Jntc-alert-danger > header {  background-color: var(--header-color-danger); }
.Jntc-alert-danger .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.Jntc-body.Jntc-body-danger{margin-top:-2px;  background-color:white; color:#9c0000;  }
.JBox .Jntc-alert-danger > footer {  background-color: var(--header-color-danger); }


.JBox .Jntc-alert-w10 > header { background-color: var(--header-color-w10); }
.Jntc-alert-w10 .Jntc-alert-icon{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.JBox .Jntc-alert-w10 > footer {  background-color: var(--header-color-w10); }
 

.Jntc-footer .footer-text{ margin:0px; padding:10px ; position: relative; width:100%; text-align:center; display: flex !important align-items: center; justify-content: center; }



 
 

.w11 {   }
.w11  article  {    xbackground:red ;  }
.w11 section { backdrop-filter:contrast(1) blur(12px); background:rgba(80, 98, 127, 0.90); }

.w11 .Jntc-content > header {  background: #495661;  background:#495661;  background:rgba(80, 98, 127, 0.60); }
.w11 .Jntc-modalIco { color: rgba(255, 255, 255, 0.5); background:none ;}
.w11  title { color:#e8e8e8; background:none ;  }
.w11 main{  border:none; background:none;  color:rgba(227, 238, 255, 0.974); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);  }

.w11  .Jntc-content > footer {  background:none;  border: none ; border-radius: unset ;   }
.w11  .Jntc-content > footer button {  background: rgba(0, 0, 0, 0.2);    }


 
.w10 .Jntc-content > header {  background-color: var(--header-color-default); }
.w10 .Jntc-modalIco{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.w10 .Jntc-content > footer {  background-color: var(--header-color-default); }

.w4 .Jntc-content > header { background-color: var(--header-color-w10); }
.w4 .Jntc-modalIco{ color: rgba(255, 255, 255, 0.528); font-size:22px; }
.w4 .Jntc-content > footer {  background-color: var(--header-color-w10); }
.w4 .Jntc-progress {   background-color: #74b0ee;  }

 


 x.Jntc-header-default .Jntc-icon {color: rgba(203, 185, 255, 0.97) !important;}
 x.Jntc-body.Jntc-body-default{margin-top:-2px;  background-color:white;  }
 
 x.Show-Modal{display:block !important;  z-index:19000; visibility: visible !important;  }
 
 // scss-docs-start spinner-grow-keyframes
@keyframes ntc-loader-icon { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } }

.Jntc-loader-icon {
  display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0;
  animation: 0.75s linear infinite spinner-grow !important;
  width:1.5rem; height:1.5rem;
  background-color: rgba(216, 232, 246, 0.60);
}

.Jntc-loader-icon { animation-duration: 1.5s !important; }
 
 
.ModalBox .max-w-ts{ max-width:300px; width:300px;} 			
.ModalBox .max-w-mw{ max-width:250px; width:250px;}
.ModalBox .max-w-xs{ max-width:unset; width:360px }
.ModalBox .max-w-sm{ max-width:unset; width:540px;}
.ModalBox .max-w-md{ max-width:unset; width:720px;}
.ModalBox .max-w-lg{ max-width:unset; width:960px;}
.ModalBox .max-w-xl{ max-width:unset; width:1140px;}
.ModalBox .max-w-fl{ max-width:unset; width:100vw;}

.ModalBox .max-w-10{ max-width:unset; width: 10vw }
.ModalBox .max-w-20{ max-width:unset; width: 10vw; }
.ModalBox .max-w-30{ max-width:unset; width: 30vw; min-height:unset; height:40vh; }
.ModalBox .max-w-40{ max-width:unset; width: 40vw; min-height:unset; height:40vh; }
.ModalBox .max-w-50{ max-width:unset; width: 50vw; min-width: calc(50vw - 58px); min-height:unset; min-height:calc(50vw / 1.5); }
.ModalBox .max-w-60{ max-width:unset; width: 60vw }
.ModalBox .max-w-70{ max-width:unset; width: 70vw }
.ModalBox .max-w-80{ max-width:unset; width: 80vw }
.ModalBox .max-w-90{ max-width:unset; width: 90vw }
.ModalBox .max-w-100{ max-width:unset; min-width: calc(100vw - 58px); xmin-height:600px; min-height:80vh;   }




@media (min-width: 768px) {
 

}
@media (xmin-width: 960px) {
  

}




@media (max-width: 576px) {
  


.ModalBox .max-w-cs{ width: calc(100vw - 400px);}
.ModalBox .max-w-mw{ width: calc(100vw - 350px);}
.ModalBox .max-w-xs{ width: calc(100vw - 300px);}
.ModalBox .max-w-sm{ width: calc(100vw - 250px);}
.ModalBox .max-w-md{ width: calc(100vw - 200px);}
.ModalBox .max-w-lg{ width: calc(100vw - 150px);}
.ModalBox .max-w-xl{ width: calc(100vw - 100px);}


[class^="max-w-"], [class*=" max-w-"]  { max-width:unset; min-width:calc(100vw - 30px);  margin-left:6px; margin-right:6px; padding:unset; left:unset; right:unset; }
.ModalBox.hleft, .ModalBox.hright {margin:unset; padding:unset; left:unset; right:unset; }
.ModalBox .full-wh { margin-left:0px; margin-right:16px; }

}

@media (max-width: 320px) {


 [class^="max-w-"], [class*=" max-w-"] { min-width: calc(100vw - 28px); margin-left:6px; margin-right:6px; } 
.ModalBox.hleft, .ModalBox.hright {margin:unset; padding:unset; left:unset; right:unset; }
.ModalBox header  { left:unset; right:unset; xwidth: 200px !important; max-height:50px; xdisplay:none; }
}


@media (min-width: 576px) and (max-width: 767.98px) { 


  [class^="max-w-"], [class*=" max-w-"] { min-width:350px; margin-left:6px; margin-right:0px; padding:unset; left:unset; right:unset;  } 
 .ModalBox.hleft, .ModalBox.hright {margin:unset; padding:unset; left:unset; right:unset; }
}


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




	}


@media (min-width: 992px) and (max-width: 1199.98px) {	



	}


@media (min-width: 1200px) {
	 	  
}





.windows8 { position: relative; width: 130px; height:130px; margin:auto; }
.windows8 .wBall { position: absolute; width: 124px; height: 124px; opacity: 0; transform: rotate(225deg); animation: orbit 6.96s infinite !important; }
.windows8 .wBall .wInnerBall{ position: absolute; width: 16px; height: 16px; background: rgb(0,0,0); left:0px; top:0px; border-radius: 16px; }

.windows8 #wBall_1 { animation-delay: 1.52s !important; }
.windows8 #wBall_2 { animation-delay: 0.3s !important;}
.windows8 #wBall_3 { animation-delay: 0.61s !important;}
.windows8 #wBall_4 { animation-delay: 0.91s !important; }
.windows8 #wBall_5 { animation-delay: 1.22s !important; }


.w8{width:78px; height:78px;position:relative; top:-20px; xmargin:auto }
.w8 .wBall{position:absolute;width:74px;height:74px;opacity:0;transform:rotate(225deg); animation: orbit 6.050000000000001s infinite !important; }
.w8 .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;
margin-left:-40px!important;margin-top:-40px!important
}

.w8 {position: relative;width: 190px;height:190px;}
.w8 .wBall {position: absolute;width: 80px;height: 20px;}
.w8 .wBall .wInnerBall{position: absolute;width: 10px;height: 10px;}

.w8 #wBall_1 { animation-delay: 1.52s !important; }
.w8 #wBall_2 { animation-delay: 0.3s !important;}
.w8 #wBall_3 { animation-delay: 0.61s !important;}
.w8 #wBall_4 { animation-delay: 0.91s !important; }
.w8 #wBall_5 { animation-delay: 1.22s !important; }

@keyframes orbit {
	0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out !important; }
	7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear !important; origin:0%; }
	30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out !important; origin:7%;}
	39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear !important; 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);}
}


.W10-loader {
  position: absolute; bottom: 0%; left: 40%;  transform: translate(-50%,-50%); width: 50px; height: 50px; margin: auto; transform: scale(0.8);
}

.W10-loader { width: 80px; height: 80px; }

.W10-loader .wcircle { position: absolute; width: 38px; height: 38px; opacity: 0; transform: rotate(225deg);
  animation-iteration-count: infinite !important;
  animation-name: W10rotate !important;
  animation-duration: 4.8s !important;
}

.W10-loader .wcircle { width: 58px; height: 58px;}

.W10-loader .wcircle:after { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; border: 1px white solid; box-shadow: 0 0 1px #0078d7;}

.W10-loader .wcircle:after { width: 6px; height: 6px; }

.W10-loader .wcircle:nth-child(2) { animation-delay: 240ms !important; }
.W10-loader .wcircle:nth-child(3) { animation-delay: 480ms !important; }
.W10-loader .wcircle:nth-child(4) { animation-delay: 720ms !important;}
.W10-loader .wcircle:nth-child(5) { animation-delay: 960ms !important; }

.W10-loader .bg { position: absolute; width: 70px; height: 70px; margin-left: -16px; margin-top: -16px; border-radius: 13px; background-color: transparent; }

.W10-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;
}


@keyframes W10rotate {
  0% {  transform: rotate(225deg); opacity: 1;  animation-timing-function: ease-out; }
  7% { transform: rotate(345deg); animation-timing-function: linear; }
  30% { transform: rotate(455deg); animation-timing-function: ease-in-out; }
  39% { transform: rotate(690deg); animation-timing-function: linear; }
  70% { transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; }
  75% { transform: rotate(945deg); animation-timing-function: ease-out; }
  76% { transform: rotate(945deg); opacity: 0; }
  100% { transform: rotate(945deg); opacity: 0; }
}


.bar { width: 100%; height: 16px;
    background: linear-gradient( to left, #785cba 30%,#b5a7d5 80%, #785cba 100% ) repeat;   background-size: 50% 100%;
    animation-name: moving-gradient !important;  animation-duration: 0.5s !important; animation-iteration-count: infinite !important; animation-timing-function: linear !important;
}

 .W-progress .wbar { width: 100%; xheight: 45px;   height:4px;
   background: linear-gradient( to left, rgba(195, 195, 195, 0.125) 30%,rgba(255, 255, 255, 0.311) 80%, rgba(195, 195, 195, 0.125) 100% ) repeat;  background-size: 50% 100%;  
   animation-name: moving-gradient !important; animation-duration: 1.5s !important; animation-iteration-count: infinite !important; animation-timing-function: linear !important;
}

@keyframes moving-gradient { 0% { background-position: left bottom; } 100% { background-position: right bottom; } }

.W-progress { width: 100%; }
.W-progress { position: absolute; top:40px;  left:0px; background: transparent; z-index:100; border:none; border-radius: unset; }



.W10-container {  position: absolute; top: 50%; left: 50% !important; transform: translate(-50%,-50%) !important; width: 200px;  height: 400px; background:#1C80D3;  }
.W10-container { xposition:relative; xposition: fixed;  max-width: none; width: 100%;  height: 100%; margin-top:-1px; z-index:99999999 !important; background:black ;
display: flex; justify-content: center; align-items: center;
}

x.W10-container { 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;
}


.logo { position: absolute; top: 0%; left: 50%; transform: translate(-50%,0%); margin: auto; display:none; }
.logo #windows { color: #0078d7; font-size: 120px; }

.logo #windows{ background-image: url("/libraries/getfox/html/jwin/asset/img/webte.png");  background-repeat: no-repeat; xbackground:#1C80D3; margin-top:50%;  width:200px; height:150px; background-size: 200px 82px; }


.Jmodal-fullscreen .W10-container .logo {display:block;}

x.loader-container{ background:#1C80D3 !important; position:fixed; top: 0%; top:50px; left: 50%; transform: translate(-50%,0%); margin: auto;  width:100%; height:100%; z-index:9999999999999; overflow:hidden; text-align: center;  
display:block; position:absolute; xheight:800px !important; display: flex; justify-content: center; align-items: center;
 
}

x.loader-container{ xposition:fixed; top: 0%; top:50px; xleft: 50%; transform: translate(-50%,0%); margin: auto;  width:100%; height:100%; z-index:9999999999999; overflow:hidden; text-align: center;  
position: absolute; top: 50%; left: 50% !important; transform: translate(-50%,-50%) !important; xwidth: 200px;  xheight: 400px; background:#1C80D3; background:black; display: flex; justify-content: center; align-items: center;
 width:100%;  height:10%;
}

.loader-container{ margin-top:10px; }

x.W10loader { position: absolute; bottom: 0%; top: 0%; left: 40%; transform: translate(-50%,-50%); width: 50px; height: 50px; margin: auto; transform: scale(0.8); z-index:99999999; }
.W10loader {  width: 50px; height: 50px; margin: auto; transform: scale(1.0); z-index:99999999; }


.W10loader .w-circle { position: absolute; top:0px;  width: 38px; height: 38px; opacity: 0; transform: rotate(225deg); animation-iteration-count: infinite !important;
  animation-name: W10-rotate !important;
  animation-duration: 4.8s !important;
}

.W10loader .w-circle:after { content: ''; position: absolute;  width: 4px; height: 4px; border-radius: 50%; background: #fff; border: 1px white solid; box-shadow: 0 0 1px #0078d7; }
.W10loader .w-circle:nth-child(2) { animation-delay: 240ms !important; }
.W10loader .w-circle:nth-child(3) { animation-delay: 480ms !important; }
.W10loader .w-circle:nth-child(4) { animation-delay: 720ms !important; }
.W10loader .w-circle:nth-child(5) { animation-delay: 960ms !important; }
.W10loader .bg { position: absolute; width: 70px; height: 70px; margin-left: -16px; margin-top: -16px; border-radius: 13px; background-color: transparent; }
@keyframes W10-rotate {
  0% {  transform: rotate(225deg);  opacity: 1; animation-timing-function: ease-out !important; }
  7% {  transform: rotate(345deg); animation-timing-function: linear !important; }
  30% { transform: rotate(455deg); animation-timing-function: ease-in-out !important; }
  39% { transform: rotate(690deg);  animation-timing-function: linear !important; }
  70% { transform: rotate(815deg); opacity: 1;  animation-timing-function: ease-out !important; }
  75% { transform: rotate(945deg);  animation-timing-function: ease-out !important; }
  76% { transform: rotate(945deg); opacity: 0; }
  100% { transform: rotate(945deg);  opacity: 0; }
}


.W10-loader-title{color:rgb(255,255,255); font-family:Georgia; font-size:16px; font-style:italic; color:#0459A8 ; }

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




:root {
 --ana-renk: green;	
 --ndef-width: 480px;
 --mp-def-width: 100%;
  --color: black;
  --fulw : 47px;
}



span.enabler[aria-checked="true"] .toggle { background: #3d85c6 !important; }
span.enabler[aria-checked="false"] .toggle { background: #cc0000 !important; }





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;}

x.menucont{width: 100%; min-width: var(--mp-width); }

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



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


x.mp-menu-toggle { display: block; visibility: visible; position: absolute;
  top: 10rem  !important; 
  left: unset !important; 
 
  z-index: 10;
  line-height: 1;
  _right:0.7rem !important; 
  _left: inherit !important; 
  _right: 2rem !important; 
  _left: 5px !important; 
  
  right:0px !important;
top:5px !important; margin:0px; padding:0px; z-index:1000000000000000 !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; }
.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;}


.JModal.modal-nav .nano .nano-pane   { xbackground: #888; margin-right:-1px !important; }

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)}
	
@charset "UTF-8";

.list {
  width: 14.375rem;
  font-size: 0.9375rem;
}
.list .list-hidden {
  display: none;
  overflow: hidden;
  padding: 0.625rem 0 0.625rem 1.5625rem;
}
.list .list-hidden .list-hidden {
  padding-left: 0.75rem;
}
.list-hidden .list-link {
  line-height: 1.875rem;
}
.list-item {
  padding: 0;
  margin-top: 0.625rem;
  line-height: 2.25rem;
}
.list-title {
  margin-bottom: 0;
  margin-left: 1.0625rem;
  letter-spacing: 0.0625rem;
  font-size: 0.75rem;
}
.list-link {
  display: block;
  padding: 0 0.625rem 0 1.1875rem;
  margin: 0;
  text-decoration: none;
}
.list-link:hover .fa,
.list-link:hover .fas,
.list-link:hover .far,
.list-link:hover .fal,
.list-link:hover .fad,
.list-link:hover .fab {
  animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  backface-visibility: hidden;
  transform-origin: top right;
}
@keyframes bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  75% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}
.list-icon {
  width: 1.5625rem;
  display: inline-block;
}
.list .link-current {
  font-weight: 600;
}

.link-arrow:before {
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  margin-right: 0.3125rem;
  float: right;
}

.link-arrow.up:before {
  content: "\f105";
}

.link-arrow.down:before {
  content: "\f107";
}

.link-arrow.transition:before {
  transition: 0.2s all;
}

.link-arrow.rotate:before {
  transform: rotate(90deg);
}

.link-arrow.rotate-revert:before {
  transform: rotate(-90deg);
}

.scrollbar {
  width: 14.375rem;
  overflow: hidden;
  position: relative;
}
.scrollbar-not-navbar {
  height: 100vh;
}
.scrollbar-use-navbar {
  height: calc(100vh - 3.5rem);
}

.ps__rail-y {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus .ps__thumb-y,
.ps__rail-y:hover .ps__thumb-y,
.ps__thumb-y {
  width: 0.3125rem;
}

.nanobar {
  width: 100%;
  height: 0.125rem;
  z-index: 9999;
  top: 0;
}
.nanobar .bar {
  width: 0;
  height: 100%;
  transition: height 0.3s;
  background-color: #212529;
}

.list-bg-white {
  color: #b3b3b3;
}

.list-bg-white .list-link {
  color: #858585;
}

.list-bg-white .link-current,
.list-bg-white .list-link:hover,
.list-bg-white .link-current:hover {
  color: #1f1f1f;
}

.list-bg-white .list-hidden {
  background-color: #f2f4f6;
}

.list-bg-white .list-hidden .list-link {
  color: #424242;
  opacity: 0.6;
}

.list-bg-white .list-hidden .link-current,
.list-bg-white .list-hidden .link-current:hover,
.list-bg-white .list-hidden .list-link:hover {
  color: #1f1f1f;
  opacity: 1;
}

.list-bg-white .link-arrow:before {
  opacity: 0.3;
}

.list-bg-white .link-arrow.active:before {
  opacity: 1;
}

.list-bg-white .list-link .fa,
.list-bg-white .list-link .fas,
.list-bg-white .list-link .far,
.list-bg-white .list-link .fal,
.list-bg-white .list-link .fad,
.list-bg-white .list-link .fab {
  color: #b8b8b8;
}

.list-bg-white .list-link.link-current .fa,
.list-bg-white .list-link:hover .fa,
.list-bg-white .list-link.link-current .fas,
.list-bg-white .list-link:hover .fas,
.list-bg-white .list-link.link-current .far,
.list-bg-white .list-link:hover .far,
.list-bg-white .list-link.link-current .fal,
.list-bg-white .list-link:hover .fal,
.list-bg-white .list-link.link-current .fad,
.list-bg-white .list-link:hover .fad,
.list-bg-white .list-link.link-current .fab,
.list-bg-white .list-link:hover .fab {
  color: #1f1f1f;
}

.sidebar-user-bg-white {
  background-color: #f2f4f6;
}

.sidebar-user-bg-white .sidebar-user-link {
  color: #858585;
}

.sidebar-user-bg-white .sidebar-user-link:hover {
  color: #1f1f1f;
}

.scrollbar-bg-white .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-white .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-white .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-white .ps__thumb-y {
  background-color: #d6d6d6;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-light {
  color: #9fadba;
}

.list-bg-light .list-link {
  color: #6a7f94;
}

.list-bg-light .link-current,
.list-bg-light .list-link:hover,
.list-bg-light .link-current:hover {
  color: #15191d;
}

.list-bg-light .list-hidden {
  background-color: #f2f4f6;
}

.list-bg-light .list-hidden .list-link {
  color: #323c46;
  opacity: 0.6;
}

.list-bg-light .list-hidden .link-current,
.list-bg-light .list-hidden .link-current:hover,
.list-bg-light .list-hidden .list-link:hover {
  color: #15191d;
  opacity: 1;
}

.list-bg-light .link-arrow:before {
  opacity: 0.3;
}

.list-bg-light .link-arrow.active:before {
  opacity: 1;
}

.list-bg-light .list-link .fa,
.list-bg-light .list-link .fas,
.list-bg-light .list-link .far,
.list-bg-light .list-link .fal,
.list-bg-light .list-link .fad,
.list-bg-light .list-link .fab {
  color: #a5b2bf;
}

.list-bg-light .list-link.link-current .fa,
.list-bg-light .list-link:hover .fa,
.list-bg-light .list-link.link-current .fas,
.list-bg-light .list-link:hover .fas,
.list-bg-light .list-link.link-current .far,
.list-bg-light .list-link:hover .far,
.list-bg-light .list-link.link-current .fal,
.list-bg-light .list-link:hover .fal,
.list-bg-light .list-link.link-current .fad,
.list-bg-light .list-link:hover .fad,
.list-bg-light .list-link.link-current .fab,
.list-bg-light .list-link:hover .fab {
  color: #15191d;
}

.sidebar-user-bg-light {
  background-color: #f2f4f6;
}

.sidebar-user-bg-light .sidebar-user-link {
  color: #6a7f94;
}

.sidebar-user-bg-light .sidebar-user-link:hover {
  color: #15191d;
}

.scrollbar-bg-light .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-light .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-light .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-light .ps__thumb-y {
  background-color: #c8d0d8;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-dark {
  color: #7a8793;
}

.list-bg-dark .list-link {
  color: #adb4bc;
}

.list-bg-dark .link-current,
.list-bg-dark .list-link:hover,
.list-bg-dark .link-current:hover {
  color: white;
}

.list-bg-dark .list-hidden {
  background-color: #3b4248;
}

.list-bg-dark .list-hidden .list-link {
  color: #f6f7f8;
  opacity: 0.6;
}

.list-bg-dark .list-hidden .link-current,
.list-bg-dark .list-hidden .link-current:hover,
.list-bg-dark .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-dark .link-arrow:before {
  opacity: 0.3;
}

.list-bg-dark .link-arrow.active:before {
  opacity: 1;
}

.list-bg-dark .list-link .fa,
.list-bg-dark .list-link .fas,
.list-bg-dark .list-link .far,
.list-bg-dark .list-link .fal,
.list-bg-dark .list-link .fad,
.list-bg-dark .list-link .fab {
  color: #74818e;
}

.list-bg-dark .list-link.link-current .fa,
.list-bg-dark .list-link:hover .fa,
.list-bg-dark .list-link.link-current .fas,
.list-bg-dark .list-link:hover .fas,
.list-bg-dark .list-link.link-current .far,
.list-bg-dark .list-link:hover .far,
.list-bg-dark .list-link.link-current .fal,
.list-bg-dark .list-link:hover .fal,
.list-bg-dark .list-link.link-current .fad,
.list-bg-dark .list-link:hover .fad,
.list-bg-dark .list-link.link-current .fab,
.list-bg-dark .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-dark {
  background-color: #3b4248;
}

.sidebar-user-bg-dark .sidebar-user-link {
  color: #adb4bc;
}

.sidebar-user-bg-dark .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-dark .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-dark .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-dark .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-dark .ps__thumb-y {
  background-color: #6f7c89;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-blue {
  color: #7cb1fe;
}

.list-bg-blue .list-link {
  color: #e1edff;
}

.list-bg-blue .link-current,
.list-bg-blue .list-link:hover,
.list-bg-blue .link-current:hover {
  color: white;
}

.list-bg-blue .list-hidden {
  background-color: #0262ef;
}

.list-bg-blue .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-blue .list-hidden .link-current,
.list-bg-blue .list-hidden .link-current:hover,
.list-bg-blue .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-blue .link-arrow:before {
  opacity: 0.3;
}

.list-bg-blue .link-arrow.active:before {
  opacity: 1;
}

.list-bg-blue .list-link .fa,
.list-bg-blue .list-link .fas,
.list-bg-blue .list-link .far,
.list-bg-blue .list-link .fal,
.list-bg-blue .list-link .fad,
.list-bg-blue .list-link .fab {
  color: #9bc3fe;
}

.list-bg-blue .list-link.link-current .fa,
.list-bg-blue .list-link:hover .fa,
.list-bg-blue .list-link.link-current .fas,
.list-bg-blue .list-link:hover .fas,
.list-bg-blue .list-link.link-current .far,
.list-bg-blue .list-link:hover .far,
.list-bg-blue .list-link.link-current .fal,
.list-bg-blue .list-link:hover .fal,
.list-bg-blue .list-link.link-current .fad,
.list-bg-blue .list-link:hover .fad,
.list-bg-blue .list-link.link-current .fab,
.list-bg-blue .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-blue {
  background-color: #0262ef;
}

.sidebar-user-bg-blue .sidebar-user-link {
  color: #e1edff;
}

.sidebar-user-bg-blue .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-blue .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-blue .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-blue .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-blue .ps__thumb-y {
  background-color: #c3dbff;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-purple {
  color: #af96dd;
}

.list-bg-purple .list-link {
  color: #ded4f1;
}

.list-bg-purple .link-current,
.list-bg-purple .list-link:hover,
.list-bg-purple .link-current:hover {
  color: white;
}

.list-bg-purple .list-hidden {
  background-color: #643ab0;
}

.list-bg-purple .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-purple .list-hidden .link-current,
.list-bg-purple .list-hidden .link-current:hover,
.list-bg-purple .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-purple .link-arrow:before {
  opacity: 0.3;
}

.list-bg-purple .link-arrow.active:before {
  opacity: 1;
}

.list-bg-purple .list-link .fa,
.list-bg-purple .list-link .fas,
.list-bg-purple .list-link .far,
.list-bg-purple .list-link .fal,
.list-bg-purple .list-link .fad,
.list-bg-purple .list-link .fab {
  color: #c1aee4;
}

.list-bg-purple .list-link.link-current .fa,
.list-bg-purple .list-link:hover .fa,
.list-bg-purple .list-link.link-current .fas,
.list-bg-purple .list-link:hover .fas,
.list-bg-purple .list-link.link-current .far,
.list-bg-purple .list-link:hover .far,
.list-bg-purple .list-link.link-current .fal,
.list-bg-purple .list-link:hover .fal,
.list-bg-purple .list-link.link-current .fad,
.list-bg-purple .list-link:hover .fad,
.list-bg-purple .list-link.link-current .fab,
.list-bg-purple .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-purple {
  background-color: #643ab0;
}

.sidebar-user-bg-purple .sidebar-user-link {
  color: #ded4f1;
}

.sidebar-user-bg-purple .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-purple .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-purple .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-purple .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-purple .ps__thumb-y {
  background-color: #d8ccee;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-pink {
  color: #e990bc;
}

.list-bg-pink .list-link {
  color: #f5cce0;
}

.list-bg-pink .link-current,
.list-bg-pink .list-link:hover,
.list-bg-pink .link-current:hover {
  color: white;
}

.list-bg-pink .list-hidden {
  background-color: #c72877;
}

.list-bg-pink .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-pink .list-hidden .link-current,
.list-bg-pink .list-hidden .link-current:hover,
.list-bg-pink .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-pink .link-arrow:before {
  opacity: 0.3;
}

.list-bg-pink .link-arrow.active:before {
  opacity: 1;
}

.list-bg-pink .list-link .fa,
.list-bg-pink .list-link .fas,
.list-bg-pink .list-link .far,
.list-bg-pink .list-link .fal,
.list-bg-pink .list-link .fad,
.list-bg-pink .list-link .fab {
  color: #eeaacc;
}

.list-bg-pink .list-link.link-current .fa,
.list-bg-pink .list-link:hover .fa,
.list-bg-pink .list-link.link-current .fas,
.list-bg-pink .list-link:hover .fas,
.list-bg-pink .list-link.link-current .far,
.list-bg-pink .list-link:hover .far,
.list-bg-pink .list-link.link-current .fal,
.list-bg-pink .list-link:hover .fal,
.list-bg-pink .list-link.link-current .fad,
.list-bg-pink .list-link:hover .fad,
.list-bg-pink .list-link.link-current .fab,
.list-bg-pink .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-pink {
  background-color: #c72877;
}

.sidebar-user-bg-pink .sidebar-user-link {
  color: #f5cce0;
}

.sidebar-user-bg-pink .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-pink .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-pink .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-pink .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-pink .ps__thumb-y {
  background-color: #f5cce0;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-red {
  color: #ed959d;
}

.list-bg-red .list-link {
  color: #f9dadd;
}

.list-bg-red .link-current,
.list-bg-red .list-link:hover,
.list-bg-red .link-current:hover {
  color: white;
}

.list-bg-red .list-hidden {
  background-color: #d32535;
}

.list-bg-red .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-red .list-hidden .link-current,
.list-bg-red .list-hidden .link-current:hover,
.list-bg-red .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-red .link-arrow:before {
  opacity: 0.3;
}

.list-bg-red .link-arrow.active:before {
  opacity: 1;
}

.list-bg-red .list-link .fa,
.list-bg-red .list-link .fas,
.list-bg-red .list-link .far,
.list-bg-red .list-link .fal,
.list-bg-red .list-link .fad,
.list-bg-red .list-link .fab {
  color: #f1afb5;
}

.list-bg-red .list-link.link-current .fa,
.list-bg-red .list-link:hover .fa,
.list-bg-red .list-link.link-current .fas,
.list-bg-red .list-link:hover .fas,
.list-bg-red .list-link.link-current .far,
.list-bg-red .list-link:hover .far,
.list-bg-red .list-link.link-current .fal,
.list-bg-red .list-link:hover .fal,
.list-bg-red .list-link.link-current .fad,
.list-bg-red .list-link:hover .fad,
.list-bg-red .list-link.link-current .fab,
.list-bg-red .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-red {
  background-color: #d32535;
}

.sidebar-user-bg-red .sidebar-user-link {
  color: #f9dadd;
}

.sidebar-user-bg-red .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-red .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-red .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-red .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-red .ps__thumb-y {
  background-color: #f7d1d5;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-orange {
  color: #fec18d;
}

.list-bg-orange .list-link {
  color: #ffe7d4;
}

.list-bg-orange .link-current,
.list-bg-orange .list-link:hover,
.list-bg-orange .link-current:hover {
  color: white;
}

.list-bg-orange .list-hidden {
  background-color: #f57102;
}

.list-bg-orange .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-orange .list-hidden .link-current,
.list-bg-orange .list-hidden .link-current:hover,
.list-bg-orange .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-orange .link-arrow:before {
  opacity: 0.3;
}

.list-bg-orange .link-arrow.active:before {
  opacity: 1;
}

.list-bg-orange .list-link .fa,
.list-bg-orange .list-link .fas,
.list-bg-orange .list-link .far,
.list-bg-orange .list-link .fal,
.list-bg-orange .list-link .fad,
.list-bg-orange .list-link .fab {
  color: #fecca2;
}

.list-bg-orange .list-link.link-current .fa,
.list-bg-orange .list-link:hover .fa,
.list-bg-orange .list-link.link-current .fas,
.list-bg-orange .list-link:hover .fas,
.list-bg-orange .list-link.link-current .far,
.list-bg-orange .list-link:hover .far,
.list-bg-orange .list-link.link-current .fal,
.list-bg-orange .list-link:hover .fal,
.list-bg-orange .list-link.link-current .fad,
.list-bg-orange .list-link:hover .fad,
.list-bg-orange .list-link.link-current .fab,
.list-bg-orange .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-orange {
  background-color: #f57102;
}

.sidebar-user-bg-orange .sidebar-user-link {
  color: #ffe7d4;
}

.sidebar-user-bg-orange .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-orange .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-orange .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-orange .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-orange .ps__thumb-y {
  background-color: #ffe2ca;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-bg-green {
  color: #36da8e;
}

.list-bg-green .list-link {
  color: #aff0d2;
}

.list-bg-green .link-current,
.list-bg-green .list-link:hover,
.list-bg-green .link-current:hover {
  color: white;
}

.list-bg-green .list-hidden {
  background-color: #177a4c;
}

.list-bg-green .list-hidden .list-link {
  color: white;
  opacity: 0.6;
}

.list-bg-green .list-hidden .link-current,
.list-bg-green .list-hidden .link-current:hover,
.list-bg-green .list-hidden .list-link:hover {
  color: white;
  opacity: 1;
}

.list-bg-green .link-arrow:before {
  opacity: 0.3;
}

.list-bg-green .link-arrow.active:before {
  opacity: 1;
}

.list-bg-green .list-link .fa,
.list-bg-green .list-link .fas,
.list-bg-green .list-link .far,
.list-bg-green .list-link .fal,
.list-bg-green .list-link .fad,
.list-bg-green .list-link .fab {
  color: #50df9d;
}

.list-bg-green .list-link.link-current .fa,
.list-bg-green .list-link:hover .fa,
.list-bg-green .list-link.link-current .fas,
.list-bg-green .list-link:hover .fas,
.list-bg-green .list-link.link-current .far,
.list-bg-green .list-link:hover .far,
.list-bg-green .list-link.link-current .fal,
.list-bg-green .list-link:hover .fal,
.list-bg-green .list-link.link-current .fad,
.list-bg-green .list-link:hover .fad,
.list-bg-green .list-link.link-current .fab,
.list-bg-green .list-link:hover .fab {
  color: white;
}

.sidebar-user-bg-green {
  background-color: #177a4c;
}

.sidebar-user-bg-green .sidebar-user-link {
  color: #aff0d2;
}

.sidebar-user-bg-green .sidebar-user-link:hover {
  color: white;
}

.scrollbar-bg-green .ps__rail-y.ps--clicking .ps__thumb-y,
.scrollbar-bg-green .ps__rail-y:focus .ps__thumb-y,
.scrollbar-bg-green .ps__rail-y:hover .ps__thumb-y,
.scrollbar-bg-green .ps__thumb-y {
  background-color: #b7f2d7;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-blue .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-blue .list-hidden .link-current,
.list-icon-blue .list-hidden .link-current:hover,
.list-icon-blue .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-blue .link-arrow:before {
  opacity: 0.3;
}

.list-icon-blue .link-arrow.active:before {
  opacity: 1;
}

.list-icon-blue .list-link.link-current .fa,
.list-icon-blue .list-link:hover .fa,
.list-icon-blue .list-link.link-current .fas,
.list-icon-blue .list-link:hover .fas,
.list-icon-blue .list-link.link-current .far,
.list-icon-blue .list-link:hover .far,
.list-icon-blue .list-link.link-current .fal,
.list-icon-blue .list-link:hover .fal,
.list-icon-blue .list-link.link-current .fad,
.list-icon-blue .list-link:hover .fad,
.list-icon-blue .list-link.link-current .fab,
.list-icon-blue .list-link:hover .fab {
  color: #267dfd;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-purple .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-purple .list-hidden .link-current,
.list-icon-purple .list-hidden .link-current:hover,
.list-icon-purple .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-purple .link-arrow:before {
  opacity: 0.3;
}

.list-icon-purple .link-arrow.active:before {
  opacity: 1;
}

.list-icon-purple .list-link.link-current .fa,
.list-icon-purple .list-link:hover .fa,
.list-icon-purple .list-link.link-current .fas,
.list-icon-purple .list-link:hover .fas,
.list-icon-purple .list-link.link-current .far,
.list-icon-purple .list-link:hover .far,
.list-icon-purple .list-link.link-current .fal,
.list-icon-purple .list-link:hover .fal,
.list-icon-purple .list-link.link-current .fad,
.list-icon-purple .list-link:hover .fad,
.list-icon-purple .list-link.link-current .fab,
.list-icon-purple .list-link:hover .fab {
  color: #7e55c7;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-pink .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-pink .list-hidden .link-current,
.list-icon-pink .list-hidden .link-current:hover,
.list-icon-pink .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-pink .link-arrow:before {
  opacity: 0.3;
}

.list-icon-pink .link-arrow.active:before {
  opacity: 1;
}

.list-icon-pink .list-link.link-current .fa,
.list-icon-pink .list-link:hover .fa,
.list-icon-pink .list-link.link-current .fas,
.list-icon-pink .list-link:hover .fas,
.list-icon-pink .list-link.link-current .far,
.list-icon-pink .list-link:hover .far,
.list-icon-pink .list-link.link-current .fal,
.list-icon-pink .list-link:hover .fal,
.list-icon-pink .list-link.link-current .fad,
.list-icon-pink .list-link:hover .fad,
.list-icon-pink .list-link.link-current .fab,
.list-icon-pink .list-link:hover .fab {
  color: #da4891;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-red .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-red .list-hidden .link-current,
.list-icon-red .list-hidden .link-current:hover,
.list-icon-red .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-red .link-arrow:before {
  opacity: 0.3;
}

.list-icon-red .link-arrow.active:before {
  opacity: 1;
}

.list-icon-red .list-link.link-current .fa,
.list-icon-red .list-link:hover .fa,
.list-icon-red .list-link.link-current .fas,
.list-icon-red .list-link:hover .fas,
.list-icon-red .list-link.link-current .far,
.list-icon-red .list-link:hover .far,
.list-icon-red .list-link.link-current .fal,
.list-icon-red .list-link:hover .fal,
.list-icon-red .list-link.link-current .fad,
.list-icon-red .list-link:hover .fad,
.list-icon-red .list-link.link-current .fab,
.list-icon-red .list-link:hover .fab {
  color: #e04b59;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-orange .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-orange .list-hidden .link-current,
.list-icon-orange .list-hidden .link-current:hover,
.list-icon-orange .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-orange .link-arrow:before {
  opacity: 0.3;
}

.list-icon-orange .link-arrow.active:before {
  opacity: 1;
}

.list-icon-orange .list-link.link-current .fa,
.list-icon-orange .list-link:hover .fa,
.list-icon-orange .list-link.link-current .fas,
.list-icon-orange .list-link:hover .fas,
.list-icon-orange .list-link.link-current .far,
.list-icon-orange .list-link:hover .far,
.list-icon-orange .list-link.link-current .fal,
.list-icon-orange .list-link:hover .fal,
.list-icon-orange .list-link.link-current .fad,
.list-icon-orange .list-link:hover .fad,
.list-icon-orange .list-link.link-current .fab,
.list-icon-orange .list-link:hover .fab {
  color: #fd8c2d;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.list-icon-green .list-hidden .list-link {
  opacity: 0.6;
}

.list-icon-green .list-hidden .link-current,
.list-icon-green .list-hidden .link-current:hover,
.list-icon-green .list-hidden .list-link:hover {
  opacity: 1;
}

.list-icon-green .link-arrow:before {
  opacity: 0.3;
}

.list-icon-green .link-arrow.active:before {
  opacity: 1;
}

.list-icon-green .list-link.link-current .fa,
.list-icon-green .list-link:hover .fa,
.list-icon-green .list-link.link-current .fas,
.list-icon-green .list-link:hover .fas,
.list-icon-green .list-link.link-current .far,
.list-icon-green .list-link:hover .far,
.list-icon-green .list-link.link-current .fal,
.list-icon-green .list-link:hover .fal,
.list-icon-green .list-link.link-current .fad,
.list-icon-green .list-link:hover .fad,
.list-icon-green .list-link.link-current .fab,
.list-icon-green .list-link:hover .fab {
  color: #1d9d61;
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
  background: none;
}

.sidebar-bg-dark-gradient {
  background: #343a40;
  background: linear-gradient(0, #343a40 0%, rgba(52, 58, 64, 0.9) 100%);
}

.sidebar-bg-white-gradient {
  background: white;
  background: linear-gradient(0, white 0%, rgba(255, 255, 255, 0) 100%);
}




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 ;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 .action {  xtransform: scale(1);  }
.modal-open .jwin .action, .modal-open .jwin .nano-pane , .modal-open .jwin .g4-column{ xtransform: scale(0); }

.jwin { position:absolute; }
.modal-open .jwin {  position: sticky !important; }




.jwin {position:absolute; direction:ltr; background:rgba(255,255,255,0.73);  }
.jwin .mceWrapper {position:static; xuser-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 .Htmlview  .Jwin-content, .win-Ajax .Jwin-content{ display:block; }
 .ajax-log .Jwin-content{ display:block; }

.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 .Jbtn { 
   xfont-family: "FontAwesome", "Font Awesome 5 Free", "getfox" ;

}

 [class^="jwin"]:before, [class*=" jwin"]:before {
   xfont-family: "FontAwesome", "Font Awesome 5 Free", "getfox" ;
   }

x.jwin .Full:after{ content: '\e81c'; _content: '\e86a';  font-size:18px;  }
x.jwin .Full {color:rgba(243, 243, 243, 0.60); right:148px;  margin-right:0px; top:0; _margin:8px;  xheight:60px; xwidth:45px;}

.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; _z-index: 3000002 !important;}
.jwin .ResizeNE {top:0; right:0; cursor:ne-resize; _z-index: 3000002 !important;}

.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:38px; bottom:0px; left:0; width:100%; cursor:s-resize}
.jwin .ResizeSW {bottom:0px; left:0; cursor:sw-resize}
.jwin .ResizeSE {bottom:0px; 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}



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

x.Jfade:not( .jwinShow ) { opacity: 0; }
x.Jfade .mceWrapper { position: relative; width: auto;  }

x.jwin.Jfade .mceWrapper { transition: transform 0.3s ease-out; transition: transform 0.3s ease-out,  transform 0.3s ease-out; }

x.jwin{margin-top:100px;  xtransform: translateY(-20%) ;  }


.jwin.Jfade{ opacity: 0; animation-delay: 0.5s; animation: WinfadeIn 0.4s ease-in both !important; transition: width 0.1s ease;  }	
 .jwin.JfadeHide {  opacity: 0; animation-delay: 1s; animation: Winfadeot 0.4s ease-in both !important; transition: width 0.1s ease; }
 
@keyframes WinfadeIn {
	from {
	xtransform: translateY(-50%);
	
	xtransition: transform 0.3s ease-out; transition: transform 0.3s ease-out,  transform 0.3s ease-out; 
		opacity: 0;  xtransform: translate3d(0, -60%, 0);
		 transform: translateY(-10%);
		
	}
	to {
	xtransition: transform 0.3s ease-out; transition: transform 0.3s ease-in,  transform 0.3s ease-in; 
	transform: translateY(0);
		opacity: 1; xtransform: translate3d(0, 0, 0);
		 transform: translateY(0%);
		
	}
}


@keyframes Winfadeot {
	from {
	opacity: 1; transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0; transform: translate3d(0, -60%, 0);
	}
}






.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;}


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

.nano { position : relative; width: 100%; height: 100%; overflow: hidden;  position   : sticky; }
.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:1;
  
  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; }

.zl-scrollBarBox{ height:100%; position:absolute;  background:#f3f3f3;}
.zl-scrollBar{ position:absolute; left:0; top:0; xbackground:#848484; transition:background 0.3s;}

.zl-scrollBar.zl-verticalBar{ min-height:10px;}
.zl-scrollBar.zl-horizontalBar{ min-width:10px;}

.zl-scrollBar:hover{
    background:#000;
	 background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgb(148, 148, 148)), color-stop(1, rgb(171, 171, 171)) );
}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;
}



.zl-scrollBarBox{
  background : rgba(0,0,0,.25);
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
  border-radius         : 8px;
  z-index:0;
  
  xright:1.5px; xbottom:5px;  xmargin-top:-1px; margin-right:10px; xpadding:4px;
  background-color:#4B4B4B; 
  background : rgba(0,0,0,.25);
  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%);
	 
}


.zl-scrollBar{
  background:#000;
  background: rgba(0,0,0,.20);
xwidth:7px !important;
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgb(164, 165, 166)), color-stop(1, rgb(187, 188, 189)) );
	xbackground-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgb(218,220,223)), color-stop(1, rgb(170,174,178)) );
	xbackground-image: -moz-linear-gradient( center right, rgb(170,174,178) 0%, rgb(218,220,223) 100% ); 
	

}