/* ==========================================================================
   Custom Settings
========================================================================== */


body:not(.notAuthorizedUXP) {
	height: calc(100% - 87px);
}

html,body {
	direction:ltr;
	background: #fff;
	min-width: initial;
}

body{
	color: #727375;
	font-family: 'Open Sans', sans-serif;
}

header {
	/*padding-top: 50px;*/
	margin-bottom: 15px;
}

b,
strong {
    font-family: "Open Sans" !important;
    font-style: normal;
    font-weight: 700;
	color:#6f6c67;
}

strong-uxp {
    font-style: normal;
    font-weight: 700;
	color:#6f6c67;
}

.hide-label-field {color:transparent;}

.denied-note {
    font-style: normal;
    font-size: 18px;
	color:#6f6c67;
}

ul, li {
	list-style: none;
}

.right {
	float:right;
}

.left {
	float:left;
}

.hide {
	visibility:hidden;
}

.selected-object{
	background-color: #E8E8E8;
}

.downloadButton {
	float: right;
    color: white !important;
    font-size: 20px;
    margin-right: 45px;
}

.show-main-file ul {
   position: relative;
   top: calc(50% - 110px);
}

div.active audio {
   position: relative;
   height: 50%;
   margin-left: 33%;
   width: 33%;
}
.carousel-control.left {
	background-image: none;
	width: 20px;
	top: -37px;
	color: white;
}

.carousel-control.right {
    background-image: none;
    right: 9px;
    width: 20px;
    top: -37px;
    color: #FFF;
}

.carousel-control .glyphicon {
	top: 0;
	margin: 0;
	font-size: 30px;
	width: 20px!important;
}

p.copyrightContent {
    margin-left: auto;
    margin-right: auto;
    width: 33em;
    text-align: left;
    word-break: break-word;
    word-wrap: break-word;
}

.left-dir {
	direction:rtl;
}

.full-scr {
	height:100%;
	width:100%;
}

.no-padding {
	padding:0;
}

.text-center {
	text-align: center;
}

.thumbs-padding {
    padding:10px 5px
}

ul.thumbs-view {
	padding: 0;
	margin: 0 auto;
	text-align: center;
    width: 100%;
}

ul.thumbs-view li {
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-top: 0.5em;
}

ul.thumbs-view p {
    display: block;
    font-size: 90%;
    margin-top: 2px;
    text-align: center;
    width: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img{
	/* height:90% */
}

 .img-fix {
    object-fit: contain;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 4px;
    margin: 0px auto;
    max-width: 100%;
    max-height: 48em;
    vertical-align: middle;
}

.swipe-gallery {
    height: 100%;
    width: 100%;
}

.full-height {
	height:100%;
	margin-bottom: 10px;
}
/* To leave room for copyrights close link in the bottom*/
.copyrights-full-height {
	height:100%;
}
.title-center {
	font-size: 150%;
	text-align: center;
	margin-bottom: 20px;
}

.panel-footer {
	margin-top:20px;
}
.panel.panel-primary.panel-fix {
   height: calc(100% - 40px);
}
loading-img{
	margin:1em auto;
	border:0px;
	width:32px;
}

.fa-5x {
    font-size: 10em !important;
}

.quickLinksWrapper .subMenu a {display: initial;}
.quickLinksWrapper .subMenu{margin-left: -15%; margin-right: initial;min-width: initial;}
.quickLinksWrapper .subMenu:before{left: 76%; right:initial;}
.quickLinksWrapper .subMenu:after{left: 77.2%; right:initial;}
.quickLinksWrapper {
	border-left: 0px;
	border-right: 0px;
}
.quickLinksWrapper > .btn {
	background-color: white;
	font-size: 16px;
	color: #555;
	box-shadow: none;
}
.quickLinksWrapper > .btn:hover,
.quickLinksWrapper > .btn:active,
.quickLinksWrapper > .btn:focus {
	box-shadow: none;
	outline: 5px auto -webkit-focus-ring-color;
}



/* ==========================================================================
   override Bootstrap Settings
========================================================================== */

.nav-logo {
    padding: 5px 0 5px 15px;
}

.prod-logo {
    margin-top: -15px;
}

.header-bg {
	background: -webkit-linear-gradient(#ffffff, #ebebeb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #ebebeb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #ebebeb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #ebebeb); /* Standard syntax */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
	border-color: #c9c8c8;
}

.pagination {
    margin: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2c4d82;
    border-color: #2c4d82;
}

.pagination > li > a, .pagination > li > span {
    color: #2c4d82;
}

@media (max-width:767px) {
html,body {
	height: 100% !important;
}
}

 /* ==========================================================================
   override Bootstrap Settings - Only Above 768px Screen
========================================================================== */

@media screen and (min-width:768px) {

/* start - min-width:768px */

.full-container {
	margin:0 15px 20px 15px;
}
div.mobile-navbar-header {
   position: absolute;
   right: 5px;
   top: -75px;
}
.navbar-brand-centered {
	position: absolute;
	left: 30%;
	display: block;
	width: auto;
	text-align: center;
}

.icons-padding {
	padding-top: 14px;
}

.navbar{
	min-height:0px;
}

.record-title{
	padding-left: 25px;
	padding-right: 18px;
	background-color:#f2f2f2;
}

.navbar>.container .navbar-brand-centered,
.navbar>.container-fluid .navbar-brand-centered {
     margin-left: -100px;
	 margin-top: -4px;
}

.navbar-nav > li > a {
    line-height: 50px;
    padding: 5px 15px 0 5px;
}

.navbar-nav > li > a.uxpNav {
	padding: 6px 12px;
	line-height: 23px;
	margin: 8px 5px 0 0;
	color: #555;
}

.navbar-nav > li > span {
    line-height: 50px;
    padding: 0 15px 0 5px;
}

.navbar-nav > li > button {
    margin-right: 5px;
    margin-top: 8px;
}

.panel-fix {
    /* 80% of window height */
    height: calc(100% - 40px);
}


ul.list-view {
	border-top: 1px solid #e6e6e6;
    display: block;
    padding: 0 3px;
    text-align: left;
    vertical-align: top;
    margin: 0;
    width: 100%;
}

ul.list-view li {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: 0.5em 0;
    direction: ltr;
    vertical-align: middle;
}

ul.list-view p {
    color: #999999;
    display: inline-block;
    font-size: 90%;
    margin-left: 15px;
    width: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

ul.list-view .img-thumbnail {
    height: auto;
    width: 35px;
}

ul.thumbs-view .img-thumbnail {
   max-width: 7em;
}

ul.primaryColor li img.img-responsive.img-thumbnail {
	max-width:15em;
   height: auto;
}

/*
.scroll-for-panel {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
*/
.pagination ul {
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
	padding: 0;
}

.pagination ul > li {
    display: inline;
	line-height: 20px;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}

.pagination ul > li > a, .pagination ul > li > span {
    background-color: #ffffff;
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    padding: 4px 12px;
    text-decoration: none;
	font-size:12px;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
}

.panel-primary > .panel-heading {
    border-color: #2c4d82;
    color: #fff;
    height: 40px;
}

.panel-primary > .panel-fix{
    border-color: #2c4d82;
    height: calc(100% - 40px);
}

.panel-body-fix{
    height: calc(100% - 40px);
    padding: 20px!important;
}

.glyphicon {
 	font-size: 21px; padding: 0px 2px;cursor:pointer;
}

.carousel-inner .item.active img {
   height: 95%;
}
/* end - min-width:768px */

}



 /* ==========================================================================
   override Bootstrap Settings - Only Below 768px Screen
========================================================================== */

@media only screen and (max-width:767px){

/* start - min-width:768px */

.full-container {
	padding:0 15px;
	height: auto;
}

div.panel-body.panel-fix.no-padding {
   overflow-y:scroll;
}

div.mobile-navbar-header {
   position: absolute;
   right: 5px;
   top: -47px;
}
.pdf{
	    height: 93%;	
}

div.hidden-mobile {
   display: none;
}

li.hidden-mobile {
   display: none;
}

ul.thumbs-view li {
    display: inline-block;
    padding: 1em 0.2em 0 0.2em;
    text-align: center;
    vertical-align: top;
    height: auto;
    width: 124px;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

ul.thumbs-view p {
    max-width: 100px;
	font-size: 80%;
}

ul.thumbs-view .img-thumbnail {
   #height: 70px;
   #width: 116px;
}

.panel-primary > .panel-heading {
    border-color: #2c4d82;
    color: #fff;
    height: auto;
}

.panel-primary > .panel-fix{
    border-color: #2c4d82;
    height: calc(100% - 40px);
}


ul.list-view {
	border-top: 1px solid #e6e6e6;
    display: block;
    padding: 0 3px;
    text-align: left;
    vertical-align: top;
    margin: 0;
}

ul.list-view li {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: 0.5em 0;
    text-align: left;
    vertical-align: middle;
}

ul.list-view p {
    color: #999999;
    display: inline-block;
    font-size: 90%;
    margin-left: 15px;
}

ul.list-view .img-thumbnail {
   #height: 35px;
   width: 57px;
}

.full-height {
   height: 100%;
   min-width: 126px;
}

.col-xs-12.full-height {
   height: 90%;
}

.glyphicon {
	font-size: 0.8em;
}
/*
.scroll-for-panel  {
   overflow: scroll;
   height: calc(100% - 40px);
}
*/
.navbar{
   min-height:0px;
   border: 0px;
   margin-bottom: 0px;
}

.fa-5x {
    font-size: 5em !important;
}

div.active audio {
   position: relative;
   vertical-align: middle;
   height: 36%;
   display: table;
   margin: 0 auto;
}

div.active video {
   position: relative;
   vertical-align: middle;
   height: calc(50% - 20px);
   display: table;
   margin: 0 auto;
}

.show-main-file {
   font-size: smaller;
   height: auto !important;
}

.panel-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

p.copyrightContent {
    font-size: smaller;
    width: initial;
}

/* end - min-width:768px */
}

/* iPad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
div.full-container div.full-height div.main-content-panel, div.full-container div.full-height div.thumbnail-panel, div.full-container div.full-height div.main-desc-panel
 {
    height: 50%
}
div.full-container div.full-height .panel {
    height: 100%
}

}

@media only screen
and (max-width : 767px)
and (orientation : landscape) {

.show-main-file {
    height: auto;
}

.show-main-file ul {
    position: relative;
    top: 0px;
}

html,body {
	min-width: initial;
	height: calc(100%);
	background: #fff;
}

.carousel-inner .item.active img {
   height: 80%;
}

}

html[data-useragent*='MSIE'] body {
  height: 100%;
  height: calc(100% - 64px);
}

html[data-useragent*='MSIE'] body div.full-container {
  height: 100%;
}

html[data-useragent*='MSIE'] body div.full-height {
  height: 100%;
}

html[data-useragent*='MSIE'] body div.full-container div.full-height div.panel-body{
  height: 100%;
}

html[data-useragent*='MSIE'] body div.full-container div.full-height ul{
  height: calc(100% - 64px);
  overflow-x: hidden;
  overflow-y: scroll;
}

html[data-useragent*='MSIE'] body div.full-container div.full-height div#panel-body-fix{
  height: calc(100% - 40px);
}

html[data-useragent*='MSIE'] body div.full-container div.full-height div#main-carousel{
  height: calc(100% - 40px);
}

html[data-useragent*='MSIE'] body div.full-container div.full-height div#main-carousel .carousel-inner{
  height: calc(100%);
}

html[data-useragent*='MSIE'] body div.full-container div.full-height div#main-carousel .carousel-inner div.item.active{
  height: calc(100%);
}
html[data-useragent*='MSIE'] body div.full-container div.full-height div#main-carousel .carousel-inner div.item.active div.hidden-sm{
  height: calc(100%);
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/* Leave room for copy right link */
.nano { height: calc(100% - 60px); }
.nano .nano-content { margin: 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

.LogoDirection {float: left;}

.alma-logo{
	float: left;
	margin-top: 0.6%;
	margin-right: 1%;
    margin-bottom: 0px;
    margin-left: 1%;
 }
 .share{
	display: block;
 	left: 3px;
 	border-radius: 3px;
 	padding: 7px !important;
 }

.Language {
	position: absolute;
    right: 8px;
}
/* move to the bottom */
.closeCopyrightsLink{
    bottom: 5px;
    width: inherit;
    text-align: center;
}

 .show-main-file {
 	text-align: center;
 	height: 100%;
 }

 .xmlText {
    height: 100%;
    padding: 0px;
    font-size: inherit;
    text-align: left;
       background-color: #fff;
    border: none;
}

.previewSpinner {
    color: Gray;
    background: url("/infra/images/spinner.gif") no-repeat transparent;
    background-position:center;
}

#copyurl .copied:after {left:12px;margin-top: 5px;}

.navbar-default:not(.flex){
	color: #777;
	display: block;
}

.navbar-default.flex{
	justify-content: normal;
}
