@charset "utf-8";


/*-----*-----*-----*-----*-----------------------------------*-----*----*/
/*-----							SCHEDULING							----*/
/*-----*-----*-----------------------------------*-----*-----*-----*----*/

#transactionsMainContainer {
	float:left;
	margin:0 0 0 10px;
	width: 1000px;
/*	background: #EEE;			*/
/*	border:1px solid red;		*/
}

#transactionsMainContainer h1,h2,h3,h4,h5,h6 {
	color:#c3473f;
	color:#F60;
	color:#b44c27;
	color:#C63;
}

#transactionsPageTitle {
	float:left;
	width: 100%;
	margin:0 0 15px 0;
}
#transactionsPageTitle h1 {
	float:left;
	width: 650px;
	font: normal 500 2em 'Hind', sans-serif;
	text-align:left;
	margin:0;
	padding:0 0 0 15px;
	border-bottom:1px solid #888;	
}





#transactionsContainer {
	float:left;
	margin:0;
	padding:0;
	width: 100%;
/*	border:1px solid red;			*/		/*******/
}

.transactionContainer {
	float: left;
	width: 30%;
	height: 500px;

	margin: 20px 2%;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	border:1px solid #444;
}

.tc_first {	margin-left: 0; }
.tc_last  {	margin-right: 0; }

.tc_ap { background: #b3f4a2;}
.tc_ir { background: #fca8a8;}
.tc_ip { background: #b8edfe;}


.tc_header {
	float: left;
	width: 100%;		
	height: 42px;
	margin-bottom: -3px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	border-bottom: 1px solid #000;
/*
	border-left:	1px solid #444;
	border-right:	1px solid #444;
	border-top:		1px solid #444;
	border-bottom:	1px solid #444;
	*/
}

.tc_header p {
	margin-top: 6px;
	text-align: center;
	font-family: 'Hind' !important;
	font-weight:600 !important;
	font-size:18px;
	color: #FFF;
	color: #000;
}


.tch_ap { background: #76f355; }
.tch_ir { background: #fe7272; }
.tch_ip { background: #72dbfe; }




.transactions_Date_Picker_Container {
	float: left;
 	position: relative;
 	margin-top: 60px;
	width: 100%;
	border:1px solid #444;	
}


.tc_datePicker {
	float:left;
	display: block;
	width:242px;
    position: absolute;
    top: 65%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -65%);
}



.tc_chosenContainer {
	float: left;
	width: 100%;
	height:55px;
	margin-top: 40px;
/*	border:1px solid red;		*/
}

.tc_chosen {
	width:100%;
	margin-left: 0%;
/*	border:1px solid blue;		*/
}







input.transactionsDatePicker {
	font: normal 20px 'Hind', sans-serif !important;
	height:38px;
	color:#444 !important;
	text-align: center;
	padding: .825em 0.4375em .625em 0.4375em !important;

	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;

	border: 1px solid #444 !important;

}


.transactionContainer .fieldLabel {
	width: 100%;
	text-align: center;
}



.tc_balanceHeader {
	margin-top: 10px;
}


.tc_balanceContainer {
	float: left;
	height:70px;
 	position: relative;
 	margin: 0px 3%;
	width: 94%;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background: #f7f7f7;
	background: #89dd70;

	background: #CCC;


	border:1px solid #444;
}


.tc_balance {
	float:left;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	margin-top: 0px;
	transform: translate(-50%, -50%);

	font: normal 30px 'Lato', sans-serif;
}



.tc_paymentContainer {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.tc_payment {
	height: 50px;
	font: normal 24px 'Lato', sans-serif;
	text-align: center;
	border: 1px solid #444 !important;
}


.TCI_AP { background: #fff;}
.TCI_IR { background: #fff;}
.TCI_IP { background: #fff;}

.inputHidden {
	display: none;
}

.tcButton,
.tcButton:hover,
.tcButton[disabled],
.tcButton[disabled]:hover {
	width:70%;
	margin: 30px 15%;
	font: normal 20px 'Hind', sans-serif;
	color: #ffffff;
	font-size: 1em;
	padding: 11px 20px 10px 20px;
	text-decoration: none;
	text-transform: none !important;

	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}


.tcsb_AP 					{ background: #5c9216; }
.tcsb_AP:hover				{ background: #6baa19; }
.tcsb_IR 					{ background: #ae2a2a; }
.tcsb_IR:hover				{ background: #cc3030; }
.tcsb_IP 					{ background: #1a7d9c; }
.tcsb_IP:hover				{ background: #2099c0; }




.tcsb_AP[disabled],		
.tcsb_AP[disabled]:hover,
.tcsb_IR[disabled],		
.tcsb_IR[disabled]:hover,
.tcsb_IP[disabled],		
.tcsb_IP[disabled]:hover	{ background: #666; }		


.validationError  {
	background: #fdbfbf !important;
/*	border:1px solid red !important;	*/
}


/*
echo '<div id="checkmark" class="tcSavedOKcontainer"><span class="tcSavedOK"></span></div>';
*/

#checkmark {
/*	display: none;	*/
	opacity: 0;
	z-index: 10;
} 

.tcSavedOKcontainer {
	width:300px;
	height:500px;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
/*	border: 1px solid red;		*/
}

.tcSavedOKcontainer span {width:100%; height:100%;}


.tcSavedOK		{
	float:left;
	width: 100%px;
	height: 100%px;
	margin:0 auto;
	background: url("../images/savedOK500.png") no-repeat;
	background-size:100%;
	background-position-x: 0;
	background-position-y: 50%;
}















































.weeklyCalendarDayContainerHeader {
	float: left;
/*	width: 100%;		*/
	height: 32px;
	margin-bottom: -3px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	border-left:	1px solid #444;
	border-right:	1px solid #444;
	border-top:		1px solid #444;
	border-bottom:	none;
}

.weeklyCalendarDayContainerFooter {
	float: left;
	width: 100%;
	display: block;
	height: 10px;

	margin-top: 0px;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

	border-left:	1px solid #888;
	border-right:	1px solid #888;
	border-top:		none;
	border-bottom:	1px solid #888;
}