label, h1, legend { color: #000000;  }

h1 {color: #f0403d;}

.template {display:none}
.hide {display:none}

.btn { margin-left:20px;}
.btnForm { background-color:#f0403d;}
.btnForm.disabled { opacity:.65;}
.help-block { color:#fff;}
.column { margin-bottom : 10px;}
.control {min-width:200px;}
.formGroup { 
	background-color : rgba( 128,128,128,0.3);
	padding-top:10px;
	padding-bottom:10px;
	text-align : right;
}
.input-validation-error { border : 1px solid red;}
.consoleHeader h1 {
	font-weight:normal;
}
#funds th { color:rgba(255, 204, 0);}
#funds td { color:#fff;}

#funds tr td:nth-child(2) { text-align:right;}
#funds tr td:nth-child(3) { text-align:right;}
#funds tr th:nth-child(2) { text-align:right;}
#funds tr th:nth-child(3) { text-align:right;}

.memberDetails .container {
	xbackground-image: linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.05));
}
.member {
   	background-image: linear-gradient(90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.05));
	xborder-top-left-radius: 0.25rem;
	xborder-top-right-radius: 0.25rem;
}

.memberDetails h1 {
	color: white;
    border-top-left-radius: 15px;
    background: linear-gradient(45deg, #b03258, transparent 60%);
    border-color: rgba(255, 204, 0);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    padding: 5px;
    padding-top: 10px;
    padding-left: 20px;
    font-weight: 100;
    line-height: 1.1;
    font-size: 22px;
	margin-bottom: 0px;
}
.cont-header h1 {
	background:none !important;
}
.memberDetails {
	display: flex;
    border-radius: 0;
	color : rgba(255, 204, 0);
	font-size:14px;
	font-weight:normal;
	padding:15px;
}



#chart {
	height: 150px; 
	width: 150px;
	margin: auto 0px auto 0px;
	border-radius: 50%;
	float: left;
	min-width: 150px;
	position: relative;
}

.pieLabel {
	position: absolute;
	display: none;
	color: white;
	justify-content: center;
	text-align: center;
	height: 20px;
	width: 50px;
	margin-left: -25px;
	margin-top: -10px;
}

.labelCont {
	height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.0);
    border-radius: 50%;
}

#chartContainer{
	padding: 30px;
	min-width: 50%;
	display: flex;
	background-color: rgba(255,255,255, 0);
}

#chartContainer tr{
	padding: 10px;

}


.tableCont {
	margin:auto 0px auto auto;
	color: white;
}

.tableCont td {
	color: white;
}

.squarerow {
	border-radius: 50%;
	margin: 5px;
	min-height: 20px;
	min-width: 20px;
	max-height: 20px;
	max-width: 20px;
}


.cont-header {
	
    
    xborder-top-left-radius: 0.25rem;
	xborder-top-right-radius: 0.25rem;
    padding-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
}

#cont-member-name {
	margin: auto;
	font-weight: 100;
    line-height: 1.1;
}

.test {
 	padding: 10px;
	font-size: 14px;
    font-weight: normal;
}

.file-input-group .form-control {min-width:300px;}

.darkYellow { background-color:#da9d2c !important;}

.control-label {
	flex: 0 0 25%;
	max-width : 25%;
	
	padding-right:15px;
	padding-left:15px;
	width:100%;
}

.full-label {
	padding-right:15px;
	padding-left:15px;
	width:100%;
	font-weight:bold;
}

.col-data {
	flex: 0 0 66.666666%;
	max-width : 66.666666%;
	position:relative;
	padding-right:15px;
	padding-left:15px;
	width:100%;
}
[data-toggle="collapse"]:after {
    display: inline-block;
    font: normal normal bold 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 	content: "\f054";
  	transform: rotate(90deg);
  	transition: all linear 0.25s;
  	float: right;
}

[data-toggle="collapse"].collapsed:after {
  	transform: rotate(0deg);
}



.tile{
	color: white;
	position: relative;	
	display: inline-block;
}

.tile-wide{
	width:300px !important;	
}

.tile i{
	font-size: 22px;
	width: 100%;
	text-align: center;
	padding: 14px 16px 14px 16px;
}

.tile h2{
	margin-top: 0 !important;	
}

.tile h3{
	margin-top: 0 !important;	
	font-size: 18px;
}

.LoginBox { margin-top:30px; width:400px }

.user-id {width:150px; float:right;  font-size:16px;}
.user-id-name {text-align:left;}
.user_LogOff {text-align:left;}
.user-id-image {font-size:32px; float:left; width:40px; height:45px; padding-top:10px; }
#logoutForm{margin:0}

.upper  {text-transform:uppercase}
.uppercase input {text-transform:uppercase}
.capitalise input {
	text-transform: capitalize;
}

.tick {font-size :40px}
      .btn-file {
        position: relative;
        overflow: hidden;
      }

        .btn-file input[type=file] {
          position: absolute;
          top: 0;
          right: 0;
          min-width: 100%;
          min-height: 100%;
          font-size: 100px;
          text-align: right;
          filter: alpha(opacity=0);
          opacity: 0;
          outline: none;
          background: white;
          cursor: inherit;
          display: block;
        }

      .fileName {
        max-width: 320px;
      }