/* Bootstrap additions */

.bg-orange {
  background-color: #FF6103;
}

.bg-darkOrange {
  background-color: #d54f00;
}


.bg-black {
  background-color: #000000;
}

.bg-light-gray {
  background-color: #e6e6e6;
}

.text-white {
	color: #dddddd;
}

/* start allow nested dropdowns */
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}
/* stop allow nested dropdowns */

/* fix min with of dropdowns */
.dropdown-menu {
  min-width:inherit;
}

.modal-body {
	min-width:100px;
	min-height: 50px;
}

/* End Bootstrap additions */

/*.bodyStyle {
	height: 100vh;
}
*/

/* Start edit SocialShareJS display */

.ss-btn {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	padding: 3px;
	margin: 7px;	
}

.ss-btn {
	transform: scale(1.3,1.3);
}
/* End edit SocialShareJS display */

#onlyFullscreen {
	display: none;
}

.maxFit {
	max-height: 83vh;
	object-fit: contain !important;
}

.maxHeight {
	max-height: 83vh !important;
  display: block;

}

.progressBar {
	margin-left: -8px;
}

.progress {
	height: 25px;
	background-color: rgb(249, 249, 250);
	margin-right: 5px;
	margin-left: -5px;
}

progress[value] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 19px;
        margin-top: 3px;
        color: #000;
      }
      
progress[value]::-webkit-progress-bar {
        background-color: #CCCCCC;
      }
      
progress[value]::-webkit-progress-value {
        background-color: #FF6103;
        border-radius: 0px;
        background-size: 0px 0px, 100% 100%, 100% 100%;
      }

input[type=text] {
  width: 140px;
  max-width: 90%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  font-family:'Open Sans', Arial, sans-serif;
  background-color: white;
  border-radius: 5px;
}

.dropup .dropdown-toggle::after {
	display: none !important; 
}

body {
	font-family:'Open Sans', Arial, sans-serif;
}

input[type=button] {
  background-color: #FF6103;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 14px 12px;
  cursor: pointer;
  border-radius: 5px;
}

.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


#currentImageTextId {
	margin-left: 5px;
	margin-right: -8px;
}

.misFotosControl {
	margin-top:-30px;
}

.hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 300ms, opacity 300ms linear;
}

.hideShare {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 300ms, opacity 300ms linear;
}


.misFotosButton {
	width: 40px;
 	height: 40px;
 	border-radius: 50%;
 	border: none;
 	background-size: cover;
	background-position: center; 
 	z-index: 100;
}

.searchButton {
  background-color: #FF6103;
  border: none; 
  color: white;
  padding: 5px 10px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 8px;
  z-index: 100;
  width: auto;
}

@media only screen and (max-width: 767px) {

.maxFit {
  max-height: 70vh;
  object-fit: contain !important;
}

.maxHeight {
  max-height: 70vh !important;
  display: block;

}

.noMobile {
	display: none !important;
}

.maxHeight {
	padding-right: 0px !important;
}

.ss-btn {
	transform: scale(1.33,1.33);
}

.pButtons {
	width: 30px !important;
 	height: 30px !important;
}

.progressBar {
	margin-left: -8px;
}

.progress {
	margin-left: 10px;	
	margin-right: 10px;
	max-width: 95%;
}

#currentImageTextId {
	margin-left: 5px  !important;
	margin-right: -5px;
}

.mobileTopSpace {
	margin-top: 10px !important;
}

}