/* obecné */

body {
    padding-top: 50px;
}

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

h2 {
    font-size: 1.6em;
}

.nav-tabs {
    font-size: 1.5em;
}

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

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

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

#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 .container-fluid {
    padding-left: 0;
}

.navbar-inverse .navbar-brand {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 2px;
    padding-right: 0px
}

.navbar-header {
    width: 17%;
}

.navbar-header img {
    margin-left: 25px;
    margin-top: -5px;
}

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

ul.nav-tabs > li {
    margin-bottom: -2px;
}

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

.navbar .glyphicon-wrench, 
.navbar .glyphicon-bell {
    font-size: 1.4em;
}

.navbar .glyphicon-wrench {
    padding: 14px 0 5px 0;
}

.navbar-nav > li > .dropdown-menu.newEvents {
    margin-top: 50px;
}

.nav > li > a#openCloseEvents {
    display: inline-block;
}

ul.alarm-notice.dropdown-menu, 
.alarm-notice-mobile > .dropdown-menu {
    padding-bottom: 0;
}

ul.alarm-notice table, 
.alarm-notice-mobile table {
    width: 100%;
}

ul.alarm-notice table th, 
ul.alarm-notice table td, 
.alarm-notice-mobile table th, 
.alarm-notice-mobile table td {
    padding: 2px 10px 2px 0;
}

ul.alarm-notice table th:first-child, 
.alarm-notice-mobile table th:first-child {
    width: 2em;
}

ul.alarm-notice table th:last-child, 
.alarm-notice-mobile table th:last-child {
    font-style: italic;
    font-weight: normal;
    text-align: right;
    padding-left: 10px;
}

ul.alarm-notice .glyphicon-exclamation-sign, 
ul.alarm-notice .glyphicon-question-sign, 
ul.alarm-notice .glyphicon-info-sign,
.alarm-notice-mobile .glyphicon-exclamation-sign,
.alarm-notice-mobile .glyphicon-question-sign,
.alarm-notice-mobile .glyphicon-info-sign {
    font-size: 1.5em;
}

ul.alarm-notice li a p, 
.alarm-notice-mobile ul li a p {
    text-align: center;
    margin-top: 10px;
}

.new-alarm-bullet {
    /*display: inline-block;*/
    display: none;
    min-width: 8px;
    min-height: 8px;
    border-radius: 8px;
    margin-right: -2px;
    vertical-align: top;
}

.alarm-notice-mobile .btn-primary {
    margin: 8px;
}

/* 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 */

.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: 15px;
}

ul.nav-sidebar li a, 
ul.nav-sidebar li a:hover, 
ul.nav-sidebar li a:focus {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}

/* konec levého menu */

/* základ pro seznamy a detail */

.other-body {
    padding: 0 1.5em 1.5em 1.5em;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

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

.other-body.filter-tickets {
    padding-top: 1.5em;
}

.dashboard .row h1 + p img {
    float: right;
    height: 100px;
    width: 100px;
    border-radius: 50%;
	-webkit-shape-outside: circle();
	shape-outside: circle();
	-webkit-shape-margin: 15px;
	shape-margin: 15px;
    margin-left: 10px;
}

.dashboard .first-row, 
.dashboard .second-row, 
.dashboard .third-row {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 25px;
}

.dashboard .third-row table td {
    border-top: 0;
}

.dashboard #mainForm .table p {
    margin-top: 1em;
}

table.table {
    margin-bottom: 0;
}

.table td strong {
    font-weight: 700;
}

table.phrase > tbody > tr.control > td {
    padding-top: .5em;
    padding-bottom: .5em;
}

div.panel > div.panel-body > table tr td,
div.panel > div.panel-body > table tr th {
    padding: 10px;
}

div.panel > div.panel-body > table tr th:last-of-type {
    width: 50%;
}

.panel-default > .panel-heading {
    padding: 14px 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#detailTicket .panel-body h2 {
    font-size: 1.2em;
    border-bottom: 0;
    padding-bottom: 1em;
}

#detailTicket .panel-body .formCheckBox .input-group .input-group-addon {
    width: 100%;
    text-align: left;
}

.dashboard .table-striped th, div.panel > div.panel-body > table tr th {
    padding: 14px 12px;
}

table.table-stats tr:first-child td:last-of-type {
    border-top: 0px;
}

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

.row.tabs-margin {
    margin-top: 2em;
    margin-bottom: 2em;
}

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

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

.panel-body .input-group-addon {
    line-height: 1.43;
}

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

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

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.filter-float > .navbar-form {
    margin: 0px;
}

.nowrap {
    white-space: nowrap;
}

.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-bottom-2em {
    margin-bottom: 2em;
}

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

/* 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;
}

.dropdown > button.w100pct, .dropdown > button.w100pct + ul {
    width: 100%;
}

#showTickets .dropdown.ticket-state .dropdown-menu > li, 
#detailTicket .ticket-state .dropdown-menu > li {
    position: relative;
}

#showTickets .dropdown.ticket-state .dropdown-menu > li > .state-bullet, 
#detailTicket .ticket-state .dropdown-menu > li > .state-bullet {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    right: -3px;
    z-index: 1;
    border-radius: 8px;
    right: auto;
    left: 7px;
}

#showTickets .dropdown.ticket-state .dropdown-menu > li a,
#detailTicket .ticket-state .dropdown-menu > li a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.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: 8px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.btn.expandButton.less {
    background-image: url(../images/icon_show_less.png);
    background-position-x: 8px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.dashboard #detailTicket .btn.dial {
    margin: 0 0 1em .25em;
}

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

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

/* 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  */

/* validation */

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

/* 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 */

/* mapy */

.mapButtonContainer {
    float: right;
    top: -20px;
    right: 10px;
    position: relative;
    z-index: 1000;
}

.mapButtonContainer > button.mapButton {
    font-size: 12px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 22px;
    width: 170px;
    line-height: 19px;
    border: 0px;
    border-radius: 4px;
}

.mapSearch {
    width: 250px;
    position: relative;
    top: 0;
    left: 70px;
    z-index: 1000;
}

#maps-expanded ul.typeahead.dropdown-menu {
    width: inherit;
}

.map {
    margin-top: -56px;
    float: left;
}

#showMaps .row .btn:last-of-type, #showBuildings .row .btn:last-of-type, #showMapItems .row .btn:last-of-type {
    margin-right: 1em;
}
#showMapItems .row.chck .btn:last-of-type {
    margin-right: 0;
}
#showMapItems .chck .checkbox {
    margin: 0;
}

/* konec map */

/* login */

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

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

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

/* konec login */

/* doladění */

.table td.shorten-text {
    max-width: 177px;
}

.table td.shorten-text div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

.paddingLeft0 {
    padding-left: 0;
}

.paddingRight0 {
    padding-right: 0;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

/* konec doladění */

/* 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;
    }
    .dialogUserData + button.btn, .dialogUserData + button.btn + button.btn {
        margin-right: 1em;
        margin-bottom: 1em;
    }
}

@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. */
        background-image: url(../images/pozadi_menu.png);
    }
    
    ul.nav.navbar-nav:first-of-type {
        display: none; /* skrytí hlavního horního menu pro počítače a tablety */
    }
    
}

@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;
    }
}

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

@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 */