/* CSS */

html, body { height: 100%; }
body { font-size: 14px; font-family: Roboto-Regular; font-weight:normal; color:#666; background: #fff }

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Roboto-Regular.woff') format('woff'), 
  url('../fonts/Roboto-Regular.ttf') format('truetype'), 
  url('../fonts/Roboto-Regular.svg#ftl') format('svg');
}

@font-face {
  font-family: 'roboto-medium';
  src: url('../fonts/roboto-medium.eot');
  src: url('../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/roboto-medium.woff') format('woff'), 
  url('../fonts/roboto-medium.ttf') format('truetype'), 
  url('../fonts/roboto-medium.svg#ftl') format('svg');
}

@font-face {
  font-family: 'rupee-foradian';
  src: url('../fonts/rupee_foradian-webfont.eot');
  src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/rupee_foradian-webfont.woff') format('woff'), 
  url('../fonts/rupee_foradian-webfont.ttf') format('truetype'), 
  url('../fonts/rupee_foradian-webfont.svg#ftl') format('svg');
}

/* COMMON STYLES */
.font-light { font-family: Roboto-Light }
.font-med { font-family: roboto-medium }
.rupees { font-family: rupee-foradian }

.dark-color { color: #2a2a2a }
.light-gray-bg { background: #fbfbfb }
.dark-gray-bg { background: #2a2a2a }
.white-bg { background: #ffffff }
.orange-bg { background: #e74918 }

.pad-LR { padding-left: 5px; padding-right: 5px; }
.xs-show { display: none }

/* Firefox */
	a:focus { outline: none }
/* end */

/* Header & Search Section */
.logo-header, .search-wrapper { background: #f5f5f5; padding: 20px 15px; text-align: center }
.search-wrapper { border-bottom: 1px solid #e1e1e1 }
.cd-logo { height: 35px }
.heading-title { font-size: 30px; font-family: roboto-medium; color: #2a2a2a; margin-bottom: 30px; margin-top: 10px }
.search-group { margin-bottom: 20px }
.search-group .form-control { height: 48px; border-color: #ddd; color: #2a2a2a; border-radius: 2px; padding: 10px; box-shadow: none; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s;  }
.search-group .form-control:focus { border-color: #ef5a28 }
.search-group .btn-search { font-size: 16px; font-family: roboto-medium; border-radius: 2px; text-transform: uppercase; letter-spacing: .4px; height: 48px; padding: 12px 24px; background: #ef5a28; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; }
.search-group .btn-search:hover { background: #c4390a }
.search-group .btn-search:focus { outline: 0; box-shadow: none }

/* Loan case list section */
.list-wrapper { background: #fff; padding: 40px 15px 10px }
.list-count { color: #777; font-size: 16px; margin-top: 10px }
.case-list-box .panel { margin-bottom: 30px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12); }
.case-list-box .panel-heading { background: #fbfbfb; padding: 15px; }
.case-list-box .label-text { color: #999999; font-size: 12px; text-transform: capitalize; line-height: 18px; }
.case-list-box .label-detail { color: #2a2a2a; font-size: 15px; text-transform: capitalize }
.hide-largeText { width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.case-list-box .panel-body { position: relative; border-bottom: 1px solid #eee; }
.updte_time { font-style: italic; font-size: 12px; color: #a9a9a9; font-weight: normal; margin: 0px; position: relative; text-align: right;
    padding: 10px 15px; display: block;}

.bank-logo img { max-width: 90%; }

.timeline-container .table { margin-bottom: 0px }
.chk_loan { margin-left: 20px; }
.chk_loan:first-child { margin-left: 0px !important }

@media (max-width: 767px){
	.logo-header, .search-wrapper { padding: 15px 0; }	
	.cd-logo { margin-top: 0px; }
	.heading-title { margin-bottom: 15px; font-size: 22px; margin-top: 0; }
	.search-group { margin-bottom: 0px; }
	.search-group .input-group { display: block }
	.search-group .form-control { height: 42px; padding: 8px; }
	.search-group .btn-search { font-size: 14px; padding: 8px 16px; height: 42px; width: 100%; font-family: roboto-medium; }
	.search-group .input-group .input-group-btn { padding-top: 15px }
	.search-group .input-group-btn .btn-search { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
	
	.list-wrapper { padding: 20px 0 0; }
	.case-list-box .panel-heading { padding: 10px; padding-bottom: 0 }
	.case-list-box .label-text { line-height: 14px; }
	.case-list-box .label-detail { font-size: 14px }
	.case-list-box .panel-body { padding: 15px 10px 0 }
	.img-bank-logo { max-height: 17px; max-width: 95%; }
}

@media (max-width: 991px){
	.xs-space { margin-bottom: 15px }
	.mob-pad.pad-LR { padding-left: 15px; padding-right: 5px }	
}

/* Status Badge */
.status-badge { position: absolute; top: auto; right: -9px; padding: 4px 15px; color: #fff }
.status-badge:before { content: ' '; position: absolute; width: 0; height: 0; right: 0px; top: 100%; border-width: 4px; border-style: solid; }
.status-badge:after { content: ' '; position: absolute; width: 0; height: 0; left: -11px; top: 0; border-width: 10px 6px; border-style: solid; }
.status-badge .st-rb { position: absolute; width: 0; height: 0; left: -11px; bottom: 0; border-width: 10px 6px; border-style: solid; }
/* Open Case Status */
.open-case-status { background: #a9a9a9; }
.open-case-status:before { border-color: #666666 transparent transparent #666666; }
.open-case-status:after { border-color: #a9a9a9 #a9a9a9 transparent transparent; }
.open-case-status .st-rb { border-color: transparent #a9a9a9 #a9a9a9 transparent; }
/* Picked Case Status */
.picked-case-status { background: #f9c834; }
.picked-case-status:before { border-color: #c69f2a transparent transparent #c69f2a; }
.picked-case-status:after { border-color: #f9c834 #f9c834 transparent transparent; }
.picked-case-status .st-rb { border-color: transparent #f9c834 #f9c834 transparent; }
/* Pending Case Status */
.pending-case-status { background: #ff9c4c; }
.pending-case-status:before { border-color: #b86420 transparent transparent #b86420; }
.pending-case-status:after { border-color: #ff9c4c #ff9c4c transparent transparent; }
.pending-case-status .st-rb { border-color: transparent #ff9c4c #ff9c4c transparent; }
/* Approved Case Status */
.approved-case-status { background: #96c783; }
.approved-case-status:before { border-color: #558a40 transparent transparent #558a40; }
.approved-case-status:after { border-color: #96c783 #96c783 transparent transparent; }
.approved-case-status .st-rb { border-color: transparent #96c783 #96c783 transparent; }
/* Rejected & Washout Case Status */
.reject-case-status { background: #f47a7a; }
.reject-case-status:before { border-color: #a32424 transparent transparent #a32424; }
.reject-case-status:after { border-color: #f47a7a #f47a7a transparent transparent; }
.reject-case-status .st-rb { border-color: transparent #f47a7a #f47a7a transparent; }
/* Disburse Case Status */
.disbursed-case-status { background: #70bee2; }
.disbursed-case-status:before { border-color: #3883a6 transparent transparent #3883a6; }
.disbursed-case-status:after { border-color: #70bee2 #70bee2 transparent transparent; }
.disbursed-case-status .st-rb { border-color: transparent #70bee2 #70bee2 transparent; }

@media (max-width: 767px){
	.status-badge { padding: 3px 9px; font-size: 12px; }
	.status-badge .st-rb, .status-badge:after { left: -9px }
}

/* NO Record Found */
.empty-wrapper { background: #fff; padding: 80px 15px; height: 100%; width: 100%; text-align: center }
.empty-wrapper .full-box {   }

.no-found-icon { display: block }
.no-record-icon { height: 128px }
.empty-message { font-size: 22px; color: #777; margin-top: 20px; line-height: 28px; }

/* COLLAPSE PENDING LIST */
.collapse-list a.btn-collapsible { display: block; position: relative; padding: 12px 15px; background: #f5f5f5; text-decoration: none; border-top: 1px solid #ddd; color: #EF5A28; margin-bottom: -1px; border-bottom: 1px solid #ddd; text-transform: uppercase; text-align: center; font-family: roboto-medium }
.list-heading { position: relative; display: inline-block; }
.collapse-icon { position: absolute; right: -30px; top: 50%; margin-top: -12px; }
.plus-icon { display: block; position: relative; width: 22px; height: 22px; background-image: url(../images/collapse-icons.png); background-repeat: no-repeat; background-position: -5px -3px; }
.collapse-list a .plus-icon { background-position: -5px -3px; }
.minus-icon { display: block; position: relative; width: 22px; height: 22px; background-image: url(../images/collapse-icons.png); background-repeat: no-repeat; background-position: -33px -3px; }
.collapse-list a .minus-icon  { background-position: -33px -3px; }

.panel-list-box { padding: 5px 0px 0; background: #fefefe }
.pending-docs-list { padding-left: 0px; list-style: none; width: 100%; margin-bottom: 5px }
.pending-docs-list li { width: 100%; font-size: 16px; color: #2a2a2a; padding: 10px 15px 3px; border-bottom: 1px solid #ddd; }
.pending-docs-list li:nth-child(even){ background: #f5f5f5 }
.pending-docs-list li .docs-sublist { padding-left: 20px; list-style: disc; padding-top: 10px; padding-bottom: 10px; }
.pending-docs-list li .docs-sublist li { width: 20%; float: left; padding: 7px 0; font-size: 14px; color: #787878; border: 0 }
.pending-docs-list li:last-child {  }
.pending-docs-list li:last-child .docs-sublist { padding-bottom: 0 }
.pending-docs-list li .docs-sublist li:nth-child(even){ background: transparent }

@media (max-width: 767px) {
	.collapse-list a.btn-collapsible { text-align: left }
	.list-heading { display: block }
	.pending-docs-list li .docs-sublist li { width: 100% }
	.collapse-icon { right: -5px }
}

/* FOOTER */
.page-footer { background: #f5f5f5; padding: 15px; text-align: center; border-top: 1px solid #e1e1e1; }
.apd-box { display: inline-block;text-align: center; margin-top: 7px; }
.ft-text { font-size: 20px; font-family: roboto-medium; color: #2a2a2a; float: left; margin-top: 3px; }
.app-icon { float: left; margin-left: 80px }
.app-icon p { margin-bottom: 2px; font-size: 12px; }

.copyright-wrapper { background: #293448; padding: 15px; border-top: 1px solid #cacaca; text-align: center; }
.copyright-wrapper p.copy-text { color: #a9aaad; margin-bottom: 0; font-size: 12px; }

@media (max-width: 991px) {
	.ft-text { float: none; font-size: 18px;  margin-left: 0; margin-top: 0; margin-bottom: 15px; }	
	.app-icon { float: none; margin-left: 0 }
}

@media (max-width: 767px) {
	.empty-wrapper { padding: 40px 15px; }
	.no-record-icon { height: 132px }	
	.empty-message { font-size: 26px; line-height: 26px; }
}

@media (max-width: 359px) {
	.ft-text { float: none; font-size: 20px;  margin-left: 0; margin-top: 0; margin-bottom: 15px; line-height: 28px; }	
}


/* INPUT */
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + label span, input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/fm-sprite.png) -13px -7px no-repeat; cursor:pointer; }
input[type="checkbox"] + label:hover span { background-position: -89px -7px; }
input[type="checkbox"]:checked + label span { background-position: -52px -7px; }
.ie8 input[type="checkbox" ]{ display:inline-block; }
.ie8 input[type="checkbox"] + label span { display:none; }
input[type="checkbox"] + label, input[type="radio"] + label { font-size:12px; font-weight: normal;cursor: pointer; }
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { background-image: none; }

input[type="radio"] + label span { background-position: -13px -34px; }
input[type="radio"] + label:hover span { background-position: -55px -34px; }
input[type="radio"]:checked + label span { background-position: -35px -34px; }

/* Bank Page User Comment */
.bnk-cmnt-panel.panel { border: 1px solid #ddd; border-radius: 0px; margin-bottom: 15px !important; box-shadow: none !important; }
.bnk-cmnt-panel .panel-body { padding: 10px; border-bottom: 0px }
.bnk-cmnt-panel .panel-body .cmt-row { padding: 0px 0px 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px }
.cmt-row { padding: 10px; }
.cmt-msg { margin-bottom: 8px; }
.cmt-user { float: left; }
.cmt-time { float: right; font-size: 12px }
.cmt-user, .cmt-time { color: #999; }

#fl-bank-comment { display: block; height: auto; max-height: 360px; min-height: 120px; overflow-y: auto; position: relative; }
.cmt-row.nomsg { font-size: 16px; text-align: center; }
.hidermk {display: none;}
.more-remark { color: #ef5a28; cursor: pointer; text-align: right; }
.ul-padding-rmk {padding-left: 0}

#listModal .col-lg-10 { width: 100% !important }
#listModal .col-lg-offset-1 { margin-left: 0 !important }