body {
    #background: powderblue;
//background: linear-gradient(to right, #0062e6, #33AEFF);
    background: linear-gradient(to right, dodgerblue, powderblue);
    height: 100%;

}
h1, h2, h3 {
    color: #262262;
    letter-spacing: -0.7pt;
}

h1 {
    font-size: 150%;
}

h2 {
    margin-top: 12pt; //0.7em;
    margin-bottom: 6pt;
    font-size: 135%;
}

h2.accordion-header {
    margin: 0;
    padding: 0;
}


h3 {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
    font-size: 110%;
//font-weight: bold;

}

h4,
td h4,
.list-group-item h4,
h4.list-group-item
{
    margin-top: 0.0em;
    margin-bottom: 0.0em;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none !important;
}

p, blockquote, ol, ul,
table td p {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

ul { margin: 0px; }

form p {
    margin-top: 0.3em;
//margin-bottom: 0.#em;

}

a {
//text-decoration: none;
    color: black;
}


.list-group-item a:link {
    text-decoration: none !important;
}


blockquote {
    margin-left: 2em;
}

#content {
    background: white;
}


#content .card-header a {
    text-decoration: none;
}

.floating-box {
    float: left;
    width: 210px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
    line-height: 144%;
    font-size: 92%;
}

.floating-box img {
    border: 5px solid #FFFFFF;
}


/* Footer */

#footer {
    border-top: 1px solid #262262;
    background: #e9f0f5;
}

#footer p {
    padding: 0.2em;
    margin: 0.2em;
}

#footer a {
    text-decoration: none;
}

#footer.links {
    padding: 5px 30px 5px 30px;
    background: white;
    border-left: black 20px solid; // #010100;
    font-size: 85%;
}


#footer.legal {
    margin-left: 0;
    padding: 2px 2px 2px 2px;
    background: #00aeef;
    text-align: center;
    font-size: 100%;
    color: #FFFFFF;
}


#content table a,
#content table a:link {
    text-decoration: none;
}

#content table a:hover {
//text-decoration: hover;
}


fieldset {
    border: 0;
    float: left;
    margin: 20px 2px 2px 0;
}

fieldset legend {
    font-size: 9pt;
    width: inherit !important;
    padding: 0px !important;
    text-align: right !important;
    margin-right: -60px !important;
    margin-top: -15px !important;
    margin-bottom: 0px;
}

#content label {
    width: 130px;
    float: left;
//text-align: right;
//margin: 2px 5px 0px 0px;
    xmargin-left: 10px;
    xmargin-right: 10px;
    clear: both;
}

#content label.form-check-label {
    text-align: left;
//height: 100%;
}

#content .form-select {
    width: 100%;
}

#content input[type=text],
#content input[type=select],
#content input[type=password],
#content input[type=number],
#content input[type=email],
#content input[type=datetime-local],
#content input[type=date],
#content input[type=time],
#content select,
#content option,
#content textarea {
    width: 100%;
    margin: 0px;
//padding: 3px;
//padding-left: 5px;
    width: 300px;
    clear: both;
//border-radius: 1px 1px 1px 1px;
}




#content form p {
    margin-bottom: 0px;
    padding: 0px;
}

#content form hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

#content input.form-control,
#content input[type=text].form-control,
#content input[type=select].form-select,
#content input[type=select],
#content input.form-select,
#content input[type=password],
#content input[type=number],
#content input[type=email],
#content textarea.form-control
{
    width:  100%;
}

#content input.form-label
{
//text-align: auto;
}

#content .required input,
#content .required textarea
{
    background-color: #e9f0f5;   //seda
//background-color: #FFF7EA; //zluta
//text-decoration: underline;
}

.clanek_info {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
}

.clanek-popis {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    padding-bottom: 10px;
}

.   clanek-telo,
.clanek-telo p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

#content a.btn {
    text-decoration: none;
}


#content .tab {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #0d6efd;;
}

#content .tab ul {
    margin: 0;
    padding: 0;
}


#content .tab li,
#content .tab li.aktivni {
    border-radius: 5px 5px 0px 0px;
    display: inline;
    line-height: 150%;
    font-size: 16px;
    list-style: none;
    float: left;
    #background: #ccffff;
    background: #0d6efd;
    background: #1e90ff;
    margin-top: 2px;
    margin-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: -1px;
}

#content .tab li.aktivni {
    background: #0b5ed7;
}


#content .tab a {
    display: block;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    text-decoration: none;
}

#content .tab a:link,
#content .tab a:visited,
#content .tab a:hover {

}

#content .tab :hover {
    background: #99ffff;
    background: #0b5ed7;
//color: black;
}

#content .tab li.aktivni {
    x-font-weight: bold;
    color: white;
    background: #0b5ed7;
}

.disabled {
    background: lightgray;
}



#content td p {
    margin: 5px;
    padding: 5px;
}

.col-akce {
    width: 13em;
}

.zkouska-odeslano {
    background: LawnGreen;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px
}

.zkouska-neodeslano {
    background: OrangeRed;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px
}

.zkouska-stav {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px 5px 5px 5px
}

#content .fas,
#content .fa-solid {
    color: #262262
}

#content .fas-white {
    color: white;
}

#content .red {
    color: red
}

#content .fa-disabled {
    color: gray !important;
}

.ikona {
    font-size: 12pt
}

.accordion-item {
    margin: 0;
    padding: 0;
}



.card h5 {

}

ul.nav-tab {
    margin: 0;
    padding: 0;
}

li.nav-item  {
    padding: 0em;
    margin: 0em;
}

button.nav-link {
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin: 0em;
}


.alert p {
    margin-top: 0em;
    margin-bottom: 0em;
}




.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ccffff;
/ / Choose your own color here cc #99ffff;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.filtr fieldset {
    margin-right: 2pt;
}

.filtr {
    vertical-align: text-bottom;
    border: 0;
}

.filtr input[type=text],
.filtr input[type=select],
.filtr input[type=password],
.filtr input[type=number],
.filtr input[type=email],
.filtr input[type=datetime-local],
.filtr input[type=date],
.filtr input[type=time],
.filtr select,
.filtr option,
.filtr textarea {
    padding: 1.5pt;
    padding-left: 4pt;
}


.text-rotate {
    transform: rotate(-90deg);
}


#info a:hover {
    text-decoration: none !important;
/ / color: #262262;
    background: #99ffff;
}

nav-tabs a:link,
nav-tabs a:visited {
    text-decoration: none;
}

#content nav a {
    text-decoration: none;
}

a.dropdown-item {
    text-decoration: none !important;
}

.callout {
    padding: 0.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #00aeef;
/ / #5bc0de;
    border-left-width: 0.25rem;
    border-left-color: #00aeef;
/ / #5bc0de;
}

.callout p {
    margin-top: 0;
    margin-bottom: 1px;
}

.callout-danger {
    border: 1px solid red;
    border-left-width: 0.25rem;
}

#links li {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/*
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

 */
/*
.dropdown:hover>.dropdown-menu {
    display: block;
}


 */


.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: dodgerblue;
    color: #FFC0CB;

}

.navbar-brand-local {
    color: red;
    font-weight: bold;
}

.accordion-header,
.accordion-body,
.accordion-button {
    padding: 0.7em;
//margin: 0.5em;
}





thead {display: table-header-group;}
tfoot {display: table-footer-group;}

header, #content {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15); /* 0.5 */
}

dialog.netteFormsModal {
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15),inset 0 -1px 0 rgba(255,255,255,0.15); /* 0.5 */
}

dialog.netteFormsModal button {
    border-radius: 5px;
}

.toast,
.toast-message,
.toast-container,
#toast-container,

#toast-container>div {
    opacity: 97% !important;
    width: 320px !important;
}

.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* number of lines to show */
           line-clamp: 5;
   -webkit-box-orient: vertical;
}