/* Author : Vinothraja | Date : 18-Aug-2016 */
.content_left {float:left; width:75%;}
.content_left_top {float:left; width:100%; background:#001831;}
.top_logo {float:left; width:auto; padding:5px; color:#FFF; background:#1c5da0; text-transform:uppercase; font-weight:bold; font-size:24px;}
.arrow-right {float: left; width: 0px; height: 0px; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 20px solid #1c5da0;}
.app_name {float:left; width:auto; color:#FFF; padding:5px; font-size:24px; margin-left:10px;}
.content_left_middle {float:left; width:98%; background:rgba(255,255,255,0.5); padding:2% 1%;}
.events_div_red {float:left; width:17%; height:120px; background:linear-gradient(#bd2f1b 50%,#811805 50%); margin-left:20px; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5);}
.events_div_green {float:left; width:17%; height:120px; background:linear-gradient(#92c04a 50%,#265317 50%); margin-left:20px; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5);}
.events_div_skyblue {float:left; width:17%; height:120px; background:linear-gradient(#64ebcb 50%,#176f35 50%); margin-left:20px; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5);}
.events_div_blue {float:left; width:17%; height:120px; background:linear-gradient(#6692e4 50%,#10195a 50%); margin-left:20px; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5);}
.event_name_eng {float:left; width:100%; text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; padding:10px 0px 0px 0px;}
.event_middle {float:left; width:100%;}
.event_icon {float:left;}
.coconut_icon {float:left; width:38px; height:30px; background:url(../images/coconut_icon.png) no-repeat;}
.banana_icon {float:left; width:38px; height:30px; background:url(../images/banana_icon.png) no-repeat;}
.calendar_icon {float:left; width:38px; height:30px; background:url(../images/calendar_icon.png) no-repeat;}
.others_icon {float:left; width:38px; height:30px; background:url(../images/others_icon.png) no-repeat;}
.event_amount {float:right;background: #fdff8a; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #fdff8a , #57b32a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #fdff8a, #57b32a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #fdff8a, #57b32a); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #fdff8a , #57b32a); /* Standard syntax (must be last) */ border-radius:5px 0px 0px 5px; padding:5px; font-weight:bold;}
.event_name_tm {float:left; width:100%; text-align:center; color:#FFF; font-family:amudham; font-weight:bold; padding:0px 0px 10px 0px;}
.content_left_bottom {float:left; width:98%; background:rgba(232,238,245,0.5); padding: 2% 1%;}
.content_left_bottom h1 {float:left; width:100%; text-align:center; color:#a01c1c;}
.archanai_list_div {float:left; width:17%; height:120px; background:linear-gradient(#bd2f1b 50%,#811805 50%); margin:20px 0px 0px 20px; -moz-box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5); box-shadow: inset 0 -1px 20px rgba(0,0,0,0.5);}
.archanai_name_eng {float:left; width:100%; text-align:center; text-transform:capitalize; color:#FFF; font-weight:bold; padding:12px 0px;}
.archanai_name_tm {float:left; width:100%; text-align:center; color:#FFF; font-family:amudham; font-weight:bold; padding:12px 0px;}
.content_right {float:left; width:23%; min-height:688px; background:rgba(210,222,236,0.5); padding:0.5% 1%; position:relative;}
.change_pwd_div {float:left; width:100%; padding:10px 0px; text-align:center; background:#484001; cursor:pointer;}
.pwd_icon {float:left; width:22px; height:22px; background:url(../images/pwd_icon.png) no-repeat; position:relative; left:22%;}
.change_pwd_div label {color:#FFF; line-height:24px;}
.transaction_div {float:left; width:49%; padding:10px 0px; text-align:center; background:#1672b3; cursor:pointer; margin-top:2%;}
.transac_icon {float:left; width:22px; height:22px; background:url(../images/transac_icon.png) no-repeat; position:relative; left:42%;}
.transaction_div label {float:left; color:#FFF; line-height:24px; width:100%;}
.logout_div {float:left; width:49%; padding:10px 0px; text-align:center; background:#a21413; cursor:pointer; margin:2% 0 0 2%;}
.logout_icon {float:left; width:22px; height:22px; background:url(../images/logout_icon.png) no-repeat; position:relative; left:42%;}
.logout_div label {float:left; color:#FFF; line-height:24px; width:100%;}
.name_txt {float:left; width:100%; margin-top:8%}
.cardbal_txt {float:left; width:100%; margin-top:4%;}
.amt_content_div {float:left; width:100%; background:#bcfdb9; margin-top:30px;}
.amt_content_hd_div {float:left; width:100%; background:#068200; padding:10px 0px;}
.amt_dollor {float:left; width:auto; color:#FFF; opacity:.2; font-size:24px; margin:6px 0px 0px 10px;}
.amt_total {float:right; width:auto; font-size:24px; color:#FFF; margin:6px 10px 0px 0px; font-weight:bold;}
.amt_close {float:right; width:40px; height:40px; background:url(../images/close.png) no-repeat; background-size:contain; margin-right:10px;}
.amt_content {float:left; width:100%; height:275px; overflow-y:scroll;}
.amt_strip1 {float:left; width:100%; background:#d7fdd4; margin-top:2px;}
.amt_strip2 {float:left; width:100%; background:#e4fee3; margin-top:2px;}
.amt_name {float:left; width:65%; border-right:1px solid #FFF; padding:2%;}
.amt_txt {float:right; width:auto; padding:2%;}
.submit_btn {width:92%; padding:20px 0px; text-align:center; font-size:24px; text-transform:uppercase; font-weight:bold; background:#023001; color:#FFF; position:absolute; bottom:10px;}

@media screen and (max-width:960px) {
	.content_left {width:65%;}
	.content_right {width:33%;}
	.events_div_red, .events_div_green, .events_div_skyblue, .events_div_blue {width:26%; margin-top:2%;}
	.archanai_list_div {width:26%;}
}
@media screen and (max-width:768px) {
	.content_left {width:100%;}
	.content_right {width:98%;}
}