body {
	background-color: #fff;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 2px;
	margin-left: 2px;
	text-align: justify;
	color: #483d8b;
}

form {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.fill {
	width: 100%;
}

.navbar-inverse {
	height: 70px;
	margin-bottom: 0;
	border-radius: 0;
	background-color: #1076C9;
}

.navbar-brand {
	padding: 0px 0px 0px 0px;
	height: 30px;
}

.navbar-nav {
	padding: 0px;
	margin: 0px;
}

	.navbar-nav > li {
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.navbar-nav > li > a {
			padding-top: 0px;
			padding-bottom: 0px;
		}


.navbar {
	min-height: 30px;
}

.navbar-default {
	margin-bottom: 0;
	border-radius: 0;
	padding: 0px;
	margin: 0px;
	background-color: #0A477A;
}

.navbar-defaultright {
	margin-bottom: 0;
	border-radius: 0;
	padding: 0px;
	margin: 0px;
	background-color: #0A477A;
}

.navbar-new {
	margin-top: 0;
	margin-bottom: 0;
	border: 2px solid #ddd;
	border-radius: 0;
	padding: 0px;
	margin: -5px;
	background-color: #A5CCEF;
}

.navbar-acyear {
	margin-top: 0;
	margin-bottom: 0;
	border: 2px solid #ddd;
	border-radius: 0;
	padding: 0px;
	margin: -5px;
	background-color: #A5CCEF;
}

.acyear {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.pagetitle {
	margin-left: 20px;
	color: #483d8b;
	font-size: 14pt;
	font-weight: bold;
}

h4.pagehead {
	border: 1px solid #6f5499;
	background-image: url('../Image/SkyBlue.jpg');
	background-repeat: repeat;
	color: white;
	text-indent: 20px;
}


div.boxinf, div.boxlogin {
	width: 98%;
	margin-top: 10px;
	margin-bottom: 5px;
	background-image: url(../Images/Star_orange.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div.boxlogin {
	background-color: #F5E9DE;
	border: 1px solid #e5e5e5;
	color: #666699;
	border-radius: 5px;
}

div.boxinfhead, div.boxinfheaderror {
	width: 98%;
	border-bottom: 1px solid #777;
	color: #aaa;
}

div.boxinfheaderror {
	color: #ff7f50;
}

.colorwhite {
	color: #E3DCEF;
}
.highlightback {
	background-color: #E3DCEF;
}
.logindisplay {
	font-size: 10pt;
	font-weight: bold;
	color: #E3DCEF;
}

.right {
	text-align: right;
}

.centre {
	text-align: center;
}

.size14 {
	font-size: 14pt;
	font-weight: bold;
}

.size10 {
	font-size: 10pt;
	font-weight: bold;
}

.error {
	color: darkred;
}

table.login {
	background-color: #666699;
	color: #FFFFFF;
}

	table.login tr td {
		padding: 0px 5px 5px 0px;
		margin-bottom: 20px;
		margin-right: 2px;
		margin-left: 2px;
	}


table.edit {
    font-size: 10pt;
}

table.edit tr td {
		padding: 0px 5px 5px 0px;
		margin-bottom: 20px;
		margin-right: 2px;
		margin-left: 2px;
	}

label {
    font-weight:500;
}

.row.content {
	height: 700px;
}

.sidenav {
	padding-top: 5px;
	height: 100%;
	background-color: #DEECF9;
	border-right: 3px solid #ddd;
}
/*#1076C9*/

@media screen and (max-width: 767px) {
	.sidenav {
		height: auto;
		padding: 0px;
	}

	.row.content {
		height: auto;
	}
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #DDE4E8;
	color: black;
	text-align: center;
	z-index: 1000;
}
Input.PreviewButt {
    width: 25px;
    border-radius: 5px;
    background-color: #9816B4;
    border-style: none;
}

Input.listbuttonView {
	background: url(../Images/refresh2.jpg) no-repeat center center;
    background-size: 25px 25px;
	cursor: pointer;
	cursor: hand;
}

Input.listbuttonPrint {
	background: url(../Images/Print.png) no-repeat center center;
    background-size: 28px 28px;
	cursor: pointer;
	cursor: hand;
}

Input.listbuttonExcel {
	background: url(../Images/excel.png) no-repeat center center;
    background-size: 28px 28px;
	cursor: pointer;
	cursor: hand;
}

Input.listbuttonPDF {
	background: url(../Images/pdf3.png) no-repeat center center;
    background-size: 25px 22px;
	cursor: pointer;
	cursor: hand;
}

Input.listbuttonMail {
	background: url(../Images/email.png) no-repeat center center;
	cursor: pointer;
	cursor: hand;
}

Input.listbuttonLogin {
	background: url(../Images/login1.png) no-repeat center left;
	height: 22pt;
	width: 40pt;
	cursor: pointer;
	cursor: hand;
}


.navbar-nav li a {
	color: #E3DCEF;
}

	.navbar-nav li a:hover {
		color: #E3DCEF;
	}

.navbar-default .navbar-nav > li > a {
	color: #E3DCEF;
}

.dropdown-menu {
	background-color: #0A477A;
}

.navbar-default .navbar-nav > li > a:hover {
	color: red;
}
.navbar-default .navbar-nav > li > ul> li > a:hover {
	color: red;
}

.metro {
	border: 3px solid #c812b4;
	border-radius: 7px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	background-color: #483d8b;
	/*background-color: #8e44ad;*/
	color: #8de12d;
	min-height: 150px;
	cursor: pointer;
}

	.metro a {
		color: #e5e5e5;
	}

		.metro a:hover {
			color:#A5CCEF;
			text-decoration: none;
		}

	.metro:hover {
		background-color:ButtonShadow;
		border: 2px solid #8de12d;
	}

/*
	.metro{border:2px solid #bbb; border-radius:5px; 
       margin-left: 35px; 
       margin-right: 35px; 
       margin-top: 10px; 
	   padding-top: 7px; 
       margin-bottom: 10px; 
       background-color:#8e44ad; color:#ddd; min-height:140px; cursor:pointer;}
.metro a {color:#ddd;}
.metro a:hover{color:#ddd; text-decoration:none}
.metro:hover{background-color:#be44ad;border:3px solid #aaa;  }

*/


.datepicker {
	background-color: White;
}

table.leftpan {
	width: 100%;
}

	table.leftpan tr td {
		padding-bottom: 5px;
	}

.logindiv {
	margin-top: 40px;
}

.RepSum1 {
	font-weight: bold;
	font-style: italic;
}
.ReportGhead {
		font-weight: bold;
}
.border-highlight {
	border-bottom: 1px solid #999;
}

.loss {
	color: maroon;
	font-weight: bold;
}

.profit {
	color: green;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.textEntry {
}
.numEntry {
}
.ReportHead {
	background-color:powderblue
}
.ReportRight {
	text-align:right
}

.border {
	border:2px solid #bbb; border-radius:5px; 
}

.botgapkycent{padding-bottom:5px}
.leftmarginkycent{
    margin-left:12px;
    /*background-image:url(../images/Container_Header.gif);background-repeat:repeat;height:20px;padding-top: 3px;padding-bottom: 6px;color:gray;font-size:11pt*/
    font-size:12pt;
    border-bottom:inset 1px gray;
    margin-bottom:12px;
}

div.FloatingMessage{left:0;
  right:0; margin: 0 auto;
  top:50px;
  background-color: #ffffff; position:absolute; border:solid 1px #8fbc8b; z-index:105}
td.qhelphead {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: Bold;
    text-align: Center;
    background-color: #F5FBF0;
    height: 10px;
    border: 1px solid green;
    background-image: url('../images/bg-gra-but-27.jpg');
    background-size: 100% 100%;
}
h4.gray {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

ul.messages {
  list-style-image: url('../images/bullet2.gif');
}
ul.messages li {
  padding-bottom: 7px
}
ul.messages li.correct:after {
  content: '✓';
}
.botborder{border-bottom:2px solid #bbb;}

*{padding:0;margin:0}.wrapper{height:55px;width:55px; display:flex;justify-content:center;align-items:flex-end;}.checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;margin: 10% auto;box-shadow: inset 0px 0px 0px #7ac142;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both}.checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset: 0}}@keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px #7ac142}}


/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 750px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 10%;
  margin-left: 10px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


/* Page Size A4 */
div.page {
    margin: auto;
    margin-top: 10mm;
    border: 1px solid black;
    width: 18cm;
    height: 27cm;
}
@page {
    margin: 0;
    size: A4 portrait;
}
tr.photoupload {
    border:solid 1px black; padding-left:10px; padding-top:10px; padding-bottom:10px
}
input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #337ab7;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  border-color:#2e6da4;
  border: 1px solid transparent;
  border-radius: 4px;
}

input[type=file]::file-selector-button:hover {
  background: #0d45a5;
}
.top-header {
    background-image:url(../images/Container_Header.gif);background-repeat:repeat;height:20px;padding-top: 3px;padding-bottom: 6px;color:gray;font-size:11pt
}




.floatingselectionuserid, .containerwin, .floatingselection{background-color:#fefffa; border-right: 1px solid #9ABBE8;border-bottom: 3px solid #9ABBE8;border-left: 1px solid #9ABBE8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.floatingselection{position:absolute; margin-left:auto;margin-right:auto;width:80%;padding:2px 2px 5px 2px;overflow:hidden}
.containerheadwin{background-image: url(../Images/Container_Header.gif); background-repeat:repeat-x; height: 20px;font-size: 10pt;font-weight: bold;color: #ffe;/*#133047*/}
a.closebutton, a.printbutton, a.mzbutton{background-repeat:no-repeat;float:right;width:16px;height:16px;}
a.closebutton{background-image:url(../images/closebw.gif);}
a.printbutton{background-image:url(../images/print.gif);border:1px solid #D8DFEA;}
a.mzbutton{background-image:url(../images/Minus.gif);border:1px solid #D8DFEA;}