@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");

body {
	color: #333;
	font-family: 'Helvetica', arial;
}

	/* Bengali Font amar-bangla */
	.amar-bangla{
	  font-family:'Amarbn__',Sans-Serif;
	  font-size: 16px;
	  font-weight: 100;
	}
	.amar-bangla.bold{
	  font-weight: 700;
	}
	.amar-bangla.size20{
	  font-size: 20px !important;
	}
	.amar-bangla.size30{
	  font-size: 30px !important;
	}

	/* Bengali Font amar-bangla */
	.web-font{
		font-family: solaimanLipi,arial;
		font-size: 16px;
		font-weight: 100;
	}
	.web-font.bold{
		font-weight: 700;
	}
	.web-font20{
		font-family: solaimanLipi,arial;
		font-size: 20px;
		font-weight: 100;
	}
	.web-font20.bold{
		font-weight: 700;
	}

.wrap {
	padding: 20px;
	text-align: center;
}

/* Flex */
.flex-row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}
.flex-column {
	display: flex;
	flex-direction: column;
}
/* Flex Fill Balance Cols */
.fr {
	flex-grow: 1;
	align-items: stretch;
}
/* Flex */

hr {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #aaa;
}
hr.line {
	border: 1px solid black;
	margin: 5px 0px;
}

h1 {
	font-size: 30px;
	margin-bottom: 20px;
}
h2 {
	margin-top: 3px;
	font-size: 20px;
}
p {
	padding: 5px;
	margin: 0px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}
.column2 {
	float: left;
	width: 49.9%;
	padding: 50px;
	text-align: center;
	font-size: 25px;
	cursor: pointer;
	color: white;
}

main{
	padding: 0 5px;
	margin: 5px auto 10px auto;
	display: block;
}

form1{
	border: 1px solid black;
	width: 250px;
	padding: 2px 4px;
	border-radius: 10px;
	display: flex;
	align-items: left;
	margin: 0;
}
/**/
#info-wrapper p {
	font-style: italic;
	color: gray;
}

#info-wrapper>div {
	margin: 5px;
	padding: 5px;
}

#info-content {
	margin: 5px 0 0 5px;
}

#table-section {
	display: flex;
	width: auto;
	padding: 0 5px;
	margin-bottom: 2px;
}

/* for Modal table */
.table-wrapper {
	box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	height: 285px;
	overflow-y: scroll;
}
/* for Normal table */
.table-wrapper-x {
	box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
	height: 270px;
	overflow-y: scroll;
}

#table-headers {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid black;
	overflow: hidden;
}

#table-data {
	height: 300px;
	overflow-y: overlay;
}

@-moz-document url-prefix() {
	#table-data {
		overflow-y: scroll;
	}
}

table {
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	border-radius: 10px;
	margin-bottom: 5px!important;
	background-color: white;
}

/* Table Header Style */
.thInfo {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	background-color: #428bca;
	padding: 0px 2px;
}
.thStyle {
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	background-color: #428bca;
	padding: 5px;
}
.table>tbody>tr>td, .table>tbody>tr>th,
.table>tfoot>tr>td, .table>tfoot>tr>th,
.table>thead>tr>td, .table>thead>tr>th {
    padding: 2px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

td {
	color: black;
	/* line-height: .3; */
	padding: 3px !important;
	font-size: 16px;
	vertical-align: middle !important;
}

/* Table Row visible */
/* tr:focus-visible {
	background-color: rgb(245, 209, 7);
	outline: none;
} */
tr:focus-visible {
    outline: none;
}
/* tr:hover {
	background-color: rgb(245, 229, 7);
	outline: black;
} */

/* tr:active {
	background-color: rgb(7, 229, 245);
	outline: none;
} */

.highlight {
	background-color: rgb(7, 229, 245);
	outline: #000;
	border-bottom: 1px solid rgb(12, 95, 248);
}
.highlight-error{
	color: red;
	background-color: yellow!important;
}
.disable-cell{
	display: none;
}
/* .active td {
	color: black;
} */

/* .display-class {
	display: none;
}

.add-color {
	background-color: yellow;
} */

.invisible{
	display: none;
}

.self-font {
	font-family: 'Courier New', monospace;
}

/* Modal form Style */
.modal-dialog{
	margin-top: 5px;
}

.modal-content {
	border-radius: 10px;
}

.modal-body span{
	color: blue;
}

.modal:before {
	content: "";
	display: none;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal:target:before {
	display: block;
}
.modal:target .modal-form {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	top: 1%;
}
.modal-form {
	background: #fefefe;
	border: #333 solid 1px;
	border-radius: 10px;
	position: relative;
	margin: 0 auto;
	z-index: 99999;
	min-width: 360px;
	-webkit-transform: translate(0, -500%);
	-ms-transform: translate(0, -500%);
	transform: translate(0, -500%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal-size-sm {
	width: 400px!important;
}
.modal-size-md {
	width: 700px!important;
}
.modal-size-lg {
	width: 1000px!important;
}
.modal-size-xl {
	width: 100%!important;
}
/* Scrollable Modal Style */
.modal-body{
	padding: 0 5px;
	background-color: #eee;
	max-height: calc(100vh - 30px);
	overflow-y: auto;
}
.modal-header {
	/* background-color: #4DAEDE; */
	background-color: #0ba9f8;
	padding: 0px 10px 5px 10px;
	height: 30px;
	border-bottom: #eee solid 1px;
	border-radius: 10px 10px 0px 0px;
	font-size: 20px;
}
.modal-footer {
	background-color: #ddd;
	/* height: 40px; */
	padding: 3px 5px;
	/* align-items: baseline; */
}
#pagination{
	padding: 0 10px;
}
/* ********************************************************************** */


	/* Group Input Style (TextBox + Button) */
	.groupInput{
		display: flex;
		width:70%;
		padding-bottom: 3px;
	}
	.groupInput .txtInput {
		width:89%;
		height:auto;
		padding-right: 2px;
		padding-bottom:1%;
		float:left;
		font-size:14px;
		color:#000;
		
	}
	  
	.groupInput button {
		float: left;
		height:auto;
		width: 10%;
		color: white;
		font-size: 17px;
		border: 1px solid grey;
		cursor: pointer;
	}
	  
	.groupInput::after {
		content: "";
		clear: both;
		display: flex;
	}

	/* End Group Input with Button */

.clear{
	clear:both;
}
.right-align {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-bold {
	font-weight: bold;
}
.text-normal {
	font-weight:100;
}

#leftc{
	margin-top:2%;
	width:15%;
	float:left;
	min-height:550px;
	height:100%;
	padding:1% 1% 1% 1%;
	background:#2c4156;
	border-radius:10px 10px 0px 0px;
}

#rightc{
	width:80.5%;
	float:right;
	min-height:550px;
	background:#fff;
	padding:1%;
	padding-top:2%;
	height:auto;
}

.pnbBox{
	width:100%;
	border:1px solid #b9b9b9;
	display: flex;
	float:left;
	padding: 5px;
	background:#f6f6f6;
    height: 180px;
	overflow-y: auto;
}

.frmholder{
	width:49%;
	height:auto;
	float:left;

	font-size:12px;
	color:#000;
}
		
.frmholder1{
	width:49%;
	height:auto;
	margin-left:2%;
	float:left;
		font-size:12px;
	color:#000;
	/*border:1px solid #b9b9b9;
	padding: 10px;
	background:#f6f6f6;*/
}

.frminnerfullL{
	width:100%;
	height:auto;
	line-height:18px;
	padding-bottom:2%;
	float:left;
		font-size:14px;
	color:#000;
}
	
.frminnerfullL select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	margin-right:3%;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
}

.frminnerfullL input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	width: 90%;
	background-color: #ffffff;
}

.frminnerfullL textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

.frminnerfullR{
	width:100%;
	height:auto;
	line-height:18px;
	padding-bottom:2%;
	float:right;
		font-size:14px;
	color:#000;
}
	
.frminnerfullR select{
	float:right;
	background-position: 0% 0%;
	padding: 4px;
	width: 90%;
	border-radius:5px;
	float:right;
	height: 30px;
	border: solid 1px #666;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
}

.frminnerfullR input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:right;
	border: solid 1px #666;
	outline: 0;
	font: normal 14px/100% Verdana, Tahoma, sans-serif;
	width: 90%;
	background-color: #ffffff;
}

.frminnerfullR textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

.frminner2{
	width:70%;
	height:auto;
	padding-bottom:2%;
	float:left;
	font-size:14px;
	color:#000;
}	
.note{
	width:100%;
	text-align:center;
	height:auto;
	padding-top:2%;
	padding-bottom:2%;
	float:left;
		font-size:12px;
	color:#000;
}

/* Input Box Style */
.txtLabel{
	width:30%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}

.txtInput{
	width:70%;
	height:auto;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-right: 0px;
	float:left;
	font-size:14px;
	color:#000;
}	

.txtInput input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background-color: #ffffff;
}

.txtInput select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	/*margin-right:3%;*/
	border-radius:5px;
	float:left;
	width: 100% !important;
	height: 30px;
	border: solid 1px #666;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

.txtInput textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

/* Input Box for Normal Style */
.inputBox{
	width:100%;
	height:auto;
	padding-right: 0px;
	padding-top:.5%;
	padding-bottom:.5%;
	float:left;
	font-size:14px;
	color:#000;
}	

.inputBox input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	/* background-color: #ffffff; */
}

.inputBox select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	/*margin-right:3%;*/
	border-radius:5px;
	float:left;
	width: 100% !important;
	height: 30px;
	border: solid 1px #666;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

.inputBox textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

/* 2 Input Box with a lable in middle for Custom Style */
.inputBox20{
	width:49%;
	height:auto;
	padding-right: 0px;
	padding-top:.5%;
	padding-bottom:.5%;
	float:left;
	font-size:14px;
	color:#000;
}

.inputBox20 input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	/* background-color: #ffffff; */
}

/* Input Box Style */
.txtLabel-mid{
	width:20%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}

.txtInput-mid{
	width:25%;
	height:auto;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-right: 0px;
	float:left;
	font-size:14px;
	color:#000;
}

/* Custom Style 50/50 for
(    Rate          : 			<> 		)
<txtLabel-50> <txtLabel-1> <txtInput-50> */
.txtLabel-50{
	width:50%;
	height:auto;
	line-height:18px;
	margin-top: 2%;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}
.txtLabel-1{
	width:5%;
	height:auto;
	line-height:18px;
	margin-top: 2%;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}

.txtInput-50{
	width:45%;
	height:auto;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-right: 0px;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}
.txtInput-50 input { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background-color: #ffffff;
}

.txtInput-50 select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	/*margin-right:3%;*/
	border-radius:5px;
	float:left;
	width: 100% !important;
	height: 30px;
	border: solid 1px #666;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}



.txtLabel-70{
	width:70%;
	height:auto;
	line-height:18px;
	margin-top: 2%;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}

.txtInput-30{
	width:30%;
	height:auto;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-right: 0px;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}
.txtInput-30 input { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background-color: #ffffff;
}

.txtInput-30 select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	/*margin-right:3%;*/
	border-radius:5px;
	float:left;
	width: 100% !important;
	height: 30px;
	border: solid 1px #666;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

/* Custom Style for Label */
/*(    Rate          : 			<> 		)
<txtLabel-50> <txtLabel-1> <txtInput-50> */
.onlyLabel5{
	width:5%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel10{
	width:10%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel15{
	width:15%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel25{
	width:25%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel30{
	width:30%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel40{
	width:40%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel45{
	width:45%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel50{
	width:50%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel60{
	width:60%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel65{
	width:65%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel70{
	width:70%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel75{
	width:75%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel80{
	width:80%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel{
	width:100%;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}


/* The following with exact px fixed */
.onlyLabel10x{
	width: 10px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
	text-align: center;
}
.onlyLabel60x{
	width: 60px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel80x{
	width: 80px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel100x{
	width: 100px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel120x{
	width: 120px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel130x{
	width: 130px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel150x{
	width: 150px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
.onlyLabel180x{
	width: 180px;
	height:auto;
	line-height:18px;
	margin-top: 1%;
	float:left;
	font-size:14px;
	color:#000;
}
/* Custom Style for Label */


/**/
/* 20% width lable & textbox (For 
	Deal          : 			<> 			 + 				<> )
<txtLabel-50> <txtLabel-1> <txtInput-20> <txtLabel-1> <txtInput-20> */

.txtLabel-20{
	width:20%;
	height:auto;
	line-height:18px;
	margin-top: 2%;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}

.txtInput-20{
	width:20%;
	height:auto;
	padding-top:.5%;
	padding-bottom:.5%;
	padding-right: 0px;
	float:left;
	font-size:16px;
	font-weight: bold;
	color:#000;
}

.txtInput-20 input { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background-color: #ffffff;
}


/* Custom Input Style 70% width */
.txtInput2{
	width:70%;
	height:auto;
	padding-right: 0px;
	padding-bottom:2%;
	float:left;
		font-size:14px;
	color:#000;
	display: flex;
}	

.txtInput2 select{
	float:left;
	background-position: 0% 0%;
	padding: 4px;
	margin-right:3%;
	border-radius:5px;
	float:left;
	width: 100%;
	border: solid 1px #666;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
}

.txtInput2 input, textarea { 
	background-position: 0% 0%;
	padding: 5px;
	border-radius:5px;
	float:left;
	border: solid 1px #666;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 100%;
	background-color: #ffffff;
}

.txtInput2 textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}


/*  Text Box Property*/

input[disabled], select[disabled] {
	background-color: #f9f3f3;
	cursor: not-allowed !important;
	color: blue;
}
input[readonly] {
	background-color: #e5e3e3;
	color: blue;
	cursor: not-allowed;
}
input:hover, textarea:hover, select:hover { 
	border-color: #C9C9C9; 
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
input:focus, textarea:focus, select:focus{ 
	border: solid 1px black;
	background-color: #b2f5fa;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
input:not(:focus) input:not([readonly]) input:not([disabled]), textarea:not(:focus), select:not(:focus) { 
	border: solid 1px #666;
	background-color: #ffffff;
}

/* Date Input Style */
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
   background-color: #009688;
   color: white;
   outline: none;
}

::-moz-selection { /* Code for Firefox */
	color: white;
	background: #009688;
}
  
::selection {
	color: white;
	background: #009688;
}

.newbox{
	width:97%;
	background:#eeeeee;
	border:1px #ccc solid;
	padding:1% 2%;
	float:left;
	border-radius:8px;
	margin:0 10px;
	display: grid;
	/*margin-top:2%;*/
}
.txtLabel1{
	width:100%;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color:#012a50;
	font-size:18px;
	padding-bottom:1%;
}

.newbox2 {
	width: 100%;
	background: #eeeeee;
	border: 1px #475a68 solid;
	border-radius: 8px 8px 0 0;
	margin-bottom: 10px;
}

.newbox2 .area{
	padding: 5px;
	background-color: white;
	border-radius: 8px 8px 0 0;
}
 
.txtLabel2 {
	width: 100%;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #ffffff;
	font-size: 14px;
	/* padding-bottom: 1%; */
	background-color: #475a68;
	border-radius: 8px 8px 0 0;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}
.txtLabel3 {
	width: 100%;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
	background-color: #adb5bd;
	color:black;
}
#center{
	width:100%;
	float:left;
	height:auto;
	background:#2c4156;
}

.smalltextbox{
	width: 14% !important; margin-right: 2%;
}

.Numeric
{
	padding-right:10px;
	text-align:right;
}
.Alpha
{
	padding-left:10px;
	text-align:left;
}

.backcolor
{
	width:100%;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
}

.smalltextbox20{
	width: 14% !important ;
	margin-right: 2%;
	float:left;
	BORDER-RADIUS:0PX !important;
	font-size:12px;
}
	
.smalltextbox10{
	width: 100%  ;
	BORDER-RADIUS:0PX !important;
	font-family:Arial;
	font-size:12px;
	color:#000;
	line-height:20px;
}
	

/* Scroll Bar */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px white; 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	background: #B7CEEC;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #56A5EC;
}
/* Scroll Bar */



/*---Form Style---*/
.Margcode{
	width:100%;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#000;
	line-height:40px;
}
		
.Margcodesmallbox{
	width:8%;
	float:left;
}
		
.dotspace{
	width:2%;
	float:left;
	text-align:center;
			 
	padding-left:0.5%;
	font-size:20px;
	font-family:Arial;
	color:#000;		        
}
			
.Margcodebigbox{
	width:38%;
	float:left;		
}

.textboxname{
	width:15%;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#000;
}
	
.textboxholder{
	width:85%;
	float:left;
	padding-bottom:15px;
	}
	
.rdo{
	width:98%;
	line-height:30px;
	color:#000;
	text-align:left;
	float:left;
	padding:1%;
	margin-top:10px;
	border:1px solid #b9b9b9;
}
	 
.rdoChild{
	width:98%;
	line-height:30px;
	color:#000;
	text-align:left;
	float:left;
	background:#f6f6f6;
	padding:1%;
	margin-top:10px;
	/*border-radius:10px;*/
	border:1px solid #b9b9b9;
}  

.alert-msg {
	font-size: 12px;
	font-family:verdana,arial;
	color: #e51b1b;
	font-style: normal;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #e7e7e7;
	width: 90%;
	float: left;
	line-height: 18px;
	text-align: match-parent;
	background: #fff;
}
/*	    
.row { float: left; width: 100%; } */
.row1 { float: left; width: 100%; padding: 10px 0 } 
.row2 { float: left; width: 100%; padding: 20px 0 } 
.row3 { float: left; width: 100%; padding: 30px 0 }
.mrgnT10 { padding-top: 10px; } .mrgnB10 { padding-bottom: 10px; }
.padAll { padding: 5px; }

.left { float: left;}
.right { float: right;}
.w50 { width: 50%;}
.w60 { width: 60%;}
.w70 { width: 70%;} .w30 { width: 30%;}
.mrgn-t10 { margin-top: 20px;}
.mrgn-t40 { margin-top: 40px;}

@media only screen and (max-width:768px){
*{
	box-sizing:border-box;
}
#main,
#header,
.hdrpart1{width:100%;}
.logo{float:none; margin:0 auto; width:130px; height:auto;}
.logo img{max-width:100%; height:auto;}
.inventorytxt,
.callnow{width:100%; padding-left:0; text-align:center;}
.inventorytxt{margin-bottom:15px; height:auto;}
.downloadbutton{width:100%; margin-left:0; background-position:center;}
.bannerholder,#part2{width:100%; height:auto;padding:0 15px; margin-bottom:15px;}
.bannerholder img{max-width:100%; height:auto;}
.box1{width:100%; padding:10px; background: #87c7c6;}
.corprt,.corprt1,.corprt2{width:100%; height:auto; padding:10px;}
.Accountacregis{width:100%; margin-left:0; background-position:center;}
.blnkbox{height:auto;}
#part3c{width:100%; padding:0; margin:0;}


#leftc{width:100%; min-height:inherit; margin:0; padding:0;}
#rightc,.frmbox{width:100%; padding:15px; min-height:inherit !important;}
#rightc{border:none;}
.frmbox img{max-width:100%; height:auto !important}    
.lftmanu br{display:none;}
.lftmanu{display:none;}
.responsive-menu{width:100%; background:#246ab1; padding:10px; color:#fff; display:block;}
.responsive-menu span{font-size:12px; text-transform:uppercase; font-weight:bold;}
.responsive-menu button{
	/* float:right; */
	background:none;
	border:none;
	width:35px;
	cursor:pointer;
	display:inline-block;
}
.responsive-menu button .iconbar{width:100%; height:2px; background:#fff; display:block; margin-bottom:4px; opacity:0.8;}
.responsive-menu button:hover .iconbar{opacity:1;}
.responsive-menu button:focus{outline:none;}
.lftmanu a{display:block; float:none; line-height:30px; border-bottom:1px solid #246ab1}
.lftmanu a:hover{line-height:30px;}
.formheading{padding:10px; border-radius:15px 15px 0 0;}
.frminner,
.frminner1,.w70,.w60{width:100% !important;}
.frminner1 input, textarea, select{width:100%;}
.frminner,.frminner1{margin-bottom:7px;}
.frminner{padding-bottom:0;}
.textboxname{width:100% !important; margin-bottom:7px}
.capcodeImg{width:28%;}
.capcodeImg img{border-radius:8px;}
.codeSection .reloadBtn{width:25% !important;}
.codeSection .note{top:0 !important;}
.btnholder{width:100%; padding-left:0;}
.note{text-align:left;}
.codeSectionSpace{padding-top:0 !important;}
._90{width:33.3% !important;}
.smalltextbox{width:20% !important; margin-right:-1px;}
.newbox{width:100%; margin: 15px 0;}
.ftr,#btm{width:100%;}
.uploader,
.frmholder,.frmholder1{width:100%; margin-left:0;}
.Margcodesmallbox,.Margcodebigbox{width:23%;}
.rdo{width:100%;}
.rdo label{font-size:14px;}
}