@font-face {
    font-family: 'Poppins-Regular'; /* Your chosen font name */
    src: url('../fonts/Poppins-Regular.ttf') format('ttf'); /* Font file path */
    /* You can include additional font formats (e.g., .woff2, .ttf) for better browser compatibility */
	font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Poppins-Light'; /* Your chosen font name */
    src: url('../fonts/Poppins-Light.ttf') format('ttf'); /* Font file path */
    /* You can include additional font formats (e.g., .woff2, .ttf) for better browser compatibility */
}

@font-face {
    font-family: 'Poppins-Bold'; /* Your chosen font name */
    src: url('../fonts/Poppins-Bold.ttf') format('ttf'); /* Font file path */
    /* You can include additional font formats (e.g., .woff2, .ttf) for better browser compatibility */
	font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-ExtraBold'; /* Your chosen font name */
    src: url('../fonts/Poppins-ExtraBold.ttf') format('ttf'); /* Font file path */
    /* You can include additional font formats (e.g., .woff2, .ttf) for better browser compatibility */
	font-weight: bolder;
    font-style: normal;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #a1a1a1 ; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #A6A6A6 ; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #003942 ; 
}
   


* a{
	color: inherit;
	text-decoration: none;
}

* b{
	margin-right: 10px;
	display: inline-block;
}

html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fffdf7;	
	color: #3E3E3E ;
}

.login-main{
	display: flex;
	width: 100%;
	height: 100%;
	/*background-image: url("../images/bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;*/
}

.login-area{
	vertical-align: middle;
	width: 1000px;
	height:  500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: table;	
	box-shadow: 0 0 20px -10px #000;	
	padding: 20px;
	border-radius: 8px;
}

.login-text{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.login{	
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.login-text .logoarea{
	width: 70%;
	display: inline-block;
	text-align: left;
}

.login-text img{
	width: 120px;
}

.login-text h3{
	display: inline-block;
	width: 70%;
	text-align: left;
	margin: 5px;
	font-size: 20px;
	color: #818080;
}
.login-text p{
	display: inline-block;
	width: 70%;
	text-align: left;
	margin: 5px;
	color: #818080;
}

.login-text p a{
	color: #e16c27;
	text-decoration: underline;
}

.login-text p a:hover{
	color: #818080;
}

.login form{
	padding-top: 20px;
	width: 300px;
	display: inline-block;
}

.resend{
	cursor: pointer;
}

.label{
	color: #818080;
	text-align: left;
	padding: 4px;
	font-size: 13px;
}



.signup-bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(00, 00, 00, 0.2);
	text-align: center;
}

.signup-area{
	position: absolute;
	width: 400px;
	padding: 20px;
	background-color: #EAECF5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	border-radius: 6px;
}

.signup-area h3{
	font-size: 25px;
	margin: 0;
	color: #818080;
}

.signup-area p{
	font-size: 16px;
	margin: 5px;
	color: #818080;
	
}

.signup-area img{
	width: 40px;
}

.signup-area form{
	width: 300px;
	display: inline-block;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}


.signup-area form input[type=submit]{
	width: 98%;
	padding: 10px;
	border: 1px solid #e16c27;
	outline: none;
	background-color: transparent;
	color: #e16c27;
	text-align: center;
}

.signup-area p a{
	color: #e16c27;
	text-decoration: underline;
}

.signup-close{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #e16c27;
	text-align: right;
}

.signup-close a{
	display: inline-block;
}

.signup-close i{
	font-size: 25px;
}

.prompter{
	display: none;
	position: fixed;
	width: 300px;
	height: 80px;
	top: 30px;
	right: 5px;
	background-color: #3f8e5d;
	border-radius: 8px;
	padding: 10px;
	z-index: 99;
}
.prompter-close{
	color: #ba0101;
	text-align: right;
	padding: 5px;
	margin: 0;
	margin-bottom: -15px;
}

.prompter-close i{
	font-size: 20px;
	color: #fff;
}

.prompter-text{
	color: #fff;
	padding: 10px;
}

@keyframes loadingEffect{
	0% {
	  width: 0%;
	}
	100% {
	 	width: 100%;
	}

}

.promter-loader{
	width: 100%;
	height: 4px;
	background-color: #fff;
	animation: loadingEffect;
	animation-duration: 5s;
	animation-fill-mode: forwards;
	border-radius: 6px;
}

.loader-bg{	
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(00, 00, 00, 0.2);
	z-index: 98;
}

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68px;
	height: 68px;
	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid #e16c27;
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.loader::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border-left: 4px solid #1ec018;
	border-bottom: 4px solid transparent;
	animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
} 


.box{
	border-bottom: 1px solid #A3A2A2;
	padding: 0;
	margin-bottom: 15px;
	background-color: #f7f7f7;
}

.box i{
	font-size: 18px;
	width: 20px;
	color: #e16c27;
}
.box input[type=text],
.box input[type=number],
.box select,
.box input[type=date],
.box input[type=time],
.box input[type=email],
.box input[type=url],
.box input[type=file],
.box input[type=password],
.box input[type=date],
.box input[type=time]{
	padding: 8px;
	display: inline-block;
	width: 80%;
	background-color: transparent;
	border: none;
	outline: none;
}

.box textarea{
	padding: 8px;
	display: inline-block;
	width: 98%;
	background-color: transparent;
	border: none;
	outline: none;
}

.box #password-input{
	padding: 8px;
	display: inline-block;
	width: 75%;
	background-color: transparent;
	border: none;
	outline: none;
}

.box #password-input2{
	padding: 8px;
	display: inline-block;
	width: 75%;
	background-color: transparent;
	border: none;
	outline: none;
}

.box .pass{
	font-size: 15px;
}

input[type=submit]{
	padding: 10px;
	display: inline-block;
	width: 99%;
	background-color: #e16c27;
	border: 1px solid #e16c27;
	color: #fff;
	border-radius: 4px;
}

input[type=submit]:hover{
	background-color: transparent;
	color: #e16c27;
}


.main{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
}

.menu-area{
	width: 200px;
	padding: 20px;
	background-color: #fff8e8;
}

.logo-area{
	text-align: center;
}

.logo{
	display: inline-block;
	width: 100px;
}

.logo img{
	width: 100%;
}

.logo-text{
	color: #e16c27;
	font-family: 'Poppins-regular';
	font-size: 18px;
}

.menu{
	padding: 0;
	padding-top: 50px;
	text-align: center;
}

.menu li{
	list-style: none;
	padding: 5px;
	color: #e16c27;
	margin-bottom: 15px;
	border: 1px solid #e16c27;
	border-radius: 6px;
	font-size: 14px;
	text-align: left;
}

.menu li i{
	width: 30px;
	font-size: 18px;
}

.menu li:hover{
	background-color: #e16c27;
	color: #fff;
}

.active li{
	background-color: #e16c27;
	color: #fff;
}

.content-area{
	flex: 1;
	padding: 20px;
}


.ribon{
	display: flex;
	flex-wrap: wrap;
}

.menu-bars{
	display: none;
	width: 90px;
	font-size: 25px;	
	color: #e16c27;
}

.menu-bars i{
	cursor: pointer;
}

.menu-close{
	display: none;
	text-align: right;	
	color: #e16c27;
	font-size: 20px;
}

.menu-close i{	
	cursor: pointer;
}

.search-area{
	flex-grow: 1;
	flex-basis: 200;	
	color: #949494;
}

.search-box{
	border: 1px solid #A6A6A6;
	border-radius: 6px;
	width: 200px;
}

.search-box input[type=search]{
	width: 80%;
	border: none;
	background: transparent;
	padding: 5px;
	outline: none;
}

.search-box i{
	font-size: 16px;
	width: 30px;
	text-align: center;
}

.suggestions {
	position: absolute;
	z-index: 98;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 300px;
	max-height: 400px;
	overflow-y: auto;
	padding: 10px;
	margin: 0;
	list-style-type: none;
	display: none;
  }

  .suggestions li{
	list-style: none;
	display: flex;
	padding: 6px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0 8px 5px -9px;
	cursor: pointer;
}

.suggestions li:hover{
	color: #e16c27;
}

.profile-area{
	flex-grow: 1;
	flex-basis: 200;
	text-align: right;
}

.profile-area li{
	list-style: none;
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
	color: #949494;
}

.profile-area li i{
	font-size: 18px;
	color: #0ec8c7;
}



.tiles-area{
	display: flex;
	gap: 30px;
	padding: 20px;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.tiles{
	flex:1;
	border-radius: 8px;
	/*box-shadow: 0px 0px 20px -13px #000;*/
}

.tile-header{
	background-color: #f9f9f9;
	color: #818181;
	padding: 10px;
	display: flex;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.tile-icon-area{
	width: 40px;
	height: 40px;
	border-radius: 8px;
	padding: 8px;
	text-align: center;
	margin-top: -30px;
	position: relative;
	font-size: 30px;
}

.tile-icon-bg-color1{
	background-color: #f8edd9;
	color: #e16c27;
	/*border: 1px solid #f6b12f;*/
}

.tile-icon-bg-color2{
	background-color: #ccf8d4;
	color: #1ec018;
	/*border: 1px solid #62cb71;*/
}

.tile-icon-bg-color3{
	background-color: #eee8dd;
	color: #f7b226;
	/*border: 1px solid #b658a0;*/
}

.tile-icon-bg-color4{
	background-color: #e5f1f1;;
	color: #0ec8c7;
	/*border: 1px solid #592ff6;*/
}

.tile-text-area{
	flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; /* Align items to the right vertically */
    height: 80px;
}

.tiles h4,
.tiles h3{
	margin: 0;
	text-align: right;
	color: #686868;
}

.tiles h4{
	font-weight: 100;
	font-size: 14px;
	margin-bottom: 5px;
}

.tiles h3{
	color: #555555;
	font-size: 16px;
	font-weight: 600;
}

.tile-footer{
	background-color: #969595;
	color: #fff;
	padding: 10px;
	font-size: 13px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}


.section-area{
	display: flex;
	gap: 10px;
}

.section{
	flex: 1;
}

.section .details{	
	color: #818080;
	display: inline-block;	
}

.section h3{
	font-size: 18px;
	color: #818080;
	margin: 0;
	margin-bottom: 10px;
}

.section li{
	list-style: none;
	margin-bottom: 5px;
	color: #e16c27;
	font-size: 16px;
}

.section li i{
	width: 30px;
	font-size: 18px;
}

.section .desc{
	font-size: 14px;
	font-style: italic;
	color: #818080;	
	margin-bottom: 20px;
}

.desc{
	font-size: 14px;
	font-style: italic;
	color: #818080;	
	margin-bottom: 20px;
}

.section2-area{
	padding: 10px;
	display: flex;
	gap: 20px;
}

.section2{
	flex: 1;
}

.section2 h3{
	font-size: 18px;
	color: #818080;
	margin: 0;
	margin-bottom: 10px;
}

.section2 li{
	list-style: none;
	margin-bottom: 8px;
	color: #919191;
	font-size: 16px;
	padding: 5px;
}

.section2 li i{
	width: 20px;
	font-size: 18px;
}

.section2 .desc{
	font-size: 14px;
	font-style: italic;
	color: #818080;	
	margin-bottom: 20px;
}

.section2 .details{	
	color: #818080;
	display: inline-block;	
}


.greeting{
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #818080;
	display: flex;
}

.greeting h3{
	font-size: 25px;
	font-family: 'Poppins-Bold';
	margin: 0;
	display: inline-block;
}


.action-area{
	display: inline-block;
	flex: 1;
	text-align: right;
	padding-right: 20px;
}

.action-btn{
	display: inline-block;
	color: #fff;
	background-color: #e16c27;
	border: 1px solid #e16c27;
	border-radius: 6px;
	font-size: 14px;
	padding: 6px;
	text-align: left;
	width: 100px;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 10px;
	cursor: pointer;
}

.action-btn:hover{
	background-color: transparent;
	color: #e16c27;
}

.action-btn i{
	width: 20px;
	font-size: 16px;
}

.overflow{
	height: calc(100% - 120px);
	overflow-y: auto;
}



.list{
	width: 98%;
	display: block;
	padding: 2px;
	font-family: 'Poppins-light';
}

.list ul{
	padding: 5px;
}

.list li{
	list-style: none;
	display: flex;
	padding: 6px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	border-radius: 6px;
	box-shadow: 0 8px 5px -9px;
}

.header{
	font-weight: 900;
	background-color: #ebeaea;
	color: #000;
}

.body{		
	color: #949494;
	background-color:#f7f7f7;
}


.title{
	flex: 1;
}

.title i{
	font-size: 18px;
	width: 30px;
}

.message{
	flex: 1;
}

.date{
	flex: 1;
}

.status{
	flex: 1;
}

.contacts{
	flex: 1;
}

.action{
	width: 100px;
}

.search-platform{
	flex: 1;
}

.color1{
	color: #e16c27;
}

.color2{
	color: #0ec8c7;
}

.color3{
	color: #b19f01;
}

.color4{
	color: #1ec018;
}

.button-area{
	text-align: right;
	padding: 20px;
	padding-bottom: 10px;
}

.btn{
	text-align: center;
	display: inline-block;
	padding: 5px;
	background-color: #e16c27;
	color: #fff;
	font-size: 13px;
	width: 100px;
	border: 1px solid #e16c27;
	border-radius: 4px;
	margin-left: 15px;
	cursor: pointer;
}

.btn i{
	font-size: 18px;
}

.btn:hover{
	background-color: transparent;
	color: #e16c27;
}

.popup-hide{
	display: none;
}
.popup-bg{
	position: fixed;
	z-index: 97;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(00, 00, 00, 0.1);
}

.popup{
	position: absolute;
	width: 90%;
	height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	background-color: #ffffff;
	border-radius: 8px;
	overflow-y: hidden;
}

.popup-close{
	text-align: right;
	font-size: 18px;
	color: #e16c27;
	padding: 10px;
}

.popup-close i{
	cursor: pointer;
	z-index: +1;
}

.popup-body{
	padding: 20px;
	max-height: 90%;
	overflow-y: auto;
	z-index: -1;
}

.popup-body h3{
	color: #e16c27;
	margin: 0;
	font-size: 18px;
	margin-top: -20px
}


.platform-bg{
	position: fixed;
	z-index: 97;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(00, 00, 00, 0.1);
}

.platform{
	position: absolute;
	width: 400px;	
	max-height: 620px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	background-color: #ffffff;
	border-radius: 8px;
	overflow-y: hidden;
}

.platform-close{
	text-align: right;
	font-size: 18px;
	color: #e16c27;
	padding: 10px;
	margin-bottom: -20px;
}

.platform-close2{
	text-align: right;
	font-size: 18px;
	color: #e16c27;
	padding: 10px;
}

.platform-close i{
	cursor: pointer;
	z-index: +1;
}

.platform-close2 i{
	cursor: pointer;
	z-index: +1;
}

.platform-body{
	padding: 20px;
	max-height: 550px;
	overflow-y: auto;
	z-index: -1;
}

.platform-body h3{
	color: #e16c27;
	margin: 0;
	font-size: 18px;
	margin-top: -20px
}

.alert-bg{
	display: none;
	position: fixed;
	z-index: 98;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(00, 00, 00, 0.1);
}

.alert{
	position: absolute;
	width: 350px;	
	max-height: 680px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	background-color: #ffffff;
	border-radius: 8px;
	overflow-y: hidden;
}

.alert-body{
	padding: 20px;
	max-height: 600px;
	overflow-y: auto;
}

.alert-body h3{
	color: #e16c27;
	margin: 0;
	font-size: 18px;
}

.alert-text{
	margin-bottom: 10px;
	margin-top: 10px;
}
.alert-body input[type=submit]{
	width: 110px;
	display: inline-block;
	background-color: transparent;
	color: #e16c27;
	border: 1px solid #e16c27;
	cursor: pointer;
}
  


.alert-body .button{
	width: 150px;
	padding: 8px;
	display: inline-block;
	background-color: #e16c27;
	border: 1px solid #e16c27;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	cursor:default;
	margin-right: 5px;
	cursor: pointer;
}


.payments-area{
	width: 500px;
	display: none;
}

.create-user-bill{
	width: 500px;
	display: none;
}

.label{
	font-size: 13px;
	margin-bottom: 0;
}


.pallet-area{
	display: flex;
}

.pallet-mini{
	width: 250px;
	padding: 5px;
}

.pallet{
	flex: 1;
	padding: 5px;
}

.viewclient{
	cursor: pointer;
}

.viewproperty{
	cursor: pointer;
}

.viewunit{
	cursor: pointer;
}

.viewtenant{
	cursor: pointer;
}

.viewbill{
	cursor: pointer;
}

#suggestions-container {
    margin-top: 10px;
}

.suggestion {
    padding: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.download{
	text-align: left;
	display: inline-block;
	background-color: transparent;
	color: #e16c27;
	font-size: 12px;
	width: auto;
	border-radius: 4px;
	margin-left: 5px;
	cursor: pointer;
	font-weight: 100;
}

.download i{
	font-size: 16px;
}

.download:hover{
	background-color: transparent;
	color: #e16c27;
}


.del-payment{
	cursor: pointer;
	font-size: 18px;
}

.receiptDetails,
.printReceipt{
	cursor: pointer;
	margin-right: 10px;
	font-size: 18px;
}




@media only screen and (max-width: 1000px) {
	.login-area{
		width: 90%;
		height:  90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;	
		box-shadow: 0 0 20px -10px #000;	
		padding: 20px;
		border-radius: 8px;
	}

	.login-text{
		display: block;
		text-align: center;
	}
	
	.login{	
		display: block;
		text-align: center;
	}

	
	.login-text .logoarea{
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.login-text img{
		width: 40px;
	}

	.login-text h3{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 5px;
		font-size: 30px;
		color: #818080;
	}
	.login-text p{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin: 5px;
		color: #818080;
	}

	.login-text p a{
		color: #e16c27;
		text-decoration: underline;
	}

	.login-text p a:hover{
		color: #818080;
	}

	.login form{
		padding-top: 40px;
		width: 100%;
	}

	.resend{
		cursor: pointer;
	}

	.label{
		color: #818080;
		text-align: left;
		padding: 4px;
		font-size: 13px;
	}

	.signup-area{
		position: absolute;
		width: 80%;
		padding: 20px;
		background-color: #EAECF5;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		border-radius: 6px;
	}

	
	.loader {
		position: absolute;
		top: 40%;
		left: 40%;
		transform: translate(-50%, -50%);
		width: 68px;
		height: 68px;
		border-radius: 50%;
		display: inline-block;
		border-top: 4px solid #e16c27;
		border-right: 4px solid transparent;
		box-sizing: border-box;
		animation: rotation 1s linear infinite;
	}

	.menu-bars{
		display: block;
	}

	.menu-close{
		display: block;
	}

	
	.menu-area{
		display: none;
		position: fixed;
		left: 0;
		width: 60%;
		height: 100%;
		padding: 20px;
		background-color: #fff8e8;
	}

	.logo-area{
		text-align: center;
	}

		
	.compose-btn li{		
		display: none;
	}

	.compose-btn2{
		display: block;
	}

	.content-area{
		flex: 1;
		padding: 10px;
	}

	.ribon{
		display: flex;
		flex-wrap: wrap;
	}

	.extras{
		display: none;
	}

	.search-area{
		display: block;
	}

	.greeting{
		padding-top: 10px;
		padding-bottom: 5px;
	}
	
	.greeting h3{
		font-size: 20px;
		font-family: 'Poppins-Bold';
		margin: 0;
		flex: 1;
	}

	.overflow{
		height: calc(100% - 80px);
		overflow-y: auto;
	}

	.list{
		display: block;
		padding: 5px;
		font-family: 'Poppins-light';
	}

	
	.list li{
		list-style: none;
		display: flex;
		padding: 6px;
		margin-bottom: 10px;
		text-align: left;
		font-size: 13px;
		border-radius: 6px;
		box-shadow: 0 8px 5px -9px;
	}

	.title{
		width: auto;
		flex: 1;
	}

	.title i{
		font-size: 16px;
		width: 30px;
	}

	.message{
		flex: 1;
	}

	.date{
		flex: 1;
		display: none;
	}

	.status{
		flex: none;
		width: 70px;
	}

	.contacts{
		flex: 1;
		display: none;
	}

	
	.section-area{
		display: block;
		gap: 20px;
	}

	.section{
		flex: none;
		padding: 10px;
		margin-top: 10px;
	}

	
	.popup{
		width: 95%;
	}
	
	.popup-body{
		padding: 10px;
		margin-top: -20px;
	}

	.popup-body h3{
		z-index: 97;
	}
	.popup-close i{
		font-size: 25px;
		z-index: 98;
	}

	
	.platform{
		position: absolute;
		width: 98%;	
		max-width: 400px;
		height: 98%;
		max-height: 1000px;
		background-color: #ffffff;
		border-radius: 8px;
		overflow-y: auto;
		

		
	}
	.platform-body{
		width: 95%;
		max-height: 90%;		
		transform: scale(0.9);
		margin: 0 auto;
	}

	.printArea{
		font-size: 11px;
		padding-bottom: 20px;
	}


}