@charset "iso-8859-1";
/* CSS Document */

html,body
{
    height:100%;
    width:100%;
	margin:0px;
	padding:0px;
}
body
{
    display:table;
	overflow:hidden;
}
#top
{
    height: 40px;
    background-color: #474747;
    background-image: url(/optitravel/includes/pdf_js/web/images/texture.png), linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
	border:0px solid green;
}
#bottom
{
    width:100%;
	background: lightgrey;
    height: calc(100vh - 40px);
	border:none;
}
#top_container {
    margin: auto;
    width: 930px;
    border: 0px solid green;
    padding: 5px;
	color:white;
	font-family:Arial;
	font-size:12px;
}
#top_container a {
	color:white;
	text-decoration:none;
	
	display:inline-block;
	margin:2px;
	padding:4px 6px 4px 6px;
	
	border: 1px solid hsla(0,0%,0%,.35);
	border-color: hsla(0,0%,0%,.32) hsla(0,0%,0%,.38) hsla(0,0%,0%,.42);
	box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset, 0 0 1px hsla(0,0%,100%,.15) inset, 0 1px 0 hsla(0,0%,100%,.05);
	border-radius: 2px;
}

#top_container a:hover, #top_container a.hover {
	background-color: hsla(0,0%,0%,.12);
	background-clip: padding-box;
}
.btn_group {
	display:inline-block;
	border:0px solid green;
	margin:0px;
	padding:0px 6px 0px 6px;
}
.icon_email {
	margin:0px 2px 0px 2px;
	padding:0px;
	display:inline-block;
	width:9px;
	height:9px;
	border:0px solid gray;
    background-image: url(/optitravel/includes/pdf_js/web/images/findbarButton-next.png);
	background-size: contain;
}
.icon_download{
	margin:0px 2px 0px 2px;
	padding:0px;
	display:inline-block;
	width:9px;
	height:9px;
	border:0px solid gray;
    background-image: url(/optitravel/includes/pdf_js/web/images/findbarButton-next.png);
	background-size: contain;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.icon_drop {
	margin:0px 2px 0px 2px;
	padding:0px;
	display:inline-block;
	width:9px;
	height:9px;
	border:0px solid gray;
    background-image: url(/optitravel/includes/pdf_js/web/images/treeitem-expanded.png);
	background-size: contain;
}
#custom_doc_div {
	
	display:none;
	
	border: 1px solid hsla(0,0%,0%,.5);
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	
	margin:5px 8px 8px 8px;
	padding:0px 5px 5px 5px;
	
}
#custom_doc_div textarea{
	width:100%;
	font-family:Arial;
	font-size:12px;
	height:110px;
}
#titles {
	margin:0px;
	padding:10px 3px 8px 3px;
	border:0px solid yellow;
}

#titles input {
	margin:0px 20px 0px 0px;
	padding:3px 2px 2px 2px;
	border:1px solid hsla(0,0%,0%,.5);
	border-radius: 2px;
	font-size:12px;
	width:250px;
}

#titles input:focus {
	border: 1px solid black;
	background-color: #e5e5e5;
}

#titles label {
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px 2px;
	border:0px solid hsla(0,0%,0%,.5);
	font-size:12px;
}




.content{position: relative;}
.overlay{position: absolute;left: 0; top: 0; right: 0; bottom: 0;z-index: 2;background-color: rgba(255,255,255,0.8); display:none;}
.overlay-content {
    position: absolute;
    transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
    top: 70%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555;
}
.lds-ring {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top:-70px;
  left:-30px;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #2B8DB8 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}