@import url(../font-awesome/css/font-awesome.min.css);
@import url('http://fonts.googleapis.com/css?family=Righteous|Raleway:100,200,300,400,500,600,700,800,900');


#header{
	border-bottom: 1px solid #98bbe9;
	padding-bottom: 30px;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5770A1', endColorstr='#ABC4D7');
	background: -webkit-gradient(linear, left top, left bottom, from(#5770A1), to(#ABC4D7));
	background: -moz-linear-gradient(top , #5770A1, #ABC4D7);
	
}
#header h1 {font-size: 18px;}

body { background:#fff; }
#wrapper { margin-top: -28px;}

#footer {height: auto;}

/*Navigation*/
ul.navigation-1 {
	background: #dcebff;
	border: 0 none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
ul.navigation-1 a {color: #333;}
ul.navigation-1 li {border-color: #98bbe9; }

ul.navigation-1 li a:link, ul.navigation-1 li a:visited, ul.navigation-1 li .navigation-box li a:link, ul.navigation-1 li .navigation-box li a:visited, ul.navigation-1 li .navigation-box li a, ul.navigation-1 li .navigation-box h1 {color: #333;}
ul.navigation-1 li a:hover, ul.navigation-1 li a:active, ul.navigation-1 li:hover>a { background: #98bbe9; color: #333}

ul.navigation-1 li ul.navigation-2, .navigation-box {background:#dcebff; border:1px solid #98bbe9; border-top:none;}
ul.navigation-1 li ul.navigation-2 li {background:#dcebff;}
ul.navigation-1 li ul.navigation-2 li a:link, ul.navigation-1 li ul.navigation-2 li a:visited , ul.navigation-1 li ul.navigation-2 li a { border:0 none; border-bottom:1px solid #98bbe9; }

ul.navigation-1 li ul.navigation-2 li a:active, ul.navigation-1 li ul.navigation-2 li a:hover , ul.navigation-1 li ul.navigation-2 li:hover>a { background:#98bbe9; }

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 { border:1px solid #98bbe9; }
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li { border-bottom:border:1px solid #98bbe9; }
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { background:#dcebff; }

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { background:#98bbe9; }

ul.navigation-1 li ul.navigation-2 li:last-child a{border-bottom: 0 none;}
ul.navigation-1 li ul.navigation-2 li:last-child li a {border-bottom:1px solid #98bbe9;}
ul.navigation-1 li .navigation-box h1 { border-bottom:1px solid #98bbe9; }


/*Entry Forms*/
div.input_section table.entry {border: 1px solid #98bbe9; border-collapse: separate; border-top: 0 none;}
div.input_section table.entry tr td, div.input_section table.entry tr th {text-align:left;line-height: 20px; border-right: 0 none; border-bottom: 1px solid #ddd;} 
div.input_section table.entry tr th {width: 13%; padding-right:0;}
/*div.input_section table.entry tr td.colspan1 { width: 15%; }
div.input_section table.entry tr td.colspan2 { width: 22.5%; }
div.input_section table.entry tr td.colspan3 { width: 30%; }*/
div.input_section table.entry tr td.colspan7 { width: 90%; }
div.input_section table.entry tr td td {padding:0;}
div.input_section table.entry table.multi_entry th, div.input_section table.entry table.multi_entry td {border: 1px solid #bbb;}
div.input_section table.entry table.multi_entry table td {border-color: #fff;}

div#input_box {background:#eef6fd;}

ul#input_page_h li.active {background: #98bbe9; color: #333; font-weight: bold;}
h1.input_section_h { padding: 6px; font-size: 12px; border-color: #98bbe9; color: #fff;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#98BBE9', endColorstr='#7699c7');
	background: -webkit-gradient(linear, left top, left bottom, from(#98BBE9), to(#7699c7));
	background: -moz-linear-gradient(top , #98BBE9, #7699c7);
}

.save, .savestay, .clear {background: #436bb5;}
.go .clear { background: #aaa; }

/*Tables*/
div.paging {background: #daedff; color: #333; border: 1px solid #98bbe9; border-bottom: 0 none;}
div.paging_bottom {border-bottom: 1px solid #98bbe9; border-top: 0 none;}
table.report tbody tr td {border-bottom: 1px solid #98bbe9; border-right: 0 none; padding: 4px 7px;}
table.report tbody tr td:last-child {border-right: 1px solid #98bbe9;}
table.report {border-left: 1px solid #98bbe9;border-top: 1px solid #98bbe9;border-bottom: 1px solid #98bbe9;}
table.report tr th, .additional_information h1, .pulley .heading {background: #6588b5;border-bottom: 1px solid #98bbe9; border-right: 0 none; text-align: left;} 
table.report tr th:last-child{border-right: 1px solid #98bbe9;}
div.paging .page_info .bright { color: #5477a4; }

table.report .summation td{ background: #DEE9F4; }

table.report td .context_menu span {font-size: 11px; line-height: 18px;}
table.report td .context_menu div {padding: 0 2px;}
table.report td .context_menu td a {font-size: 11px;}
table.report td .context_menu td:last-child {border: 0 none;}


/*Dashboard*/
.dashboard_section div.input_section_fields {background: none;}
.countbox ul li span, .countbox ul li span a{line-height: 30px; font-size: 11px;}
.dashboxes .heading, .countbox .heading, #cumulation_table .heading, .bookmarks .heading, .dashboxes ul li span.heading a  {font-size: 11px;}
.dashboxes ul li {height: 195px;}
.dashboxes ul li .dashcontent div.chart , .dashboxes ul li table {height: 150px;}


/*Calendar*/
#calendar .calendar_head {background: #6588B5;}
#calendar .blue, #calendar_index .blue {background: #6588B5;}
#calendar .red, #calendar_index .red {background: #f00;}
#calendar .orange, #calendar_index .orange {background: #f60;}
#calendar .green, #calendar_index .green {background: #265F00;}
#calendar .brown, #calendar_index .brown {background: #6F2700;}
#calendar .gray, #calendar_index .gray {background: #6F6F6F;}



/*Custom Loan>Add Form*/
.horizontal_form { overflow: auto;}
.horizontal_form h2 {font-size: 12px; font-weight: bold; color: #fff; background: #666; padding: 5px; margin: 0 0 5px 0;}
.horizontal_block {float: left; width: 32.9%; margin-right: 5px;}
.horizontal_block #input_page_h li {padding: 5px; font-size: 10px;}
.horizontal_block #input_box {margin-bottom: 3px;}
div.input_section .horizontal_block table.entry { border: 0 none; padding: 0 5px;}
div.input_section .horizontal_block table.entry tr td, div.input_section .horizontal_block table.entry tr th {padding: 1px 2px; border: 0 none; }
div.input_section .horizontal_block table.entry tr th.colspan1 { width: 7.5%; min-width: 7.5%;}
div.input_section .horizontal_block table.entry tr td.colspan1 {}
div.input_section .horizontal_block table.entry tr th{ min-width: 90px; font-size: 10px; padding: 0; font-weight: normal;}
.datepicker {width: 100px;}


/*Entry Form Table*/
.entry_form {width: 50%; float: left;}
.repayment_entry_form, .consolidate_entry_form, .call_entry_form, .demand_letter_entry_form {width: 35%;}
.repayment_entry_form div.input_section table.entry tr th, .consolidate_entry_form div.input_section table.entry tr th, .call_entry_form th{width: 20%;}
.repayment_entry_form tr td.colspan3, .consolidate_entry_form tr td.colspan3, .call_entry_form tr td.colspan3 {width: 30%;}
.mlcb_application_entry_form {width: 80%;}
.mlcb_application_entry_form div.input_section table.entry tr th {width: 25%;}


#class_repayment_content .history_information, #class_consolidate_content .history_information, #class_call_content .history_information, #class_demand_letter_content .history_information{width: 64%;}
#class_follow_up_content .history_information {width: 100%; clear: left;margin-left: 0;}

#loan_summary {margin-bottom: 15px;}




html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {font-size: 11px;}

.entry_form th, .entry_form td, .entry_form label, .entry_form span, .entry_form div {font-size: 10px; font-weight: normal;}

#wrapper {margin-top: -24px;}

ul.navigation-1 li a:link, ul.navigation-1 li a:visited {line-height: 23px;}
ul.navigation-1 {height: 23px;}
ul.navigation-1 li ul.navigation-2, .navigation-box {top: 100%;}



table.report tr.selected_row, table.report tr.selected_row a.simple { background:#D7E0ED; color: #0A58AA;}

.table_actions #search_dropdown {margin: 0;}

td#info_td div.context_menu div { left: auto; right: 0;
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.entry_form table select, .entry_form table select, .entry_form input[type="text"], input[type="password"], .entry_form textarea, .entry_form input[type="search"], input, textarea, keygen, select, button, isindex, datagrid  { padding: 1px; font-size: 11px; font-family: arial, verdana, tahoma;}
.entry_form table select, .entry_form table select {padding: 0; height: 19px;}

table.report tbody tr td { padding: 0 5px;}
div.context_menu span.context_menu_on { line-height: 14px; margin-top: 2px;}

.nestcontrol ul ul ul{display: none;}

table.report tr th, .additional_information h1, .pulley .heading {background: #b7c7e3;}
table.report tr th a, .additional_information h1 a, .pulley .heading a {color: #0A58AA !important;}
table.report tbody tr td {border-bottom: 0 none; border-right: 0 none;}
.grey {background: #eee;}

div.input_section table.entry tr td td {border-color: #fff;}

.dropdown_add {padding: 0; height: 19px; font-size: 10px; width: 25px;}

div.context_menu span.context_menu_on {text-align: left;}

/*#borrower1_uid, #borrower2_uid, #surety1_uid, #surety2_uid {width: auto !important; float: left;}*/

#borrower1_entry td.colspan5 .control_grid, #borrower2_entry td.colspan5 .control_grid, #surety1_entry td.colspan5 .control_grid, #surety2_entry td.colspan5 .control_grid, #corporate_borrower1_entry td.colspan5 .control_grid {width: 85%; float: left;}
.uid_search {float: left; font-size: 10px;}

#payment_schedule1_entry, #payment_schedule1_entry input { font-size: 10px;}
#payment_schedule1_entry .datepicker {width: 62px;}

/*#disbursement1_amount, #disbursement1_installment_count, #disbursement1_loan_plan_id, #disbursement1_language_code, #disbursement1_date, #disbursement1_first_payment_date, #disbursement1_second_payment_date {background: #164C93; color: #fff;}*/

.site_data {border-bottom: 1px solid #ccc; padding: 10px 0;}


div.input_section table.entry .new_installments_fee>td, div.input_section table.entry .new_installments_fee>th {
	border-bottom: 1px solid #000;
}

.dashboxes ul li .dashcontent {max-height: 190px; overflow-y: auto;}






















#logout {padding: 0; position: absolute; top: 15px; right: 15px; }
.module_dashboard #logout {right: 0;}
#logout i {font-size: 15px;}
#logout #links {margin-top: 0;}
#logout table a {color: #00a; padding: 5px 0; display: block;}
#session_information {right: 0; top: 30px;}

#wrapper {margin-top: -45px;}
.giveloan#wrapper {margin: 0; width: 100%; margin-top: -50px;}
#header {background: #0E3246; background: #333; padding-top: 15px; border: 0 none; position: relative;}

#header h1 {position: absolute; line-height: 45px; padding: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; left: 10px; top: 0; color: white;}

#menu {height: 45px; margin-right: 30px;}

#menu a:hover {background: #222 !important;}

ul.navigation-1 {background: none; border: 0 none; height: auto; float: right; margin: 0;}
ul.navigation-1 li, ul.navigation-1 li:hover {background: none; border: 0 none; padding: 0}
ul.navigation-1 li a:link, ul.navigation-1 li a:visited {padding: 0 10px;}
ul.navigation-1 li a:link, ul.navigation-1 li a:visited, ul.navigation-1 li .navigation-box li a:link, ul.navigation-1 li .navigation-box li a:visited, ul.navigation-1 li .navigation-box li a, ul.navigation-1 li .navigation-box h1 {color: white; font-size: 11px; font-weight: bold; line-height: 45px;} 
ul.navigation-1 li a:hover, ul.navigation-1 li a:active, ul.navigation-1 li:hover>a {background: #222;}
ul.navigation-1 li ul.navigation-2, .navigation-box {background: #333; border: 0 none; border-radius: 0;}
ul.navigation-1 li:last-child ul.navigation-2, ul.navigation-1 li:nth-last-child(2) ul.navigation-2 {left: auto; right: 0;}
ul.navigation-1 li ul.navigation-2 li a:active, ul.navigation-1 li ul.navigation-2 li a:hover, ul.navigation-1 li ul.navigation-2 li:hover>a {background: #222;}
ul.navigation-1 li ul.navigation-2 li {background: transparent;}
ul.navigation-1 li ul.navigation-2 li a:link, ul.navigation-1 li ul.navigation-2 li a:visited, ul.navigation-1 li ul.navigation-2 li a {border: 0 none;}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 { border: 0 none; left: auto; right: 100%;}
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {background: #333; border: 0 none;}
ul.navigation-1 li:last-child {border-radius: 0;}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:last-child, ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li:last-child a {border-radius: 0;}

.content { margin-top: 0; padding-top: 10px;}
.page_heading {margin-bottom: 10px;}

[href*='authentication/logout'] {font-size: 0 !important; height: 45px !important;}
[href*='authentication/logout']:before {
	content: "\f011";
	font-family: FontAwesome;
	font-size: 15px;
}


.low_income_symbol, .surety_symbol {width: 10px; height: 10px; background: plum; border-radius: 100%; display: inline-block;}
.low_income_symbol span, .surety_symbol span {white-space: nowrap;}

.surety_symbol {background: #0A58AA;}

.show_remarks {position: relative; cursor: pointer;}

.slow_query_table {display: none;}



/*.data_grid_master.external_disbursement .paging {background: #DAFFDD;}*/
#external_disbursement_report tr th, #external_application_report tr th {background: hsl(218, 44%, 60%);}


.input_page_setup {width: 800px;}

.input_page_setup div.input_section table.entry tr th {width: 35%;}
.input_page_setup div.input_section table.entry tr td.colspan3 {width: 13%;}











h1#logo img {max-height: 45px;}
.login h1 img {max-height: 75px;}





















/*New dashboard styles*/
.dashlet_delete, .dashlet_remove, .countbox ul li span.actions, .module_dashboard #input_page_h, .module_dashboard .input_page h2, .countbox .heading {display: none !important;}

.sidebar {height: 565px;width: 35%;margin-top: 0px;padding-top: 0px;position: absolute;top: 0px;left: 0px;box-sizing: border-box;border-right-width: 0px;border-right-style: none;background: transparent; padding-top: 50px; _background: hsl(120, 50%, 55%); border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: hsl(100, 55%, 50%); border: 0 none;}
.sidebar .countbox {border: 0px none;padding: 25px 0px 35px 50px;margin: 0px; 
	/*more space for new ARB dashlet*/
	padding: 5px 0px 35px 30px;
}
.countbox ul li {border: 0px none;margin-bottom: 10px;display: inline-block;padding-right: 40px;padding-bottom: 15px;background: transparent;
	/*more space for new ARB dashlet*/
	padding-bottom: 0;
}
.countbox ul li span a {font-family: raleway;font-size: 14px;font-weight: 600; _color: rgb(217, 253, 218);text-transform: none;opacity: 1;}
.countbox ul li span.fr {font-family: raleway;font-size: 24px;float: none; color: white;line-height: 1.5;font-weight: 200;}
.countbox ul li span.fl {max-width: 100%;text-transform: uppercase; 
	-webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-transform: translateY(-60px);
	color: white;line-height: 1.5;
}
.countbox ul li span.fl a {color: white;}


.dashboxes ul li {margin: 0px;height: auto;max-height: none;width: 33.33%;padding: 4% 0px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(204, 204, 204);box-sizing: border-box;}

.dashboxes ul {position: relative;list-style-type: none;width: 100%;overflow: hidden;}
.main {width: 100%;float: none; _padding-top: 50px;}
.module_dashboard div#input_box {border: 0px none;padding: 0px;background: transparent;}

.dashboxes ul li .dashcontent {border: 0px none;height: auto;max-height: none;margin: 0px;background: transparent; }
.dashboxes ul li .tableparent {max-height: 206px;}
.dashboxes .heading {padding: 7px 0px;text-align: center;background: transparent;}
.dashboxes ul li span.heading a {color: rgb(51, 51, 51);color: black;text-shadow: none;font-family: raleway;text-transform: uppercase;padding-bottom: 10px;border: 0px none;display: inline-block;margin-bottom: 20px;font-size: 12px;font-weight: 600;}

.module_dashboard {background: #333;}
.module_dashboard #wrapper {width: 100%;margin-top: -45px; width: 96%; margin-left: 2%; margin-right: 2%; background: white;}

.module_dashboard #header {margin: 0 2%;}
.module_dashboard #header h1 {left: 0;}

.module_dashboard .content {_border-top: 7px solid hsl(450, 50%, 55%); _background: linear-gradient(hsla(142, 100%, 54%, 0.25), transparent 30%); 
	_background: 
		radial-gradient(500px at 0 0 , hsla(140, 100%, 75%, 0.25), transparent), 
		radial-gradient(500px at 50% 0 , hsla(240, 100%, 75%, 0.25), transparent), 
		radial-gradient(500px at 100% 0 , hsla(340, 100%, 75%, 0.25), transparent);
}

/*.module_dashboard #menu {height: 45px;margin-left: 0px;position: relative;border: 0px none;margin-right: 42px;top: -40px;}*/
/*.module_dashboard #header {border: 0px none;margin: 0px;padding: 0px;background: rgb(59, 83, 108);}*/

/*.module_dashboard #header h1#logo {color: black;left: -361px;top: -1px;font-family: Righteous;font-weight: normal;font-size: 24px;text-transform: none;padding: 55px 0px 45px 50px;width: 300px;position: static;border: 0px none;margin-left: 68px;-webkit-filter: invert(1); filter: invert(1); _background: url(https://d30y9cdsu7xlg0.cloudfront.net/png/16136-200.png) -13px 47px / 65px no-repeat;}*/
.module_dashboard #header h1#logo {font-family: Righteous;font-weight: normal;font-size: 18px;text-transform: none; }

.dashboard_section:first-child .dashboxes li:first-child {margin: 0px 0px 0px 30%;height: 565px;max-height: none;width: 70%;padding: 0 2.5% 2% 1.5%;/*border-bottom-width: 0px;border-bottom-style: none;*/box-sizing: border-box; padding-top: 50px;}
.dashboard_section:first-child .dashboxes ul:before{content: '';position: absolute;left: 0;right: 0;height: 565px;width: 100%;box-shadow: 0 0 25px 5px rgba(0,0,0,0);_background: rgb(59, 83, 108); background: hsl(100, 55%, 47%);}
.highcharts-container {position: relative;overflow: hidden;width: 896px;height: 300px;text-align: left;font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}

.dashboard_section:first-child .dashboxes ul li:first-child .dashcontent div.chart { height: 300px; }

#dashboard_content, .module_dashboard .content {padding : 0;}
/*.module_dashboard ul.navigation-1 {float: right;margin-left: 170px;margin-right: 40px;}*/
/*.module_dashboard #menu a {color: rgb(255, 255, 255);font-family: raleway;font-weight: 500;font-size: 13px;padding: 0px 15px;}*/
#menu a {font-family: raleway;font-weight: 500;font-size: 13px;}
.module_dashboard .input_page {position: relative;}

.dashboard_section:first-child .dashboxes ul li:first-child .heading a {color: #3D8A16; text-shadow: none; font-family: raleway; text-transform: none; padding: 0px; border-width: 12px; border-style: solid; border-color: rgb(207, 241, 174) transparent rgb(207, 241, 174) rgb(207, 241, 174); display: inline-block; margin-bottom: 20px; font-size: 12px; font-weight: 600; position: relative; opacity: 1; width: 295px; height: 0px; line-height: 0; box-sizing: border-box; letter-spacing: 0.2px; background-color: transparent;}

.dashboard_section:first-child .dashboxes ul li:first-child .heading {padding: 7px 0px 7px 50px;text-align: left;background: transparent;}
/*.module_dashboard #logout {  top: 74px; right: 51px; z-index: 9999;}*/



/*.highcharts-grid path, .highcharts-tracker, .highcharts-axis path, .highcharts-series [fill*=none]  { display: none;}*/
.highcharts-grid path, .highcharts-axis path, .highcharts-series [fill*=none]  { display: none;}
/*.highcharts-axis ~ .highcharts-axis {display: none;}*/
.highcharts-axis text[text-anchor*=end] {opacity: 0;}
.dashboxes ul li svg>rect { fill: transparent; 
/*23rd nov 2016 stroke added after weird blue outlines started showing up around dashboard charts*/
	stroke: none;}

.dashboard_section:first-child .dashboxes ul li:first-child .highcharts-series rect[fill*='#4572A7'] {fill: white;}
.dashboard_section:first-child .dashboxes ul li:first-child .highcharts-axis text { fill: rgba(255, 255, 255, 0.5) !important; }
.dashboard_section:first-child .dashboxes ul li:first-child .highcharts-highcharts-data-labels text{ fill: rgba(255, 255, 255, 0.75) !important; }



/*.md5-300b8, .md5-f0f9f, .md5-31993 {width: 66.66% !important;}*/









.module_dashboard #footer {opacity: 0.5; padding: 30px; border: 0 none;}
.dashboard_diagnostics {display: none;}




#Fees_input_section .entry>tbody>tr:last-child {display: none;}

/*#class_borrower_content #BankDetails_input_section {display: none;}*/
/*#class_borrower_content #borrower_edit_form #BankDetails_input_section {display: block;}*/



/*
date: 2015-12-09
author: Ryan
note: Styles for borrower unique key modal content in dashboard page.
*/
body.module_dashboard .super-diagnostic
{
	padding: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	padding-top: 20px;
	color: #777;
}

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.5;
    z-index: 1040;    
}



.countbox ul li span.fr {font-size: 18px;}
.countbox ul li span.fl {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-transform: translateY(-50px);}
.countbox ul li {margin-bottom: 0;}




.countbox ul li span {padding: 0;}
.sidebar {padding-top: 40px;}


#mlcb_application_add_form #a2_property_ownership, #mlcb_application_add_form #a3_property_ownership, #mlcb_application_add_form #a4_property_ownership, #mlcb_application_add_form #a5_property_ownership {width: 42.5% !important;}