/** Bootstrap template **/
:root {
  --jumbotron-padding-y: 1.5rem;
}

.jumbotron {
  padding-top: 20px;
  padding-bottom: 40px;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    /* padding-top: calc(var(--jumbotron-padding-y) * 2); */
    /* padding-bottom: calc(var(--jumbotron-padding-y) * 2); */
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
.card {
	background: none;
	box-shadow: none;
}

.topbar-button {
	font-size: 25px;
}


/** Tags **/
.tag-container {
  width: 1px; /* helps wrap the tags in a specific width */
  max-width: 300px;
}

.dashfolio-tag {
  cursor:pointer;
  background-color: blue;
  padding: 2px 10px 2px 10px;
  display: inline-block;
  margin-top: 3px; /*incase tags go in next line, will space */
  color:#fff;
  background:#789;
}

.search {
	width: 100%;
	position: relative;
	display: flex;
	height: 36px;
}
.searchTerm {
  width: 100%;
  border: 1px solid #000;
  border-right: none;
  padding: 5px;
  height: 46px;
  border-radius: 7px 0 0 0;
  outline: none;
  color: #000;
}

.searchTerm:focus{
  color: #000;
}

.searchButton {
  width: 50px;
  height: 46px;
  border: 1px solid #4285f4;
  background: #4285f4;
  text-align: center;
  color: #fff;
  border-radius: 0 7px 7px 0;
  cursor: pointer;
  font-size: 20px;
}
.wrap {
	height: 46px;
}

form.example button:hover {
  background: #000;
}

.dashfolio-tag:hover{
  opacity:0.7;
}

#add-tag-input {
  background:#eee;
  border:0;
  margin:6px 6px 6px 0px ; /* t r b l */
  padding:5px;
  width:auto;
}
.search-select {
	border-radius: 0px 0 7px 7px;
	border: 1px solid #000;
	border-top: none;
	height: 36px;
	margin-top: 0px;
	float: left;
}


/** Own stuff **/
#add_photo_preview_container {
	/* width: 652px; */
	/* height: 434px; */
	/* border: 3px dashed #929292; */
}
#add_photo_preview {
	min-width: 652px;
	min-height: 434px;
	max-width: 652px;
	max-height: 434px;
	border: 3px dashed #929292;
}
.py-5 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.album-thumbnail {
	border-radius: 7px;
}
.mb-4 {
	border-radius: 7px;
}

.browse_photo {
	margin-top: 15px;
}
.tagsinput .tag {
	background: #66a0ff !important;
}
.tagsinput .tag .tag-remove::after, .tagsinput .tag .tag-remove::before {
	background: #fff !important;
}
.tag-text {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.btn-primary-red {
	background-color: red !important;
}

.two-column {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 15px;
}

.download-original {
	font-size: 30px;
}
.lightbox-footer {
	grid-template-columns: 50% 50%;
	width: 100%;
}
.lightbox-tags {
	max-width: 50%;
	float: left;
	word-wrap: break-word;
}
.lightbox-tag {
	padding: 3px;
	font-size: 12px;
}
.lightbox-right {
	float: right;
}

.tagsinput,.tagsinput *{box-sizing:border-box}
.tagsinput{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#fff;font-family:sans-serif;font-size:14px;line-height:20px;color:#556270;padding:5px 5px 0;border:1px solid #e6e6e6;border-radius:2px}
.tagsinput.focus{border-color:#ccc}
.tagsinput .tag{position:relative;background:#556270;display:block;max-width:100%;word-wrap:break-word;color:#fff;padding:5px 30px 5px 5px;border-radius:2px;margin:0 5px 5px 0}
.tagsinput .tag .tag-remove{position:absolute;background:0 0;display:block;width:30px;height:30px;top:0;right:0;cursor:pointer;text-decoration:none;text-align:center;color:#ff6b6b;line-height:30px;padding:0;border:0}
.tagsinput .tag .tag-remove:after,.tagsinput .tag .tag-remove:before{background:#ff6b6b;position:absolute;display:block;width:10px;height:2px;top:14px;left:10px;content:''}
.tagsinput .tag .tag-remove:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.tagsinput .tag .tag-remove:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.tagsinput div{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.tagsinput div input{background:0 0;display:block;width:100%;font-size:14px;line-height:20px;padding:5px;border:0;margin:0 5px 5px 0}
.tagsinput div input.error{color:#ff6b6b}
.tagsinput div input::-ms-clear{display:none}
.tagsinput div input::-webkit-input-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input::-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-ms-input-placeholder{color:#ccc;opacity:1}

.page-number {
	padding-right: 6px;
}
.current-page {
	font-weight: bold;
}