@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
.msg{
        float:left;
        color:red;
        font-size:8px;
}
.ss{
        /* padding: 0 30px;*/
	display: block;
	float:right;
        margin: -1px 0px 13px -18px;


}
.search{

    width: 100%;
	height:100px;
    box-sizing: border-box;
    margin: -1px 9px 0px 3px;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('../Images/search-icon-md_1.png') ;
    background-position:5px 5px; 
    background-repeat: no-repeat;
    padding: 6px 30px 9px 36px;
}
.other{

    width: 100%;
    box-sizing: border-box;
    margin: -1px 2px 0px 3px;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    background-color: black;
    color: lime;
    background-position:5px 5px; 
    background-repeat: no-repeat;
    padding: 6px 3px 9px 6px;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px 3px 3px 3px;;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;

   height: 34px;
   -webkit-appearance: none;
   }
#content_area{
        height:400px;
    
}
.userinfo{
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 13px;
        display: block;
	float:left;
        margin: 3px 3px 17px 492px;
}
.select-style {
    border: 2px solid #ccc;

    margin: -1px 9px 0px 3px;
    float:left;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../Images/select-bottom-512.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
@media all and (max-width : 768px) {
    
   .userinfo{ 
    width: 100%;
    float: left;
    margin: -39px -20px -40px 51px;
  }
  .ss{
       /* padding: 0 30px;*/
	display: block;
	float:left;
        margin: -1px 0px 7px 298px;


}




}
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}