.pointer {cursor:pointer;}

.table_info {width:100%}
.table_info td {padding:5px 0pc 5px 15px; background:#292F38; color:#e1eaf1; }

.input-basic {padding:5px 10px 5px 10px; border:1px solid #E5E5E5; border-radius: 4px;}
.input-small {padding:2px 5px 2px 5px; border:1px solid #E5E5E5; border-radius: 3px;}
.input-num {width:150; padding:5px 10px 5px 10px; border:1px solid #E5E5E5; text-align:right}
.input-border {padding:5px; border:1px solid #E5E5E5}
.select-basic {padding:5px; border:1px solid #E5E5E5; border-radius: 4px;}
.select-small {padding:2px 5px 2px 5px; border:1px solid #E5E5E5; border-radius: 3px;}
.data-none {padding:50px; text-align:center;}
.data-none-sub {padding:15px 0 0 0; text-align:center;}

.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}

.w-100 {width:100%;}
.w-datetime {width:100px;}

.data-sort {cursor:pointer;}
.data-sort.active_asc {background:url('../img/sort_up2.gif') no-repeat 99% 50%;}
.data-sort.active_desc {background:url('../img/sort_down2.gif') no-repeat 99% 50%;}
.loading_box {display:none_; position:absolute; z-index:999; width:100%; height:100%; padding:0; text-align:center; background:#fff; filter:Alpha(Opacity=30); opacity:0.3}


.custom-control-input-blue {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-blue:checked ~ .custom-control-label::before {color: #fff;border-color: #2196F3;background-color: #2196F3; }
.custom-checkbox .custom-control-input-blue:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-yellow {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-yellow:checked ~ .custom-control-label::before {color: #fff;border-color: #ffc241;background-color: #ffc241; }
.custom-checkbox .custom-control-input-yellow:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-green {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-green:checked ~ .custom-control-label::before {color: #fff;border-color: #1dc9b7;background-color: #1dc9b7; }
.custom-checkbox .custom-control-input-green:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-red {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-red:checked ~ .custom-control-label::before {color: #fff;border-color: #fe6bb0;background-color: #fe6bb0; }
.custom-checkbox .custom-control-input-red:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-control-input-indigo {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-indigo:checked ~ .custom-control-label::before {color: #fff;border-color: #4472C4;background-color: #4472C4; }
.custom-checkbox .custom-control-input-indigo:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-orange {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-orange:checked ~ .custom-control-label::before {color: #fff;border-color: #ED7D31;background-color: #ED7D31; }
.custom-checkbox .custom-control-input-orange:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-grey {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-grey:checked ~ .custom-control-label::before {color: #fff;border-color: #A5A5A5;background-color: #A5A5A5; }
.custom-checkbox .custom-control-input-grey:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-purple {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-purple:checked ~ .custom-control-label::before {color: #fff;border-color: #886ab5;background-color: #886ab5; }
.custom-checkbox .custom-control-input-purple:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-sky {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-sky:checked ~ .custom-control-label::before {color: #fff;border-color: #50bcdf;background-color: #50bcdf; }
.custom-checkbox .custom-control-input-sky:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-brown {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-brown:checked ~ .custom-control-label::before {color: #fff;border-color: #9E480E;background-color: #9E480E; }
.custom-checkbox .custom-control-input-brown:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-input-lightgreen {position: absolute;z-index: -1;opacity: 0; }
.custom-control-input-lightgreen:checked ~ .custom-control-label::before {color: #fff;border-color: #79BA4C;background-color: #79BA4C; }
.custom-checkbox .custom-control-input-lightgreen:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }


.must_input {font-size:13px; color:red;}
.margin-2-0 {margin:2px 0}
.table_input {width:100%; border:1px solid #f9f9f9;}
.table_input2 {width:100%; border:1px solid #E5E5E5;}

.table-pay th {padding:8px; vertical-align:middle; font-size:12px; color:#fff; background-color:#8B93D4;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.table-pay td {padding:8px; width:20%; vertical-align:middle;font-size:12px;border-top:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.table-pay .table-plan-title {width:7%;}
.table-pay .table-plan-title-sub {width:13%;}

.table-dropdown {width:100% !important;padding:10px;}
.table-dropdown th {padding:5px; text-align:center; border:1px solid #E5E5E5;}
.table-dropdown td {padding:5px 10px; text-align:left; border:1px solid #E5E5E5;}
.table-dropdown .sum {text-align:right; padding-right:20px;}

.padding-1-5 {padding:1px 5px;}
.padding-5-10 {padding:5px 10px;}
.padding-5-20 {padding:5px 20px;}
.padding-10-15 {padding:10px 15px;}
.padding-10-20 {padding:10px 20px;}
.padding-5-0-5-10 {padding:5px 0px 5px 10px;}

.txt_info {margin-top:-10px;}
.txt_info2 {margin-top:-15px; padding-left:20px;}
.txt_info3 {margin-top:-15px; padding-left:52px; color:blue; font-weight:500;}
.txt_info4 {margin-top:10px; padding-left:20px;}

.chart_none {width:100%; border:1px solid rgba(0, 0, 0, 0.05); padding-top:55px; color:#999; text-align:center;}
.profile_info {font-size:12px; color:#999; padding-left:0;}

.ad_agree label {margin-bottom: 0;}
.ad_agree_num {padding-left: 35px;}
.ad_agree_checkbox {padding-top:20px;}

.table-plan-title-top {width:20%; padding-top:15px !important;background-color:#B0B2C7; color:#fff; font-size:20px !important; font-weight:600;line-height:20px;}
.table-plan-title {width:10%;}
.table-plan-title-sub {width:15%;}
.table-plan-sum {background-color:#121A59; color:#fff;}
.btn-pay {width:90%; padding:15px; margin:5px; color:#fff;}
.pay-top {width:100%; margin-left:0px; padding:5px; text-align:center; color:#fff; background-color:#3ECB00;}
.pay-footer {width:100%; margin-left:0px; padding:5px; text-align:center; color:#fff; background-color:#3ECB00;}
.tbl-td-top {width:20%; padding:0 !important;border:none !important;background:#edf2f9;}

.table-plan-title-top-2 {width:70%; height:70px; background-color:#fff; color:#000; font-size:25px; font-weight:600;}
.table-plan-title-2 {width:15%;}
.table-plan-title-sub-2 {width:20%;}
.table-pay-2 th {padding:8px; vertical-align:middle; box-shadow:  0px 2px 3px  #F6F6F6;}
.table-pay-2 td {padding:8px; width:70%; vertical-align:middle;}
.btn-pay-2 {padding:15px 50px; margin:10px; color:#fff;}

.txt_pay {padding-left:20px; text-align:left;}
.txt_pay-2 {padding-left:50px; text-align:left; margin-top:-15px;}
.txt_pay_info {padding-left:50px; text-align:left;}

.txt-red {color:#fd3995; font-weight:600;}
.txt-blue {color:#4679cc; font-weight:600;}
.txt_orange {color:#FF8224;}
.pay-info {margin-top:-10px; margin-bottom:20px; color:#4679cc; font-weight:600; text-align:right;}
.pay-info-2 {color:#4679cc; font-weight:600; text-align:left;}
.pay-info-2 p {margin-top:-10px; padding-left:10px;}

.min-w-250 {min-width:250px;}
.min-w-300 {min-width:300px;}
.min-w-315 {min-width:315px;}
.min-w-350 {min-width:350px;}
.min-w-400 {min-width:400px;}
.min-w-450 {min-width:450px;}
.min-w-480 {min-width:480px;}
.min-w-500 {min-width:500px;}

.creditcard-img {width:50px; border:1px solid #E5E5E5; border-radius: 5px;}
.font-bold {font-weight:600;}
.set-title-orange {min-width:100px;font-size:15px;padding:10px;margin-right:20px;background-color:#FF8224;}
.set-title-green {min-width:100px;font-size:15px;padding:10px;margin-right:20px;background-color:#43A047;}
.set-title-grey {min-width:100px;font-size:15px;padding:10px;margin-right:20px;background-color:#92a2a8;}

.guide-title {padding-top:15px; color:#f5630f; font-size:1.12rem;}

.hr-title {padding-bottom:5px; border-bottom:1px dashed #E5E5E5; font-weight:600;}
.textarea-basic {padding:10px; border:1px solid #E5E5E5; border-radius: 4px;}
.input-disabled {padding:7px 0 0 0; border:none; border-radius: 4px; background-color:#fff; color:#0d8aee;}

.title-blue-bold {margin-top:10px;color:blue;font-weight:600;}
.title-black-bold {margin-top:10px;color:#2D2A2A;font-weight:600;}
.txt-blue {color:blue;font-weight:500;}
.txt-margin--8-20 {margin-left:20px; margin-top:-8px;}
.txt-margin-left-20 {margin-left:20px;}
.txt-font13-mt-5 {margin-top:-5px; font-size:13px;}
.txt-font13-red {color:#fe6bb0; font-size:13px;}
.txt-font14-red {color:#fe6bb0; font-size:14px;}

.required::after {
  content: "必須";
  background-color: red;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.new_tab:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: .8rem;
    content: "\f35d";
    margin: 0 0 0 5px;
}

.badge.badge-icon-success {
  position: absolute;
  display: inline-block;
  background-color: #409E86;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
  cursor: default;
  border: 1px solid transparent;
  font-size: 0.625rem;
  min-width: 1rem;
  max-width: 1.6875rem;
  padding: 0 3px;
  border-radius: 1.25rem;
  font-weight: 500;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top:-15px;
  margin-left:-15px;
  /* when self is relative */
  vertical-align: middle; }

  .tooltip-bg-color {
  background-color: #CCE6BD;
  color: #2D6962; }

 .loading_chart {
  position:absolute; 
  background: #fff; 
  background : rgba(250, 250, 250, 0.7);
  padding-top:150px; 
  text-align:center; 
  vertical-align: middle; 
  z-index:99999;"
}

.display-none {display:none !important;};