body button, body button[type="button"], [type=button]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* -webkit-border-radius: 0; */
}

.cid_logo{
    background-image: url(../image/logo_cid.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
}
.iisi_cid_logo{
    background-image: url(../image/iisi_cid_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
}
.faq_btn{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color:white;
}
.faq_btn:hover{
    color:white;

}

.navbar-nav .nav-item .nav-link .img-profile {
  height: 100%;
  display: block;
  margin: 0 auto;
}

.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

#wrapper {
  width: 100%;
  height: 100%;
}

.required::after {
  content: " *";
  color: red;
  display: inline-block;
  background: white;
  padding-left: 5px;
  margin-left:5px;
}

.nav-tabs .active {
  color: black;
  border-bottom: 3px solid var(--primary) !important;
}

.swal2-container {
  z-index: 3110 !important;
}

ul,
li {
  list-style: none;
}

li.select2-selection__choice {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

button.select2-selection__choice__remove {
  background: transparent !important;
  border: 0px !important;
}

textarea.select2-search__field {
  width: unset !important;
}

.survey-title {
  font-size: 1rem;
  font-weight: 600;
}
.survey-question {
  font-size: 1rem;
  font-weight: 400;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active span {
  font-weight: bold;
  color: var(--primary);
}
.bar-gray{
  width: 100% !important;
  height: 15px !important;
  background-color: #eaeaea !important;
  border-radius: 10.5px !important;
  margin-top: 10px !important;
}

.bar-blue{
  position: relative;
  width: 300px;
  height: 15px;
  background-image: -webkit-gradient( linear, left top, right top, from(#53b6b1), to(#2db398) );
  background-image: -webkit-linear-gradient(left, #53b6b1, #2db398);
  background-image: -o-linear-gradient(left, #53b6b1, #2db398);
  background-image: linear-gradient(to right, #53b6b1, #2db398);
  border-radius: 10.5px;
}

.ratio_text{
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  transform: translateY(-140%);
}
.circle-blue{
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: #fff;
  border: solid 3px #2988eb;
  border-radius: 100%;
}

.role-check input{
    display:none;
}
.role-check label{
    display:flex;
    align-items: center;
    cursor: pointer;
}
.role-check label span{
    position:relative;
    display:inline-block;
    border-radius: 30px;
    height:26px;
    width:50px;
    border:1px solid #adb5bd;
    margin-right:5px;
}
.role-check label span::after{
    border-radius: 30px;
    height:21px;
    width:21px;
    background:#999;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:1px;
    display:block;
    content:'';
    transition-duration: .2s;
}
.role-check input:checked ~ label span{
    background:rgb(144, 219, 144);
}
.role-check input:checked ~ label span::after{
    left:auto;
    right:1px;
    background:white;
}

.invalid-feedback {
    display: flex !important;
    justify-content: flex-end;
}


.mini_node{
  border-bottom:1px #000 solid;
  padding-bottom:3px;
}
/* 表格問題用 */
 #table_id_form_wrapper .input-group{
  flex-wrap: nowrap !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{
  vertical-align: middle !important;
}
.back_panel .form-label{
  background: #e6f0e6;
  font-weight: bold;
  padding: 0 0.25rem;
}
.back_panel .form-label.required{
  padding-right:0;
}