body{background-color:#f3e6b7; font-family:arial; margin:0;}
.clear{clear:both;}
.main-body{margin:0 auto; width:1200px; border:3px solid #cc0000;background-color:#f3e6b7; min-height:90%;overflow:hidden;}
/*Header section*/
.header{height:16%;overflow:hidden;}
.logo{float:left;}
.name{width:800px; float:left;}
.top-menu{float:right; text-align:right;padding:5px;}
.on img{padding-right:10px;}
/*--------------*/
/*Menu*/
.menu{border-top:3px solid #cc0000 ; border-bottom:3px solid #cc0000; background-color: #f79646; height:8%; overflow:hidden;}
.menu ul{overflow:hidden; margin:0; padding:0;}
.menu ul li{text-decoration:none; display:inline-block; font-weight:bold;width:14%; padding:1.25%; text-align:center;} 
.active{ background-color:#cc0000; border-radius:20px; border:2px solid black; color:white; outline:none; padding:5% 30px;}
.active:hover{color:white;}
a{color:black; text-decoration:none;}
a:hover{color:#cc0000;}
.mandatory{color:red; font-size:18px; font-weight:bold;padding-left:5px;}

/*------------*/
/*Main Container*/
.container{min-height:60%; overflow:hidden;}

.dashboard-container{background-color:#fabf8f; overflow:hidden;  margin:0 auto; height:60%;}
.dashboard-title  h1{margin:0; padding:20px; border-bottom:3px solid #cc0000;}
.dashboard-menu{overflow:hidden;}
.dashboard-block{float:left; width: 45%; padding-top:60px;}
.image{border-radius:20px; border:2px solid #cc0000; }
.dashboard-block span{font-weight:bold}


.login-form{ margin:50px auto;width:400px; height:200px; border:3px solid #cc0000; background-color:#fabf8f;}	   
.login-form table {padding:25px 25px;}
.login-form td{padding-bottom:25px; font-weight:bold;}
.login-form input{width:250px; border:1px solid #cc0000; height:25px; outline:none; background-color:#fabf8f;}

.detail-form{//border:3px solid #cc0000; float:left; background-color:#fabf8f; width:100%;}	   
.detail-form table {width:100%;border-collapse:collapse;}
.detail-form td{text-align:center; word-wrap: break-word;}
.detail-form tr.bottom{border-bottom:1px solid #cc0000;}
.detail-form td.right{border-right:1px solid #cc0000;}
.detail-form td.left{border-left:1px solid #cc0000;}
.detail-form span{font-size:18pt; }

.my-table{width:100%; height:50%; border-collapse:collapse; background-color:#fabf8f;}
.my-table table{background-color:#fabf8f;}
.my-table table textarea{width:400px; height:80px; border:1px solid #cc0000; outline:none;}
 
.input{width: 90%;}
.input{width:400px; height:30px; border:1px solid #cc0000; outline:none;}
.add-title{float:left; width:100%;border-bottom:3px solid #cc0000;}

.sub-title{float:left; width:30%;}
.sub-button{float:right; height:7%; padding:2%;}

.add-title  h1{margin:0; padding:20px;height:7%;}

.add-quote table textarea{width:400px; height:100px; border:1px solid #cc0000; outline:none;}
.buttons{width:125px; background-color:#f79646; color:black; font-weight:bold; cursor:hand; height:35px; border:2px solid #cc0000; outline:none;}
.buttons:hover{ background-color:#cc0000; border-radius:20px; border:2px solid black;color:white; outline:none; }

.background{background-color:maroon; background-size:100%; overflow:hidden; padding:10px; height:100%;}
.preview-title{margin:0 auto; width:90%; margin-bottom:1%; overflow:hidden; height:15%;}
.preview-logo{float:left; width:15%;}
.preview-logo img{width:70%; height:95%;}
.preview-heading{float:left;width:50%; color:white; font-size:10pt;}
.select_date{width:100%;}
.dropdown{height:25px; width:150px;}
.preview-header{background-color:#f2e5b7; //overflow:hidden; width:90%; margin:0 auto; padding:2px; margin-bottom:10px;}

.preview-container{background-color:#f2e5b7; width:90%; overflow:auto; margin:0 auto; padding:2px;  }
.preview-quote{ width:49%; float:left; margin:0 auto; text-align:center;}
.preview-panchang{width:49%; float:right;}
.preview-button{float:left; width:100%;margin:15px 0 0 0;}


.filters{float:left; width:20%;  }
.show-list{float:left; width:79%; overflow:hidden;}
.slip{padding:15px;}
.show-list{border-left:3px solid #cc0000; }
.list-header{ width:19%; float:left; border-bottom:1px solid black; border-right:1px solid black; text-align:center;}
.list-content{ width:19%;float:left; border-right:1px solid black; text-align:center;}
/*-------------*/
/*Footer*/
.footer{border-top:3px solid #cc0000; background-color:#f79646; overflow:hidden; width:100%; min-height:6%;}
.f1ooter{ position:absolute;   bottom:0;   width:100%;  height:6%;   background:red;overflow:hidden;}
.footer p{font-size:10pt; text-align:center; padding-right:5px;}