body { padding-top: 70px; background-color: #EEE; color: #444; font-family: "Open Sans",sans-serif; font-size: 14px; line-height: 150%; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; line-height: 120%; }
h3 a { color: #000; }
h4 { padding: 0px; margin: 0px; color: #000; }
a { outline: none !important; }
.header .navbar { min-height: 70px; background: url(../img/header_bg.png) top left repeat-x; color: #FFF; }
.header .navbar-header { max-height: 70px; }
.header .navbar-inverse .navbar-nav>li>a { color: #FFF; }
 
 /* LOGO */
 .logo { margin: 0px 15px 0px 15px; }
 .logo img {
    width: 100% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 100%;
}

@media (max-width:768px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70% !important;
    margin-left: 20px;
    }
}

@media (max-width:480px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70% !important;
    margin-left: 20px;
    }
}

.sidebar { padding: 0px; }  
.sidebar .box { padding: 19px; margin-bottom: 20px; }
.box { background-color: #FFF; padding: 0px; border: 1px solid #FFF; border-radius: 4px; margin-bottom: 25px; }
.box .box-comment { padding: 10px; font-style: italic; min-height: 60px; }
.box .box-title { }
.box .box-teaser { margin-top:10px; }
.box .box-title h3 { padding: 0px; margin: 0px; }
.box .box-content { padding: 10px; min-height: 120px; }
.box .box-content .info { color: #FFF; margin-top: 15px; }
.box .box-content .info .label { font-size: 13px; line-height: 2.1; background-color: #fd7300; color: #FFF; font-weight: normal; }
.box .box-content .webpage { text-transform: uppercase; color: #AAA; font-size: 10px;}
.box .box-content .webpage a { color: #AAA; text-decoration: None; font-size: 11px !important;}
.box .box-content .author { color: #AAA; }
.box .box-content p { margin-top: 10px;  }
.box a { color: #000; }
.clear-br { clear-br: both; }

.article-tags { margin-top: 8px; }
.article-tags .label { background-color: #CCC; color:#000; font-weight: normal; }

.article .box { padding: 15px; }

.article-body a { color: #3EBDED !important; }

.articles .img-responsive { width: 100%; }
@media (min-width: 993px) {
    .crop { width: 100% \9; height: 145px; overflow: hidden; }
    .box .box-title { height: 65px; overflow: hidden; }
    .box .box-teaser { height: 59px; overflow: hidden; }
}
@media (min-width: 768px) and (max-width: 992px) { 
    .crop { width: 100% \9; height: 200px; overflow: hidden; }
    .box .box-title { height: 45px; overflow: hidden; }
    .box .box-teaser { height: 59px; overflow: hidden; }    
}
@media (max-width: 767px) { 
    .crop { width: 100% \9; height: auto; }
}


/* WIDGETS */
/* Menu */
.header .navbar-brand { }
.header .navbar-default .navbar-toggle { padding: 7px; margin-top: 20px; }
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus { background-color: #6E839D; }
.header .navbar-default .navbar-toggle .icon-bar { display: block; width: 15px; height: 2px; background-color: #FFF; border-radius: 1px; }
.header .navbar-nav { padding-top: 18px; margin-right: 0px; }
.header .navbar-nav .first-menu-item { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.header .navbar-nav .last-menu-item { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.header .navbar-collapse {background-color2: #26456C; border-color2: #435E80 !important; }
.header .navbar-default .navbar-nav ul { background-color2: #6E839D; }
.header .navbar-default .navbar-nav > li { background-color2: #435E80; margin-right: 1px; }
.header .navbar-default .navbar-nav > li > a { color: #FFF; padding: 6px 20px; }
.header .navbar-default .navbar-nav > li > a:hover { color: #FFF; background2: #6E839D; }
.header .navbar-default .navbar-nav > li > a:visited { color: #FFF; }
.highlighted { color: #FFF !important; background: #6E839D !important; }
.selected { background: #6E839D; }
.header .dropdown-menu { font-size: 12px; }
.header .dropdown-menu > li > a { background-color: #6E839D; color: #FFF; }
.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #435E80 !important; color: #FFF; }
/* Breadcumb */
.breadcrumb { background-color: #F6F6F6; font-size: 10px; }
.breadcrumb a { color: #000; text-decoration: None; }
.breadcrumb a:hover { text-decoration: underline; }
/* Search box */
.search-box { margin-bottom: 20px; }
/* Search Filter Data */
.search-filter-data { margin: 0px; padding: 0px; }
.search-filter-data .label { font-size: 13px; line-height: 2.1; background-color: #CCC; color: #000; font-weight: normal; }
/* Page Tags */
.page-tags span { }
.page-tags a { color: #CCC; }
/* Archive */
.archive .panel { border: 0px; margin-bottom: 2px; padding: 0px; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.05);}
.archive ul { list-style-type: none; margin: 0; padding: 0; }
.archive ul li { margin: 0px 0px 0px 0px; font-weight: bold; background: rgba(0, 0, 0, 0) url("../img/schedule.png") no-repeat scroll left top; text-indent: 22px; }
.archive ul ul { padding-left: 30px; }
.archive ul ul li { font-weight: normal; padding: 1px 0px 1px 0px; background: rgba(0, 0, 0, 0) url("../img/schedule.png") no-repeat scroll left 1px; }

/* Most viewed */
.most-viewed h4 { background: url("../img/viewed.png") no-repeat left top; margin-bottom: 15px; padding-bottom: 8px; text-indent: 22px; border-bottom: 1px solid silver; }
.most-viewed .page-item { margin-bottom: 3px; }
.most-viewed .label { font-size: 13px; line-height: 2.1; background-color: #fd7300; color: #FFF; font-weight: normal; }
/* WIDGETS */

/* Help */
.help h4 { margin-bottom: 15px; padding-bottom: 8px; text-indent: 22px; border-bottom: 1px solid silver; }

/* Tools */
.tools h4 { margin-bottom: 15px; padding-bottom: 8px; text-indent: 22px; border-bottom: 1px solid silver; }

/* IBAN */
.iban input, .iban select { color: #2D4B70 !important; font-weight: bold !important; }
.iban button { background-color: #F5F5F5; }

/* Pagination */
.pagination { margin-top: 0px !important; }
.pagination .active a { background: #6E839D !important; border: 1px solid #6E839D; }

.cms { font-size: 9px; float: right; margin-right: 10px; }

/* Data Tables */
.column-bold { font-weight: bold; }
.vis-cols { cursor: pointer; cursor: hand; }

/* Feeds */
.feedstable { width: 100%; }
.active-day { background-color: #CCC !important; }

/* Sliders */
#rs .slider-selection { background: #EEE; }

/* Calculators */
#chart1, #chart2, #pcharts { width: 95%; margin: 60px auto; }
.chart-title { text-align: center; }
.chart-legend { padding-left: 60px; }
.pie-chart-legend { font-size: 8px; }
#fvb, #fvn, #fvi, #pl, #plp, #profit, #fees, #fees1, #fees2, #inflation, #pvn, #bls, #rn, #ic, #lc, #ifvn, #plpr { font-size: 24px; padding: 15px; }
#af, #f1, #f2, #f3 { font-size: 18px; padding: 15px 0px 15px 0px; }
#tab1, #tab2, #tab3, #tab4, #tab5 { padding-top: 20px; }
.column-on { color: #000; }
.number-box { color: #1C3D66; background-color: #FFF9F3; margin: 5px; margin-bottom: 15px; padding: 10px; border-radius: 4px; border: 2px solid #FFCC82;}
.number-box-label { font-weight: normal; color: #000;}
.number-box-sublabel { color: #555; }
.number-box table { width: 100%; }
.number-box .fl-label { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 5px; font-weight: bold; }
.number-box .fl-bottom { border-top: 1px solid #CCC; padding-top: 3px; margin-top: 5px; font-weight: bold; }
.text-box-sublabel { color: #555; }
.pless { padding-right: 0px; }
.sh-cols { font-size: 11px; }
.calculator .panel-body { background: url(../img/bg-report.png) top left repeat; }
.calculator canvas { background-color: #FFF; }
.calculator .tab-content { margin-top: 15px; }
.calculator .calc-advanced-link { text-align: right; cursor: pointer; }
.calculator .calc-advanced-link a { cursor: pointer; }
.calculator .calc-advanced-buttons { text-align: center; }
.calculator .dataTables_length label { font-weight: normal !important; }
.calculator .dataTables_filter label { font-weight: normal !important; }
.calculator td.nowrap { white-space: nowrap; overflow: hidden; }
.calculator table.dataTable tr th { font-weight: normal; padding-top: 3px; padding-bottom: 3px; }
.calculator table.dataTable tr { background-color: #EEE !important; }
.calculator table.dataTable tr.even { background-color: #F9F9F9 !important; }
.calculator table.dataTable thead th { border-bottom: 0px !important; background-color: #FFF; text-transform: uppercase; }
.calculator table.dataTable tbody tr td { border: 0px !important; padding-top: 8px; padding-bottom: 8px; }
.calculator table.dataTable.no-footer { border-bottom: 1px #CCC !important; }
.calculator table.dataTable tr:hover{ background-color: #EEE !important; }
.calculator .calc-table { border-spacing: 1px; *border-collapse: expression('separate', cellSpacing = '1px'); }
.calculator .calc-table .th tr th { text-align: right !important; }
.calculator .tab-pane { padding-top: 0px !important; }
.calculator #calc-advanced table { width: 100%; border-spacing: 8px; border-collapse: separate; }
.calculator .calc-result-title { text-align: center; }
.calculator .help-text { font-size: 10px; text-align: right; }
.calculator table .number { text-align: right;  white-space: nowrap; }
.calculator .bold { font-weight: bold; }
.calculator .green { color: #336505; }
.panel-icons a { display: block; float: left; border: 2px solid #FFF; padding: 5px; margin-right: 6px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.panel-icons a:hover { border: 2px solid #4D8D51; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.adv-ter { background-color: #F5F5F5; text-align: right !important; margin-right: 0px !important; }
.adv-ir, .adv-s { background-color: #F5F5F5; margin-right: 0px !important; }
#investment-result, #rent-result, #i-table-result, #r-table-result, #i-warning { display: none; }
#i-warning { color: #B00B35 !important; }
.paginate_button {
    background-color: #5bc0de;
    border-color: #5bc0de;
    color: #fff !important;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 6px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 10px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;   
    margin-left: 5px !important;
}
.current, .current:hover { color: #FFF !important; background-color: #253D64 !important; }
.previous, .previous:hover { background-color: #FFF; color: #000 !important; }
.next, .next:hover { background-color: #FFF; color: #000 !important; }
.table-data { font-weight: bold; }


/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs .nav-tabs > li > a,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
    color: #31708f;
}
.with-nav-tabs .nav-tabs > .open > a,
.with-nav-tabs .nav-tabs > .open > a:hover,
.with-nav-tabs .nav-tabs > .open > a:focus,
.with-nav-tabs .nav-tabs > li > a:hover,
.with-nav-tabs .nav-tabs > li > a:focus {
    color: #31708f;
    background-color: #D9EDF7;
    border-color: transparent;
}
.with-nav-tabs .nav-tabs > li.active > a,
.with-nav-tabs .nav-tabs > li.active > a:hover,
.with-nav-tabs .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #D9EDF7;
    border-bottom-color: transparent;
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    //border-color: #D9EDF7;
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #D9EDF7;
}
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
 .nav-tabs { background-color: #DBEAF9 !important; padding-top: 10px; padding-left: 10px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }


/* Menu */
.header .navbar-nav { padding-top: 18px; margin-right: 0px; }
.header .navbar-nav .first-menu-item { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.header .navbar-nav .last-menu-item { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.header .navbar-collapse { background: url(../img/header_bg.png) top left repeat-x; border-color: #435E80 !important; }
.header .navbar-default .navbar-nav ul { background-color: #6E839D; }
.header .navbar-default .navbar-nav > li { background-color: #435E80; margin-right: 1px; }
.header .navbar-default .navbar-nav > li > a { color: #FFF; padding: 6px 20px; }
.header .navbar-default .navbar-nav > li > a:hover { color: #FFF; background: #6E839D; }
.header .navbar-default .navbar-nav > li > a:visited { color: #FFF; }
.highlighted { color: #FFF !important; background: #6E839D !important; }
.selected { background: #6E839D; }
.header .dropdown-menu { font-size: 12px; }
.header .dropdown-menu > li > a { background-color: #6E839D; color: #FFF; }
.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #435E80 !important; color: #FFF; }

/* Instruments */
.instrument-actions { background-color: #FFF; text-align: center; margin-bottom: 10px; }
.instruments .navbar { background-color: #FFF; }
.panel .panel-heading {
    position: relative;
    padding: 0;
    margin: 0;
    background: 0 0;
    font-size: 17px;
    padding-bottom: 30px;
    margin: 20px 20px 0px 20px;
    border-bottom: 2px solid #f5f5f5
}
.panel .panel-heading>.panel-title {
    float: left;
    font-size: 17px
}
.panel .panel-heading>.panel-title>a {
    color: inherit
}
.panel .panel-heading>.panel-options {
    float: right;
    font-size: 13px
}
.panel .panel-heading>.panel-options a {
    display: inline-block;
    color: #979898;
    margin-left: 7px;
    line-height: 1
}
.panel .panel-heading>.panel-options a i {
    line-height: 1
}
.panel .panel-heading>.panel-options a[data-toggle=panel] span {
    display: block;
    font-size: 16px;
    width: 10px;
    text-align: center
}
.panel .panel-heading>.panel-options a[data-toggle=panel] span.expand-icon {
    display: none;
    font-size: 18px
}
.panel .panel-heading>.panel-options a[data-toggle=remove] {
    font-size: 18px
}
.panel .panel-heading>.panel-options a:first-child {
    margin-left: 0
}
.panel .panel-heading>.panel-options .nav-tabs {
    border: 0
}
.panel .panel-heading>.panel-options .nav-tabs>li {
    border: 0
}
.panel .panel-heading>.panel-options .nav-tabs>li>a {
    padding: 0;
    border: 0;
    margin-left: 15px;
    color: #979898;
    background: 0 0
}
.panel .panel-heading>.panel-options .nav-tabs>li>a:hover {
    background: 0 0
}
.panel .panel-heading>.panel-options .nav-tabs>li.active>a {
    color: #4b4b4b
}

/*
.panel .panel-heading>.panel-options { }
*/
/*.panel .panel-heading>.panel-options a{display:inline-block;color:#979898;margin-left:7px;line-height:1}*/

.strong-text { font-weight: bold; }
//.fees-box { background-color: #FCBFD2; }

/* Modal */
/* http://codepen.io/dimbslmh/full/mKfCc */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-body {
    background: url('../img/bg-report.png') top left repeat;
}