@CHARSET "UTF-8";
p.foot
{
	text-align: center;
}
.option
{
	color:red;
}
#label
{
	color:darkblue;
	font-size:17px;
}
#logoutLink
{
	margin:8px;
}
label.lbl1
{
	color:green;
}

label.lbl2
{
	color:red;
}
.panel-default > .panel-heading-addUser
{
background:#D9FFDF ;
font-size:large;
color:darkblue;
padding-left:3%;
}
.panel-default > .panel-heading-addTransaction
{
background:#D9FFDF ;
font-size:medium;
color:darkblue;
text-align:center;
padding-left:3%;
}
.panel-default >  .panel-body-addUser
{
	background-color:#ffffff;
}
.panel-default >  .panel-body-addTransaction
{
	background-color:#ffffff;
}
.panel-default
{
	margin-bottom:5%;
	border-color:gray;
}
.panel-default-custom 
{
width:100%;
height:250px;
}
.panel-default > .panel-heading-custom 
{
background: #5cb85c; 
font-size:medium;
color: #fff; 
text-align:center;
border-color: #4cae4c;
padding: 9px 12px;
padding-top: 7px;
}
 
 #loginDiv
 {
padding:25px;
margin-bottom:10%;
 }
p
{
	font-size:16px;
}

#resetForm
{
	padding-top:4%;	
}
#placeholder
{ 
	padding-left:17%;
	font-size:small;
	color:darkblue;
}
body
{
background-color:white;
background-repeat:no-repeat;
width:100%;
height:100%;
background-size: cover; 

background-position : relative;
}
#logoutLink
{
	font-family:Verdana;
	color:darkred;
	font-size:12px;
	font-style:bold;
}
a
{
	color:darkblue;
	font-size:small;
}
.form-control
{
	font-size:small;
}
#p1
{
	font-family:Verdana;
	color:darkblue;
	font-size:small;
}
#p_size
{
	
	color:darkblue;
}
#login
{
	color:#FFFDD0;
}
em { font-style:bold,italic; font-size: 120%;}
#empty
{
	height:3%;
}
.pass
{
	padding:0px;
}
input[placeholder]:focus { 
	font-style:bold;
	color: black; 
	}

#form2
{
	padding-top:2%;
}
#password
{
	padding-top:2%;
}
#emaildiv
{
	padding-top:5%;
	padding-bottom:8%;
}
#forgetPassword
{
	color: green;
	padding-top:1%;
	padding-bottom:2%;
	font-size:medium;
}

#panelforgot
{
	height:50px;
}
 #signIn
{
	color:white;
	font-size:large;
	padding:1px;
}

#signInNow
{
	color:white;	
	padding-top:1%;
}
 #resetPassword
 {
 margin-top:5%;
 color:white;
 font-size:large;
 padding:1px;
 }

body
{
	font-size:small;'
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
table {
    border-collapse: collapse;
    width: 100%;
}
#addUser
{
	background-color:pink;
	margin-bottom:15%;
	
}

th
{
	font-size:small;
	color:darkblue;
	text-align: left;
	vertical-align: middle; 
    height:35px;
    background-color:#e6e6e6;
}
.addUserTableTd
{
	padding:6px;
	 border-color: lightgray;
}
.addUserTableHeading
{
	background-color:#fff;
	 border-color: lightgray;
	 font-size:small;
}
#addUserTable
{
	border-color:lightgray;
	 
}
.addTransactionTd
{
	text-align: center;
	vertical-align: middle;
	font-size:16px;
    padding: 6px;
}
.addRowTd
{
	text-align: center;
	vertical-align: middle;
	font-size:16px;
    padding-top: 8%;
    margin-top:10%;
}
.payment
{
  margin-left:9px;
  font-size:16px;
   
}
.removeRowIcon
{
	color:red;
	padding:8px;
}
#space
{
padding-right:2%;
height:30px;
}

#h2AddUser
{
font-style:bold;
color:darkblue;
padding-left:7%;
}
#h2
{
font-style:bold;
color:darkblue;
padding-left:2%;
margin-left:6%;
}
#h2withzeroleftMargin
{
font-style:bold;
color:darkblue;
padding-left:2%;

}
#h21
{
font-style:bold;
color:darkblue;
text-align:center;
font-size:xx-larger;
}

#h3
{
font-style:bold;
color:#bf2d19;
}
#body
{
	font-family: Verdana;
}

#child
{
padding-right:2%;
text-align:right;
}
#addTransaction
{
	margin-top:1%;
	padding:0%;
}
#nav{
width:100%;
text-align:center;
min-width:1300px;
height:80px;
position:absolute;
top:0;
left:0;
background:#fff;
list-style:none;
border-bottom: 1px solid #000;
}

#nav li{
display:inline;
}
.navbar-brand 
{
	font-size:medium;
}
#nav .nav{
display:inline-block;
background-color:#000;
color:#FFF;
font-family: 'Oswald', sans-serif;
letter-spacing:1px;
font-size:16pt;
line-height:18pt;
font-weight:400;
text-decoration:none;
margin-right: 3px;
margin-left: 3px;
margin-top:35px;
padding:0px 3px 2px 3px;
}

#nav .nav:hover{
background:#FFFF00;
color:#000;
}

.active{
background:#FFFF00;
color:#000;
font-size:16pt;
}   
#add_row
{
background-color: darkblue;
margin-top:0%;
margin-right:2%;
margin-bottom:8%;
font-style:bold;
float:right;
color:white;
border-color: darkblue;
padding: 7px 9px;
padding-top: 5px;
font-size: 14px;
line-height: 20px;
}
#report
{
background-color: darkblue;
font-size: 14px;
color:white;
margin-left: 2%;
font-style:bold;
line-height: 20px;
}
#save
{
background-color: darkblue;
font-size:small;
color:white;
font-style:bold;
margin-left:25%;
margin-top:1%;
margin-bottom:22%;
border-color: darkblue;
padding: 7px 9px;
padding-top: 5px;
line-height: 20px;
}
#saveUser
{
	background-color: darkblue;
border-color: darkblue;
color: white;
font-size: medium;
line-height: 20px;
margin-top: 5%;
margin-left:24%;
}
#editUser
{
background-color: darkblue;
border-color: darkblue;
color: white;
font-size: medium;
line-height: 20px;
margin-top: 5%;
margin-left:10%;
}
#user_form
{
	margin-top:1%;
}

#update_password
{
		background-color: darkblue;
border-color: darkblue;
color: white;
font-size: medium;
line-height: 20px;
margin-top: 5%;
margin-left:13%;
}
#addAnotherUser
{	
	font-size: 14px;
	background-color: darkblue;
	color:white;
	float:right;
	text-align: center;
	padding: 5px 7px;
    padding-top: 10px;
    line-height: 10px;  
	margin-right: 2%;
	vertical-align: middle;
	padding-bottom: 0px; 
	margin-bottom:1%;
	
}

#showEmailErrorMessage
{
	display: none; 
	margin-bottom: 12px;
	color:red; 
	font-size:12px;
}
#responseMessage
{
		display: none; 
		text-align:center;
}
.well
{
width:96%;
}
#back
{

background-color: darkblue;
color:white;
font-style:bold;
float:right; 
margin-bottom:1%;
margin-right: 1%;
border-color: #4cae4c;
padding: 0px 7px;
padding-top: 6px;
line-height: 16px;
}
#reset1
{
	color:darkblue;
	font-size:20px;
	
}
#reset 
{
	color:white;
	text-align: center;
	font-family: Verdana;
}
#footerdiv
{
	background-color:white;
	
}
#footer
{
	
	font-size:12px;
	font-style:bold;
	font-family: "Comic Sans MS", cursive, sans-serif;
	text-align:center; 
	background-color:white;
	color:darkblue;
}

#outerDivAddUser
{
	margin-bottom:10%;
	background-color:green;
}
.head
{
	text-align:center;
}
fieldset
{
	
}
legend
{
	
	color:darkblue;
}
.img-responsive
{

	 	width: 58%;
	 height: auto;
overflow: hidden;
padding: 16px 25px;
background: #fff;
border-radius: 10px;
display: block;
float: left;
z-index: 201;	 
}
#manageUsersDiv
{
	margin-bottom:10%;
	padding-left:2%;
	padding-right:2%;
}
.navbar {
	margin-bottom: 3px;
	 }

#manageUsers td
{
	padding:0px;
	
}
#nav_bar {

border-color: #d6d6e0;
margin-left:7px;
margin-right:7px;
}
.navbar-default .navbar-nav>li>a {
    color: #666
    ;
  
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: darkblue;
    background-color:#5cb85c;
}
input[type="text"]
{
 width:170px;
 height:35px;
 font-size:small; 
}
input[type="number"]
{
 width:170px;
 height:35px;
 font-size:small; 
}
.textbox
{
 width:170px;
 height:35px;
 font-size:small; 
 padding:6px;
 margin-top:3%;
  margin-bottom:3%;
}

#label{
	text-align:left;
	font-size:medium;
}

.well{
	background-image:none;
}

.sorting_1 , .even, .odd  ,.highlight{
 background-color:white!important;
}
#manageUsers tr td{
      white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     white-space: pre-wrap;       /* css-3 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     word-break: break-all;
     white-space: normal;
     padding:0px;
}
#manageUsers th{
   
     padding-left:8px;
}
.wrapText{
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     white-space: pre-wrap;       /* css-3 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
     word-break: break-all;
     white-space: normal;

}
#reportTable
{
	width:100%;
	background-color:white;
}
#transactionDetails
{

	background-color:white;
}
#reportTable th 
{
	
	width:45%;	
	padding:1%;
	color:black;
	background-color:#D9FFDF ;
}
#reportTable td 
{
	margin-left:4px;
	padding:0px;
	padding-left:8px;
	color:black;
}
.userType{
 width:2% !important;
 padding-left:8px !important;
 }
 .userEmail{
 width:8% !important;
 padding-left:8px !important;
 }
 
 .userName{
    width:3% !important;;
    padding-left:8px !important;
 }
 .userStatus{
 width:2%!important;
   padding-left:8px !important;
 }
 .logginTime{
   width:3%!important;
     padding-left:8px !important;
 }
 .Action
 {
 width:2%!important;
   padding-left:8px !important;
 }
 .help-block
 {
 color:red;
 margin-top:0;
 margin-bottom:0;
 }
 #TransactionIdTh
 {
 padding-left: 2px;
 padding-right: 12px;
 width: 107px;
 }
 #TransactionDateTh
 {
 padding-left: 2px;
 padding-right: 12px;
 width: 127px;
 }
 #TransactionCategoryTh
 {
 padding-left: 6px;
 }
 #TransactionDetailTh
 {
 padding-left: 2px;
 padding-right: 13px;
 width: 135.017px;
 }
#TransactionAmountTh
{
padding-left: 2px;
padding-right: 14px;
width: 125.85px;
}
#TransactionTypeTh
{
padding-left: 2px;
padding-right: 8px;
width: 28px;
}
#TransactionPaymentTh
{
width: 109.4px;
padding-left: 2px;
padding-right: 16px;
}
#TransactionBalanceTh
{
padding-left: 2px;
padding-right: 11px;
width: 129px;
}
#Transactionemail
{
	padding-left:5px;
}
#addTransaction th
{
	padding-left:8px;
}
.repotFilter
{
	padding-left:5%;
}
 .Header {
    	margin-top: 2%;
	}
#header_menu {
    width: 99%;
    
}
.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.Header .sixteen {
    position: relative;
    z-index: 201;
    margin-bottom: 1.5%;
}
.container .sixteen.columns, .container .one.column {
    width: 100%;
}
.container .column, .container .columns {
    float: left;
    display: inline;
   
}

.Header #logo {
    background: #fff;
	border:1px solid #FD6;	
    border-radius: 10px;
    display: block;
    float: left;
    margin: -18px 12px 0;
    overflow: hidden;
    padding: 16px 25px;
    position: absolute;
    z-index: 201;
    width: 21%;

}
#nav_bar
{
height:75px;
background:#5CB85C;
padding: 30px 20px;
padding-top:1%;
color:#FFF;
font-family: Exo,Arial,Tahoma,sans-serif;
font-weight: bold;
}
.navbar-default .navbar-nav  li  a
{
 padding:9px;
 color: white;

}
#logoutLink
{
padding-right:8px;
}
#userNameNavBar
{
height:10px!important;
}
.navbar {
min-height:0px !important;
border:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
	background-image: none;
    background-repeat: none;
    box-shadow: none;

	}
	.textarea
	{
	width:300px;
	height:100px !important;
	font-size: small;
	}