html {
	margin: 0px;
	padding: 0px;
}	
body {
	margin: 0px;
	padding: 0px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#page {
	background-image: url(left.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#header {
	height: 90px;
	background-image: url(top.gif);
	background-repeat: repeat-x;
	width: 780px;
	text-align: center;
}
#header img {
	float: left;
}
#header a {
	text-decoration: none;
	color: #000000;
	font-size: 3em;
	font-weight: bold;
	margin-left: -118.5px;
}
#nav {
#	background-image: url(sidebartop.jpg);
#	background-repeat: no-repeat;
	float: left;
	width: 132px;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-left: 20px;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
}
#nav ul li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#content {
	width: 640px;
	float: right;
}
#footer {
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
fieldset { border: 0px; }

.rowstyle {
	background-color: #bbbbbb;
}
.rowstyle_alt {
	background-color: #dddddd;
}
tbody.standard th {
	text-align: right;
}
tbody.standard_nb th {
	text-align: right;
	font-weight: normal;
}
th.req {
	font-weight: bold !important;
}
tbody.standard_nb input, tbody.standard input {
	width: 200px;
}
input.check {
	width: 15px !important;
}
h2 {
  font-size: 1em;
  margin: 0px; padding: 0px;
  margin-top: 10px;
}
h3 {
  font-size: .8em;
  margin: 0px; padding: 0px;
  margin-bottom: 10px;
}
/*08/08/2022 css*/
body{
    width:80%;
    font-family: 'Roboto', sans-serif;

}
#header{
    width:100%;
}
#header a{color:#fff;}
#page{background-repeat:no-repeat;}
#content{width:84%;justify-content:center;}
#nav{    height: 100vh;
    background: #336799;
    position: sticky;
    width: 14%;
    top:0;
}
#nav ul li{padding-bottom:15px;}
#nav ul li a{color:#fff;font-size:18px;}
#content form{
    width:100%;
}
#content form table{    
    border: 1px solid black;
    border-collapse: collapse;
    width: 47%;
    margin: 50px auto;
}
#content form table th{padding:10px 0px;}
.btnn {
    background: #336799;
    border: none;
    color: #fff;
    padding: 6px 21px;
    margin-left: 20px;
    margin-bottom: 19px;
    cursor: pointer;
    text-decoration: unset!important;
    font-size: 16px;
    font-weight: bold;
}
.scndrybtnn {margin-left:0;margin-right:20px;}
tbody.login-tbl tr th {
    text-align: left!important;
    padding-left: 20px!important;
}
#nav ul{
    padding-top:50px;
}
#page{background:#f6f6f6;}
#content form table{background:#fff;}
.login-tbl td a{color:#336799;}
.customer-filters {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cstmr-tbll{width:100%!important;}
.customer-filters h2, .customer-filters h3, .customer-filters a {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 17px;
    color: #336799;
    font-size: 13px;
}
table tr td{padding:8px;}
table tr td a{color:#336799;}
.findd{margin-bottom:0;}
.filters-bottom{padding-bottom:35px;}
#formmcustomer table{margin-left:0!important;}
.cstmr-tbll2{width:80%!important;margin:0 auto!important;}
.cstmr-tbll2 input, .cstmr-tbll2 select{height:30px; width:80%;}
.savechngs{width:fit-content!important;}
.savechngs a{color:#336799;}
.choosee input{height:auto!important;width:fit-content!important;}
.cstmr-tbll2.inputuser .mainhead th{text-align:center!important;}
.cstmr-tbll2.inputuser th {
    text-align: left!important;
    padding-left: 30px!important;
}
.form-report input, .form-report select{margin-bottom:10px;height:25px;
}
.form-report .btnn{margin-left:0px;margin-top:0;height:auto!important;}
.findtable {
    width: 100%!important;
    border: 0!important;
}

.cstmr-tbll2 textarea{width:84%!important;}
@media screen and (max-width:1300px){
    .customer-filters{
        flex-wrap:wrap;
    }
}
@media only screen and (max-width: 1200px) {
    body{
    width:100%!important;
}
#content form table{
    width:80%;
}
}
    @media screen and (max-width:767px){
        #nav{
            width:100%;
            height:auto!important;
            margin-bottom:30px;
        }
        #content table {
    width: 100%!important;
    overflow-x: scroll;
    display: inline-block;
}
   
  #content {
    width: auto;
    justify-content: unset;
    float: unset;
    padding: 0px 15px;
}
#header a {
    color: #fff;
    font-size: 20px;
    margin-left: -56px;
    position: relative;
    top: 18px;
}
.customer-filters h2, .customer-filters h3, .customer-filters a{
    margin-bottom:10px;
    margin-right:7px;
}
.findtable, #content tbody {
    white-space: nowrap;
}
.findtable input, .findtable select {
    width: 40%;
    display: inline-block;
}
.findtable .btnn{
    margin-left:0px;
}
.contracttable tbody{
    white-space:unset!important;
}
.topspc{
    margin-top:20px;
}
}