/*
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
 */

body {
    color: #333;
    font-family: 'Roboto', sans-serif;
}

b, strong {
    font-weight: 500;
}

body.notLogged {
    background-color: #333;
    /*background-image: url("../images/bg_login.jpg");*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

body.notLogged .sky-form.boxed {
    border: rgba(0, 0, 0, 0.5) 1px solid;
}

body.notLogged div#wrapper {
    padding-left: 0;
}

body.min {
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    color: inherit;
}

@media only screen and (min-width: 768px) {
    body.min #header {
        position: fixed;
        width: 100%;
    }

    body.min #aside {
        position: fixed;
    }

    body.min #middle {
        padding-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    /* body:not(.menu-open) #header { */
    body #header {
        position: fixed;
        width: 100%;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
    }

    /* body:not(.menu-open) #middle { */
    body #middle {
        padding-top: 50px;
    }

    /*
    body:not('.menu-open') #aside {
        position: fixed;
    }
    */
    /* body.menu-open #aside, body.menu-open #asidebg { */
    body.menu-open #aside {
        position: fixed;
        bottom: auto;
        max-height: 100vh;
        overflow: scroll;
    }

    body.menu-open #aside #sideNav {
        padding-bottom: 60px;
    }

    body.menu-open #asidebg {
        height: 100vh;
        bottom: auto;
    }
}

.panel > .panel-heading strong {
    font-family: 'Roboto', sans-serif;
}

.panel-footerRelative {
    position: relative;
}

.panel-footerRelative .panel-footerRelative-infoIcon {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.panel-faktury-form {
    background-color: white;
    border: none;
}

.panel-faktury-form-head {
    padding-right: 0px;
    padding-left: 0px;
}

.progress-platba {
    height: 30px;
}

.progress-platba-text {
    line-height: 30px;
    font-size: 16px;
}

.label-tag {
    font-size: 10px;
    display: inline-block;
    margin: 0 1px 1px 0;
    color: #fff;
}

.label-system-var {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #666;
    font-weight: 300;
    font-size: 11px;
    padding: .1em .4em .2em;
}

.label-system-var:hover {
    background-color: #f9f9f9;
    border-color: #000;
    color: #000;
    font-weight: 500;
}

#aside nav ul li a {
    font-size: 15px;
}

#aside nav h3 a {
    color: #c2c9c9;
}

#aside nav ul#storageBar {
    border-bottom: none;
    padding-top: 5px;
}

#storageBar .stat-number {
    color: #aaa;
    font-size: 16px;
}

#aside nav ul#versionBar,
#aside nav ul#updateBar {
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

#versionBar li,
#updateBar li {
    border-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

#versionBar .stat-number,
#updateBar .stat-number {
    color: #aaa;
    position: static;
    display: block;
}

#versionBar .stat-title,
#updateBar .stat-title {
    position: static;
    display: block;
    margin: 0;
    text-align: center;
}

body.min #titleBars,
body.min #storageBar,
body.min #versionBar,
body.min #updateBar {
    display: none;
}

/* zvyrazneni posledniho odkazu focus/active */
a:focus, a:active {
    color: #034a87;
    text-decoration: underline;
}

a.btn:focus, a.btn:active {
    color: #034a87 !important;
    text-decoration: underline !important;
}

/* Style for Checked Radio Label */
.styleForChecked input[type="radio"]:checked + i + span {
    font-weight: bold;
}

/* Tooltips */
.light-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #333;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    font-size: 11px;
}

.light-tooltip + .tooltip.in {
    opacity: .98;
}

.light-tooltip + .tooltip.left .tooltip-arrow {
    border-left-color: #ccc;
}

.myTooltipLeftWide {
}

.myTooltipLeftWide + .tooltip {
    left: auto !important;
    right: 20px !important;
}

.myTooltipLeftWide + .tooltip .tooltip-inner {
    max-width: 300px;
    min-width: 200px;
    white-space: nowrap;
}

.panel-heading .myTooltipLeftWide {
    margin-top: 3px;
    display: inline-block;
}

.unselect-closest-select {
    cursor: pointer;
    display: none;
}


/*
.btn-group {
    white-space: nowrap;
}
.btn-group .btn {
    float: none;
    display: inline-block;
}
*/
.dropdown-menu {
    background-color: #ffffff;
    /* box-shadow: 5px 5px rgba(102, 102, 102, 0.1); */
    /* border: 1px solid #efefef; */
    font-size: 13px;
}

.dropdown-menu .divider {
    /* height: 1px; */
    margin: 5px 0;
    /* overflow: hidden; */
    /* background-color: #e5e5e5; */
}

.history {
    margin-left: 20px;
    display: block;
}

.historyButton {
    padding: 6px 12px;
    margin-top: 10px;
}

#page-header.success {
    background-color: #dff0d8;


}

#page-header.danger {
    background-color: #f2dede;

}

#page-header.warning {
    background-color: #fcf8e3;

}

.panel-footer ul.easypiecharts {
    display: flex;
}
.panel-footer ul.easypiecharts li {
    display: block;
    flex-grow: 1;
    flex-basis: 0
}

ul.easypiecharts li span.stat-number small {
    font-size: 60%;
}

ul.easypiecharts li span.stat-title,
ul.easypiecharts li .text-muted {
    color: #999;
}

ul.easypiecharts li span.stat-title {
    text-align: right;
    margin-left: 70px;
}

@media only screen and (max-width: 1260px) {
    ul.easypiecharts li {
        text-align: center;
    }

    ul.easypiecharts li span.stat-title {
        text-align: center;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    ul.easypiecharts li span.stat-number {
        font-size: 12px;
    }

    ul.easypiecharts li span.stat-title {
        min-height: 32px;
    }

    ul.easypiecharts li span.stat-number small,
    ul.easypiecharts li span.stat-title small {
        display: none;
    }
}

.panel-heading .form-inline .form-group > label {
    display: block;
}

.panel-heading .form-inline .form-group.maxWidth12 {
    max-width: 48%;
}

.panel-heading .form-inline .form-group.maxWidth12 .form-control {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .panel-heading .form-inline .form-group.maxWidth12 {
        max-width: none;
    }
}

.viewLikePDF {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;

    background-color: #fff;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ccc;
}

.viewLikePDF strong {
    font-weight: bold;
}

.viewLikePDF p {
    margin: 0 0 10px;
}

.viewLikePDF .tableRowFilter th .label {
    display: inline-block;
}

.viewLikePDF .tableRowFilter th .label-default {
    color: #fff;
}

.viewLikePDF .tableOverview > thead > tr.tableRowSort > th {
    padding: 4px !important;
}

tr.indentSize1 > td:first-child {
    padding-left: 10px;
}

tr.indentSize2 > td:first-child {
    padding-left: 20px;
}

tr.cellNoBorderTop > td {
    border-top: none !important;
}

body.notLogged section#middle {
    margin-left: 0;
}

.tableOverview p {
    margin-bottom: 0;
    margin-top: 0;
}

.tableOverview .btn {
    /* margin: 0 3px; */
    margin: 0 0px;
}

.btn-groupFlex {
    display: flex;
    margin: 0 !important;
}

.badge.error {
    background-color: #b92c28 !important;
    color: #fff !important;
}

.badge.success {
    background-color: #02B700 !important;
    color: #fff !important;
}

.tableOverview tr.tableRowFilter,
.tableRowFilterControl,
.tableRowFilterInfo {
    background-color: #eee;
}

.tableRowFilterControl,
.tableRowFilterInfo {
    padding: 4px 6px;
    border: 0px solid transparent;
    border-radius: 3px 3px 0 0;
    background-color: #eee;
    margin-bottom: -8px;

    position: relative;
    z-index: 1;
}

.tableRowFilterControl .progress {
    background-color: #ffe;
}

.tableRowFilterControl.withSelectizeInput {
    min-width: 200px;
    display: flex;
}

.row-filters .withSelectizeInput {
    min-width: 200px;
}

@media only screen and (max-width: 767px) {
    .tableRowFilterControl.withSelectizeInput,
    .row-filters .withSelectizeInput {
        min-width: 120px;
        max-width: 160px;
    }
}

.tableRowFilterControl.withSelectizeInput > .fancy-form {
    margin-bottom: -1px;
    flex-grow: 1;
}

@media only screen and (max-width: 767px) {
    .tableRowFilterControl.withSelectizeInput > .fancy-form {
        max-width: 90%;
    }
}

.tableRowFilterControl.withSelectizeInput > i.unselect-closest-select {
    /*margin-left: 5px;*/
    /*margin-top: 5px;*/
    margin: auto .5rem;
}

.tableRowFilterControl.withSelectizeInput .select2-container,
.tableRowFilterControl.withSelectizeInput .select2-container .select2-selection,
.tableRowFilterControl.withSelectizeInput .select2-container .select2-selection .select2-selection__rendered,
.row-filters .withSelectizeInput .select2-container,
.row-filters .withSelectizeInput .select2-container .select2-selection,
.row-filters .withSelectizeInput .select2-container .select2-selection .select2-selection__rendered
{
    height: 30px;
    line-height: 26px;
}

.tableRowFilterControl.withSelectizeInput.activeFilterSelect2 .select2-selection,
.tableRowFilterControl .form-control.active,
.row-filters .withSelectizeInput.activeFilterSelect2 .select2-selection,
.row-filters .form-control.active
{
    background-color: #ffc;
}

.tableRowFilterControl.withSelectizeInput.activeFilterSelect2 .select2-selection .select2-selection__rendered,
.tableRowFilterControl .form-control.active,
.row-filters .withSelectizeInput.activeFilterSelect2 .select2-selection .select2-selection__rendered,
.row-filters .form-control.active
{
    color: #c00 !important;
}

.tableRowFilterControl.withSelect {
    min-width: 120px;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .tableRowFilterControl.withSelect {
        max-width: 160px;
    }
}

.tableRowFilterControl.withSelect > .fancy-form {
    margin-bottom: -2px;
    flex-grow: 1;
}

.tableRowFilterControl.withSelect > .fancy-form > i {
    left: 10px
}

.tableRowFilterControl.withSelect > .fancy-form select.form-control {
    font-size: 12px;
    height: 24px;
    padding: 3px 3px 3px 22px;
    background-color: #ffc;
    color: #c00 !important;

}


.tableOverview tr.tableRowFilter th {
    padding-top: 8px;
}

.tableOverview tr.tableRowFilter .form-control.active {
    background-color: #ffc;
    color: #c00;
}

.tableOverview tr.tableRowFilter th.activeFilterSelect2 .select2 .select2-container {
    background-color: #ffc;
}

.tableOverview tr.tableRowFilter th.activeFilterSelect2 .select2 .select2-container .select2-selection__rendered {
    color: #c00 !important;
}

.tableOverview tr.tableRowFilter th.activeFilterSelect2 .select2 .select2-container .select2-selection {
    background-color: #ffc;
}

.tableOverview tr.tableRowFilter th.activeFilterRangepicker .form-control.form-controlRangepicker {
    background-color: #ffc;
    color: #c00 !important;
}

.tableOverview tbody tr.low-count {
    background-color: rgba(255, 152, 152, 0.25);
}

.tableOverview tbody tr.low-count:hover {
    background-color: rgba(255, 152, 152, 0.30);
}

#header .logo {
}

#header .logo img {
    max-height: 40px;
    max-width: 160px;
}

#header .dropdown-toggle {
    line-height: 50px;
}

#header .dropdown-toggle .iconLikeImage {
    font-size: 36px;
    vertical-align: top;
    margin: 7px;
}

@media only screen and (max-width: 991px) {
    #header .logo {
        width: auto;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #header .logo {
        margin-left: 10px;
        margin-right: 5px;
    }

    #header .logo img {
        max-width: 80px;
    }

    #header .dropdown-toggle .iconLikeImage {
        font-size: 24px;
        margin: 13px 6px;
    }
}


#header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #ffcc33;
}

@media screen and (min-width: 768px) {
    #header .historyList {
        max-width: 70vw;
    }
}

#header .historyList .historyItem {
    /* display: inline-block; */
    margin-left: 2.5em;
}

#header nav .dropdown-menu.historyList li a .fa {
    vertical-align: top;
    margin-top: 2px;
    font-size: 16px;
    /* margin-right: 6px; */
    float: left;
}

#header .historyList .historyItem > small {
    display: block;
}

@media screen and (max-width: 767px) {
    #header .dropdown {
        margin: 0 1px;
    }

    #header nav .dropdown-menu.historyList {
        min-width: 240px;
        font-size: 12px;
    }

    #header nav .dropdown-menu.historyList > li > a {
        white-space: normal;
    }

    #header nav .dropdown-menu.historyList li a .fa {
        /* display: none; */ /* Nevim proc bylo none */
    }

    #header .historyList .historyItem > small {
        /* display: none; */
    }
}

.tableCellMin {
    width: 1%;
    white-space: nowrap;
}

.tableCellLead {
    font-size: 14px !important;
}

.hasDatepicker[readonly] {
    background-color: #fff !important;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 55px;
    height: 30px;
    padding: 0 6px;
    font-weight: bold;
    text-align: right;
}

/*.daterangepicker .daterangepicker_input i {*/
.daterangepicker .daterangepicker_input .calendar-time i {
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 26px;
    color: #ccc;
}

.progressWrapper {
    width: 75px;
}

/* PANELS */

.panel-primary .panel-heading ul.nav-tabs li > a {
    color: #ccc !important;
}

.panel-primary .panel-heading ul.nav-tabs li.active > a {
    color: #333 !important;
}

.panel-primary,
.panel-primary > .panel-heading {
    border-color: #4b5354 !important;
}

.panel-info,
.panel-info > .panel-heading {
    border-color: #bce8f1 !important;
}

.panel-warning,
.panel-warning > .panel-heading {
    border-color: #faebcc !important;
}

#middle div.panel-heading ul.options li > .label {
    /* margin-right: 6px; */
    margin-top: 4px;
}

#middle div.panel-heading {
    min-height: 45px;
    /* height: 51px; */
    height: auto;
    padding: 10px 10px 0px;
}

@media (min-width: 1200px) {
    #middle .dashboard div.panel-heading {
        max-height: 45px;
        height: 45px;
    }

    #middle .dashboard div.panel-footer {
        max-height: 38px;
        height: 38px;
    }
}

#middle div.panel-heading.panel-headingTabs {
    padding: 10px 0px 0px;
}

#middle div.panel-heading form input, #middle div.panel-heading form input.form-control {
    height: 30px;
    line-height: 30px;
}

#middle div.panel-heading .fancy-form {
    margin-bottom: 0;
}

.panel > .panel-heading .pagination {
    /* margin: -5px; */
    /* margin: 0px; */
    margin: 2px;
}

@media only screen and (min-width: 768px) {
    #content.sticky .panel > .panel-heading .pagination {
        position: fixed;
        bottom: 10px;
        right: 20px;
        z-index: 10;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    }
}

#middle .panel-primary .panel-heading .pagination strong {
    color: #777 !important;
}

.panel-heading.panel-headingTabs {
    border-bottom: 0px solid transparent;
}

.panel-heading ul.nav-tabs {
    margin: -10px 0 0 0;
}

.panel-heading ul.nav-tabs.pull-left {
    margin-left: -10px;
}

.panel-heading.panel-headingTabs ul.nav-tabs.pull-left {
    margin-left: 0px;
}

.panel-heading.panel-headingTabs ul.nav-tabs.pull-left li {
    border-right: 0 !important;
}

.panel-heading.panel-headingTabs ul.nav-tabs.pull-left li:last-child {
    border-right: 0 !important;
}

.panel-heading ul.nav-tabs li > a {
    border: 0 !important;
    margin: 0 !important;
    /*background-color: transparent !important;*/
    background-color: #f6f6f6 !important;
    padding: 12px 10px;
    padding-bottom: 14px;
    font-size: 14px;
}

.panel-primary .panel-heading ul.nav-tabs li > a {
    background-color: #4b5354 !important;
}

.panel-primary .panel-heading ul.nav-tabs li.active > a {
    background-color: #fff !important;
}

@media screen and (max-width: 767px) {
    #middle div.panel-heading form {
        display: block;
        margin-top: 5px;
    }

    #middle div.panel-heading form.form-inline-xs {
        display: inline-block;
    }
}

.panel-heading ul.nav-tabs li.active > a {
    font-weight: 600;
}

.panel-body ul.historyList li.precteno {
    opacity: 0.7;
}


.panel-body tr.precteno {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .panel-heading ul.nav-tabs.pull-left {
        margin-left: 0;
    }

    .panel-heading ul.nav-tabs.pull-left li {
        border-right: none !important;
    }

    .panel-body {
        padding: 10px;
    }
}

.panel > .panel-heading {
    color: #333;
}

.panel > .panel-heading .label {
    text-transform: none;
}

.panel > .panel-heading strong {
    color: inherit;
}

#middle div.panel-heading ul.options {
    /* margin: 0px -15px 0 0; */
    margin: 0px -5px 0 0;
}

#middle div.panel-heading ul.options li .btn-group-sm {
    margin-top: -3px;
}

@media screen and (max-width: 767px) {
    #middle div.panel-heading ul.options {
        margin: 0px 0 10px !important;
    }
}

.panel-heading ul.options > li > a {
    color: #337ab7;
}

#middle div.panel-heading ul.options > li > .panelHeadingItem {
    padding: 3px 7px 3px 7px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
}

#middle div.panel-heading ul.options.pull-left > li:first-child > .panelHeadingItem {
    /* margin-left: 15px; */
    padding-left: 0;
}

#middle div.panel-heading ul.options.pull-right > li:last-child > .panelHeadingItem {
    margin-right: 15px;
}

.daterangepicker.single.ltr .ranges {
    display: block !important;
    float: none;
    text-align: center;
}

.dropzone .dz-default.dz-message {
    width: 214px;
    height: 62px;
    background-size: 100%;
    margin-top: -31px;
    margin-left: -107px;
}

#aside {
    z-index: 1000;
}

#aside nav ul li ul li.separator:before {
    display: none;
}

#aside nav ul li ul a > span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}


#header form.search {
    margin-top: 7px;
}

#header form.search div.selectize-control {
    display: inline-block;
}

#header form.search div.selectize-input {
    min-width: 380px;
    max-width: 450px;
    width: auto;
}

@media (max-width: 1199px) {
    #header form.search div.selectize-input {
        min-width: 220px;
        max-width: 380px;
    }
}

.selectize-dropdown .active {
    background-color: #fc3;
    /*background-color: #f5fafd;*/
    /* color: #495c68; */
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 204, 51, 0.2);
    /*background: rgba(125, 168, 208, 0.2);*/
}

#header form.search button, #header form.search a {
    vertical-align: top;
    height: 36px;
}

#header form.search a.searchSettings {
    display: inline-block;
    line-height: 36px;
    padding: 0 5px;
    font-size: 24px;
    color: #ccc;
}

#header form.search a.searchSettings.used {
    /* color: #ffffcc; */
    color: #cccccc;
}

#header form.search a.searchSettings:hover {
    color: #ffffff;
}

#header form.search a.searchSettings:hover {
    color: #ffffff;
}

@media (min-width: 768px) {
    #header .searchBlock {
        display: block !important;
    }
}

@media (max-width: 767px) {
    #header .searchBlock {
        position: absolute;
        top: 50px;
        background-color: #666;
        left: 0;
        right: 0;
        text-align: center;
        padding: 3px;
    }

    #header .searchBlock .selectize-input,
    #header .searchBlock .selectize-dropdown {
        text-align: left;
    }

}

#page-header.page-headerFlex {
    display: flex;
}

#page-header > h1.icoZak,
#page-header > h1.icoObj,
#page-header > h1.icoObj .icoZak,
#page-header > h1.icoNab,
#page-header > h1.icoFak,
#page-header > h1.icoFakV,
#page-header > h1.icoFakZ,
#page-header > h1.icoFakD,
#page-header > h1.icoFakP,
#page-header > h1.icoEma,
#page-header > h1.icoPol,
#page-header > h1.icoUko,
#page-header > h1.icoInb,
#page-header > h1.icoCal,
#page-header > h1.icoIne,
#page-header > h1.icoKon,
#page-header > h1.icoOrg,
#page-header > h1.icoPob,
#page-header > h1.icoSkl,
#page-header > h1.icoSkK,
#page-header > h1.icoSkP,
#page-header > h1.icoSes,
#page-header > h1.icoSta,
#page-header > h1.icoNas,
#page-header > h1.icoUzi,
#page-header > h1.icoUpo,
#page-header > h1.icoOpr,
#page-header > h1.icoPdf,
#page-header > h1.icoTags,
#page-header > h1.icoObc,
#page-header > h1.icoImp,
#page-header > h1.icoExp,
#page-header > h1.icoSys,
#page-header > h1.icoAbo,
#page-header > h1.icoCha,
#page-header > h1.icoHom,
#page-header > h1.icoPra,
#page-header > h1.icoFir {
    padding-left: 30px;
    position: relative;
}

#page-header > h1.icoObj .icoZak {
    padding-left: 20px;
}

#page-header.page-headerFlex > h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
    flex-grow: 1;
}

#page-header.page-headerFlex > ol {
    float: none;
    overflow: visible;
    text-overflow: clip;
}

#page-header > h1.icoZak:before,
#page-header > h1.icoObj:before,
#page-header > h1.icoObj .icoZak:before,
#page-header > h1.icoNab:before,
#page-header > h1.icoFak:before,
#page-header > h1.icoFakV:before,
#page-header > h1.icoFakZ:before,
#page-header > h1.icoFakD:before,
#page-header > h1.icoFakP:before,
#page-header > h1.icoEma:before,
#page-header > h1.icoPol:before,
#page-header > h1.icoUko:before,
#page-header > h1.icoInb:before,
#page-header > h1.icoCal:before,
#page-header > h1.icoIne:before,
#page-header > h1.icoKon:before,
#page-header > h1.icoOrg:before,
#page-header > h1.icoPob:before,
#page-header > h1.icoSkl:before,
#page-header > h1.icoSkK:before,
#page-header > h1.icoSkP:before,
#page-header > h1.icoSes:before,
#page-header > h1.icoSta:before,
#page-header > h1.icoNas:before,
#page-header > h1.icoUzi:before,
#page-header > h1.icoUpo:before,
#page-header > h1.icoOpr:before,
#page-header > h1.icoPdf:before,
#page-header > h1.icoTags:before,
#page-header > h1.icoObc:before,
#page-header > h1.icoImp:before,
#page-header > h1.icoExp:before,
#page-header > h1.icoSys:before,
#page-header > h1.icoAbo:before,
#page-header > h1.icoCha:before,
#page-header > h1.icoHom:before,
#page-header > h1.icoPra:before,
#page-header > h1.icoFir:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    top: 50%;
    font-size: 22px;
    line-height: 22px;
    margin-top: -9px;
    color: #ccc;
}

#page-header > h1.icoObj .icoZak:before {
    font-size: inherit;
    line-height: inherit;
    margin-top: -6px;
    color: #ccc;
}

#page-header > h1.icoZak:before,
#page-header > h1.icoObj .icoZak:before {
    content: "\f044";
}

#page-header > h1.icoObj:before {
    content: "\f14b";
}

#page-header > h1.icoNab:before {
    content: "\f059";
}

#page-header > h1.icoFak:before,
#page-header > h1.icoFakV:before {
    content: "\f0f6";
}

#page-header > h1.icoFakZ:before {
    content: "\f016";
}

#page-header > h1.icoFakD:before {
    content: "\f1c3";
}

#page-header > h1.icoFakP:before {
    content: "\f15c";
}

#page-header > h1.icoEma:before {
    content: "\f0e0";
}

#page-header > h1.icoPol:before {
    content: "\f03a";
}

#page-header > h1.icoUko:before {
    content: "\f040";
}

#page-header > h1.icoInb:before {
    content: "\f01c";
}

#page-header > h1.icoIne:before {
    content: "\f2b7";
    margin-top: -11px;
}

#page-header > h1.icoKon:before {
    content: "\f0c0";
}

#page-header > h1.icoOrg:before {
    content: "\f1ad";
}

#page-header > h1.icoPob:before {
    content: "\f0f7";
}

#page-header > h1.icoSkl:before {
    content: "\f1b3";
}

#page-header > h1.icoSkK:before {
    content: "\f07b";
}

#page-header > h1.icoSkP:before {
    content: "\f1b2";
}

#page-header > h1.icoSes:before {
    content: "\f022";
}

#page-header > h1.icoSta:before {
    content: "\f080";
}

#page-header > h1.icoNas:before {
    content: "\f085";
}

#page-header > h1.icoUzi:before {
    content: "\f007";
}

#page-header > h1.icoUpo:before {
    content: "\f024";
}

#page-header > h1.icoOpr:before {
    content: "\f05d";
}

#page-header > h1.icoPdf:before {
    content: "\f1c1";
}

#page-header > h1.icoTags:before {
    content: "\f02c";
}

#page-header > h1.icoObc:before {
    content: "\f0ae";
}

#page-header > h1.icoFir:before {
    content: "\f015";
}

#page-header > h1.icoImp:before {
    content: "\f093";
}

#page-header > h1.icoExp:before {
    content: "\f019";
}

#page-header > h1.icoSys:before {
    content: "\f071";
}

#page-header > h1.icoAbo:before {
    content: "\f129";
}

#page-header > h1.icoCha:before {
    content: "\f128";
}

#page-header > h1.icoHom:before {
    content: "\f0e4";
}

#page-header > h1.icoPra:before {
    content: "\f253";
}

#page-header > h1.icoCal:before {
    content: "\f073";
}

/* Sticky #page-header on scroll (only for big view) */
@media only screen and (min-width: 768px) {
    #page-header.sticky {
        position: fixed;
        top: 0px;
        width: calc(100% - 235px);
        z-index: 100;
        opacity: 0.95;
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
    }

    body.min #page-header.sticky {
        width: calc(100% - 50px);
        top: 50px;
    }

    #content.sticky { /* TODO zkusit udelat presne na vysku page-header = 53px + 20px pak by nemelo preskakovat */
        padding-top: 73px !important;
    }

    #page-header.sticky > h1 {
        cursor: pointer;
    }

    #page-header .showInSticky {
        display: none;
        font-size: 16px;
    }

    #page-header.sticky .showInSticky {
        display: inline;
    }

    #page-header .showInSticky small {
        font-size: 13px;
    }

    #page-header .showInSticky em {
        font-style: normal;
    }
}

@media only screen and (max-width: 767px) {
    #page-header > h1 {
        display: none;
    }

    #page-header > ol {
        float: none;
        margin: 5px 0 0 0 !important;
        overflow: visible;
        text-overflow: none;
        white-space: normal;
    }
}

.quickForm {
    padding: 5px 10px !important;
}

.quickForm .row {
    margin-bottom: 0px;
}

.quickForm .form-group {
    margin-bottom: 5px;
}

.panel-heading .label,
#header .label {
    color: #fff;
    vertical-align: text-top;
}

.panel-heading ul.nav-tabs li > a > div {
    display: inline-block;
}

.pagination {
    margin: 0 0;
    font-size: 12px
}

.pagination .paginationPages {
    padding-bottom: 6px;
}

@media screen and (max-width: 767px) {
    .pagination {
        font-size: 10px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 7px 9px;
    }

    .pagination .paginationPages {
        padding-bottom: 6px;
    }
}

.tableAjaxRows > tbody > tr {
    /* cursor: pointer; */
}


.paginationPanel {
    margin-top: 15px;
    border-top: 1px dotted #ddd;
    padding-top: 15px;
    padding-bottom: 10px;
}

.paginationSelect {
    font-size: 15px;
    font-weight: bold;
    background-color: #ffd;
    /* color: #000; */
}


.tableOverview > tbody + tbody.collapse {
    border-top: none;
}

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

.tableOverview > tbody > tr > td ul.list-unstyled {
    margin-bottom: 0px;
}

.tableOverviewAlignTop > tbody > tr > td {
    vertical-align: top;
}

.tableOverviewWithTextBlocks > tbody > tr > td {
    vertical-align: top;
}

.textBlockInTable {
    /*
    min-height: .01%;
    overflow-x: auto;
    */
}

.textBlockInTable {
    /*
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-width: 1000px;
    */
}

@media only screen and (max-width: 1599px) {
    .textBlockInTable {
        /*
        max-width: 600px;
        */
    }
}

@media only screen and (max-width: 1199px) {
    fa
    .textBlockInTable {
        /*
        max-width: 300px;
        */
    }
}

.tableOverview > tbody > tr > td.tableCellActions {
    min-width: 100px;
    text-align: right;
}

.tableOverview > tbody > tr > td.tableCellActions2 {
    min-width: 80px;
    text-align: right;
}

.tableOverview > tbody > tr > td.tableCellActions3 {
    min-width: 120px;
    text-align: right;
}

.tableOverview > tbody > tr > td.tableCellActions4 {
    min-width: 155px;
    text-align: right;
}

.tableOverview > tbody > tr > td.tableCellActions .btn i,
.btn.btnIconOnly i {
    padding-right: 0px
}

.tableOverview > tbody > tr > td .btn {
    opacity: 0.5;
}

.tableOverview > tbody > tr > td .btnNoOpacity,
.tableOverview > tbody > tr:hover > td .btn {
    opacity: 1;
}

.tableOverview > tbody > tr > td .btnLongText {
    /* max-width: 240px; */
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tableOverviewNotes > tbody {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.tableOverviewNotes > tbody > tr.noteAnswer > td {
    border-top-style: dotted;
}

.panel table.tableOverview thead {
    /*    background-color: rgba(0,0,0,0.01);*/
    background-color: transparent;
}

.tableOverview > tbody > tr > td,
.tableOverview > tbody > tr > th,
.tableOverview > thead > tr > td,
.tableOverview > thead > tr > th {
    /*font-size: 12px;*/
    font-size: 13px;
    padding: 4px 3px;
    text-align: center;
}

.tableOverview > tbody > tr > td {
    /*font-family: 'Roboto', sans-serif;*/
    /*font-size: 15px;*/
}

.tableOverview > tbody > tr > td.text-left,
.tableOverview > tbody > tr > th.text-left,
.tableOverview > thead > tr > td.text-left,
.tableOverview > thead > tr > th.text-left {
    text-align: left;
}

.tableOverview > tbody > tr > td.text-right,
.tableOverview > tbody > tr > th.text-right,
.tableOverview > thead > tr > td.text-right,
.tableOverview > thead > tr > th.text-right {
    text-align: right;
}


.tableOverview > tbody > tr.small > td,
.tableOverview > tbody > tr.small > th,
.tableOverview > thead > tr.small > td,
.tableOverview > thead > tr.small > th {
    /*font-size: 10px;*/
    font-size: 11px;
}

.tableOverview > tbody > tr.lead > td,
.tableOverview > tbody > tr.lead > th,
.tableOverview > thead > tr.lead > td,
.tableOverview > thead > tr.lead > th {
    /*font-size: 14px;*/
    font-size: 15px;
}

.tableOverview > thead > tr > th {
    /*font-size: 11px;*/
    font-size: 12px;
    font-weight: normal;
    vertical-align: bottom;
    /* height: 40px; */
}

.tableOverview > tbody > tr > td.tableCellMin,
.tableOverview > thead > tr > th.tableCellMin {
    width: 1%;
    white-space: nowrap;
}

.tableOverview > tbody > tr > td.tableCellMin10,
.tableOverview > thead > tr > th.tableCellMin10 {
    width: 10%;
    white-space: nowrap;
}

.tableOverview > tbody > tr > td.tableCellMain,
.tableOverview > thead > tr > th.tableCellMain {
    width: 100%;
    min-width: 200px;
}

.tableOverview > tbody > tr > td.tableCellMain30,
.tableOverview > thead > tr > th.tableCellMain30 {
    width: 30%;
    min-width: 200px;
}

.tableOverview > tbody > tr > td.tableCellMain50,
.tableOverview > thead > tr > th.tableCellMain50 {
    width: 50%;
    min-width: 200px;
}

.tableOverview > tbody > tr > td.tableCellMain20,
.tableOverview > thead > tr > th.tableCellMain20 {
    width: 20%;
    min-width: 150px;
}

.tableOverview > tbody > tr > td.tableCellMain10,
.tableOverview > thead > tr > th.tableCellMain10 {
    width: 10%;
    min-width: 100px;
}

.tableOverview > tbody > tr > td.elipsis {
    max-width: 0;
}

.tableOverview tr.tableRowFilter .form-control,
.tableOverview tr.tableRowFilter .input-group-addon,
.tableRowFilterControl .form-control,
.tableOverview tr.tableRowFilter .selectize-input {
    font-size: 12px;
    height: 30px;
    padding: 3px 6px;
}

.tableOverview tr.tableRowFilter .btn-sm {
    line-height: 18px !important;
}

.tableOverview tr.tableRowFilter .select2-container {
    width: auto !important;
    min-width: 100%;
    max-width: 300px;
    margin-bottom: 3px;
}

.select2-container {
    font-size: 11px;
}

/* TODO neblbne nekde ? */
.select2-container--open .select2-dropdown {
    z-index: 99999;
}

.select2-container--default .select2-selection--single {
    /* background-color: transparent; */
    background-color: #fff;
}

.tableOverview tr.tableRowFilter .select2-container .select2-selection {
    height: 30px;
    line-height: 26px;
    font-size: 11px;
    background-color: #fff;
}

.tableOverview tr.tableRowFilter .select2-container .select2-selection .select2-selection__rendered {
    height: 30px;
    line-height: 26px;
}

.tableOverview tr.tableRowFilter .fancy-form {
    margin-bottom: 0;
}

.tableOverview tr.tableRowFilter .fancy-form:not(.select2) > input {
    padding-left: 30px;
}

.tableOverview tr.tableRowFilter .fancy-form:not(.select2) > i {
    left: 10px;
    margin-top: -5px;
}

.tableOverview tr.tableRowFilter .fancy-form > .fancy-arrow,
.tableOverview tr.tableRowFilter .fancy-form > .fancy-arrow-double {
    top: 11px;
    right: 2px;
}

.tableOverview tr.tableRowFilter th.withSelectizeInput {
    min-width: 200px;
    padding-bottom: 1px;
}

.tableOverview tr.tableRowFilter th.tableCellActions {
    min-width: 120px;
    text-align: right;
}

.tableOverview .checkbox {
    cursor: pointer;
    height: 23px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    line-height: 23px;
    padding-left: 23px;
}

.tableOverview .label {
    color: #fff;
}

.form-controlFull {
    width: 100% !important;
}

.form-controlImportant {
    font-weight: bold;
    background-color: #ffffcc;
}

.form-control.input-sm {
    height: 30px;
}

.fancy-formRangepicker .form-control {
    border-width: 2px;
    border-color: #ddd;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-controlRangepicker {
    min-width: 190px;
    border-top-width: 1px;
}

.form-controlRangepickerOption {
    min-width: 190px;
    border-bottom-width: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-controlStatus {
    min-width: 120px;
}

.form-controlStitky {
    min-width: 120px;
}
.form-controlStav {
    min-width: 90px;
}

.form-controlNumber {
    min-width: 55px;
}

.tableOverview > thead > tr > th.actualSort {
    /* font-size: 12px; */
    font-weight: bold;
    background-color: #d9edf7;
}

.tableOverview > thead > tr.tableRowSort > th {
    padding: 0;
}

.tableOverview > thead > tr.tableRowSort > th a,
.tableOverview > thead > tr.tableRowSort > th .thText {
    display: block;
    padding: 5px;
    line-height: 20px;
    white-space: nowrap;
}

input.hasDatepicker {
    text-align: center;
}

input.form-controlPrice {
    text-align: right;
    font-weight: bold;
}

.select2-container {
    width: 100% !important;
}

.panel-main .panel-body {
    background-color: #f6f6f6;
}

.viewLikeForm div.alert-bordered {
    padding: 5px;
    border-color: #f0f0f0;
    background-color: #fff;
    min-height: 34px;
    margin-bottom: 5px;
}

.viewLikeForm div.alert-bordered.alert-mini {
    padding: 4px;
    font-size: 80%;
    min-height: 24px;
}

/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    /* background: #fff; */
    /*background: #ccc;*/
    background: rgba(0, 0, 0, .5);
}

.inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;
}

#preloader span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;

    z-index: 100001;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ************* */
/* BS FORMS MOD. */
/* ************* */
.modal-bodyForm {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-bodyForm .row,
.quickForm .row {
    margin-right: -5px;
    margin-left: -5px;
}

.modal-bodyForm [class^="col-"],
.quickForm [class^="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.modal-bodyForm .form-control,
.quickForm .form-control {
    /*padding: 6px 12px;*/
    padding: 6px 6px;
}

.modal-bodyForm .fancy-form > input.form-control,
.quickForm .fancy-form > input.form-control {
    padding-left: 36px;
}

.modal-bodyForm div.tabs ul.nav-tabs a {
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-bodyForm div.tabs ul.nav-tabs li.active a {
    background-color: transparent;
}

.modal-bodyForm div.tabs div.tab-content.transparent {
    border-top: none;
}

.form-group {
    margin-bottom: 5px;
}

form .row {
    margin-bottom: 5px;
}

/* ************* */
/* COLSPAN HIDE  */
/* ************* */
.colspan-hidden {
    padding: 0 !important;
}

.colspan-hidden > .colspan-content {
    display: none !important;
}

@media (max-width: 767px) {
    .colspan-hidden-xs {
        padding: 0 !important;
    }

    .colspan-hidden-xs > .colspan-content {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .colspan-hidden-sm {
        padding: 0 !important;
    }

    .colspan-hidden-sm > .colspan-content {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .colspan-hidden-md {
        padding: 0 !important;
    }

    .colspan-hidden-md > .colspan-content {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .colspan-hidden-lg {
        padding: 0 !important;
    }

    .colspan-hidden-lg > .colspan-content {
        display: none !important;
    }
}

/* ************* */
/* BOOTSTRAP EXT */
/* ************* */

/* TABLE vertical middle */

.table-vertical-middle > thead > tr > th, .table-vertical-middle > tbody > tr > th, .table-vertical-middle > tfoot > tr > th, .table-vertical-middle > thead > tr > td, .table-vertical-middle > tbody > tr > td, .table-vertical-middle > tfoot > tr > td {
    vertical-align: middle;
}

/* RESPONSIVE ALIGN */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg {
    float: left;
}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg {
    float: right;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }

    .pull-left-not-xs, .pull-right-not-xs {
        float: none;
    }

    .pull-left-xs {
        float: left;
    }

    .pull-right-xs {
        float: right;
    }

    /*
    .col-xs-6:nth-child(2n+1) {
        clear: left;
    }
    .col-xs-4:nth-child(3n+1) {
        clear: left;
    }
    .col-xs-3:nth-child(4n+1) {
        clear: left;
    }
    .col-xs-2:nth-child(6n+1) {
        clear: left;
    }
    */
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }

    .pull-left-not-sm, .pull-right-not-sm {
        float: none;
    }

    .pull-left-sm {
        float: left;
    }

    .pull-right-sm {
        float: right;
    }

    /*
    .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
    .col-sm-4:nth-child(3n+1) {
        clear: left;
    }
    .col-sm-3:nth-child(4n+1) {
        clear: left;
    }
    .col-sm-2:nth-child(6n+1) {
        clear: left;
    }
    */
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }

    .pull-left-not-md, .pull-right-not-md {
        float: none;
    }

    .pull-left-md {
        float: left;
    }

    .pull-right-md {
        float: right;
    }

    /*
    .col-md-6:nth-child(2n+1) {
        clear: left;
    }
    .col-md-4:nth-child(3n+1) {
        clear: left;
    }
    .col-md-3:nth-child(4n+1) {
        clear: left;
    }
    .col-md-2:nth-child(6n+1) {
        clear: left;
    }
    */
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }

    .pull-left-not-lg, .pull-right-not-lg {
        float: none;
    }

    .pull-left-lg {
        float: left;
    }

    .pull-right-lg {
        float: right;
    }

    /*
    .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
    .col-lg-4:nth-child(3n+1) {
        clear: left;
    }
    .col-lg-3:nth-child(4n+1) {
        clear: left;
    }
    .col-lg-2:nth-child(6n+1) {
        clear: left;
    }
    */
}

/* 10 COLUMNS */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25,
.col-xs-35,
.col-sm-35,
.col-md-35,
.col-lg-35,
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.col-xs-25 {
    width: 40%;
    float: left;
}

.col-xs-35 {
    width: 60%;
    float: left;
}

.col-xs-45 {
    width: 80%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .col-sm-25 {
        width: 40%;
        float: left;
    }

    .col-sm-35 {
        width: 60%;
        float: left;
    }

    .col-sm-45 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

    .col-md-25 {
        width: 40%;
        float: left;
    }

    .col-md-35 {
        width: 60%;
        float: left;
    }

    .col-md-45 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }

    .col-lg-25 {
        width: 40%;
        float: left;
    }

    .col-lg-35 {
        width: 60%;
        float: left;
    }

    .col-lg-45 {
        width: 80%;
        float: left;
    }
}

/* PRINT */
.printView {
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 20px;
    width: 800px;
    background: white;
}

@media print {
    a[href]:after {
        content: none !important;
    }

    .panelPrint {
        border: none;
    }

    .panelPrint .panel-body {
        padding: 0 !important;
    }

    .panelPrint .panel-footer {
        margin-top: 10px;
        border-top: 2px solid #ccc;
        padding-top: 10px;
    }

    .panelPrint .tableOverview th.hidden-xs,
    .panelPrint .tableOverview td.hidden-xs,
    .panelPrint .tableOverview th.hidden-sm,
    .panelPrint .tableOverview td.hidden-sm {
        display: table-cell !important;
    }

    .panelPrint .tableOverview th.colspan-hidden-xs > .colspan-content,
    .panelPrint .tableOverview td.colspan-hidden-xs > .colspan-content,
    .panelPrint .tableOverview th.colspan-hidden-sm > .colspan-content,
    .panelPrint .tableOverview td.colspan-hidden-sm > .colspan-content {
        display: block !important;
    }

    .panelPrint .tableOverview > thead > tr.tableRowSort > th a,
    .panelPrint .tableOverview > thead > tr.tableRowSort > th .thText {
        padding: 4px 2px;
        /*line-height: 20px;*/
        /*white-space: nowrap;*/
    }

    .panelPrint .tableRowFilterInfo {
        top: 30px;
    }

    .panelPrint .tableRowFilterControl,
    .panelPrint .tableRowFilter th label,
    .panelPrint .tableRowFilter th input:not(.active),
    .panelPrint .tableRowFilter th select:not(.active),
    .panelPrint .tableRowFilter th.withSelectizeInput select.select2:not(.active),
    .panelPrint .tableRowFilter th.withSelectizeInput select.select2:not(.active) + span.select2,
    .panelPrint .panel-footer .easyPieChart {
        display: none;
    }

    .panelPrint .tableRowFilter th.withSelectizeInput select.select2.active + span.select2 span.select2-selection {
        border: none;
    }

    .panelPrint .tableRowFilter th.withSelectizeInput select.select2.active + span.select2 span.select2-selection .select2-selection__rendered {
        color: inherit !important;
        line-height: inherit;
        font-size: 12px;
        line-height: 30px;
        font-weight: bold;
    }

    .panelPrint .tableRowFilter {
        height: 40px;
    }

    .panelPrint .tableRowFilter th select.active,
    .panelPrint .tableRowFilter th input.active {
        font-weight: bold;
        border: none;
        text-align: inherit;
        min-width: 5em;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .panelPrint .tableRowFilter th.activeFilterRangepicker {
        white-space: nowrap;
        text-align: left;
    }

    .panelPrint .tableRowFilter .form-controlRangepickerOption.active {
        display: inline-block;
        width: auto;
        padding: 0;
    }

    .panelPrint .tableRowFilter .form-controlRangepickerOption.active + .fancy-formRangepicker {
        display: inline-block;
    }

    .panelPrint .tableRowFilter .form-controlRangepickerOption.active + .fancy-formRangepicker input.form-controlRangepicker {
        display: inline-block;
        font-weight: bold;
        border: none;
        width: auto;
        min-width: 0;
        padding-left: 0;
        padding-right: 0;
        color: inherit !important;
    }

    .panelPrint .tableRowFilter .form-controlRangepickerOption + .fancy-formRangepicker > i {
        display: none !important;
    }

    .panelPrint .panel-body .tableOverview tbody td .btn {
        border: none;
        opacity: 1;
        padding: 0 !important;
    }

    .panelPrint .panel-body .tableOverview tbody td .btn-block {
        /*text-align: left;*/
        width: auto;
    }

    .panelPrint .panel-body .tableOverview > tbody > tr > td .btnLongText {
        max-width: none;
        text-overflow: inherit;
        overflow: auto;
        white-space: normal;
        font-size: 100%;
        text-align: left;
    }

    .panelPrint .panel-body .tableOverview th.withSelectizeInput {
        min-width: 0;
    }

    .print-text-left {
        text-align: left !important;
    }

    .print-text-right {
        text-align: right !important;
    }

    .print-text-center {
        text-align: center !important;
    }

    .noprint,
    #header,
    #aside,
    .panel-heading ul.nav-tabs li:not(.active),
    #freshwidget-button {
        display: none !important;
    }

    #middle {
        margin-left: 0px;
    }

    #content {
        padding: 0 !important;
    }

    .viewLikePDF {
        background-color: transparent;
        margin-top: 0px;
        padding: 0px;
        border: none;
    }

    .viewLikePDF .tableRowFilter th .label {
        display: inline-block;
    }

    .viewLikePDF .tableRowFilter th .label-default {
    }

    .printView {
        border: none;
        border-radius: 0;
        padding: 0px;
        width: auto;
        background: transparent;
    }

    .panelTabs .panel-heading {
        border: none !important;
        height: auto !important;
    }

    .panelTabs .panel-body {
        padding: 0 !important;
    }

    .panelTabs .panel-heading ul.nav-tabs li {
        border: none !important;
    }

    .panelTabs .panel-heading ul.nav-tabs li > a {
        padding: 5px;
        padding-bottom: 10px;
    }

    .table td, .table th {
        background-color: #fff !important;
    }

    .table tr.danger > td {
        background-color: #f2dede !important;
    }

    .table tr.warning > td {
        background-color: #fcf8e3 !important;
    }

    .tableOverview > tbody > tr > td,
    .tableOverview > tbody > tr > th,
    .tableOverview > thead > tr > td,
    .tableOverview > thead > tr > th {
        font-size: 10px;
        padding: 2px;
    }

    .tableOverview > tbody > tr.small > td {
        font-size: 8px;
        padding: 2px;
    }

}

/*
.editable .ni-editable-button {
    visibility: hidden;
}

.editable:hover .ni-editable-button {
    visibility: visible;
}
*/

/* X-Editable */

.table-responsive {
    overflow: auto;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    clear: both;
    position: relative;
    border-radius: 4px;
}

.table-responsive .like-sort-header {
    padding: 5px;
    line-height: 20px;
}

/*
.table-responsive > .table-editable {
    margin-top: 40px;
}
*/


.div-editable .ni-editable-button-all {
    visibility: hidden;

    position: relative;
    right: 0px;
    top: 10%;
    margin-top: -11px;
    display: block;

    width: 22px;
    height: 22px;
    text-align: center;

    color: #555;
    font-size: 14px;
    line-height: 18px;

    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
}

.div-editable-wrapper .div-editable .ni-editable-button-all {
    position: absolute;
    margin-top: 0;
}

.div-editable-title-tags .ni-editable-button-all {
    position: absolute;
    margin-top: 0;
}

.div-editable-wrapper .div-editable-icon {
    float: left;
    margin-top: 7px;
    margin-right: 3px;
}

.div-editable:hover .ni-editable-button-all {

    visibility: visible;
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

.div-editable-wrapper .div-editable {
    position: relative;
    padding-top: 3px;
}


.div-editable {
    padding-bottom: 3px;
    min-height: 22px;
    border-bottom: 1px dotted transparent;
}

.div-editable-ck {
    position: relative;
    min-height: 25px;
    padding: 0px;
    border: 1px dotted transparent;
    min-width: 100px;
}

.div-editable-ck:hover,
.div-editable:hover {
    border-color: #f0ad4e;
}

.div-editable-ck .cke_editable_inline {
    padding: 15px;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.div-editable-ck .ni-editable-button-ck {
    visibility: hidden;

    position: absolute;
    right: 0px;
    top: 0px;
    display: block;

    width: 22px;
    height: 22px;
    text-align: center;

    color: #555;
    font-size: 14px;
    line-height: 18px;

    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
}

.div-editable-ck:hover .ni-editable-button-ck {
    visibility: visible;
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}

.div-editable-ck .ni-editable-buttons-ck {
    position: absolute;
    right: 0px;
    bottom: -25px;
    display: block;
    z-index: 99999; /* 9999 ck panel */
}

.div-editable-ck .ni-editable-button-ck-save {
    /*
    visibility: visible;

    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;

    width: 24px;
    height: 24px;
    text-align: center;

    color: #555;
    font-size: 14px;
    line-height: 20px;

    border: 1px solid #4b5354;
    border-radius: 50%;
    background-color: #4b5354;
    color: #fff;
    */
}

.div-editable-ck .ni-editable-button-ck-cancel {
    /*
    visibility: visible;

    position: absolute;
    right: 25px;
    bottom: 0px;
    display: block;

    width: 24px;
    height: 24px;
    text-align: center;

    color: #555;
    font-size: 14px;
    line-height: 20px;

    border: 1px solid #4b5354;
    border-radius: 50%;
    background-color: #4b5354;
    color: #fff;
    */
}

.div-editable-title {
    border-left: rgba(0, 0, 0, 0.04) 1px solid;
    padding: 0;
    float: left;
    position: relative;
}

.div-editable-title-tags {
    min-width: 25px;
    margin-right: 10px;
}

.div-editable-title li {
    display: inline-block;
}

.editable-checklist label {
    /* white-space: nowrap; */
    font-size: 85%;
    font-weight: 600;
    cursor: pointer;
}

.cke_editable_inline {
    padding: 15px;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.table-editable {
}

.table-editable .td-editable {
}

.table-editable .td-editable .div-editable {
    position: relative;
    padding-top: 3px; /* vertical align middle */
}

.table-editable .td-editable .div-editable-with-icon {
    margin-left: 1.2em;
}

.table-editable .td-editable .div-editable-icon {
    float: left;
    /*margin-top: 3px;*/
    margin-top: 5px;
}

.table-editable .td-editable .div-editable.div-editable-dodano {
    padding-left: 32px;
    padding-right: 24px;
}

.table-editable .td-editable .div-editable.div-editable-dodano .ni-editable-dodano {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -11px;
}

.table-editable .td-editable .div-editable .ni-editable-button,
.table-editable .td-editable .div-editable .ni-pagination-show-sum {
    visibility: hidden;

    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -11px;
    display: block;

    width: 22px;
    height: 22px;
    text-align: center;

    color: #555;
    font-size: 14px;
    line-height: 18px;

    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
}

.table-editable .td-editable .div-editable .ni-pagination-show-sum {
    right: auto;
    left: -22px;
}

.table-editable .td-editable .ni-editable-button:hover,
.table-editable.tableOverviewPagination .td-editable .ni-pagination-show-sum:hover {
    visibility: visible;
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff
}

.table-editable .td-editable:hover .ni-editable-button,
.table-editable.tableOverviewPagination .td-editable:hover .ni-pagination-show-sum {
    visibility: visible
}

.editable-popup .editable-buttons .btn-sm {
    line-height: 18px !important;
}

.editable-popup .editable-input .editable-clear-x {
    right: 6px !important;
}

.editable-popup .editable-input input {
    background-color: #ffc;
}

.editable-popup .editable-input input.hasDatepicker[readonly] {
    background-color: #ffc !important;
}

.editable-popup .editable-input input[type="number"] {
    width: 10em;
    text-align: center;
}

.editable-popup .editable-input input[type="text"].editable-input-control-wide {
    min-width: 30em;
    max-width: 40vw;
}

.daterangepicker {
    z-index: 9999999 !important;
}

/* END X-Editable */

tbody.dd-placeholder {
    width: 100% !important;
}


table.sortActive .niPodpolozka {
    display: none;
}

table.sortActive .ni-select-oparations {
    display: none;
}

tbody.dd-dragel {
    display: table;
    border: 1px solid #333;
}

tbody.dd-dragel .ni-editable-button {
    display: none;
}

tbody.dd-dragel .tableCellActions3 {
    display: none;
}

tbody.dd-dragel .ni-editable-dodano {
    display: none;
}

tbody.dd-dragel .ni-select-oparations {
    display: none;
}


.actAddedInfo {
    animation: fadeOut 3s forwards;
}

.actAddedUkol {
    animation: fadeOut 3s forwards;
}

@keyframes fadeOut {
    0% {
        background-color: #f0ad4e;
    }
    100% {
        background-color: #d9edf7;
    }
}

.plan-price {
    font-size: 32px;
    line-height: 32px;
    text-transform: none;
    padding: 10px 0 5px;
}

.plan-price2 {
    font-size: 24px;
    line-height: 24px;
    color: #3c5b56;
}

.text-muted-plan {
    color: #3c5b56;
}

.plan-features li {
    line-height: 20px;
    padding: 10px 0;
}

.plan-footer {
    background: #ebebeb;
    line-height: 32px;
    font-size: 12px;
    text-transform: none;
    text-align: center;
    color: #2e2e2e;
    text-transform: uppercase;
}

.popular .plan-footer {
    background: #1c2b36;
    background-color: rgb(28, 43, 54);
    color: #fff;
}

.label-plan-modul {
    display: inline-block;
    color: #fff;
    /*background: #2a3637;*/
    padding: .3em .6em .4em;
    margin-bottom: 0.2em;
}

.panel-footer .actualPlanTitle {
    /*text-align: center;*/
    /*border-bottom: 1px dotted #e4e5e6;*/
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
    font-weight: bold;
}

.selectChosenRequired select.form-control + .chosen-container-multi .chosen-choices {
    background-color: #ffd;
}

#middle .panel-heading.panel-headingNoteDetail .checkbox {
    font-size: 24px;
    margin-top: -5px;
    margin-right: 27px;
}

#middle .panel-heading.panel-headingNoteDetail .checkbox > i {
    width: 24px;
    height: 24px;
    border-color: rgba(0, 0, 0, 0.8);
    background: rgba(255, 255, 255, 0.8);
}

#middle .panel-heading.panel-headingNoteDetail .checkbox input + i:after {
    width: 20px;
    height: 20px;
    font: normal 15px/18px FontAwesome;
}

.panel-headingNoteDetail .btnSolved {
    margin: 0 !important;
    margin-top: -4px !important;
}

.panel-headingNoteDetail .workTime {
    margin: 0 !important;
    margin-top: -4px !important;
    margin-right: 25px !important;
}

#middle div.panel-heading.panel-headingNoteDetail ul.options > li {
    border-left: none;
}

@media (max-width: 767px) {
    .panel-headingNoteDetail .workTime {
        margin-right: 5px !important;
    }

    #middle .panel-heading.panel-headingNoteDetail .checkbox {
        margin-right: -5px;
    }

    li.comment img.avatar {
        display: none;
    }

    li.comment .comment-body {
        padding-left: 0px;
    }

    li.comment.comment-reply {
        margin-left: 0px;
    }
}


.tableCellLead {
    /* font-size: 14px !important; */
    /* font-size: 12px !important; */
    font-size: 15px !important;
}

.editable-input .select2-container {
    border: none !important;
    min-width: 100px;

}

.table-responsiveContent {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsiveContent {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    /*
    .table-responsiveContent table {
        margin-bottom: 0;
    }
    .table-responsiveContent table > thead > tr > th,
    .table-responsiveContent table > tbody > tr > th,
    .table-responsiveContent table > tfoot > tr > th,
    .table-responsiveContent table > thead > tr > td,
    .table-responsiveContent table > tbody > tr > td,
    .table-responsiveContent table > tfoot > tr > td {
        white-space: nowrap;
    }
    */
}


.panel-zakaznici-detail > .title {
    color: #1E252D !important;
}

#middle .panel-heading.panel-zakaznici-detail > span.title strong {
    color: #1E252D !important;
}


.panel-zakaznici-detail-ceny .panel-body {
    display: block;
    max-height: 500px;
    overflow: scroll;
    width: 100%;
}

.tab-zakaznici-detail {
    min-height: 742px;
}


div.tabs ul.nav-tabs li.colorTabCelkem > a,
div.tabs ul.nav-tabs li.colorTabProdej > a,
div.tabs ul.nav-tabs li.colorTabNakup > a {
    font-weight: bold;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.1);
}

div.tabs ul.nav-tabs li.active.colorTabCelkem > a {
    border-top-color: #4b5354 !important;
    background-color: transparent !important;
}

div.tabs ul.nav-tabs li.active.colorTabProdej > a {
    border-top-color: #A2CA7B !important;
    background-color: transparent !important;
}

div.tabs ul.nav-tabs li.active.colorTabNakup > a {
    border-top-color: #F29254 !important;
    background-color: transparent !important;
}

.colorTabCelkem > a > i {
    color: #4b5354;
}

.colorTabProdej > a > i {
    color: #A2CA7B;
}

.colorTabNakup > a > i {
    color: #F29254;
}


/* select2 sipka v malem inputu */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}

.editable-checklist {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* padding-right: 20px; */
    max-height: 190px;
    max-width: 260px;

    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.editable-checklist > div {
    max-width: 150px;
}

.editable-checklist label {
    white-space: normal;
    /*
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    */
}

.logo-preview-box {
    background-color: #2a3637;
    height: 50px;
    overflow: hidden;

}

.logo-preview-box.logo-preview-box-pdf {
    border: 1px #adadad solid;
    border-right: none;
    background-color: transparent !important;
}

.logo-preview {
    height: 50px;
    width: 100%;
    /* max-width: 170px;*/
    line-height: 40px;
    margin-left: 15px;
}

.logo-preview img {
    max-height: 40px;
    max-width: 160px;
    margin-top: 5px;
}

.shepherd-text {
    font-size: 2.5rem !important;
}


.shepherd-theme-custom .shepherd-button {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shepherd-theme-custom .shepherd-button:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.mapa {
    height: 700px;
}

/*Bootstrap 4 extra large modal */

.modal-xl {
    max-width: 1140px;
}

@media (min-width: 1142px) {
    .modal-xl {
        width: 1140px;
    }
}

.import-faktura-to-obj-form .import-create-new-obj {
    margin-top: 2rem;
}

.faktura-items thead .checkbox {
    height: 16px;
}

.faktura-items .checkbox {
    height: 21px;
}

.faktura-items tbody td {
    vertical-align: middle !important;
}

.select-small {
    height: 30px;
    padding: 3px 6px !important;
}

.table-controls {
    display: flex;
}

.table-controls .btn-group {
    margin-left: auto;
}

tr.archive {
    /*text-decoration: line-through;*/
    opacity: 0.7;
}


.bg-light {
    background-color: #f6f6f6 !important;
}

.d-flex {
    display: flex !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.m-auto {
    margin: auto !important;
}


#fullcalendar table{
    background-color: white;
}

#fullcalendar .fc-header-toolbar{
    background-color: #4b5354 !important;
    padding: 10px;
    margin: 0;
}

#fullcalendar .fc-toolbar-title{
    color: white !important;
}

.fc .fc-button-primary {
    background-color: white ;
    color: black ;
}

  /* Custom styles for FullCalendar FontAwesome icons */
  .fc-icon-fa {
    font-family: 'FontAwesome' !important;
    font-size: 12px;
    display: inline-block;
    width: 1em;
    text-align: center;
    line-height: 1;
}

/* Button sizing and spacing */
.fc-prev-button,
.fc-next-button {
    min-width: 32px;
    height: 32px;
    padding: 6px 8px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
}

/* Ensure icon container is also centered */
.fc-prev-button .fc-icon,
.fc-next-button .fc-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
    position: relative;
    top: unset !important;
    right: unset !important;
}

/* Specific FontAwesome icon classes */
.fc-icon-fa.fa-chevron-left:before {
    content: "\f053";
}

/* Calendar Resource Styling */
.resource-number {
    font-weight: bold;
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}


.fc-icon-fa.fa-chevron-right:before {
    content: "\f054";
}

.fc-icon-fa.fa-angle-double-left:before {
    content: "\f100";
}

.fc-icon-fa.fa-angle-double-right:before {
    content: "\f101";
}

.calendar-filter .filterForm {
    gap: 1rem;
}

.calendar-filter label {
    font-weight: 200;
    font-size: 12px;
    padding-left: 5px;
}

/* FIXME TODO BUY THE LICENCE BEFORE RELEASE */
.fc-license-message{
    display: none !important;
}

/* Calendar Event Detail - Checkbox Vertical Alignment */
.checkbox-whole-day {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 34px;
}

.checkbox-whole-day .checkbox-static {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-whole-day .checkbox-static i {
    font-size: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}

/* Calendar Event Detail - Color Field Height */
.event-detail-view .form-control-static {
    min-height: 34px;
    display: flex;
    align-items: center;
}

.event-detail-view .form-control-static[style*="background-color"] {
    height: 38px;
    justify-content: center;
}

.event-detail-view .form-control-static.link {
    /* min-height: 100px; */
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: start;
}

.event-detail-view .control-buttons {
    margin-top: 2rem;
}

.event-detail-view .control-buttons .btn.btn-danger {
    margin-right: 1rem;
}
.event-detail-view .control-buttons .btn.btn-danger i{
   padding: 5px;
}