body {
  background:none repeat scroll 0 0 black;
  font-size:14px;
  font-family:Arial,sans-serif;
  color:white; 
  line-height: 2;    
}

#ContentPlaceHolder1_Image3 {
	display: none !important;
}

#imageTemp { position: absolute; top: 1px; left: 1px; }


.butdream{
    background-color:white;
	font-size:11px;
	height:23px;
	font-weight:bold;

}

.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
 
.tablepaito td  {
  border: 1px solid white;
}

.tablepaito {
  width: 100%;
  border-collapse: collapse;
  text-align:center;
}


.navbar {
  overflow: hidden;
  background-color: #fe880a;   
  font-family: 'Arial'; 
	
 }
 
 



.navbar a {    
  color: white;
  display: inline-block; 
  font-size: 12px;
  width:19.5%; 
  font-weight: bold; 
  text-align: center;    
  height:35px;   
}

.buttonr {
  text-decoration: none;
  background-color: #fe880a;
  border: 2px solid black;
  color: black;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight:bold; 
  transition: 0.35s;
  padding-top:3px;   
  height:28px; 
  
}
.buttonr:hover {
  text-decoration: none;
  background-color: black;
  border-color: white;
  color: white;
}

.navbarm {
  overflow: hidden;
  background-color: black;   
  font-family: 'Arial';  
	
 }
 
.navbarm a {    
  color: #fe880a;
  display: inline-block;
  font-size: 10px;
  width:19%; 
  font-weight: bold; 
  text-align: center;    
  height:35px; 
}

.buttonrm {
  text-decoration: none;
  background-color: black;
  border: 2px solid white;
  color: #fe880a;
  display: inline-block;
  width: 80px;
  font-size: 10px;
  font-weight:bold; 
  transition: 0.35s; 
}
.buttonrm:hover {
  text-decoration: none;
  background-color: black;
  border-color: white;
  color: white;
}

.sidenav {
  height: 100%;
  width: 0;
  top:0;
  position: fixed;
  z-index: 12; 
  left: 0;
  background-color: black;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  
}

.sidebar {
  overflow: hidden;
  background-color:black;   
  font-family: 'Arial';   
  height:5000px;  
 }
 
 
.sidebar a {    
  color: white;
  display: inline-block;
  font-size: 12px; 
  width:170px;   
  text-align: left;  
  height:18px;
}

.sidebarm {
  overflow: hidden;
  background-color:black;   
  font-family: 'Arial';   
  height:5000px;  
 }
 
 
.sidebarm a {    
  color: white;
  display: inline-block;
  font-size: 12px; 
  width:170px;   
  text-align: left;  
  height:13px;
}

.sidebartop {
  overflow: hidden;
  background-color:black;   
  font-family: 'Arial';   
  height:140px;
 }
 
 
.sidebartop a {    
  color: white;
  display: inline-block;
  font-size: 12px; 
  width:170px; 
  font-weight: bold; 
  text-align: left;  
  height:30px;
  padding-top:3px;
}
.sidebartopm {
  overflow: hidden;
  background-color:black;   
  font-family: 'Arial';   
  height:120px;
 }
 
 
.sidebartopm a {    
  color: white;
  display: inline-block;
  font-size: 12px; 
  width:170px; 
  font-weight: bold; 
  text-align: left;  
  height:28px;
  padding-top:2px;
}


.buttonsb {
  text-decoration: none;
  background-color: #3c3a3a; 
  color: white;
  display: inline-block;
  font-size: 14px;
  width: 170px; 
  transition: 0.35s; 
  height:28px;	
  margin-top:2px;
}
.buttonsb:hover {
  text-decoration: none;
  background-color: black; 
  color: white;
}


.buttons {
  text-decoration: none;
  background-color: #3c3a3a; 
  color: white;
  display: inline-block;
  font-size: 12px;
  width: 170px; 
  transition: 0.35s; 
  height:25px;	
  margin-top:1px;
}
.buttons:hover {
  text-decoration: none;
  background-color: black; 
  color: white;
}

.buttonsbm {
  text-decoration: none;
  background-color: #3c3a3a; 
  color: white;
  display: inline-block;
  font-size: 14px;
  width: 170px; 
  transition: 0.35s; 
  height:32px;	 
}
.buttonsbm:hover {
  text-decoration: none;
  background-color: black; 
  color: white;
}


.buttonsm {
  text-decoration: none;
  background-color: #3c3a3a; 
  color: white;
  display: inline-block;
  font-size: 12px;
  width: 170px; 
  transition: 0.35s; 
  height:28px;	
  margin-top:0px; 
  padding-top:2px; 
}
.buttonsm:hover {
  text-decoration: none;
  background-color: black; 
  color: white;
}

.responsive{width:100%}


.canvas {
 box-shadow : -3px 2px 9px 6px black; 
 cursor:pointer;

}


 

.tools {
   display:flex;
   justify-content:center;
   flex-direction:row;
   margin-top:15px;
}

 
.tools .color-field {
height:30px;
width:30px; 
cursor:pointer;
display:inline-block;
box-sizing: border-box; 
border : 2px solid white;
align-self:center;
}

.tools .button{
align-self:center;
width:30px;
height:30px;
border : 2px solid white;
cursor:pointer;
color:white;
background: #222;
font-weight:bold;
margin: 0 1px;

}

.color-picker {
align-self:center;
margin: 0 10px;
height:50px;

}


.pen-range {
align-self:center;
margin: 0 10px;
}

ul li{
    list-style-type: none; 
	margin-left:-42px;
    transition: .4s;

}
.responsive{width:100%}


.canvas {
 box-shadow : -3px 2px 9px 6px black; 
 cursor:pointer;

}


 

.tools {
   display:flex;
   justify-content:center;
   flex-direction:row;
   margin-top:15px;
}

 
.tools .color-field {
height:30px;
width:30px; 
cursor:pointer;
display:inline-block;
box-sizing: border-box; 
border : 2px solid white;
align-self:center;
}

.tools .button{
align-self:center;
width:30px;
height:30px;
border : 2px solid white;
cursor:pointer;
color:white;
background: #222;
font-weight:bold;
margin: 0 1px;

}

.color-picker {
align-self:center;
margin: 0 10px;
height:50px;

}


.pen-range {
align-self:center;
margin: 0 10px;
}

ul li{
    list-style-type: none; 
	margin-left:-42px;
    transition: .4s;

}

.navbar-2 {
  overflow: hidden;
  background-color: transparent;   
  font-family: 'CopperplateGothic-Bold';  
  padding-top:5px;
  
 
 }
 
 

.navbar-2 a {
  margin:0 auto;
  font-size: 13px;
  color: white;
  text-align: center; 
  text-decoration: none;
  
}
 

.navbar-2 a:hover, .subnav:hover .subnavbtn {
  background-color:  #fe880a;
}

.menubar-2
{
	border: 1px solid white;   
}
.menubar-2-l
{
	border: 1px solid white;    
} 


.menubar-2-r
{
	border: 1px solid white;   
}

.ball {
    height: 30px;
    width:  30px;
	float: left;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    color : black;
    font-size: 16px; 
    font-weight: bold;
    text-align: center;  
    background-image:url(../images/ball.png);
   
}