@charset "utf-8";
/* CSS Document */

.radio_toffee.mandiri {
    display: table;
    margin: 0 auto;
}
.nilai-box.tgrey {
    padding: 0px 17%;
}
.radio_toffee.mandiri .mode label {
    padding-left: 10px;
    padding-right: 10px;
}

.radio_toffee.mandiri .mode label {
    font-weight: 100;
    color: #053369;
    font-size: 17px;
}

.modename input {
    border: 0px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 6px;
    width: 100%;
    text-align:center !important;
    background:transparent;
}

.nresult-text.tblue b:after, .modename .calc-component1 span:after, .modename .calc-component2 span:after, .modename .calc-component3 span:after{
   content: "";
   display:table;
   margin:0 auto;
    height: 5px;
    width: 25%;
    background-color: #F6CF12;
    animation: runner 5s forwards;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation: runner_mandiri 3s forwards;
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes runner_mandiri {
  0%   { width: 0%; }
  50%  { width: 0%; }
  100% { width: 25%; }
}   

span.nocturne:after{
   content: "";
   display:table;
   height: 5px;
   width: 25px;
   position: relative;
   left: 24px;
   top: 5px;
   background-color: #F6CF12;
   animation: runner 5s forwards;
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
   -webkit-animation: runner_mandiri_3 3s forwards;
   -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes runner_mandiri_3 {
  0%   { width: 0%; }
  50%  { width: 0%; }
  100% { width: 35%; }
}   

.nresult-text.tblue b {
    color: #003067;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.modename div select {
    width: 100%;
}

.modename div span {
    display: table;
    margin: 0 auto;
    padding: 15px 0px;
    font-size: 15px;
    color: #003068;
    font-weight: 600;
}
span.investasi-tahun:after, span.select-mandiri:after, span.investasi-dana:after {
    height: 0px !important;
}
.calc-input3 {
    position: relative;
}

span.investasi-tahun {
    position: absolute;
    top: -7px;
    right: 6px;
    font-size: 20px;
    float: right;
    color: #033269;
}

.calc-input1 {
    position: relative;
}
.calc-input2 {
    position: relative;
}

.calc-input4{
    position:relative;
}

span.investasi-dana {
    float: left;
    position: absolute;
    top: -6px;
    font-size: 20px;
    color: #154173;
}

span.select-mandiri {
    position: absolute;
    right: 5px;
    top: -10px;
}
.nresult-text {
    display: table;
    margin: 0 auto;
    text-align: center;
}
.mandiri-button-kalkulasi-area {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}

.mandiri-button-kalkulasi-area button.btn-hitung, .mandiri-button-kalkulasi-area button.btn-reset {
    border: 2px solid #013068;
    background-color: transparent;
    color: #033269;
    padding: 10px;
    margin-right: 5px;
    margin-left: 5px;
}
.mandiri-button-kalkulasi-area button.btn-hitung:hover, .mandiri-button-kalkulasi-area button.btn-reset:hover{
    color:#F6CF12 !important;
    border-color:#F6CF12 !important
}

.mandiri-button-kalkulasi-area i.fa {
    padding-left: 10px;
}
.result-box.ncyan {
    position: relative;
}
span.investasi-result {
    position: absolute;
    top: 32px;
    left: 50px;
    color: #003068;
}

.result-box .nresult-num {
    display: table;
    margin: 0 auto;
    height: 30px;
    border-bottom: 1px solid #D7D7D7;
    width: 50%;
    margin-bottom: 15px;
    margin-top: 25px;
    text-align: center;
}

.modename select {
    border: 0px;
    padding: 0px 0px 10px 0px;
    background-color: transparent;
    border-bottom: 1px solid #D7D7D7;
    border-radius: 0px !important;
    margin: 0px 0px 30px 0px;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mandiri-tooltip {
    float: right;
    position: absolute;
    width: 2%;
    padding-left: 10px;
    padding-right: 16px;
    right: 30%;
    top: 10px;
    color: white;
    background-color: #003067;
    border-radius: 50%;
}
.tooltip-mandiri {
    display: none;
    transition: 0.3s;
    width: 190px;
    float: right;
    z-index: 100;
    position: absolute;
    background-color: #F6CF12;
    padding: 14px;
    color: #ffffff;
    opacity: 1;
    left: 25px;
    top: -2px;
}
.tooltip-mandiri:after{
      content: '';
      position: absolute;
      top: 14%;
      right: 100%;
      margin-top: -8px;
      width: 0;
      height: 0;
      border-right: 8px solid #F6CF12;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
}
.calc-component3 {
    position: relative;
}
.mandiri-tooltip:hover .tooltip-mandiri{
display:block;
transition:0.3s;
}
.mandiri-tooltip:hover .tooltip-mandiri:hover{
display:block;
transition:0.3s;
}
.mandiri-tooltip .tooltip-mandiri:hover{
display:block;
transition:0.3s;
}
.mandiri-form-kalkulasi-dana.wpb_column.vc_column_container.vc_col-sm-6 {
    background-color: #F6F6F6;
    -webkit-box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
    -moz-box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
    box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
}
.tooltip-mandiri a {
    color: #003067;
}
.mandiri-profil-resiko .gfield_description {
    display: table !important;
    margin: 0 auto !important;
    padding: 10px !important;
    font-weight: 300;
    text-align: center;
    font-size: 15px !important;
    padding-bottom: 20px !important;
}
.mandiri-profil-resiko .gfield_radio li {
    border-bottom: 1px solid rgba(112, 112, 124, 0.19) !important;
}
.mandiri-profil-resiko .gfield_radio li label {
    padding-bottom: 25px !important;
    font-weight: 300;
    font-size:  15px;
}
.mandiri-profil-resiko .gform_page_footer {
    border-top: 0px !important;
    margin: 0px !important;
    margin-top: 1.25em !important;
}
.mandiri-profil-resiko .gform_page_footer .gform_next_button {
    float: right !important;
    margin-right: -7px !important;
}
.caller-mandiri {
    font-weight: 600;
    color: #003067;
    font-size: 17px;
    display: table;
    margin: 0 auto;
}
.mandiri-profil-resiko .gform_page_footer input {
    background-color: transparent !important;
    border: 2px solid #003067 !important;
    color: #04336A !important;
    transition:0.3s;
    padding: 10px;
}
.mandiri-profil-resiko .gform_page_footer input:hover {
    background-color: transparent !important;
    border: 2px solid #F6CF12 !important;
    color: #F6CF12  !important;
    transition:0.3s;
}
.mandiri-profil-resiko .gform_page_fields {
    padding: 7% !important;
    background-color: #F6F6F6;
    -webkit-box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
    -moz-box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
    box-shadow: 0px 8px 25px -1px rgba(89,89,89,1);
    padding-bottom: 9% !important;
}
::-webkit-selection{
    text-shadow: none;
    background: #333;
    color: #fff;
      background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-moz-selection
{
    text-shadow: none;
    background: #333;
    color: #fff;
      background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
::selection {
    text-shadow: none;
    background: #333;
    color: #fff;
      background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}