/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(../style/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(../style/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}





body
{
background:#000000;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:14px;
color:#fff;
margin:0;
padding:0;
}




body.shell
{
	
background-color: #3581A9; 
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#93D2F5), to(#3581A9)); 
background: -webkit-radial-gradient(circle, #93D2F5, #3581A9); 
background: -moz-radial-gradient(circle, #93D2F5, #3581A9); 
background: -ms-radial-gradient(circle, #93D2F5, #3581A9); 
}

input.shell
{
	
background-color: #ffffff; 
color:#000000;
height:30px;
}







input
{
box-sizing:border-box;

height:50px;

background:#000000;
color:white;
border:1px solid #404040;
padding:7px;

border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;

font-family:'Raleway', 'sans-serif';
font-size:16px;

}

select
{
height:60px;

background:#000000;
color:white;
border:1px solid #404040;
padding:5px;

border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;

font-family:'Raleway', 'sans-serif';
font-size:18px;

}


.mastercont
{
width:96%; margin:auto; padding:10px 0px; text-align:center;
}




a
{
text-decoration:none;
}

hr
{
border-color:#202020;
}

.toggle
{
position:relative;
top:-12px;
}






.swiper-container
{
width: 100%;
height: 150px;
margin-left: auto;
margin-right: auto;

border:0px solid white;
}

.swiper-slide 
{
position:relative;
text-align: center;
font-size: 18px;
background: #000000;
align-items: center;

border:0px solid red;
}










.silverbox
{

width:90%;
max-width:800px; 


margin:auto; 

background-color:#f1f1f1; 
clear:both;  
text-align:center; 
border: 1px solid #1d6604; 
overflow: auto;

background:linear-gradient(#ffffff, #c0c0c0);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#c0c0c0));
background:-moz-linear-gradient(#ffffff, #c0c0c0);
background:-o-linear-gradient(#ffffff, #c0c0c0);

-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}











#loader 
{
position:fixed;
left:46%;
top:50%;

border:6px solid #000000;
border-radius:50%;
border-top:6px solid #3498db;
border-bottom:6px solid #3498db;
  
width:60px;
height:60px;

-webkit-animation:spin 1s linear infinite; /* Safari */
animation:spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin
{
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin
{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}






.setting
{
display:inline-block;
width:40%;

line-height:40px;
}

.settingname
{
width:100%;
height:30px;
line-height:30px;
border-top:1px solid grey;border-bottom:1px solid grey;
background:rgba(0,0,255,0.4);

}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  
  border:1px solid white;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: green;
}

input:focus + .slider {
  box-shadow: 0 0 1px green;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



.toggle
{
position:relative;
top:-12px;
color:white;
}


#control
{
margin:auto;
text-align:center;
}








table
{
margin: 0 auto;
}

#tablelist
{
width:100%;
border:solid 1px grey;
text-align:left;
border-collapse:collapse; 
}

#tablelist thead
{
color:white;
background:blue;
}

#tablelist tbody tr
{
border:solid 1px grey;
height:30px;
}

#tableedit tbody tr
{
border:solid 1px grey;
height:30px;

margin: 0 auto;
}








#popupmask
{ 
position:fixed;
top:0; 
left:0; 
background:rgba(0,0,0,0.6);

width:100%; 
height:100%; 
display:none; 
}




#popupdiv
{
position:absolute;
background:rgba(0,0,0,0.9);
top:50%;
left:50%;
width:350px;

height:auto;

margin-left:-200px;
margin-top:-200px;


display:none;
border:1px solid green;
}





#cancel 
{

position:absolute; 
top:3px; 
right:2px; 
background:rgba(245,245,245,0); 
color:white; 
height:30px; 
width:35px; 
font-size:30px; 
text-decoration:none; 
text-align:center; 
font-weight:bold; 
}







hr
{
border-color:#202020;
}










h1 
{
font-family: 'Raleway', 'sans-serif';
font-size: 24px;
color: black;
font-weight: bold;

padding: 0px;
margin: 0px;

display: inline;
}
h2 
{
font-family: 'Raleway', 'sans-serif';
font-size: 16px;
color: black;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}
h3 
{
font-family: 'Raleway', 'sans-serif';
font-size: 10px;
color: black;
font-weight: normal;

padding: 0px;
margin: 0px;

display: inline;
}

.h1w
{
color:white;
}
.h2w
{
color:white;
}
.h3w
{
color:white;
}
.h1g
{
color:#606060;
}
.h2g
{
color:#606060;
}
.h3g
{
color:#606060;
}