@media (min-width: 1200px) {
  .card-columns {
    column-count: 4; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .card-columns {
    column-count: 3; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-columns {
    column-count: 2; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-columns {
    column-count: 1; } }
@media (max-width: 575.98px) {
  .card-columns {
    column-count: 1; } }

.gi-1.25x{font-size: 1.25em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

body {
	padding-top: 50px;
	min-height: 100vh;
	text-align: justify;
	padding-bottom: 50px;
}

html {
  position: relative;
  min-height: 100vh;
}

.page-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

h1, h2, h3, h4, h5, h6
{
	text-align: left;
}

.active-image{
	cursor: pointer;
}

.active-image:hover{
	border-color: #007bff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.small-alert-box .alert{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0;
}

.bg-success-light {
  background-color: #ccffcc !important; }

a.bg-success-light:hover, a.bg-success-light:focus,
button.bg-success-light:hover,
button.bg-success-light:focus {
  background-color: #1e7e34 !important; }

.py-10{
	padding-top: 10em;
	padding-bottom: 10em;
}

.my-10{
	margin-top: 10em;
	margin-bottom: 10em;
}

.h-33 {
  /*height: 33% !important; }*/
 margin-top:200px;
}

.var{
	padding-left:2px;
	padding-right:2px;
	white-space:nowrap;
	background-color:#d1edff;
	color:black;
	border-radius:3px;
}

.mod{
	padding-left:2px;
	padding-right:2px;
	white-space:nowrap;
	background-color:#e4ffc7;
	color:black;
	border-radius:3px;
}



/*

body{
	font-family: Verdana;
	text-align:justify;
	color: rgb(92, 125, 162);
}



p,li,label{
	font-size:11pt;
}

h1,h2{
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: rgb(168, 192, 221);
	padding-top:15px;
}

#content {
	position: relative;
    width: 1000px;
	margin:auto;
	margin-top:20px;
}

#main { 
    width: 700px;
    margin-left: 260px;
    padding: 10px;
    border: 1px solid rgb(168, 192, 221);
}

/*
#panel { 
	position: absolute;
    width: 220px;
    height: 500px;
    padding: 10px;
    border: 1px solid rgb(168, 192, 221);
}

/*
#panel h4{ 
	font-size:11pt;
	margin-bottom:0;
	margin-top:0;
}
#panel p{ 
	margin-top:3px;
	margin-left:8px;
	margin-bottom:12px;
}
#panel button{
	display:block;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(92, 125, 162);
	height: 35px;
	width: 200px;
	margin: 20px auto;
	color: rgb(92, 125, 162);
	background-color: white;
	font-size:12pt;
	font-weight:bold;
	cursor:pointer;
}
#panel button:hover{
	background-color: rgb(168, 192, 221);
}

#main textarea { 
    width: 97%;
    height: 100px;
    padding: 7px;
    border: 1px solid rgb(168, 192, 221);
}


#start_button{
	display:block;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(92, 125, 162);
	height: 35px;
	width: 200px;
	margin: 20px auto;
	color: rgb(92, 125, 162);
	background-color: white;
	font-size:12pt;
	font-weight:bold;
	cursor:pointer;
}
#start_button:hover{
	background-color: rgb(168, 192, 221);
}

.odpoved_tisk{
	padding-left:20px;
	padding-right:20px;
	font-style: italic;
}

.area_tvorba_testu{
	width:100%;
	height:80px;
}

/* datová tabulka */
/*
.data thead, .data tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(168, 192, 221);
}
.data {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(168, 192, 221);
    border-collapse: collapse;
    border-spacing: 0;
}

/* Padding and font style */
/*
.data td, .data th {
	padding: 5px 10px;
	font-size: 12px;
	font-family: Verdana;
	color: rgb(92, 125, 162);
	text-align:center;
}

/* Alternating background colors */
/*
.data tr:nth-child(even) {
	background: rgb(211, 223, 237)
}
.data tr:nth-child(odd) {
	background: #FFF
}
 */