/* Stylesheet */

body{
    background-color:#99C2FF;
}
.mainContainer{
    margin-top:30px;
    margin-left:100px;
    margin-right:100px;
    margin-bottom:30px;
    background-color:white;
}
.mainDiv{
    margin:30px;
}
.calcName{
    height: 90px; 
    border: 0px;
    margin: 0px; 
    padding:20px;    
    font-size:30px;
}

.box{
    height: 90px;
    margin: 0px;
    padding:20px;     
    background-color:#99C2FF;
}
.box1{
    width:24%;
    height:50px;
    padding-left:40px;
    display: inline-block;
}
.box2{
    height:50px;
    font-size:20px;
    color:#5C5C5C;
    margin: 0 auto;
    text-align:left;
    padding-left:10px;
    line-height: 50px;
    display: inline-block;
}
.box3{
    width:30%;
    display: inline-block;
}
.box4{
    width:21%;
    display: inline-block;
}
.box5{
    width:15%;
    display: inline-block;
}
.box6{
    width:220px;
    display: inline-block;
}
.box7{
    width:300px;  
    display: inline-block;    
}
.box7a{
    width:300px; 
    margin-top:30px;
    display: inline-block;    
}
.box8{
    width:80%;
}
.box9{
    width:125px;
    display: inline-block;    
}
.box10{
    width:350px;
    display: inline-block;    
}

.label2{
    font-size:15px;
}
.label3{
    font-size:15px;
    margin-left:5px;
}
.input2{
    width:35%;
}
.input3{
    width:90%;
}
.input4{
    width:100px;
}
.input5{
    width:300px;
}
.input6{
    width:400px;
}
.input7{
    width:200px;
}
.inlineBlock{
    width: 90%;
    display: inline-block;
}


.f1{
    font-size:20px;
    display: inline-block;
    vertical-align:middle;
}

.btn-right{
    float:right;
    display: inline;
}
.btn-left{
    float:left;
}
.select2{
    width: 200px;
}
.select3{
    width: 300px;
}
.checkbox2{
    width:50px;
    height:50px;
}
.currencyinput {
    border: 0px inset #ccc;
}
.currencyinput input {
    border: 0;
}

.addDiv{
    width:80%;
    background-color:#F0F0F5;
    padding:20px;
}

.checkboxtext
{
  font-size: 110%;
  display: inline;
}
.circle {
    width:50px;
    height:50px;
    border-radius:25px;
    font-size:30px;
    color:#fff;
    background:#ACACBF;
    text-align:center;
    line-height: 50px;
    display: inline-block;
}
.circle-grey{
    background:#ACACBF;
}
.circle-blue{
    background:#3E7895;
}
.input21{
    width:150px;
}
.box20{
    width:175px;
    display: inline-block; 
}
.box21{
    width:250px;
    display: inline-block; 
}
.box22{
    width:500px;
    display: inline-block; 
}
.padding10{
    padding-left:10px;
}
.padding50{
    margin-right:50px;
    margin-top:30px;
}
.padding100{
    padding-left:100px;
}
.width200{
    width:200px;
    text-align:center;
}
.inlineBlock2{
    display: inline-block; 
}
.hrline{
    width:650px;
    height:1px;
    margin-left:20px;
    background-color:#8D8D8D;
}
.box23{
    width:400px;
    display: inline-block; 
}
.margin100{
    margin-left:100px;
}
.margin30{
    margin-right:30px;
    margin-top:30px;
}
.margin10{
    margin-left:10px;
}
.box24{
    width:50px;
    display: inline-block; 
}
.margin20{
    margin-left:20px;
}
.input31{
    width:175px;
}
.box30{
    width:225px;
    display: inline-block;
}
.float-right{
    float:right;
}
.float-top{
    float:top;
}
.float-middle{
    margin-left:33%;
}
.dynamic{}
.pcc{}
.erc{}
.gu{}
.ai{}
.allexpense{}
.close2{}
#container4 {
	position: fixed;
	width: 340px;
	height: 280px;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -170px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: bounceIn;
	-moz-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
	animation-name: bounceIn;
	animation-fill-mode: both;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

#photo{
    height:150px;
    width:140px;
    margin:10px;
    background-color:#F0F0F5;  
}
.box41{
    width:300px;
    padding:10px;
    margin-top:5px;
    background-color:#F0F0F5;    
}
.box42{
    width:100%;
    padding:10px; 
    margin-top:5px;
}
.box43{
    background-color:#F0F0F5;
    padding:10px;
    margin-top:10px;
}
.box44{
    width:142px;
    margin:10px;
    display: inline-block;
}
.box45{
    width:600px;
    height:50px;
    padding-left:30px;
    padding-top:20px;
    background-color:#F0F0F5;    
}
.pchart3d{
    width: 500px; 
    height: 375px;
}
.margin20{
    margin-left:0px;
}

.hrline2{
    width:100%;
    height:3px;
    background-color:#8D8D8D;
}
.hrline3{
    height:1px;
    width:100%;
    background-color:#8D8D8D;
}
.hrline4{
    height:1px;
    width:100%;
    background-color:#8D8D8D;
}
.box46{
    width:225px;
    display: inline-block;    
}
.pad10{
    margin:10px;
}
.th{
    border-bottom:1pt solid #8D8D8D;
}
.table2{
    width:100%;
}
.margin50{
    margin-right:60px;
}
.uploadPhoto{}
td{
    padding-bottom:20px;
}
.marginright50{
    margin-right:50px;
    margin-top:30px;
}
.marginLeft50{
    margin-left:50px;
}