html, body {
  font-family: "Century", sans-serif;
  height:100%;
  width: 100%;
  margin:0;
  padding:0;
  word-break: break-all;
}

a{
  text-decoration: none !important;
}

a:hover {
  opacity:1.0;
}

li { line-height: 0.75em }

p {
  white-space: pre-wrap;
}

th{
  background-color: #eee;
}

td{
  background-color: #fafafa;
}

select{
  min-width: 150px;
}

.breadcrumb{
  display:none !important;
}

.main-header {
  top:   0px !important;
  right: 0 !important;
  left:  0 !important;
  position: fixed !important;
}

.content-wrapper{
  top: 55px;
}


.errorlist {
  color: red
}


.m-0 {
  position: relative;
  padding-left: 25px;
  color :#111;
  text-shadow: 1px 2px 3px #808080;  
  opacity:0.8;
}

.nav-item{
  margin-left:10px !important
}

.content-wrapper {
  position: relative;
  height:auto;
  min-height: 100%;
}

/* .content-header {
  padding-top: 80px;
}

.header_button{
  width: 105%;
  height: 150px;
  background: #ddd;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  z-index: 10;
} */

.info {
   overflow: hidden;
   white-space: nowrap;
   width: 200px;
   text-overflow: ellipsis;
   font-size: 14px;
}

.container {
  max-width: 95%;
  height: 100%;
  padding: 10px;
}

.my-row {
  max-width: 100%;
  margin: 0;
}

.container-inner {
  background-color: white;
  padding: 3% 3%;
}

.card {
  border: 1px solid #f1f1f1;
  box-shadow: 3px 3px 3px #999999;
  border-radius: 10px;
  margin: 3px;
  width: 49%;
  background-color: #eee !important;
  opacity: 0.9;
}

.in-card {
  padding: 1% 6%;
  width: 100%;
  height: 100%;
}

.stripe_panel {
  background-color: #ccc;
  /* background-image: -webkit-linear-gradient(top, #fff, #eee); */
  position: absolute;
  z-index: 0;
  /* height: 750px; */
  width: 650px;
  margin: -40px 0 0 -60px;
  padding: 30px 80px 30px 60px;
  top: 35%;
  left: 35%;
  border-radius: 3px;
  opacity: 1;
}

/* .stripe_panel:before {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px dashed #ccc;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  box-shadow: 0 0 0 1px #fff;
} */

/* handsontable */
.title-custom {
  padding: 0px 0px 10px 0px;
  font-size:20px;
  font-weight: bold;
}

.header-text {
  position: relative;
  font-size: large;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.contents-text {
  position: relative;
  margin: 0px 10px 10px 10px;
  width: 600px;
  background-color: #f0f0f0;
  border: 1px gray solid !important;
}

/* panel */
.stripe_panel {
  background-color: #eee;
  /* background-image: -webkit-linear-gradient(top, #fff, #eee); */
  position: absolute;
  z-index: 0;
  /* height: 750px; */
  width: 650px;
  margin: -40px 0 0 -60px;
  padding: 30px 80px 30px 60px;
  top: 35%;
  left: 35%;
  border-radius: 3px;
  opacity: 1;
}

.stripe_panel:before {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px dashed #ccc;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  box-shadow: 0 0 0 1px #fff;
}


/* btn */
.btn {
  margin: 10px 10px;
  box-shadow: 2px 2px 4px #222;
  -webkit-transition: none;
  transition: none;
  border-radius:8px;
  cursor:pointer;
  opacity:1;
  padding:5px 20px;
}

.btn:active {
  top: 3px;
  box-shadow: none;
}

.btn-label {
  position: relative;
  left: -12px;
  display: inline-block;
  padding: 6px 12px;
  background: rgba(0,0,0,0.15);
  border-radius: 3px 0 0 3px;
}

.btn_replace {
  width: auto;
  padding:2px 0 0 0;
  margin:10px 0 0 0;
  background:none;
  border:0;
  line-height:0;
  overflow:visible;
  cursor:pointer;
}

.btn_disabled {
  width: 100px;
  height: 32px;
  position: relative;
  display: inline-block;
  padding: 2px 2px;
  margin:0;
  border-radius: 4px;
  cursor: default;
  text-align: center;
  color:#fff;
  border:1px solid;
  background: rgba(220,220,220);
}


.btn_company {
  width: 100px;
  height: 30px;
  position: relative;
  display: inline-block;
  box-shadow: 2px 2px 4px #222;
  padding: 2px 2px;
  margin:0;
  border-radius: 4px;
  opacity:0.9;
  cursor:pointer;
  text-align: center;
  /* border: solid; */
}

.btn_survey {
  width: 150px;
  height: 30px;
  position: relative;
  display: inline-block;
  box-shadow: 2px 2px 4px #222;
  padding: 2px 2px;
  margin:0;
  border-radius: 4px;
  opacity:0.9;
  cursor:pointer;
  text-align: center;
  /* border: solid; */
}

.btn_service {
  width: 200px;
  height: 30px;
  position: relative;
  display: inline-block;
  box-shadow: 2px 2px 4px #222;
  padding: 2px 2px;
  margin:0;
  border-radius: 4px;
  opacity:0.9;
  cursor:pointer;
  text-align: center;
  /* border: solid; */
}

.btn_report {
  width: 180px;
  height: 48px;
  position: relative;
  display: inline-block;
  box-shadow: 2px 2px 4px #222;
  padding: 2px 2px;
  margin:0;
  border-radius: 4px;
  opacity:0.9;
  cursor:pointer;
  text-align: center;
  /* border: solid; */
}

.brand-text{
  font-family: 'Century', sans-serif;
  font-weight: bold;
  color:white;
}

/* settings - sidebar*/
.sidebar-default {
  color: #fff !important;
  background-color: #CB7BC1 !important;  
}

.sidebar-light {
  color: #fff !important;
  background-color: #78becf !important;  
}

.sidebar-blue {
  color: #fff !important;
  background-color: #2d4370 !important;  
}

.sidebar-brown {
  color: #fff !important;
  background-color: #725C00 !important;  
}

.sidebar-green {
  color: #fff !important;
  background-color: #04b493 !important;  
}


.light-h1 {
  color:#080808 !important;
  text-shadow: 1px 2px 3px #494949 !important;  
}

.dark-h1 {
  color:#fff !important;
  text-shadow: 1px 2px 3px #f1f1f1 !important;  
}

.light-text {
  color:#080808 !important;
}

.dark-text {
  color:#fff !important;
}

.light-box {
  box-shadow: 2px 2px 4px #080808 !important;  
}

.dark-box {
  box-shadow: 2px 2px 4px #fff !important;  
}

.header-light {
  color: #fff !important;
  background-color: #4cb0c9 !important;  
}

.header-dark {
  color: #fff !important;
  background-color: #343a40 !important;  
}
.header-blue {
  color: #fff !important;
  background-color: #293f6b !important;  
}

.header-brown {
  color: #fff !important;
  background-color: #534304 !important;  
}

.header-green {
  color: #fff !important;
  background-color: #068a72 !important;  
}

.header-default {
  color: #fff !important;
  background-color: #97468c !important;  
}

/* settings - contants*/
.settings-default {
  color: #fff !important;
  border: 1px solid #97468c !important;
  background-color: #e09cd7 !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-light {
  color: #fff !important;
  border: 1px solid #62c0d8 !important;
  background-color: #78becf !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-blue {
  color: #fff !important;
  border: 1px solid #293f6b !important;
  background-color: #4868a3 !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-brown {
  color: #fff !important;
  border: 1px solid #4d3f09 !important;
  background-color: #695a14 !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-green {
  color: #fff !important;
  border: 1px solid #079177 !important;
  background-color: #04b493 !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-dark {
  color: #fff !important;
  border: 1px solid #1f1e1e !important;
  background-color: #2e3133 !important;  
  margin: 5px 0 30px 20px;
  padding:10px;
  border-radius:6px;
}

.settings-header-text-default{
  color:#CB7BC1;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #f1f1f1;
  margin:0 0 0 20px;
}

.settings-header-text-light{
  color:#51b5ce;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #f1f1f1;
  margin:0 0 0 20px;
}

.settings-header-text-blue{
  color:#293f6b;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #494949;
  margin:0 0 0 20px;
}

.settings-header-text-brown{
  color:#725C00;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #494949;
  margin:0 0 0 20px;
}

.settings-header-text-green{
  color:#04b493;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #494949;
  margin:0 0 0 20px;
}

.settings-header-text-dark{
  color:#2e3133;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 2px #494949;
  margin:0 0 0 20px;
}

.template_tag {
  color: #fff;
  border: none;
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #d5d4d4 70%, #9E9E9E 85%, #757575 90% 100%);  
  /* background-color: silver;   */
  font-size:12px; 
  border-radius:16px; 
  width:100px; 
  height:28px; 
  text-align:center; 
  padding:6px;
}


.original_tag {
  color: #fff;
  border: none;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);  
  /* background-color: silver;   */
  font-size:12px; 
  border-radius:16px; 
  width:100px; 
  height:28px; 
  text-align:center; 
  padding:6px;
}


.exec_tag {
  color: #fff;
  border: none;
  background-color: lightgreen;  
  font-size:12px; 
  border-radius:16px; 
  width:120px; 
  height:28px; 
  text-align:center; 
  padding:6px;
}

.exec_stop_tag {
  color: #fff;
  border: none;
  background-color: crimson;  
  font-size:12px; 
  border-radius:16px; 
  width:120px; 
  height:28px; 
  text-align:center; 
  padding:6px;
}

.glass {
  width: 100%;
  max-width: 1000px;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.1); /* 背景色 */
  border: 1px solid rgba(255, 255, 255, 0.4); /* ボーダー */
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(20px); /* ぼかしエフェクト */
  backdrop-filter: blur(20px);
  margin:10px 0 0 0;
}


/* フォーム入力 */
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  outline: none;
  border: 1px solid #aaa;
  -webkit-transition: all .3s;
  transition: all .3s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  box-shadow: 0 0 3px #3d8bd3;
  border: 1px solid #14a3db;
}

#id_department_from, #id_department_to, 
#id_individual_position_from, #id_individual_position_to,
#id_department_leader_from, #id_department_leader_to,
#id_report_header_date_from, #id_report_header_date_to,
#id_exec_site_date_from, #id_exec_site_date_to
{
  width: 300px;
  height: 32px;
  border-radius: 4px;
}

#id_company_name, #id_company_zip_code,
#id_company_address1, #id_company_address2,
#id_company_address3, #id_industry,
#id_NoE, #id_service_name, #id_survey_name,
#id_service_date, #id_survey_limit,
#id_survey_category_name, #id_survey_item_flg,
#id_individual_name, #id_individual_email,
#id_individual_position, #id_department_name,
#id_department_zip_code, #id_department_address1,
#id_department_address2, #id_department_address3,
#id_company_address1, #id_company_address2,
#id_department_address1, #id_department_address2,
#id_report_header_name,
#id_exec_site_title, #id_exec_site_sub_title,
#id_username, #id_password, #id_password1, #id_password2,
#id_email, #id_company, #id_company_en,
#id_subject, #id_sender,
#id_lastname, #id_firstname, #id_zip_code,
#id_block, #id_phone, #id_email,
#id_exec_site_company_name, #id_exec_site_department_name,
#id_exec_site_individual_name, #id_exec_site_sex_text,
#id_exec_site_age_text, #id_exec_site_job_text
{
  width: 400px;
  height: 32px;
  border-radius: 4px;
}

#id_pref, #id_address, #id_plan, #id_username
{
  width: 400px;
  height: 32px;
  border-radius: 4px;
  background-color: #d3d2d2;
}

#query
 {
  width: 400px;
  height: 30px;
  border-radius: 4px;
}

#id_report_service_target_name, #id_service_target_name,
#id_survey_header_service_target_name,
#id_survey_header_name, #id_survey_header_limit, #id_survey_category_name,
#id_select1_text, #id_select2_text, #id_select3_text, #id_select4_text,
#id_select5_text, #id_select6_text, #id_select7_text, #id_item
{
  width: 500px;
  height: 32px;
  border-radius: 4px;
}

#id_survey_item_name,
#id_recipients, #id_cc, #id_bcc
{
  width: 600px;
  height: 32px;
  border-radius: 4px;
}

#id_report_header_text
{
  width: 600px;
  height: 64px;
  border-radius: 4px;  
}

#id_message
{
  width: 600px;
  height: 256px;
  border-radius: 4px;  
}

/* tablesorter */
.tablesorter-header-inner {
	cursor: pointer;
	outline: none;
	font-size: 14px;
}

/* tooltip */
.tooltip-inner{
  max-width: 100% !important;
}

.ui-tooltip {
  word-wrap: break-word;
  /* border-radius: 6px;
  background: #fbfcd2;
  border: 1px #fffcc5;  */
}


/* handsontable */
.handsontable td {
  color :#212529 !important;
}


/* datepicker */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #f00;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f;
}

/* validator */
form.cmxform label.error, label.error {
  color: #f00;
}

/* exec_site */
.exec_site_header_default{
    background-color: #FCF5FB;
    color: #000;
    /* text-shadow: 1px 2px 3px #808080;   */
    width: 100%;
    height: 300px;
    text-align: center;
    border-bottom: 3px solid #CB7BC1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.exec_site_header_dark{
  background-color: #2e3133;
  color: #fff ;
  /* text-shadow: 1px 2px 3px #c3c3c3;   */
  opacity:0.8;
  width: 100%;
  height: 300px;
  text-align: center;
  border-bottom: 3px solid #1f1e1e;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.exec_site_header_light{
  background-color: #78becf;
  color: #000;
  /* text-shadow: 1px 2px 3px #808080; */
  opacity:0.8;
  width: 100%;
  height: 300px;
  text-align: center;
  border-bottom: 3px solid #49b2cc;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.exec_site_header_blue{
  background-color: #2d4370;
  color: #fff;
  /* text-shadow: 1px 2px 3px #c3c3c3;   */
  /* opacity:0.8; */
  width: 100%;
  height: 300px;
  text-align: center;
  border-bottom: 3px solid #293f6b;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.exec_site_header_brown{
  background-color: #695a14;
  color: #fff;
  /* text-shadow: 1px 2px 3px #c3c3c3; ;   */
  opacity:0.8;
  width: 100%;
  height: 300px;
  text-align: center;
  border-bottom: 3px solid #4d3f09;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.exec_site_header_green{
  background-color: #04b493;
  color: #fff;
  /* text-shadow: 1px 2px 3px #c3c3c3;   */
  /* opacity:0.8; */
  width: 100%;
  height: 300px;
  text-align: center;
  border-bottom: 3px solid #03a083;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.exec_site_category_default{
    background-color: #FCF5FB;
    color: #000;
    width: 95%;
    height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 5.5%;
}

.exec_site_category_dark{
  background-color: #2e3133;
  color: #fff;
  opacity:0.8;
  width: 95%;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 5.5%;
}

.exec_site_category_light{
  background-color: #78becf;
  color: #000;
  opacity:0.8;
  width: 95%;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 5.5%;
}

.exec_site_category_blue{
  background-color: #2d4370;
  color: #fff;
  /* opacity:0.8; */
  width: 95%;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 5.5%;
}

.exec_site_category_brown{
  background-color: #695a14;
  color: #fff;
  opacity:0.8;
  width: 95%;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 5.5%;
}

.exec_site_category_green{
  background-color: #04b493;
  color: #fff;
  /* opacity:0.8; */
  width: 95%;
  height: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 5.5%;
}


/* sweetalert */
.swal-footer {
  background-color: rgb(245, 248, 250);
  margin-top: 32px;
  border-top: 1px solid #E9EEF1;
  overflow: hidden;
}

.swal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

/* toggle */
.toggle-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.toggle-label {
  width: 55px;
  height: 32px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 36px;
  transition: 0.4s;
  box-sizing: border-box;
}
.toggle-label:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}

.toggle-input:checked + .toggle-label {
  background-color: #4BD865;
}
.toggle-input:checked + .toggle-label:after {
  left: 25px;
}

.toggle-switch {
  position: relative;
  width: 55px;
  height: 32px;
  margin: auto;
}

.small_box_footer {
  color: white;
  background-color: #575357;
  font-weight: bold;  
}


@media screen and (max-width: 639px) {
  .breadcrumb{
    display:none !important;
  }
  th, td{
    min-width:100px !important;
    /* max-width:200px !important; */
  }
}