/*
===================================================================================
LICENCE: English version below.
===================================================================================

--- LICENCE: Česky ---
Licence a podmínky používání redakčního systému MTPS3 (Monotea Publishing System 3)
Poslední úprava: 2024-06-29

--- Konec české verze ---
===================================================================================

--- LICENCE: English ---
MTPS3 (Monotea Publishing System 3) license and terms of use
Last edit: 2024-06-29

--- End of English version ---
===================================================================================
*/
.clear-right { clear: right; }
.clear-left { clear: left; }
.clear-both { clear: both; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body, img, div, p, a, h1, h2, h3, h4, h5, h6, h7, ul, ol, li { margin: 0; padding: 0; }
img { border: 0; }
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
hr { display: block; width: 94%; height: 0; margin: 1.7em auto 1.7em auto; padding: 0; }
a { color: black; text-decoration: underline; }
a:hover { color: rgb(200,0,0); text-decoration: none; }
ul, ol { margin: 0; padding: 0; }
li { list-style-position: inside; margin: 0; padding: 0; line-height: 175%; }
.content, .content p, .content div { font-size: 100%; line-height: 175%; }
.content img {
font-size: 100%;
padding: 0;
margin: 0 0 .25em 0;
max-width: 100%;
vertical-align: top;
}
.mtps-content-img-float-left { float: left; margin-right: 1em !important; }
.mtps-content-img-float-right { float: right; margin-left: 1em !important; }
.mtps-content-img-float-none { float: none; }
.gallery_img { margin: 0 1em 1em 0; padding: 2px; border: 1px solid silver;}
.gallery_img:hover { border: 1px solid black;}
.galleryAllAlbums {}
.galleryAllAlbums .galleryAlbumLink { color: white; text-decoration: none; display: inline-block; width: 11em; height: 11em; margin: 0 1em 1em 0; overflow: hidden; background-size: 100% auto; background-position: center middle; background-repeat: no-repeat; }
.galleryAllAlbums .galleryAlbumLink:hover { color: white; text-decoration: none; display: inline-block; overflow: hidden; background-size: 100% auto; background-position: center middle; background-repeat: no-repeat; }
.galleryAllAlbums .galleryAlbumLink p { margin: 7.7em 0 0 0; padding: .3em .5em 0 .5em; background: rgba(0,0,0,.5); line-height: normal; height: 4em; overflow: hidden; text-overflow: ellipsis; }
.galleryAllAlbums .galleryAlbumLink:hover p { background: rgba(0,0,0,.9); }
.mtps-content-image-link {
display: inline-block;
max-width: 100%;
margin: 0 0 .25em 0;
padding: 0;
border: 0;
}
.mtps-content-image-link img {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
@media only screen and (max-width : 599px) {
.mtps-content-image-link {
display: block;
float: none !important;
width: 100% !important;
text-align: center;
padding-bottom: 1em;
}
}
#SuTxToolbar {
position: fixed;
left: 0;
top: 0;
width: 100%;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
line-height: normal;
background: rgb(245,245,245);
text-align: center;
z-index: 50000;
overflow-x: auto;
}
.Report { display: block; border: 1px solid blue; background: aqua; margin: 0 0 7px 0; padding: 5px; font-size: 90%; font-weight: normal; color: black; word-wrap: break-word; }
.Report h7 { display: block; font-weight: bold; font-size: 110%; word-wrap: break-word; }
.ErrorReport { display: block; border: 1px solid maroon; background: red; margin: 0 0 7px 0; padding: 5px; font-size: 90%; font-weight: normal; color: white; word-wrap: break-word; }
.ErrorReport h7 { display: block; font-weight: bold; font-size: 110%; word-wrap: break-word; }
.SuccessReport { display: block; border: 1px solid lime; background: green; margin: 0 0 7px 0; padding: 5px; font-size: 90%; font-weight: normal; color: white; word-wrap: break-word; }
.SuccessReport h7 { display: block; font-weight: bold; font-size: 110%; word-wrap: break-word; }
.mtps-page-admin { margin: 1em 0 0 0; padding: 0; width: 100%; overflow: hidden; }
.mtps-page-admin h2 { font-size: 20px !important; margin: 0 0 .3em 0; padding: 0; color: black; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.mtps-page-admin a { cursor: pointer; }
.mtps-page-buttons {
font-family: 'Roboto Condensed', Arial, sans-serif;
font-size: 12px;
display: inline-block;
margin: 0 !important;
padding: 0 !important;
font-style: normal !important;
overflow: hidden;
}
.mtps-page-buttons a {
text-decoration: none !important;
color: black !important;
display: block;
float: left;
border: 1px solid gray;
border-left: 1px solid rgb(245,245,245);
border-top: 1px solid rgb(245,245,245);
border-radius: .35em;
background: rgb(235,235,235) !important;
transition: background 200ms;
margin: 0 0 0 2px !important;
padding: .5em .7em .5em .7em !important;
line-height: normal !important;
white-space: nowrap !important;
}
.mtps-page-buttons a:hover { color: black !important; background: rgb(200,200,200) !important; }
.mtps-page-buttons a img { margin: 0 .4em .1em 0; padding: 0; height: 1em; vertical-align: middle; }
.mtps-page-attachments { margin: 1em 0 1em 0; padding: 0; width: 100%; overflow: hidden; }
.mtps-page-attachments:empty { display: none; }
.mtps-page-attachments h2 { font-size: 20px; margin: 0 0 .3em 0; padding: 0; color: black; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.mtps-page-attachments p { margin: 0 0 .3em 0; padding: 0; color: black; line-height: normal; font-style: italic; }
.mtps-page-attachments-list { margin: 0; padding: 0 0 1em 0; }
.mtps-page-attachments-list .one-attachment-line { width: auto; overflow: hidden; line-height: 175%; }
.mtps-page-attachments-list .one-attachment-line:hover { background: rgb(245,245,245); }
.mtps-page-attachments-list .attachment-name { overflow: hidden; display: inline-block; width: auto; margin: 0; padding: 0; float: left; padding-left: 2.25em; background-repeat: no-repeat; background-size: 1.5em auto; background-position: left .25em top .15em; }
.mtps-page-attachments-list .attachment-name img { width: 1.5em; height: 1.5em; vertical-align: middle; margin: 0 .5em 0 .5em; padding: 0; line-height: 0; }
.mtps-page-attachments-list a { display: inline; color: black; text-decoration: underline; overflow: hidden; }
.mtps-page-attachments-list a:focus { outline: 1px dotted black; }
.mtps-page-attachments-list .one-attachment-line:hover a { color: rgb(200,0,0); text-decoration: none; }
.mtps-page-attachments-list .file-size { font-size: 85%; color: #595959; margin-left: .25em; }
.mtps-page-attachments-admin {
margin: 0; padding: 0 0 1em 0;
}
.mtps-page-attachments-admin .one-attachment-line { width: auto; overflow: hidden; line-height: 175%; }
.mtps-page-attachments-admin .one-attachment-line:hover { background: rgb(245,245,245); }
.mtps-page-attachments-admin .attachment-name { overflow: hidden; display: inline-block; width: auto; width: calc(100% - (6 * 1.5em)); margin: 0; padding: 0; float: left; padding-left: 2.25em; background-repeat: no-repeat; background-size: 1.5em auto; background-position: left .25em top .15em; }
.mtps-page-attachments-admin .attachment-name img { width: 1.5em; height: 1.5em; vertical-align: middle; margin: 0 .5em 0 .5em; padding: 0; line-height: 0; }
.mtps-page-attachments-admin .attachment-file-name { width: calc(100% - (4 * 1.5em)); }
.mtps-page-attachments-admin a { display: inlinek; color: black; text-decoration: underline; overflow: hidden; }
.mtps-page-attachments-admin a:focus { outline: 1px dotted black; }
.mtps-page-attachments-admin .one-attachment-line:hover a { color: rgb(200,0,0); text-decoration: none; }
.mtps-page-attachments-admin .file-size { font-size: 85%; color: #595959; margin-left: .25em; }
.mtps-page-attachments-admin .attachment-icon {
display: inline-block;
width: 1.5em;
margin: 0;
padding: 0;
text-align: center;
float: left;
vertical-align: middle;
}
.mtps-page-attachments-admin .clickicon {
width: 1.5em;
text-align: center;
cursor: pointer;
}
.mtps-page-attachments-admin .clickicon img {
width: auto;
height: 1em;
margin: .4em 0 .4em 0;
padding: 0;
vertical-align: top;
}
.mtps-page-attachments-admin .clickicon:hover { background: rgb(220,220,220); }
.mtps-page-attachments-admin .noclickicon {
width: 1.5em;
text-align: center;
cursor: default;
}
.mtps-page-attachments-admin .noclickicon:hover { background: transparent; }
.mtps-page-attachments-admin .attachment-folder-name { width: calc(100% - (6 * 1.5em)); }
.mtps-subpages { margin: 1em 0 0 0; padding: 0; width: 100%; overflow: hidden; }
.mtps-subpages p { line-height: 175%; }
.mtps-subpages h2 { font-size: 20px; margin: 0 0 .3em 0; padding: 0; color: black; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.mtps-subpages a { color: black; text-decoration: underline; }
.mtps-subpages a:hover { text-decoration: none; background: transparent !important; }
.mtps-subpages table { width: 100%; font-size: 100%; line-height: normal; margin: 0 0 1em 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.mtps-subpages tr, .mtps-subpages th, .mtps-subpages td { margin: 0; padding: 0; border: 0; vertical-align: middle; }
.mtps-subpages tr:hover { background: rgb(245,245,245); }
.mtps-subpages tr:hover a { color: black; }
.mtps-subpages td { padding: .2em .5em .2em .3em; }
.mtps-subpages table img { height: 1.3em; vertical-align: middle; margin: 0 .4em 0 0; padding: 0; }
.mtps-subpages table .file-size { font-size: 85%; color: #595959; margin-left: .7em; }
.mtps-subpages table .clickicon { width: 1em; cursor: pointer; }
.mtps-subpages table .clickicon:hover { background: rgb(220,220,220); }
.mtps-subpages table .clickicon img { height: .9em; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 .4em; }
.mtps-subpages table .noclickicon { width: 1em; cursor: default; }
.mtps-subpages table .noclickicon:hover { background: transparent; }
.mtps-top-subpages { margin: 0; }
.mtps-top-subpages h2 { display: none; }
.mtps-downloads-documents { margin: 1em 0 0 0; padding: 0; }
.mtps-downloads-documents table a { color: black; text-decoration: underline; word-wrap: break-word; }
.mtps-downloads-documents table a:hover { color: rgb(200,0,0); text-decoration: none; }
.mtps-downloads-documents table { width: 100%; font-size: 100%; line-height: normal; margin: 0 0 1em 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.mtps-downloads-documents tr, .mtps-downloads-documents th, .mtps-downloads-documents td { margin: 0; padding: 0; vertical-align: middle; }
.mtps-downloads-documents tr:hover { background: rgb(245,245,245); }
.mtps-downloads-documents td { padding: .5em; }
.mtps-downloads-documents table img { height: 1.3em; vertical-align: middle; margin: 0 .4em 0 0; padding: 0; }
.mtps-downloads-documents table .file-size { font-size: 85%; color: #595959; margin-left: .7em; }
.mtps-downloads-documents table .clickicon { width: 1em; cursor: pointer; }
.mtps-downloads-documents table .clickicon:hover { background: rgb(220,220,220); }
.mtps-downloads-documents table .clickicon img { height: .9em; vertical-align: middle; float: left; margin: 0; padding: 0; }
.mtps-downloads-documents table .noclickicon { width: 1em; cursor: default; }
.mtps-downloads-documents table .noclickicon:hover { background: transparent; }
.mtps-documents-by-department-additional-text {
}
.mtps-documents-by-department-additional-text a {
text-decoration: underline;
}
.mtps-documents-by-department-additional-text a:hover {
text-decoration: none;
color: rgb(200,0,0);
}
.mtps-documents-by-department-additional-text p {
width: 100%; font-size: 100%; line-height: normal; margin: 0 0 0 0; padding: .5em; border: 0;
}
.mtps-documents-by-department-additional-text p:hover {
background: rgb(245,245,245);
}
.mtps-documents-by-department-additional-text img {
height: 1.3em; vertical-align: middle; margin: 0 .4em 0 0; padding: 0;
}
.sutx-image:hover { box-shadow: silver 0 0 2em; }
.sutx-link:hover {}
#Content:focus { outline: none; }
#BlogArticleContent:focus { outline: none; }
.blog-cntnt { padding: 0; overflow: hidden; background: white; }
.blog-admin-title-h1 { width: 100%; overflow: hidden; font-size: 100%; text-align: left; margin: 0; padding: 0; border: 0; }
.blog-admin-title-h1 h1 { text-align: left; padding: 0 22em 0 0; }
.blog-admin-title-h1 .blog-admin-title-h1-button { text-align: right; float: right; width: 22em; }
.blog-content { font-size: 100%; text-align: left; margin: 0; padding: 0; border: 0; }
.blog-content, .blog-content p, .blog-content div { text-align: left; font-size: 100%; line-height: 175%; }
.blog-content img { font-size: 100%; padding: 0; margin: 0 1em .5em 0; max-width: 100%; }
.blog-content .blog-not-published-articles { text-align: left; padding: 0; margin: 0 0 1em 0; }
.blog-content .blog-not-published-articles h3 { text-align: left; margin: 0; padding: 0; line-height: normal; }
.blog-content .blog-article-content { min-height: 1.75em; }
.blog-content .blog-article-content, .blog-content .blog-article-content p, .blog-content .blog-article-content div { text-align: justify; font-size: 100%; line-height: 175%; }
.blog-content .blog-article-content p, .blog-content .blog-article-content div { margin: 0 0 1em 0; }
.blog-content .blog-article-content img { font-size: 100%; padding: 0; margin: 0 1em .5em 0; max-width: 100%; }
.blog-content article { margin: 0 0 3em 0; }
.blog-content article .blog-info-line { text-align: left; border-top: 1px solid silver; padding: 0; margin: 1.5em 1em 0 1em; font-size: 100%; line-height: 200%; }
.blog-content article .blog-info-line a { padding: 0 .5em 0 .5em; margin: 0 .5em 0 .5em; }
.blog-comments-cntnt { padding: 0 0 3em 3em; padding: 1.5em 0 0 0; overflow: hidden; background: white; }
.blog-comments-cntnt p { text-align: left; }
.blog-comments-link-login { color: black; text-decoration: underline; }
.blog-comments-link-login:hover { color: white; background: black; text-decoration: none; }
.blog-comments-link-register { color: black; text-decoration: underline; }
.blog-comments-link-register:hover { color: white; background: black; text-decoration: none; }
.map-of-the-web { margin: 0; padding: 0; }
.map-of-the-web ul { margin: 0; padding: 0; }
.map-of-the-web li { list-style-position: inside; margin: 0; padding: 0; line-height: 200%; }
.event-calendar-small { margin: 0 0 1em 0; overflow: hidden; }
.event-calendar-small h2 { font-size: 140%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; margin: 0; padding: 0; }
.event-calendar-small h2 a { color: #305699; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.event-calendar-small h2 a:hover { color: rgb(200,0,0); text-decoration: underline; }
.event-calendar-small tr, td, th { margin: 0; padding: 0; vertical-align: top; }
.event-calendar-small td, th { line-height: 175%; }
.event-calendar-small table { width: 100%; font-size: 100%; line-height: normal; margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.event-calendar-small th { width: 14%; text-align: left; padding-left: .4em; font-weight: normal; white-space: nowrap; overflow: hidden; }
.event-calendar-small td { width: 76%; text-align: left; padding-left: .4em; white-space: nowrap; overflow: hidden; font-weight: bold; }
.event-calendar-small .tr1 { background: rgb(245,245,245); }
.event-calendar-small .tr2 { background: white; }
.event-calendar-small p { text-align: right; padding-right: .2em; }
.event-calendar-small table a { color: black; text-decoration: none; }
.event-calendar-small table a:hover { color: rgb(200,0,0); text-decoration: underline; }
.event-calendar-small .event-calendar-line-a { background: rgb(245,245,245); }
.event-calendar-small .event-calendar-line-b { background: white; }
.event-calendar { width: 100%; font-size: 100%; line-height: 175%; margin: 0 !important; padding: 0; border: 0; }
.event-calendar table { width: 100%; font-size: 100%; line-height: 100%; margin: 0 0 1em 0 !important; padding: 0; border: 0; border-left: 1px solid rgb(235,235,235); border-top: 1px solid rgb(235,235,235); border-collapse: collapse; border-spacing: 0; }
.event-calendar tr, .event-calendar th, .event-calendar td { margin: 0; padding: 0; vertical-align: top; }
.event-calendar tr:hover { background: rgb(245,245,245); }
.event-calendar td { width: auto; line-height: 175%; padding: .4em .7em .4em .7em; border: 0; border-right: 1px solid rgb(235,235,235); border-bottom: 1px solid rgb(235,235,235); }
.event-calendar .event-calendar-line-a { background: rgb(245,245,245); }
.event-calendar .event-calendar-line-b { background: white; }
.event-calendar .event-calendar-time { width: 4em; padding-left: 0; font-weight: bold; text-align: right; }
.event-calendar .event-calendar-place { width: 9em; }
.event-calendar .event-calendar-title { width: auto; font-weight: bold; }
.event-calendar table a { color: black; text-decoration: none; }
.event-calendar table a:hover { color: rgb(200,0,0); text-decoration: underline; }
.contact-detail-table { width: 100%; font-size: 100%; line-height: 200%; margin: 0 0 1em 0 !important; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.contact-detail-table tr, .contact-detail-table th, .contact-detail-table td { margin: 0; padding: 0; vertical-align: middle; }
.contact-detail-table tr:hover { background: rgb(250,250,250); }
.contact-detail-table th, .contact-detail-table td { text-align: left; width: auto; font-weight: normal; }
.contact-detail-table th { width: 8em; font-weight: bold; white-space: nowrap; overflow: visible; padding-left: .5em; }
.local-tv-small { margin: 0 0 1em 0; overflow: hidden; }
.local-tv-small h2 { font-size: 140%; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; color: #305699; margin: 0; padding: 0; }
.local-tv-small h2 a { color: #305699; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.local-tv-small h2 a:hover { color: rgb(200,0,0); text-decoration: underline; }
.local-tv-small tr, td, th { margin: 0; padding: 0; vertical-align: top; }
.local-tv-small td, th { line-height: 175%; }
.local-tv-small table { width: 100%; font-size: 100%; line-height: normal; margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
.local-tv-small th { width: 14%; text-align: left; padding-left: .4em; font-weight: normal; white-space: nowrap; overflow: hidden; }
.local-tv-small td { width: 76%; text-align: left; padding-left: .4em; white-space: nowrap; overflow: hidden; font-weight: bold; }
.local-tv-small .tr1 { background: rgb(245,245,245); }
.local-tv-small .tr2 { background: white; }
.local-tv-small p { text-align: right; padding-right: .2em; }
.local-tv-small table a { color: black; text-decoration: none; }
.local-tv-small table a:hover { color: rgb(200,0,0); text-decoration: underline; }
.local-tv-small .local-tv-line-a { background: rgb(245,245,245); }
.local-tv-small .local-tv-line-b { background: white; }
.local-tv-small .lotvsm-thumb { border: 0; margin: 0; padding: 0; font-size: 100%; background-size: 100% auto; background-position: center center; background-image: url('/default-video-image.jpg'); overflow: hidden; }
.local-tv-small .lotvsm-thumb img { border: 0; margin: 0; padding: 0; font-size: 100%; background-size: 100% auto; background-position: center center; background-image: url('/default-video-image.jpg'); }
.local-tv-small .lotvsm-thumb a { color: white; text-decoration: underline; background: rgb(80,80,80); background: rgba(50,50,50,.8); display: block; width: 100%; border: 0; margin: 0; padding: 0 0 0 .5em; font-size: 100%; height: 2em; line-height: 2em; white-space: nowrap; overflow: hidden; }
.local-tv-small .lotvsm-thumb a:hover { color: white; text-decoration: none; background: rgb(50,50,50); transition: background 200ms; }
.local-tv-small .lotvsm-thumb .lotvsmth-biglink { color: white; text-decoration: none; background: transparent; display: block; width: 100%; border: 0; margin: 0; padding: 0; font-size: 100%; line-height: 100%; white-space: nowrap; overflow: hidden; }
.local-tv-small .lotvsm-thumb .lotvsmth-biglink:hover { background: transparent; background: rgba(255,255,255,.1); }
.local-tv-video-thumb { display: inline-block; border: 0; margin: 0 0 1.3em 0; padding: 0; font-size: 100%; background-size: 100% auto; background-position: center center; background-image: url('/default-video-image.jpg'); overflow: hidden; line-height: 100%; }
.local-tv-video-thumb img { border: 0; margin: 0; padding: 0; font-size: 100%; background-size: 100% auto; background-position: center center; background-image: url('/default-video-image.jpg'); }
.local-tv-video-thumb a { color: white; text-decoration: underline; background: rgb(80,80,80); background: rgba(50,50,50,.8); display: block; width: 100%; border: 0; margin: 0; padding: 0 0 0 .5em; font-size: 100%; height: 2em; line-height: 2em; white-space: nowrap; overflow: hidden; }
.local-tv-video-thumb a:hover { color: white; text-decoration: none; background: rgb(50,50,50); transition: background 200ms; }
.local-tv-video-thumb .lotvth-biglink { color: white; text-decoration: none; background: transparent; display: block; width: 100%; border: 0; margin: 0; padding: 0; font-size: 100%; line-height: 100%; white-space: nowrap; overflow: hidden; }
.local-tv-video-thumb .lotvth-biglink:hover { background: transparent; background: rgba(255,255,255,.1); }
.page-admin-title { width: auto; overflow: hidden; }
.page-admin-title h1 { display: inline-block; padding: 0; }
.page-admin-title h2 { display: inline-block; padding: 0; }
.page-admin-title .page-admin-title-buttons { float: right; width: 15em; text-align: right; padding-top: .2em; }
.form { display: block; width: 100%; margin: 0; padding: 0; font-size: 100%; border: 0; }
.form h2 { display: block; width: auto; margin: 0 0 0 0; padding: 0 0 13px 0; font-size: 100%; border: 0; }
.form div { margin: 0; padding: 0 0 .6em 0; font-size: 100%; border: 0; }
.form .clear { clear: both; margin: 0; padding: 0; width: auto; height: 0;}
.form select { margin: 0; padding: 1px; width: 23em;  }
.form .checkboxDiv { margin: 0; padding: 0 0 0 9.5em; font-size: 100%; }
.form .checkboxShort { margin: 0; padding: 0 0 0 .5em; font-size: 100%; }
.form .checkboxLabel { width: auto; margin: 0; padding: 0 0 0 .4em; font-size: 100%; text-align: left; }
.form input[type=submit] { margin: 0; padding: .4em 1em .45em 1em; font-size: 90%; }
.form .selectLng { width: 3.5em; }
.form .textLng { width: 19.5em !important; }
.form .textareaLng { width: 19.5em !important; }
.form .form_column { float: left; display: inline-block; width: 100%; margin: 0; padding: 0; font-size: 100%; border: 0; }
.tabForm { width: auto; margin: 0; padding: 0; font-size: 100%; border: 0; }
.tabForm tr, .tabForm td, .tabForm th { width: auto; margin: 0; padding: 0; border: 0; text-align: left; vertical-align: top; }
.tabForm td, .tabForm th { padding: .4em 0 .4em 0; }
.tabForm tr:hover { background: transparent; }
.tabForm .name { width: auto; padding-bottom: .6em; }
.tabForm .name h2 { font-size: 120%; margin: 0; padding: 0; font-weight: normal; border-bottom: 1px dotted silver; display: inline-block; }
.tabForm .main { width: auto; }
.tabForm .half { width: 11em !important; }
.tabForm .lesshalf { width: 10.5em !important; }
.tabForm .quart { width: 5.5em !important; }
.tabForm .bold { font-weight: bold; }
.tabForm .label { width: 1px; white-space: nowrap; text-align: right; }
.tabForm .lngsel { width: 1px; }
.tabForm .toplabel { width: auto; margin: 0; padding: 0; background: gray; }
.tabForm label { width: auto; margin: 0; padding: 0 .5em 0 .5em; font-size: 100%; border: 0; display: inline-block; }
.tabForm input[type=checkbox] { margin: 3px 0 3px .5em; padding: 0; }
.tabForm input[type=text] { margin: 0; padding: 1px; width: 23em;  }
.tabForm input[type=email] { margin: 0; padding: 1px; width: 23em;  }
.tabForm input[type=number] { margin: 0; padding: 1px; width: 23em;  }
.tabForm input[type=password] { margin: 0; padding: 1px; width: 23em;  }
.tabForm textarea { margin: 0; padding: 1px; width: 23em;  height: 8em; font-family: Calibri, Arial, sans-serif; resize: none; }
.tabForm .smallarea { height: 3.4em !important; }
.ajax-web-search { font-size: 100%; line-height: 175%; font-weight: normal; width: auto; padding: 0; margin: 0 0 1em 0; border: 0; background: transparent; }
.ajax-web-search img { padding: 0; margin: 0; border: 0; background: transparent; }
.galleryAdministration {
padding-bottom: 1em;
}
.galleryAlbumAsPresentation { width: 96%; margin: 1.5em 0 0 0; padding: 0; border: 1px solid gray; background: rgb(80,80,80); text-align: center; }
.galleryAlbumAsPresentation h1 { text-align: left; color: white; padding: .5em 0 .5em .7em; }
.galleryAlbumAsPresentation .gaapOnePage { max-width: 99%; border: 0; margin: 0; padding: 0; }
.gallery-full-view {
line-height: 0;
margin: 0 auto;
}
.gallery-full-view img {
line-height: 0;
margin: 0 auto;
border: 0;
padding: 0;
margin: 0;
}
.mtps-gallery-album-text {
margin: 0 0 1em 0;
padding: 0;
}
.gallery {
line-height: 0;
}
.gallery .gallery_link {
display: inline-block;
}
.gallery img {
max-width: 100%;
border: 1px solid silver;
margin: 3px;
padding: 1px;
}
.gallery img:hover {
border: 1px solid white;
margin: 3px;
padding: 1px;
}
.gallery_image_admin_icon {
cursor: pointer;
position: absolute;
z-index: 1000;
border: 0 !important;
margin: 0;
padding: 0;
line-height: 0;
width: 2em;
height: 2em;
}
.gallery_image_admin_icon:hover {
background: white;
}
.mtps-image-container {
}
.mtps-image-container div {
display: block;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
background-image: url('/img/loader.gif');
background-repeat: no-repeat;
background-position: center 45%;
}
.mtps-image-container a {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mtps-image-container img {
min-width: 100%;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mtps-news-thumb-image-container {
}
.mtps-news-icon-image-container {
}
.mtps-image-container-loaded {
}
.mtps-image-container-loaded div {
background-image: none !important;
}
.mtps-image-container-loader-div-loaded {
background-image: none !important;
}
.inpage-content-tags {
margin: 2em 0 0 0;
padding: 0;
border: 0;
}
.inpage-news-tags {
margin: .5em 0 0 0;
padding: 0;
border: 0;
}
.inpage-content-tags div {
display: inline-block;
margin: .3em .5em 0 0;
padding: 0;
border-radius: .3em;
overflow: hidden;
line-height: 200%;
}
.inpage-content-tags div a {
display: inline-block;
padding: 0 .5em 0 .5em;
text-decoration: none;
white-space: nowrap;
color: rgb(79,81,83);
background: rgb(245,247,249);
}
.inpage-content-tags div a:hover {
color: white;
background: #305699;
}
.inpage-content-tags div:first-of-type a {
color: black;
}
.inpage-content-tags div:first-of-type a:hover {
color: white;
}
.inpage-content-edit-tags-button a {
color: white !important;
background-image: linear-gradient(rgb(71,132,214),rgb(41,102,184)) !important;
}
.inpage-content-edit-tags-button a:hover {
color: white !important;
background-image: linear-gradient(rgb(41,102,184),rgb(71,132,214)) !important;
text-decoration: underline;
}
.mtps-content-tiles {
display: block;
font-size: 100%;
}
.mtps-top-content-tiles {
margin-bottom: 1em;
}
.mtps-one-content-tile {
font-size: 100%;
display: inline-block;
margin: 0 1em 0 0;
width: calc((100% - 3 * 1em) / 4);
}
.mtps-one-content-tile:last-of-type {
margin: 0 0 0 0;
}
.mtps-one-content-tile a {
font-size: 100%;
display: block;
text-decoration: none;
}
.news-full-article .full-news-icon-box { float: left; width: auto; padding: 0; margin: 0; border: 0; }
.news-full-article .full-news-icon { width: 16em; margin: .4em 1em .5em 0; background: transparent; }
.news-full-article .full-news-old-article-warning { display: table; color: brown; background: #FDF7DF; border: 1px solid #FEEC6F; border-left: 1em solid #FEEC6F; margin: 0 0 1em 0; padding: .5em 1em .5em .75em; }
.news-full-article .full-news-old-article-warning:hover { color: black; border-color: maroon; }
.news-full-article .full-news-old-article-warning div { display: block; text-align: left; line-height: 150%; }
.news-full-article .full-news-old-article-warning div a { color: brown; }
.index-page-main-content-wrapper, .page-main-content-wrapper, .news-page-main-content-wrapper, .search-page-main-content-wrapper, .page-error404-content-wrapper {
line-height: 175%;
}
.index-page-main-content-wrapper .content a, .page-main-content-wrapper .content a, .news-page-main-content-wrapper .content a, .search-page-main-content-wrapper .content a, .page-error404-content-wrapper .content a {
color: rgb(0,0,200);
text-decoration: underline;
}
.index-page-main-content-wrapper .content a:hover, .news-page-main-content-wrapper .content a:hover, .search-page-main-content-wrapper .content a:hover, .page-error404-content-wrapper .content a:hover {
color: rgb(200,0,0);
text-decoration: none;
}
.index-page-main-content-wrapper h1, .page-main-content-wrapper h1, .news-page-main-content-wrapper h1, .search-page-main-content-wrapper h1, .page-error404-content-wrapper h1 {
font-size: 225%;
font-weight: bold;
line-height: 105%;
margin: 0 0 .5em 0;
padding: 0;
}
.mtps-invisible-table-tr {
display: none;
}
a.mtps_hdn_nav {
position: absolute;
top: 0;
left: 0;
margin-left: -2000px;
background: #fff;
color: #000;
padding: 0.5em;
z-index: 0;
}
a.mtps_hdn_nav:active,a.mtps_hdn_nav:focus {
z-index: 2000;
margin-left: 0;
}
.mtps-gif-loader {
font-size: 0;
line-height: 0;
padding: 0;
margin: 0;
border: 0;
vertical-align: middle;
}
article {
padding: 0;
margin: 0 0 1.5em 0;
}
.mtps-floating-tothetop-button {
display: none;
cursor: pointer;
position: fixed;
z-index: 9999;
background: rgba(55,155,255,.8);
left: 0;
top: 0;
margin: 1em;
text-align: center;
width: 5.5em;
height: 4em;
line-height: 4em;
border-radius: .5em;
margin-left: -webkit-calc(100% - 6.5em);
margin-left:    -moz-calc(100% - 6.5em);
margin-left:         calc(100% - 6.5em);
margin-top: -webkit-calc(100vh - 8em);
margin-top:    -moz-calc(100vh - 8em);
margin-top:         calc(100vh - 8em);
}
.mtps-floating-tothetop-button span {
color: white;
font-size: 80%;
font-weight: bold;
text-transform: uppercase;
}
.mtps-floating-admin-button {
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
display: none;
cursor: pointer;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
margin: 0;
text-align: center;
width: 3.75em;
height: 3.5em;
line-height: 3.5em;
border-radius: 0;
top: calc(100vh - 3.5em);
background-image: url('/img/web-settings-32x32.png');
background-repeat: no-repeat;
background-position: left .75em center;
}
.mtps-floating-admin-button span {
display: none;
color: white;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
padding: 0;
}
.mtps-floating-admin-button:hover {
width: auto;
background-color: gray;
background-image: url('/img/settings-white-32x32.png');
}
.mtps-floating-admin-button:hover span {
display: block;
padding: 0 1.25em 0 3.5em;
}
@media only screen and (max-width : 620px) {
.mtps-floating-admin-button {
background-color: rgba(255,255,255,.75);
top: calc(100vh - 8em);
}
}
.loading-external-javascript-plugin-placeholder {
font-size: 85%;
color: rgb(250,250,250);
padding-left: .2em;
}
#MainPageBoxTimebur {
width: auto;
overflow: hidden;
height: auto;
background: transparent;
}
.spravcecasu-calendar-small {
margin: 0 0 1.5em 0;
}
.spravcecasu-calendar-small .inner-box {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.spravcecasu-calendar-small .section-title {
background-image: url('https://www.spravcecasu.cz/spravcecasu-logo-64x64.png') !important;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 175%;
line-height: 110%;
padding: 0 0 0 1.3em;
margin: 0 0 .3em 0;
}
.spravcecasu-calendar-small .section-title a {
text-decoration: none;
}
.spravcecasu-calcon {
}
.spravcecasu-calcon-line {
display: block;
text-decoration: none;
overflow: hidden;
}
.spravcecasu-calcon-line:hover {
color: white;
background: black;
}
.spravcecasu-calcon-line span {
display: inline-block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spravcecasu-calcon-line small {
font-size: 90%;
}
.calcon-date {
padding-left: 5px;
width: 3.5em;
}
.calcon-time {
width: 3em;
text-align: right;
}
.calcon-text {
padding-left: 1em;
width: calc(100% - 6.5em) !important;
}
.calcon-line-a {
line-height: 150%;
}
.spravcecasu-calbtns {
margin: .5em 0 0 0;
text-align: right;
}
.spravcecasu-calbtns a {
text-decoration: none;
display: inline-block;
line-height: 135%;
font-size: 100%;
font-weight: normal;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest {
margin: 0 .7em 0 5px;
padding: .3em 0 .4em 0;
float: left;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest:hover {
text-decoration: underline;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-suggest img {
width: 1.2em;
height: 1.2em;
vertical-align: top;
margin: 0 .3em 0 .2em;
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-full {
}
.spravcecasu-calbtns .spravcecasu-onecalbtn-full:hover {
text-decoration: underline;
}
.mtps-content-tiles {
font-size: 100%;
width: 100%;
display: block;
overflow: hidden;
padding: 0;
margin: 0 0 .5em 0;
}
.mtps-content-tiles .mtps-one-content-tile {
font-size: 100%;
display: inline-block;
float: left;
overflow: hidden;
margin: 0 1em 1em 0;
width: calc((100% - 3 * 1em) / 4);
border-radius: .5em;
}
.mtps-content-tiles .mtps-oct4-4 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
height: 5.5em;
padding: .4em .5em .25em .7em;
font-size: 100%;
line-height: 150%;
display: block;
text-decoration: none;
word-wrap: break-word;
border-radius: .5em;
overflow: hidden;
color: black;
background: rgb(245,247,249);
border: 1px solid rgb(215,217,219);
}
.mtps-content-tiles .mtps-one-content-tile a:hover {
color: black;
text-shadow: 1px 1px 1px white;
background: rgb(235,237,239);
border: 1px solid rgb(35,37,39);
text-decoration: underline;
}
.mtps-content-tiles-count-3 .mtps-one-content-tile {
width: calc((100% - 2 * 1em) / 3);
}
.mtps-content-tiles-count-3 .mtps-oct3-3 {
margin: 0 0 1em 0;
}
.mtps-content-tiles-count-2 .mtps-one-content-tile {
width: calc((100% - 1 * 1em) / 2);
}
.mtps-content-tiles-count-2 .mtps-oct2-2 {
margin: 0 0 1em 0;
}
@media only screen and (max-width : 599px) {
.mtps-content-tiles .mtps-one-content-tile {
margin: 0 1em 1em 0;
width: calc((100% - 2 * 1em) / 3);
}
.mtps-content-tiles .mtps-oct3-3 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
font-size: 95%;
line-height: 115%;
height: 6.5em;
padding: .4em .4em .25em .4em;
}
}
@media only screen and (max-width : 399px) {
.mtps-content-tiles .mtps-one-content-tile {
margin: 0 1em 1em 0;
width: calc((100% - 1 * 1em) / 2);
}
.mtps-content-tiles .mtps-oct2-2 {
margin: 0 0 1em 0;
}
.mtps-content-tiles .mtps-one-content-tile a {
font-size: 95%;
line-height: 105%;
height: 6.5em;
padding: .4em .4em .25em .4em;
}
}
.mtps-openinghours-full {
display: block;
padding: .75em 1em .75em 1em;
margin: 0 0 2em 0;
border: 1px solid gray;
}
@media only screen and (max-width : 360px) {
.mtps-openinghours-full {
padding: .25em .25em .5em .25em;
margin: 0 0 1em 0;
border: 0;
}
}
.mtps-openinghours-full .mtps-openinghours-inner {
border: 0;
margin: 0 0 0 0;
overflow: visible;
}
.mtps-openinghours-full .mtps-openinghours-title {
font-size: 125%;
line-height: 125%;
padding: 0 0 .5em 0;
font-weight: bold;
}
.mtps-openinghours-full .mtps-openinghours-title span {
font-size: 100%;
line-height: 125%;
font-weight: normal;
}
.mtps-openinghours-full .mtps-openinghours-title .day-name {
font-weight: bold;
}
.mtps-openinghours-full .mtps-openinghours-title .holiday {
color: rgb(200,0,0);
}
.mtps-openinghours-full .mtps-openinghours-title .Sun {
color: rgb(200,0,0);
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=department], .mtps-openinghours-full .mtps-openinghours-inner div[type=morning], .mtps-openinghours-full .mtps-openinghours-inner div[type=afternoon] , .mtps-openinghours-full .mtps-openinghours-inner div[type=allday] {
display: inline-block;
width: 33%;
padding: 0 0 0 .5em;
margin: 0;
border: 0;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=department] {
width: 30%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=morning] {
width: 35%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=afternoon] {
width: 35%;
}
.mtps-openinghours-full .mtps-openinghours-inner div[type=allday] {
width: 70%;
}
.mtps-openinghours-full .mtps-openinghours-header {
line-height: 175%;
}
.mtps-openinghours-full .mtps-openinghours-header div[type=department], .mtps-openinghours-full .mtps-openinghours-header div[type=morning], .mtps-openinghours-full .mtps-openinghours-header div[type=afternoon], .mtps-openinghours-full .mtps-openinghours-header div[type=allday] {
background: rgb(245,247,249);
}
.mtps-openinghours-full .mtps-openinghours-lines {
line-height: 175%;
}
.mtps-openinghours-full .mtps-openinghours-lines:hover {
background: rgb(245,247,249);
}
.mtps-openinghours-full .mtps-openinghours-lines div[type=department] {
width: 30%;
font-weight: bold;
}
.mtps-openinghours-full .mtps-openinghours-lines .is-special {
color: blue;
}
.mtps-openinghours-full .mtps-openinghours-button {
padding: .5em 0 0 0;
margin: 0;
text-align: center;
}
.mtps-openinghours-full .mtps-openinghours-button a {
margin: 0 0 0 0;
padding: .25em 1em .25em 1em;
display: inline-block;
}
.mtps-openinghours-full .mtps-openinghours-button a span {
margin: 0;
padding: 0;
display: inline-block;
text-decoration: underline;
}
.mtps-openinghours-full .mtps-openinghours-button a:hover {
text-decoration: none;
color: white;
background: black;
}
.mtps-openinghours-full .mtps-openinghours-button a:hover span {
text-decoration: none;
}
.mtps-openinghours-next {
padding: 0;
margin: 0;
border: 0;
}
.mtps-openinghours-load-next {
font-size: 125%;
height: 3.5em;
line-height: 3.4em;
display: block;
border: 1px dashed rgb(80,80,80);
border-radius: 1em;
margin: 0 2em 1em 2em;
padding: 0;
text-align: center;
color: #305699;
background: rgb(245,245,245);
text-decoration: none;
}
.mtps-openinghours-load-next:hover {
color: #305699;
background: rgb(240,240,255);
text-decoration: underline;
}
#mtpsLoginOrAdminLink {
display: inline-block;
margin: 0;
padding: 0;
}
.mtps-searchbox-results {
background: white;
transition: opacity .1s linear;
box-shadow: 3px 3px 1em silver;
padding: .25em .35em .35em .25em;
border: 1px solid rgb(215,217,219);
border-radius: .25em;
overflow-x: hidden;
overflow-y: auto;
}
.mtps-searchbox-results:empty {
visibility: hidden;
}
.mtps-searchbox-one-result {
padding: .25em .5em .25em .5em;
border-radius: 2px;
overflow: hidden;
}
.mtps-searchbox-one-result a {
display: block;
}
.mtps-searchbox-one-result-parent {
display: inline-block;
float: left;
height: 1.5em;
line-height: 1.5em;
font-size: 85%;
vertical-align: middle;
max-width: 15em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mtps-searchbox-one-result-url {
clear: both;
display: block;
font-size: 85%;
margin: 0;
padding: 0;
color: silver;
}
.mtps-searchbox-infotext {
font-style: italic;
}
.mtps-searchbox-infotext span {
font-size: 95%;
}
.mtps-searchbox-one-result[mtps-search-focus="focussed"] {
background: black;
color: white;
}
.mtps-searchbox-one-result[mtps-search-focus="focussed"] a, .mtps-searchbox-one-result[mtps-search-focus="focussed"] .mtps-searchbox-infotext span {
color: white;
}
.mtps-admin-body {
padding: 0;
margin: 0;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
background: rgb(236,238,240);
overflow: auto;
}
a { color: initial; text-decoration: initial; }
a:hover { color: initial; text-decoration: initial; }
*:focus {
outline: none;
}
.kwiTextBorder_focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, select:focus {
outline: none;
box-shadow: 0 0 3px silver;
background: #FFFFE0;
}
.kwiTextBorder_focus .kwiTextClient, .kwiCheckboxLabel:focus {
background: #FFFFE0;
}
.df {
font-size: 100%;
box-sizing: content-box;
background: transparent;
white-space: nowrap;
overflow: hidden;
font-weight: normal;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.ofVisible {
overflow: visible;
}
.ds {
cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.no-wrap {
white-space: nowrap;
}
.lhEdit { line-height: normal; }
.lhText { line-height: normal; }
.lhLabel { line-height: 150%; }
.lhButton { line-height: normal; }
.lhSelect { line-height: normal; }
.kwiFormFont { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; }
.kwiMenuFont { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; }
.kwiEditFont, .kwiSelectFont {
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
}
.kwiDivNoHeight {
height: 0;
line-height: 0;
}
.kwiFont115 {
font-size: 115% !important;
}
.kwiFont135 {
font-size: 135% !important;
}
.kwiColorBlueV1 {
color: rgb(0,0,200) !important;
}
.kwiDoWrap {
white-space: normal !important;
}
.kwiInvisibleInputText {
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.kwiBasic { cursor: default; background: transparent; white-space: nowrap; overflow: hidden;  }
.kwiTAlignRight {
text-align: right;
}
.kwiTAlignRightImp {
text-align: right !important;
}
.kwiTAlignCenter {
text-align: center;
}
.kwiDesktop { cursor: default; width: 100%; overflow: visible; }
.kwiForm {
cursor: default;
border: 0;
background: transparent;
}
.kwiForm-form { cursor: default; border: 0; background: transparent; overflow: hidden;  }
.kwiForm-title { color: white; }
.kwiForm-titleText { line-height: 110%; }
.kwiForm-border { cursor: default; border: 0; background: transparent; overflow: hidden;  }
.kwiForm-overlay { cursor: default; overflow: hidden; text-align: left; }
.kwiForm-overlay1 { }
.kwiForm-overlay2 { background: rgba(0,0,0,0); }
.kwiForm-overlay3 { background: rgba(0,0,0,0); }
.kwiForm-titleBtn {
float: right;
overflow: hidden;
line-height: 100%;
}
.kwiForm-titleBtn div {
line-height: 200%;
margin: 2px 2px 0 0;
overflow: visible;
border-radius: .3em;
text-align: center;
width: 2.2em;
height: 2em;
}
.kwiForm-titleBtn div:hover {
background-color: rgba(0,0,0,.3);
}
.kwiForm-titleBtnMinimize div {
line-height: 2.45em !important;
}
.kwiForm-titleBtnMaximize div {
line-height: normal;
}
.kwiForm-titleBtnMaximize div big {
font-size: 150%;
line-height: 1.1em !important;
display: inline-block;
padding-right: .05em;
}
.kwiForm-titleBtnClose div {
line-height: normal;
}
.kwiForm-titleBtnClose div big {
font-size: 150%;
line-height: 1.3em !important;
display: inline-block;
}
.kwiStatusbar {
color: rgb(50,50,50);
background: white;
text-align: right;
}
.kwiStatusbar a {
color: rgb(50,50,50);
text-decoration: none;
padding: .5em 1em .5em .3em;
}
.kwiStatusbar div {
text-align: left;
font-size: 95%;
float: left;
overflow: hidden;
text-overflow: ellipsis;
line-height: 100%;
white-space: nowrap;
padding: .6em .7em .5em .7em;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(190,190,190);
border-top: 1px solid rgb(190,190,190);
background: -webkit-linear-gradient(0,rgb(250,250,250),rgb(235,235,235));
background: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(235,235,235));
background: -o-linear-gradient(0,rgb(250,250,250),rgb(235,235,235));
background: linear-gradient(0,rgb(250,250,250),rgb(235,235,235));
}
.kwiToolbar {
overflow: hidden;
}
.kwiToolbarL, .kwiToolbarR {
display: inline-table;
background: rgb(252,252,252);
width: 31px;
height: 31px;
line-height: 31px;
padding: 0;
margin: 1px 0 0 0;
border-radius: .3em;
border-left: 1px solid rgb(230,230,230);
border-top: 1px solid rgb(230,230,230);
border-right: 1px solid rgb(190,190,190);
border-bottom: 1px solid rgb(190,190,190);
background-image: url('/img/arrow-left-blank.png');
background-size: 1.45em;
background-repeat: no-repeat;
background-position: center center;
}
.kwiToolbarR {
background-image: url('/img/arrow-right-blank.png');
}
.kwiToolbarL:hover, .kwiToolbarR:hover { background-color: rgb(245,245,245); }
.kwiToolbarI { overflow: hidden; }
.kwiToolbarItems { overflow: visible; }
.kwiForm-toolbar-button { display: inline-table; background: rgb(252,252,252); height: 31px; line-height: 31px; padding-left: 2.3em; padding-right: .7em; margin: 1px 1px 0 1px; border-radius: .3em; border-left: 1px solid rgb(230,230,230); border-top: 1px solid rgb(230,230,230); border-right: 1px solid rgb(190,190,190); border-bottom: 1px solid rgb(190,190,190); background-image: url('/img/default.png'); background-size: 1.45em; background-repeat: no-repeat; background-position: .6em .3em; }
.kwiForm-toolbar-button:hover { background-color: rgb(245,245,245); }
.kwiLabel {
display: inline-table;
font-size: 100%;
color: black;
font-weight: normal;
}
.kwiLabelP {
display: block;
font-size: 100%;
line-height: 175%;
color: black;
font-weight: normal;
white-space: normal;
word-wrap: normal;
}
.kwiLabelP div, .kwiLabelP p, .kwiLabelP h1, .kwiLabelP h2, .kwiLabelP h3, .kwiLabelP h4, .kwiLabelP h5, .kwiLabelP h6, .kwiLabelP h7 {
margin: 0; padding: 0;
display: block;
font-size: 100%;
line-height: 175%;
font-weight: bold;
white-space: normal;
word-wrap: normal;
}
.kwiLabelP div, .kwiLabelP p {
font-weight: normal;
}
.kwiLabelP h1 {
font-size: 150%;
}
.kwiLabelP p {
padding-bottom: .5em;
}
.kwiLabelP a {
color: black;
cursor: pointer;
text-decoration: underline;
}
.kwiLabelP a:hover {
color: rgb(200,0,0);
text-decoration: none;
}
.kwiLabelBoldRed {
color: rgb(200,0,0);
font-weight: bold;
}
.kwiLabelInFormLine {
font-size: 100%;
border: 0;
margin: 0;
padding: .4em 0 .4em 0;
}
.kwiBox {
}
.kwiBox p {
max-width: 80em;
}
.kwiList {
font-size: 100%;
overflow: hidden;
}
.kwiListHeader {
white-space: nowrap;
overflow: visible;
}
.kwiListHeaderSmall .kwiListHCell {
font-size: 80%;
}
.kwiListData {
overflow: auto;
}
.kwiListDataLoader {
background-image: url('/img/loader/ajax_loader_metal_128.gif');
background-repeat: no-repeat;
background-position: center top 5em;
}
.kwiListDataEmpty {
background-image: url('/img/file-delete-silver.png');
background-repeat: no-repeat;
background-size: auto 3em;
background-position: left 2em top 4em;
}
.kwiListDataInner {
overflow: visible;
}
.kwiListDataInnerNoData {
font-size: 125%;
color: rgb(250,250,250);
text-shadow: 1px 1px 1px rgb(50,50,50);
padding: 1em;
}
.kwiListLine {
overflow: hidden;
text-overflow: ellipsis;
}
.kwiListLine img {
display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
border: 0;
max-height: 1.2em;
min-height: 1.2em;
height: 1.2em;
max-width: 100%;
}
.kwiListCell {
float: left;
overflow: hidden;
text-overflow: ellipsis;
}
.kwiListCell span {
margin-left: .5em;
margin-right: .5em;
}
.kwiListHCell {
border: 1px solid rgb(100,100,100);
border-left: 1px solid rgb(245,245,245);
border-top: 1px solid rgb(245,245,245);
overflow: hidden;
text-overflow: clip;
background: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background: linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
}
.kwiListHCell span {
margin-left: .5em;
margin-right: .5em;
}
.kwiListHCell .fbtn_new {
width: 1.5em;
display: inline-block;
float: right;
position: relative;
}
.kwiListHCell .fbtn_new:hover {
}
.kwiListHCell .fbtn_new div {
cursor: pointer;
background-size: 1em auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url('/img/dropdown2-14x14-silver.png');
}
.kwiListHCell .fbtn_new div:hover {
background-image: url('/img/dropdown2-14x14-black.png');
}
.kwiListHCell .fbtn_new_mnuActive {
width: 1.5em;
display: inline-block;
float: right;
position: relative;
overflow: hidden;
background: -webkit-linear-gradient(0,rgb(180,180,180),rgb(230,230,230));
background: -moz-linear-gradient(90deg,rgb(180,180,180),rgb(230,230,230));
background: -o-linear-gradient(0,rgb(180,180,180),rgb(230,230,230));
background: linear-gradient(0,rgb(180,180,180),rgb(230,230,230));
}
.kwiListHCell .fbtn_new_mnuActive div {
cursor: pointer;
background-size: 1em auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url('/img/dropdown2-14x14-black.png');
}
.kwiMenu {
box-shadow: .5em .5em .5em rgb(80,80,80);
box-shadow: .5em .5em .5em rgba(80,80,80,.3);
background: white;
white-space: nowrap;
overflow: visible;
}
.kwiMenu .mnuBorder {
padding: 1px;
border: 1px solid rgb(100,100,100);
border-left: 1px solid rgb(245,245,245);
border-top: 1px solid rgb(245,245,245);
overflow-x: hidden;
overflow-y: auto;
}
.kwiMenu .mnuBorder::-webkit-scrollbar{
width: 7px;
height: 7px;
padding-top: 40px;
}
.kwiMenu .mnuBorder::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border: 0px solid black;
background: transparent;
border-radius: 0px;
}
.kwiMenu .mnuBorder::-webkit-scrollbar-thumb{
border-radius:0px;
height: 30px;
width: 7px;
border: 0px solid black;
background: rgb(111,111,111);
-webkit-box-shadow: 0 1px 0px rgb(0,0,0);
background: -webkit-linear-gradient(rgb(180,180,180), rgb(150,150,150));
}
.kwiMenu .mnuBorder::-webkit-scrollbar-track-piece {
height: 30px;
width: 30px;
}
.kwiMenu .mnuContent {
}
@media (pointer: coarse) {
.kwiMenu .mnuFilter {font-size: 110%;}
.kwiMenu .mnuContent {font-size: 110%;}
}
@media (pointer: fine) {  }
@media (pointer: none) { }
.kwiMenu p {
width: auto;
padding: 0;
}
.kwiMenu .kwiMenuIcon {
margin: -.1em 0 0 0;
padding: 0;
float: left;
width: 2.2em;
height: 2.1em;
line-height: 2.1em;
text-align: center;
}
.kwiMenu img {
max-width: 1.4em;
max-height: 1.4em;
padding: 0;
vertical-align: middle;
border: 1px solid transparent;
background-color: transparent;
}
.kwiMenu .kwiMenuArrow {
margin: -.1em 0 0 0;
padding: 0;
float: right;
width: 2em;
height: 2.1em;
line-height: 2.1em;
text-align: center;
}
.kwiMenu .kwiMenuCaption {
max-width: 30em;
margin: 0;
padding: 0 .3em 0 .2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 2.1em;
line-height: 2.1em;
}
.kwiMenu .mnuSeparator {
height: 0;
line-height: 0;
margin: .15em .5em .15em .5em;
border-top: 1px solid rgb(240,240,240);
border-bottom: 1px solid rgb(195,195,195);
}
.kwiMenuNoBorder {
box-shadow: none;
}
.kwiMenuNoBorder .mnuBorder {
padding: 0;
border: none;
}
.kwiCloseMenuButton {
text-align: right;
padding:0 1px 0 0;
}
.kwiCloseMenuButton div {
display: inline-block;
background: rgb(80,80,80);
padding: .4em .4em .4em .7em;
border-radius: 0 0 .4em .4em;
}
.kwiCloseMenuButton div span {
font-size: 80%;
text-transform: uppercase;
color: white;
margin: 0 .3em 0 0;
}
.kwiCloseMenuButton div img {
width: 1.5em;
height: 1.5em;
vertical-align: top;
}
.kwiLoginTitle {
font-size: 400%;
color: white;
font-weight: bold;
text-shadow: 2px 2px .3em black;
padding: 0 .3em .3em .3em;
}
.kwiLoginSubTitle {
font-size: 200%;
color: rgb(245,245,245);
font-weight: bold;
text-shadow: 2px 2px .3em black;
padding: 0 .3em .3em .3em;
white-space: normal;
}
.kwiLoginCopyright {
font-size: 150%;
color: rgb(245,245,245);
font-weight: bold;
text-shadow: 2px 2px .3em black;
padding: 0 .3em .3em .3em;
}
.kwiLoginCopyright a {
color: rgb(245,245,245);
text-decoration: none;
font-weight: bold;
}
.kwiLoginCopyright a:hover {
text-decoration: underline;
}
.kwiLoginExtra {
font-size: 100%;
color: rgb(245,245,245);
font-weight: normal;
text-shadow: 2px 2px .3em black;
padding: 0 .3em .3em .3em;
white-space: nowrap;
}
.kwiLoginExtra a {
color: rgb(245,245,245);
text-decoration: underline;
font-weight: normal;
}
.kwiLoginExtra a:hover {
text-decoration: none;
}
.kwiLoginH1 {
font-size: 250%;
color: rgb(25,25,25);
font-weight: bold;
text-shadow: 2px 2px white;
}
.kwiDialogItemParent {
overflow: hidden;
}
.kwiDialogLabel {
white-space: normal;
}
.kwiDialogHint {
font-size: 85%;
line-height: 135%;
color: rgb(100,100,100);
font-style: normal;
font-weight: normal;
white-space: normal;
padding: .5em 2px 0 2em;
background-image: url('/img/info-silver.png');
background-size: 1.3em;
background-repeat: no-repeat;
background-position: left .3em top .5em;
}
.kwiEdit {
font-size: 100%;
border: 1px solid gray;
margin: 0;
padding: .4em .4em .5em .4em;
background: white;
}
.kwiEdit:focus {
border-color: black;
}
.kwiEdit::placeholder {
color: rgb(209,207,205);
opacity: 1;
}
.kwiEdit:-ms-input-placeholder {
color: rgb(209,207,205);
}
.kwiEdit::-ms-input-placeholder {
color: rgb(209,207,205);
}
.kwiHeaderEdit {
line-height: normal;
font-size: 100%;
border: 1px solid gray;
margin: 0;
padding: .25em .4em .3em .4em;
background: white;
}
.kwiHeaderEdit:focus {
border-color: black;
}
.kwiHeaderEdit::placeholder {
color: rgb(209,207,205);
opacity: 1;
}
.kwiHeaderEdit:-ms-input-placeholder {
color: rgb(209,207,205);
}
.kwiHeaderEdit::-ms-input-placeholder {
color: rgb(209,207,205);
}
.kwiSelect {
font-size: 100%;
box-sizing: border-box;
border: 1px solid gray;
margin: 0;
padding: .4em .4em .3em .4em;
background: white;
}
.kwiSelect:focus {
border-color: black;
}
.kwiHeaderSelect {
font-size: 100%;
box-sizing: border-box;
border: 1px solid gray;
margin: 0;
padding: .2em .4em .25em .4em;
background: white;
}
.kwiHeaderSelect:focus {
border-color: black;
}
.kwiButtonMenu {
display: inline-table;
height: 3em;
line-height: 3.1em;
padding: 0;
white-space: nowrap;
overflow: hidden;
border-left: 1px solid rgb(230,230,230);
border-top: 1px solid rgb(230,230,230);
border-right: 1px solid rgb(128,128,128);
border-bottom: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiButtonMenu:hover {
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiButtonMenu:focus {
z-index: 111;
outline: 1px dotted black;
color: black;
background-color: rgb(180,180,180);
}
.kwiButtonMenu:active {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonMenu img {
vertical-align: middle;
width: .5em;
padding: 0;
margin: 0 .35em 0 .3em;
}
.kwiButtonMenu div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0;
}
.kwiButtonMenu div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
}
.kwiButtonMenu:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
}
.kwiButtonIconLeft {
display: inline-table;
position: relative;
height: 3em;
line-height: 3.1em;
padding: 0;
white-space: nowrap;
overflow: hidden;
border-left: 1px solid rgb(230,230,230);
border-top: 1px solid rgb(230,230,230);
border-right: 1px solid rgb(128,128,128);
border-bottom: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiButtonIconLeft:hover {
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiButtonIconLeft:focus {
z-index: 100;
outline: 1px dotted black;
color: black;
background-color: rgb(180,180,180);
}
.kwiButtonIconLeft:active {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconLeft div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0 1.1em 0 1.1em;
pointer-events: none;
}
.kwiButtonIconLeft img {
vertical-align: middle;
width: 1.5em;
height: 1.5em;
padding: 0;
margin: 0 .5em .2em 0;
}
.kwiButtonNoText img {
margin-right: 0 !important;
}
.kwiButtonIconLeft div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
pointer-events: none;
}
.kwiButtonIconLeft:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiButtonIconLeft .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0;
margin: 0 0 0 .5em;
}
.kwiButtonIconLeft_Pressed {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconLeft_Pressed:hover {
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconLeft_1p7emHeight {
height: 1.7em;
line-height: 1.85em;
}
.kwiButtonIconLeft_shortWidth div[name="kwibtnp"] {
padding-left: .3em;
padding-right: .4em;
margin-left: 0;
margin-right: 0;
}
.kwiButtonIconLeft_2p1emHeight {
height: 2.1em;
line-height: 2.1em;
}
.kwiButtonIconLeft_2p1emHeight div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0 .75em 0 .75em;
pointer-events: none;
}
.kwiButtonIconLeft_2p1emHeight img {
vertical-align: middle;
width: 1.15em;
height: 1.15em;
padding: 0;
margin: 0 .5em .1em 0;
}
@media only screen and (max-width : 700px) {
.kwiButtonIconLeft_2p1emHeight div[name="kwibtnp"] {
padding: 0 .5em 0 .5em;
}
}
@media only screen and (max-width : 600px) {
.kwiButtonIconLeft_2p1emHeight div[name="kwibtnp"] {
padding: 0 .15em 0 .15em;
}
}
.kwiButtonIconLeft_centerText {
text-align: center;
}
.kwiLabel_UploadFile {
padding: .4em 0 .4em 0;
overflow: hidden;
text-overflow: ellipsis;
}
.kwiLabel_UploadFile span {
display: block;
line-height: 125%;
white-space: normal;
word-wrap: normal;
}
.kwiButtonTag {
display: inline-table;
padding: 0;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border-radius: .5em;
color: rgb(79,81,83);
background: rgb(245,247,249);
border: 1px solid rgb(237,239,241);
}
.kwiButtonTag:hover {
background: rgb(127,127,127);
border: 1px solid rgb(96,96,96);
}
.kwiButtonTag:focus {
outline: 1px dotted black;
color: black;
}
.kwiButtonTag:active {
color: black;
}
.kwiButtonTag div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: .25em .5em .25em .5em;
line-height: 100%;
pointer-events: none;
}
.kwiButtonTag div[name="kwibtntitle"] {
display: inline-block;
font-size: 90%;
text-decoration: none;
pointer-events: none;
}
.kwiButtonTag:hover div[name="kwibtntitle"] {
color: white;
text-decoration: none;
pointer-events: none;
}
.kwiButtonTag img {
vertical-align: middle;
width: 1em;
height: 1em;
padding: 0;
margin: 0 .3em .2em 0;
}
.kwiButtonHyperlink {
display: inline-table;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: black;
cursor: pointer;
}
.kwiButtonHyperlink:focus {
outline: 1px dotted black;
color: black;
}
.kwiButtonHyperlink:active {
color: black;
}
.kwiButtonHyperlink div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0;
line-height: 100%;
pointer-events: none;
}
.kwiButtonHyperlink div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
text-decoration: underline;
pointer-events: none;
}
.kwiButtonHyperlink:hover div[name="kwibtntitle"] {
color: rgb(200,0,0);
text-decoration: none;
pointer-events: none;
}
.kwiButtonHyperlink img {
vertical-align: middle;
width: 1em;
height: 1em;
padding: 0;
margin: 0 .3em .2em 0;
}
.kwiButtonSmallText {
display: inline-table;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: rgb(100,100,100);
cursor: pointer;
}
.kwiButtonSmallText:focus {
outline: 1px dotted black;
color: black;
}
.kwiButtonSmallText:active {
color: black;
}
.kwiButtonSmallText div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0;
line-height: 100%;
pointer-events: none;
}
.kwiButtonSmallText div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
text-decoration: none;
pointer-events: none;
}
.kwiButtonSmallText:hover div[name="kwibtntitle"] {
color: rgb(200,0,0);
text-decoration: underline;
pointer-events: none;
}
.kwiButtonSmallTextUnderline div[name="kwibtntitle"] {
text-decoration: underline;
}
.kwiButtonBox {
display: inline-table;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: black;
cursor: pointer;
background: white;
line-height: 0;
}
.kwiButtonBox:focus {
outline: 1px dotted black;
color: black;
}
.kwiButtonBox:active {
color: black;
}
.kwiButtonBox div[name="kwibtnp"] {
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
line-height: 0;
pointer-events: none;
}
.kwiButtonBox div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
line-height: normal;
text-decoration: none;
pointer-events: none;
width: 100%;
}
.kwiButtonBox:hover div[name="kwibtntitle"] {
color: rgb(200,0,0);
text-decoration: none;
pointer-events: none;
}
.kwiHerbertBasicButton {
padding: 0;
white-space: nowrap;
overflow: hidden;
color: black;
cursor: pointer;
background: white;
line-height: 0;
border-radius: .3em;
border-width: 1px;
border-style: solid;
border-color: rgb(230,230,230) rgb(180,180,180) rgb(180,180,180) rgb(230,230,230);
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.kwiHerbertBasicButton:hover {
outline: none;
box-shadow: 0 0 10px #9ecaed;
}
.kwiHerbertBasicButton:focus {
color: black;
outline: none;
box-shadow: 0 0 10px #9ecaed;
}
.kwiHerbertBasicButton:active {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiHerbertBasicButton div[name="kwibtnp"] {
width: 100%;
display: inline-block;
padding: 0;
line-height: 0;
pointer-events: none;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.kwiHerbertBasicButton div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
line-height: normal;
text-decoration: none;
pointer-events: none;
width: 100%;
}
.kwiHerbertBasicButton:hover div[name="kwibtntitle"] {
color: black;
text-decoration: none;
pointer-events: none;
}
.kwiHerbertBasicButton img {
cursor: pointer;
vertical-align: middle;
width: 1em;
height: 1em;
padding: 0;
margin: 0 .3em .2em 0;
}
.kwiCheckbox {
display: none;
}
.kwiCheckboxLabel {
cursor: pointer;
display: inline;
margin: 0;
padding: 2px 3px 2px 0;
border: 1px solid transparent;
line-height: normal;
white-space: normal;
}
.kwiCheckboxLabel:focus {
border: 1px dotted black;
}
.kwiCheckboxLabel span {
line-height: 1.55em;
}
.kwiCheckbox + .kwiCheckboxLabel:before {
border: 1px solid gray;
content: "\00a0";
display: inline-block;
margin: 2px .5em 0 2px;
padding: 0;
vertical-align: top;
width: 1em;
height: 1.05em;
overflow: hidden;
background: white;
}
.kwiCheckbox:checked + .kwiCheckboxLabel:before {
background: white;
color: green;
content: "\2713";
text-align: center;
line-height: 1.2em;
font-weight: bold;
}
.kwiCheckboxLabel a {
font-size: 100%;
text-decoration: underline;
}
.kwiCheckboxLabel a:hover {
text-decoration: none;
}
.kwiTextBorder {
font-size: 100%;
border: 1px solid gray;
overflow: hidden;
}
.kwiTextBorder_focus {
font-size: 100%;
border: 1px solid black;
overflow: hidden;
}
.kwiTextClient {
font-size: 100%;
margin: 0;
padding: .4em .4em .5em .4em;
overflow-x: hidden;
overflow-y: auto;
color: black;
background: white;
}
.kwiText {
margin: 0;
padding: 0;
overflow: visible;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
cursor: text;
line-height: normal;
font-weight: normal;
font-style: normal;
}
.kwiSourceCodeEditor {
margin: 0;
padding: .7em .8em .7em .8em;
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
cursor: text;
line-height: normal;
font-weight: normal;
font-style: normal;
font-family: Consolas, "Lucida Console", "Courier New" !important;
outline: none;
overflow-y: auto;
overflow-x: auto;
white-space: normal;
line-height: 175%;
}
.kwiSourceCodeEditor:focus {
outline: none;
}
.kwiSourceCodeEditor p {
margin: 0;
padding: 0;
}
.kwiSourceCodeEditor h1 {
font-size: 100%;
margin: 0;
padding: 0;
}
.kwiSourceCodeEditor h2 {
font-size: 100%;
margin: 0;
padding: 0;
}
.kwiSourceCodeEditor span {
margin: 0;
padding: 0;
}
.kwiDialogButtonsBg {
background-image: -webkit-linear-gradient(0,rgb(220,220,220),white);
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),white);
background-image: -o-linear-gradient(0,rgb(220,220,220),white);
background-image: linear-gradient(to top,rgb(220,220,220) 0%,white 100%);
}
.kwiHeaderTitle {
font-size: 100%;
line-height: 105%;
padding: 0 0 0 2em;
min-height: auto;
line-height: auto;
background-image: url('/img/monotea.png');
background-size: auto 1.7em;
background-repeat: no-repeat;
background-position: center left;
overflow: visible;
}
.kwiHeaderTitle .mtps-app-title {
font-size: 175%;
line-height: 105%;
font-weight: bold;
padding: 0;
color: rgb(50,50,50);
overflow: visible;
}
.kwiHeaderTitle .mtps-app-title-badge {
display: inline-block;
color: green;
float: right;
line-height: 100%;
font-size: 100%;
margin: .15em 0 0 .15em;
padding: 0 0 0 0;
}
@media only screen and (max-width : 1023px) {
.kwiHeaderTitle {
}
.kwiHeaderTitle .mtps-app-title {
font-size: 150%;
}
.kwiHeaderTitle .mtps-app-title-badge {
font-size: 75%;
}
}
@media only screen and (max-width : 800px) {
.kwiHeaderTitle {
min-height: 1.7em;
line-height: 1.7em;
}
.kwiHeaderTitle .mtps-app-title {
font-size: 125%;
}
.kwiHeaderTitle .mtps-app-title-badge {
font-size: 65%;
}
}
@media only screen and (max-width : 500px) {
.kwiHeaderTitle {
}
.kwiHeaderTitle .mtps-app-title {
font-size: 100%;
}
.kwiHeaderTitle .mtps-app-title-badge {
font-size: 55%;
}
}
.kwiControl {
color: black;
padding-top: 1em;
padding-bottom: .5em;
}
.kwiControl .kwiControlIcon {
display: block;
padding: .5em 0 .5em 0;
cursor: pointer;
text-align: center;
}
.kwiControl .kwiControlIcon:hover {
color: white;
background: rgb(0,102,153);
}
.kwiControl .kwiControlIcon img {
max-width: 3em;
}
.kwiControl .kwiControlIcon .kwiControlIconTitle {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 80%;
white-space: normal;
padding: 0 .5em 0 .5em;
}
.kwiControlButtonIconTop {
position: relative;
padding: 0;
white-space: normal;
overflow: hidden;
border: none;
border-radius: .3em;
color: rgb(127,127,127);
background: transparent;
text-align: center;
cursor: pointer;
}
.kwiControlButtonIconTop:hover {
}
.kwiControlButtonIconTop:focus {
z-index: 100;
outline: none;
color: white;
background-color: #FF800D;
}
.kwiControlButtonIconTop:active {
}
.kwiControlButtonIconTop img {
vertical-align: middle;
width: 2em;
height: 2em;
padding: 0;
margin: 0 0 .4em 0;
}
.kwiControlButtonIconTop .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiControlButtonIconTop div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: .5em .1em .5em .1em;
pointer-events: none;
}
.kwiControlButtonIconTop div[name="kwibtntitle"] {
display: block;
text-transform: uppercase;
font-size: 80%;
line-height: normal;
pointer-events: none;
}
.kwiControlButtonIconTop:hover div[name="kwibtntitle"] {
color: black;
pointer-events: none;
}
.kwiControlButtonIconTop_Pressed {
color: white;
background-color: #FF800D;
}
.kwiControlButtonIconTop_Pressed:focus {
color: white;
}
.kwiControlButtonIconTop_Pressed:hover div[name="kwibtntitle"] {
color: white;
}
.kwiVerticalModeControlButtonIconTop {
position: relative;
padding: 0;
white-space: normal;
overflow: hidden;
border: none;
border-radius: .3em;
color: rgb(127,127,127);
background: transparent;
text-align: center;
cursor: pointer;
}
.kwiVerticalModeControlButtonIconTop:hover {
}
.kwiVerticalModeControlButtonIconTop:focus {
z-index: 100;
outline: none;
color: white;
background-color: #FF800D;
}
.kwiVerticalModeControlButtonIconTop:active {
}
.kwiVerticalModeControlButtonIconTop img {
vertical-align: middle;
width: 1.6em;
height: 1.6em;
padding: 0;
margin: 0 0 .2em 0;
}
.kwiVerticalModeControlButtonIconTop .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiVerticalModeControlButtonIconTop div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: .5em .1em .5em .1em;
pointer-events: none;
}
.kwiVerticalModeControlButtonIconTop div[name="kwibtntitle"] {
display: block;
text-transform: uppercase;
font-size: 65%;
line-height: normal;
pointer-events: none;
}
.kwiVerticalModeControlButtonIconTop:hover div[name="kwibtntitle"] {
color: black;
pointer-events: none;
}
.kwiVerticalModeControlButtonIconTop_Pressed {
color: white;
background-color: #FF800D;
}
.kwiVerticalModeControlButtonIconTop_Pressed:focus {
color: white;
}
.kwiVerticalModeControlButtonIconTop_Pressed:hover div[name="kwibtntitle"] {
color: white;
}
.kwiControlButtonIconLeft {
display: inline-table;
position: relative;
line-height: normal;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: rgb(127,127,127);
background: rgba(252,252,252,.5);
border: none;
border-radius: .3em;
cursor: pointer;
}
.kwiControlButtonIconLeft:hover {
color: black;
background: rgb(252,252,252);
}
.kwiControlButtonIconLeft:focus {
z-index: 100;
outline: none;
color: black;
}
.kwiControlButtonIconLeft:active {
}
.kwiControlButtonIconLeft div[name="kwibtnp"] {
float: left;
display: inline-block;
margin: 0;
padding: .55em .25em .55em 1em;
line-height: normal;
pointer-events: none;
}
.kwiControlButtonIconLeft img {
vertical-align: top;
width: 1.5em;
height: 1.5em;
padding: 0;
margin: 0 .5em 0 0;
}
.kwiControlButtonIconLeft div[name="kwibtntitle"] {
box-sizing: border-box;
display: inline-block;
font-size: 100%;
line-height: normal;
pointer-events: none;
white-space: normal;
}
.kwiControlButtonIconLeft:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiControlButtonIconLeft_Pressed, .kwiControlButtonIconLeft_Pressed:focus, .kwiControlButtonIconLeft_Pressed:hover, .kwiControlButtonIconLeft_Pressed:hover div[name="kwibtntitle"] {
color: white;
background-color: #FF800D;
}
.kwiVerticalModeSubControlButtonIconLeft {
display: inline-table;
position: relative;
line-height: normal;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: rgb(127,127,127);
background: rgba(252,252,252,.5);
border: none;
border-radius: .3em;
cursor: pointer;
}
.kwiVerticalModeSubControlButtonIconLeft:hover {
color: black;
background: rgb(252,252,252);
}
.kwiVerticalModeSubControlButtonIconLeft:focus {
z-index: 100;
outline: none;
color: black;
}
.kwiVerticalModeSubControlButtonIconLeft:active {
}
.kwiVerticalModeSubControlButtonIconLeft div[name="kwibtnp"] {
float: left;
display: inline-block;
margin: 0;
padding: .55em .75em .55em .75em;
line-height: normal;
pointer-events: none;
}
.kwiVerticalModeSubControlButtonIconLeft img {
vertical-align: top;
width: 1.2em;
height: 1.2em;
padding: 0;
margin: 0 .25em 0 0;
}
.kwiVerticalModeSubControlButtonIconLeft div[name="kwibtntitle"] {
box-sizing: border-box;
display: inline-block;
font-size: 95%;
line-height: normal;
pointer-events: none;
white-space: nowrap;
}
.kwiVerticalModeSubControlButtonIconLeft:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiVerticalModeSubControlButtonIconLeft_Pressed, .kwiVerticalModeSubControlButtonIconLeft_Pressed:focus, .kwiVerticalModeSubControlButtonIconLeft_Pressed:hover, .kwiVerticalModeSubControlButtonIconLeft_Pressed:hover div[name="kwibtntitle"] {
color: white;
background-color: #FF800D;
}
.kwiButtonIconOnly {
line-height: 100%;
display: inline-table;
position: relative;
padding: 0;
white-space: normal;
overflow: hidden;
border: none;
border-radius: 0;
color: rgb(127,127,127);
background-color: transparent;
text-align: center;
cursor: pointer;
}
.kwiButtonIconOnly:hover {
background: silver;
}
.kwiButtonIconOnly:focus {
z-index: 100;
outline: none;
color: white;
background-color: #FF800D;
}
.kwiButtonIconOnly:active {
}
.kwiButtonIconOnly div[name="kwibtnp"] {
display: inline-block;
display: table-row;
height: 100%;
line-height: 100%;
margin: 0;
padding: 0;
pointer-events: none;
}
.kwiButtonIconOnly img {
vertical-align: middle;
width: 1em;
height: 1em;
padding: 0;
margin: .75em;
}
.kwiButtonIconOnly .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiButtonIconOnly div[name="kwibtntitle"] {
display: none;
text-transform: uppercase;
font-size: 80%;
line-height: normal;
pointer-events: none;
}
.kwiButtonIconOnly:hover div[name="kwibtntitle"] {
color: black;
pointer-events: none;
}
.kwiButtonIconOnly_Pressed {
color: white;
background-color: #FF800D;
}
.kwiButtonIconOnly_Pressed:focus {
color: white;
}
.kwiButtonIconOnly_Pressed:hover div[name="kwibtntitle"] {
color: white;
}
.kwiButtonIconOnly2x2em {
line-height: 100%;
display: inline-table;
position: relative;
padding: 0;
white-space: normal;
overflow: hidden;
border: none;
border-radius: 0;
color: rgb(127,127,127);
background-color: transparent;
text-align: center;
cursor: pointer;
}
.kwiButtonIconOnly2x2em:focus {
z-index: 100;
outline: 1px dotted black;
color: white;
}
.kwiButtonIconOnly2x2em:active {
}
.kwiButtonIconOnly2x2em div[name="kwibtnp"] {
display: inline-block;
display: table-row;
height: 100%;
line-height: 100%;
margin: 0;
padding: 0;
pointer-events: none;
}
.kwiButtonIconOnly2x2em img {
vertical-align: middle;
width: 1.7em;
height: 1.7em;
padding: 0;
margin: .1em 0 0 0;
}
.kwiButtonIconOnly2x2em .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiButtonIconOnly2x2em div[name="kwibtntitle"] {
display: none;
text-transform: uppercase;
font-size: 80%;
line-height: normal;
pointer-events: none;
}
.kwiButtonIconOnly2x2em:hover div[name="kwibtntitle"] {
color: black;
pointer-events: none;
}
.kwiButtonIconOnly2x2em_Pressed {
color: white;
background-color: #FF800D;
}
.kwiButtonIconOnly2x2em_Pressed:focus {
color: white;
}
.kwiButtonIconOnly2x2em_Pressed:hover div[name="kwibtntitle"] {
color: white;
}
.kwiButtonIconLeft2dot5em {
display: inline-table;
line-height: 100%;
position: relative;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: black;
}
.kwiButtonIconLeft2dot5em:hover {
color: black;
}
.kwiButtonIconLeft2dot5em:focus {
z-index: 100;
outline: 1px dotted black;
color: black;
}
.kwiButtonIconLeft2dot5em:active {
padding: .1em 0 0 .1em !important;
color: black;
}
.kwiButtonIconLeft2dot5em div[name="kwibtnp"] {
line-height: 100%;
display: inline-block;
margin: 0;
padding: 0 .5em 0 0;
pointer-events: none;
}
.kwiButtonIconLeft2dot5em img {
vertical-align: top;
width: 2.5em;
height: 2.5em;
padding: 0;
margin-right: .5em;
}
.kwiButtonIconLeft2dot5em div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
line-height: 110%;
padding-top: .1em;
pointer-events: none;
color: rgb(80,80,80);
}
.kwiButtonIconLeft2dot5em:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiButtonIconLeft2dot5em .kwiButtonTriangle {
vertical-align: top;
width: .5em;
height: auto;
margin: .8em 0 0 .5em;
padding: 0;
}
.kwiButtonIconLeft2dot5em_Pressed {
padding: .1em 0 0 .1em !important;
color: black;
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconLeft2dot5em_Pressed:hover {
color: black;
}
.kwiButtonActiveBg_Silver:hover {
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiHerbertBorder {
padding: .4em .4em .4em .4em;
}
.kwiHerbertProgress {
background-image: linear-gradient(0,rgb(220,220,250),rgb(235,235,235));
background-size: 75% auto;
background-repeat: no-repeat;
background-position: left center;
}
.kwiHerbertProgressMain {
background-image: linear-gradient(0,rgb(190,250,250),rgb(235,255,255));
background-image: linear-gradient(0,#005DFF,#5481E6);
background-image: linear-gradient(0,rgb(15, 90, 150),rgb(25, 110, 190));
background-size: 100% auto;
background-repeat: no-repeat;
background-position: left center;
}
.kwiHerbertToday {
color: white;
overflow: hidden;
}
.kwiHerbertTodayName {
line-height: normal;
float: left;
display: inline-block;
width: 2.5em;
min-height: 1px;
font-variant: small-caps;
}
.kwiHerbertTodayDate {
float: left;
display: inline-block;
}
.kwiHerbertTodayDate span {
line-height: normal;
font-size: 120%;
line-height: 125%;
}
.kwiHerbertTodayTime {
float: right;
display: inline-block;
font-weight: bold;
}
.kwiHerbertTodayHM {
line-height: normal;
font-size: 140%;
}
.kwiHerbertTodayS {
font-size: 80%;
font-weight: normal;
line-height: normal;
}
.kwiHerbertTodayWeekNo {
font-size: 80%;
float: left;
display: inline-block;
text-transform: uppercase;
}
.kwiHerbertTodayName div {
font-size: 90%;
text-align: right;
padding-right: .4em;
overflow: hidden;
line-height: 115%;
}
.kwiHerbertEventText {
padding: 0 0 0 2.5em;
}
.kwiHerbertEventText div {
font-size: 90%;
line-height: 115%;
white-space: normal;
}
.fs90lh115 {
font-size: 90%;
line-height: 115%;
white-space: normal;
text-align: center;
}
.sk-circle {
margin: 0 auto;
width: 24px;
height: 24px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.kwiButtonIconTop {
display: inline-table;
position: relative;
padding: 0;
white-space: nowrap;
overflow: hidden;
border-left: 1px solid rgb(230,230,230);
border-top: 1px solid rgb(230,230,230);
border-right: 1px solid rgb(128,128,128);
border-bottom: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
text-align: center;
}
.kwiButtonIconTop:hover {
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiButtonIconTop:focus {
z-index: 100;
outline: 1px dotted black;
color: black;
background-color: rgb(180,180,180);
}
.kwiButtonIconTop:active {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconTop div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: .5em .1em .5em .1em;
pointer-events: none;
}
.kwiButtonIconTop img {
vertical-align: middle;
width: 1.5em;
height: 1.5em;
padding: 0;
margin: .2em 0 .4em 0;
}
.kwiButtonIconTop div[name="kwibtntitle"] {
display: block;
font-size: 100%;
pointer-events: none;
}
.kwiButtonIconTop:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiButtonIconTop .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiButtonIconTop_Pressed {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiButtonIconTop_Pressed:hover {
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiBigMultilineIconTopButton {
display: inline-table;
position: relative;
padding: 0;
white-space: nowrap;
overflow: hidden;
border-left: 1px solid rgb(230,230,230);
border-top: 1px solid rgb(230,230,230);
border-right: 1px solid rgb(128,128,128);
border-bottom: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
text-align: center;
border-radius: .5em;
}
.kwiBigMultilineIconTopButton:hover {
color: black;
background-color: rgb(252,252,252);
background-image: -webkit-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: -moz-linear-gradient(90deg,rgb(220,220,220),rgb(250,250,250));
background-image: -o-linear-gradient(0,rgb(220,220,220),rgb(250,250,250));
background-image: linear-gradient(to top,rgb(220,220,220) 0%,rgb(250,250,250) 100%);
}
.kwiBigMultilineIconTopButton:focus {
z-index: 100;
outline: 1px dotted black;
color: black;
background-color: rgb(180,180,180);
}
.kwiBigMultilineIconTopButton:active {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiBigMultilineIconTopButton div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: .5em .1em 1em .1em;
pointer-events: none;
font-size: 115%;
}
.kwiBigMultilineIconTopButton img {
vertical-align: middle;
width: 2.5em;
height: 2.5em;
padding: 0;
margin: .5em 0 .5em 0;
}
.kwiBigMultilineIconTopButton div[name="kwibtntitle"] {
display: block;
font-size: 100%;
pointer-events: none;
}
.kwiBigMultilineIconTopButton:hover div[name="kwibtntitle"] {
color: rgb(0,0,50);
pointer-events: none;
}
.kwiBigMultilineIconTopButton .kwiButtonTriangle {
vertical-align: middle;
width: .5em;
height: auto;
padding: 0 0 0 .5em;
margin: 0;
}
.kwiBigMultilineIconTopButton_Pressed {
padding: .1em 0 0 .1em !important;
border-right: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
border-left: 1px solid rgb(128,128,128);
border-top: 1px solid rgb(128,128,128);
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
.kwiBigMultilineIconTopButton_Pressed:hover {
color: black;
background-color: rgb(245,245,245);
background-image: -webkit-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: -moz-linear-gradient(90deg,rgb(250,250,250),rgb(220,220,220));
background-image: -o-linear-gradient(0,rgb(250,250,250),rgb(220,220,220));
background-image: linear-gradient(to top,rgb(250,250,250) 0%,rgb(220,220,220) 100%);
}
@media only screen and (max-width : 620px) {
.kwiBigMultilineIconTopButton div[name="kwibtnp"] {
font-size: 100%;
}
.kwiBigMultilineIconTopButton img {
width: 2em;
height: 2em;
}
}
@media only screen and (max-width : 360px) {
.kwiBigMultilineIconTopButton div[name="kwibtnp"] {
font-size: 100%;
}
.kwiBigMultilineIconTopButton img {
width: 1.5em;
height: 1.5em;
}
}
.kwiColorGrid {
padding: 0;
margin: 0;
border: 0;
line-height: 0;
}
.kwiColorGrid div[type=row] {
display: block;
overflow: hidden;
margin: 0;
padding: 0 0 2px 0;
}
.kwiColorGrid div[type=row]:last-of-type {
padding-bottom: 0;
}
.kwiColorGrid div[type=col] {
display: inline-block;
text-align: center;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid black;
padding: 0;
margin: 0 2px 0 0;
}
.kwiColorGrid div[type=col]:last-of-type {
margin-right: 0;
}
.kwiImageBorder {
border: 1px solid gray;
background: white;
}
.kwiMultipleFilesBorder {
border: 0;
padding: 0;
margin: 0;
max-height: 22em;
overflow-x: hidden;
overflow-x: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
}
.kwiMultipleFilesBorder:empty {
border: 0;
overflow: hidden;
background: white;
padding: 0;
}
.kwiMultipleFilesBorder img {
display: inline-block;
float: left;
margin: 3px 3px 0 0;
}
.kwiImage {
margin: 0;
padding: 0;
border: 2px solid white;
overflow: visible;
line-height: 0;
background-color: rgb(210,220,250);
background-repeat: no-repeat;
background-position: center center;
}
.kwiImage img {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
border-image-width: 0;
background-image: url('/img/images.png');
background-repeat: no-repeat;
background-position: center center;
}
.kwiDatePickerButton {
font-size: 100%;
border: 1px solid gray;
margin: 0;
padding: .4em .4em .5em .4em;
background: white;
}
.kwiDatePickerButton:focus {
border-color: black;
}
.kwiDateTimeSelect {
padding: 0;
box-sizing: border-box;
}
.kwiDateTimeSelect:focus {
outline: 1px dotted black;
}
.kwiDateTimeSelect a {
display: block;
text-align: center;
}
.kwiDateTimeSelect div[type=datebox] {
display: block;
overflow: hidden;
border: 0;
padding: 0;
margin: 0;
}
.kwiDateTimeSelect div[type=dateline] {
display: block;
overflow: hidden;
border: 0;
padding: 0;
margin: 0;
line-height: 0;
}
.kwiDateTimeSelect .box {
box-sizing: border-box !important;
height: 2em;
line-height: 2em;
display: inline-block;
margin: 0 1px 0 0;
padding: 0 0 0 0;
border: 1px solid transparent;
min-width: 2em;
width: calc((100% - 6 * 1px) / 7);
border-radius: .5em;
overflow: hidden;
}
.kwiDateTimeSelect .box:last-of-type {
margin-right: 0;
}
.kwiDateTimeSelect .hoursbox {
width: calc((100% - 3 * 1px) / 4);
}
.kwiDateTimeSelect .minutesbox {
width: calc((100% - 4 * 1px) / 5);
}
.kwiDateTimeSelect .dayname {
background: rgb(235,235,235);
margin-bottom: .25em;
}
.kwiDateTimeSelect .dayname a {
font-size: 90%;
font-weight: bold;
}
.kwiDateTimeSelect .box a {
height: 2em;
line-height: 1.8em;
color: black;
}
.kwiDateTimeSelect .box a:hover {
background: rgb(235,235,235);
}
.kwiDateTimeSelect .today-day {
border: 1px solid rgb(0,153,102);
}
.kwiDateTimeSelect .day-before a, .kwiDateTimeSelect .day-after a {
color: rgb(150,150,150);
}
.kwiDateTimeSelect .holiday-day a {
color: rgb(200,0,0);
}
.kwiDateTimeSelect .selected, .kwiDateTimeSelect .selected:hover, .kwiDateTimeSelect .selected a, .kwiDateTimeSelect .selected a:hover {
background: rgb(0,102,153);
color: white;
}
.mtps-openinghours-admin-preview-wrapper {
}
.kwiHerbertScrollBox {
position: absolute;
display: block;
padding: 0;
white-space: nowrap;
overflow-x: hidden;
overflow-y: auto;
color: black;
}
.kwiHerbertScrollBoxInner {
position: relative;
display: block;
padding: 0;
white-space: nowrap;
overflow: visible;
width: auto;
height: auto;
}
.kwiCheckboxButton {
display: inline-table;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: rgb(100,100,100);
cursor: pointer;
}
.kwiCheckboxButton:focus {
outline: 1px dotted black;
color: black;
}
.kwiCheckboxButton:active {
color: black;
}
.kwiCheckboxButton div[name="kwibtnp"] {
display: inline-block;
margin: 0;
padding: 0;
line-height: 100%;
pointer-events: none;
}
.kwiCheckboxButton img {
vertical-align: top;
width: 1em;
height: 1em;
padding: 0;
margin: 0 0 0 0;
}
.kwiCheckboxButton div[name="kwibtntitle"] {
display: inline-block;
font-size: 100%;
text-decoration: none;
pointer-events: none;
}
.kwiCheckboxButton:hover div[name="kwibtntitle"] {
color: rgb(200,0,0);
text-decoration: underline;
pointer-events: none;
}
.sutx_desk {
font-size: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0;
overflow: hidden;
}
.sutx_toolbar {
font-size: 100% !important;
margin: 0 !important;
padding: .1em .3em .1em .3em !important;
min-height: 1em !important;
background: rgb(240,240,240);
border: 0;
overflow: visible;
white-space: nowrap;
position: relative;
}
.sutx_toolbar img {
width: 1.3em !important;
height: 1.3em !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
}
.sutx_toolbar a {
width: 2.2em !important;
line-height: 2em !important;
text-align: center;
display: inline-block;
margin: 0 3px 0 0;
padding: .2em 0 .2em 0 !important;
border: 1px solid gray;
border-left: 1px solid white;
border-top: 1px solid white;
border: 0;
border-radius: .3em;
text-decoration: none;
color: black;
transition: background 150ms;
overflow: hidden;
}
.sutx_toolbar a:hover { background: orange; }
.sutx_toolbar .sutx_button_pressed { background: orange; }
.sutx_toolbar .sutx_button_pressed:hover { background: orange; }
.sutx_toolbar .te_separator {
padding: 0 !important;
margin: 0 .5em 0 .4em;
color: rgb(235,235,235);
border-right: 1px solid white;
border-left: 1px solid silver;
}
.sutx_scrollbox {
font-size: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow-x: hidden;
overflow-y: scroll;
}
.sutx_editor {
font-family: 'Trebuchet MS';
font-size: 100% !important;
margin: 0 !important;
padding: 1em !important;
overflow: visible;
font-size: 13px !important;
width: 51.8em;
}
.sutx_editor p, .sutx_editor div {
margin: 0 !important;
padding: 0 !important;
min-height: 1em !important;
text-align: justify !important;
white-space: normal !important;
overflow: visible !important;
line-height: 175%;
}
.sutx_editor h1 {
margin: 0 !important;
font-size: 200% !important;
padding: 0 0 .5em 0 !important;
font-family: "arial narrow" !important;
color: rgb(160,0,0) !important;
font-weight: normal !important;
}
.sutx_editor h2 {
margin: 0 !important;
font-size: 130% !important;
padding: 0 0 .5em 0 !important;
font-family: "arial narrow" !important;
color: rgb(0,0,160) !important;
font-weight: normal !important;
}
.sutx_editor img {
font-size: 100%;
margin: 0 !important;
padding: 0 1em .5em 0 !important;
max-width: 50em;
}
#mtpsNewsFullArticleContent {
margin: 0;
padding: 0;
}
.next-news {
padding: 0;
margin: 0;
border: 0;
}
.news-load-next {
font-size: 125%;
height: 3.5em;
line-height: 3.4em;
display: block;
border: 1px dashed rgb(80,80,80);
border-radius: 1em;
margin: 0 2em 1em 2em;
padding: 0;
text-align: center;
color: #305699;
background: rgb(245,245,245);
text-decoration: none;
}
.news-load-next:hover {
color: #305699;
background: rgb(240,240,255);
text-decoration: underline;
}
.news-article { margin-bottom: 1.5em; overflow: hidden; width: 100%; }
.news-article h1 { font-size: 190%; font-stretch: condensed; font-weight: normal; margin: 0 0 .2em 0; padding: 0; }
.news-article h2 { font-size: 140%; font-stretch: condensed; font-weight: normal; }
.news-article h2 a {
display: inline-block;
max-width: 100%;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: underline;
}
.news-article h2 a:hover { text-decoration: underline; }
.news-article .news-icon { float: left; width: 12em; line-height: 0; }
.news-article .news-icon a { display:inline-block; }
.news-article .news-icon img { width: 12em;  }
.news-article .news-text { padding-left: 13em; line-height: 175%; text-align: justify; }
.news-article .news-publishing-time { color: rgb(120,120,120); font-family: 'PT Sans Narrow', 'Arial Narrow', Arial; font-stretch: condensed; font-weight: normal; }
.news-article .news-continue-reading { padding-left: .25em; text-decoration: underline; font-weight: normal; }
.news-article .news-continue-reading:hover { text-decoration: none; }
@media only screen and (max-width : 420px) {
.news-article .news-icon, .news-article .news-icon a, .news-article .news-icon img, .news-article .news-text, .news-article .news-text p {
display: block;
width: 100%;
}
.news-article .news-icon {
padding-bottom: .5em;
}
.news-article .news-text {
padding-left: 0;
}
}
.news-full-article { margin-bottom: 1.5em; overflow: hidden; width: 100%; }
.news-full-article h1 { font-size: 190%; font-stretch: condensed; font-weight: normal; margin: 0 0 .2em 0; padding: 0; }
.news-full-article .news-info {
font-size: 120%;
font-stretch: condensed;
font-weight: normal;
color: gray;
margin: 0;
padding: 0 0 .5em 0;
}
.news-full-article .news-info .dot { font-size: 75%; }
.news-full-article .news-info .published-date-time {
font-size: 100%;
}
.news-full-article .news-text { line-height: 175%; text-align: justify; }
.news-full-article .full-news-icon-box { float: left; width: auto; padding: 0; margin: 0; border: 0; }
.news-full-article .full-news-icon { width: 16em; margin: .4em 1em .5em 0; background: transparent; }
.news-full-article .news-text img { max-width: 100%; padding: 0; margin: 0; background: transparent; }
.news-full-article .news-author { line-height: 175%; padding: .3em 0 0 0; text-align: right; font-style: italic; font-weight: bold; }
.news-full-article .news-back-to-homepage { padding: .3em 0 0 0; text-align: right; }
.news-full-article .news-back-to-homepage span { padding: 0; }
@media only screen and (max-width : 599px) {
.news-full-article .news-info .published-date-time {
font-size: 80%;
}
.news-full-article .news-text .full-news-icon {
float: none;
width: 100%;
background: transparent;
}
.news-full-article .news-text .full-news-icon-box {
display: block;
float: none;
width: 100%;
}
}
.mtps-unpublished-news-list {
padding: 0 0 1em 0;
margin: 0 0 1.5em 0;
border-bottom: 1px solid silver;
}
.mtps-unpublished-news-list h2 {
font-size: 100%;
font-weight: bold;
color: black;
margin: 0 0 .25em 0;
padding: 0;
}
.mtps-unpublished-news-list .mtps-one-unpublished-news {
}
.mtps-unpublished-news-list .mtps-one-unpublished-news:hover {
background-color: rgb(248,250,252);
}
.mtps-unpublished-news-list .mtps-one-unpublished-news a {
color: black;
text-decoration: none;
}
.mtps-unpublished-news-list .mtps-one-unpublished-news a:hover {
text-decoration: underline;
}