html,body {	
background-color:#022a42;	 
margin:0;
padding:0;	
   overflow:hidden;
}
#logo
{
	position:fixed;
	color:white;
	font-size:15px;
	margin-left:5%;
	bottom:10px;
}
[acc-id="main-container"] 
{
width:100%; 
margin:auto;
  
}
[acc-id="act-container"]
{
	
	width: 80%;
	margin:auto;
	clear: both;
	text-align: center;
	margin-top:80px;
}
[acc-id="alldropMain-container"]
{
	 display: inline-block;
    vertical-align: top;
}
[acc-id="dropall-box"],[acc-id="dropall-box-vertical"]
{
	margin:auto;	 
	border: 5px solid white;	 
	position: relative;	 
	display: table;
}
 

.drop-container-vertical
{
	   
}
 [acc-id="dropMain-container"]
 {position:relative;
 display:inline-block;
 vertical-align:top;
 margin-top: 0px;
 margin-left:15px;
}
[acc-id="dragMain-container"]
{
display:inline-block; 
margin-top: 0px; 
margin-left: 5%;
}
[acc-id="drag-container"]
{
	position:relative;
	cursor:pointer;
	width: 80px;
}
[acc-id="drop-container"] 
{
   border: 1px solid white; 
   display: table-cell;
   width: 100px;
   height: 100px;
}
[acc-id="dropbox-container"]
{
    width: 80%;
    margin: auto;
    position: relative;
    height: 80%;
	top:10%;
}
[acc-id="resetall"]
{
	cursor:pointer;
	width: 100px;
	float: right;
	margin-right: 158px;
	margin-top: 50px;
}
.yellow-circle
{
	position:relative;
	top:20px;
}
[acc-id="nav-container"]
{
	display: inline-block;
	position: relative;
	top: 30px;
	
	text-align: right;
	width: 100%;
	opacity: 1;
}
[acc-id="rotateDiv"], [acc-id="addTable"], [acc-id="removeTable"]
{
	    width: 35px;
	    display: inline-block;
	    margin-right: 16px;
	    margin-top: 11px;
		cursor:pointer;
}
#remove
  {
	  display:none;
  }
#firstDropBox, #sixDropBox
{
	margin-left:0.5%;
	    border-left: none;;
}

#fiveDropBox, #tenDropBox
{	 
	    border-right: none;;
}
.boxborder
{
	display: table;
}
 #firstVerticalDropCont , #secondVerticalDropCont
 {
	display:none;
}
.drop-container-vertical>div
{
}
#secondDropCont
{
	display:none;
	margin-top:20px;
}
.rotateFirstTable {
	display:inline-block!important;
}
.rotateSecondTable
{
  	display:inline-block!important;
} 
 @media only screen and (max-width : 850px) {
	 
 
  [acc-id="act-container"] {
    width: 95%;
 }
 
 [acc-id="drag-container"] {
    width: 63px;
}
[acc-id="drop-container"] {
    width: 80px;
    height: 80px;
}
 }  
 
 @media only screen and (max-width : 667px) {
 
 [acc-id="drag-container"] {
    width: 55px;
}
[acc-id="drop-container"] {
    width: 70px;
    height: 70px;
}
 }  
 
 @media only screen and (max-width : 590px) {
 
 [acc-id="drag-container"] {
    width: 48px;
}
[acc-id="drop-container"] {
    width: 60px;
    height: 60px;
}
 }
 
 @media only screen and (max-width : 500px) {
 
  [acc-id="act-container"] {
    width: 98%;
 }
 [acc-id="rotateDiv"], [acc-id="addTable"], [acc-id="removeTable"] {
    width: 20px;
	margin-right:6px;
 }
 
 [acc-id="drag-container"] {
    width: 32px;
}
[acc-id="drop-container"] {
    width: 40px;
    height: 40px;
}
[acc-id="dropall-box"] {
    margin: auto;
    border: 5px solid white;
    position: relative;
    display: table;
}
.yellow-circle {
    position: relative;
    top: 8px;
}
 
 }

 
 @media only screen and (max-width : 350px) {
 
  [acc-id="act-container"] {
    width: 300px;;
 }
 [acc-id="rotateDiv"], [acc-id="addTable"], [acc-id="removeTable"] {
    width: 15px;
	
 }
  [acc-id="addTable"]
  {
	  margin-right:17px;
  }
.yellow-circle {
    position: relative;
    top: 8px;
}
[acc-id="dropMain-container"]
{
	margin-left:0px;
}
[acc-id="dragMain-container"]
{
	margin-left:0px;
}
 }


 
  @media only screen and (max-height : 420px) {
 [acc-id="rotateDiv"], [acc-id="addTable"], [acc-id="removeTable"]{
	 margin-top: 6px;
	     width: 20px;
		 margin-right:6px;
 }
 
  
 
  [acc-id="act-container"] {
    width: 90%;
	margin-top:40px;
 }
 [acc-id="drag-container"] {
    width: 24px;
}
[acc-id="dropall-box"], [acc-id="dropall-box-vertical"]{
	    border: 5px solid white;
}
.yellow-circle {
    position: relative;
    top: 8px;
}
 
[acc-id="drop-container"] {
    width: 30px;
    height: 30px;
}
[acc-id="nav-container"]
{
	top:10px;
}
 }