/* here you can put your own css to customize and override the theme */

.btn.small{ margin-right: -4px;    padding: 4px 8px;}

.btn.small.orange{background: #ec750b;}
.btn.small.red{background: #d84a38;}
.btn.small.green{background: #399137;}
.btn.small.blue{background: #3982D5;}
.btn.small.grey{    color: #333333;
    background-color: #e5e5e5;}

.orderinfoh{width: 28px;
    height: 28px;
    background: #eaeaea;
    color: #3a3a3a;
    position: relative;
    float: left;
    padding: 5px;
    text-align: center;
    margin: 0 0 0 5px;}
.orderinfoh-in{ display:none;position: absolute;
    background: white;
    padding:8px;
    z-index: 9999;
    box-shadow: 0 2px 4px 0px #0000003b;
    text-align: left;
    left: 17px;
    top: 16px;}
.orderinfoh-in img{
    max-width: 80px;
    max-height: 80px;
}
.orderinfoq{position: relative;}
.orderinfoq span{      background: #eaeaea;
    position: absolute;
    right: 2px;
    bottom: -30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #3a3a3a;
    border-radius: 50% !important;
    line-height: 29px;}
.orderinfoh:hover .orderinfoh-in{ display:block; }

.tablephoto{width: 40px;
    display: block;
    margin: -9px;}
.tablephoto img{
    max-width: 100%;
    height: auto;
    margin: 5px 0 0 0;
}

.fa {
    font-weight: 400;
}

.fa-wrench, .fa-caret-right {
    font-weight: 700;
}

.page-sidebar-menu + .page-sidebar-menu {
    border-top: 12px solid #2a2a2a;
}

.page-sidebar-menu {
    border-bottom: 1px solid #5c5c5c;
}

.page-sidebar-menu > li > a i img {
    width: 20px;
    height: 14px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle .badge {
    position: absolute;
    right: 0;
    top: 8px;
}

strong, b {
    font-weight: 600;
}

.dropdown-menu {
    z-index: 10600;
}

.dropdown-menu li > a {
    padding-right: 13px;
}

.firstTR td {
    border-top: 0 !important;
}

th .btn.blank-btn {
    background-color: white;
    color: #333333;
    text-shadow: none;
    color: Gray;
}

.thSearch {
    display: block;
    padding-top: 2px;
}

.thSearch input {
    width: 100%;
}

.thSearch .form-control {
    padding: 2px 5px;
}

table.dataTable thead > tr > .sorting, table.dataTable thead > tr > .sorting_desc, table.dataTable thead > tr > .sorting_asc {
    padding-right: 20px;
}

.thSearch .col-md-6 {
    padding: 0 5px 0 0;
    max-width: 180px;
}

.odsaditLabel {
    padding-right: 25px;
    display: inline-block;
}

.bezInputu {
    display: inline-block;
    line-height: 1.42857;
    padding: 6px 0;
    color: black;
    font-size: 14px;
    font-weight: normal;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 5px;
}

.mutChoose label {
    vertical-align: middle;
    padding-right: 10px;
    display: inline-block;
}

.mutChoose .icon-btn {
    background-color: #FAFAFA !important;
    background-image: none !important;
    border: 1px solid #DDDDDD;
    box-shadow: none !important;
    color: #646464 !important;
    cursor: pointer;
    display: inline-block !important;
    -webkit-filter: none !important;
    filter: none !important;
    height: auto;
    margin: 0 5px 0 0;
    vertical-align: middle;
    min-width: 20px;
    padding: 8px 15px 8px 15px;
    position: relative;
    text-align: center;
    text-shadow: none !important;
    -webkit-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
}

.table-toolbar a {
    margin-right: 10px;
}

.dd-item .btn-group {
    float: right;
    margin-top: -2px;
}

.dd-item .btn-group span {
    margin: -1px 3px 0 3px;
    vertical-align: middle;
    float: left;
}

.dd-item > button:before {
    font-family: 'Font Awesome 5 Pro';
}

.portlet.gren {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
}

.portlet > .portlet-title > .caption > i {
    font-size: 18px;
}

.portlet.box > .portlet-body {
    background-color: #f8f8f8;
}

.portlet.box > .portlet-body .tab-content .portlet-body {
    background: none;
    padding: 0 10px;
}

.portlet.box > .portlet-body .portlet-body {
    background-color: #eaeaea;
}

.gren {
    border: 1px solid #C5C5C5;
}

.portlet.gren > .portlet-title {
    background: #3982D5;
    color: white;
    border-bottom: 0 solid #C5C5C5;
}


/*.portlet.gren > .portlet-title > .tools > a.collapse { background-image: url("../img/portlet-collapse-icon.png"); }
.portlet.gren > .portlet-title > .tools > a.expand {background-image: url("../img/portlet-expand-icon.png");;}*/

.portlet.gren > .portlet-title > .caption > i {
    color: white;
}

.form-actions.top {
    margin-bottom: 5px;
    font-size: 1.1em;
}

.form-actions .btn, .form-actions .btn-group {
    margin: 5px 5px 5px 0;
}

.form-actions .btn-group .btn {
    margin: 0;
}

.form-actions .btn-group .btn.dropdown-toggle {
    border-left: 1px solid rgba(0, 0, 0, .2);
}

.form-actions .btn {
    padding: 12px 22px;
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 0;
}

.form-actions .dropdown-menu button {
    border: 0;
    clear: both;
    background: transparent;
    padding: 0;
    width: 100%;
    text-align: left;
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.25em;
    color: #333;
    padding: 6px 13px;
}

.form-actions .dropdown-menu button:hover {
    background: #eee;
}

.form-actions .dropdown-menu {
    min-width: 234px;
}

.form-actions.top .col-md-6:first-child {
    border-right: 1px solid #ccc;
}

.heading th img {
    vertical-align: baseline;
}

input.inline-edit {
    margin: -6px 0 -6px 0;
    border-color: transparent;
    background: transparent;
    font-size: 13px;
    color: #0d638f;
    cursor: pointer;
}

input.inline-edit:focus {
    background-color: white;
}

.dict-num {
    display: block;
    padding-left: 13px;
}

.form-actions.top .make-switch {
    display: inline-block;
}

.form-actions.top .form-group {
    margin-bottom: 0;
}

.form-actions.top .rox+.row .form-group {
    margin-top: 12px;
}

.form-body {
    padding-bottom: 1px;
}

.dropzone {
    padding: 0;
}

.page-content .page-breadcrumb.breadcrumb {
    margin-bottom: 15px;
    padding-right: 200px;
}

@media (max-width: 480px) {
    .page-content .page-breadcrumb.breadcrumb {
        padding-right: 60px;
    }
}

.breadcrumb i.fa {
    margin-top: 0 !important;
}

.menuLang {
    border-bottom: 1px solid #818181;
    height: 22px;
    padding: 0 5px;
}

.menuLang span {
    float: left;
    padding: 5px 7px;
    display: block;
    margin-right: 4px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}

.menuLang span img {
    display: block;
}

.menuLang span.active {
    background: #3D3D3D;
    border: 1px solid #818181;
    border-bottom: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: default;
}

.menuCont {
    background-color: #343434;
}

.menuLang span:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.menuLang i {
    font-size: 16px;
    color: #C9C9C9;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 0 0 2px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    background: #212121;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.menuLang i:hover {
    color: White;
}

.page-sidebar-menu .start i {
    font-size: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #d96b0a;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: white;
    vertical-align: middle;
}

.page-sidebar-menu .start span {
    vertical-align: middle;
    display: inline-block;
}

.page-sidebar {
    background-color: #343434;
}

.page-sidebar .sidebar-search input {
    background-color: #343434 !important;
}

.page-sidebar-closed .menuLang span {
    display: none;
}

.page-sidebar-closed .menuLang span.active {
    display: block;
    float: none;
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 9px 7px;
    width: 100%;
}

.page-sidebar-closed .menuLang {
    padding: 0;
    height: auto;
}

.page-sidebar-closed .menuLang .fa {
    display: none;
}

.page-sidebar-closed .webredakceLogo {
    display: none;
}

.form-horizontal .label-left .control-label {
    text-align: left;
}

.dd3-content.dd3-disabled, .dd3-content.dd3-disabled:hover {
    color: #C0C0C0;
    background: none repeat scroll 0 0 #FAFAFA;
}

.btn.default.btnAktivni {
    background-color: transparent;
    color: black;
    width: 26px;
    padding: 0;
    line-height: 22px;
}

.btn.default.btnNeaktivni {
    background: transparent url(/assets/img/skrt.png) no-repeat center center;
    color: rgba(0, 0, 0, .4);
    width: 26px;
    padding: 0;
    line-height: 22px;
}

.btn.default.btnNeaktivni:hover {
    color: Black;
    background-image: none;
}

.dd3-content.dd3-disabled .btnAktivni {
    color: Black;
}

.dd3-handle:before {
    color: #494949;
}

.breadcrumb > li {
    font-size: 0.9em;
    color: #666;
    line-height: 20px;
}

.page-content .page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span {
    color: #666;
    font-size: 1em;
}

span.icon-open, span.icon-close {
    display: block;
    background: transparent url(/assets/img/plus.png) no-repeat center center;
    border: 1px solid #666;
    height: 11px;
    width: 11px;
    padding: 0;
    background-color: rgba(255, 255, 255, .1);
    margin-left: -16px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

ul.page-sidebar-menu > li a i.icon-open:hover {
    background-color: Black;
}

ul.page-sidebar-menu li > ul.sub-menu > li > a {
    font-size: 1em;
}

span.icon-close {
    background-image: url(/assets/img/minus.png);
}

span.icon-open:hover, span.icon-close:hover {
    background-color: black;
}

.sub-menu a span.textOverflow {
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-menu a {
    white-space: nowrap;
    overflow: hidden;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: inline-block;
}

.btn.date-clear {
    margin-right: 3px;
}

.dd-list .dd3-content > a, .orez {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.orez {
    max-width: 300px;
}

.dd3-content, .nowrap {
    white-space: nowrap;
}

.page-500 .number {
    vertical-align: top;
}

.header .navbar-brand {
    padding-top: 6px;
}

.form-actions.top .row+.row .form-group {
    margin-top: 8px;
}

.form-actions.top label.control-label {
    /* width: 170px;  refs# 9619#change-96053 */
}

.form-actions {
    padding: 10px;
    margin-top: 0;
}

.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a {
    font-size: 1em;
}

.page-sidebar-menu > li > ul.sub-menu > li > a, .page-sidebar-closed .page-sidebar-menu > li:hover > ul.sub-menu > li > a {
    padding-left: 22px !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 38px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 54px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 70px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 86px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu li a {
    padding-left: 102px;
}

.vedlesebe {
    display: inline-block;
    margin-left: 12px;
}

.vedlesebe2 {
    display: inline-block;
    margin-right: 12px;
}

.form-group .vedlesebe2.make-switch, .form-actions .form-group .make-switch {
    padding-top: 0;
    min-height: 0;
}

.ms-container {
    width: auto;
}

.cesta {
    font-size: .9em;
    color: Gray;
    display: block;
    margin-left: 90px;
}

.cesta i {
    font-size: 8px;
}

.move-ns {
    cursor: n-resize;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    -o-border-image: none;
    border-image: none;
    border-right: 0 none;
    border-style: dashed none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.form-group hr {
    margin-top: 10px;
    margin-bottom: 25px;
}

.form-control, .form-control .select2-selection, .select2-container--default .select2-selection--single {
    border-color: #ddd;
    background: white repeat-x 0 0;
    font-size: 14px;
    /*background-image: url(data:image/gif;base64,R0lGODlhAQAEAIAAAOjq7AAAACH5BAAAAAAALAAAAAABAAQAAAIChFEAOw==);*/
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    line-height: 32px;
}

.select2-container .select2-selection--single {
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3982D5;
    color: white;
}

.select2-container--default .select2-selection--single .form-control:focus, .select2-container--default .select2-selection--single:focus {
    border-color: #999;
}

.select2-selection--multiple ul li:first-child input {
    width: 300px !important;
}

.has-error .form-control .select2-selection, .has-error .select2-container--default .select2-selection--single {
    border-color: #b94a48;
}

.required label:after {
    content: '*';
    display: inline-block;
    padding-left: 5px;
    vertical-align: text-top;
    color: gray;
    font-size: 12px;
    line-height: 12px;
}

.btnAktivnibtn-xs, .btnNeaktivnibtn-xs {
    padding: 1px;
    text-align: center;
    width: 22px;
}

.btnNeaktivnibtn-xs i {
    color: Gray;
}


/*/.portlet > .portlet-title > .caption > i,*/

.table-toolbar .btn i {
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 24px;
    border: 1px solid rgba(255, 255, 255, .9);
    float: left;
    margin: 0 10px 0 0;
}

.page-breadcrumb .btn i {
    font-size: 17px;
}

.table-toolbar .btn i {
    margin: 0 10px 0 -5px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 22px;
}

.table-toolbar .btn.default i {
    border-color: #616161;
}

.table-toolbar .btn {
    line-height: 24px;
}

.portlet > .portlet-title > .caption {
    margin: 0 0 6px;
    line-height: 24px;
}

.input-readonly {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #E4E4E4;
    color: gray;
    display: block;
    line-height: 32px;
    padding: 0 10px;
}

.dd-item .btn-group .typStr {
    font-size: .9em;
    float: left;
    margin-right: 15px;
}

.typStr:after {
    content: "\f15b";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    font-size: 16px;
    text-align: right;
    width: 22px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.typStr.articles:after {
    content: "\f040";
}

.typStr.place:after {
    content: "\f1ad";
}

.typStr.calendar:after {
    content: "\f073";
}

.typStr.products:after {
    content: "\f466";
}

.ms-container .ms-list {
    margin: 5px 0;
}

.fileinputbuttons {
    margin-top: 5px;
}

.fileinput-preview~.fileinputbuttons {
    margin-top: -10px;
}

.labX {
    font-size: .9em;
    display: block;
}

.xo1:before {
    content: "\f00d";
    font-family: 'Font Awesome 5 Pro';
    color: #B72A2A;
    width: 15px;
    display: inline-block;
}

.xo2:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    color: #399137;
    width: 15px;
    display: inline-block;
}

.filterBtns {
    display: block;
    white-space: nowrap;
    min-width: 72px;
}

.filter-submit, .filter-cancel {
    min-width: 34px;
    padding: 0 8px;
    text-align: center;
    line-height: 34px;
    margin: 0 1px;
    float: left;
}

.filter .input-group.date {
    margin-bottom: 1px;
    max-width: 225px;
    width: 225px;
}

.filter td {
    background: rgb(238, 238, 238);
}

.filter .select2-container {
    max-width: 12em;
}

.filter .form_datetime {
    width: 220px;
}

.btn.default.default-white {
    background: white;
}

.mw68 {
    max-width: 68px;
}

.photogallery {
    margin: 0 -10px;
}

.photogallery .photo {
    float: left;
    width: 150px;
    border: 1px solid #ccc;
    padding: 4px;
    background: #F5F5F5;
    margin: 10px 0 0 10px;
    position: relative;
    cursor: move;
}

.photogallery .photo span {
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: block;
    position: relative;
}

.photogallery .photo span span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #E1E1E1 url(/assets/img/bggg.png);
    border: 1px solid #ccc;
    width: 138px;
    height: 138px;
}

.photogallery .photo img {
    max-width: 136px;
    max-height: 136px;
    display: block;
    cursor: move;
    margin: 0 auto;
}

.photogallery .photo textarea {
    width: 100%;
    display: block;
    margin-top: 5px;
    height: 5.2em;
    font-size: .9em;
    line-height: 1.3em;
    max-width: 100%;
    min-width: 100%;
}

.photogallery:after {
    display: block;
    content: " ";
    clear: both;
}

.photogallery .photo .fa-trash-alt, .slide .fa-trash-alt {
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    top: 5px;
    z-index: 11;
    right: 7px;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    width: 22px;
    background: #e4e4e4 none repeat scroll 0 0;
    border: 1px solid #ccc;
    text-align: center;
    color: black;
    border-width: 0 0 1px 1px;
}

.slide .fa-trash-alt {
    right: 0;
    top: 0;
}

.photogallery .photo .fa-trash-alt:hover, .LabeledImageBox > i:hover, .slide .fa-trash-alt:hover {
    background-color: #B72A2A;
    color: white;
    border-color: #B72A2A;
}

.dragdrop {
    background: #f8f8f8 url(/assets/img/bggg.png);
    float: left;
    cursor: pointer;
    width: 150px;
    border: 1px solid #ccc;
    margin: 10px 0 0 10px;
}

.photogallery .dragdrop div {
    width: 148px;
    height: 214px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px;
    color: Gray;
    font-size: 1em;
}

.dragdrop div i {
    font-size: 30px;
    color: #ccc;
    display: inline-block;
}

.dragdrop h4 {
    font-size: 1.6em;
    text-transform: lowercase;
}

.dragdrop p {
    margin: 0;
}

.photogallery .photo .file {
    font-weight: 400;
    word-break: break-all;
    display: inline-block;
    padding: 0 5px;
    font-size: .9em;
    line-height: 1.3em;
    font-style: normal;
}

.photogallery .photo .file i {
    display: block;
    margin: 0 auto 5px 0;
    font-size: 32px;
    color: #666;
    line-height: 1em;
}

.photogallery .photo .file strong {
    font-weight: 600;
    display: block;
}

.progressBar {
    display: block;
    position: absolute;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    height: 15px;
    z-index: 10;
    top: 50%;
    margin-top: -8px;
}

.progressBar em {
    display: block;
    height: 15px;
    width: 100%;
    background: transparent url(/assets/img/bar.gif) no-repeat 0 center;
}

.photogallery .photo:hover, .dragdrop:hover {
    border-color: #ec750b;
}

.dragdrop:hover div i {
    color: #ec750b;
}

.slide {
    border: 1px solid #ccc;
    padding: 4px;
    padding-left: 15px;
    background: #F5F5F5;
    position: relative;
    margin: 10px 0;
}

.slideShow:after {
    content: " ";
    display: block;
    clear: both;
}

.dragdrop--slideshow {
    float: none;
    width: 100%;
    margin: 10px 0;
    text-align: center;
    padding: 10px 10px;
    color: Gray;
    font-size: 1em;
}

.slide img {
    height: auto;
    width: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.slide-img:hover {
    border-color: #ec750b;
}

.slide-img {
    display: table;
    width: 100%;
    background: #E1E1E1 url(/assets/img/bggg.png);
    border: 1px solid #ccc;
    min-height: 194px;
    position: relative;
    cursor: pointer;
}

.slide .fa-sort {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: n-resize;
    background: #e4e4e4;
    color: gray;
    border-right: 1px solid #ccc;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.slide-img span {
    display: table-cell;
    height: 190px;
    vertical-align: middle;
}

.window-content {
    background: White;
    position: relative;
    z-index: 10;
}

.window-content .form-actions {
    margin: 15px -15px -10px -15px;
}

.formik {
    width: 100%;
}

.formik th {
    white-space: nowrap;
    padding: 6px 30px 4px 0;
}

.formik td {
    padding: 4px 0;
}

.jazTD img {
    vertical-align: middle;
    margin-left: -30px;
}

.input-group-addon img {
    max-width: 14px;
    height: auto;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
    background: Black;
}

.form-section {
    border-bottom: 1px solid #E9E9E9;
    margin: 10px 0 20px 0 !important;
}

.icon-btnMini {
    border: 1px solid #dddddd;
    height: auto;
    margin: -2px 3px;
    min-width: 26px;
    padding: 0px 0;
    position: relative;
    text-align: center;
}

.icon-btnMini i {
    line-height: 22px;
    font-size: 16px;
}

.icon-btnMini.btnNeaktivni {
    background: transparent url(/assets/img/skrt.png) no-repeat center center !important;
    color: rgba(0, 0, 0, .4) !important;
}

.icon-btn.icon-btnMini .badge {
    right: -9px;
    top: -2px;
}

.icon-btnMini.btnNeaktivni:hover {
    color: Black !important;
    background-image: none !important;
}

div.dataTables_paginate {
    float: none;
    margin: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 15px;
}

.pagination {
    margin: 0 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

div.dataTables_info {
    position: static;
    top: auto;
    text-align: center;
    margin-bottom: 7px;
}

div.dataTables_info .select2-container, div.dataTables_info select {
    text-align: left;
    margin: -3px 3px 0 3px;
    width: auto !important;
    display: inline-block;
    min-width: 55px;
    vertical-align: middle;
}

.portlet {
    margin-bottom: 15px;
}

div.dataTables_info .select2-choice, div.dataTables_info .select2-container--default .select2-selection--single {
    background: #F8F8F8;
}

.dd1, .dd2 {
    display: block;
    height: 55px;
    text-align: center;
}

.dd2 img {
    margin-top: 12px;
}

.dd-go .dd2 {
    display: none;
}

.dragdrop.wait .dd-go .dd1 {
    display: none;
}

.dragdrop.wait .dd-go .dd2 {
    display: block;
}

.hand {
    cursor: pointer;
}

.input-group-addon-input {
    padding: 0 3px 0 0;
    border: 0;
}

.input-group-addon-input input {
    margin: 0 0;
    padding: 6px;
    text-align: center;
}

.langBox .input-group, .multiInput .input-group {
    margin: 0 0 3px 0;
}

.langBox .input-group-addon {}

.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: white !important;
    border-color: #ddd;
    color: #9D9D9D;
    cursor: default;
    z-index: 2;
}

#HPParts .col-md-4+.col-md-4 {
    border-left: 1px dashed #ccc;
}

#HPParts h5 {
    font-size: 16px;
    font-weight: 400 !important;
}

@media screen and (max-width: 1360px) {
    #HPParts .col-md-4 {
        width: 100%;
        border: 0 !important;
    }
}

#HeaderImageContainer, #PerexImageContainer {
    display: block;
}

.modal {
    width: 100%;
    max-width: 500px;
    padding: 0;
}

.modal form, .modal-inner {
    padding: 15px 15px 0 15px;
}

.modal-dialog {
    margin: 0;
    width: auto;
}

.modal-content {
    border: 0;
}

.modal .form-actions {
    margin: 0 -15px;
}

.break {
    word-break: break-all;
    display: inline-block;
}

@media screen and (min-width: 840px) {
    .modal.bigModal {
        max-width: 800px;
        margin-left: -400px;
    }
}

.ImageContainer {
    display: block;
    position: relative;
}

.ImageContainer-close {
    background: #333333;
    color: White;
    cursor: pointer;
    line-height: 24px;
    width: 24px;
    text-align: center;
    display: block;
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.ImageContainer-close:hover {
    background: #C10000;
}

.ImageContainer-add {
    display: table;
    height: 270px;
    vertical-align: middle;
    width: 100%;
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.ImageContainer-add .ImageContainer-in {
    display: table-cell;
    height: 270px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

.ImageContainer-add .ImageContainer-in i {
    display: block;
    margin: 0 auto;
    font-size: 30px;
    line-height: 40px;
    color: #ec750b;
}

.fileinput-preview {
    padding: 0;
    background: #f8f8f8 url(/assets/img/bggg.png);
}

.ImageContainer .fileinput {
    width: 100%;
}

.dashboard-stat .visual i {
    color: rgba(255, 255, 255, .4);
}

.dashboard-stat .details .number {
    font-weight: 400;
}

.dashboard-range {
    text-align: center;
    margin-bottom: 25px;
}

.dashboard-range .default {
    background: white;
}

.tooltips i {
    width: 1.25em;
}

.tooltips {
    padding-top: 8px;
    padding-bottom: 8px;
}

.dashboard-stat.green {
    background: #35AA47;
}

.dashboard-stat.blue {
    background: #3982D5;
}

.table .dd3-handle {
    position: static;
    text-align: center;
    padding: 5px 0;
}

.table .dd3-handle::before {
    position: static;
    line-height: 15px;
}

.page-sidebar .sidebar-toggler {
    margin: 4px 0;
}

.page-sidebar .sidebar-toggler {
    margin-left: 0;
    float: right;
}

.sidebar-toggler-wrapper:after {
    content: " ";
    display: block;
    clear: both;
}

.sidebar-toggler-wrapper {
    max-width: 215px;
    padding-top: 4px;
    padding-left: 4px;
}

.webredakceLogo {
    display: inline-block;
    margin-bottom: 6px;
}

.page-sidebar-menu > li > ul.sub-menu {
    margin: 0 0;
    padding: 8px 0;
}

.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu {
    margin: 0 0;
    padding: 0 0;
}

.noName {
    margin: 0;
    clear: both;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    margin: 0 -30px;
}

.noName a {
    color: white;
    display: block;
    padding: 10px;
}

.login .content .form-actions {
    padding: 0 30px 15px;
}

.lomic br {
    display: none;
    height: 1px;
    overflow: hidden;
}

.lomic {
    clear: both;
}

.login .content {
    padding-bottom: 0;
    padding-top: 0;
}

.login .content .form-title {
    background: rgba(0, 0, 0, .2);
    margin: 0 -30px;
    padding: 15px 30px;
    text-align: center;
    margin-bottom: 20px;
}

.login .content h4 {
    color: #eee;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 400;
}

.login .content h3 {
    font-size: 20px;
    text-align: center;
}

.login .content {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

.overScreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000;
    background-color: rgba(0, 0, 0, .75);
}

.overScreen .login {
    background-color: transparent !important;
}

.overScreen .login {
    position: fixed;
    top: 50%;
    left: 0%;
    margin: -150px 0 0 0;
    width: 100%;
}

.login .content h4:before {
    display: block;
    margin: 0 auto 10px 0;
    content: url(/assets/img/user.png);
}

.loginFlags {
    float: left;
    margin-top: 1px;
    width: 60px;
}

.login .content .form-control {
    background-color: #FCFCFC;
}

.login .loginFlags .select2-container--default a span img {
    margin-left: 0;
}

.login .loginFlags .select2-container--default .select2-selection--single {
    background: transparent;
    border-color: rgba(255, 255, 255, .1);
}

.login .loginFlags .select2-container {
    background: transparent;
}

.login .loginFlags .select2-container--default .select2-choice .select2-arrow {
    background: transparent;
    border-color: transparent;
    color: white;
}

.portlet .portlet-title {
    cursor: pointer;
}

.select2-container {
    width: 100% !important;
    z-index: 1000;
    display: block;
}

.select2-container.select2-container--open {
    z-index: 20000;
}

.select2-search input {
    padding: 1px 5px !important;
    margin: 3px 0 -3px 0 !important;
}

.tableFix table {
    table-layout: fixed;
}

table pre {
    max-width: 250px;
    width: 100%;
}

.page-sidebar-menu > li > a > .arrow.open::before {
    content: "\f106";
    margin: 0;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

.page-sidebar ul > li > a > .arrow::before {
    content: "\f107";
    margin: 0;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

.table-more {
    padding: 5px 18px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.table-more .btn {
    min-width: 53px;
    text-align: center;
}

.portlet > .portlet-title > .caption > i.fa-mobile {
    font-size: 28px;
}

.rowReordering {
    display: inline-block;
    text-align: center;
    line-height: 18px;
    width: 22px;
    background: #e2e2e2;
    color: #808080;
    font-size: 18px;
    height: 22px;
    cursor: ns-resize;
}

.rowReordering .fa {
    font-weight: 700;
}

.rowReordering:hover {
    color: black;
    background: #dedede
}


/*ukotveni menu*/

@media screen and (min-width: 992px) {
    .page-sidebar {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 9000;
    }
    .page-sidebar-scroll {
        height: 100%;
        max-height: 100%;
    }
    .page-sidebar.navbar-collapse {
        height: 100% !important;
        overflow: auto !important;
    }
    .page-sidebar-closed .page-sidebar.navbar-collapse {
        overflow: visible !important;
    }
}


/*uprava horni listy*/

.header {
    height: 34px;
    min-height: 34px;
    line-height: 1.25em;
}

@media screen and (min-width: 992px) {
    .navbar-fixed-top {
        left: auto;
        right: 0;
    }
    .header {
        border: 0 none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        max-width: 300px;
        background: #343434;
        width: auto;
    }
    .page-header-fixed .page-container {
        margin-top: 0;
    }
    .page-content {
        padding: 20px;
    }
    .header.navbar .navbar-nav {
        margin: 0 0 0 0;
    }
}

.username:before {
    content: "\f007";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-family: 'Font Awesome 5 Pro';
    line-height: 18px;
}

.header .navbar-toggle {
    text-align: center;
    width: 50px;
    padding-top: 7px;
    margin: 0;
}


/*barvy*/

.portlet.box.blue {
    border-color: #E5E5E5;
    border-width: 1px;
}

.form-actions, .table-more {
    background: #f6f6f6 url(/assets/img/bggg.png);
}

.login-form .form-actions {
    background: transparent none;
}

ul.page-sidebar-menu > li.active > a {
    background: #202020 none !important;
    border-top: 1px solid #5c5c5c !important;
}

.has-switch {
    border-color: #ccc;
    background: #F9F9F9;
    margin: 0;
}

ul.page-sidebar-menu li > ul.sub-menu > li a.menuDisabled, ul.page-sidebar-menu li > ul.sub-menu > li a.menuDisabled:hover, ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a.menuDisabled.menuDisabled, ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a.menuDisabled:hover, ul.page-sidebar-menu > li > ul.sub-menu li.open > a.menuDisabled {
    cursor: default;
    background: transparent !important;
    color: #666 !important;
}

.has-switch label {
    background: #F9F9F9;
}

.has-switch:focus {
    border-color: #ccc;
}

.btn.default {
    box-shadow: 0 0 1px #616161 inset !important;
}

.has-switch span.switch-success {
    background-color: #3982D5;
    text-align: center;
}

.has-switch span.switch-right {
    color: White;
    background: #9f9f9f;
    text-align: center;
}

.has-switch span.switch-success:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c";
    font-size: 14px;
}

.has-switch span.switch-right:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f00d";
    font-size: 14px;
}

.has-switch label, .has-switch.switch-small span, .has-switch span {
    line-height: 18px;
}


/*.has-switch.switch-small label, .has-switch.switch-small span { line-height: 26px; }*/

.form-actions .has-switch.switch-small label, .form-actions .has-switch.switch-small span, .portlet-title .has-switch.switch-small label, .portlet-title .has-switch.switch-small span {
    line-height: 15px;
}

.portlet-title .make-switch {
    display: inline-block;
    margin-top: 0;
    margin-right: 10px;
    float: right;
}

.form-group .make-switch {
    padding-top: 5px;
    min-height: 34px;
}

.form-horizontal .make-switch {
    padding-top: 3px;
    min-height: 34px;
}

.redFont {
    color: #B72A2A !important;
}

.greenFont {
    color: #399137 !important;
}

.checkBoxes {
    display: table;
    margin: 0 0 3px 0;
}

.checkBoxesL, .checkBoxesR {
    display: table-cell;
    padding: 0 0;
    vertical-align: top;
}

.checkBoxesR {
    padding-left: 15px;
    vertical-align: middle;
}

.checkBoxes .has-switch {
    min-width: 84px;
}

.form-control-number {
    max-width: 80px;
}

.multiInput input {
    display: inline-block;
}

.multiInput label {
    display: block;
}

.select2-selection--multiple:after {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    padding-top: 2px;
    width: 34px;
    text-align: center;
    content: "\f067";
    background: #ec750b;
    color: white;
    cursor: pointer;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 7px;
}

.select2-selection--multiple .select2-search-choice {
    border-color: #ccc;
}

.select2-selection--multiple .select2-search-choice:hover {
    border-color: #EC750B;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    cursor: move;
}

.select2-selection--multiple .ui-sortable-placeholder {
    min-height: 21px;
    background: #e1e1e1 url("/assets/img/bggg.png") repeat scroll 0 0;
}

.select2-selection--multiple .ui-sortable-helper {
    white-space: nowrap;
    width: auto !important;
    top: 0 !important;
    height: auto !important;
}

.select2-selection--multiple .multiSelectError {
    border-color: #B72A2A;
    border-left-width: 20px;
}

.select2-container .select2-selection--multiple {
    min-height: 34px;
    background: #fcfcfc;
    border-color: #ccc;
    padding-right: 34px;
    cursor: pointer;
}

.dateRangeContainer {
    text-align: right;
    margin-bottom: -37px;
    position: relative;
    z-index: 10;
}

.form .nav-tabs {
    margin: 0 10px 7px 10px;
    padding-top: 10px;
}

.LabeledImageBox {
    background: #f8f8f8;
    border: 1px solid #ccc;
    position: relative;
    min-height: 273px;
    max-width: 100%;
    padding: 5px;
}

.LabeledImageBox > i {
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    margin: 0;
    border: 1px solid #ccc;
    border-right-width: 0;
    border-top-width: 0;
    z-index: 5;
    cursor: pointer;
    background: #e4e4e4;
    color: black;
    line-height: 28px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.LabeledImageBox i.fa-crop {
    border-width: 0 1px 1px 0;
    right: auto;
    left: 6px;
}

.LabeledImageBox img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    width: auto;
}

.LabeledImageBox textarea.form-control {
    margin-top: 5px;
    height: 72px;
    font-size: .9em;
}

.LabeledImageBox .LabeledImageBoxImg {
    width: 100%;
    display: table;
    max-width: 100%;
    background: #e1e1e1 url("/assets/img/bggg.png") repeat scroll 0 0;
    border: 1px solid #ccc;
    position: relative;
}

.LabeledImageBox .LabeledImageBoxImg span {
    display: table-cell;
    vertical-align: middle;
    height: 181px;
    text-align: center;
    max-width: 100%;
}

.LabeledImageBox .LabeledImageBoxImg span {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.LabeledImageBox .LabeledImageBoxImg span img.imageLoader {
    display: block;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -65px;
    z-index: 3;
    position: absolute;
}

.LabeledImageBox .LabeledImageBoxImg span:after {
    content: "\f14d";
    color: #ccc;
    font-size: 50px;
    position: absolute;
    left: 0;
    width: 100%;
    font-family: 'Font Awesome 5 Pro';
    display: block;
    z-index: 1;
    text-align: center;
    top: 80px;
    line-height: 40px;
    font-weight: 300;
    display: inline-block;
    transform: rotate(180deg);
}

.LabeledImageBox.afterUpload .LabeledImageBoxImg span:after {
    display: none;
}

.LabeledImageBox .LabeledImageBoxImg span img {
    position: relative;
    z-index: 2;
}

.LabeledImageBox .LabeledImageBoxImg, .LabeledImageBox .LabeledImageBoxImg span::after, .dragdrop, .dragdrop i, .photo {
    -webkit-transition: color 0.4s, border-color 0.4s, background-color 0.4s;
    transition: color 0.4s, border-color 0.4s, background-color 0.4s;
}

.uploadControls > div {
    width: 100%;
    text-align: center;
}

.uploadControls .btn {
    font-size: 1em;
    padding: 10px;
    display: inline-block;
    margin: 3px 1px;
}

.uploadControls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -5;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s;
}

.LabeledImageBox:hover .uploadControls, .slide-img:hover .uploadControls {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f8f8f8;
}

.table-striped > tbody > tr > td, .table-striped > tbody > tr > th {
    background-color: white;
}

.table-striped > tbody > tr:hover > td, .table-striped > tbody > tr:hover > th {
    background-color: #eaeaea;
}


/*  Blue */

.btn.blue {
    color: white;
    text-shadow: none;
    background-color: #3982D5;
}

.btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .btn.blue[disabled], .btn.blue.disabled {
    background-color: #2561a4 !important;
    color: #fff !important;
    outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
    background-color: #3982D5 !important;
}

.btn-group .btn.blue:hover, .btn-group .btn.blue:focus, .btn-group .btn.blue:active, .btn-group .btn.blue.active, .btn-group .btn.blue.disabled, .btn-group .btn.blue[disabled] {
    background-color: #266ab7 !important;
    color: #fff !important;
    outline: none !important;
}

.bootstrap-datetimepicker-widget .picker-switch a {
    background: #EEEEEE;
}

.bootstrap-datetimepicker-widget .picker-switch a:hover {
    background-color: #3982D5;
    color: white;
}

.bootstrap-datetimepicker-widget .picker-switch a i {
    vertical-align: middle;
    font-size: 1.4em;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.middle {
    vertical-align: middle !important;
}

.otviracka p label {
    font-size: .9em;
    margin: 0;
    padding: 0 8px 0 0;
}

.otviracka p, .pauza {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.pauza p {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.otviracka .row {
    margin-left: -5px;
    margin-right: -5px;
}

.otviracka .row .col-md-6 {
    padding: 2px 5px;
}

.otviracka span input {
    max-width: 190px;
}

.otviracka, .full {
    width: 100%;
}

.no {
    display: none;
}

.toolbar {
    margin-bottom: 15px;
}

.toolbar .btn-group {
    margin-right: 10px;
}


/*  Green */

.btn.green {
    background-color: #399137;
}

.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
    background-color: #296528 !important;
}


/*  Red */

.btn.red {
    background-color: #ec750b;
}

.btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active, .btn.red[disabled], .btn.red.disabled {
    background-color: #d96b0a !important;
}


/*  Yellow */

.btn.yellow {
    /*background-color: #00ab8d;*/
    background-color: #3982D5;
}

.btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active, .btn.yellow.active, .btn.yellow.disabled, .btn.yellow[disabled] {
    background-color: #2561a4 !important;
}

.btn-group .btn.yellow.dropdown-toggle {
    background-color: #3982D5 !important;
}

.btn-group .btn.yellow:hover, .btn-group .btn.yellow:focus, .btn-group .btn.yellow:active, .btn-group .btn.yellow.active, .btn-group .btn.yellow.disabled, .btn-group .btn.yellow[disabled] {
    background-color: #2561a4 !important;
}


/*  Purple */

.btn.purple {
    /*background-color: #b5114f;*/
    background-color: #3982D5;
}

.btn.purple:hover, .btn.purple:focus, .btn.purple:active, .btn.purple.active, .btn.purple.disabled, .btn.purple[disabled] {
    background-color: #2561a4 !important;
}

.btn-group .btn.purple.dropdown-toggle {
    background-color: #3982D5 !important;
}

.btn-group .btn.purple:hover, .btn-group .btn.purple:focus, .btn-group .btn.purple:active, .btn-group .btn.purple.active, .btn-group .btn.purple.disabled, .btn-group .btn.purple[disabled] {
    background-color: #2561a4 !important;
}

.modal-backdrop {
    z-index: 10200 !important
}

.modal-scrollable {
    z-index: 10201 !important
}

.talkSet {
    margin-bottom: 5px;
}

.talkSet span {
    display: inline-block;
    margin-right: 10px;
}

.talkSet i {
    font-size: 1.2em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 2.2em;
    line-height: 30px;
    color: #646b6f;
}

.talkSet .green {
    color: #609d1d;
}

.talkSet .red {
    color: #d50000;
}

.abcd {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.abcd a, .abcd span {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ccc;
    min-width: 32px;
    line-height: 30px;
    padding: 0 4px;
    background: #f5f5f5;
    color: #818181;
}

.selectGroup {
    margin: 10px 0;
    text-align: right;
}

.selectGroup .btn-group {
    text-align: left;
    margin-right: 0;
}

.table-container {
    max-width: 100%;
    overflow: visible;
    overflow-x: auto;
    min-height: 40em;
}


/*.table tr:nth-last-of-type(1) .dropdown-menu, .table tr:nth-last-of-type(2) .dropdown-menu, .table tr:nth-last-of-type(3) .dropdown-menu, .table tr:nth-last-of-type(4) .dropdown-menu,*/

.table tr.dropdown-menu-up .dropdown-menu {
    top: auto;
    bottom: 21px;
}

.btn.btnFloat strong {
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 7px;
    line-height: 1em;
}

.btn.btnFloat i {
    font-size: 28px;
    line-height: 1em;
    font-weight: 300;
}

.form-actions .btn-group .btn.btnFloat {
    position: fixed;
    border-radius: 50% !important;
    padding: 0;
    text-align: center;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    bottom: 15px;
    transition: transform .20s ease-out;
    margin: 0;
    right: 15px;
    box-shadow: 0 4px 8px 1px rgba(0, 0, 0, .35) !important;
}

.dd3-handle:before {
    font-weight: 700;
    content: "\f0dc";
    font-family: 'Font Awesome 5 Pro';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 20px;
    font-size: 14px;
    color: #808080;
}

.dd3-handle {
    background: #e2e2e2;
    cursor: ns-resize;
}

.pageTop {
    background: #eee;
}

.pageTop .btn i {
    padding-right: 5px;
}

.pageTop {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 15px 0;
}

.pageTop .page-breadcrumb.breadcrumb {
    margin: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.header .hor-menu ul.nav li > a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    cursor: pointer;
    font-size: 1em;
    color: #ddd;
}

#FilterDateRange > .fa-calendar {
    display: none;
}

#FilterDateRange.btn {
    padding-left: 5px;
    padding-right: 10px;
}

#FilterDateRange {
    font-size: .75em;
}


/*
body{ background-color: #EEEEEE !important; }
.header { background-color: #118DC0 !important; }
.page-sidebar { background-color: #118DC0; }
.menuLang span.active{ background: #0F7FAC; border-color: #0F6D93;  }
.menuCont{ background-color: #0F7FAC;  }
.menuLang{ border-color: #0F6D93;  }

h1, h2, h3, h4, h5, h6 { color: #F76205; }
.page-title{ color: #609D1D; }

ul.page-sidebar-menu > li > a { border-top: 1px solid #2999C6 !important; color: #FFFFFF !important; }
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a { background: #0F6486; }
ul.page-sidebar-menu > li a i { color: white; }
.header .hor-menu ul.nav li a { color: white; }
.header .navbar-nav li.dropdown .dropdown-toggle i { color: white !important; }
.portlet.box.blue{ border-color: #E5E5E5; }
.page-sidebar .sidebar-search input { background-color: transparent !important; color: #F4FBFB !important ;}
.page-sidebar .sidebar-search .input-box { border-bottom: 1px solid #5AB7DC !important; }
ul.page-sidebar-menu > li > a > .arrow.open:before { color: white !important; color: rgba(255,255,255,.8) !important; }
ul.page-sidebar-menu li > ul.sub-menu > li > a { color: white; }
*/


/* ten datetimepicker co mame je krapet nekompatibilni.. */

.bootstrap-datetimepicker-widget.dropdown-menu ul {
    padding-left: 0;
}


/*CK editor */

.cke_top {
    background: #F5F5F5 !important;
    border-bottom: 1px solid #ccc !important;
}

.cke_bottom {
    background: #F5F5F5 !important;
    border-top: 1px solid #ccc !important;
}

.cke_chrome {
    border: 1px solid #ccc !important;
}

.cke_combopanel {
    height: 220px !important;
    width: 220px !important;
}

@media screen and (max-width: 1250px) {
    .col-md-4 .form-horizontal .control-label {
        text-align: left;
        width: 100%;
    }
    .col-md-4 .form-horizontal .col-md-4 {
        width: 100%;
    }
}

@media screen and (max-width: 990px) {
    .sidebar-toggler-wrapper {
        display: none;
    }
    .menuLang {
        background: #3d3d3d none repeat scroll 0 0;
    }
}

@media screen and (max-width: 600px) {
    .photogallery .photo {
        float: left;
        width: 125px;
        margin: 5px 0 0 5px;
        position: relative;
    }
    .photogallery .photo span {
        width: 100%;
        height: auto;
    }
}

.select2-results__option[aria-selected=true] {
    display: none;
}