@charset "utf-8";
/* CSS Document */
html, body {
    height: 100%;
	margin: 0;
	overflow-x:hidden;
	background: #D3D3D3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
         font: 11px Arial, Helvetica; /*'trebuchet MS', */
}

header {
    /*height: 95px;*/
    background: #46B580;
	/*overflow:hidden !important;*/
}
#HeaderBarColor{
	background-color:#000;
	height:4px !important;	
	}
section {
    height: calc(100% - (111px + 30px));
	left:0px !important;
    background: tomato;
    overflow-y: scroll;
	overflow-x: hidden;
	background: #D6E3EB url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);

}
footer {
    height: 25px;
    background-color: #09C;
/*New Add*/	
  position: fixed;
  bottom: 0;
  width:100% !important;	
}

 #MyMainBox{
     z-index:-1;
	 height:auto;
}

/* Start of Column CSS */
#container2 {
	/*clear:left;*/
	float:left;
	width: calc(100% - 60px) !important;
	overflow:hidden;
	/*background:#ffa7a7;  column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#fff689;  column 1 background colour */
}


#col1 {
	float:left;
	width:18%;
	position:relative;
	left:50%;
	overflow:hidden;
    padding:0;
	padding-right:2px;
	
    box-shadow: 4px 0 2px #222;

}
#col2 {
	/*float:left;*/
	width:82%;
	padding-left:5px;
	position:relative;
	left:50%;
	overflow:hidden;
}
/* --> */

div .no-padding {
  padding:0;
}

button .full-width{
  width:100%;
  //display:block; //only if you're having issues
}

        /* Create two equal columns that floats next to each other */
        .column {
            float: left;
            width: 50%;
            padding: 10px;
        }
        
        /* Clear floats after the columns */
        .row:after {
            content: "";
            display: table;
            clear: both;
        }
.ui-autocomplete-loading { background:url('images/loading.gif') no-repeat right center }