/* CSS Document */

/*日本語フォントをベースに指定*/
body{
font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-size:.9em; 
}
.container-fluid{
    padding: 0 30px;
}
/*サイドバーlightテーマ使用時のブランドロゴのデフォルトフォントカラー#000を#FFFに変更*/
.sidebar-light-primary .brand-link{color:#FFF;}
/*サイドバーのドロップシャドウの濃度を変更*/
.elevation-4{box-shadow:0 1px 1px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.22)!important;}

/*[class*='sidebar-light']+.brand-link{color:#FFF;}*/
/*.sidebar-dark-primary{background-color:#F00;}*/

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #17a2b8;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.sub-nav>.nav-item>.nav-link {
    padding-left: 48px;
}

.card-body>.table tr td, 
.card-body>.table tr th{
    vertical-align: middle;
    color: #6c757d;
}

.card-body>.table tr td input[type="checkbox"], 
.card-body>.table tr th input[type="checkbox"]{
    width: 16px;
    height: 16px;
}

.nav-tabs .nav-link, 
.nav-tabs .nav-link {
    border-color: #e9ecef #e9ecef #dee2e6;
    background-color: #fff;
}

.custom-tabs {
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 .25rem .25rem;
}

.popup-input .delete-action {
    opacity: 0;
    transition: all .3s ease-in-out;
}

.popup-input:hover .delete-action {
    opacity: 1;
}
.nav-sidebar li.nav-item.logout{margin: 100px 20px 0;}
.nav-sidebar li.nav-item.logout a{background:#17a2b8;}
.form-control::placeholder {
  color: #c7c7c7;
  opacity: 1;
}
.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-right: 17px;
}
.popup-input .delete-action {
  opacity: 1;margin-left: 40px;
}
.popup-input .delete-action i {
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  font-size: 17px;
  color: #ccc;
}
.new_listing ul.nav-tabs{
    width: 100%;
    justify-content: end;
}
.new_listing ul.nav-tabs li{display:flex;}
.new_listing ul.nav-tabs li a{
    padding: 10px 30px;
	border: 1px solid #ced4da;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom:0 !important;
	margin: 0 5px;
	color: #212529;
	color: #212529;
}
.new_listing ul.nav-tabs li:hover, .new_listing ul.nav-tabs li a.active{
	border-color: #17a2b8;
}	

.new_listing .tab-content{padding:50px 0;}
.new_listing select{width:50%;max-width:200px;padding:5px;border: 1px solid #ced4da;border-radius: 0.25rem;height: calc(2.25rem + 2px);background: #fff;-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.new_listing select#group{width:100%;}
.modal-text {
    cursor: pointer;
    margin-top: 35px;
}
.new_listing #check_time select{width:80%;}
#cleaning_unit_price, #cleaning_time{width:50%;}
#keep{width:100px;}
.form-group.custom-file {margin-bottom: 1rem;}
.new_listing .custom-switch {
    padding-left: 0;
}
.new_listing .custom-switch .first{
    width:100px;
}
.new_listing .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
    background: #fff;
}
.new_listing .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
    background: #17a2b8;
    border-color: #17a2b8;
}
.new_listing .custom-file-input ~ .custom-file-label::after {
    content: "ファイルを選択";
}

#facility.new_listing .form-control{max-width:600px;}
.new_listing .hotel .form-control{max-width:300px;}
.listing_photos{position:relative;width:225px;}
.listing_photos:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background: rgba(255,255,255,0.5);}
.listing_photos img.listing_photo{width:100%;}
.listing_photos img.listing_photo1{position:absolute;top:0px;right:0px;border-radius: 50%;z-index:2;}
.listing_photos img.delete_icon{position:absolute;top:3px;right:3px;z-index:3;cursor:pointer;}
#facility.new_listing textarea{height:100px;max-width:600px;}
ul#uploaded_img{display:flex;flex-wrap: wrap;padding: 0;}
ul#uploaded_img li{width:30%;list-style:none;margin:0 20px 20px 0;text-align:center;position:relative;}
ul#uploaded_img li p{margin:10px 0 0;}
ul#uploaded_img li img{height:185px;width: 100%;object-fit: cover;}
ul#uploaded_img li span{position: absolute;top: 15px;right: 15px;width: 30px;height: 30px;border-radius: 50%;font-size: 21px;font-weight: bold;background: #fff;line-height: 20px;cursor:pointer;}
ul#uploaded_img li ul {
  position: absolute;
  top: 50px;
  background: #eee;
  border-radius: 15px;
	padding: 10px 15px;
  right: 15px;
  display: none;
  flex-direction: column;
}
ul#uploaded_img li ul.shown {
  display: flex;
}
ul#uploaded_img li ul li{width:100%;padding:5px 0;margin:0;text-align:left;}
ul#uploaded_img li ul li a{color:#000;}
img{max-width:100%;height:auto;}
#facility.new_listing .custom-file-input ~ .custom-file-label::after {
    display:none;
}
ul#uploaded_img li.upload .up {
    height: calc(100% - 32px);
    border: 1px dashed #000;
    display: flex;
    justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
}
ul#uploaded_img li.upload .up .custom-file-input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
ul#uploaded_img li.upload .up img{height: auto;width:auto;}
#facility .custom-file{max-width:400px;}
.hotel1{margin-top:30px;}
.hotel1 img{margin-top:20px;}
.box-footer {
    display: flex;
    justify-content: space-between;
}
#new_listing2.new_listing .custom-switch .first {
  width: auto;
}
#new_listing2 .custom-switch .custom-control-label.normal {padding-left:0px;}
#new_listing2 .custom-switch .custom-control-label {padding-left:40px;width:auto;}
#new_listing2 .custom-switch .custom-control-label::before {left: 0;}
#new_listing2 .custom-switch .custom-control-label::after {left: 0;}
.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
  content: "\2713";
  color: #17a2b8;
  line-height: 12px;
}
#facility.new_listing .appeal .form-control {
    max-width: 100%;
    margin: 0;
	width:calc(100% - 210px);
}
@media (max-width:1024px){
	.new_listing ul.nav-tabs li {padding: 10px 20px;}
	table input[type=text]{width:100px;}
	.appeal  select{width:100px !important;}
	.appeal  input[type=text]{margin:0 0 0 10px !important;width:calc(100% - 120px) !important;}
	.new_listing .col-md-7 {
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	ul#uploaded_img li.upload .up {height: 80px;}
	ul#uploaded_img li img{height:100px;width: 100%;object-fit: cover;}
}	
@media (max-width:767px){
	.new_listing ul.nav-tabs li {margin: 0 2px;padding:5px;}
	ul#uploaded_img li{width:calc(50% - 15px);margin:0 15px 15px 0;}
	ul#uploaded_img li.upload .up {height: 100px;}
	#facility.new_listing .hotel1 .form-control {width:100% !important;margin: 0 0 10px !important;}
	
}