@media screen and (min-width: 690px)
{
	/* Grid */
	.grid > .box {
	    width: 50%!important;
	}

	.inner-page {
		padding-top: 16% !important;
	}

	.ui-menu .ui-icon {
    	left: 12px!important;
	}

	button,
	.btn{

	}

	.ui-form-input input,
	.ui-form-input select,
	.ui-form-input .textarea{
		padding: 2.5%;
		width: 94%;
	}

	/* Label Box */
	.ui-label-box > .title > div > div:first-child {
	    width: 96%;
	}

	/* Login page */
	.ticket-page{
	    padding: 7% 0;
	}
		.ticket-page .ui-form-input input{
		    width: 94%;
		}

		.ticket-page .ui-form-input select {
		    width: 100%;
		}

	/* Lightwindow */
	.ui-lightwindow > .foreground {
	    left: 35%;
	    top: 25%;
	    width: 500px;
	}

	.status-mark{
		width: 20px;
		height: 20px;
	}

	/* ALT Table */
	/* menu banner */
	.ui-alt-table > .menu-banner{
	    padding: 0;
	    color: #fff;
	    font: 80% Poppins !important;
	    font-weight: 500 !important;
	    font-weight: bold;
	    padding: 18px 15px;
	    background: #494c49;
	    display: block;
	    border-top-left-radius: 15px;
	    border-top-right-radius: 15px;
	}

	.ui-alt-table > .row{
	    font-size: 95%;
	}

	/** PAGE **/
	#page{
		padding-bottom: 0;
	}
		/* [+] Side Menu */
		#page > #side-menu{
			position: fixed;
			display: block;
			width: 20%;
			min-width: 100px;
			height: 100%;
			color: #fff;
			background: #47bb5a;
		}

		/* Smaller side menu with icons */
		#page.icon > #side-menu{
			width: 50px;
		}
			/* [+1] Title */
			#page > #side-menu > .title{
				padding: 6px;
				font: 115% Roboto Condensed;
				border-bottom: 1px solid #63ca6f;
			}
				#page > #side-menu > .title img{
					max-width: 90px;
				}

				#page > #side-menu > .title > div{
					width: 50%;
					margin: 5px auto;
					background: #298b39;
					border-radius: 50px;
				}

			#page.icon > #side-menu > .title{
				padding: 8px 6px;
			}

			/* Back Button */
			#page.icon > #side-menu > #back:hover,
			#page.icon > #side-menu > #back:focus{
				cursor: pointer;
				background: #3da048;
			}
			
			/* Menu List */
			#page > #side-menu > .menulist{
			    position: relative;
			    text-align: left;
			    height: 90%;
			    /*overflow-y: scroll;*/
			    overflow-x: hidden;
			}
				#page > #side-menu > .menulist li{
					list-style: none;
					width: 85%;
					font-size: 80%;
					padding: 15px 10px;
					margin: 25px 10px;
					border-radius: 6px;
				}

				#page > #side-menu > .menulist li.active{
					font-weight: 500;
					background: #458448;
				}

				#page > #side-menu > .menulist li:hover{
					background: #39a045!important;
				}
					#page > #side-menu > .menulist li > div{
						float: left!important;
					}

					#page.icon > #side-menu > .menulist li > div{
						float: left!important;
						margin-left: 15px;
					}

					/* Label */
					#page > #side-menu > .menulist li > .label{
					    padding-left: 8%;
					    padding-top: 0;
					    margin-left: 20%;
					}

					#page.icon > #side-menu  > .menulist li > .label{
						display: none;
					}

		/* [+] Right Side */
		#page > #right{
			position: relative;
			float: right;
			width: 80%;
		}

		/* Right side, if system is using icons on the side bar*/
		#page.icon > #right{
			width: 93.4%;
		}
			/* [+] Utility Menu - Top first banner on the right
			       Usually  you will have the title on the left and logout
			       on the right
			*/
			#page > #right > .utility-menu{
			    position: fixed;
			    width: 80%;
			    height: 65px;
			    background: #fff;
			    border-bottom: 1px solid #cdc7c7;
			}

			/* Main */
			#page > #right > #quotation-usubmenu,
			#page > #right > #invoice-usubmenu,
			#page > #right > #purchase-usubmenu{
				width: 93%;
			}

			#page.icon > #right > .utility-menu{
				width: 93%;
			}

				#page.icon > #right > .utility-menu > .label,
				#page.icon > #right > .utility-menu .logout{
					display: block;
				}

				/* Status Bar */
				#page > #right > .utility-menu .ui-status-bar{
					left: 30%;
					top: auto;
					width: 400px;
				}

				/* First-generation div */
				#page > #right > .utility-menu.main > div{
					float: left;
				}
					#page > #right > .utility-menu .period{
						padding: 8px;
						border-radius: 6px;
						color: #fff;
						text-transform: uppercase;
						background: #383537;
						font: 75% Poppins;
						margin-left: 10px;
					}

				#page > #right > .utility-menu .right-sec{
					float: right!important;
					width: 38%;
				}
					#page > #right > .utility-menu .right-sec > div{
						float: right;
					}

					/* Noticifications */ 
					#page .utility-menu .notifications{
						display: none;
						padding: 4.5% 0 3.5%!important;
						position: relative;
					}
						/* Notice icon */
						#page .utility-menu .notifications .counter{
						    position: absolute;
						    top: 5px;
						    right: -8px;
						    width: 20px;
						    font-size: 51%;
						    text-align: center;
						    font-weight: bold;
						    height: 17px;
						    color: #fff;
						    padding-top: 3px;
						}

						#page .utility-menu .notifications img{
							width: 30px;
						}

						#page > #right > .utility-menu .right-sec .save-compliance{

						}

					#page > #right > .utility-menu .right-sec button{
						padding: 8px 20px;
						border-radius: 25px!important;
					}

					/* Logout */
					#page > #right > .utility-menu .right-sec > .logout{
						padding: 2%;
						font-size: 80%;
						margin-right: 4%;
					}

					#page > #right > .utility-menu .right-sec > .logout:hover a{
						color: #39a045;
					}
						#page > #right > .utility-menu .right-sec > .logout a{
							color: #000;
						}

					/* Select Month */
					#page > #right > .utility-menu .right-sec .date-div{
						padding: 10px 12px 13px 15px;
					}
						#page > #right > .utility-menu .right-sec .date-div > div{
						    float: left;
						    font-size: 70%;
						    color: #606060;
						    margin-right: 10px;
						}

						#page > #right > .utility-menu .right-sec .date-div > div:last-child{
							margin-right: 0!important;
						}
							/* Selector */
							#page > #right > .utility-menu .date-div{
								font-weight: 300;
							}
							#page > #right > .utility-menu .date-div select{
								padding: 7px;
								margin-right: 10px;
								font-weight: 300;
							}

					/* Performance Status */
					#page > #right > .utility-menu .right-sec .pstatus{
						padding: 1px 15px 20px 15px;	
					}
						#page > #right > .utility-menu .right-sec .pstatus > div{
							float: left;
						}

						#page > #right > .utility-menu .right-sec .pstatus .circle-rounding{
							width: 20px;
							height: 20px;
							margin-top: 15px;
							background: #f14f4f;
						}

						#page > #right > .utility-menu .right-sec .pstatus .circle-rounding.orange{
							background: #ea861a;
						}

						#page > #right > .utility-menu .right-sec .pstatus .circle-rounding.green{
							background: #39a045;
						}

						#page > #right > .utility-menu .right-sec .pstatus .text{
						    padding: 16px 15px;
						    color: #423f3f;
						    font-size: 70%;
						    font-weight: 400;
						}

					#quotation-usubmenu .right-sec{
						width: 22%;
					}
						/* Button */
						#page > #right > .utility-menu .right-sec button{

						}

						#page > #right > .utility-menu .right-sec .cancel{
							background: #625e5c;
						}

				/* Utility Submenu */
				#page > #right > .submenu{
				    top: 65.5px;
				}
					#page > #right > .submenu > .dmsn > div{
						float: left;
					}

					/* Left */
					#page > #right > .submenu > .dmsn > .left{
						width: 80%;
					}
						#page > #right > #customer-relations-submenu .left li {
						    width: auto;
						}

						#page > #right > .submenu .left li{
							width: auto!important;
							text-align: left;
							padding-right: 4%;
						}
							#page > #right > .submenu .left li span.active-tab{
								padding: 5px 20px;
								border-radius: 25px;
								background: #3aa24b;
							}
								#page > #right > .submenu .left li span.active-tab a{
									color: #fff;
								}

						#page > #right > .submenu .left a{
							color: #000;
						}

					/* Right */
					#page > #right > .submenu > .dmsn > .right{
						float: right;
						width: 20%;
						display: block;
					}
						#page > #right > .submenu .right > div{
							margin-top: -8px;
							text-align: right;
						}
							#page > #right > .submenu .right button{
								padding: 3.5%;
								max-width: 90px;
								border-radius: 25px!important;
							}

			/* Content */
			#page > #right > .content{
				padding: 2%;
				padding-top: 8%;
				width: 96%;
				min-height: 500px;
			}

			#page > #right > #finance-page,
			#page > #right > #customer-relations-page{
				padding-top: 14%;
				background: #e1e4e3;
			}
				#page > #right > #customer-relations-page .response{
					padding: 10%;
					font: 120% Roboto;
					font-weight: 300;
				}

			#page.icon > #right > .content{
			    min-height: 550px;
			    background: #e1e4e3;
			}
				/**
				 * Empty Page 
				 */
				#empty-page{
					padding: 0;
				}
					#empty-page .dmsn{
						width: 70%;
						max-width: 600px;
						padding: 5% 0;
						margin: 3% auto;
						background: #fff;
						border-radius: 8px;
					}
						#empty-page .dmsn button{
							max-width: 135px;
							padding: 2% 0;
						}

				.bottom-row{
					display: block;
					padding: 10px 0;
				}
					.bottom-row > div{
						float: left;
						text-align: left;
					}

					.bottom-row > .value{
						padding: 8px 15px!important;
					}

			/**
			 * Dual Buttons 
			 */
			#page > #right > .content .dual-buttons{
				margin: 0 auto 2%;
				width: 450px;
			    margin-top: 0;
			    background: #fff;
			}

			/**
			 * Brief Board
			 */
			#page > #right > .content .brief-board{
			    background: #ffff;
			    margin-bottom: 25px; 
			    border-radius: 15px;
			}
				/* Blocks Section */
				#page > #right > .content .brief-board .corner-intelli{
					width: 70px;
				}

		 		#page > #right > .content .brief-board .block{
					width: 33.3%;
					padding: 3.5% 0 5%;
				}

				#page > #right > .content .brief-board .block:nth-child(2),
				#page > #right > .content .brief-board .block:nth-child(3){
					display: block;
				}
					#page > #right > .content .brief-board .block .figure,
					#page > #right > .content .brief-board .block .label{
						color: #000;
					}

			/**
			 * Demo Section 
			 */
			#page > #right > .content .brief-board .demo{
				display: block;
				padding: 1.2%;
				font: 100% Poppins;
				background: #e6eee7;
				border-radius: 25px;
			}
				#page > #right > .content .brief-board .demo > div,
				#page > #right > .content .brief-board .demo > div > div{
					float: left;
				}

				#page > #right > .content .brief-board .demo > .each{
					width: 33.3%;
				}
					#page > #right > .content .brief-board .demo .label{
					    font-size: 70%;
					    margin-left: 15px;
					    margin-top: 2px;
					}
				/**
				 * Dashboard Page 
				 */
				#page > #right > #dashboard-page{
				    padding-top: 7%;
				}

					#dashboard-page .graph{
						margin-top: 3px;
						padding: 10px;
					}

				#page > #right > #dashboard-page.filled{
				
				}
					/* Dual Div */
					#pr-grid > .box{
						width: 48%!important;
						padding: 1%;
					}

					/* Cashflow */
					.cbox{

					}
						/* First-generation div */
						.cbox .content > div{
							float: left;
							width: 50%;
						}

						/* Right Side */
						.cbox .right{
							padding-top: 0%;
						}

				/* Dashboard */
				#dashboard-page{

				}
					/* [+] Gauge Circles */
					#dashboard-page .graph{
						font-weight: 500!important;
					}
						#dashboard-page .cbox{
							background: #fff;
						}
							/* Company Perfomamnce */
							#dashboard-page #company-perfomance{

							}
								#dashboard-page .cbox .title{
									background: transparent;
								}

								#dashboard-page #company-perfomance .grid > .box{
									width: 33.3%!important;
									font-size: 90%;
									margin: 0;
									background: transparent;
								}

								#dashboard-page #company-perfomance .grid > .box:not(:last-child){
									border-right: 1px solid #c6d6cf;
									margin-right: -1px;
								}

							/* Financial Performance */
							#dashboard-page #financial-perfomance{
								border-radius: 0;
							}
								#dashboard-page #financial-perfomance .bar-wrapper {
									width: 50%!important;
								}
									#dashboard-page #financial-perfomance .bar-wrapper .marker > div{
										width: 50%;
										padding: 0;
									}

							/* Bottom Numbers */
							#dashboard-page .graph > .bottom-numbers{
								margin-top: 0;
							}
								#dashboard-page .graph > .bottom-numbers > div{
									float: left;
									width: 29.3%;
									padding: 2%;
								}
									#dashboard-page .graph > .bottom-numbers > div:not(:last-child){
										border-right: 1px solid #e1e4e3;
										margin-right: -1px;
										border-bottom: 0px;
									}
					
				/* [x] Account Page */
				#account-page{
					margin-top: 3%;
				}

				/* [x] Cashflow */
				#all-quotations-page{

				}
					/* First-generation div */
					#all-quotations-page .ui-alt-table > .row.menu-banner{
						font: 80% Poppins !important;
						font-weight: 500 !important;
					}

					/* First-generation div */
					#all-quotations-page .ui-alt-table > .row > div {
						width: 15%;
						display: block;
						padding-left: 0%;
					}

					#all-quotations-page .ui-alt-table > .row:first-child > div {
						background: transparent;
					}

					#all-quotations-page .ui-alt-table > .row > div:first-child{
						width: 40%;
						margin-right: 0;
						border-right: 0;
					}

					#all-quotations-page .row:not(.menu-banner) > div:last-child{
						padding-left: 3%;
						width: 15%;
					}

				/* [x] Cashflow */
				#all-cashflow-page{

				}
					/* First-generation div */
					#all-cashflow-page .ui-alt-table > .row.menu-banner{

					}

					#all-cashflow-page .ui-alt-table > .row > div:first-child{
						width: 40%;
					}

					/* First-generation div */
					#all-cashflow-page .ui-alt-table > .row > div {
						width: 15%;
					}

					.ui-alt-table > .row:not(.menu-banner) > div:last-child{
						padding: 32px 0;
						background: #e6eee7;
					}

					.ui-alt-table > .row.alt:not(.menu-banner) > div:last-child{
						background: #d7e0d8;
					}

					.ui-alt-table > .row > div:last-child{
						text-align: center;
					}

					.single-form{
						margin: 4px 0!important;
					}
						.single-form .ui-inicon-row{
							margin-bottom: 0!important;
							border-bottom: 0!important;
						}

				/* [x] Invoices */
				#all-invoices-page{

				}
					#all-invoices-page .ui-alt-table > .row > div {
						width: 15%;
						display: block!important;
					}

					#all-invoices-page .ui-alt-table > .row > div:first-child{
						width: 30%;
					}


					#all-invoices-page .ui-alt-table > .row > div:nth-child(3){
						width: 10%;
					}
						.ui-alt-table{
							font-size: 75%;
							box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
						}

					#all-invoices-page .ui-alt-table > .row > div:nth-child(4){
					    position: relative!important;
					    top: 0px;
					    left: 0;
					    width: auto;
					}

					#all-invoices-page .ui-alt-table > .row > div:nth-child(4),
					#all-invoices-page .ui-alt-table > .row > div:nth-child(6){
						width: 15%;
					}

				/* [x] Clients */
				#all-clients-page{

				}
					#all-clients-page .ui-alt-table > .row > div:first-child,
					#customer-relations-page .ui-alt-table > .row > div:nth-child(1){
						width: 30%;
					}

					#all-clients-page .ui-alt-table > .row > div,
					#customer-relations-page .ui-alt-table > .row > div:nth-child(2),
					#customer-relations-page .ui-alt-table > .row > div:nth-child(3){
						width: 10%;
					}

					#customer-relations-page .ui-alt-table > .row > div:nth-child(4){
						display: block;
					}

					#all-clients-page .ui-alt-table > .row > div:last-child,
					#customer-relations-page .ui-alt-table > .row > div:last-child{
						width: 20%;
					}

					#customer-relations-page .ui-alt-table > .row > div:last-child{
						
					}

				/* Cashflow */
				#all-cashflow-page{  

				}
					#all-cashflow-page .row > div:nth-child(2),
					#all-cashflow-page .row > div:nth-child(3){
						width: 12.5%;
						text-align: left;
					}
						#all-cashflow-page .row > div:nth-child(3) > div{
							margin-left: 0%;
						}

					#all-cashflow-page .row > div:nth-child(5){
						width: 20%;
					}

					#all-cashflow-page .row > div:nth-child(4){
						display: block;
					}

				/* [x] Quotations Page */
				#all-quotations-page{

				}
					#all-quotations-page .ui-alt-table > .row > div{
						width: 18%;
					}

					#all-quotations-page .ui-alt-table > .row > div:first-child{
						width: 30%;
					}

					#all-quotations-page .ui-alt-table .row > div:nth-child(4){
						width: 16%;
					}

					#all-quotations-page .ui-alt-table .row:not(.menu-banner) > div:nth-child(4){
						padding: 20px 0;
						text-align: center;
					}
						#all-quotations-page .ui-alt-table button.convert-to-invoice{
							width: 100px;
						}

				/* [x] Files */
				#all-files-page{
					
				}
					#all-files-page .ui-alt-table > .row > div{
						width: 15%;
					}
						/* Image */
						#all-files-page .image{
							
						}
							#all-files-page .image img{
								width: 35px;
							}

					#all-files-page .ui-alt-table > .row > div:first-child{
						width: 40%;
					}

				/* [x] Letterheads */
				#all-letter-heads-page{
					
				}
					#all-letter-heads-page .ui-alt-table > .row > div{
						width: 20%;
					}

					#all-letter-heads-page .ui-alt-table > .row > div:first-child{
						width: 40%;
					}

				/* [x] Expenses */
				#all-expenses-page{
					
				}
					#all-expenses-page .ui-alt-table > .row > div{
						width: 20%;
					}
						.ui-alt-table > .row button{
							max-width: 100px;
							/* background: #41864d; */
						}

					#all-expenses-page .ui-alt-table > .row:not(.menu-banner) > div:nth-child(3){
						padding: 20px 0;
					}

					#all-expenses-page .ui-alt-table > .row > div:nth-child(2){
						display: block;
					}

					#all-expenses-page .ui-alt-table > .row > div:nth-child(3){
						width: 20%;
						padding: auto;
					}

					#all-expenses-page .ui-alt-table > .row.menu-banner > div {
						padding: 2px 0;
					}

					#all-expenses-page .ui-alt-table > .row > div:nth-child(4){
						width: 20%;
					}

					/* First Div */
					#all-expenses-page .ui-alt-table > .row > div:first-child{
						width: 40%;
					}	

				/* [x] Sales */
				#all-sales-page{
					
				}
					#all-sales-page .ui-alt-table > .row > div{
						width: 20%;
					}

					/* First Div */
					#all-sales-page .ui-alt-table > .row > div:first-child{
						width: 40%;
					}

					#all-sales-page .ui-alt-table > .row > div:nth-child(2){
						width: 20%;
					}

					#all-sales-page .ui-alt-table > .row > div:nth-child(3){
						width: 20%;
					}

				/* [x] Catalogs */
				#all-catalog-page{
					
				}
					#all-catalog-page .ui-alt-table > .row > div{
						width: 20%;
					}

					/* First Div */
					#all-catalog-page .ui-alt-table > .row > div:first-child{
						width: 60%;
					}


				/* [x] New Element */
				.work-station{
					margin-top: -0.7%;
					padding: 0;
				}
					/* First Generation */
					.work-station > div{
						float: left;
						background: #fff;
					}

					/* Left */
					.work-station .left{
						width: 68%;
						margin-right: 2%;
						overflow-y: scroll;
					}
						/* [X] New Asset */
						#input-form{
							width: 46%;
							padding: 1.9% 2.5% 3%;
						}
							/* Restyle Input*/
							#input-form input,
							#input-form .textarea,
							#input-form select{
								font-weight: 300!important;
								border: 2px solid #e1e4e3;
							}

							/* Description Label */ 
							#input-form #description-row .ui-form-label{
								padding-left: 8px;
							}

							#input-form .ui-form-input{
								padding: 1%;
							}

							#input-form .grid .box .ui-form-input{
								padding: 0%;
							}

							/*Submit Row */ 
							#input-form .ui-form-submit{
								padding-bottom: 25px;
								padding-left: 6px;
							}

							/* Box */
							#input-form .grid .box{
								width: 48%;
								padding: 1%;
							}
								#input-form .ui-form .ui-form-row {
									padding: 5% 0;
								}

								#input-form input,
								#input-form select{
									padding: 18px 4.5%;
									width: 91%;
									border-width: 3px;
								}

								#upload-expense-form{
									width: 100%;
									padding: 0!important;
								}
									#upload-expense-form .ui-form-row{
										padding: 5px 0 !important;
									}

									#upload-expense-form input[type="file"]{
										padding: 17px 4.5%!important;
										width: 89%;
									}

								#input-form input[type="file"]{
									padding: 11px 2.5%;
								}

								#input-form select{
									width: 101%;
								}

					/* Invoice Transactions */
					#invoice-trans{
						font-weight: 300;
						min-height: 100px;
					}
						/* Menu */
						#invoice-trans .row.menu{
							font-size: 70%!important;
							font-weight: 700;
							border-bottom: 5px solid #e1e4e3;
						}
							/* First-generation div */
							#invoice-trans .row.menu > div{
								padding: 2.5% 0;
							}

						/* Row */
						#invoice-trans .row{
							border-bottom: 5px solid #e1e4e3;
						}
							/* First-generation div */
							#invoice-trans .row > div{
								float: left;
								text-align: center;
								padding: 5% 0;
							}

							/* Amount */
							#invoice-trans .row .amount{
								width: 30%;
							}

							/* Status */
							#invoice-trans .row .status{
								width: 14%;
							}
								#invoice-trans .row .status .status-mark{
									margin: 0 auto;
									float: none;
								}

							/* Date */
							#invoice-trans .row .date{
								width: 26%;
								border-right: 0;
							}

						#attachment-div{
							cursor: pointer;
						    padding: 10px;
						    background: #fff;
						}

							/* Upload Expense receipt */
							#upload-expense-form{
								padding: 10px;
							}
								/* input */
								#upload-expense-form input{

								}

								/* button */
								#upload-expense-form button{
									width: 100%;
									display: none;
								}

	/* INVOICES & QUOTATION */
	.workstation{
		padding: 0%;
	}
		#iqt-template{
			padding: 0;
		}
			/* Header */
			#iqt-template .header{
				border-bottom: 1px solid #e2e0e0;
			}
				/* [+] Logo */
				#iqt-template .header .logo{
					position: relative;
					width: auto;
					max-width: 210px;
					max-height: 100px;
				}
					/* Add Item Box */ 
					.add-item{
						width: 150px;
					}

					.auto-row input{
						width: 200px;
					}

			/* Info Blocks */
			#info-blocks{
				margin-left: 20px;
				padding: 10px 0;
				display: block;
			}
				/* First Generation */
				#info-blocks > div{
					float: left;
					padding: 5px 15px;
					color: #fff;
					font-size: 85%;
					margin-right: 10px;
					background: #25282a;
					border-radius: 50px;
				}

				#info-blocks > .unpaid{
					background: #fd4c4c;
				}

				#info-blocks > .partially-paid{
					background: #ea861a;
				}

				#info-blocks > .paid,
				#info-blocks > .over-paid{
					background: #29ad59;
				}
							/* Auto Dropdown */
							.auto-dropdown{
								width: 270px!important;
								left: auto;
								max-height: 150px;
								z-index: 1000!important;
							}

							/* Table*/
							#iqt-template .table{
							    margin: 0 2%;
							}
								#iqt-template .header .address:last-child{
									display: block;
								}
									/* Add Item Box */ 
									.add-item{
										width: 200px;
									}

									#iqt-template .table .row.menu > div{
										padding: 2% 2%;
									}

									#iqt-template .table .row > div:first-child,
									#new-page #iqt-template .table .row.normal > div:first-child{
										width: 40%;
									}

									#iqt-template .d-item{
										width: 40%!important;
										text-align: left!important;
									}

									#new-page #iqt-template .table .row.normal > div{
										padding: 27px 2%!important;
										border-top: 0;
									}

									#new-page #iqt-template .table .row.normal > div:nth-child(2){
										width: 11%;
									}

									#iqt-template .d-qty,
									#iqt-template .d-price{
										width: 11%!important;
									}

									#iqt-template .d-price{
										text-align: left!important;
										border-right: 1px solid #000!important;
									}

									#iqt-template .menu .d-price{
										border: 0!important;
									}

									#iqt-template .table .row > div:nth-child(3){
										display: block;
									}

									#iqt-template .table .row > div:nth-child(3),
									#iqt-template .table .row > div:nth-child(4),
									#new-page #iqt-template .table .row.normal > div:nth-child(3),
									#new-page #iqt-template .table .row.normal > div:nth-child(4){
										width: 16.5%;
									}

									#iqt-template .d-total{
										width: 16.5%!important;
										border: 0!important;
										text-align: left!important;
									}
										#iqt-template .table .content > .row input{
											padding: 15px 10px;
											width: 60%;
										}

										#iqt-template .table .content > .row.input button{
											width: 100px;
											padding: 13px 5px;
										}

									/* Balance Div (Totals) */
									#iqt-template .balance-div{
										width: 55%;
										margin: 30px 0 50px;
										margin-right: 13px;
									}
										#invoice-statement .row > div{
											float: left;
											width: 31.3%;
										}

										#invoice-statement .row > div:last-child{
											display: block;
										}

									/* [+3] Totals */
									#invoice-statement .balance-div{
										width: 66.5%;
										margin: 10px 0!important;
									}

								/* Banking Details */
								#banking-details{
									display: block;
									float: left;
									width: 50%;
									text-align: left;
									margin-top: 3%;
									color: #000;
								}
									#banking-details .dt{
    									padding: 1.5% 0;
									}
										#banking-details .dt .label{
											font-weight: 700;
										}

									#banking-details #company-name{
										
									}
										#banking-details #company-name span{
											color: #fff;
											padding: 5px 10px;
											border-radius: 5px;
											background: #25282a;
										}

				/* [x] Letterhead */
				#new-letterhead{
					margin-top: -0.7%;
				}
					#new-letterhead .left .content{
						text-align: left;
						font-weight: 300;
						padding: 2%;
						font-size: 120%;
					}

					/* Right */
					.work-station .right{
						width: 30%;
					}

					.work-station #input-form{
						padding: 2%;
					}
						/* First-generation div */
						.work-station .right > div{
						    background: #fff;
						    padding: 0%;
						    font: 90% Rubik;
						    border-radius: 8px;
						}

						/* Each Row */
						.work-station .right .row{
							border: 0;
							border-bottom: 1px solid #d3dad4;
							margin-bottom: 0;
						}
							/* Text */
							.work-station .right .row > .text{
							    width: 60%;
							}
								/* Value */
								.work-station .right .row > .text .value{
									font-size: 75%;
								}


						/* Watermark (SMEPLUS Logo) */
						#iqt-template .footer{
							display: block;
							padding: 10px 0;
						}
							/* First-generation div */
							#iqt-template .footer > div{
								float: left;
							}

							/* Note Div */
							#iqt-template .note-div{
								padding: 20px 1%;
								width: 78%;
								text-align: left;
							}

							/* Note Div */
							#iqt-template .watermark{
								width: 20%;
								float: right;
							}
								#iqt-template .watermark img{
									margin-top: -20px;
									max-width: 100%;
								}


		/**
		 *   View Payment
		 */
		.payment-view{
			font-weight: 300!important;
		}
			.payment-view .row{
				padding: 25px 0;
				text-align: left;
				border-bottom: 1px solid #e1e4e3;
			}
				.payment-view input{
					border: 3px solid #dedede;
				}

				.payment-view .row > div{
					padding: 10px 0;
				}
					.payment-view .row button{
						max-width: 150px;
					}

					.payment-view input{
						font-weight: 300;
					}

				.payment-view .row .label{
					font-weight: 500;
					font-size: 90%;
				}

			.payment-view .row:last-child{
				margin-bottom: 60px;
			}

			.payment-view .ui-form-submit{
				margin-top: 0px;
				padding-bottom: 25px;
			}
				.payment-view .ui-form-submit button{
					max-width: 130px;
					padding: 13px;
				}

			/* First-Generation div*/
			.ui-alt-table > .row > div{
				padding: 30px 0;
			}

			/*.ui-alt-table > .row:not(:first-child) > div:nth-child(4){
				padding: 20px 0;
			}*/

		/**
		 *   Customer Relations
		 */
		#customer-relations-page{
			
		}
			#all-clients-page .ui-alt-table > .row > div:nth-child(1){
				width: 35%;
			}

			#all-clients-page .ui-alt-table > .row > div:nth-child(3){
				width: 15%;
				text-align: center;
			}

			#all-clients-page .ui-alt-table > .row > div:nth-child(4){
				width: 20%;
			}

		/**
		 *   Compliance Section
		 */
		#compliance-page{
			font-size: 90%;
		}
			#compliance-grid .content > div{
				width: auto;
			}

			.empty #compliance-grid .content > div{
				width: 50%;	
			}
				#compliance-grid .content .prompt.consultant > .image{
					width: 30%;
					padding: 2% 5%;
				}

				#compliance-grid .content .prompt.consultant > .text{
					width: 60%;
					font-size: 100%;
					padding: 1% 0!important;
				}

				#compliance-grid .content .prompt.buttons{
					width: 80%;
				}

				#compliance-grid .content > div:nth-child(2){
					width: 48%;
					margin-left: -1px;
					padding-left: 2%!important;
				}
					#compliance-grid .content > div:nth-child(2) input{
						padding: 2.5%;
					}

				#compliance-grid .content input,
				#compliance-grid .content select{
					padding: 3%;
					font: 80% Poppins;
					font-weight: 300;
					border: 3px solid #abc3ae;
				}

			/* Grid */
			#compliance-grid .box{
				width: 98%!important;
				padding: 1%;
				margin-bottom: 30px;
			}
				/* Files name and type */
				#compliance-grid .box .upload-details .file-type{
					display: block;
					width: 70%;
					padding: 14px 0;
				}
					#compliance-grid .file-type > div{
						float: left;
					} 

					#compliance-grid .file-type > .icon{
						padding-right: 5%;
					}
						#compliance-grid .file-type img{
							width: 35px;
							height: 35px;
							margin-top: -5px;
						}

				/* Right: Button */
				#compliance-grid .box .upload-details .button{
					width: 30%;
				}

				#attachment-div {
					width: 45%;
				}

				/* Upload details  */
				#compliance-grid .box .upload-details{
					font-size: 90%;
					padding: 5px 0!important;
					width: 50%;
				}
					/* [+] Content */
					#compliance-grid .ui-label-box .content{
						border: 0;
						background: #fff;
						padding: 2%;
						border-bottom-right-radius: 7px;
						border-bottom-left-radius: 7px;
					}
						.info #compliance-grid .content > div {
							width: 50%;
						}
							#compliance-grid .prompt{
								width: 80%;
								margin: 0 auto;
								margin-right: -45%;
							}

							#compliance-grid .content .prompt.consultant{
								width: 120%;
								margin-right: -60%;
							}

							#compliance-grid .content .submit-div{
								padding-top: 10px!important;
							}
								#compliance-grid button{
									max-width: 150px;
									/*padding: 10% 0;*/
									font: 90% Roboto;
								}

								#bee-affidavit-box button{
									padding: 2.5%;
								}

							#compliance-grid .content .prompt.buttons{
								width: 60%;
							}
}