@charset "UTF-8";
/*
* Don't Delete
* Custom Style Common
*/
.custom-bg {
  /*background: url(../../custom/img/bg_dot_b.gif), linear-gradient(rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.8));*/
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../../custom/img/bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}
.custom-bg-mypage {
  /*background: url(../../custom/img/bg_dot_b.gif), linear-gradient(rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0.8));*/
  background: linear-gradient(rgba(66, 55, 55, 0.8), rgba(26, 21, 21, 0.9)), url(../../custom/img/bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}

/* Top Page Common - Change as needed */
 .custom-top {
   max-width: 1200px;
 }
 /*.color-line {
  height: 5px;
  width: 100%;
  background: linear-gradient(
    -90deg,
	  #111 50%,
	  #e7212e 50%,
	  #e7212e 100%
  );
  background-size: 150px 100px;
  align-self: baseline !important;
}*/

/* Register Common - Change as needed */
.costom-register {
  max-width: 1024px;
  margin-top: 1.5rem;
}
.costom-register h2 {
  font-size: 1.25rem;
  margin-bottom: 15px;
}
.badge-require {
  border: 1px solid #f86c6b;
  color: #f86c6b;
  background-color: rgba(0,0,0,0);
}
.badge-optional {
  border: 1px solid #00bcff;
  color: #00bcff;
  background-color: rgba(0,0,0,0);
}

/* StepBar Common - Change as needed */
.stepBar {
  display: flex;
  max-width: 100%;
  position: relative;
  margin: 20px auto;
  text-align: center;
  padding-left: 0;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.stepBar li:after {
  background: rgba(51, 51, 51, 1);
  content: "";
  width: calc(100% - 40px);
  height: 2px;
  position: absolute;
  left: calc(-50% + 20px);
  top: 19px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  height: 40px;
  width: 40px;
  font-size: 16px;
  background: rgba(51, 51, 51, 1);
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after, .stepBar .visited span {
  background: rgb(233, 16, 16);
}

/* RadioButton Button Style */
.form-check-btn {
  margin-right: 0;
}
.form-check-btn input[type="radio"],
.form-check-btn input[type="checkbox"] {
  display: none;
}
.form-check-btn input[type="radio"]:checked + label,
.form-check-btn input[type="checkbox"]:checked + label { 
  background-color: #36A2EB;
  color: #fff;
}
.form-check-btn .aspNetDisabled + label,
.form-check-btn .aspNetDisabled + label:active {
  color: #36A2EB!important;
  background-color: transparent!important;
  opacity: 0.65!important;
}

/*credit list- delete btn style*/
.btn-credit-delete {
  position:absolute;
  top: -5px;
  right: -6px;
}
.btn-credit-delete i {
  font-size: 15px;
}

/*
* Custom Style Common
*/
ul.panel-search-btn {
  list-style: none;
  padding: 0;
}
ul.panel-search-btn li {
  display: inline-block;
}
ul.panel-search-btn li button,
ul.panel-search-btn li input{
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 0;
  margin-top: 5px;
}
.balloon-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  color: #115770;
  background-color: #d2eef7;
}
.balloon-top:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #d2eef7;
}

/*
* Table Common 
*/
/* Table Block -scrollbar hidden style */
@media screen and (max-width:767px){
  td[class^="table-block-rows-"],
  th[class^="table-block-rows-"] {
    overflow-y: scroll;
    -ms-overflow-style: none;    /* IE, Edge */
    scrollbar-width: none;       /* Firefox */
  }
  td[class^="table-block-rows-"]::-webkit-scrollbar,
  th[class^="table-block-rows-"]::-webkit-scrollbar {  /* Chrome, Safari */
    display:none;
  }
  td[class^="table-block-rows-"] {
    white-space: normal;
  }

  /* Table Block Height Adjustment - Change as needed */
  .table-block-rows-2 {
    height: 68px;
  }
  .table-block-rows-3 {
    height: 89px;
  }
}

/* Table Block */
.table-block tbody td:not([class^="table-block-rows-"]) {
  white-space: nowrap;
}
@media screen and (max-width:767px){
  .table-block {
    border:none;
  }
  .table-block.table-bordered thead th,
  .table-block.table-bordered thead td {
    border-width: 1px;
  }
  .table-block tr,
  .table-block th,
  .table-block td  {
    display: block;
  }
  .table-block thead,
  .table-block tbody {
    float: left;
    margin-bottom: 3rem;
  }
  .table-block thead {
    width:135px;
  }
  .table-block tbody {
    width:calc(100% - 135px);
  }
  .table-block tbody td:not([class^="table-block-rows-"]) {
    overflow-x: scroll;
    -ms-overflow-style: none;    /* IE, Edge */
    scrollbar-width: none;       /* Firefox */
  }
  .table-block tbody td:not([class^="table-block-rows-"])::-webkit-scrollbar {
    display:none;
  }
}

/* Table Block -TranHistory */
.table-tranhistory th,
.table-tranhistory td {
  width:16.66666666%;
}
@media screen and (max-width:767px){
  .table-tranhistory th,
  .table-tranhistory td {
    width: auto;
    display: block;
  }
  .table-tranhistory tr {
    float: left;
  }
  .table-tranhistory tr:nth-child(odd) {
    width:160px;
  }
  .table-tranhistory tr:nth-child(even) {
    width:calc(100% - 160px);
  }
  .table-tranhistory tbody {
    width: 100%;
  }
  .table-tranhistory td:not([class^="table-block-rows-"]) {
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;    /* IE, Edge */
    scrollbar-width: none;       /* Firefox */
  }
  .table-tranhistory .table-tranhistory-rows-3 {
    height: 89px;
  }
  .table-tranhistory td::-webkit-scrollbar,
  .table-tranhistory .table-tranhistory-rows-3::-webkit-scrollbar {  /* Chrome, Safari */
    display:none;
  }
}

/*
* Custom Text Style
*/
/* Currency Font Size */
.text-currency small{
  font-size: 60%;
}