* { box-sizing:border-box; }
body { margin:0; padding:0; background:#f4f4f4; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
a, a:visited { color:#08708e; outline:none; text-decoration:none; }
a:hover { text-decoration:none; }
a img { border:none; }
hr { height:0; border-collapse:collapse; border:none; border-top:1px solid #ccc; }

.wrap {max-width:1260px; margin:0 auto; }

.header { position:relative; }
.nav { background:#000; margin-bottom:5px; padding:5px; overflow:hidden; }
.nav ul { margin:0; padding:0; list-style:none; }
.nav li { float:left; }
.nav a { display:block; height:38px; line-height:38px; color:#e2e2e2; text-decoration:none; padding:0 20px; background:#202020; border:1px solid #333333; text-align:center; min-width:90px; margin-right:5px; }
.nav a:hover {  background:#2f2f2f; }

.content { background:#fff; padding:20px; }
.content h2 { margin-top:0; font-weight:normal; }

.main_table { background:#eafaff; width:100%; border:none; border-collapse:collapse; }
.main_table td { padding:10px; border:1px solid #d8f5ff; color:#444; }
.main_table tr.head td { background:#b2ebff; font-weight:bold; }

h2.next_heading {  margin-top:20px; text-align:center; }
h2.last { margin-bottom:0; }

.currency-query { text-align:left; font-size:14px; color:#000; display:none; }
.currency-query pre { border-top:1px dashed #ccc; padding-top:15px; }
a.trigger-currency-query { cursor:pointer; }

.main_table input[type=text],input[type=text], .main_table select, .main_table input[type=password] { padding:5px; background:#fff; border:1px solid #c2c2c2; font-family:Verdana, Geneva, sans-serif; font-size:12px; width:100%; }
.main_table input[type=text]:focus, .main_table input[type=password]:focus { border:1px solid #616161; }
.main_table input[type=submit], input[type=submit] { background:#549fba; border:none; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:6px 15px; color:#fff; }
.main_table select { padding:4px 5px; }

input[type=text].search-field { width:220px; }

.in_light { color:#666; font-style:normal; }

.search-box { float:right; }
.main-title { float:left; }

.user_area { float:right; font-weight:bold; position:absolute; color:#fff; right:0; top:0; padding:5px; line-height:38px; padding-right:15px; }
.user_area a { color:#fff; font-weight:normal; }

.showin_title { float:right; margin-top:3px; }
.error { padding:10px; background:#ea6a6a; border:1px solid #c93a3a; margin:10px 0; }
.filter_box { padding:5px 10px; }

.datepicker { background:#fff url(../img/icon-calendar.png) right 5px no-repeat !important; }

.success { padding:10px; background:#6aea7f; border:1px solid #39a34a; margin:10px 0; }

.footer { background:#202020; height:38px; padding:0 15px; line-height:38px; margin-top:5px; font-size:11px; color:#e2e2e2; text-align:center; }

input[type=text].desc_field { width:500px !important; }
input[type=text].name_field { width:400px !important; }
input[type=text].edit_field { width:330px !important; }
.pagination_wrap { overflow:hidden; margin:20px 0; }
ul.pagination{ margin:0px; padding:0px; height:100%; overflow:hidden; font:12px Tahoma, Geneva, sans-serif;	list-style-type:none; float:right;}
ul.pagination li.dot{padding: 3px 0;}
ul.pagination li{ float:left; margin:0px; padding:0px; margin-left:5px;}
ul.pagination li:first-child{ margin-left:0px;}
ul.pagination li a{	color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px;}
ul.pagination li a img{	border:none;}
ul.pagination li.details{ color:#699613; color:#888;  }
ul.pagination li a { border-radius:3px;	padding:6px 9px 6px 9px;	}
ul.pagination li a { color: #fff; background:#699613; background:-moz-linear-gradient(top,#87AB19,#699613);	background:-webkit-gradient(linear,0 0,0 100%,from(#87AB19),to(#699613));}	
ul.pagination li a:hover, ul.pagination li a.current{ color:#4F7119; background:#E7F2C7;}
.pagination_wrap span.details{ font-size:12px; float:left; line-height:26px; color:#888 !important; }

.devide { padding:15px; }
.devide h2 { font-weight:normal; text-align:center; }

#add_content { display:none; }

.total_table { border:none; width:100%; text-align:center; }
.total_table h2, .total_table h3 { margin:15px 0; font-weight:normal; margin-top:0; }
.total_table h3 { font-size:36px; margin-top:25px; }
.total_table h3 small { font-size:12px;  }
.total_table h3 small.again { font-size:25px; }

h3.grand_total { color:#060; }

.rate_info_wrap { text-align:center; margin:8px 0; padding:10px; line-height:21px; color:#444; }

.sum_table { width:100%; border:none; border-collapse:collapse; margin-bottom:15px; border:1px solid #ccc; }
.sum_table td { border-bottom:1px solid #ccc; padding:5px 10px; }
.sum_table tr.total-line td {  font-weight:700; }
.sum_table tr.total-line { background:rgba(0,0,0,0.045) }

.sum_table tr.head { background:rgba(0,0,0,0.045); font-weight:700; }
.sum_table td.label { width:60% }

table.compact { border:none; width:100%; border:1px solid #ccc; }
table.compact td { border-bottom:1px solid #ccc; padding:5px 10px; }
table.compact tr:nth-child(odd){ background:rgba(0,0,0,0.01) }
table.compact tr.head { font-weight:700; background:rgba(0,0,0,0.045) }

.small-heading { font-size:18px; padding-bottom:5px; border-bottom:1px solid rgba(0,0,0,0.05) }

/* -------------------------------------------- MISC */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* --- new -- */

.text-center { text-align:center; }

.alert { border:1px solid #ccd0d4; margin:0 0 15px; padding:8px 12px; font-size:13px; line-height:1.4em; border-left-width:4px; border-left-color:#46b450; box-shadow:0 1px 1px rgba(0,0,0,.04); background:rgba(0,0,0,0.009) }
.alert.alert-danger { border-left-color:#dc3232; }
.alert.alert-success { border-left-color:#46b450; }

/* --- NEW --- */

input[type=text], input[type=password] { padding:8px; background:#fff; border:1px solid #ccc; width:100%; margin-top:3px; }
input[type=submit] { padding:9px 20px; cursor:pointer; margin-top:3px; width:100%; }
input.inline{ width:auto !important; }

.radios { line-height:34px; }

.login-form { max-width:320px; margin:60px auto; background:#fff; padding:30px 30px 20px; } 
.login-form h2 { margin-top:0; }
.login-form label, label { color:#666; }
.login-form .field, .label { margin-bottom:10px; }

.add-pmt, .show-bal { background:#fff; padding:15px; }
.mainBalance { text-align:center; font-weight:700; font-size:24px; margin:15px 0; background:#fff; padding:15px; }
.mainBalance span { display:block; color:#aaa; font-size:14px; font-weight:normal; }
.show-bal { margin:15px 0; }
.payment.head { font-weight:700; }
.payment { display:flex; background:#fff; margin:0 0 3px; align-items:center; }
.payment > div { flex:1 100%; padding:10px 15px; }
.payment .balance, .payment .amount { text-align:center; }
.payment .date, .payment .balance { flex:0 auto; min-width:190px; }
.payment.type-0 { background:#f3dddd; }
.payment.type-1 { background:#ddf3dd; }
a.delMobile { display:none; }
.show-bal-copy {  }
@media (max-width:1280px){
.wrap { padding:0 15px; }	
}

@media (max-width:980px){
.payment .date:not(.payment.head .date) { font-size:12px; }

@media (max-width:980px){
	
.mainBalance { font-size:20px; }
.payment { flex-wrap: wrap; text-align:center; align-items:center; }
.payment .date { order:1; font-size:12px; text-align:left; opacity:0.8; }
.payment .balance { order:2; font-weight:700; text-align:right; }
a.delMobile { display:block; }
a.delDesk { display:none; }
.payment .amount { order:3; padding-top:0; }
.payment .date, .payment .balance { flex:0 50%; min-width:auto; }
.payment .amount { flex:1 100%; }
.payment.head { display:none; }

}