/*STOCHAS MyPage Custom Style*/

@font-face {
  font-family: 'DJB-Get-Digital';
    src:  url('../fonts/DJB-Get-Digital.ttf.woff') format('woff'),
    url('../fonts/DJB-Get-Digital.ttf.svg#DJB-Get-Digital') format('svg'),
    url('../fonts/DJB-Get-Digital.ttf.eot'),
    url('../fonts/DJB-Get-Digital.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
.digital-font {
  font-family: 'DJB-Get-Digital';  
}
@font-face {
  font-family: 'DSEG7-Classic-MINI';
  src: url('../fonts/DSEG7ClassicMini-BoldItalic.woff2') format('woff2'),
  url('../fonts/DSEG7ClassicMini-BoldItalic.woff') format('woff'),
  url('../fonts/DSEG7ClassicMini-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
.digital-font {
  font-family: 'DSEG7-Classic-MINI';
  font-size: 60px;
}
@media screen and (max-width:768px) {
  .digital-font {
    font-size: 45px;
  }
}
/*google font -Roboto*/
.roboto-font{
  font-family: 'Roboto';
}

/* ------------------------------
Common
------------------------------ */
.color-line{
  background-image: none;
  background-color: #0074a9;
}
.text30 {font-size: 30px;}

/*BorderColor*/
.form-control,
.btn-default,
.input-group-addon{
  border-color: #aaa!important;
}

/*MonthlyFeeConfirmTable*/
.confirm-table th{
  width:.01%;
  white-space: nowrap;
}
.confirm-table th{
  background-color: #f5f5f5;
}
.confirm-table tr.usename th,
.confirm-table tr.usename td{
  background-color: #ddffff;
  border-top: 2px solid #ccc;
}
.confirm-table tr.productgroup{
  border-top:3px double #ccc;
}


/* ------------------------------
Login, Register
------------------------------ */
.register-container {
  max-width: 900px;
  padding-bottom: 6%;
}
.register-container .hr-line-dashed {
  border-top: 2px dotted #ccc;
  margin: 40px 0;
}
.hr-line-dashed{
  border-top: 1px solid #eee;
  margin: 40px 0;
}
.position-fee{
  padding: 30px 0;
}
.position-stsfx,
.position-ibrainfx,
.position-bitcoinats {
  position: absolute;
  top: 108px;
  margin-bottom: 30px;
}
.total th,
.total td {
  color:#fff;
  background-color: #0074a9 !important;
  border-color: #0074a9 !important;
}
p.text-validate{
  color:#e74c3c; 
  margin-top: 5px;
  margin-bottom: 0;
}
.checkbox-large label::before{
  width: 25px;
  height: 25px;
}
.checkbox-large input[type="checkbox"]:checked + label::after{
  color: #e74c3c;
  font-size: 17px;
  margin-left: -19px;
}
.custom-login .hpanel .panel-body {
  background: rgba(255,255,255,0.9);
}
.readonly-box {
  margin-bottom: 20px;
}
/*.readonly-box .form-control {
  background-color: #ccc;
}*/
.readonly-box .well {
  background-color: #ccc;
  border: 1px solid #aaaaaa;
}
.readonly-box .readonly-label {
  padding-top: 8px;
  padding-bottom: 8px;
}

/*consent page style*/
.form_consent {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.form_consent input[type=checkbox] {
  display: none;
}
.form_consent_box {
  border: 1px solid #ccc;
  border-width: 1px 0px 0px 0px;
  color: #666;
  background: #fee8e8 url(../../custom/images/ic_check_off.svg) no-repeat 30px center;
  transition: .2s;
}
.form_consent_box label{
  margin-bottom: 0;
}
input + .form_consent_box {
  margin-top: -2px;
}
input:checked + .form_consent_box {
  background-image: url(../../custom/images/ic_check_on.svg);
  background-color: transparent;
}
.form_consent_box_label {
  display: block;
  padding: 1.5em 1em 1.5em 95px;
  cursor: pointer;
}
.form_consent_lastCheck {
  text-align: center;
  border-top: 1px solid #ccc;
}
.form_consent_lastCheck label {
  display: inline-block;
  padding: 0 0 0 30px;
  background: url(../../custom/images/ic_check_off.svg) no-repeat left center;
  text-align: left;
  padding: .5em 0 .5em 40px;
  margin-top: 40px;
  cursor: pointer;
  font-weight: bold;
}
.form_consent_lastCheck input:checked + label {
  background-image: url(../../custom/images/ic_check_on.svg);
}

@media screen and (max-width:992px) {
  .position-fee {
    padding: 0;
    margin-bottom: 10px;
  }
  .position-stsfx,
  .position-ibrainfx,
  .position-bitcoinats {
    position: static;
    top: 0;
  }
  .block-table table,
  .block-table table tbody,
  .block-table table tr,
  .block-table table th,
  .block-table table td {
    width: auto !important;
    min-height: 36px;
    display: block;
  }
  .total th,
  .total td {
    text-align:right;
  }
  .form_consent_box_label {
    padding: 1.5em 1em 1.5em 45px;
  }
  .form_consent_box {
    background-position: 12px;
  }
}

/* ------------------------------
MyPage
------------------------------ */
/*TimeLine -Important Style*/
.timeline-important .vertical-timeline-content {
  color:#fff;
  background-color: #3498db;
}
.timeline-important .vertical-timeline-content:after {
  border-right-color: #3498db;
}
.timeline-important .vertical-timeline-icon {
  color: #3498db;
  border: 2px solid #3498db;
  background-color: #c9e9ff;
}
.timeline-important .panel-footer {
  background-color: #006ab3;
  border-color: rgba(0,0,0,0.1);
}
.timeline-important a {
  color:#fff;
  text-decoration: underline;
}
.timeline-important a:hover {
  color:#ffff00;
  text-decoration: none;
}
.timeline-important .vertical-date small {
  color:#fff;
}
.timeline-important .p-sm {
  position:relative;
  z-index:1;
  overflow:hidden;
}
.timeline-important .p-sm:after {
  content: "\f02e";
  font-family: 'FontAwesome';
  font-size: 100px;
  position: absolute;
  top: 10px;
  right: 20px;
  color: rgba(255,255,255,0.2);
  z-index: -1;
}

/*Bank Account Style*/
a i.btn-circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF;
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
  line-height: normal;
}
.row.pr15 .colgroup{
  padding-right: 0;
}

/*Chart Tooltip Adjustment*/
canvas#doughnutChart,
canvas#doughnutChart2{
  position:relative; z-index:1;
}
/* marpuee style*/
.marquee {
  width:100%;
  padding:5px 0;
  overflow:hidden;
  background-image: url(../../custom/images/bg_dot_b.gif);
  background-color: #444;
  color: #FFFF33;
  font-weight: bold;
  position:relative;
}
.marquee p:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
.marquee p {
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:20s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:20s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:20s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:20s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:20s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/*Commition Table*/
.commition-table {
  white-space: nowrap;
}
.commition-table th {
  background-color: #34495e;
  color: #FFF;
  text-align:center;
}
td.total-cell{
  border-left:3px double #ccc !important;
  background-color: #ffffcc!important;
}
tr.total-cell{
  border-top:3px double #ccc !important;
  background-color: #ffffcc!important;
}

/*Mypage -SideMenu*/
#side-menu li.active ul li a {
  background-color:#fff;
}
body, #side-menu{
  background-color:#fff;
}
#side-menu li ul li a {
  padding-left: 35px;
}
#side-menu li.active ul li a:hover, #side-menu li.active ul li.active a,
#side-menu.nav>li>a:hover, #side-menu.nav>li>a:focus, #side-menu li.active a{
  background-color:#ddedf2;
}
#side-menu li ul li:last-child{
  border-bottom: 0;
}
#side-menu li,
#side-menu li:first-child {
    border-color: #ddd;
}

/*Campaign -Common*/
.campaign{
  margin-bottom: 20px;
}
.campaign .row{
  margin:0;
}
.campaign div[class^="col-"]{
  padding:0;
}
a.campaign-body{
  display:block;
}
.campaign-body{
  position: relative;
  width: 100%;
}
a.panel-heading .campaign{
  margin-bottom: 0;
}
/*Campaign -ATG*/
.campaign-ATG {
  background-image: url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center,45% 0;
  background-size: auto,cover;
  width: 100%;
  height: 200px;
}
.campaign-ATG-text{
  color: #fff;
  background-color:#ff8d00;
  height:200px;
  padding: 45px 20px;
}
.campaign-ATG.entry{
  /*background-image: url(../images/campaign_ATG_entrytext.svg), url(../images/campaign_ATG_entrybg.gif);*/
  background: url(../images/campaign_ATG_entrytext.svg), linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center, 45% 0, center, 45% 0;
  background-size: auto, cover, auto, cover;
}
.campaign-ATG.end, .campaign-ATG.entry.end{
  background: url(../images/campaign_ATG_endtext.svg), linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center, 45% 0, center, 45% 0;
  background-size: auto, cover, auto, cover;
}
.campaign-ATG.add{
  background: url(../images/campaign_ATG_addtext.svg), url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center, center, 45% 0;
  background-size: auto, auto, cover;
}
.campaign-ATG.add.entry{
  background: url(../images/campaign_ATG_entrytext.svg), linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(../images/campaign_ATG_addtext.svg), url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center, 45% 0, center, center, center;
  background-size: auto, auto, auto, auto, cover;
}
.campaign-ATG.add.end, .campaign-ATG.add.entry.end{
  background: url(../images/campaign_ATG_endtext2.svg), linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(../images/campaign_ATG_addtext.svg), url(../images/campaign_ATG_text.svg), url(../images/campaign_ATG_bg.gif);
  background-repeat: no-repeat;
  background-position: center, 45% 0, center, center, center;
  background-size: auto, auto, auto, auto, cover;
}
.campaign-footer{
  color: #fff;
  background-color:#ff8d00;
}
@media screen and (max-width:756px){
  .campaign-ATG {
    /*change image for smartphone*/
    /*background-image: url(../images/campaign_ATG_text.svg), url('../images/campaign_ATG_bg.gif');*/
    height: 100px;
  }
}
/* Blink Common */
.blinking{
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:1;}
}