body,html{
  height:100%;
}

.a-btn{
  padding:0px;
}

.error-message{
  color:#a94442;
}

.inline-block{
  display:inline-block;
  padding:8px 20px;
}

.inline-block{
  width:150px;
}

.btn-middle{
  width:150px;
}

.btn-default2{
  background-color: #474949;
  border-color: #474949;
  color:#fff;
}
.btn-default2:hover{
  background-color: #3a3c3c;
  border-color: #2e2f2f;
  color:#fff;
}

.btn-group>.btn-default2:first-child{
  border-right:1px solid #fff;
}
.btn-group>.btn-default2:first-child:hover{
  border-right:1px solid #fff;
}
.btn-group>.btn-default2:last-child{
  border-left:1px solid #fff;
}
.btn-group>.btn-default2:last-child:hover{
  border-left:1px solid #fff;
}

/*glyphiconをボタンで使った時のpaddingを狭く*/
button .glyphicon,button .fa{
  padding-left:2px;
  padding-right:2px;
}

a .glyphicon,a .fa{
  padding-left:2px;
  padding-right:2px;
}

.nav a .glyphicon,.nav a .fa, a .far{
  padding-left:10px;
  padding-right:10px;
}

.inline{
  display:inline;
}

.overflow {
  white-space: nowrap;
  width: 100%;                   /* IE6 では width の指定が必要 */
  overflow: hidden;              /* "overflow" の値は "visible" 以外のものを指定する */

  -o-text-overflow: ellipsis;    /* Opera 9-10 */
  text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}

.relative{
  position:relative;
}

.help-block{
  font-size: 14px;
}

.entry-box{
  width:760px;
  margin:0 auto;
}

.pws_tabs_container ul.pws_tabs_controll li a i{
  padding:0px;
}

.btn-wide{
  width:150px;
}

.btn-middle{
  width:80px;
}

.label{
  font-size: 10px;
  padding:1px 2px;
  font-weight: normal;
}

h1 .label{
  font-size: 13px;
  padding:1px 5px;
  font-weight: normal;
  margin-left:5px;
}

.tab-case .label{
  font-size: 13px;
  padding:1px 5px;
  font-weight: normal;
  margin-left:5px;
}

.tip-top,.tip-bottom,.tip-right,.tip-left {
  cursor:pointer
}

/*********************************************************
  nav
*********************************************************/
.navbar-inverse .navbar-nav>li>a !important{
  color: ＃fff;
}

.navbar{
  margin-bottom:0px;
  font-size:14px;
}

.navber-logo{
  height:30px;
  margin-top:10px;
}

.navbar-text{
  margin:20px 5px 15px;
}

.navbar-form{
  margin-top:11px;
  margin-bottom:11px;
}

.navbar-nav{
  margin-left:88px;
}

.navbar-default .navbar-text{
  color:black;
  font-size: 13px;
}

ul.nav li.dropdown:hover > ul.nav-hover {
    display: block;
}

/*@media (max-width: 767px){
  .navbar-nav>li {
    float:left;
  }
  .navbar-nav>li>a {
    padding:15px;
  }
  .navbar-nav{
    margin:0px;
  }
  .navbar-right{
    float:right;
  }
  /*.navbar-header{
    float:left;
  }*/
  /*.navbar-form{
  margin:0px;
  }
}*/

/********************************************************
  big-box
********************************************************/

.big-box{
  border:2px solid #15848F;
  border-top:0px;
  padding:20px;
  background-color:#FFF;
  margin:40px;
}

.big-box p{
  padding:5px;
  line-height: 20px;
  font-size: 14px;
}

/********************************************************
  box
********************************************************/
.entry-box{
  width:725px;
  margin:0 auto;
}

.box{
  border:2px solid #15848F;
  border-radius: 5px;
  background-color: #FFF;
}

.box-shadow{
    box-shadow: 3px 3px 10px -2px;
}

.box-heading{
  border-bottom:2px solid #15848F;
  padding:12px;
  background-color: #1798A5;
  color:white;
  text-align: center;
  font-weight: bold;
}

.box-body{
  padding:20px;
}

.glyphicon{
  padding:0px 10px;
}

.box-setting{
  max-width:900px;
}

.margin{
  margin:30px 0px;
}

.box-setting .table-a{
  max-width:600px;
}

.box-body .submit{
  margin-top:5px;
}
/********************************************************
  tabs
********************************************************/
.tab{
  overflow:hidden;
  margin-top:50px;
}

.hello_world{
  border:solid 2px #15848F;
  border-top:0px;
}

.pws_tabs_controll li a{
  border-left:solid 2px #15848F;
  border-right:solid 2px #15848F;
}

.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active{
  font-weight:bold;
}

.tab-wrap{
  margin:40px;
  font-size:14px;
}

.pws_tabs_container ul.pws_tabs_controll li a i{
  padding:0px;
}

.tab-wrap .box{
  margin:20px 0px;
}

.tab-case li{
  list-style: none;
}

.tab-case{
   margin-top:30px;
   margin-left:40px;
}

.tab-green {
  background-color:#1798A5;
  color:white;
  margin-right:3px;
  border-left:2px solid #15848F;
  border-right:2px solid #15848F;
}

.tab-case .active {
  background-color:white;
  color:black;
  margin-right:3px;
  padding:15px 30px;
  font-weight: bold;
}

.tab-green a{
  background-color:#1798A5;
  color:white;
  text-decoration:none;
  display:block;
  cursor: pointer;
  cursor: hand;
  padding:15px 30px;
  }

.tab-green a:hover{
  background-color:#9bd7d5;
}

.crumb-style{
  background-color:white;
  width:500px;
  margin-left:20px;
}


/********************************************************
  table
********************************************************/
.table>tbody{
  border-bottom:2px solid #ddd;
}
.table>tbody>tr>td{
  text-align:center;
  border-top:1px solid #ddd;
  border-right:1px solid #a2d7dd;
}

.table>tbody>tr>td:last-child,.table>thead>tr>th:last-child{
  border-right:0px;
}

.table>thead>tr>th{
  border-bottom:1px solid #a2d7dd;
  text-align:center;
  border-right:1px solid #a2d7dd;
  background-color: #f3f3f3;
}

.table>thead{
  border-bottom:2px solid #a2d7dd;
}
.my-striped tr:nth-child(2n) td {
    background: #ebf6f7;
}

.table>tbody>tr>th{
  background-color: #f3f3f3;
  border:1px solid #a2d7dd;
  text-align: center;
  vertical-align: middle;
}

.table-left>tbody>tr>th,.table-left>tbody>tr>td{
  text-align: left;
}

.table-gray>tbody>tr>th{
  background-color: #f3f3f3;
  border:1px solid #ddd;
  vertical-align: middle;
  font-weight: normal;
  border-right:1px solid #a2d7dd;
}

.table{
  font-size: 12px;
  margin-bottom:0px;
}

.table-box{
  box-shadow:0px 0px;
}

.table-border{
  border:1.5px solid #ddd;
}

.table-border>tbody>tr>td{
  vertical-align: middle;
}

.table-border>tbody{
  border-bottom: 1px solid #ddd;
}

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

.result-area{
  width:1127px;
  margin:0 auto;
}

.margin20{
  margin:20px 0px;
}
.table-a{
  border:1px solid #c0c6c9;
}

.table-a>tbody>tr>.th{
  background-color:#f3f3f3;
  width:270px;
  padding-top:13px;
  text-align: center;
  border-right: 1px solid #a2d7dd;
  font-weight:bold !important;
  font-size:12px !important;
  ;
}

.table-a>tbody>tr>td{
  border-top:solid 1px #ddd;
  border-right:solid 1px #ddd;
}

.h-47{
  height:47px;
}

 .table-a>tbody>tr>.s-15{
  padding-top:13px;
 }

 .table-a>tbody{
  border-bottom:1px solid #ddd;
 }

.table-a>tbody>tr>.s-15{
   font-size: 14px;
}



.table-b>thead>tr>.no_border{
  border-bottom:0px;
  padding:0px 5px;
}

.table-b>thead>tr>th,.table-b>tbody>tr>td{
  border-top:0px;
}

.table-b{
  padding:5px;
}

.table-c{
  background-color: #f0ad4e;
  font-size:13px;
  color:white;
  margin-bottom: 20px
}

.table-c td{
  padding:5px;
  font-weight: 300;
}
.table-c td span{
  padding:0px;
}

.ui-datepicker-calendar{
  color:white;
}

.table-b{
  table-layout: fixed;
}
.w110{
  width:110px;
}

.w58{
  width:58px;
}

.w80{
  width:80px;
}

.w41{
  width:41px;
}

.w43{
  width:43px;
}

.w45{
  width:45px;
}

.w98{
  width:98px;
}

.w88{
  width:88px;
}

#cal-btn,#release-btn{
  margin:20px 2px 0px;
}

.basic_table,.basic_table{
  border:solid 1px #ddd;
}

.basic_table th{
  background-color:#f8fbf8;
  text-align: center;
}



/********************************************************
  flashMessage
********************************************************/
.message-success{
  font-size: 12px;
  padding:5px 20px;
  background-color:#38b48b;
  color:white;

}

.message-failure{
  font-size: 12px;
  padding:5px 20px;
  background-color:#c85554;
  color:white;
}

.flash-box{
  height:30px;
}

.alert{
  font-size:13px;
}

.message-failure-simple{
  color:#a94442;
  font-size:15px;
  text-align: center;
}

.message-success-simple{
  color:#38b48b;
  font-size:15px;
  text-align: center;
}

#authMessage{
  color:#c85554;
  font-size:15px;
}

.text-danger{
  font-size:14px;
  color:#c85554;
}


/********************************************************
  tabs
********************************************************/

.tabs h1,.tabs h2,.tabs h3,.tabs h4,.tabs h5,.tabs h6,.tabs p{
  background-color: white;
  width:150px;
  font-size: 14px;
  padding:10px;
  text-align: left;
  border-bottom:1px solid #15848F;
}

.tabs-active h1,.tabs-active h2,.tabs-active h3,.tabs-active h4,.tabs-active h5,.tabs-active h6,.tabs-active p{
  background-color: #15848F;
  color:white;
  border-bottom:2px solid #15848F;
}

.tabs a {
  text-decoration: none;
  color:#555;
}

/********************************************************
  fa
********************************************************/
.fa{
  padding:0px 10px;
}

button .fa {
  padding:0px 2px;
}

/******************************************************************
  autocomplete
******************************************************************/
.autocomplete_result{
  border:solid 1px #ccc;
  position:absolute;
  background-color: white;
  left:0px;
  top:0px;
  padding:10px;
  width:100%;
  list-style:none;
  z-index:1000;
}

.autocomplete_area{
  position:relative;
}

.autocomplete_area .fa{
  padding:0px 2px;
}

.autocomplete-item-entry{
  margin-bottom: 5px;
}

/******************************************************************
  modal
******************************************************************/
.modal .top200{
  padding-top:170px;
}

.modal-header{
  background-color: #265a88;
  color:white;
  font-size:15px;
}

.modal-body{
  padding:0px;
}

.modal-title{
  text-align: center !important;
}

.popup-box{
  padding:18px;
}

.navbar-nav > li > .dropdown-menu{
  z-index:10000000;
}

.ui-datepicker .ui-datepicker-title{
  font-size:14px;
}
