@font-face {
    font-family: 'ADLaM-Display';
    font-style: normal;
    font-weight: normal;
    src: local('ADLaM-Display'), url('fonts/ADLaM-Display.woff') format('woff');
    }


html,

body {

   

}



body {

  display: flex;

  align-items: center;

  padding-top: 100px!important;

  min-height: 100px!important;

  padding-bottom: 40px;

  background-color: #f5f5f5;

}
.walletContainer {margin:0 auto; margin-left:15px;margin-top:20px;display:block;clear:both; height:60px;border:0px solid blue;}
.walletBadge {margin:0 auto; display:block;clear:both;/*background:white;*/border-radius:50%;/*border:3px solid #ccc;*/ width:20%;max-width:60px;height:60px; float:left;}
.walletBadge i {display:block;margin:0 auto;padding:9px; font-size:35px;}
 .WalletContainer .walletLabel span {display:block;margin:0 auto;padding:0; width:70%;font-size:1.2em;font-weight:bold;color:#999;border:0px solid red;float:left;}

.home-chartContainer    {float:left;display:block;height:400px;width:50%;}
.home-chartContainer2   {float:left;display:block; height:400px;width:50%;}

.report-chartContainer  { display:block;height:400px;width:100%;}
.report-chartContainer2 {display:block; height: 400px; width: 100%; margin-top:25px;}

.canvasjs-chart-credit  {display:none;}
.canvasjs-chart-canvas { }

.home {

  width: 100%;

  max-width: 1024px;

  padding: 15px;

  margin: 0 auto;

}

.home .checkbox {

  font-weight: 400;

}

.home .form-control {

  position: relative;

  box-sizing: border-box;

  height: auto;

  padding: 10px;

  font-size: 16px;

}

.home .form-control:focus {

  z-index: 2;

}

.home input[type="email"] {

  margin-bottom: -1px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.home input[type="password"] {

  margin-bottom: 10px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.redRadio {font-weight:bold;color:red;font-size:1.2em;}
.greenRadio {font-weight:bold;color:green;font-size:1.2em;}

.home textarea {margin-top:10px;width:100%;height:200px;}


.tblHeaderSmall {font-size: 0.85em;}


h4 {

          font-size:25px;

		 

		  color:#771011;

        }

.cattable { max-width:50%;}


.btn {cursor:pointer;}
 
table tr td {direction:ltr;}


.userphoto
{
	border:2px solid #ccc;border-radius: 50%;  width:45px;height:45px;display:block;cursor:pointer; 
	background: url(images/userprofile.jpg) center center;
    background-size: cover;
    position: fixed;
    top: 20px;
	right: 20px;;
    z-index: 9999;
	animation: 1s ease-out 0s 1 slideInFromUDown;
}


.wallet_userphoto
{
	border:2px solid #ccc;border-radius: 50%; width:25px;height:25px;display:block;cursor:pointer; 
	background: url(images/userprofile.jpg) center center;
    background-size: cover;
    margin:1px;
	float:right;
}


.wallet_userphoto2
{
	border:2px solid #ccc;border-radius: 50%; width:45px;height:45px;display:block;cursor:pointer; 
	background: url(images/userprofile.jpg) center center;
    background-size: cover;
    margin:1px;
	float:left;
}

.wallet_userphoto3
{
	border:2px solid #ccc;border-radius: 50%; width:45px;height:45px;display:block;cursor:pointer; 
	background: url(images/userprofile.jpg) center center;
    background-size: cover;
    margin:1px;
	float:right;
}



 td a i {font-size:1.5em; color:#6D26C5;}

.modal-body {text-align:center;}
.lead {    color: chocolate;font-weight:bold;}

.form-check-label.expenseincomesSelect {margin-right: 1.1rem; font-size: 18px; }

.btn-addnew i {font-size:18px; color: #007bff; margin-top:15px; border: 3px solid #007bff;  padding: 5px;border-radius: 50%;background:white;} 
.btn-addnew span {font-size:15px; font-weight:bold; color: #007bff; margin-left:5px; padding-bottom:15px;}
.btn-addnew a {text-decoration:none;}
.btn-addnew {text-align:right;}
.btn-shareWallet {  width: auto!important; }	
 .btnLeftMargin {margin-left:10px;}
.widgetButtonsHolder {display: flex;width:100%;}

.exp_inc_icons_holder {width:100%; text-align: center;margin:0 auto; display:flex;}
.exp_inc_icons_holder div.icon {width:100px;float:left;padding:0; margin:3px; border-radius:15px; }
.exp_inc_icons_holder div.icon:nth-child(2) {margin-left:20px;}
.exp_inc_icons_holder div.icon img {width:100px; height:100px;border-radius:15px;padding:5px;transition: 1s;}
 
.iconBorder {border:4px solid #0094ff;}
.iconSahdow {box-shadow: 1px 1px 20px #5caab5;}
.labelSelected {font-weight:bold;color:#0094ff; }
.iconHover  {opacity:0.5;  }
.iconHover:hover {opacity:1;  }


@media (max-width: 768px) {

	body { padding-top: 10px!important; }
	td a i {font-size:15px; }

        h1 {

          font-size:20px;
          font-weight:bold;

        }

	

	h4 {

          font-size:20px;

			font-weight:bold;

		color:#771011;

        } 
.home {padding:0;margin-top:75px;  }
.chartContainer > *{font-size:8px !important;}	
.home-chartContainer    {float:auto;display:block;height:400px;width:100%;}
.home-chartContainer2   {float:auto;display:block; height:400px;width:100%;}
/*.canvasjs-chart-canvas {width:50%;}*/
.report-chartContainer  { display:block;height:400px;width:100%;}
.report-chartContainer2 {display:block; height: 400px; width: 100%; margin-top:25px;}
	
	.btn {width:100%;}	
	.btn-primary, .btn-danger  {  margin-left:0;}
 	.btn-secondary,.btn-info { margin-left:0;}
	.ctaphotocancel {margin-top:10px;}
	.userphoto {
		/*position: fixed;  margin: 80px 40% 0 40%;*/
	    position: fixed;
    top: 10px;
	right: 20%;;
     z-index: 9999;
		width:35px;
		height:35px;
		display:none;
	}
	
	
	ul.navbar-nav li {border-bottom:1px solid #ccc;padding-top:0px!important; line-height:2;}
	 
.navbar{padding:10px;}
	.navbar-dark .navbar-toggler {border:none;}
	
		.alert {text-align: center;}
	
.btn-addnew i {font-size:25px; }
.btn-addnew span {display:none;}
.btn-addnew {position:absolute;margin-top:0px;right:20px; }
.btn-shareWallet {  width: 100%!important; margin-bottom: 5px;}	
  }