/* CSS Document */
* {
	box-sizing: border-box;
}
body, h1, h2, img, div, button {
	margin: 0px;
	padding: 0px;
}
@font-face {
	font-family: TatrabankaSans;
	src: url("/admin/fonts/TatrabankaSans-Regular.ttf");
}
@font-face {
	font-family: TatrabankaSansBold;
	src: url("/admin/fonts/TatrabankaSans-Bold.ttf");
	font-weight: bold;
}
body {
	font-family: TatrabankaSans, Arial, Calibri, sans-serif ;
	font-size: 16px;
	color: rgb(128, 128, 128);
	background: rgb(30, 30, 30);
	font-weight: normal;
}
#strana {
	margin: auto;
	width: 95%;
}
#logo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 1em 2em;
	width: 4.6em;
}
footer {
	/*! float: left;
*/
	margin: 1em;
	text-align: right;
	clear: both;
}
h1 {
	font-size: 2.6em;
	font-weight: normal;
	margin: 0.5em 0.3em;
}
h2 {
	font-size: 1.8em;
	text-align: right;
	font-weight: normal;
	margin: 0.2em 0;
	padding: 0;
}
h3 a {
	text-decoration: none;
	color: rgb(128, 128, 128);
	font-size: 1.5em;
	text-align: right;
	font-weight: normal;
	margin: 0.2em 0;
	padding: 0;
	float: right;
}
.sekcia {
	position: relative;
	border: solid 1px rgb(30, 30, 30);
	background: black;
	width: 23em;
	min-height: 19em;
	margin: 0em 0.5em 0.5em 0.5em;
	padding: 0.5em 2em 1em 2em;
	box-shadow: 3px 3px 8px 2px #111;
	text-align: right;
  word-break: break-all;
}
.zprava {
	float: left;
}
.thumb {
	float: left;
	left: 0px;
	border: solid 1px rgb(40, 40, 40);
/*	max-height: 13em;
	max-width: 15em; */
	margin: 0 0.5em 0 0;
  min-width:6.25em;
}

.podsekcia {
	position: absolute;
	bottom: 2em;
	right: 2em;
	text-align: right;
	overflow: auto;
}
.tlacitko, #resetp {

  background: linear-gradient(#888, #525252);
	/* background: linear-gradient(rgb(2, 150, 251), rgb(1, 70, 130));  */
	border: none;
	border-radius: 5px;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	min-width: 7.5em;
	/* height: 2.26em;  */
	padding: 0.4em;
	margin: 0.5em 0 0 0.5em;
}
.tlacitko:hover {
background: linear-gradient(#aaa, #525252);
}

form {
	/*! text-align: right;
*/
}
fieldset {
	text-align: right;
	border: none;
}
legend {
	text-align: right;
}
.nahravanie {
	overflow: auto;
}
.nahlady {
	position: relative;
	/*left: 0.5em;  */
	top: 0.5em;
	border: solid 1px rgb(30, 30, 30);
	background: black;
	min-height: 26em;
	overflow: auto;
	/*max-width: 47em;  */
	margin: 0em 0.5em;
	padding: 0.5em 1em 1em 1em;
	box-shadow: 3px 3px 8px 2px #111;
	min-width: 23em;
}

.thdiv {
	width: auto;
	min-height: 18em;/*17.125em; */
	padding: 0.5em;
	/*overflow: hidden; */
	border: 1px solid #555;
  /*! display: flex; */
  float:left;
  /*! background-color:#999; */
  margin:0.5em;
  border-radius:3px;
}

/*.thdiv img {
	max-height: 13em;
	max-width: 13em;
	}
.th_brandwall_2x4 {
min-height: 13em;
}
*/

.th_plagat img, .th_digitalart img, .th_POS img, .th_oznamy img {
   max-height: 13em;
}

.th_infomapa{
 min-height: 12em;
}

.th_infomapa img, .th_menovka img , .th_kniznica img, .th_zoznam img, .th_brandwall4k img, .th_infomapa2 img {
  width: 15em;
}
.th_brandwall_1x4 {
  min-height: 19em;
}
.th_brandwall_1x4 img {
  width: 6em;
}
.th_brandwall_2x4 img {
  max-width:11em;
  width: 13em;
}
.th_LEDstena img {
  width: 170px;
}  
.thdiv header {
overflow:hidden;
width:18em;
}
	
.sv-podklad {
	background-color: #f3f3f3;
	/*height: 13em;*/
  padding:0.5em;
  margin-right:0.5em;
	}
  
.sv-podklad div{
  margin:0.5em;
	}

.th-nazov{
position: relative ;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
background: none;
z-index:0;
height:3em;
line-height: 3em;

}

.th-nazov h4 {
display: inline-block;
vertical-align: middle;
line-height: normal;
margin:0;
font-size: 0.9em;
}

.th-nazov:hover{
color: white;
position: relative;
left: 0px;
z-index:10;
overflow: visible;
}

.th-nazov:hover h4 {
 word-break: break-all;
}

.th_plagat .th-nazov, .th_digitalart .th-nazov, .th_brandwall_1x4 .th-nazov {
 width: 117px;
}

.th_LEDstena .th-nazov {
 width: 160px; 
}
.th_infomapa .th-nazov, .th_brandwall4k .th-nazov {
 width: 208px;
}

.th_brandwall_2x4 .th-nazov {
 width: 200px;
}

.th_POS .th-nazov {
 width: 100px;
}
.th-nazov p {
font-size: 0.8em;
word-break: break-all;
margin: 0;
line-height: normal;
text-align: center;
}

.tlacitkofile {
	background: rgb(255, 255, 255);
	border: none;
	border-radius: 5px;
	color: rgb(2, 150, 251);
	text-align: center;
	font-size: 0.9em;
	width: 20em;
	padding: 0px;
	margin: 0.5em 0 0 0em;
}

.infolista {
  padding: 0;
  position: relative;
  left: 0.5em;
  overflow: auto;
  padding-left: 0.5em; 
  min-width: 23em;
}

.fa:hover, .fas:hover {
color:white;
}

.infolista button, .infolista a, .thdiv div button {
	vertical-align: text-bottom;
  text-align: left;
  color: #6b6b6b;
  background: none;
  border: none;
  font-weight: bold;
    text-decoration: none;
}
.infolista button:hover{
color: white;
}

.infolista img, .infolista button img, .thdiv div button img {
	height: 1.5em;
  text-align: left;
  vertical-align: bottom;
  margin-right: 0.2em;
}

.blinking{
    animation:blinkingText 1s infinite;
}
@keyframes blinkingText{
    0%{     color: red;    }
    50%{    color: white; }
    100%{   color: red;    }
}



.ramik {
	position: relative;
	border: solid 1px rgb(30, 30, 30);
	background: black;
	/*max-width: 33vw;       */
	/*min-height: 23em;     */
  max-height: 85em;   
	margin: 0.5em;
	padding: 1em;
	box-shadow: 3px 3px 8px 2px #111;
	text-align: center;
  word-break: break-all;
}

#bpas1, #bpas2, #bpas3{
    width: 95%;
    height: 0.5em;
    position: absolute;
    top: 49.4%;
    z-index: 0;
    background-color: black;
    
}
#bpas4{
width:0.5em;
height:95%;
position: absolute;
background-color: black;
left: 50%;
}

#bpas1{
top: 25.5%;
}
#bpas3{
top: 73%;
}

.plagat{
}

.plagat iframe{
width: 23em;
height: 41em;
border: black solid;
}

.digitalart{
}

.digitalart iframe{
width: 23em;
height: 41em;
border: black solid;
}

.LEDstena iframe{
width: 30em;
height: 33em;
border: black solid;
}

.infomapa iframe{
width: 33em;
height: 18.5em;
border: black solid;
}

/*.ramik div {
display: none;
}
*/
.brandwall4k iframe{
width: 33em;
height: 18.5em;
border: black solid;
}

.brandwall_1x4 iframe{
width: 22em;
height: 49em;
border: black solid;
}

.brandwall_1x4 div{
display: block;
}

.brandwall_2x4 iframe{
width: 30em;
height: 32em;
border: black solid;
}
.menovka{
width: 32em;
height: 21em;
}
.menovka iframe{
width: 30em;
height: 19em;
}

.POS{
    width: 350px;
    height: 800px;

}
.POS iframe{
width: 1080px;
height: 2550px;
    margin: 0;

    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
    -webkit-transform:scale(0.3,0.3);
    -moz-transform: scale(0.3,0.3);
    transform: scale(0.3,0.3);
}

.oznamy {
width: 350px;
height: 600px;
}
.oznamy iframe{
width: 1080px;
height: 1920px;
margin: 0;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
    -webkit-transform:scale(0.3,0.3);
    -moz-transform: scale(0.3,0.3);
    transform: scale(0.3,0.3);
}
.Amodul{
width: 1920px;
height: 1080px;
margin: 0;
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;
    -webkit-transform:scale(0.25,0.25);
    -moz-transform: scale(0.25,0.25);
    transform: scale(0.25,0.25);
}

.fw-body {
	position: relative;
	left: 0.5em;
	top: 0.5em;
	border: solid 1px rgb(30, 30, 30);
	background: black;
	width: auto;
	margin: 0.5em;
	padding: 0.5em;
	box-shadow: 3px 3px 8px 2px #111;

}
label, .paging_simple_numbers, #example_info {
color: white;
}
.paginate_button  {
color: #fff !important;
}

.w3-hide {
display:none;
}

.w3-show {
display:block;
}

.w3-left{
float: left !important;
}
.w3-right{
float: right !important;
}
.w3-xlarge {
background-color:#fff0;
border:none;
font-size: 24px !important;
}

select {
float:right;
margin-left: 1em;
}
.custom-select{
 width:9em;
 float:right;
}
input {
margin-left: 1em;
}

.custom-select-number{
 width:11em;
 float:right;
}

/* zoznamModulov */

.ON {
background-color: lime !important;
color: black;
}
.off {
background-color: red !important;
color: white;
}