.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: #c80000;
    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 {
    background-color: white;
    font-size: 100%;
    padding: 0;
    margin: 0 0 .5em 0;
    max-width: 100%
}

.gallery_img {
    /*margin: 0 1em 1em 0;*/
    /*padding: 2px;*/
    border: 1px solid silver;
    /*border-radius: 5px;*/
    width:80%;
    /*width:220px;*/
}

.gallery_img:hover {
    border: 1px solid silver;
    /*border-radius: 10px;*/
    /*transform: scale(1.5);*/
    color: white;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    background-size: 100% auto;
    background: no-repeat center;
}

.gallery_img img {
    margin: auto;
}

.gallery_img_preview:hover {
    border: 1px solid black;
    border-radius: 15px;
    /*transform: scale(1.5);*/
    color: white;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}


.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;
    background-repeat: no-repeat
}

.galleryAllAlbums .galleryAlbumLink:hover {
    color: white;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    background-size: 100% auto;
    background: no-repeat center;
}

.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)
}

/*#----------------*/

.cars-car {
 width: 100%;
 height: auto;
 display: block;
 float:left;

 border-bottom: 1px solid #ddd;
 border-radius: 4px;
}

.cars-title-kategorie {
    padding-top: 1em;
    text-decoration: underline;
}

.cars-title {
    color: orange;
}

.cars-block {
    max-width: 100%;
    height: auto;
    display: block;
    float:left;
}

.cars-block-galerie {
    width:40%;
    display: inline-block;
    float:left;
}

.cars-block-popis {
    width:60%;
    display: inline-block;
    float:left;
    top:1px;
}

@media only screen and (max-width :779px) {
.cars-block-galerie {
    width:100%;
    display: inline-block;
    float:left;
}
.cars-block-popis {
    width:100%;
    display: inline-block;
    float:left;
    top:1px;

}

}


/*karel* gallerie hes-gallery */

#cars-first {
  width: 208px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 2px;
}

#cars-first:hover {
 box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
 cursor:pointer;
}

#cars-others:hover {
 cursor:pointer;
}


#hgallery {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 99999;
}

.hg-disable-scrolling {
  overflow: hidden !important;
}

#hg-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

#hg-bg::after {
  content: '';
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
  background-position: center;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8;
}

#hg-bg::after:hover {
  background-color: white;
}

#hgallery.open {
  visibility: visible !important;
  opacity: 1;
}

#hg-pic-cont {
  max-width: calc(70% - 40px);
  max-height: 90vh;
  cursor: default;
  z-index: 12;
  position: relative;
  background-color: white;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

#hg-pic-cont.hg-transition {
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
}

#hg-subtext {
  color: #ddd;
  font-size: 14px;
  position: absolute;
  display: block;
  left: 5px;
  top: calc(100% + 6px);
}

#hg-howmany {
  color: #aaa;
  font-size: 14px;
  position: absolute;
  display: block;
  right: 5px;
  bottom: -20px;
}

#hg-pic {
  width: auto;
  height: auto;
  min-height: 100px;
  min-width: 100px;
  max-width: 100%;
  max-height: 90vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  cursor: default;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;

  /*    border-radius: 5px;*/
}

#hg-pic:hover {
  -webkit-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#hgallery button {
  position: absolute;
  display: block;
  margin: auto 0;
  width: 60px;
  height: 60px;
  z-index: 11;
  cursor: pointer;
  background-color: transparent;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz4NCiAgICA8cGF0aCBkPSJNMC0uMjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4NCjwvc3ZnPg==');
  background-size: contain;
  border: 0;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}

#hgallery.open button {
  visibility: visible;
  opacity: 0.7;
}

#hgallery button:hover {
  opacity: 1;
}

#hgallery button#hg-prev {
  left: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#hgallery button#hg-prev:active {
  left: 7px;
}

#hgallery button#hg-next {
  right: 10px;
}

#hgallery button#hg-next:active {
  right: 7px;
}

#hgallery #hg-prev-onpic,
#hgallery #hg-next-onpic {
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
  height: 100%;
  cursor: pointer;
}

#hgallery #hg-next-onpic {
  right: 0;
  left: auto;
  width: 66%;
}

.hg-unvisible {
  opacity: 0 !important;
  visibility: hidden;
}

@media (max-width: 1100px) {
  #hg-pic-cont {
    max-width: calc(100% - 40px);
  }
}




/*#----------------*/

#SuTxToolbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    line-height: normal;
    background: #f5f5f5;
    text-align: center;
    z-index: 50000
}

.Report {
    display: block;
    border: 1px solid blue;
    background: aqua;
    margin: 0 0 7px 0;
    padding: 5px;
    font-size: 90%;
    font-weight: normal;
    color: black
}

.Report h7 {
    display: block;
    font-weight: bold;
    font-size: 110%
}

.ErrorReport {
    display: block;
    border: 1px solid maroon;
    background: red;
    margin: 0 0 7px 0;
    padding: 5px;
    font-size: 90%;
    font-weight: normal;
    color: white
}

.ErrorReport h7 {
    display: block;
    font-weight: bold;
    font-size: 110%
}

.SuccessReport {
    display: block;
    border: 1px solid lime;
    background: green;
    margin: 0 0 7px 0;
    padding: 5px;
    font-size: 90%;
    font-weight: normal;
    color: white
}

.SuccessReport h7 {
    display: block;
    font-weight: bold;
    font-size: 110%
}

.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-buttons {
    font-family: Arial;
    font-size: 12px;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important
}

.mtps-page-buttons a {
    text-decoration: none !important;
    color: black !important;
    display: block;
    float: left;
    border: 1px solid gray;
    border-left: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-radius: .35em;
    background: #ebebeb !important;
    transition: background 200ms;
    margin: 0 0 0 .5em !important;
    padding: .5em .7em .5em .7em !important;
    line-height: normal !important;
    white-space: nowrap !important
}

.mtps-page-buttons a:hover {
    color: black !important;
    background: #c8c8c8 !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 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 table a {
    color: black;
    text-decoration: underline
}

.mtps-page-attachments table a:hover {
    color: #c80000;
    text-decoration: none
}

.mtps-page-attachments table {
    width: 100%;
    font-size: 100%;
    line-height: normal;
    margin: 0 0 1em 0 !important;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.mtps-page-attachments tr,.mtps-page-attachments th,.mtps-page-attachments td {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.mtps-page-attachments tr:hover {
    background: #f5f5f5
}

.mtps-page-attachments td {
    padding: .5em
}

.mtps-page-attachments table img {
    height: 1.3em;
    vertical-align: middle;
    margin: 0 .4em 0 0;
    padding: 0
}

.mtps-page-attachments table .file-size {
    font-size: 85%;
    color: #787878;
    margin-left: .7em
}

.mtps-page-attachments table .clickicon {
    width: 1em;
    cursor: pointer
}

.mtps-page-attachments table .clickicon:hover {
    background: #dcdcdc
}

.mtps-page-attachments table .clickicon img {
    height: .9em;
    vertical-align: middle;
    float: left;
    margin: 0;
    padding: 0
}

.mtps-page-attachments table .noclickicon {
    width: 1em;
    cursor: default
}

.mtps-page-attachments table .noclickicon:hover {
    background: transparent
}

.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;
    vertical-align: middle
}

.mtps-subpages tr:hover {
    background: #f5f5f5
}

.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: #787878;
    margin-left: .7em
}

.mtps-subpages table .clickicon {
    width: 1em;
    cursor: pointer
}

.mtps-subpages table .clickicon:hover {
    background: #dcdcdc
}

.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: #c80000;
    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: #f5f5f5
}

.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: #787878;
    margin-left: .7em
}

.mtps-downloads-documents table .clickicon {
    width: 1em;
    cursor: pointer
}

.mtps-downloads-documents table .clickicon:hover {
    background: #dcdcdc
}

.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
}

.sutx-image:hover {
    box-shadow: silver 0 0 2em
}

#Content:focus {
    outline: 0
}

#BlogArticleContent:focus {
    outline: 0
}

.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: #c80000;
    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: #f5f5f5
}

.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: #c80000;
    text-decoration: underline
}

.event-calendar-small .event-calendar-line-a {
    background: #f5f5f5
}

.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 #ebebeb;
    border-top: 1px solid #ebebeb;
    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: #f5f5f5
}

.event-calendar td {
    width: auto;
    line-height: 175%;
    padding: .4em .7em .4em .7em;
    border: 0;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.event-calendar .event-calendar-line-a {
    background: #f5f5f5
}

.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: #c80000;
    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: #fafafa
}

.contact-detail-table th,.contact-detail-table td {
    text-align: left;
    width: auto;
    font-weight: normal
}

.contact-detail-table th {
    width: 7em;
    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
}


.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;
    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: #505050;
    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 {
    min-height:100%;
    min-width:100%;
    line-height: 0;
    margin: 0 auto
}

.gallery-full-view img {
    line-height: 0;
    margin: 0 auto;
    border: 0;
    padding: 0;
    margin: 0
}

.gallery {
    line-height: 0
}

.gallery .gallery_link {
    display: inline-block;
    /*margin:0 4px 0 0;*/
    /*padding:auto;*/
    margin: auto;
}

.gallery_link {
    display: inline-block;
    /*margin:0 4px 0 0;*/
    padding:0;
    margin: auto;
}

.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 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 {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mtps-image-container-loaded div {
    background-image: none
}

.mtps_text_editor_desk {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mtps_text_editor_desk .te_desk {
    margin: 0;
    padding: 0;
    overflow: visible
}

.mtps_text_editor_desk .te_toolbar {
    margin: 0;
    padding: 5px 6px 5px 6px;
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.mtps_text_editor_desk .te_toolbar img {
    height: 1em;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-block;
    vertical-align: text-bottom
}

.mtps_text_editor_desk .te_toolbar a {
    width: 1.7em;
    height: 1.7em;
    line-height: 1.6em;
    text-align: center;
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0;
    border: 1px solid gray;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-radius: 0;
    text-decoration: none;
    color: black;
    background: #ebebeb
}

.mtps_text_editor_desk .te_toolbar a:hover {
    background: #f5f5f5
}

.mtps_text_editor_desk .te_toolbar .te_separator {
    padding: 0;
    margin: .6em .5em .4em .4em;
    color: #ebebeb;
    border-right: 1px solid white;
    border-left: 1px solid silver
}

.mtps_text_editor_desk .te_editor {
    outline: 0;
    margin: 0;
    padding: .7em .8em .7em .8em;
    overflow-y: auto;
    overflow-x: auto;
    white-space: normal
}

.mtps_text_editor_desk .te_editor:focus {
    outline: 0
}

.mtps_text_editor_desk .te_editor p {
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_editor h1 {
    font-size: 100%;
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_editor h2 {
    font-size: 100%;
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_editor span {
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_code_editor {
    font-family: Consolas,"Lucida Console","Courier New" !important;
    outline: 0;
    margin: 0;
    padding: .7em .8em .7em .8em;
    overflow-y: auto;
    overflow-x: auto;
    white-space: normal;
    line-height: 175%
}

.mtps_text_editor_desk .te_code_editor:focus {
    outline: 0
}

.mtps_text_editor_desk .te_code_editor p {
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_code_editor h1 {
    font-size: 100%;
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_code_editor h2 {
    font-size: 100%;
    margin: 0;
    padding: 0
}

.mtps_text_editor_desk .te_code_editor span {
    margin: 0;
    padding: 0
}

.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: .3em .3em .3em .3em !important;
    min-height: 1em !important;
    background: #f0f0f0;
    border: 0;
    overflow: visible;
    white-space: nowrap
}

.sutx_toolbar img {
    height: 1.2em !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: inline-block !important;
    vertical-align: text-bottom !important
}

.sutx_toolbar a {
    height: 1.6em !important;
    width: 2em !important;
    line-height: 1.6em !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 .te_separator {
    padding: 0 !important;
    margin: 0 .5em 0 .4em;
    color: #ebebeb;
    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: #a00000 !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: #0000a0 !important;
    font-weight: normal !important
}

.sutx_editor img {
    font-size: 100%;
    margin: 0 !important;
    padding: 0 1em .5em 0 !important;
    max-width: 50em
}

.ds {
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#Overlay0 {
    overflow: hidden;
    z-index: 210000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

#Overlay1 {
    overflow: hidden;
    z-index: 211000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

#Overlay2 {
    overflow: hidden;
    z-index: 212000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center
}

/*
#Dialog0 {
    z-index: -1;
}
*/



.dialog_desktop .dialogTitle {
    font-size: 13px;
    height: 2.4em;
    line-height: 2.4em;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0;
    border: 0;
    background: #069;
    color: white
}

.dialog_desktop .dialogTitle h1 {
    font-weight: normal;
    line-height: 2.4em;
    color: #46505a;
    color: white;
    cursor: Move;
    cursor: Default;
    display: inline-block;
    float: left;
    white-space: nowrap;
    margin: 0;
    padding: 0 0 0 .8em;
    border: 0;
    font-size: 100%;
    text-transform: none
}

.dialog_desktop .dialogTitle .btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0
}

.dialog_desktop .dialogTitle .btn a {
    margin: 0 .3em 0 0;
    padding: .15em .7em .20em .7em;
    border: 1px solid transparent;
    border-radius: .3em;
    color: white;
    background: transparent;
    text-decoration: none;
    font-weight: bold;
    transition: background 150ms
}

.dialog_desktop .dialogTitle .btn a:hover {
    background: rgba(0,0,0,.5);
    color: white
}

.dialog_desktop #DialogBox0,#DialogBox1,#DialogBox2 {
    min-width: 100px;
    text-align: left;
    margin: 0;
    padding: 0;
    background: white;
    font-size: 100%;
}

.dialog_desktop #DialogBox0 .line,#DialogBox1 .line,#DialogBox2 .line {
    margin: 1em 0 0 0;
    padding: 0;
    min-width: 0;
    white-space: nowrap;
    font-size: 100%
}

.dialog_desktop #DialogBox0 .first_line,#DialogBox1 .first_line,#DialogBox2 .first_line {
    margin: 0;
    padding: 0;
    min-width: 0;
    white-space: nowrap;
    font-size: 100%
}

.dialog_desktop #DialogBox0 label,#DialogBox1 label,#DialogBox2 label {
    text-align: right;
    margin: .3em .8em 0 0;
    padding: 0;
    white-space: nowrap;
    border: 0;
    color: #505050
}

.dialog_desktop #DialogBox0 .first,#DialogBox1 .first,#DialogBox2 .first {
    font-weight: bold
}

.dialog_desktop #DialogBox0 select,#DialogBox1 select,#DialogBox2 select {
    max-width: 16px;
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0;
    padding: 2px;
    white-space: nowrap
}

.dialog_desktop #DialogBox0 select:focus,#DialogBox1 select:focus,#DialogBox2 select:focus {
    border-color: black
}

.dialog_desktop #DialogBox0 input[type=text],#DialogBox1 input[type=text],#DialogBox2 input[type=text] {
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    border: 0;
    border: 1px solid #abadb3;
    min-width: 1em
}

.dialog_desktop #DialogBox0 input[type=text]:focus,#DialogBox1 input[type=text]:focus,#DialogBox2 input[type=text]:focus {
    border-color: black
}

.dialog_desktop #DialogBox0 input[type=password],#DialogBox1 input[type=password],#DialogBox2 input[type=password] {
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    border: 0;
    border: 1px solid #abadb3
}

.dialog_desktop #DialogBox0 input[type=password]:focus,#DialogBox1 input[type=password]:focus,#DialogBox2 input[type=password]:focus {
    border-color: black
}

.dialog_desktop #DialogBox0 input[type=email],#DialogBox1 input[type=email],#DialogBox2 input[type=email] {
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    border: 0;
    border: 1px solid #abadb3
}

.dialog_desktop #DialogBox0 input[type=email]:focus,#DialogBox1 input[type=email]:focus,#DialogBox2 input[type=email]:focus {
    border-color: black
}

.dialog_desktop #DialogBox0 input[type=number],#DialogBox1 input[type=number],#DialogBox2 input[type=number] {
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    border: 0;
    border: 1px solid #abadb3
}

.dialog_desktop #DialogBox0 input[type=number]:focus,#DialogBox1 input[type=number]:focus,#DialogBox2 input[type=number]:focus {
    border-color: black
}

.dialog_desktop .dlgeditor {
    display: inline-block;
    font-size: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #abadb3
}

.dialog_desktop .dlgeditor_inner {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.dialog_desktop #DialogInner0,.dialog_desktop #DialogInner1,.dialog_desktop #DialogInner2 {
    overflow: auto;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

.dialog_desktop #DialogContent0,#DialogContent1,#DialogContent2 {
    overflow: visible;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    margin: 0;
    padding: 1em;
    border: 0;
    font-size: 100%
}

.dialog_desktop .dlgcolumn {
    float: left;
    overflow: visible;
    min-width: 0;
    max-width: 100%;
    width: auto;
    text-align: left;
    margin: 1em;
    padding: 0;
    border: 0;
    font-size: 100%
}

.dialog_desktop .dialogButtons {
    display: block;
    text-align: right;
    margin: 0;
    padding: 1em 0 0 0;
    color: white;
    background: white;
    background-image: linear-gradient(-180deg,white,#ebebeb);
    border: 0
}

.dialog_desktop .dialogButtons a {
    display: inline-block;
    text-decoration: none;
    margin: 0 .7em .7em 0;
    padding: .35em 1.5em .45em 1.5em;
    border: 1px solid gray;
    border-left: 1px solid white;
    border-top: 1px solid white;
    font-size: 100%;
    color: black;
    background: #f5f5f5;
    transition: background 150ms
}

.dialog_desktop .dialogButtons a:hover {
    text-decoration: underline;
    background: #c8c8c8
}

.dialog_desktop .dialogButtons a:focus {
    outline: 1px dotted gray;
    background: #c8c8c8
}

.dialog_desktop .dialogButtons .save {
    font-weight: bold;
    color: white;
    background: #069
}

.dialog_desktop .dialogButtons .save:hover {
    background: #39f
}

.dialog_desktop .dialogButtons .save:focus {
    background: #39f
}

.dialog_desktop .dialogButtons .save_sc1 {
    font-weight: bold;
    color: white;
    background: #8c2800
}

.dialog_desktop .dialogButtons .save_sc1:hover {
    background: #b45000
}

.dialog_desktop .dialogButtons .save_sc1:focus {
    background: #b45000
}

.dialog_desktop .dialogButtons .link {
    float: left;
    font-weight: normal;
    color: #0000c8;
    text-decoration: underline;
    background: transparent;
    border: 1px solid transparent;
    margin: 0 .7em .7em 1em;
    padding: .35em 0 .45em 0
}

.dialog_desktop .dialogButtons .link:hover {
    color: #c80000;
    text-decoration: none;
    background: transparent
}

.dialog_desktop .dialogButtons .link3 {
    color: #969696;
    text-decoration: none
}

.dialog_desktop .dialogButtons .link3:hover {
    color: #000;
    text-decoration: none
}

.dialog_desktop .dlgimportance {
    display: inline-block;
    text-align: left;
    width: auto;
    margin: 0 .2em 0 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid #fafafa;
    border-radius: .3em;
    line-height: 100%;
    color: #969696;
    background: #f5f5f5;
    text-decoration: none
}

.dialog_desktop .dlgimportance:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgimportance_active {
    display: inline-block;
    text-align: left;
    width: auto;
    margin: 0 .2em 0 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid black;
    border-radius: .3em;
    line-height: 100%;
    color: white;
    background: #78828c;
    text-decoration: none
}

.dialog_desktop .dlgimportance_active:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgimportance_hint {
    display: inline-block;
    text-align: left !important;
    width: auto;
    margin: 0 .2em 0 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid transparent;
    border-radius: .3em;
    line-height: 100%;
    color: #0000c8;
    background: transparent;
    text-decoration: underline
}

.dialog_desktop .dlgimportance_hint:hover {
    color: #c80000;
    text-decoration: none
}

.dialog_desktop .dlgsharing_hint {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #0000c8;
    text-decoration: none
}

.dialog_desktop .dlgsharing_hint:hover {
    color: #c80000;
    text-decoration: underline
}

.dialog_desktop .dlgimage {
    text-align: center;
    width: auto;
    margin: 0;
    padding: 2px;
    border: 1px solid #abadb3;
    line-height: 0
}

.dialog_desktop .dlgimage:focus {
    border: 1px solid black
}

.dialog_desktop .dlgimage input[type=button] {
    width: 100%;
    margin: 2px 0 0 0
}

.dialog_desktop .dlgrecordicon {
    overflow: hidden;
    text-align: center;
    width: 7em;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0
}

.dialog_desktop .dlgrecordicon:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgimage .dlgpreview {
    width: auto;
    height: 12em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgpreview_dev {
    width: auto;
    height: 12em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgvideopreview {
    width: auto;
    height: 12em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.dialog_desktop .dlgimage .dlgvideopreview_dev {
    width: auto;
    height: 12em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.dialog_desktop .dlgimage .dlgnewpreview {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgnewpreview img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgimage .dlgnewpreview_dev {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgnewpreview_dev img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgimage .dlgprofilepicturepreview {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgprofilepicturepreview img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgimage .dlgprofilepicturepreview_dev {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgprofilepicturepreview_dev img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgimage .dlgcalendariconpreview {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgcalendariconpreview img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgimage .dlgcalendariconpreview_dev {
    overflow: hidden;
    width: auto;
    height: 18em;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlgimage .dlgcalendariconpreview_dev img {
    width: auto;
    height: auto
}

.dialog_desktop .dlgfileupload {
    text-align: left;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0 solid transparent;
    line-height: 0
}

.dialog_desktop .dlgfileupload:focus {
    border: 0 solid black
}

.dialog_desktop .dlgfileupload input[type=button] {
    width: 100%;
    margin: 0
}

.dialog_desktop .dlgfileupload input[type=button]:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgdateselect .selected_day {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdateselect .selected_day:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdateselect .today_day {
    color: white;
    background: #90ca77
}

.dialog_desktop .dlgdateselect .today_day:hover {
    color: white;
    background: #90ca77
}

.dialog_desktop .dlgdateselect .datedays {
    cursor: Default;
    background: #ebebeb;
    font-weight: bold
}

.dialog_desktop .dlgdateselect .datemove {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0 .2em 0 .2em;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 90%
}

.dialog_desktop .dlgdateselect .datemove:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdateselect .datetoday {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0 .7em 0 .7em;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 90%
}

.dialog_desktop .dlgdateselect .datetoday:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdateselect .datemonthyear {
    display: inline;
    margin: 0;
    padding: 0 0 0 .3em;
    border: 0;
    color: black;
    font-size: 80%;
    font-weight: bold
}

.dialog_desktop .dlgdate {
    width: auto;
    margin: 0;
    padding: 2px 0 0 2px;
    border: 1px solid #abadb3
}

.dialog_desktop .dlgdate .datebox {
    margin: 0;
    padding: 0;
    border: 0;
    display: none
}

.dialog_desktop .dlgdate .dateline {
    margin: 0;
    padding: 0 0 2px 0;
    border: 0;
    line-height: 100%;
    overflow: hidden
}

.dialog_desktop .dlgdate:focus {
    border-color: black
}

.dialog_desktop .dlgdate span {
    width: 14.2%;
    display: inline-block;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.dialog_desktop .dlgdate .dlg-date-link {
    display: block;
    margin: 0 2px 0 0;
    padding: .4em 0 .3em 0;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
    border-radius: .3em
}

.dialog_desktop .dlgdate .dlg-date-link:hover {
    background: #ebebeb
}

.dialog_desktop .dlgdate .datevalue {
    text-align: left;
    display: block;
    font-size: 100%;
    margin: 0 2px 2px 0;
    padding: .1em 0 .2em 0;
    border: 0;
    border-radius: 0
}

.dialog_desktop .dlgdate .hoursvalue {
    width: 1.5em;
    text-align: center;
    display: block;
    font-size: 100%;
    margin: 0 2px 2px 0;
    padding: .1em 0 .2em 0;
    border: 0;
    border-radius: 0
}

.dialog_desktop .dlg-item-alerts {
    display: block;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 2px;
    cursor: default
}

.dialog_desktop .dlg-item-one-alert {
    display: block;
    border: 0;
    margin: 0;
    padding: .2em .5em .2em .5em;
    border-bottom: 1px dotted silver
}

.dialog_desktop .dlg-item-one-alert:hover {
    background: #ebebeb
}

.dialog_desktop .dlg-item-alerts-count {
    width: auto;
    text-align: right;
    display: block;
    font-size: 100%;
    margin: 0 .5em 0 0;
    padding: 0;
    border: 0;
    border-radius: 0
}

.dialog_desktop .dlg-item-alerts-count:focus {
    outline: 1px dotted gray;
    background: #c8c8c8
}

.dialog_desktop .dlg-item-alerts-text {
    display: inline-block;
    padding: .1em .5em .2em 0
}

.dialog_desktop .dlg-item-alerts-text-first {
    display: inline-block;
    padding: .1em .5em .2em 0
}

.dialog_desktop .dlg-list-box .timebox {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: none
}

.dialog_desktop .dlg-inner-line {
    color: black;
    display: block;
    font-size: 100%;
    text-align: left;
    text-decoration: none;
    padding: .5em
}

.dialog_desktop .dlg-inner-line:hover {
    color: black;
    background: #ebebeb
}

.dialog_desktop .dlgdate .selected_day {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdate .selected_day:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdate .today_day {
    color: white;
    background: #90ca77
}

.dialog_desktop .dlgdate .today_day:hover {
    color: white;
    background: #90ca77
}

.dialog_desktop .dlgdate .day_after {
    color: #969696
}

.dialog_desktop .dlgdate .day_after:hover {
    color: black
}

.dialog_desktop .dlgdate .datedays {
    cursor: Default;
    background: #ebebeb;
    font-weight: bold
}

.dialog_desktop .dlgdate .datemove {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0 .2em 0 .2em;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 90%
}

.dialog_desktop .dlgdate .datemove:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdate .datetoday {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0 .7em 0 .7em;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 90%
}

.dialog_desktop .dlgdate .datetoday:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgdate .datemonthyear {
    display: inline;
    margin: 0;
    padding: 0 0 0 .3em;
    border: 0;
    color: black;
    font-size: 80%;
    font-weight: bold
}

.dialog_desktop .dlgtime2 {
    width: auto;
    margin: 0;
    padding: 2px 0 0 2px;
    border: 1px solid #abadb3
}

.dialog_desktop .dlgtime2 .timebox {
    margin: 0;
    padding: 0;
    border: 0;
    display: none
}

.dialog_desktop .dlgtime2 .timeline {
    margin: 0;
    padding: 0 0 2px 0;
    border: 0;
    line-height: 100%;
    overflow: hidden
}

.dialog_desktop .dlgtime2:focus {
    border-color: black
}

.dialog_desktop .dlgtime2 span {
    width: 25%;
    display: inline-block;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.dialog_desktop .dlgtime2 .minutes_span {
    width: 20%;
    display: inline-block;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.dialog_desktop .dlgtime2 .days_span {
    width: 14.28%;
    display: inline-block;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.dialog_desktop .dlgtime2 .alert_types_span {
    display: block;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: right;
    margin: 0;
    padding: 0
}

.dialog_desktop .dlgtime2 .dlg-date-link {
    display: block;
    margin: 0 2px 0 0;
    padding: .4em 0 .3em 0;
    border: 0;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 80%;
    border-radius: .3em
}

.dialog_desktop .dlgtime2 .dlg-date-link:hover {
    background: #ebebeb
}

.dialog_desktop .dlgtime2 .timevalue {
    text-align: left;
    display: block;
    font-size: 100%;
    margin: 0 2px 2px 0;
    padding: .1em 0 .2em 0;
    border: 0;
    border-radius: 0
}

.dialog_desktop .dlgtime2 .selected_hour {
    color: white;
    background: #39f
}

.dialog_desktop .dlgtime2 .selected_hour:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgtime2 .selected_item {
    color: white;
    background: #39f
}

.dialog_desktop .dlgtime2 .selected_item:hover {
    color: white;
    background: #39f
}

.dialog_desktop .dlgtime {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 2px;
    border: 1px solid #abadb3
}

.dialog_desktop .dlgtime .dlgtimetab {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    font-size: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.dialog_desktop .dlgtime .dlgtimetab tr,.dialog_desktop .dlgtime .dlgtimetab th,.dialog_desktop .dlgtime .dlgtimetab td {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    background: transparent
}

.dialog_desktop .dlgtime .dlgtimetab th,.dialog_desktop .dlgtime .dlgtimetab td {
    width: 3em;
    border-right: 1px solid black;
    border-bottom: 1px solid black
}

.dialog_desktop .dlgbtn {
    text-align: left;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.dialog_desktop .dlgbtn a {
    text-align: left;
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid gray;
    border-left: 1px solid white;
    border-top: 1px solid white;
    font-size: 100%;
    color: black;
    background: #f5f5f5;
    transition: background 150ms
}

.dialog_desktop .dlgbtn a:hover {
    text-decoration: underline;
    color: white;
    background: #39f
}

.dialog_desktop .dlgbtn a:focus {
    outline: 1px dotted gray;
    color: white;
    background: #39f
}

.dialog_desktop .dlgcheckbox {
    float: left;
    display: inline-block;
    margin: .15em .3em 0 0 !important;
    padding: 0;
    font-size: 100%
}

.dialog_desktop .dlgcheckbox_label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%
}

.dlgtab {
    color: black;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    font-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

.dlgtab tr,.dlgtab th,.dlgtab td {
    color: black;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    background: transparent
}

.dlgtab th,.dlgtab td {
    padding-top: 1em
}

.dlgtab th {
    width: 1px;
    text-align: right;
    white-space: nowrap;
    overflow: visible
}

.dlgtab td {
    width: 100%
}

.dlgtab label {
    display: inline-block;
    margin: 0 !important;
    padding: 0 1em 0 0 !important;
    border: 0 !important
}

.dialog_desktop .dlgdatetime {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0
}

.dialog_desktop .button {
    display: inline-block;
    border: 1px solid gray;
    border-left: 1px solid white;
    border-top: 1px solid white;
    background: #ebebeb;
    margin: 0;
    padding: .3em .7em .3em .7em;
    font-size: 100%;
    color: black;
    text-decoration: none;
    transition: background 150ms
}

.dialog_desktop .button:hover {
    background: #c8c8c8
}

.dialog_desktop .button:focus {
    outline: 1px dotted gray;
    background: #c8c8c8
}

.dialog_desktop .length_button {
    display: inline-block;
    border: 1px solid gray;
    border-left: 1px solid white;
    border-top: 1px solid white;
    background: #ebebeb;
    margin: 0 1px 0 0 !important;
    padding: .3em .7em .3em .7em;
    font-size: 90%;
    color: black;
    text-decoration: none;
    transition: background 150ms
}

.dialog_desktop .length_button:hover {
    background: #c8c8c8
}

.dialog_desktop .length_button:focus {
    outline: 1px dotted gray;
    background: #c8c8c8
}

.blue_dialog_link {
    color: blue;
    font-weight: bold;
    text-decoration: underline
}

.blue_dialog_link:hover {
    color: white;
    background: navy;
    text-decoration: none
}

.green_dialog_button {
    display: inline-block;
    border-radius: .4em;
    background: green;
    background: linear-gradient(#32f032,#32aa32);
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin: .5em 0 0 0;
    padding: .7em .8em .7em .8em;
    text-shadow: 1px 1px 1px gray
}

.green_dialog_button:hover {
    color: white;
    background: navy;
    text-decoration: underline
}

.green_dialog_button img {
    width: 1.2em;
    margin: 0;
    padding: 0 .5em 0 0;
    border: 0;
    line-height: 0;
    vertical-align: bottom
}

.dialog_desktop .dlgcolorpicker {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: visible
}

.dialog_desktop .dlgcolorpicker .dlgcolorline {
    width: auto;
    height: 1.5em;
    border: 0;
    padding: 0;
    margin: 0;
    display: block
}

.dialog_desktop .dlgcolorpicker .dlgonecolor {
    width: 1.5em;
    height: 1.2em;
    border: 1px solid #c8c8c8;
    padding: 0;
    margin: 0 2px 0 0;
    display: inline-block;
    text-decoration: none
}

.dialog_desktop .dlgcolorpicker .dlgonecolor:hover {
    border: 1px solid #000
}

.dlg_found_items {
    height: 15em;
    margin: .5em 0 0 0;
    padding: 0;
    border: 1px solid silver;
    overflow: auto
}

.dlg_found_items .dlg_no_results_found {
    margin: 0;
    padding: .5em .7em .5em .7em;
    border: 0;
    text-align: center;
    font-style: italic;
    color: gray
}

.dlg_found_items .dlg_total_results_found {
    margin: 0;
    padding: 0 .7em 1em .7em;
    border: 0;
    text-align: center;
    font-style: italic;
    color: gray
}

.dlg_found_items .dlg_results_found {
    width: 100%;
    font-size: 100%;
    line-height: normal;
    margin: 0 0 1em 0 !important;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.dlg_found_items .dlg_results_found tr {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none
}

.dlg_found_items .dlg_results_found tr:hover {
    background: #f0f0f0
}

.dlg_found_items .dlg_results_found th {
    width: 4.9em;
    margin: 0;
    padding: .5em .5em .2em .5em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    text-decoration: none;
    vertical-align: top
}

.dlg_found_items .dlg_results_found img {
    width: 4em;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0
}

.dlg_found_items .dlg_results_found td {
    margin: 0;
    padding: .5em .7em .5em .2em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none;
    vertical-align: top
}

.dlg_found_items .dlg_subscribers_found {
    width: 100%;
    font-size: 100%;
    line-height: normal;
    margin: 0 0 1em 0 !important;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.dlg_found_items .dlg_subscribers_found tr {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none
}

.dlg_found_items .dlg_subscribers_found tr:hover {
    background: #f0f0f0
}

.dlg_found_items .dlg_subscribers_found th {
    width: 3.9em;
    margin: 0;
    padding: .5em .9em .2em .5em;
    border: 0;
    text-align: right;
    font-weight: normal;
    color: black;
    text-decoration: none;
    vertical-align: top
}

.dlg_found_items .dlg_subscribers_found img {
    width: 3em;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0
}

.dlg_found_items .dlg_subscribers_found td {
    margin: 0;
    padding: .5em .7em .5em .2em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none;
    vertical-align: top
}

.dlg_found_items .dlg_msgsforusers {
    table-layout: fixed;
    width: 100%;
    font-size: 100%;
    line-height: normal;
    margin: 0 0 1em 0 !important;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.dlg_found_items .dlg_msgsforusers tr {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none
}

.dlg_found_items .dlg_msgsforusers tr:hover {
    background: #f0f0f0
}

.dlg_found_items .dlg_msgsforusers td {
    margin: 0;
    padding: .5em .7em .5em .7em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none;
    vertical-align: top
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_text {
    width: auto !important;
    overflow: hidden;
    white-space: nowrap
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_text a {
    text-decoration: none
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_text small {
    color: gray;
    font-size: 70%
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_icon {
    width: 2.3em !important;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: normal;
    color: black;
    border-bottom: 1px solid #dcdcdc;
    text-decoration: none
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_icon:hover {
    background: rgba(0,0,0,.2)
}

.dlg_found_items .dlg_msgsforusers .dlg_msgsforusers_icon img {
    width: 1.2em;
    margin: 0;
    padding: .5em 0 0 0;
    border: 0;
    line-height: 0
}

.dlg_contact_request {
    width: 100%;
    font-size: 100%;
    line-height: normal;
    margin: .5em 0 0 0 !important;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.dlg_contact_request tr {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    text-decoration: none
}

.dlg_contact_request th {
    width: 5.9em;
    margin: 0;
    padding: .5em .5em .2em .5em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    text-decoration: none;
    vertical-align: top
}

.dlg_contact_request img {
    width: 5em;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0
}

.dlg_contact_request td {
    margin: 0;
    padding: .5em .7em .5em .5em;
    border: 0;
    text-align: left;
    font-weight: normal;
    color: black;
    text-decoration: none;
    vertical-align: top
}

.dialog_textarea {
    resize: none;
    margin: 0;
    padding: .3em;
    font-family: calibri,arial,sans-serif;
    font-size: 100%;
    line-height: 135%;
    font-weight: normal;
    font-style: normal;
    color: black
}

.dialog_textarea:focus {
    border-color: black
}

.dialog_smarttext {
    resize: none;
    overflow: hidden;
    min-height: 1.5em !important;
    margin: 0;
    padding: 0 .3em 0 .3em;
    font-family: calibri,arial,sans-serif;
    font-size: 100%;
    line-height: 150%;
    font-weight: normal;
    font-style: normal;
    color: black
}

.dialog_smarttext:focus {
    border-color: black
}

.dlg-small-contact-profile {
    width: 100%;
    overflow: hidden
}

.dlg-small-contact-profile .dlg-small-contact-profile-data {
    padding: 0 0 0 5em
}

.dlg-small-contact-profile .dlg-small-contact-profile-data h1 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 130%;
    color: black
}

.dlg-small-contact-profile .dlg-small-contact-profile-data .dlg-small-contact-profile-link {
    max-width: 21em;
    display: block;
    padding: 0 0 .5em 0;
    margin: 0;
    font-weight: normal;
    font-size: 85%;
    color: #505050;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal
}

.dlg-small-contact-profile .dlg-small-contact-profile-data .dlg-small-contact-profile-link:hover {
    color: #c80000;
    text-decoration: none
}

.dlg-small-contact-profile .dlg-small-contact-profile-data p {
    font-size: 100%;
    color: black;
    line-height: 175%
}

.dlg-small-contact-profile img {
    display: block;
    float: left;
    width: 4em;
    height: 4em;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 0
}

.dialog_desktop .dlgcontactsgroup {
    display: inline-block;
    text-align: left;
    width: auto;
    margin: 0 .2em .2em 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid #fafafa;
    border-radius: .3em;
    line-height: 100%;
    color: #969696;
    background: #f5f5f5;
    text-decoration: none
}

.dialog_desktop .dlgcontactsgroup:hover {
    color: #323232;
    background: #c8c8c8
}

.dialog_desktop .dlgcontactsgroup:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgcontactsgroup_active {
    display: inline-block;
    text-align: left;
    width: auto;
    margin: 0 .2em .2em 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid black;
    border-radius: .3em;
    line-height: 100%;
    color: white;
    background: #78828c;
    text-decoration: none
}

.dialog_desktop .dlgcontactsgroup_active:focus {
    outline: 1px dotted gray
}

.dialog_desktop .dlgcontactsgroup_hint {
    display: inline-block;
    text-align: left !important;
    width: auto;
    margin: 0 .2em .2em 0;
    padding: .3em .5em .3em .5em;
    border: 1px solid transparent;
    border-radius: .3em;
    line-height: 100%;
    color: #0000c8;
    color: #fafafa;
    background: #00c800;
    text-decoration: none
}

.dialog_desktop .dlgcontactsgroup_hint:hover {
    text-decoration: none;
    background: green
}

.dialog_desktop .dlg-item-mscag {
    display: block;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 2px 2px 0 2px;
    cursor: default;
    overflow-y: auto;
    max-height: 7em
}

.dialog_desktop .dlg-item-mscag img {
    max-height: 1.2em;
    margin: 0;
    padding: 0 .3em .1em 0;
    vertical-align: middle
}

.dialog_desktop .dlg-item-mscag .button {
    padding: .25em .4em .2em .3em;
    margin-bottom: .1em;
    margin-right: 3px !important;
    background: transparent;
    border: 0
}

.dialog_desktop .dlg-item-mscag .button:hover {
    background: #c8c8c8
}

.dialog_desktop .dlg-item-mscag .mscag-item {
    display: inline-block;
    border-radius: .3em;
    background: #069;
    margin: 0 3px 0 0;
    font-size: 100%;
    color: white;
    text-decoration: none;
    transition: background 150ms;
    padding: .25em .2em .2em .3em;
    margin-bottom: .1em
}

.dialog_desktop .dlg-item-mscag .mscag-item .mscag-photo {
    padding: 0 .4em .1em 0
}

.dialog_desktop .dlg-item-mscag .mscag-item .mscag-name {
    font-size: 90%;
    margin: -.1em 0 0 0;
    padding: 0
}

.dialog_desktop .dlg-item-mscag .mscag-item .mscag-delete {
    display: inline-block;
    border-radius: .3em;
    padding: 0 .35em .1em .35em;
    margin: 0 0 0 .1em;
    text-decoration: none;
    color: #c8c8c8
}

.dialog_desktop .dlg-item-mscag .mscag-item .mscag-delete:hover {
    color: white
}

.dialog_desktop .dlg-item-sharewith {
    display: block;
    border: 1px solid #abadb3;
    margin: .3em 0 0 0;
    padding: 2px 2px 0 2px;
    overflow-y: auto
}

.dialog_desktop .dlg-item-sharewith div {
    cursor: pointer;
    margin: 0 0 2px 0;
    padding: .2em .3em .2em .3em;
    background: #fafafa;
    border-radius: .3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog_desktop .dlg-item-sharewith div:hover {
    background: #c8c8c8
}

.dialog_desktop .dlg-item-sharewith .isw-selected {
    background: #069;
    color: white
}

.dialog_desktop .dlg-item-sharewith .isw-selected:hover {
    background: #069
}

.dialog_desktop .dlg-item-sharewith img {
    max-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    margin: 0;
    padding: 0 .5em .1em 0;
    vertical-align: middle
}

.dialog_desktop .dlg-item-finpol-title {
    display: block;
    border: 1px solid #abadb3;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto
}

.dialog_desktop .dlg-item-finpol-list {
    display: block;
    border: 1px solid #abadb3;
    border-top: 0;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto;
    height: 9em;
    max-height: 9em
}

.dialog_desktop .dlg-item-navrhy-title {
    display: block;
    border: 1px solid #abadb3;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto
}

.dialog_desktop .dlg-item-navrhy-list {
    display: block;
    border: 1px solid #abadb3;
    border-top: 0;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto;
    max-height: 9em
}

.dialog_desktop .dlg-item-tiles-list {
    display: block;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto;
    max-height: 31em
}

.dialog_desktop .dlg-item-tsmpricelist {
    display: block;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow-y: auto
}

.dialog_desktop .dlg-multiple-images {
    display: inline-block;
    text-align: center;
    width: auto;
    margin: 10px 10px 0 0;
    padding: 0;
    line-height: 0
}

.dialog_desktop .dlg-multiple-images:focus {
    border: 1px solid black
}

.dialog_desktop .dlg-multiple-images input[type=button] {
    width: 100%;
    margin: 2px 0 0 0
}

.dialog_desktop .dlg-multiple-images .dlg-muim-one {
    overflow: hidden;
    width: auto;
    color: white;
    background: #d2dcfa;
    background-image: url('/img/admin/empty-image.png');
    background-size: 3em auto;
    background-position: center center;
    background-repeat: no-repeat
}

.dialog_desktop .dlg-multiple-images .dlg-muim-one img {
    width: auto;
    height: auto;
    min-height: 6em;
    max-height: 6em
}

.dialog_desktop .dlg-item-imagefromalbum {
    display: block;
    border: 1px solid #abadb3;
    margin: 0;
    padding: 0;
    cursor: default;
    overflow: hidden
}

.tabImageFromAlbum {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    min-height: 15em;
    max-height: 15em;
    overflow: hidden
}

.tabImageFromAlbum .tabImageFromAlbum_Albums {
    background: #f5f5f5;
    width: 16em;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    overflow: hidden;
    vertical-align: top
}

.tabImageFromAlbum .tabImageFromAlbum_Albums div {
    width: 16em;
    overflow: auto;
    max-height: 15em;
    text-align: left
}

.tabImageFromAlbum .tabImageFromAlbum_Albums p {
    cursor: pointer;
    line-height: 200%;
    margin: 0;
    padding: 0 .5em 0 2.1em;
    white-space: normal;
    background-image: url('/img/folder-128x128.png');
    background-repeat: no-repeat;
    background-position: center left .5em;
    background-size: 1.2em
}

.tabImageFromAlbum .tabImageFromAlbum_Albums p:hover {
    background-color: #e6e6e6
}

.tabImageFromAlbum .tabImageFromAlbum_Images {
    width: 32em;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align: top
}

.tabImageFromAlbum .tabImageFromAlbum_Images div {
    width: 100%;
    overflow: auto;
    max-height: 15em
}

.tabImageFromAlbum .tabImageFromAlbum_Images p {
    cursor: pointer;
    line-height: 175%;
    margin: 0;
    padding: 0 .5em 0 .5em;
    white-space: normal
}

.tabImageFromAlbum .tabImageFromAlbum_Images img {
    cursor: pointer;
    display: inline-block;
    float: left;
    max-height: 6em;
    margin: .5em 0 0 .5em;
    border: 2px solid white
}

.tabImageFromAlbum .tabImageFromAlbum_Images img:hover {
    border: 2px solid silver
}

.tabLinesWithArrowsAndDelete {
    width: 35em;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-collapse: collapse;
    border-spacing: 0
}

.tabLinesWithArrowsAndDelete tr,.tabLinesWithArrowsAndDelete td,.tabLinesWithArrowsAndDelete th {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap
}

.tabLinesWithArrowsAndDelete td,.tabLinesWithArrowsAndDelete th {
    width: 5em;
    padding: .3em .3em .3em .3em;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb
}

.tabLinesWithArrowsAndDelete .tilesPopis {
    width: auto !important;
    max-width: 10.8em;
    text-overflow: ellipsis;
    padding-left: .5em
}

.tabLinesWithArrowsAndDelete .tilesCastka {
    width: 6em !important;
    text-align: right;
    padding-right: 1.5em
}

.tabLinesWithArrowsAndDelete th {
    background: #f5f5f5;
    white-space: nowrap
}

.tabLinesWithArrowsAndDelete tr:hover {
    background: #f5f5f5
}

.editLinesWithArrowsAndDelete {
    text-align: right;
    padding: .2em 0 0 0
}

.editLinesWithArrowsAndDelete a {
    color: #0064d2
}

.editLinesWithArrowsAndDelete a:hover {
    color: #c80000
}

.editLinesWithArrowsAndDelete span {
    float: left;
    color: #000;
    padding-right: 2em
}

.tabLinesWithArrowsAndDelete .clickicon {
    width: 1em !important;
    cursor: pointer
}

.tabLinesWithArrowsAndDelete .clickicon:hover {
    background: #dcdcdc
}

.tabLinesWithArrowsAndDelete .clickicon img {
    height: .9em;
    vertical-align: middle;
    float: left;
    margin: 0;
    padding: 0
}

.tabLinesWithArrowsAndDelete .noclickicon {
    width: 1em !important;
    cursor: default
}

.tabLinesWithArrowsAndDelete .noclickicon:hover {
    background: transparent
}

.tabLinesWithArrowsAndDelete img {
    height: 1.3em;
    vertical-align: middle;
    margin: 0 .4em 0 0;
    padding: 0
}

a {
    color: initial;
    text-decoration: initial
}

a:hover {
    color: initial;
    text-decoration: initial
}

*:focus {
    outline: 0
}

.kwiTextBorder_focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,select:focus {
    outline: 0;
    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
}

.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
}

.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;
    overflow: hidden
}

.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-overlay1 {
    cursor: default;
    overflow: hidden
}

.kwiForm-overlay2 {
    cursor: default;
    overflow: hidden;
    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: #323232;
    background: white;
    text-align: right
}

.kwiStatusbar a {
    color: #323232;
    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 #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    background: -webkit-linear-gradient(0,#fafafa,#ebebeb);
    background: -moz-linear-gradient(90deg,#fafafa,#ebebeb);
    background: -o-linear-gradient(0,#fafafa,#ebebeb);
    background: linear-gradient(0,#fafafa,#ebebeb)
}

.kwiToolbar {
    overflow: hidden
}

.kwiToolbarL,.kwiToolbarR {
    display: inline-table;
    background: #fcfcfc;
    width: 31px;
    height: 31px;
    line-height: 31px;
    padding: 0;
    margin: 1px 0 0 0;
    border-radius: .3em;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    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: #f5f5f5
}

.kwiToolbarI {
    overflow: hidden
}

.kwiToolbarItems {
    overflow: visible
}

.kwiForm-toolbar-button {
    display: inline-table;
    background: #fcfcfc;
    height: 31px;
    line-height: 31px;
    padding-left: 2.3em;
    padding-right: .7em;
    margin: 1px 1px 0 1px;
    border-radius: .3em;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    background-image: url('/img/default.png');
    background-size: 1.45em;
    background-repeat: no-repeat;
    background-position: .6em .3em
}

.kwiForm-toolbar-button:hover {
    background-color: #f5f5f5
}

.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: #c80000;
    text-decoration: none
}

.kwiList {
    font-size: 100%;
    overflow: hidden
}

.kwiListHeader {
    white-space: nowrap;
    overflow: visible
}

.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-position: center top 5em
}

.kwiListDataInner {
    overflow: visible
}

.kwiListDataInnerNoData {
    font-size: 125%;
    color: #fafafa;
    text-shadow: 1px 1px 1px #323232;
    padding: 1em
}

.kwiListLine {
    overflow: visible
}

.kwiListLine img {
    display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: 0;
    max-height: 1.2em;
    min-height: 1.2em;
    height: 1.2em
}

.kwiListCell {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.kwiListCell span {
    margin-left: .5em;
    margin-right: .5em
}

.kwiListHCell {
    border: 1px solid #646464;
    border-left: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    overflow: hidden;
    background: -webkit-linear-gradient(0,#dcdcdc,#fafafa);
    background: -moz-linear-gradient(90deg,#dcdcdc,#fafafa);
    background: -o-linear-gradient(0,#dcdcdc,#fafafa);
    background: linear-gradient(0,#dcdcdc,#fafafa)
}

.kwiListHCell span {
    margin-left: .5em;
    margin-right: .5em
}

.kwiListHCell .fbtn_new {
    width: 1.5em;
    display: inline-block;
    float: right;
    position: relative
}

.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,#b4b4b4,#e6e6e6);
    background: -moz-linear-gradient(90deg,#b4b4b4,#e6e6e6);
    background: -o-linear-gradient(0,#b4b4b4,#e6e6e6);
    background: linear-gradient(0,#b4b4b4,#e6e6e6)
}

.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 #505050;
    box-shadow: .5em .5em .5em rgba(80,80,80,.3);
    background: white;
    white-space: nowrap;
    overflow: visible
}

.kwiMenu .mnuBorder {
    padding: 1px;
    border: 1px solid #646464;
    border-left: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    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: 0 solid black;
    background: transparent;
    border-radius: 0
}

.kwiMenu .mnuBorder::-webkit-scrollbar-thumb {
    border-radius: 0;
    height: 30px;
    width: 7px;
    border: 0 solid black;
    background: #6f6f6f;
    -webkit-box-shadow: 0 1px 0 #000;
    background: -webkit-linear-gradient(#b4b4b4,#969696)
}

.kwiMenu .mnuBorder::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px
}

@media(pointer:coarse) {
    .kwiMenu .mnuFilter {
        font-size: 110%
    }

    .kwiMenu .mnuContent {
        font-size: 110%
    }
}

.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;
    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 #f0f0f0;
    border-bottom: 1px solid #c3c3c3
}

.kwiMenuNoBorder {
    box-shadow: none
}

.kwiMenuNoBorder .mnuBorder {
    padding: 0;
    border: 0
}

.kwiCloseMenuButton {
    text-align: right;
    padding: 0 1px 0 0
}

.kwiCloseMenuButton div {
    display: inline-block;
    background: #505050;
    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: #f5f5f5;
    font-weight: bold;
    text-shadow: 2px 2px .3em black;
    padding: 0 .3em .3em .3em;
    white-space: normal
}

.kwiLoginCopyright {
    font-size: 150%;
    color: #f5f5f5;
    font-weight: bold;
    text-shadow: 2px 2px .3em black;
    padding: 0 .3em .3em .3em
}

.kwiLoginH1 {
    font-size: 250%;
    color: #191919;
    font-weight: bold;
    text-shadow: 2px 2px white
}

.kwiDialogItemParent {
    overflow: hidden
}

.kwiDialogLabel {
    white-space: normal
}

.kwiDialogHint {
    font-size: 85%;
    line-height: 135%;
    color: #646464;
    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: #d1cfcd;
    opacity: 1
}

.kwiEdit:-ms-input-placeholder {
    color: #d1cfcd
}

.kwiEdit::-ms-input-placeholder {
    color: #d1cfcd
}

.kwiSelect {
    font-size: 100%;
    box-sizing: border-box;
    border: 1px solid gray;
    margin: 0;
    padding: .4em .4em .5em .4em;
    background: white
}

.kwiSelect: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 #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    color: black;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: -moz-linear-gradient(90deg,#dcdcdc,#fafafa);
    background-image: -o-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: linear-gradient(to top,#dcdcdc 0,#fafafa 100%)
}

.kwiButtonMenu:hover {
    color: black;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: -moz-linear-gradient(90deg,#dcdcdc,#fafafa);
    background-image: -o-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: linear-gradient(to top,#dcdcdc 0,#fafafa 100%)
}

.kwiButtonMenu:focus {
    z-index: 111;
    outline: 1px dotted black;
    color: black;
    background-color: #b4b4b4
}

.kwiButtonMenu:active {
    padding: .1em 0 0 .1em !important;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    color: black;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: -moz-linear-gradient(90deg,#fafafa,#dcdcdc);
    background-image: -o-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: linear-gradient(to top,#fafafa 0,#dcdcdc 100%)
}

.kwiButtonMenu img {
    vertical-align: middle;
    width: .5em;
    padding: 0 .35em 0 .3em
}

.kwiButtonMenu .kwiButtonMenuP {
    display: inline-block;
    margin: 0;
    padding: 0
}

.kwiButtonMenu .kwiButtonMenuTitle {
    display: inline-block;
    font-size: 100%
}

.kwiButtonMenu:hover .kwiButtonMenuTitle {
    color: #000032
}

.kwiButtonIconLeft {
    display: inline-table;
    position: relative;
    height: 3em;
    line-height: 3.1em;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    color: black;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: -moz-linear-gradient(90deg,#dcdcdc,#fafafa);
    background-image: -o-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: linear-gradient(to top,#dcdcdc 0,#fafafa 100%)
}

.kwiButtonIconLeft:hover {
    color: black;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: -moz-linear-gradient(90deg,#dcdcdc,#fafafa);
    background-image: -o-linear-gradient(0,#dcdcdc,#fafafa);
    background-image: linear-gradient(to top,#dcdcdc 0,#fafafa 100%)
}

.kwiButtonIconLeft:focus {
    z-index: 100;
    outline: 1px dotted black;
    color: black;
    background-color: #b4b4b4
}

.kwiButtonIconLeft:active {
    padding: .1em 0 0 .1em !important;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    color: black;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: -moz-linear-gradient(90deg,#fafafa,#dcdcdc);
    background-image: -o-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: linear-gradient(to top,#fafafa 0,#dcdcdc 100%)
}

.kwiButtonIconLeft .kwiButtonIconLeftP {
    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 0 .2em 0;
    margin-right: .5em
}

.kwiButtonIconLeft_NoText img {
    margin-right: 0
}

.kwiButtonIconLeft .kwiButtonIconLeftTitle {
    display: inline-block;
    font-size: 100%;
    pointer-events: none
}

.kwiButtonIconLeft:hover .kwiButtonIconLeftTitle {
    color: #000032;
    pointer-events: none
}

.kwiButtonIconLeft .kwiButtonTriangle {
    vertical-align: middle;
    width: .5em;
    height: auto;
    padding: 0 0 0 .5em;
    margin: 0
}

.kwiButtonIconLeft_Pressed {
    padding: .1em 0 0 .1em !important;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    color: black;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: -moz-linear-gradient(90deg,#fafafa,#dcdcdc);
    background-image: -o-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: linear-gradient(to top,#fafafa 0,#dcdcdc 100%)
}

.kwiButtonIconLeft_Pressed:hover {
    color: black;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: -moz-linear-gradient(90deg,#fafafa,#dcdcdc);
    background-image: -o-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: linear-gradient(to top,#fafafa 0,#dcdcdc 100%)
}

.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 .kwiButtonHyperlinkP {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 100%;
    pointer-events: none
}

.kwiButtonHyperlink .kwiButtonHyperlinkTitle {
    display: inline-block;
    font-size: 100%;
    text-decoration: underline;
    pointer-events: none
}

.kwiButtonHyperlink:hover .kwiButtonHyperlinkTitle {
    color: #c80000;
    text-decoration: none;
    pointer-events: none
}

.kwiButtonHyperlink img {
    vertical-align: middle;
    width: 1em;
    height: 1em;
    padding: 0 0 .2em 0;
    margin-right: .3em
}

.kwiButtonHyperlink_NoText img {
    margin-right: 0
}

.kwiButtonSmallText {
    display: inline-table;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #646464;
    cursor: pointer
}

.kwiButtonSmallText:focus {
    outline: 1px dotted black;
    color: black
}

.kwiButtonSmallText:active {
    color: black
}

.kwiButtonSmallText .kwiButtonSmallTextP {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 100%;
    pointer-events: none
}

.kwiButtonSmallText .kwiButtonSmallTextTitle {
    display: inline-block;
    font-size: 100%;
    text-decoration: none;
    pointer-events: none
}

.kwiButtonSmallText:hover .kwiButtonSmallTextTitle {
    color: #c80000;
    text-decoration: underline;
    pointer-events: none
}

.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 .kwiButtonBoxP {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 0;
    pointer-events: none
}

.kwiButtonBox .kwiButtonBoxTitle {
    display: inline-block;
    font-size: 100%;
    line-height: normal;
    text-decoration: none;
    pointer-events: none;
    width: 100%
}

.kwiButtonBox:hover .kwiButtonBoxTitle {
    color: #c80000;
    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: #e6e6e6 #b4b4b4 #b4b4b4 #e6e6e6;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#e5e5e5 100%);
    background: -webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);
    background: linear-gradient(to bottom,#fff 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5e5e5',GradientType=0)
}

.kwiHerbertBasicButton:hover {
    outline: 0;
    box-shadow: 0 0 10px #9ecaed
}

.kwiHerbertBasicButton:focus {
    color: black;
    outline: 0;
    box-shadow: 0 0 10px #9ecaed
}

.kwiHerbertBasicButton:active {
    padding: .1em 0 0 .1em !important;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    color: black;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: -moz-linear-gradient(90deg,#fafafa,#dcdcdc);
    background-image: -o-linear-gradient(0,#fafafa,#dcdcdc);
    background-image: linear-gradient(to top,#fafafa 0,#dcdcdc 100%)
}

.kwiHerbertBasicButton .kwiHerbertBasicButtonP {
    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 .kwiHerbertBasicButtonTitle {
    display: inline-block;
    font-size: 100%;
    line-height: normal;
    text-decoration: none;
    pointer-events: none;
    width: 100%
}

.kwiHerbertBasicButton:hover .kwiHerbertBasicButtonTitle {
    color: black;
    text-decoration: none;
    pointer-events: none
}

.kwiHerbertBasicButton img {
    vertical-align: middle;
    width: 1em;
    height: 1em;
    padding: 0 0 .2em 0;
    margin-right: .3em
}

.kwiHerbertBasicButton_NoText img {
    margin-right: 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
}

.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
}

.kwiDialogButtonsBg {
    background-image: -webkit-linear-gradient(0,#dcdcdc,white);
    background-image: -moz-linear-gradient(90deg,#dcdcdc,white);
    background-image: -o-linear-gradient(0,#dcdcdc,white);
    background-image: linear-gradient(to top,#dcdcdc 0,white 100%)
}

.kwiHeader {
    font-size: 175%;
    line-height: 105%;
    font-weight: bold;
    padding: 0 0 0 1.2em;
    color: #323232;
    background-image: url('/img/monotea.png');
    background-size: auto 85%;
    background-repeat: no-repeat;
    background-position: center left;
    overflow: visible
}

.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: #069
}

.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: 0;
    border-radius: .3em;
    color: #7f7f7f;
    background-color: transparent;
    text-align: center;
    cursor: pointer
}

.kwiControlButtonIconTop:focus {
    z-index: 100;
    outline: 0;
    color: white;
    background-color: #ff800d
}

.kwiControlButtonIconTop img {
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    padding: 0 0 .4em 0
}

.kwiControlButtonIconTop .kwiButtonTriangle {
    vertical-align: middle;
    width: .5em;
    height: auto;
    padding: 0 0 0 .5em;
    margin: 0
}

.kwiControlButtonIconTop .kwiControlButtonIconTopP {
    display: inline-block;
    margin: 0;
    padding: .5em .1em .5em .1em;
    pointer-events: none
}

.kwiControlButtonIconTop .kwiControlButtonIconTopTitle {
    display: block;
    text-transform: uppercase;
    font-size: 80%;
    line-height: normal;
    pointer-events: none
}

.kwiControlButtonIconTop:hover .kwiControlButtonIconTopTitle {
    color: black;
    pointer-events: none
}

.kwiControlButtonIconTop_Pressed {
    color: white;
    background-color: #ff800d
}

.kwiControlButtonIconTop_Pressed:focus {
    color: white
}

.kwiControlButtonIconTop_Pressed:hover .kwiControlButtonIconTopTitle {
    color: white
}

.kwiButtonIconOnly {
    line-height: 100%;
    display: inline-table;
    position: relative;
    padding: 0;
    white-space: normal;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    color: #7f7f7f;
    background-color: transparent;
    text-align: center;
    cursor: pointer
}

.kwiButtonIconOnly:hover {
    background: silver
}

.kwiButtonIconOnly:focus {
    z-index: 100;
    outline: 0;
    color: white;
    background-color: #ff800d
}

.kwiButtonIconOnly .kwiButtonIconOnlyP {
    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 .kwiButtonIconOnlyTitle {
    display: none;
    text-transform: uppercase;
    font-size: 80%;
    line-height: normal;
    pointer-events: none
}

.kwiButtonIconOnly:hover .kwiButtonIconOnlyTitle {
    color: black;
    pointer-events: none
}

.kwiButtonIconOnly_Pressed {
    color: white;
    background-color: #ff800d
}

.kwiButtonIconOnly_Pressed:focus {
    color: white
}

.kwiButtonIconOnly_Pressed:hover .kwiButtonIconOnlyTitle {
    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 .kwiButtonIconLeft2dot5emP {
    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 .kwiButtonIconLeft2dot5emTitle {
    display: inline-block;
    font-size: 100%;
    line-height: 110%;
    padding-top: .1em;
    pointer-events: none;
    color: #505050
}

.kwiButtonIconLeft2dot5em:hover .kwiButtonIconLeft2dot5emTitle {
    color: #000032;
    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
}

.kwiButtonIconLeft2dot5em_Pressed:hover {
    color: black
}

.kwiHerbertBorder {
    padding: .4em .4em .4em .4em
}

.kwiHerbertProgress {
    background-image: linear-gradient(0,#dcdcfa,#ebebeb);
    background-size: 75% auto;
    background-repeat: no-repeat;
    background-position: left center
}

.kwiHerbertProgressMain {
    background-image: linear-gradient(0,#befafa,#ebffff);
    background-image: linear-gradient(0,#005dff,#5481e6);
    background-image: linear-gradient(0,#0f5a96,#196ebe);
    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)
    }
}
*/

body {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    background-image: url('/templates/odoprag/beach.jpg');
    background-size: cover;
    background-position: 0 top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-x: hidden;
    min-width: 320px
}

h2 {
    padding: 0;
    margin: 1em 0 .5em .5em
}

div {
    margin: 0 auto;
    width: auto
}

.box {
    width: 96%;
    max-width: 66em;
}

.topline {
    border-top: 3px solid black;
    color: white
}

.carbg {
    background-image: url('/templates/odoprag/zluty-ford-tranzit.png');
    background-size: 16em auto;
    background-position: 0 1.4em;
    background-repeat: no-repeat
}

.topline .tlle {
    width: 30em;
    float: left
}

.topline .tlle img {
    padding: .8em 0 0 0;
    max-height: 5em;
    float: left
}

.topline .tlle .flags {
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    line-height: 100%;
    margin: .6em 0 0 14em
}

.topline .tlle .flags img {
    margin: 0 0 0 1em;
    padding: 0 .3em 0 0;
    border: 0;
    vertical-align: bottom;
    height: .9em;
    float: none
}

.topline .tlle .flags a {
    color: white;
    text-decoration: none;
    float: none
}

.topline .tlle .title {
    color: white;
    text-decoration: none;
    display: inline-block;
    font-size: 280%;
    font-weight: bold;
    margin: .2em 0 0 6em;
    float: left;
    text-shadow: 2px 5px 10px rgba(100,100,100,.7)
}

.topline .tlle .title:hover {
    text-decoration: underline
}

.topline .tlri {
    padding: 0 0 0 30em;
    text-align: right;
    max-height: 6em
}

.topline .tel {
    color: white;
    text-decoration: none;
    display: block;
    padding: .3em 0 0 0;
    font-weight: bold;
    font-size: 200%;
    text-shadow: 2px 5px 10px rgba(100,100,100,.5);
    white-space: nowrap;
    overflow: visible
}

.topline .tel:hover {
    text-decoration: underline
}

.topline .email {
    color: white;
    text-decoration: none;
    display: block;
    padding: 0 0 1.5em 0;
    font-weight: normal;
    font-size: 150%;
    text-shadow: 2px 5px 10px rgba(100,100,100,.5);
    white-space: nowrap;
    overflow: visible
}

.topline .email:hover {
    text-decoration: underline
}

@media only screen and (max-width :779px) {
    .carbg {
        background-size: 25vw auto
    }

    .topline .tlle {
        width: auto;
        float: none
    }

    .topline .tlri {
        padding: 0;
        max-height: none;
    }

    .topline .tlle .flags {
        margin: .6em 0 0 24vw
    }

    .topline .tlle .title {
        float: none;
        margin: .2em 0 0 29vw
    }

}

@media only screen and (max-width :470px) {
    .topline .tlle .title {
        font-size: 8vw
    }
}

.mainmenu {
    padding-left: 16em;
    white-space: normal;
    width: auto;
    height: auto
}

@media only screen and (max-width :779px) {
    .mainmenu {
        padding-left: 0
    }
}

.mainmenubox {
    text-align: right
}

.mainmenu a {
    display: inline-block;
    padding: .8em 1.2em .7em 1.2em;
    margin: 0 .2em .5em 0;
    border-radius: .5em;
    text-decoration: none;
    color: black;
    text-shadow: 1px 1px rgba(255,255,255,.7);
    background: orange;
    background: -webkit-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: -o-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: -moz-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99))
}

.mainmenu span {
    font-size: 115%;
    white-space: nowrap
}

.mainmenu a:hover {
    color: black;
    text-shadow: 1px 1px white;
    background: orange;
    background: -webkit-linear-gradient(rgba(255,106,0,.99),rgba(255,216,0,.99));
    background: -o-linear-gradient(rgba(255,106,0,.99),rgba(255,216,0,.99));
    background: -moz-linear-gradient(rgba(255,106,0,.99),rgba(255,216,0,.99));
    background: linear-gradient(rgba(255,106,0,.99),rgba(255,216,0,.99))
}

.mainmenu .active {
    background: orange;
    background: -webkit-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: -o-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: -moz-linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99));
    background: linear-gradient(rgba(255,216,0,.99),rgba(255,106,0,.99))
}

.mainmenu .active span {
    font-weight: bold
}

.banner-inner {
    /*height: auto;*/
    height: 320px ;
    overflow: hidden;
    text-align: left;
    border: 1px solid orange;
    border-radius: .5em;

}

.banner-klicky {
    background-image: url('/templates/odoprag/klicky.png');
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 36em center
}

.banner-minibus {
    background-image: url('/templates/odoprag/minibus.png');
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 36em center
}

.banner-fabia {
    background-image: url('/templates/odoprag/fabia-combi.png');
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 32em center
}

.banner-custom {
    background-image: url('/templates/odoprag/transit-custom.png');
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 32em center
}

.banner-box {
    padding: 2em 2.5em 2em 3.5em
}

.banner img {
    padding-right: 5em;
    max-height: 14em
}

.banner h1 {
    font-family: "Arial Narrow";
    font-size: 200%;
    line-height: 150%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #c80000;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    padding-left: 0.3em;
}

.banner h2 {
    font-family: "Arial Narrow";
    font-size: 130%;
    line-height: 140%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-top: .5em;
    color: black;
    text-shadow: 1px 1px 0 rgba(255,255,255,1)
}

.banner h3 {
    font-family: "Arial Narrow";
    font-size: 130%;
    line-height: 140%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-top: .5em;
    padding-left: 1em;
    color: #c80000;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    cursor: pointer;
    background-image: url('/templates/odoprag/hand-point-right.png');
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 1em .45em;
    padding-left: 4em;
    padding-bottom: .5em
}

.banner h3:hover {
    color: #00c800;
    text-decoration: underline
}

.banner h4 {
    font-family: "Arial Narrow";
    font-size: 130%;
    line-height: 140%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-top: .5em;
    padding-left: 1em;
    color: #0000c8;
    text-shadow: 1px 1px 0 rgba(255,255,255,1)
}

.calendar {
    margin: 1em 0 1.5em 0;
    /*border: 1px solid silver;*/
    background: white;
    border: 1px solid orange;
    border-radius: .5em;

}

.calendar .calendar-inner {
    width: 100%;
    overflow: hidden;
    /*
    margin: 0 0 1 0;
    margin: 0 0 1;
    */


    padding: 0;
    border: 0;
}

.calendar .calendar-inner h3 {
    font-size: 150%;
    color: #ee7600;
    text-shadow: 1px 1px 0 gray;
    margin: .5em 0 .5em 1em;
    padding: 0;
    font-weight: bold
}

.calendar .calendar-inner h4 {
    font-size: 110%;
    color: #ee7600;
    text-shadow: 1px 1px 0 gray;
    margin: 0.5em 0 .5em 1em;
    padding: 0 1em;
    font-weight: bold
}

.select-label div {
    font-size: 100%;
    /*display: inline-block;*/
    margin: 0.3em 0 .5em 2.1em;
    /*padding: 0 1em;*/
}
.calendar .calendar-inner select {
    font-size: 150%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 1.7em;
    margin-bottom: 1em;
    width: 85%
}

.calendar .calbox1 {
    width: 80%;
    /*width: 80%;*/

    overflow: hidden;
    float: left
}

.calbox1 select {
    padding: 2px;
    border: 1px solid orange;
    border-radius: .5em;
}


.calendar .calbox2 {
    width: 46%;
    margin: 0 0 1em 1.7em;
    overflow: hidden;
    float: left
}

.calendar .calbox3 {
    width: 14%;
    overflow: hidden;
    float: left;
    text-align: right
}

.calendar .callabel,.calendar .calbtn {
    font-size: 100%;
    display: inline-block;
    float: left;
    margin-right: .7em
}

.calendar .callabel {
    padding-top: .3em
}

.calendar .calbtn {
    cursor: default;
    border: 1px solid gray;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #d7d7d7;
    padding: .3em .6em .3em 2.3em;
    background-image: url('/templates/odoprag/calendar-16x16.png');
    background-size: 1.3em 1.3em;
    background-position: .4em center;
    background-repeat: no-repeat;
    border: 1px solid orange;
    border-radius: .5em;
}

.calendar .calbtn:hover {
    background-color: #e1e1e1
}

.calendar .calbtn:active {
    border: 1px solid gray;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #e1e1e1
}

.calendar .calprice {
    font-size: 150%;
    display: inline-block;
    float: right;
    text-align: right;
    margin-right: 2.3em;
    /*margin-right: 1.5em;*/
    font-weight: bold
}

.calendar .calboxvypocet {
    display: inline-block;
    /*width: 33%;*/
    overflow: hidden;
    float: left;
    margin: 0 0 .8em 0;
}

/*.calboxvypocet .block {
    display: block;
    width: 100%;
    padding: 5px 8px 2px ;
    margin: 0 0 0em 1.7em;
}
*/

.calboxvypocet .block {
    display: block;
    width: 100%;
    /*padding: 5px 8px 2px ;*/
    padding: 5px 8px 2px ;
    margin: 0 0 0em 1em;
}

.calboxvypocet .block a {
    text-decoration: underline;
    text-decoration-color: #005dff;
}


.calboxvypocet .title {
    position: relative;
    bottom: .8em;
    display: inline-block;
    font-size: 100%;
    text-align:center;
}

.calboxvypocet .pole {
    /*font-size: 150%;*/
    display: inline-block;
    margin: .5em .5em 0em .5em;
    border: 1px solid orange;
    border-radius: .5em;
    /*margin: 0 0 1em 1.7em;*/
    padding: 5px 8px 2px 0;
    /*width: 72%;*/
}

.calboxvypocet .price {
    font-size: 150%;
    float: right;
    text-align: right;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-weight: bold;
}

.calboxvypocet .poptavkabutton button {
    display:none;
    font-size: 100%;
    line-height: 2.1em;
    float: right;
    text-align: right;

    margin: .9em .5em 0em .5em;
//    border: 1px solid orange;
    border-radius: .5em;
    border-color: orange;
    border-style: solid;
    font-weight: bold;
}

@media only screen and (max-width :980px) {

    .banner-inner {
        height: 30em;
    }


    .banner-minibus {
        background-image:none;
    }

    .banner-fabia {
        background-image:none;
    }

    .banner-custom {
        background-image:none;
    }

    .calendar {
        margin: .5em 0 .5em 0
    }

    .calendar .calendar-inner h1 {
        font-size: 125%;
        color: #ee7600;
        text-shadow: 1px 1px 0 gray;
        margin: .5em .3em .5em .5em;
        padding: 0;
        font-weight: bold
    }

    .calendar .calendar-inner select {
        font-size: 125%;
        margin: 0 0 .5em 1em;
        width: 90%
    }

    .calendar .calbox1 {
        width: auto;
        float: none
    }

    .calendar .calbox2 {
        margin: 0 auto;
        width: auto;
        float: none;
        text-align: center
    }

    .calendar .callabel {
        clear: both;
        margin-left: 1em
    }

    .calendar .calbtn {
        clear: right;
        margin-bottom: .3em
    }

    .calendar .calbox3 {
        width: auto;
        float: none;
        text-align: center
    }

    .calendar .caldayscount {
        display: block;
        padding-left: 5em;
        clear: both
    }

    .calendar .calprice {
        display: block;
        float: none;
        text-align: left;
        padding: 0 0 .5em 4.1em;
        margin: 0;
        clear: both
    }

    .calendar .calboxvypocet {
            width: auto;
            float: right;
    }

    .calboxvypocet .block {
        display: block;
        width: 90%;
        /*padding: 5px 8px 2px ;*/
        margin: 0 0 0em 1em;
    }

    .calboxvypocet .pole {
                    width: auto;
    }
}

.page {
    padding: 0 0 0.5em 0
}

.footer-inner {
    margin: 1px 0 1em 0;
    /*margin: auto;*/
    padding: 0;
    width: 100%;
    height:100%;
    overflow: hidden
}

.footer .fbox {
    background: rgba(255,255,255,.9);
    display: inline-block;
    width: 21.5em;
    margin: 0 .5em 0.3em 0;
    height:100%;

    /*    width: 21em;
    margin: 0 1.5em 0 0;
*/
    border: 1px solid orange;
    border-radius: .5em;
    /*float:none;*/
    float: left;
}

.footer .flast {
    margin: 0
}

.fbox-inner {
    padding: 1em 1.5em 1em 1.5em
}

.fbox-inner b {
    display: inline-block;
    width: 4em
}

.fbox-inner i {
    display: inline-block;
    font-style: normal;
    width: 1em;
    padding-left: .2em
}

.fbox-inner .flink {
    text-decoration: none
}

.fbox-inner .flink:hover {
    text-decoration: underline
}

.footer .fbox h3 {
    font-size: 125%;
    line-height: 175%
}

.footer .fbox p {
    font-size: 100%;
    line-height: 150%
}

.bottomline {
    color: black;
    background: #dbc7bf;
    padding: .5em 0 .5em 0
}

.bottomline .blle {
    width: 17em;
    float: left
}

.bottomline .blri {
    padding: 0 0 0 17em;
    text-align: right
}

.bottomline a {
    color: black;
    text-decoration: none
}

.bottomline a:hover {
    text-decoration: underline
}

.bottomline .blri a {
    margin: 0 0 0 2em
}

.pagecnt {
    font-size: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    /*overflow: hidden*/
}

.pagecnt-left {
    /*position: -webkit-sticky;*/
    position: sticky;
    top: 0;
    float: left;
    width: 22em
}

.pagecnt-right {
    padding: 0 0 0 22em;
    /*float: left;*/
    align-content: center;
}

.pagecnt-rbox2 {
    font-size: 100%;
    margin: 0;
    padding-top: 1em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    background: rgba(255,255,255,1);
    overflow: hidden;
    border: 1px solid orange;
    border-radius: .5em;
    display: none;
}

.pagecnt-rbox {
    font-size: 100%;
    margin-bottom: 5px;
    padding: 1em 1em 1em 1em;
    background: rgba(255,255,255,1);
    /*
    overflow: hidden;
    */
    border: 1px solid orange;
    border-radius: .5em;
}

.pagecnt-lbox {
    font-size: 100%;
    margin: 0 0.6em 0 0;
    /*margin: 0 0.6em 1.5em 0;*/
    padding: 0;
    background: rgba(255,255,255,.5);
    overflow: hidden;
    border: 1px solid orange;
    border-radius: .5em;

}

.pagecnt-lbox h2 {
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.7)
}

.pagecnt-lbox p {
    font-size: 0
}

.pagecnt-lbox img {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    font-size: 0;
}

.pagecnt-lbox2 {
    font-size: 100%;
    margin: 0 1.5em 1.5em 0;
    padding: 0 0 .5em 0;
    background: rgba(255,255,255,.5);
    overflow: hidden
}

.pagecnt-lbox2 h2 {
    margin: .5em 0 .5em .7em;
    padding: 0;
    color: white;
    font-weight: normal;
    font-size: 150%
}

.pagecnt-lbox2 a {
    display: block;
    text-align: center;
    margin: 0 0 1em 0
}

.pagecnt-lbox2 img {
    max-width: 80%;
    min-width: 80%;
    width: 80%;
    font-size: 0;
    border: 0
}

@media only screen and (max-width :770px) {
    .banner-box {
        padding: 1em 0.8em 2em 0.8em;
    }

    .pagecnt-left {
        float: none;
        width: auto;
        display: none
    }

    .pagecnt-right {
        padding: 0
    }
}

.pagecnt h1 {
    font-size: 250%
}

.pagecnt-rbox h1 {
    font-size: 180%;
    /*margin: 0 0 .3em 0;*/
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    cursor: default;
    /*padding: 0;*/
    line-height: normal;
    color: #ee7600;
    text-shadow: 1px 1px 0 gray
}

.pagecnt h2 {
    font-size: 190%
}

.tabItems {
    width: 34.3em;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.tabItems tr,.tabItems td,.tabItems th {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap
}

.tabItems td,.tabItems th {
    width: 5em;
    padding: .3em .3em .3em .3em;
    border-bottom: 1px solid #ebebeb
}

.tabItems .tilesPopis {
    width: auto !important;
    max-width: 30.8em;
    text-overflow: ellipsis;
    padding-left: .5em
}

.tabItems .tilesCastka {
    width: 6em !important;
    text-align: right;
    padding-right: 1.5em
}

.tabItems th {
    background: #f5f5f5;
    white-space: nowrap
}

.tabItems tr:hover {
    background: #f5f5f5
}

.editItems {
    text-align: right;
    padding: .2em 0 0 0
}

.editItems a {
    color: #0000c8
}

.editItems a:hover {
    color: #c80000
}

.editItems span {
    float: left;
    color: #000;
    padding-right: 2em
}

.tabItems .clickicon {
    width: 1em !important;
    cursor: pointer
}

.tabItems .clickicon:hover {
    background: #dcdcdc
}

.tabItems .clickicon img {
    height: .9em;
    vertical-align: middle;
    float: left;
    margin: 0;
    padding: 0
}

.tabItems .noclickicon {
    width: 1em !important;
    cursor: default
}

.tabItems .noclickicon:hover {
    background: transparent
}

.tabItems img {
    height: 1.3em;
    vertical-align: middle;
    margin: 0 .4em 0 0;
    padding: 0
}


.content h1 {
    font-size: 250%;
    margin: 0 0 .3em 0;
    /*padding: 0;*/
    line-height: normal;
    color: #ee7600;
    text-shadow: 1px 1px 0 gray
}


.content h2 {
    font-size: 175%;
    margin: 0 0 .3em 0;
    padding: 0;
    line-height: 175%
}
/*style="font-size: 14px; line-height: 21px; background-color: rgba(255, 255, 255, 0.901961);*/
.content h3 {
    font-size: 150%;
    margin: 0 0 .3em 0;
    padding: 0;
    line-height: 175%
}

.gal21 {
    display: flex;
    /*margin: auto;*/
    /*display: inline-block;*/
    flex-direction: row;
    /*flex-direction: row-reverse;*/
}

.gal21 div {
    font-size: unset;
    line-height: unset;
    width: unset;
}

.gal21 a {
    padding:0;
}

.gal21 img {
    /*max-width: 100%;*/
    /*border: 1px solid silver;*/
    /*margin: 3px;*/
    /*padding: 1px;*/
    /*width:40px;*/
    /*margin:0;*/
    /*padding:0;*/
}

.ContentCar {
    padding-bottom : 4em;
}

.ContentCarLast {
    padding-bottom : 1em;
}

.gal21Detail {
    /*display:inline;*/
    min-width:75%;
}

.gal21Detail div {
    position: relative;
    font-size: unset;
    line-height: unset;
}

.gal21Detail a {
    position: relative;
    font-size: unset;
    line-height: unset;
}

.gal21Detail img {
    position: relative;
    border: 1px solid silver;
    border-radius: 5px;
    min-width:100%;
    z-index: 14;
}

.gal21Detail img:hover {
    border: 1px solid black;
    border-radius: 10px;
    transition: transform .5s;
    transform: scale(1.2);
    color: white;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.gal21PreviewColumn {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 13;
    display: flex;
    flex-direction: column;
}

.gal21PreviewColumn img {
    position: relative;
    border: 1px solid silver;
    border-radius: 5px;
}

.galleryOneAlbum {

}

.galleryOneAlbum div {
    font-size: unset;
    line-height: normal;
}

.galleryOneAlbumDetail {
    position: relative;
    display: inline-block;
    margin: auto;
    z-index: 1;
    align-content: center;
}

.galleryOneAlbumPreview {
    position: relative;
    display: inline-block;
    top: 1px;
    left: 1px;
    margin-top: 0px;
}

.galleryOneAlbumPreviewFlex {
    display:flex;
    flex-wrap:wrap;
    /*margin-top: 1px;*/
    /*align-items: center;*/
    flex-direction: column;
    flex-flow: wrap;
    padding-right: 1em;
    margin-right: 1em;
}

.galleryOneAlbumPreviewFlexItem {
    flex: auto;
}

/*style="font-size: 14px; line-height: 21px; background-color: rgba(255, 255, 255, 0.901961);"*/

.orange h2 {
    font-size: 120%;
    color: #ee7600;
    text-shadow: 1px 1px 0 red;
    margin: 0;
    padding: 0;
    font-weight: bold
}

.orange h3 {
    font-size: 110%;
    color: #ee7600;
    text-shadow: 1px 1px 0 red;
    margin: 0;
    padding: 0;
    font-weight: bold
}

.orange h4 {
    font-size: 95%;
    color: #ee7600;
    text-shadow: 1px 1px 0 red;
    margin: 0;
    padding: 0;
    font-weight: bold
}
.orangeblack {

}
.orangeblack h4 {
    font-size: 110%;
    color: #ee7600;
    text-shadow: 1px 1px 0 black;
    margin: 0;
    padding: 0;
    font-weight: bold
}



.cenik {
    font-size: 100%;
    margin: 0 0 1.5em 0
}

.pricelist {
    font-size: 100%;
    margin: 0 0 .5em 0;
    width: 100%;
    overflow: hidden
}

.pricebox {
    float: left
}

.pricebox p {
    height: 2em;
    line-height: 2em;
    padding-left: .5em;
    padding-right: .5em;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    min-width: 5em
}

.contact-form {
    display: none;
    padding: 0;
    margin: 0;
    border: 0
}

.contact-form table {
    width: 100%;
    font-size: 125%;
    line-height: 175%;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.contact-form table td,.contact-form table th,.contact-form table tr {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top
}

.contact-form table th {
    padding-top: .2em;
    padding-bottom: .5em;
    padding-left: .5em;
    font-weight: normal;
    /*width: 90%;*/
    /*width: 8em;*/
    font-size: 90%
}

.contact-form table input {
    /*width: 25em;*/
    font-size: 95%;
    width: 29em;
    padding: 5px;
    border: 1px solid orange;
    border-radius: .5em;
}

.contact-form table input[type=submit] {
    font-size: 95%;
    width: auto;
    color: white;
    background: #ff6a00;
    border: 1px solid orange;
    border-radius: .5em;
    padding: 1em 2em 1em 2em;
    font-weight: bold;
    float:left;
}

.contact-form table textarea {
    margin-top: .3em;
    font-size: 95%;
    width: 29em;
    height: 9em;
    padding: 5px;
    border: 1px solid orange;
    border-radius: .5em;

}

.bez-limitu {
    margin: 0 0 .5em 0;
    padding: 1rem 1rem 1rem 1rem;
    background: maroon;
    background: linear-gradient(#bf0000,orange);
    overflow: hidden;
    border: 1px solid orange;
    border-radius: .5em;

}

.bez-limitu div {
    cursor: default;
    font-size: 200%;
    color: white;
    font-weight: bold;
    text-align: center
}


.informace-upoutavka {
    padding: 0.1em 1em 1.3em 1.5em;
    margin-bottom: 5px;
    /*
    margin: 0 0 .3em 0;
    padding: 0.2em 1.1em 1.8em 1.5em;
    */
    background: maroon;
    background: linear-gradient(#1CB5E0,#000046);
/*    overflow: auto; */
    border: 2px solid orange;
    border-radius: 10px;
    /*display:block;*/
    /*float: left;*/
}

.informace-upoutavka h2 {
   font-size: 1.8em;
   color: maroon;
}

.informace-upoutavka h2 a {
   font-size: 1em;
   color: maroon;
}


.informace-upoutavka img {
  width: 6rem;
  height: 6rem;
  float: left;
  margin: 0 3rem .1rem 0.1rem;
  }

.informace-upoutavka p {
    cursor: default;
    font-size: 1.5em;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-word;
}


.desinfekce {
    margin: 0 0 .2em 0;
    padding: .5em 1.5em 1.3em 1.5em;
    /*background: maroon;*/
    background: -moz-linear-gradient(white,yellow);
    background: -o-linear-gradient(white,yellow);
    background: -webkit-linear-gradient(white,yellow);
    background: linear-gradient(white,yellow);

    border: 2px solid orange;
    border-radius: 25px;
}

.desinfekce img {
  width: 6rem;
  height: 6rem;
  float: left;
  /*margin: 0 2rem 1rem 0;*/
  }

.desinfekce .circle {
  shape-outside: circle(50%);
}


.desinfekce h2 {
   font-size: 1.8em;
   color: maroon;
}

.desinfekce p {
    cursor: default;
    font-size: 1.5em;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-word;
}

.desinfekce-img {

  height: 100px;
  width: 100px;
  background-image: url("biosafety-biosecurity.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.akce {
    margin: 0 0 .5em 0;
    padding: 1em 1.5em 1.3em 1.5em;
    background: maroon;
    background: linear-gradient(white,yellow);
    overflow: hidden;
    border: 3px solid orange;
    border-radius: 15px;

}

.akce div {
    cursor: default;
    font-size: 175%;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: bold;
    text-align: center
}

.desinfekce {
    margin: 0 0 .2em 0;
    padding: .5em 1.5em 1.3em 1.5em;
    background: maroon;
    background: linear-gradient(white,yellow);
    border: 2px solid orange;
    border-radius: 25px;
}

.upoutavka_autochladnicky {
    /*margin: auto;*/
    /*margin: 0 0 .5em 0;*/
    padding: 0.1em 1em 1.3em 1.5em;
    /**/    background: maroon;
    background: -moz-linear-gradient(#EDD4B2,#D0A98F);
    background: -o-linear-gradient(#EDD4B2,#D0A98F);
    background: -webkit-linear-gradient(#EDD4B2,#D0A98F);
    background: linear-gradient(#EDD4B2,#D0A98F);
    /*overflow: auto;*/
    margin-bottom: 5px;
    border-radius: 10px;
    border: 2px solid orange;
}

.upoutavka_autochladnicky h2 {
    text-align: center;
    cursor: default;
    font-size: 170%;
    color: #4D243D;
    text-shadow: 1px 1px white;
    font-weight: bold;
}

.upoutavka_autochladnicky p {
    /*width: auto;*/
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    cursor: default;
    font-size: 170%;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: normal;
    text-align: left;
}

.upoutavka_autochladnicky span {
    display: inline-block;
    width: 6.8em;
    font-weight: bold;
}
.upoutavka_autochladnicky .obrazek {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: white;
    width: 99%;
    border-radius: 10px;
    border: 2px;
}

.upoutavka_autochladnicky img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    /*
    border-radius: 10px;
    border: 2px;
    */
}



.upoutavka_zeme {
    /*margin: auto;*/
    /*margin: 0 0 .5em 0;*/
    padding: 0.1em 1em 1.3em 1.5em;
    /**/    background: maroon;
    background: -moz-linear-gradient(#EDD4B2,#D0A98F);
    background: -o-linear-gradient(#EDD4B2,#D0A98F);
    background: -webkit-linear-gradient(#EDD4B2,#D0A98F);
    background: linear-gradient(#EDD4B2,#D0A98F);
    /*overflow: auto;*/
    margin-bottom: 5px;
    border-radius: 10px;
    border: 2px solid orange;
}

.upoutavka_zeme h2 {
    text-align: center;
    cursor: default;
    font-size: 170%;
    color: #4D243D;
    text-shadow: 1px 1px white;
    font-weight: bold;
}

.upoutavka_zeme p {
    /*width: auto;*/
    margin-bottom: 1rem;
    margin-left: 2rem;
    cursor: default;
    font-size: 120%;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: normal;
    text-align: left;
}

.upoutavka_zeme span {
    display: inline-block;
    width: 6.8em;
    font-weight: bold;
}

.upoutavka_zeme img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border-radius: 10px;
    border: 2px;
}



.nosice-upoutavka {
    /*margin: auto;*/
    /*margin: 0 0 .5em 0;*/
    padding: 0.2em 1.5em 1.3em 1.5em;
/**/    background: maroon;
    background: -moz-linear-gradient(white,yellow);
    background: -o-linear-gradient(white,yellow);
    background: -webkit-linear-gradient(white,yellow);
    background: linear-gradient(white,yellow);
    /*overflow: auto;*/
    margin-bottom: 5px;
    border-radius: 10px;
    border: 2px solid orange;
}

.nosice-upoutavka h2 {
    cursor: default;
    font-size: 170%;
    color: blue;
    text-shadow: 1px 1px white;
    font-weight: bold;
    text-align: center;
    /*margin: 0;*/
    /*padding: 0*/
}

.nosice-upoutavka p {
    /*width: auto;*/
    /*padding: 0.1em 1em 1.3em 1.5em;*/
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    cursor: default;
    font-size: 170%;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: normal;
    text-align: left

}

/*
.nosice-upoutavka span {
    display: inline-block;
    width: 6.8em;
    font-weight: bold
}
*/

.nosice-upoutavka img {
    padding-top: .5em;
    width: 100%;
    border-radius: 10px;
    border: 2px;

}


.volne-terminy {
    /*margin: auto;*/
    /*margin: 0 0 .5em 0;*/
    padding: 0.2em 1.5em 1.3em 1.5em;
    /**/    background: maroon;
    background: -moz-linear-gradient(white,yellow);
    background: -o-linear-gradient(white,yellow);
    background: -webkit-linear-gradient(white,yellow);
    background: linear-gradient(white,yellow);
    /*overflow: auto;*/
    margin-bottom: 5px;
    border-radius: 10px;
    border: 2px solid orange;
}

.volne-terminy h2 {
    cursor: default;
    font-size: 200%;
    color: blue;
    text-shadow: 1px 1px white;
    font-weight: bold;
    text-align: left;
    /*margin: 0;*/
    /*padding: 0*/
}

.volne-terminy p {
    /*width: auto;*/
    cursor: default;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 170%;
    color: black;
    text-shadow: 1px 1px white;
    font-weight: normal;
    text-align: left
}

.volne-terminy span {
    display: inline-block;
    width: 6.8em;
    font-weight: bold
}

.volne-terminy img {
    padding-top: .5em;
    width: 100%
}



.vozovy-park {
    display: block;
    margin: .2em 0 0 0;
    padding: .5em 0 .5em 0;
    background: maroon;
    background: linear-gradient(orange,#bf0000);
    overflow: hidden;
    text-decoration: none
}

.vozovy-park:hover {
    text-decoration: none;
    background: linear-gradient(#bf0000,orange)
}

.vozovy-park div {
    cursor: pointer;
    font-size: 200%;
    color: white;
    font-weight: bold;
    text-align: center
}

@media only screen and (max-width :960px) {

    .footer .fbox {
        /*width: 19.5em;*/
        width: 30em;
    }

    .contact-form table input, .contact-form table textarea {
        width: 22em;
    }

    .vozovy-park div {
        cursor: pointer;
        font-size: 100%
    }
}

@media only screen and (max-width :760px) {


    .contact-form table input, .contact-form table textarea {
        width: 16em;
    }


    .footer .fbox {
        /*width: 17.5em;*/
        width: 99%;
    }

    .bottomline .blle {
        width: auto;
        float: none;
        text-align: center
    }

    .bottomline .blri {
        padding: 0;
        text-align: center
    }

    .bottomline .blle a {
        display: block;
        margin: 0;
        line-height: 200%
    }

    .bottomline .blri a {
        display: block;
        margin: 0;
        line-height: 200%
    }
}

@media only screen and (max-width :520px) {
    .contact-form table input, .contact-form table textarea {
        width: 16em;
    }

    .vozovy-park div {
        cursor: pointer;
        font-size: 100%
    }
}

@media only screen and (max-width :410px) {
    .contact-form table input, .contact-form table textarea {
        width: 12em;
    }

}

@media only screen and (max-width :375px) {
    .contact-form table input, .contact-form table textarea {
        width: 10em;
    }

    .gal21 {
        display: flex;
        flex-direction: column;
    }

    .gal21PreviewColumn {
        display: flex;
        flex-direction: row;
    }

    .gal21Detail img:hover {
        transition: none;
        transform: none;
    }


    /*
    .gal21Detail img {
        width: 100%;
    }
    */
}

.odobig {
    cursor: pointer;
    background: no-repeat center;
    background-size: cover;
    display: inline-block
}

.odobig img {
    max-width: 220px
}

.odosmall {
    cursor: pointer;
    background-color: silver;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 70px;
    height: 70px;
    display: inline-block
}

.odotab {
    width: 100%;
    font-size: 125%;
    line-height: 175%;
    margin: 0;
    padding: 0;
    /*border: 1px solid orange;*/
    /*border-radius: .5em;    */
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.floating-menu {
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    background: rgba(55,155,255,.8);
    left: 0;
    top: 0;
    margin: 1em;
    text-align: center;
    width: 4em;
    height: 4em;
    line-height: 4em;
    border-radius: .5em;
    margin-left: -webkit-calc(100% - 5em);
    margin-left: -moz-calc(100% - 5em);
    margin-left: calc(100% - 5em);
    margin-top: -webkit-calc(100vh - 8em);
    margin-top: -moz-calc(100vh - 8em);
    margin-top: calc(100vh - 8em)
}

.floating-menu span {
    color: white;
    font-size: 100%;
    font-weight: bold
}



/* scrollup */

.scrollup{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    opacity: .3;
    position: fixed;
    bottom: 20px;
    right: 25px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    z-index: 1000;
    transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;
}

.scrollup:hover {
    background: #ee997b;
    opacity: 1;
}

.scrollup i {
    font-size: 13px;
    position: absolute;
    opacity: 1;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -6px;
    text-decoration: none;
}

 @font-face {
   font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal
}

.fa {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.fa-chevron-up:before {
   content: "\f077"
}


/*
.gal21 {
    !*margin: auto;*!
    display: inline-block;
}

.gal21 div {
    font-size: unset;
    line-height: unset;
    width: unset;
}

.gal21 a {
    padding:0;
}

.gal21 img {
    max-width: 100%;
    border: 1px solid silver;
    margin: 3px;
    padding: 1px;
    width:40px;
    margin:0;
    padding:0;
}

.ContentCar {
    padding-bottom : 4em;
}

.ContentCarLast {
    padding-bottom : 1em;
}

.gal21Detail {
    display:inline;
    min-width:75%;
}

.gal21Detail div {
    position: relative;
    font-size: unset;
    line-height: unset;
}

.gal21Detail a {
    position: relative;
    font-size: unset;
    line-height: unset;
    margin:5px;
}

.gal21Detail img {
    position: relative;
    border: 1px solid silver;
    border-radius: 5px;
    width:80%;
    z-index: 14;
}

.gal21Detail img:hover {
    border: 1px solid black;
    border-radius: 10px;
    transition: transform .5s;
    transform: scale(1.2);
    !*transform: translateX(3em) scale(1.3);*!
    color: white;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    background-size: 100% auto;
    background-position: center middle;
    background-repeat: no-repeat;
}

.gal21PreviewColumn {
    position: relative;
    top:1px;
    alignment: top;
    margin-top: 1px;
    margin-left: 5px;
    margin-right: 5px;
    display:inline-block;
    z-index: 13;
}

.gal21PreviewColumn img {
    position: relative;
    border: 1px solid silver;
    border-radius: 5px;
}
*/