/*-- モーダルボックス設定 --*/
.modal-content {
    position : fixed ;
    display : none ;
    z-index : 2 ;
    width : 20% ;
    min-width : 600px ;
    margin : 0 ;
    /*
    padding : 10px 20px ;
    */
    border : 2px solid #aaa ;
    background : #fff ;
    max-height : 700px ;
    overflow-x : scroll ;
}
.modal-overlay {
    z-index : 1 ;
    display : none ;
    position : fixed ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 120% ;
}
.modal-content .cursor_pointer {
    cursor : pointer ;
}

.modal-contents-title{
    min-width : 600px ;
    width: 100%;
    background-image : url(../css/images/logo.png) ;
    background-color : #e2f2bd;
    background-position : center center ;
    background-repeat : no-repeat ;
    background-size: 166px auto;
    height: 50px;
}

.modal-contents-body{
    min-width : 560px ;
    /*
    width: 100%;
    */
    padding : 10px 20px ;
}

loading.-overlay {
    z-index : 1 ;
    display : none ;
    position : fixed ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 120% ;
    background-color : rgba(255,255,255,0.25) ;
}

/*-- テーブルデザイン --*/
/*過ぎた日時*/
.schedule_table .past {
    background-color : #C8C8C8!important;
    background-image: url(../images/grad01.png);
    background-repeat: repeat-x;
    /*background-color : #ddd!important ;*/
    /*background-color : #ffe279!important;*/
}
.schedule_table .past2 {
    background-color : #C8C8C8!important;
    /*background-color : #f9f9f9!important ;*/
    /*background-color : #fffed6!important;*/
}

.schedule_table .now {
    box-sizing: border-box;
    border : 2px solid #f33 ;
    font-weight: bold;
    /*color : #fff ;*/
}
.schedule_table .now {
    /*background-color : #7fff7f!important ;*/
    background-color: #fff!important ;
}

/*予約不可*/
.schedule_table .closed {
   /*background-color : #ccc!important ;*/
}
/*当日*/
.schedule_table .today {
    background-color : #4E7FE1!important;
    background-image: url(../images/grad02.png);
    background-repeat: repeat-x;
}
.schedule_table .today2 {
    background-color : #ffedb4!important;
}
/*予約可能*/
.schedule_table .possible {
    /*background-color : #ffe279!important;*/
    /*background-color : #9fc!important ;*/
    cursor: pointer;
}
.schedule_table .possible2 {
   /* background-color : #fffed6!important;*/
    /*background-color : #cfc!important ;*/
    cursor: pointer;
}
/*予約可能(OPEN)*/
.schedule_table .open {
    background-color : #5B95F7!important;
    color: #FFF;
    cursor: pointer;
}
.schedule_table .open a {
    color: #FFF;
    font-weight: bold;
    display: block;
}
/*予約可能(OPEN)*/
.schedule_table .opend {
    background-color : #EDCD56!important;
    color: #999!important;
    cursor: pointer;
}
.schedule_table .opend a {
    color: #FFF;
    display: block;
}
/*予約済*/
.schedule_table .reserved {
    background-color : #FF9900!important;
    color: #FFF;
    cursor: pointer;
}
.schedule_table .reserved a {
    color: #FFF;
}
/*講義終了*/
.schedule_table .finish {
    background-color : #999!important;
    color: #FFF;
    cursor: pointer;
}
.schedule_table .finish a {
    color: #FFF;
}
.schedule_table .finished {
    background-color : #666!important;
    color: #FFF;
}
.schedule_table .finished a {
    color: #FFF;
}
/*講義キャンセル*/
.schedule_table .cancel {
    background-color : #999!important;
    color: #FFF;
    cursor: default;
}

/*講義中*/
.schedule_table .teaching {
    background-color : #ff6600!important;
     color: #FFF;
   cursor: pointer;
}

.schedule_table .teaching a {
    color: #FFF;
}

.schedule_table .white {
    background-color : #FFF!important;
}

.schedule_table .report {
    background-color : #666!important;
    color: #FFF;
    cursor: pointer;
}
.schedule_table .report a {
    color: #FFF;
}

/*クリーニング中*/
.schedule_table .cleaning {
    cursor: default;
}


/*-- ノーマルテーブル --*/
.normal_table tbody {
    border-top : 1px solid #c7c1ae ;
}
.normal_table th,
.normal_table td {
    background-color : #fff ;
}

#nomal tbody tr th {
    background-color : #E6E6E6;
    background-image: none;
    color: #666;
}

/*-- swiftテーブル --*/
.swift_table {
}
.swift_table tbody {
    border-top : 1px solid #70726f ;
}
.swift_table th,
.swift_table td {
    background-color : #fff ;
    color : #70726F ;
    padding : 5px 10px ;
    text-align: center ;
}
.swift_table th{
    border-bottom : 1px solid #70726f ;
    background-color:#9ccb29;
    color:#fff;
    border-color : #70726F ;
    border-top : none ;
}
.swift_table td {
    background-color : #fff ;
    color : #70726f ;
}
.swift_table tr:nth-child(odd) td {
    background-color:#f3f3f3;
}


/*  pay_country */
.country_table {
    table-layout: fixed;
}
.country_table th,
.country_table td {
    width : 50% ;
    padding : 5px 10px ;
}
.country_table th {
    background-color : #e2f2bd ;
}
.country_table tr:nth-child(odd) td {
    background-color:#f3f3f3;
}


/*--  ツールチップ --*/
/* ツールチップ部分を隠す */
.schedule_table th span {
    display: none;
}
 
/* マウスオーバー */
.schedule_table th:hover {
    position: relative;
}
 
/* マウスオーバー時にツールチップを表示 */
.schedule_table th:hover span {
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: -50px;
    font-size: 90%;
    color: #fff;
    background-color: #9ccb29;
    width: 180px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
 
/**
.schedule_table th span {
    display: none;
}
.schedule_table th:hover span {
    display: inline;
    position: absolute;
    background-color: #cccccc;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede #666666 #666666 #dedede;
    font-size: .9em;
}
**/


/* 講師登録時進捗アイコン */
.progress_bar {
    list-style : none ;
    margin : 0 ;
    padding : 0 ;
    display : block ;
}
.progress_bar li {
    margin : 5px 0 ;
    padding : 0 ;
    float : left ;
    padding : 5px 3px ;
    background-color : #fff ;
}
.progress_bar li:after {
    content : ' ＞ ' ;
}
.progress_bar li:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.progress_bar li:last-child {
    -webkit-border-radius: 0 5px 5px 0 ;
    -moz-border-radius: 0 5px 5px 0 ;
    border-radius: 0 5px 5px 0 ;
}
.progress_bar li:last-child:after {
    content : '' ;
}
.progress_bar li.ok {
    background-color : #e2f2bd ;
    color : #666 ;
}
.progress_bar li.now {
    background-color : #f66 ;
    color : #fff ;
}

.disp_table_tab {
    width: 100%;
    max-width: 1050px;
}
.disp_table_tab>li {
    display : table-cell ;
    vertical-align: middle;
    float: none;
    width : auto ;
}
.table .memo_box {
    text-align: right;
}
.table .memo_box textarea {
    width : 85% ;
    height : 40px ;
}
.table .memo_box button {
    margin-top : 5px ;
}


/* 入力フォーム時の画像ボックス */
.form-horizontal .controls .image-upload {
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 1em;
}


/* buttonタグにbtnクラスをつけた場合に起きる微妙なデザイン崩れ防止 */
button.btn:hover,
button.btn:focus {
    background-position : 0 0 ;
}
button.btn.btn-info {
  color: #ffffff!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
button.btn.btn-info:hover,
button.btn.btn-info:focus,
button.btn.btn-info:active,
button.btn.btn-info.active,
button.btn.btn-info.disabled,
button.btn.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
  background-position : 0 -15px ;
}

button.btn.btn-success {
  color: #ffffff!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
button.btn.btn-success:hover,
button.btn.btn-success:focus,
button.btn.btn-success:active,
button.btn.btn-success.active,
button.btn.btn-success.disabled,
button.btn.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
  background-position : 0 -15px ;
}
button.btn.btn-danger {
  color: #ffffff!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
button.btn.btn-danger:hover,
button.btn.btn-danger:focus,
button.btn.btn-danger:active,
button.btn.btn-danger.active,
button.btn.btn-danger.disabled,
button.btn.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
  background-position : 0 -15px ;
}
button.btn.btn-primary {
  color: #ffffff!important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:active,
button.btn.btn-primary.active,
button.btn.btn-primary.disabled,
button.btn.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
  background-position : 0 -15px ;
}

/*-- 特定テーブルの横幅自動調整 --*/
.table.auto_table_width {
    width : auto ;
}
.table.auto_table_width th,
.table.auto_table_width td {
    max-width: none;
}