/**
 *
 **/

@font-face{ font-family:Roboto Regular; src:url(../fonts/Roboto-Regular.ttf); }
@font-face{ font-family:Roboto Bold; src:url(../fonts/Roboto-Bold.ttf); }

#page-title { background:url(https://www.bdo.com.ph/sites/default/files/images/banners/Banner_HL_Selfie_7.jpg) no-repeat; background-size:cover; font-family:Roboto Bold; color:#fff; padding:250px 20px 25px; text-align:right; }

.block-bdo-loan-calculator { font-family:Roboto Bold; color:#666; font-size:12px; }

#page-title { background:url(https://www.bdo.com.ph/sites/default/files/images/banners/Banner_HL_Selfie_7.jpg) no-repeat; background-size:cover; font-family:Roboto Bold; color:#fff; padding:250px 20px 25px; text-align:right; }

.block-bdo-cash_availment_loan-calculator { font-family:Roboto Bold; color:#666; font-size:12px; }

#cash_availment_loan-calculator { font-family:Roboto Regular; }
#cash_availment_loan-calculator h3 { color:#1e4f8e; font-family:Roboto Bold; font-size:1.17em; margin:0.5em 0; }

#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form { color:#666; font-size:12px; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .input.row { margin-bottom:10px; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .input.row > div { display:flex; flex-wrap:wrap; align-content:space-between; flex:1; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-item { padding:10px; margin:0; width:100%; text-align:left; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-item > * { float:none; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-select { width:100%; box-sizing:border-box; font-size:12px; border-radius:4px; margin:0; padding:0 2px; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-text { 
height: 20px;
background: url(/sites/all/modules/bdo/branch_atm/images/input_bg.png) repeat-x;
clear: both;
font-style: normal;
font-size: 12px;
border-radius: 4px;
margin: 0;
padding: 2px 2px;
text-align: right;
width: 100%;
/*width:100%; box-sizing:border-box; font-size:12px; border-radius:4px; margin:0; padding:1px 2px; text-align:right;*/ 
}
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-text:hover { 
border: 1px #1e4f8e solid;
}
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .form-text:focus { 
border: 1px #1e4f8e solid;
}
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form label { font-size: 1.12em; display:block; text-align:left; width:100%; }
#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form label:before { content:"*"; color:#f00; font-weight:bold; padding-right:5px; }


#cash_availment_loan-calculator #results table { margin:0; width:auto; border:2px solid #f7af19; font-size:12px; color:#666; }
#cash_availment_loan-calculator #results th { padding:10px 5px; width:auto; border:none; background-color:#f7af19; color:#fff; text-align:center; }
#cash_availment_loan-calculator #results tr.odd { background: #fff; }
#cash_availment_loan-calculator #results tr.even { background:#e6e6e6; }
#cash_availment_loan-calculator #results td { padding:12px; }
#cash_availment_loan-calculator #results td:first-child { font-weight:bold; border-right:1px solid #f7af19; text-align:left; 
/*width:70%; */
}
#cash_availment_loan-calculator #results td p { margin:0; display:inline-block; }
#cash_availment_loan-calculator #results td select { width:auto; display:block; margin-left:26px; margin-top:5px; float:right; }

#cash_availment_loan-calculator .actions.row { margin:2em 0; }
#cash_availment_loan-calculator .actions.row .calculator-links { display:flex; justify-content:center; list-style:none; margin:0; padding:0; }

#cash_availment_loan-calculator .generic-btn { padding:5px 10px; background:#f7af19; color:#fff; border-radius:5px; cursor:pointer; }
#cash_availment_loan-calculator .generic-btn:hover { color:#fff; text-decoration:none; }

#cash_availment_loan-calculator .row .btm-txt div:last-child { background:#1e4f8e; color:#fff; padding:5px 12px; border-radius:5px; margin-bottom:40px; }
#cash_availment_loan-calculator .row .btm-txt div:last-child h3 { color:#fff; margin:0; }
#cash_availment_loan-calculator .row .btm-txt div:last-child ul { margin:0; }
#cash_availment_loan-calculator .row .btm-txt div:last-child li ul { margin:0; list-style:none; }
#cash_availment_loan-calculator .row .btm-txt div:last-child li ul li:before { content:"\27A4"; color:#f7af19; display:inline-block; margin-left:-1.5em; padding-right:5px; }

#cash_availment_loan-calculator .row .btm-txt div:first-child { border-radius:5px; margin:0 0 10px 0; }
#cash_availment_loan-calculator .row .btm-txt div:first-child li { color: #666; font-size: 12px; }

#cash_availment_loan-calculator > .container-fluid { display:none; }
#cash_availment_loan-calculator #contact_me, #cash_availment_loan-calculator #send_results_via_email { display:none; }
#cash_availment_loan-calculator #results { overflow-x: auto; }
#cash_availment_loan-calculator > .calculator-container > .calculator #bdo-cash-availment-loan-calculator-home-form > div > div > .results {margin-right: 20px; width: 98%; }	
@media all and (max-width:450px) {
	#cash_availment_loan-calculator #bdo-cash-availment-loan-calculator-home-form .input.row { display:block; }
	#cash_availment_loan-calculator { width: 50%; }
	#cash_availment_loan-calculator #results th,
	#cash_availment_loan-calculator #results td,
	#cash_availment_loan-calculator #results td:first-child	{ /*display:block;*/ 
	width:100%; /*padding:5px 30px 5px 12px;*/ 
	box-sizing:border-box; /*border:none;*/ 
	border-right: 1px #f7af19 solid; }
	#cash_availment_loan-calculator #results td:nth-child(2) { text-align:center; }
	#cash_availment_loan-calculator #results th { text-align: left; }
	/*#cash_availment_loan-calculator #results tr:nth-child(2) td:nth-child(2) { display:none; }*/
#cash_availment_loan-calculator #results td select { float:none; margin:auto; }	
}



.overlay-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  z-index: 100;
}
.overlay-popup:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}