.margin{
	padding: 10px;
}
.btn-dw{
	margin-right: 20px;
}
#search,#select,#button,#button2{
    height: 45px;
}
#select{
    max-width: 160px;
}

#button{
    margin : 0px 10px;
}

#button2{
    background    : #ffffff;     /* 背景色     */
    color         : #17A2BB;     /* 文字色     */
    border        : 2px solid #17A2BB;    /* 枠の指定 */
}
#main-title{
	color         : #ffffff;
	padding: 10px;
	margin: 0px;
	font-size: 17px;
}
.btn-logout {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 6px;   /* 余白       */
  background    : #808080;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  border        : 2px solid #808080;    /* 枠の指定 */
	margin-left: 20px;
}

.sharp,.id{
    width: 50px;
}
.warehouse{
    word-break: break-all;
    max-width: 120px;
}
.name{
    word-break: break-all;
    width: 80px;
}
.email{
    word-break: break-all;
    max-width: 200px;
}
.berth{
    width: 100px;
}
.authority_time{
    word-break: break-all;
    width: 170px;
}
.icon_edit{
    width: 80px;
}

.edit-icon{
    color: #17a2b8;
}

.warehouse_edit_label{
    display: block;
    margin-bottom: 0.25rem;
}

.warehouse_form_control{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
}

.warehouse_edit_data{
    cursor: pointer;
    background-color: #f8f8f8;
}

.warehouse_edit_edit{
    margin-bottom: 1rem;
    width: 100%;
}

.warehouse_form_control_address{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    white-space: pre-wrap;
}

.warehouse_form_control_text{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    white-space: pre-wrap;
}

#warehouse_memo-edit{
    height: 200px;
    overflow-y: scroll;
}

.add_warehouse_memo{
    height: 200px;
    overflow-y: scroll;
}

table#result{
    table-layout:fixed;
}

.authority_edit_content{
    border-top : solid 2px #dee2e6;
}

.users_warehouse_button{
    text-decoration:none;
    color: #000;
}

.balloonoya {
  position   : relative;             /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                /* カーソルをポインターで表示 */
}
.balloon1 {
  display: none;                     /* 要素を非表示 */
}
.balloon {
  position: absolute;                   /* 親要素を基準 */
  display: inline;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: #bfe5eb;       /* 背景色（透明度） */
  border: 2px #17A2BB;
  width:180px;                          /* 吹き出し全体の幅 */
  left : -50%;                           /* 表示位置 */
  top : 100%;                           /* 表示位置 */
  font-size: 85%;                       /* 文字サイズ */
}
.balloon:after{
  border-bottom: 12px solid #bfe5eb; /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  top: -12px;                             /* 吹き出し口の位置調整 */
  left : 5%;                              /* 吹き出し口の横位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}

.autho_explan{
    z-index: 0;
}

.balloon {
    z-index: 1;
}

.btn_number{
    font-size: 3rem;
    border-width:medium;
    border-color: #000!important;
    width: 100px;
    height: 100px;
}

.btn_delete{
    border-color: #000!important;
    width: 100px;
    height: 100px;
}

#btn_recept{
    height: 70px;
    font-size: 2rem;
}

.recept_wrapper {    
    margin-top: 60px;
}

@media (max-height: 605px) {
    .btn_number{
      font-size: 2.7rem;
      width: 80px;
      height: 80px;
    }

    .btn_delete{
        width: 80px;
        height: 80px;
    }
    
    .btn_delete > i{
        font-size: 1.7em;
    }
}

@media (min-width: 576px){
    .container{
        max-width: 700px;
    }
    
}
.recept_left_block{
    margin-right: 3rem;
}
@media (max-width: 700px){
    .recept_left_block{
        margin-right: 0rem;
    }
    
}

@media (max-height: 515px) {
    .recept_wrapper {    
        margin-top: 40px;
    }
    
    .btn_number{
      font-size: 2.3rem;
      width: 65px;
      height: 65px;
    }

    .btn_delete{
        width: 65px;
        height: 65px;
    }
    
    .btn_delete > i{
        font-size: 1.7rem;
    }
}

.recept-info{
    margin: 20px 0px;
    text-align: center;
    font-size: 1.7rem;
}

.pulldown_edit{
    position: relative;
    height: auto;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

/*.form_pulldown{
  padding: 66px 20px;
  margin: 0 auto;
  background-color: #eee;
  border: solid 3px #dfdfdf;
}*/

.list_pulldown{
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}