.lon-box, .lon-box *, #show-loan, #show-loan * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.lon-box {display:inline-block;clear:both;width:100%!important;margin:0!important;border-radius:5px;overflow:hidden;box-shadow:2px 2px 10px rgba(0,0,0,0.25);font-size:13px;line-height:16px;text-align:center;}
.lon-box .lon-header {position:relative;display:inline-block;clear:both;width:100%;text-align:center;color:#fff;font-size:14px;height:50px;font-weight:bold;border:1px solid rgba(0,0,0,0.1);border-bottom:none;padding:15px 10px;line-height:18px;background:#7783d4;}
.lon-close {position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;}
.lon-close img {position:absolute;top:35%;left:35%;width:30%;height:30%;opacity:0.3;}
.lon-close:hover img {opacity:0.45;}
.lon-box .lon-body {display:inline-block;clear:both;width:100%;padding:0px;background:#f9fcff;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);}
.lon-amount, .lon-maturity {display:inline-block;clear:both;width:100%;padding:30px 20px;border-bottom:1px solid rgba(0,0,0,0.1);}
.lon-title {display:inline-block;clear:both;width:100%;font-size:13px;font-weight:bold;color:#437dce;margin:0 0 10px 0;}

#show-loan {display:block;clear:both;width:auto;text-align:left;font-size:14px;line-height:16px;color:#333;text-decoration:none;position:relative;margin:0 0 10px 0;position:relative;}
#show-loan:hover {text-decoration:underline;}
#show-loan i {float:left;background:#7783d4;color:#fff;font-size:15px;text-align:center;font-weight:bold;display:block;margin:-4px 8px -4px 0;width:24px;height:24px;line-height:24px;border-radius:50px 0 50px 50px;}


.lon-slider {display:inline-block;clear:both;width:100%;padding:10px 0;}
.lon-min, .lon-max {float:left;width:15%;text-align:center;font-size:12px;font-weight:bold;color:#62c4de;word-wrap: break-word;word-break: break-word;}
.lon-max {float:right;}
.lon-slide {float:left;width:70%;padding:0 20px;position:relative;}
.lon-slide .slider.slider-horizontal {width:100%;}
.lon-slide input {display:none;}
.lon-line {position:absolute;top:0;width:1px;height:25px;background:rgba(0,0,0,0.07);display:block;}
.lon-line.lon-l1 {left:20%;}
.lon-line.lon-l2 {left:40%;}
.lon-line.lon-l3 {left:60%;}
.lon-line.lon-l4 {left:80%;}


.lon-slide .tooltip {font-size:12px;font-weight:bold;}
.lon-slide .tooltip-inner {background:#63c5df;border-radius:100px;padding:3px 12px;}
.lon-slide .tooltip.top .tooltip-arrow {border-top-color:#63c5df;}
.lon-slide .slider-handle {background:#63c5df;box-shadow:0 0 0 3px #fff,0 0 3px 5px rgba(0,0,0,0.1);z-index:3;}
.lon-slide .slider-selection {background:#f2bd12;}
.lon-slide .slider-track-high {background:#fff;box-shadow: 0px 1px 2px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(0,0,0,0.05);z-index:2;}


.lon-summary {display:inline-block;clear:both;width:100%;background:#fff;}
.lon-summary .lon-col {float:left;width:33.33%;border-right:1px solid rgba(0,0,0,0.1);padding:25px 5px 20px 5px;}
.lon-summary .lon-col.lon-col-3 {border-right:none;}
.lon-sub-title {display:inline-block;clear:both;width:100%;margin:0;font-size:12px;color:#63c5df;text-transform:uppercase;}
.lon-value {display:inline-block;clear:both;width:100%;font-size:18px;font-weight:bold;color:#437dce;padding:6px 0;}
.lon-value input.lon-interest[type="text"]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {padding:3px;margin:-3px 0 -3px -19px;line-height:24px;height:30px;font-size:18px;font-weight:bold;color:#437dce;float:none;display:inline-block;border:1px solid #fff!important;width:60px!important;max-width:60px;min-width:60px;text-align:right;background:#fff!important;box-shadow:none!important;border-radius:5px;}
.lon-value input.lon-interest[type="text"]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {border-color:rgba(0,0,0,0.1)!important;}
.lon-value strong {line-height:24px;font-weight:bold;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;}
.lon-footer {display:inline-block;clear:both;width:100%;border:1px solid rgba(0,0,0,0.1);border-top:none;position:relative;overflow:hidden;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.lon-footer .lon-left {float:left;clear:both;width:100%;padding:20px;background:#437dce;text-align:left;color:#fff;height:80px;}
.lon-footer .lon-right {position:absolute;right:0;top:0;width:33.33%;padding:0px;background:#63c6df;height:80px;z-index:2;}
.lon-footer .lon-right a {position:absolute;top:0;right:0;width:100%;height:100%;}
.lon-footer .lon-right img {position: absolute; width: auto; height: auto; display: block; max-width: 85%; max-height: 70px; margin: auto; top: -50%; left: -50%; bottom: -50%; right: -50%;}
lon-row {display:block;clear:both;float:left;}
.lon-row:first-child {margin-bottom:8px;}
.lon-row i {color:#63c6df;font-size:17px;line-height:16px;float:left;margin:1px 6px 0px 0;}

#lon-fancy-dialog {max-height:80%;cursor:default;display:none;position:absolute;top:10%;left:50%;width:550px!important;height:420px!important;max-height:80%;margin-left:-275px;z-index:99999;}


/* TOOLTIP */
.tooltip {position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.tooltip.in {filter:alpha(opacity=90);opacity:.9}
.tooltip.top {padding:5px 0;margin-top:-3px}
.tooltip.right {padding:0 5px;margin-left:3px}
.tooltip.bottom {padding:5px 0;margin-top:3px}
.tooltip.left {padding:0 5px;margin-left:-3px}
.tooltip-inner {max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
.tooltip-arrow {position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow {bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow {right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow {bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow {top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow {top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow {top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow {top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow {top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}



@media screen and (max-width: 767px) {
  #lon-fancy-dialog {width:90%!important;max-width:90%;margin:0!important;height:90%!important;max-height:90%;left:5%!important;top:5%;}
}

@media screen and (max-width: 600px) {
  .lon-sub-title {height:32px;}
  .lon-amount, .lon-maturity {padding:25px 10px;}
  
}