/* suuport for Viewer.js (v1.11.6) */

/*MODIFIED*/
div.viewer-container.viewer-fixed.viewer-fade.viewer-in {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
div.viewer-container.viewer-in div.viewer-canvas img {
  box-shadow: none;
  transition: transform .15s;
}
div.viewer-container.viewer-in div.viewer-canvas img.trans {
  transition: transform .15s, margin .125s, width .125s, height .125s;
}
div.viewer-container.viewer-in div.viewer-canvas img:active {
  cursor: grabbing;
  transition: all 0s;
}
div.viewer-container.viewer-in div.viewer-canvas img:hover {
  opacity: 1!important;
}
div.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}
div.viewer-canvas[data-viewer-action="hide"] {
  cursor: pointer;
}
div.viewer-toolbar ul {
  transform: scale(1.35);
}
div.viewer-toolbar ul li {
  border-radius: 10%;
}
div.viewer-toolbar ul li:not(:nth-of-type(1)) {
  margin-left: 3px;
}
div.viewer-button {
	z-index: 10000;
	position: static;
	border-radius: 3px;
	height: 30px;
	width: 30px;
  margin: 3px 3px 0 0;
}
a.nwwindow-btn {
	z-index: 10000;
}
div.viewer-button::before {
  position: static;
}
div.viewer-button.viewer-close::before {
	background-position: -255px 5px;
}
div.viewer-flscr::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 30px;
  line-height: 0;
  width: 30px;
  background-position: -215px 5px;
  content: 'FullScreen';
}
div.viewer-nwwindow::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAANElEQVR42mJgxAIYSBRkQAZwQVRlJAkCTcEiyEgbQQzHM2DzJgOmr3EJohpIRniiAYAAAwAUiwFOT1GpWQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 20px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 30px;
  line-height: 0;
  width: 30px;
  background-position: 5px 5px;;
  content: 'NewWindow';
}
div.viewer-flscr.btn-exit::before {
  background-position: -235px 5px;
}

ul.viewer-list {
  width: auto!important;
}
ul.viewer-list li {
    width: auto!important;
}
ul.viewer-list li img {
  height: 50px!important;
  width: auto!important;
  transform: translateX(0)!important;
}

/*newWindow*/
#newwindowKbd {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  padding: 0;
}
#newwindowKbd div.viewer-canvas {
  background-color: rgba(0,0,0,0.7);
  cursor: grab;
}
ul#copied {
  height: 1px;
  width: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#msg {
  text-align: center;
}

/*general*/
.js-viewer-hide {
  display: none!important;
}