@charset "utf-8";

th, td {
  /*text-align: center;*/
  vertical-align: middle!important;
}

.wrapper {
  position: relative !important;
}

.search-box,
.search,
.client-search{
  border:solid 1px #A9A9A9;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.datepicker, .datepicker-non {
  width: 7em!important;
  text-align: center;
}

.timepicker, .timepicker-non {
  width: 5em!important;
  text-align: center;
}

.table-responsive .table td {
  vertical-align: middle;
}

.content-header {
  min-height: 41px;
}

/* ------------------------------
 共通
------------------------------ */
.d_none {
  display: none!important;
}

.info-msg {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
}

.left-inner-addon {
  position: relative;
}
.left-inner-addon input {
  padding-left: 22px;
}
.left-inner-addon span {
  position: absolute;
  padding: 7px 12px;
  pointer-events: none;
}

.right-inner-addon {
  position: relative;
}
.right-inner-addon input {
  padding-right: 30px;
}
.right-inner-addon span {
  position: absolute;
  right: 0px;
  padding: 7px 12px;
  pointer-events: none;
}

.row.has-error span.span-label {
  color: #dd4b39;
}

/* ------------------------------
 幅設定共通
------------------------------ */
.ww5 {
  width: 5em!important;
}

.content-wrapper .content {
  padding: 10px;
}

/* ------------------------------
 クライアント 子Window
------------------------------ */
.alice-childwindow .wrapper {
  background: none;
}
.alice-childwindow .content-wrapper {
  margin-left: 0px;
}

.client_info {
  margin-top: -21px;
}

.client_info .info_lavel {
  margin: 5px 1px 0 0;
}

.alice-childwindow .main-footer {
  margin-left: 0px;
}

/* ------------------------------
 クライアント ナビバー
------------------------------ */
.client-navbar.navbar {
  margin-bottom: 10px;
}

.client-navbar ul li i {
  padding-right: 5px;
}

.client-navbar .navbar-nav > li > a {
  padding: 10px 7px;
}

@media (min-width: 768px){
  .client-navbar .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .client-navbar.navbar {
    min-height: 30px;
  }
}

.client-navbar .navbar-nav {
  margin: 0;
}

/* ------------------------------
 タブバー共通
------------------------------ */
.nav-tabs-custom .nav.nav-tabs {
  margin-bottom: 10px;
}

.nav-tabs-custom .nav.nav-tabs li > a {
  padding: 7px 3px;
}

/* ------------------------------
 ページャ
------------------------------ */
.pager.no-border {
  margin: 10px 0;
}

.pager.no-border li > a,
.pager.no-border li > span {
  border: none;
}

.pager.no-border li > span {
  font-weight: bold;
}

/* 右側に設置するリンクなどに */
.pager-right-link {
  height: 50px;
  padding: 15px 0;
}

.pager-count {
  margin: 25px 0;
}


/* ------------------------------
 margin
------------------------------ */
.mt5 {
  margin: 5px 0 0 0;
}

.mt10 {
  margin: 10px 0 0 0;
}

.mr3 {
  margin: 0 3px 0 0;
}

.mr5 {
  margin: 0 5px 0 0;
}

.mr10 {
  margin: 0 10px 0 0;
}

.mr15 {
  margin: 0 15px 0 0;
}

.mb5 {
  margin: 0 0 5px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb20 {
  margin: 0 0 20px 0;
}

.ml10 {
  margin: 0 0 0 10px;
}

.ml5 {
  margin: 0 0 0 5px;
}

.m0 {
  margin: 0 !important;
}

.alert.mb10 {
  margin: 0 0 10px!important;
}

.alert.mb5 {
  margin: 0 0 5px!important;
}

/* ------------------------------
 padding
------------------------------ */
.p0 {
  padding: 0 !important;
}

.pt5 {
  padding: 5px 0 0;
}

.pt7 {
  padding: 7px 0 0;
}

.pt8 {
  padding: 8px 0 0;
}

.pt10 {
  padding: 10px 0 0;
}

.pr5 {
  padding: 0 5px 0 0;
}

.pr10 {
  padding: 0 10px 0 0;
}

.pb5 {
  padding: 0 0 5px;
}

.pl5 {
  padding: 0 0 0 5px;
}

.pl50 {
  padding: 0 0 0 50px;
}

/* ------------------------------
 checkbox-inline override
------------------------------ */
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0px!important;
  margin-right: 10px!important;
}

.checkbox-inline:first-of-type,
.radio-inline:first-of-type {
  margin-right: 10px!important;
}

@media screen and (min-width: 992px) {
  .search label.control-label {
    width: 230px;
  }
}

.form-inline .radio.inline-radio {
  padding-top: 5px;
}

.form-inline .radio.inline-radio .xs-noabsolute {
  position: inherit!important;
}

/* 移動対応リストのスタイル */
.schedule_input_block select.dblselect {
  height: 120px;
}

/*
 * アポ情報入力 事前確認日の入力部分
 */
.form-group .radio-inline {
  height: 27px;
}

.form-group .radio-inline.date_wrap {
  margin-left: 0;
  padding-top: 0;
  padding-left: 10px;
}


/* ------------------------------
 font-size
------------------------------ */
.f10 {
  font-size: 10px;
}

.f12 {
  font-size: 12px;
}

.f20 {
  font-size: 20px;
}

.f_bold {
  font-weight: bold;
}

/* 赤 */
.red {
  color: #ff0000;
}

.blue {
  color: #0000ff;
}


/**
 * 横幅
 */
.w_1500 {
  width: 1500px;
}

.w_1200 {
  width: 1200px;
}

.w_1100 {
  width: 1100px;
}

.w_1024 {
  width: 1024px;
}

.w_900 {
  width: 900px;
}

.w_800 {
  width: 800px;
}

.w_150 {
  width: 150px;
}

.w_250 {
  width: 250px;
}

.w_350 {
  width: 350px;
}

.w_100 {
  width: 100px;
}

.w_80 {
  width: 80px;
}

.w_60 {
  width: 60px;
}

.w_8em {
  width: 8em;
}

.w_5em {
  width: 5em;
}

.w_4em {
  width: 4em;
}

.w_full {
  width: 100%;
}

/* documentページ共通 */
.document_contents img {
  max-width: 85%;
  height: auto;
}

/* リストを詰めたい時用 */
.table_smallpad th,
.table_smallpad td {
  padding: 2px 5px!important;
}

.table_th_small th {
  font-size: 85%;
}
table caption {
  padding: 0;
}

/* フォントカラー */
.f_gray {
  color: #95a5a6;
}
.f_green {
  color: #27ae60;
}
.f_red {
  color: #e74c3c;
}
.f_y_green {
  color: #8dcf3f;
}
.f_blue {
  color: #2980b9;
}
.f_yellow {
  color: #f39c12;
}

/* select2のoption disabled状態 */
.select2-container--default .select2-results__option[aria-disabled=true] {
  background: #d3d3d3;
}