#war1{
    color: red;
    display: block;


}
.glyphicon-info-sign{
     color: blue;
     font-size: 150%;
}



/* from Google CSS */
.branding-below {
  bottom: 56px;
  top: 0;
}

.color_row{
 height: 5%;
 width: 90%;


}
.pad{
  height: 800px;  
  width: 800px;
}
.color_row_big{
 height: 3%;
 width: 45%;


}

.tool_label {
    display: inline-block;
    width: 5em;
    color: black;
  }
  
.violet{
 color: #9400D3;   
}

.indigo{
 color: #4B0082;   
}

#ad2{
width: 150px;
height: 600px;
  
    
}

#mainInputTxt{
 min-height:  100px;/* 847.5X 114*/
 min-width:  300px;
    
}
#ad1{
width: 150px;
height: 600px;
  
    
}

#ad3{
    
 clear: right;   
}
#ad4{
 width: 600px;
 height: 50px;
 float: left;
 
    
}
.blue{
     color:#0000FF;   
}

.green{
 color: #00FF00;   
}
.yellow{
 color: #d5b60a;   
}
.orange{
 color: #FF7F00;   
}
.red{
 color: #FF0000;   
}

.broom{
    display:block;
    background-image: url( 'https://github.com/tanyagupta/tanyagupta.github.io/blob/master/images/broom_128.png?raw=true' );
    background-size: cover;
    height: 30px;
    width: 30px;
     border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}

#blue_cloud {
    display:block;
    background-image: url( 'https://github.com/tanyagupta/tanyagupta.github.io/blob/master/images/opentext-cloud-logo-graphic-360x220_clipped.png?raw=true' );
    background-size: cover;
    height: 125px;
    width: 215px;
   
}

.option_text{
    font-size: 150%;
 
    
}
#canvas{
/* 	width:600px;
    height:820px;*/
}



#spin{
  width: 25%;
  
 }
 
 
.sidebar {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  padding-top: 12px;
  position: absolute;
  width: 100%;
}

.bottom,
.bottom-left,
.button-bar {
  bottom: 0;
  position: absolute;
}

.bottom-right,
.button-bar-right {
  bottom: 0;
  position: absolute;
  right: 0;
}
.line{
 width:75%;
 margin-top: 5%;
 float:center; 
 border: 1px solid gainsboro;
 border-color: #e4e4e4;

}

.invisible{
 display: none;

}

#top_part {
 
 float: both;

}



#bottom{
  background-color: #e4e4e4;
  height:  8%;
 text-align: center;
  
}

@media screen and (max-width: 768px) {
    
   
 /*   #jumbo1 {
         background-image: url(https://raw.githubusercontent.com/tanyagupta/tanyagupta.github.io/master/images/statue-of-liberty-267948_1920.jpg);
  background-position:right center;
    background-repeat:no-repeat;
    background-size: 25%; /* you change this to "contain" if you don't want the images to be cropped */
/*    background-color:  #003366;
    color: #FFF8DC;

    }*/
   #panel-body{
       
       
   }
    #ad1{
 
     
    }
        #ad2{
    
     
    }
    body{
     font-size: 10px;   
    }

    #tagCloudBig {
 
 float: left;
 

}

#advanced {
 
 clear: both;
  min-height:  100px;/* 847.5X 114*/
 min-width:  300px;

} 

}