.img-uploader{
   padding: 20px 20px 0px 20px;
	border: 2px solid blue;
	border-radius: 6px;
	
}
.pagination-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}

.pagination-1 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border: 1px solid #008cb4;
    border-radius: 1px;
    color: #008cb4;
}

.pagination-1 a:not(:hover) {
    text-decoration: none;
}

.pagination-1 .current a {
    background-color: #008cb4;
    color: #fff;
    pointer-events: none;
}

.pagination-1 .prev a,
.pagination-1 .next a {
    gap: 0 4px;
    width: auto;
    padding: .5em .8em;
    line-height: 1;
}

.pagination-1 .prev a::before,
.pagination-1 .next a::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination-1 .prev a::before {
    border-bottom: 1px solid #008cb4;
    border-left: 1px solid #008cb4;
}

.pagination-1 .next a::after {
    border-top: 1px solid #008cb4;
    border-right: 1px solid #008cb4;
}

.btn-single{
	border: 1px solid blue;
	padding: 5px 20px;
	border-radius: 3px;
}

.btn-single2{
	border: 1px solid blue;
	padding: 0px 20px;
	border-radius: 3px;
}

.circle_number {
  width: 50px;
  height: 50px;
  padding-top: 13px;
  background-color: #555;
  color: #fff;
  font-size: 22px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
}

.profile-btn {
	display: block;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	background-color: #fff;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 10px;
	color: #27acd9;
	border: 3px solid #27acd9;
	box-shadow: 5px 5px #27acd9;
	transition: 0.3s ease-in-out;
}
.profile-btn:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #27acd9;
}

#form_quick_search input[type=text]{
	width: 400px;
}

.pageTop-margin{
	padding-top: 120px;
}

.img-id{
	margin-bottom: 10px;
	font-weight: 600;
	color:#333;
}
.img-id span{
padding: 2px 5px;
border-radius: 3px;
background-color: #333;
color: #fff;
margin-right: 5px;
}

.file-size{
	margin-bottom: -5px;
	margin-top: 5px;
	color: #333;	
}

.file-size span{
padding: 2px 5px;
border-radius: 3px;
background-color: #5e8a9c;
color: #fff;
margin-right: 5px;
font-size: 80%;
}


.file-resolution{
	margin-bottom: 20px;
	margin-top: 5px;
	color: #333;
}

.file-resolution span{
padding: 2px 5px;
border-radius: 3px;
background-color: #5e8a9c;
color: #fff;
margin-right: 5px;
font-size: 80%;
}

.file-info{
	margin-bottom: -5px;
	margin-top: 5px;
	color: #333;	
}

.file-info span{
padding: 2px 5px;
border-radius: 3px;
background-color: #948c8c;
color: #fff;
margin-right: 5px;
font-size: 80%;
}




.bg01{
background-image: repeating-linear-gradient(293deg, hsla(29,0%,74%,0.12) 0px,transparent 7px,hsla(29,0%,74%,0.12) 12px,transparent 19px,hsla(29,0%,74%,0.12) 24px,transparent 31px,hsla(29,0%,74%,0.12) 36px),repeating-linear-gradient(43deg, hsla(29,0%,74%,0.12) 0px,transparent 7px,hsla(29,0%,74%,0.12) 12px,transparent 19px,hsla(29,0%,74%,0.12) 24px,transparent 31px,hsla(29,0%,74%,0.12) 36px),repeating-linear-gradient(0deg, hsla(29,0%,74%,0.12) 0px,transparent 7px,hsla(29,0%,74%,0.12) 12px,transparent 19px,hsla(29,0%,74%,0.12) 24px,transparent 31px,hsla(29,0%,74%,0.12) 36px),linear-gradient(90deg, rgb(253,253,253),rgb(253,253,253));]]
}


.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 1px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.modal-xl{
	width: 1600px !important;
}


@media only screen and (max-width: 1598px) {
	
.modal-xl{
		max-width: 90% !important;
	}

}	

@media only screen and (max-width: 992px) {
	
	#sidebar{
		padding-left: 15px;
		margin-top: 30px;
		margin-bottom: 20px;
		}
	
	#form_quick_search input[type=text]{
	width: 200px;
}

	
.pageTop-margin{
	padding-top: 50px;
}

.no-top {
    padding-top: 0px !important;

}




	}

.image-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.disable-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: default;
}