/* obecné */

body {
    padding-top: 50px;
}

h1 {
    margin-top: .7em;
    margin-bottom: .7em;
}

h2 {
    font-size: 1.6em;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.nav-tabs {
    font-size: 1.8rem;
    margin-bottom: 3rem;
}

.nav-tabs.second-level {
    font-size: 1.5rem;
}

#loader {
    background: url(../Images/loader.gif) no-repeat center center;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10000;
}

#noticeUnderConstruction {
    margin-top: .5em;
}

/* konec obecných */

/* horní menu */

.navbar-inverse .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.navbar-fixed-top {
    border: 0; /* hide default border to remove 1px line. */
}

/* konec horního menu */

/* levé a horní menu pro mobily */
/* hide for mobile, show later */

.sidebar {
    display: none;
}

.navbar-fixed-bottom .navbar-collapse, 
.navbar-fixed-top .navbar-collapse {
    max-height: 450px;
}

/* konec levého a horního menu pro mobily */

/* levé menu */

#btnShowHide {
    
}

#btnShowHide + .nav-sidebar {
    margin-top: 50px;
}

.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
/*
.nav-sidebar > li > a {
    padding: 20px;
}
*/
.nav-sidebar > li > a > .glyphicon {
    margin-right: 5px;
}

ul.nav-sidebar li a, 
ul.nav-sidebar li a:hover, 
ul.nav-sidebar li a:focus {
    font-size: 1.5rem;
    font-weight: 700;
}

.new-items-indicator {
    color: #fff;
    background-color: #065C06;
    font-size: .8em;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
    border-radius: 5px;
    float: right;
}

/* konec levého menu */

/* druhá úroveň levého menu */

.no-transition {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s;
}

ul.nav-sidebar li .collapse.in {
    font-weight: 300;
    letter-spacing: 1px;
}

ul.nav-sidebar li div.collapse a,
ul.nav-sidebar li div.collapsing a {
    text-transform: none;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

ul.nav-sidebar li div.collapse a.active,
ul.nav-sidebar li div.collapsing a.active,
ul.nav-sidebar li div.collapse a.active:hover,
ul.nav-sidebar li div.collapse a.active:focus {
    color: #fff;
    background-color: #EB8C00;
}

ul.nav-sidebar li div.collapse a .glyphicon,
ul.nav-sidebar li div.collapsing a .glyphicon,
ul.nav-sidebar li div.collapse a .fa,
ul.nav-sidebar li div.collapsing a .fa {
    margin-right: 5px;
}

ul.nav-sidebar li div.collapse.sub-menu a,
ul.nav-sidebar li div.collapsing.sub-menu a {
    padding-left: 50px;
}

ul.nav-sidebar li div.collapse a:last-of-type,
ul.nav-sidebar li div.collapse a:hover:last-of-type,
ul.nav-sidebar li div.collapse a:focus:last-of-type {
    border-bottom: 0;
}

/* konec druhé úrovně levého menu */

/* základ pro seznamy a detail */

.top-filters > div {
    margin-bottom: 1em;
}

.table > thead > tr > th.dropdown,
.table > thead > tr > th.dropup {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sub-header {
    padding-bottom: 10px;
}

.other-body {
    padding: 1.5em;
    margin-bottom: 2rem;
    border-radius: 5px;
}

.dashboard .table > tbody > tr > td {
    vertical-align: middle;
}

.dashboard h1, 
.dashboard h2, 
.dashboard h3 {
    font-weight: 200;
    letter-spacing: 2px;
}

.dashboard h1 {
    font-size: 3em;
    text-align: center;
}

.dashboard .row h2 {
    font-size: 2em;
    padding-bottom: 20px;
}

.dashboard h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.dashboard h3.small {
    font-size: 0.9em;
}

.dashboard h3.panel-title {
    margin-bottom: 0px;
    font-weight: 500;
}

span.label + br + span {
    font-size: .75em;
}

.table-responsive {
    overflow: visible;
}

.panel-default > .panel-heading {
    padding: 14px 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

.itemListExpandable {
    margin-top: .5em;
}

.panel-body .input-group {
    margin-bottom: 1em;
}

/* konec základ pro seznamy a detail */

/* height, width, float... */

.bold-text {
    font-weight: bold;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.nowrap {
    white-space: nowrap;
}

.word-break {
    word-break: break-all; /* zalamování hypertextových odkazů */
}

.shorten-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.clear-both {
    clear: both;
}

.hide {
    display: none;
}

.w100 {
    width: 100px;
}

.w100pct {
    width: 100%;
}

.w30pct {
    width: 30%;
}

.margin-top-15px {
    margin-top: 15px;
}

.margin-top-24px {
    margin-top: 24px;
}

.margin-top-2em {
    margin-top: 2em;
}

.margin-top-1em {
    margin-top: 1em;
}

.margin-right-1em {
    margin-right: 1em;
}

.margin-bottom-1em {
    margin-bottom: 1em;
}

.margin-bottom-2em {
    margin-bottom: 2em;
}

.margin-left-5px {
    margin-left: 5px;
}

.margin-left-1em {
    margin-left: 1em;
}

.padding-bottom-1em {
    padding-bottom: 1em;
}

/* konec height, width, float... */

/* dropdowns, buttons, input, search, textarea */

.text-center > button, 
.text-center > a button {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.dropdown > button {
    width: 100%;
    min-width: 142px;
}

.dropdown > button span.caret {
    margin: 7px 3px;
    position: absolute;
    right: 5px;
}

.dropdown > button span.title {
    float: left;
}

.input-group.form-dropdown button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

ul.typeahead.dropdown-menu {
    width: 100%;
}

ul.typeahead.dropdown-menu li a::after {
    float: right;
    font-style: italic;
    padding-right: 8px;
}

button.float-right {
    float: right;
    margin: 0px 0px 0px 10px;
}

button.remove, button.btn-pager {
    float: right;
    margin: 1em 0;
}

.dashboard .btn {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

a.expandButton:hover,
a.expandButton:focus {
    text-decoration: none;
}

.btn.expandButton.more {
    background-image: url(../Images/icon_show_more.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    float: left;
}

.btn.expandButton.less {
    background-image: url(../Images/icon_show_less.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    float: left;
}

.btn.expandButton.more + div,
.btn.expandButton.less + div {
    float: left;
}

td .in {
    background-image: url(../images/in.png);
    width: 16px;
    height: 16px;
}

td .out {
    background-image: url(../images/out.png);
    width: 16px;
    height: 16px;
}

.dashboard p > a.btn {
    margin-top: 20px;
}

.input-group[class*=col-] {
    float: left;
}

p.type-select + div.toggle.btn.btn-primary, 
p.type-select + div.toggle.btn.btn-default.off,
div#allTexts div.toggle.btn.btn-primary, 
div#allTexts div.toggle.btn.btn-default.off {
    width: 260px;
    float: right;
    margin-bottom: 1em;
}

p.type-select + script + div.toggle.btn.btn-primary, 
p.type-select + script + div.toggle.btn.btn-default.off {
    width: 159px !important;
    float: right;
}

div.input-append > a.btn.btn-primary {
    margin-top: 7px;
    float: left; 
    clear: both;
}

button.new-user,
button.new-record {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.input-group-btn.with-help button {
    height: 250px;
}

.input-group-btn.with-help + textarea {
    height: 250px;
}

textarea {
    width: 100%;
    height: 150px;
    border-radius: 5px;
    padding: 5px;
}

div.bootstrap-filestyle {
    width: 100%;
}

table tr td.book-toggle > div {
    width: 70px !important;
}

table.action td {
    padding: 0 5px;
}

table.action td.address {
    overflow: hidden;
}

table.action tr > td.time-of-action,
table.action tr > td.state-of-action {
    text-align: right;
}

tr.text-bold td {
    font-weight: bold;
}

.textareaContainer {
    margin-bottom: 1em;
}

.data-time-definition .first {
    width: 300px;
    padding-right: 1em;
}

.data-time-definition .second {
    padding-right: 1em;
}

.data-time-definition .second .dropdown > button {
    min-width: 50px;
    margin-bottom: 1em;
}

.data-time-definition .third input {
    min-width: 100px;
    margin-bottom: 1em;
}

/* konec dropdowns, buttons, input, search, textarea */

/* Funky Radio/Checkbox Buttons V2.0 by momodinium */

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
}

/*  konec Funky Radio/Checkbox Buttons V2.0 by momodinium  */

/* validace */

div.row .controlError {
    margin-bottom: 0 !important;
}

div.validator {
    margin-bottom: 1em;
}

div.validator div {
    padding-top: 3px;
    padding-left: 3px;
}

div.mail-container {
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 1em 2.5% 0 2.5%;
}

tr.attachment a {
    vertical-align: middle;
}

tr.attachment a.remove {
    font-weight: bold;
    padding: 2px 8px;
    margin-left: 5px;
    border-radius: 4px;
}

tr.add-attachment td:last-child {
    padding-left: 0;
}

tr.add-attachment table, 
tr.add-attachment table td:first-child {
    width: 100%;
}

tr.add-attachment input {
    font-weight: normal;
}

div#checkedContacts {
    float: right;
    padding-top: 1em;
    text-transform: uppercase;
}

div#checkedContacts span {
    font-weight: bold;
}

#ruleDetail div#checkedContacts {
    float: inherit;
    padding-top: 0;
    padding-bottom: 1em;
}

.panel-body.filtering-map {
    padding: 0px;
}

/* konec validace */

/* dialogová okna */

.dialogUserData {
    margin: 1em 0em 2em 1em;
    width: 85%;
}

.dialogUserData td input {
    margin: .2em 0em .2em 1em;
}

.mainDialog #execute .table-responsive .input-group {
    margin: 1em 0 1em 0 !important;
}

.mainDialog #execute .table-responsive .btn {
    margin-left: 5px;
}

.panel-default.summary > .panel-heading {
     padding: 10px 15px;
}

.panel-default.summary > .panel-heading table.summary-table {
    width: 100%;
}

.panel-default.summary > .panel-heading  td.summary-step {
    width: 55%;
}

.panel-default.summary > .panel-heading td.icon-container {
    width: 20%;
    min-width: 85px;
}

.panel-default.summary > .panel-heading td.number-of-users {
    width: 25%;
    min-width: 105px;
    padding-left: 1em;
}

.summary .panel-body .float-left:first-of-type {
     margin-right: 3em;
 }

.modal-body #settings h1 {
    font-size: 2.2em;
    margin-top: 0;
    margin-bottom: .5em;
    text-align: center;
}

.modal-body #settings .input-group {
    margin-bottom: 1em;
}

.modal-body #settings .funkyradio label {
    margin-bottom: 0;
}

/* konec dialogových oken */

/* date time picker */

div.ui-datepicker {
    z-index: 1090 !important;
}

div.ui-datepicker a.ui-slider-handle {
    width: 1.2em;
}

/* konec date time picker */

/* login */

#login .row > input#captcha {
    width: 210px;
    display: initial;
    height: 35px;
}

#login img#captchaImg {
    height: 36px;
}

#login .input-group  {
    margin-bottom: 1em;
}

/* konec login */

/* stromová struktura */

#showCategories th {
    padding-left: 0;
}

.first-level td {
    height: 50px;
}

.first-level > td > div {
    font-size: 1.2em;
    font-weight: bold;
}

.second-level > td > button + div,
#showCategories .second-level > td > div,
#changeCategory .second-level > td > div {
    font-size: 1.1em;
    font-weight: bold;
}

.second-level > td > div.list-of-documents {
    font-weight: normal;
}

.second-level > td:first-child {
    height: 50px;
    background-image: url(../Images/pozadi_2_uroven.png);
    background-position: left top;
    background-size: 41px 50px;
    background-repeat: no-repeat;
}

.second-level > td:first-child > button, .second-level > td:first-child > div {
    position: relative;
    left: 2em;
}

.second-level .list-of-documents {
    width: calc(100% - 26px);
    width: -moz-calc(100% - 26px);
    width: -webkit-calc(100% - 26px);
    width: -o-calc(100% - 26px);
}

.third-level > td > button + div,
#showCategories .third-level > td > div,
#changeCategory .third-level > td > div {
    font-size: 1.1em;
    font-weight: bold;
}

.third-level > td:first-child {
    height: 50px;
    background-image: url(../images/pozadi_3_uroven.png);
    background-position: left top;
    background-size: 67px 50px;
    background-repeat: no-repeat;
}

.third-level > td:first-child > button, .third-level > td:first-child > div {
    position: relative;
    left: 4em;
}

.third-level .list-of-documents {
    width: calc(100% - 54px);
    width: -moz-calc(100% - 54px);
    width: -webkit-calc(100% - 54px);
    width: -o-calc(100% - 54px);
}

.fourth-level > td:first-child {
    height: 50px;
    background-image: url(../images/pozadi_3_uroven.png);
    background-position: left top;
    background-size: 112px 50px;
    background-repeat: no-repeat;
}

.fourth-level > td:first-child > button, .fourth-level > td:first-child > div {
    position: relative;
    left: 6.1em;
}

.fourth-level .list-of-documents {
    width: calc(100% - 84px);
    width: -moz-calc(100% - 84px);
    width: -webkit-calc(100% - 84px);
    width: -o-calc(100% - 84px);
}

.second-level .no-items,
.third-level .no-items,
.fourth-level .no-items {
    font-style: italic;
}

.no-items > div {
    width: fit-content;
}

td.category-description {
    font-style: italic;
}

#showDocuments .table>tbody>tr>td,
#showCategories .table>tbody>tr>td {
    border-top: 0;
    padding: 2px 0;
}

.list-of-documents {
    margin-bottom: 2em;
}

.list-of-documents .document-preview {
    font-size: 1.2em;
    padding: 20px;
}

.list-of-documents .document-preview:first-child {
    margin-top: .5em;
}

.list-of-documents a {
    text-decoration: underline;
}

.list-of-documents a:hover {
    text-decoration: none;
}
.list-of-documents a + br + span, .list-of-documents a + br + span + br + span {
    font-size: .8em;
}

.list-of-documents .item-details {
    font-size: .8em;
}

/* konec stromové struktury */

/* detail článku */

#addEditDocument .document-state, #addEditDocument .document-version, #addEditDocument .document-number {
    font-weight: bold;
    margin-right: 2em;
}

#data-expanded #p2editor[contenteditable="false"] {
    padding-left: 0;
}

#data-expanded table a, #data-expanded .panel-body a {
    text-decoration: underline;
}

#data-expanded table a:hover, #data-expanded .panel-body a:hover {
    text-decoration: none;
}

#data-expanded .themes {
    margin-bottom: 1em;
}

#data-expanded .themes button {
    margin-left: .5em;
    margin-right: 1em;
}

#data-expanded .choose-value, #data-expanded .choose-date {
    margin-bottom: 2em;
}

#data-expanded .choose-values .input-group, #data-expanded .links .input-group, #data-expanded .attachments .input-group, #data-expanded .attachments .btn-attach {
    margin-bottom: .5em;
}

#data-expanded .choose-values .input-group, #data-expanded .choose-values .input-group .input-group-addon {
    width: 700px;
    text-align: left;
}

#data-expanded .wysiwyg .ck-content[contenteditable="true"] {
    margin-bottom: 2em;
}

#data-expanded .attachments .att-file + .input-group .btn-primary {
    margin-right: .5em;
}

.item-header .item-details span {
    margin-right: 1em;
}

.item-about {
    margin-top: 5em;
}

.item-about .table td span {
    font-weight: bold;
}

#addEditDocument .wysiwyg .ck-content {
    max-height: calc(100vh - 120px);
    overflow: auto;
}

/* konec detailu článku */

/* změna kategorie */

#changeCategory .table > tbody > tr > td {
    border-top: 0;
    vertical-align: middle;
    height: 60px;
}

#changeCategory .table > tbody > tr.first-level td {
    height: inherit;
}

/* konec změny kategorie */

/* vyhledávání článků */

.found-items a {
    text-decoration: underline;
}

.found-items a:hover {
    text-decoration: none;
}

.found-items .found-items-name {
    font-size: 1.2em;
}

.found-items .found-items-description {
    font-size: 1.1em;
}

.found-items .found-items-themes {
    margin-right: 1em;
}

.found-items-category {
    font-size: .9em;
}

/* konec vyhledávání článků */

/* přidávání přílohy z článku */

.modal-dialog #showDocuments .first-level td {
    vertical-align: middle;
}

/* konec přidávání přílohy z článku */

/* fórum */

#showForum .first-level > td > div {
    font-size: 1em;
    font-weight: normal;
}

#showForum .forum-item {
    font-weight: normal;
}

#showForum .forum-attachments a {
    text-decoration: underline;
    margin-right: 1em;
}

#showForum .forum-no-response {
    font-style: italic;
    padding-bottom: 4em;
}

#showForum .sub-table table {
    width: 100%;
}

#showForum .sub-table .pagination {
    margin-top: 0;
}

#showForum .sub-table .pagination > li > span, #showForum .sub-table .pagination > li > a {
    padding: 2px 5px;
}


#showForum .other-body #mainTbl {
    width: 100%;
}

div.not-red-item {
    border-width: thick;
}

#showForum tr.child > td:first-child, #showForum .childPaging {
    padding-left: 4em;
}
        
#showForum tr.child1 > td:first-child, #showForum .childPaging1 {
    padding-left: 8em;
}

#showForum tr.child2 > td:first-child, #showForum .childPaging2 {
    padding-left: 12em;
}
        
#showForum tr.child3 > td:first-child, #showForum .childPaging3 {
    padding-left: 16em;
}
    
#showForum tr.child4 > td:first-child, #showForum .childPaging4 {
    padding-left: 20em;
}
        
#showForum tr.child5 > td:first-child, #showForum .childPaging5 {
    padding-left: 24em;
}
        
#showForum tr.child6 > td:first-child, #showForum .childPaging6 {
    padding-left: 28em;
}
        
#showForum tr.child7 > td:first-child, #showForum .childPaging7 {
    padding-left: 32em;
}
        
#showForum div.filters div.checkbox {
    margin-top: 25px;
    margin-bottom: -25px;
}

#showForum div.filters div.checkbox > label > div {
    width: 240px;
}

#showForum #refresh-btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

#showForum .top-filters .checkbox {
    float: right;
}

.point-priority {
    display: inline-block;
    min-width: 12px;
    min-height: 12px;
    border-radius: 12px;
}

/* konec fóra */

/* doladění podle šířky */

@media (max-width: 767px) {
    .navbar-collapse ul {
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-collapse ul li a, .navbar-nav .open .dropdown-menu > li > a {
        line-height: 30px;
    }
    .navbar-collapse ul:last-of-type li {
        text-transform: uppercase;
    }
    .table-responsive {
        border: 0;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }
    .first-level td:last-of-type .btn-outline-success, .second-level td:last-of-type .btn-outline-success, .third-level td:last-of-type .btn-outline-success, .fourth-level td:last-of-type .btn-outline-success {
        float: right;
    }
    .dialogUserData + button.btn, .dialogUserData + button.btn + button.btn {
        margin-right: 1em;
        margin-bottom: 1em;
    }
    
    #showForum tr.child > td:first-child, #showForum .childPaging {
        padding-left: 3em;
    }

    #showForum tr.child1 > td:first-child, #showForum .childPaging1 {
        padding-left: 6em;
    }

    #showForum tr.child2 > td:first-child, #showForum .childPaging2 {
        padding-left: 9em;
    }

    #showForum tr.child3 > td:first-child, #showForum .childPaging3 {
        padding-left: 12em;
    }

    #showForum tr.child4 > td:first-child, #showForum .childPaging4 {
        padding-left: 15em;
    }

    #showForum tr.child5 > td:first-child, #showForum .childPaging5 {
        padding-left: 18em;
    }

    #showForum tr.child6 > td:first-child, #showForum .childPaging6 {
        padding-left: 21em;
    }

    #showForum tr.child7 > td:first-child, #showForum .childPaging7 {
        padding-left: 24em;
    }
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 50px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        padding-top: 0px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    }
    
    ul.nav.navbar-nav:first-of-type {
        display: none; /* skrytí hlavního horního menu pro počítače a tablety */
    }
    
    #showDocuments .list-of-documents .item-details {
        float: right;
    }
    
}

@media (max-width: 1199px) {
    .main {
        padding-left: 1%;
        padding-right: 1%;
    }
    .nav-tabs {
        font-size: 1em;
    }
    .row.tabs-margin > div a button {
        margin-bottom: 1em;
    }
    .row.tabs-margin > div + ul.nav {
        clear: both;
    }
    #data-expanded .choose-values .input-group, #data-expanded .choose-values .input-group .input-group-addon {
    width: 100%;
    }
}

@media (min-width: 1200px) {
    .main {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (min-width: 1700px) {
    table.action tr > td.time-of-action, table.action tr > td.state-of-action {
        width: 100px;
    }
}

/* Konec doladění podle šířky */