::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #282828; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-thumb:hover { background: #1e1e1e; }
::-webkit-scrollbar-thumb:active { background: #000000; }
::-webkit-scrollbar-track { background: #666666; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #666666; }
::-webkit-scrollbar-track:active { background: #333333; }
::-webkit-scrollbar-corner { background: transparent; }
body { background: #3a3a3a;color: black; }
.row { overflow: hidden; }
.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee; }
/*
.navbar-fixed-top { border: 0; min-height: 55px; border-bottom: 1px solid #40521b; box-shadow: 0px 4px 25px 0px #141813; }
*/
.navbar-fixed-top {border: 0;min-height: 55px;border-bottom: 1px solid #712832;box-shadow: 0px 4px 25px 0px #141813;background-color: #292929;}

iframe { border: none; }
/* posunutoi loga */
.navbar-brand { padding-top: 10px; }
.dropdown-main-menu .dropdown-menu { background-color: #080808; border: 1px solid #080808; }
.dropdown-menu > li > a { color: #999999; padding-top: 10px; }
.navbar-brand>img { display: block;position: absolute;width: 210px;height: auto;top: 2px;margin: 0;filter: brightness(1.1); }
.navbar-inverse .navbar-brand { color: #9d9d9d; margin: 0; }
/* Datepicker background color */
.datepicker.dropdown-menu, .datetimepicker.dropdown-menu, .bootstrap-datetimepicker-widget.dropdown-menu  { background-color: #FFF; color: black; z-index: 2000 !important; } /* Buttons */
.remove-button { cursor: pointer; }
.remove-button:hover { background-color: #d9534f; }
.btn.btn-default.btn-form-back { position: relative;min-width: 105px; }
button[name*="back"] { position: relative; }
.btn.btn-default.btn-form-back:before, button[name*="back"]:before { content: "\ea6f";font-family: 'icomoon' !important; left: 7px; position: absolute; }
.btn.btn-default.btn-form-back>span { position: absolute;top: 10px;left: 30px; }
/* DATAGRID */
.panel .datagrid, .modal .datagrid, .datagrid { background-color: #333; padding: 5px; box-sizing: border-box; }
.panel .datagrid .row-grid-bottom, .modal .datagrid .row-grid-bottom, .datagrid .row-grid-bottom { font-size: 0; padding: 8px; background-color: #222222; border: 1px solid #292929; border-top: 0; }
.panel .datagrid table thead tr.row-group-actions th , .modal .datagrid table thead tr.row-group-actions th,.datagrid table thead tr.row-group-actions th { background-color: #222222; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #292929; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top: 1px solid #292929; }
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #242424; }
.panel { background-color: #3f3f3f; }
.datagrid .btn { padding: 5px 10px; }
a { color: #8ccaff; text-decoration: none; }
a:focus, a:hover { color: #2598ff; text-decoration: underline; }
a[data-datagrid-toggle-inline-add] { min-width: 30px; padding: 4px 8px; }
.panel-default>.panel-heading {color: #fff;background-color: #292929;border-color: #404040;}
.table-bordered { border: 1px solid #292929; }
.table-hover>tbody>tr:hover { background-color: #191919; }
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #191919; }
.panel-footer { background-color: #414141; border-top: 1px solid #555; }
.page-header { border-bottom: 1px solid #555; }
hr { border-top: 1px solid #555; }
.margin-top { margin-top: 0px; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.marginbottom { margin-bottom: 10px; }
.margin-top h1, .margin-top h2, .margin-top h3, .margin-top h4, .margin-top h5 { margin-top: 5px; }
.no-marg-bottom>div.form-group:last-of-type, .no-marg-bottom>fieldset:last-of-type>div.form-group:last-of-type { margin-bottom: 0px !important; }
/*
.panel-default>.panel-heading { border-color: #565b13; }
*/
.panel-default>.panel-heading {border-color: #712832;}
.popover { color: #fff; background-color: #333; max-width: 60%; border-color: #2e2e2e; }
.popover-title { color: #fff; background-color: #222222; border-color: #222222; }
@media all and (max-width:767px) {
    .navbar-nav .open .dropdown-menu > li > a { line-height: 40px; }
    .navbar-nav .open .dropdown-menu > li { margin-bottom: 1px; }
    .navbar-nav .open .dropdown-menu > li:last-child { border-bottom: none; }
    .navbar-nav > li > a { line-height: 40px; }
    .navbar-nav > li { margin-bottom: 1px; }
    .navbar-nav > li:last-child { border-bottom: none; }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 70vh; max-width: 90%; background-color: #222; }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { background-color: #222; min-height: 55px; }
    .navbar-inverse { background-color: rgba(0, 0, 0, 0); }
    .navbar-link { margin-right: 5px; }
    .navbar-text { margin-left: 15px; }
    .navbar-toggle { margin-top: 10px; }
    .navbar-nav > li { margin-bottom: 1px; box-shadow: 0px 16px 0px -15px #737373; }
}
/* Icons */
.button-icons { font-size: 22px; position: relative; margin: -5px -2px -5px -25px; left: 20px; top: 4px; }
.datagrid-icons { font-size: 18px; position: relative; top: 2px; }
.menu-icons { display: inline-block; position: relative; margin: -10px 10px 10px -6px; top: 6px; font-size: 26px; }
.img-rounded.dashboard-dochazka { cursor: pointer; border: 1px solid transparent; margin: 2px; transition: all ease-in-out 200ms; }
.img-rounded.dashboard-dochazka:hover { transform: scale(1.1); border: 1px solid #8abc5b; }
.img-rounded.dashboard-dochazka.doch-odchod { opacity: 0.6;-webkit-filter: grayscale(1);filter: grayscale(1); }
.img-rounded.dashboard-dochazka.doch-odchod:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); border: 1px solid #2d4913; }
.button-icons.add-item-icon { font-size: 19px; left: 22px; top: 6px; color: #337ab7; }
.draggable-container { display: block; width: 280px; position: absolute; z-index: 99; right: 110px; top: 85px; opacity: 0.7; margin-bottom: 0; pointer-events: all; }
.draggable-container>.panel { width: 100%; }
.draggable-container:hover { opacity: 1 !important; }
.fix-overlay { z-index: 99; position: fixed; display: block; top: 50px; left: 0; right: 0; bottom: 0; pointer-events: none; }
.draggable-handle { padding: 10px 5px; }
.panel-minimized { width: 130px; height: 45px; }
.panel-minimized>.panel { height: 38px; overflow: hidden; }
.btn-minimize.pull-right { margin-left: 5px; }
.draggable-container.fully-visible { opacity: 1 !important; }
.panel-default { border-color: #222222; box-shadow: 0px 1px 20px 1px #272727ad; }
div#main-site-container { display: none; }
.btn-minimize, .btn-detache, .btn-showoptions { font-weight: bold; line-height: 175%; margin-bottom: -5px; margin-top: -5px; font-size: 14px; padding: 0px 8px; }
.btn-showoptions { margin-left: 5px; }
.btn-slider.ui-slider { display: block; position: relative; width: 90%; height: 4px; background-color: #5b5353; margin: auto; }
.btn-slider>.ui-slider-handle.custom-handle { height: 18px; width: 18px; font-size: 10px; text-align: center; padding: 2px 4px; top: -8px; cursor: pointer; color: rgb(255, 255, 255); background-color: rgb(87, 170, 87); border-color: rgb(73, 161, 73); }
.ui-slider-range.ui-corner-all.ui-widget-header { background-color: #415f7c; }
.draggable-container .panel-footer { background-color: #232323; border-top: 1px solid #3e411e; padding: 10px 10px; }
.draggable-footer.panel-footer { display: block; position: relative; padding: 0; overflow: hidden; height: 0px; }
.transiall200ms { transition: all ease-in-out 200ms; }
.user-image { display: block; position: relative; width: inherit; }
.imagetext { -webkit-box-shadow: 1px 1px 5px 0px #191a05; -moz-box-shadow: 1px 1px 5px 0px #191a05; box-shadow: 1px 1px 5px 0px #191a05; cursor: pointer; margin: 10px; display: inline-block; position: relative; width: 220px; height: 310px; border-radius: 3px; }
.imagetext>a>img { display: initial; position: relative; width: auto; height: auto; max-height: 240px; max-width: 100%; top: 50%; transform: translateY(-50%); border-radius: 5px; }
.imagetextbottom { margin: 0px;padding: 3px;position: absolute;bottom: 0px;left: 0px;background-color: #222222;color: white;width: 100%;min-height: 22px; }
.imagetexttop { margin: 0px; padding: 3px; position: absolute; top: 0px; left: 0px; width: 100%; background-color: #222222; color: white; }
.nav>li>a>img.usericonmenu { margin: 0; padding: 0; max-height: 46px; width: auto; max-width: 60px; }
img.img-rounded.list-image { display: inline-block; position: relative; z-index: 1; left: 0; width: 40px; height: 50px; margin: -10px 0px -10px 0px; object-fit: cover; object-position: 0px 0px; transition: all ease-in-out 200ms; border: 0px solid transparent; box-shadow: 0px 0px 5px 1px transparent; border-radius: 3px; cursor: pointer; }
img.img-rounded.list-image:hover { transform: scale(3.25) translate(15px,5px); z-index: 99; height: 60px; left: -12px; border: 0px solid #1d1d16bf; box-shadow: 0px 0px 5px 1px #1c1c1c; -webkit-filter: contrast(1.15); filter: contrast(1.15); }
.users-datagrid .datagrid table tbody td { height: 60px; position: relative; display: table-cell; }
.login-box { display: block;position: relative;width: 320px; width: fit-content;height: auto;padding: 30px 20px 15px 20px;margin: auto;border: 2px solid #1b1b1b;border-radius: 8px;box-shadow: 0px 0px 10px 1px #212121, inset 1px 1px 10px 4px #1a1a1a;background: #292929; }
.glyphicon-userlevel { display: inline-block; position: absolute; top: 1px; right: 1px; z-index: 2; text-decoration: none; font-size: 34px; }
img.user-headshot { display: inline-block; position: absolute; right: 40px; }
.glyphicon-viewuserlevel { display: block; position: absolute; top: -2px; left: 26px; font-size: 28px; }
.glyphicon-datagrid-userlevel { display: block; position: relative; font-size: 30px; margin-right: 2px; }
.label-datagrid-userlevel { display: block; position: relative; width: 70px; top: 6px; text-align: center; }
.navbar-text { margin-top: 0px; margin-bottom: 0px; }
.navbar-icon-link { display: inline-block; position: relative; height: 45px; top: 3px; text-decoration: none !important; }
.navbar-icons { font-size: 30px; height: 45px; width: 45px; position: relative; display: table-cell; text-align: center; vertical-align: middle; top: 3px; text-decoration: none !important; }
.control-label { font-weight: bold; }
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #8e2937; }
.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #701925; }
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0px 3px 3px 0px; }
.bootstrap-datetimepicker-widget { z-index: 999; }
.table-responsive { border: none; }
.main-search-form { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #555; }

/* PANELS  */
.panel-success { border-color: #3c763d; }
.panel-success>.panel-heading { color: #ffffff; background-color: #3c763d; border-color: #3c763d; }
.panel-warning { border-color: #8a6d3b; }
.panel-warning>.panel-heading { color: #ffffff; background-color: #8a6d3b; border-color: #8a6d3b; }
.panel-danger { border-color: #8e2937; }
.panel-danger>.panel-heading { color: #ffffff;background-color: #8e2937;border-color: #8e2937; }
.panel-info { border-color: #2d8aa6; }
.panel-info>.panel-heading { color: #ffffff; background-color: #2d8aa6; border-color: #2d8aa6; }

/* BUTTONS */
.btn-warning { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; }
.btn-warning:hover { color: #fff; background-color: #7d602d; border-color: #7d602d; }
.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning, .btn-warning.focus, .btn-warning:focus, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: #fff; background-color: #9e8456; border-color: #9e8456; }
.btn-primary { color: #fff; background-color: #285981; border-color: #285981; }
.btn-success { color: #fff; background-color: #3c763d; border-color: #3c763d; }

.host-list-item { cursor: help; color: #5bc0de; }
.view-switch-list { font-size: 26px; margin: -5px; }
.view-list-img { display: inline-block; position: relative; margin: 5px; max-height: 120px; width: auto; }
.view-imagelist a { position: relative; display: inline-block; }
.view-imagelist a:hover { transform: scale(1.2); z-index: 99; transition: all ease-in-out 200ms; }
.table-view-list td:first-child { width: 115px; text-align: right; padding: 2px; }
.table-view-list td:last-child { font-weight: bold; padding: 2px; padding-left: 8px; }
.badge-notify-reddot { background: red; position: absolute; top: 12px; left: 11px; padding: 0px 5px; color: red; border-radius: 8px; font-size: 0; height: 10px; transform: scale(0.9); z-index: 99; box-shadow: 0px 0px 5px 1px black; }
.badge-notify-ucast { background: red; position: absolute; top: 9px; left: 9px; padding: 2px 5px; color: white; border-radius: 8px; font-size: 16px; height: 20px; transform: scale(0.9); z-index: 99; box-shadow: 0px 0px 5px 1px black; }
.hodnoceni-klubu { position: relative; display: inline-block; margin-top: 5px; }
.hodnoceni-btn { display: inline-block;font-size: 30px;margin: -5px -5px;padding: 8px 5px;width: 40px;text-align: center;border: none;text-shadow: 1px 1px 5px grey; }
.hodnoceni-klubu.osobni-hodnoceni .hodnoceni-btn { font-size: 24px;padding: 0px;width: 32px;position: relative;top: -10px; }
.hodnoceni-klubu.osobni-hodnoceni {position: absolute;width: 176px;top: 85px;right: 38px;text-align: center;opacity: 0.8;margin-top: 10px;}
.hodnoceni-klubu a, .hodnoceni-klubu div { color: #919191; }
.hodnoceni-klubu:hover a { color: #f7ce05; }
.hodnoceni-klubu:hover a>span:before { content: "\e006"; }
.hodnoceni-klubu a:hover, .hodnoceni-klubu a:hover ~ a { color: #919191; }
.hodnoceni-klubu a:hover ~ a>span:before { content: "\e007"; }
.hodnoceni-klubu a:hover { color: #f7ce05; }
.hodnoceni-btn.hodnoceno { color: #f7ce05 !important; }
.moje-hodnoceni {display: inline-block;position:  absolute;right: 55px;top: 50px;margin-top: 4px;}

/* Vychytavky */
.modal-content .modal-header { color: #fff;background-color: #222222;padding: 15px;border-bottom: 1px solid #6b2c34; }
.modal-content .modal-body { background-color: #333; }
.modal-content .modal-header .close { color: white; }
.modal-content { background-color: #333; }
.tooltip-inner { max-width: 580px; padding: 6px 10px 1px; }
.cur-pointer { cursor: pointer; }

/* Reject thumbnail */
.file-thumbnail { display: inline-block; position: relative; padding-top: 10px; }
.file-thumbnail>a>img { display: block; max-width: 94%; max-height: 100px; border-radius: 4px; margin: auto; }
.file-thumbnail>a.btn-reject { display: block;position: absolute;padding: 6px 7px 5px 7px;line-height: 1;top: -6px;right: 2px;transition: all ease-in-out 200ms;opacity: 0; }
.file-thumbnail:hover>a.btn-reject { opacity: 1; }
.file-thumbnail>span { display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; font-size: 50px; color: #ca3131; pointer-events: none; }
.file-thumbnail.object-image { height: auto;max-height: 80px;margin: auto;padding: 0;margin-top:  15px; }
.file-thumbnail.object-image img.img-thumbnail { height: 80px; margin: auto; }
.file-thumbnail.object-image p { display: block;font-size: 11px;font-weight: bold;text-align: center;padding: 1px 5px; }
.half-opacity { opacity: 0.6; }
.btn-reject { position: absolute; opacity: 0; top: 0px; right: 0px; width: 25px; height: 25px; padding: 2px; transition: all ease-in-out .1s; }
.btn-locked { opacity: 1;cursor: default; }
.file-thumbnail-holder:hover .btn-reject { opacity: 1; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #4b4b4b; }

/* Reject thumbnail nahledovka */
.file-thumbnail.nahled-image { display: inline-block; position: relative; height: 100px; -webkit-transition: transform ease-in-out 100ms; -o-transition: transform ease-in-out 100ms; transition: transform ease-in-out 100ms; }
.file-thumbnail.nahled-image>a>img { display: block; max-width: 100%; max-height: 100%; border-radius: 4px; }
.file-thumbnail.nahled-image>button { display: block; position: absolute; top: -2px; right: -2px; transition: all ease-in-out 200ms; opacity: 0; padding: 5px 8px 2px 8px; font-size: 16px; }
.file-thumbnail.nahled-image:hover>button { opacity: 1; }
.file-thumbnail.nahled-image>span { display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 50px; height: 50px; font-size: 50px; color: #ca3131; pointer-events: none; }
.file-thumbnail.nahled-image { height: auto; margin: 0px 5px; }
.file-thumbnail.nahled-image img.img-responsive.img-thumbnail { height: 100px; margin: auto; }
.file-thumbnail.nahled-image p { display: block;font-size: 11px;font-weight: bold;text-align: center;padding: 1px 5px; }
.file-thumbnail.nahled-image:hover { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.edit-button-title { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/* Reject thumbnail seznam */
li.file-thumbnail.nahled-image { display: list-item; list-style: decimal; text-align: left; padding: 0; margin: 0; vertical-align: top; }
li.file-thumbnail.nahled-image a, li.file-thumbnail.nahled-image a img.img-responsive.img-thumbnail { text-align: left; margin: unset; display: inline-block; height: 60px; max-width: 60px; }
li.file-thumbnail.nahled-image a img.img-responsive.img-thumbnail { -webkit-transition: transform ease-in-out 100ms; -o-transition: transform ease-in-out 100ms; transition: transform ease-in-out 100ms; }
li.file-thumbnail.nahled-image a img.img-responsive.img-thumbnail:hover { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }
li.file-thumbnail.nahled-image a, li.file-thumbnail.nahled-image p { display: inline-block; }
li.file-thumbnail.nahled-image:hover { -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.file-list table.table.table-condensed { margin: 0; }
.file-list table.table.table-condensed>tbody>tr>td, .file-list table.table.table-condensed>tbody>tr>th, .file-list table.table.table-condensed>tfoot>tr>td, .file-list table.table.table-condensed>tfoot>tr>th, .file-list table.table.table-condensed>thead>tr>td, .file-list table.table.table-condensed>thead>tr>th { border: 1px solid #3e3e3e; border-bottom: none; vertical-align: initial; padding: 5px 10px; }
.file-list .btn.btn-relative { position: relative; }

/* jZechy fileupload */
.table>thead>tr>th.jzechy-thead { border-bottom: 1px solid #555; padding: 5px 10px; font-weight: normal; color: #777; }
img.img-jzechy-nahled { max-width: 120px; width: auto; height: auto; -webkit-transition: transform ease-in-out 200ms; -o-transition: transform ease-in-out 200ms; transition: transform ease-in-out 200ms; z-index: 1; }
img.img-jzechy-nahled:hover { -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); z-index: 9; }

/* Galerii */
div.gallery-list-holder { display: block; position: relative; }
/* 
div.gallery-list-holder>a { display: inline-block; position: relative; margin: 8px 6px; border-radius: 3px; overflow: hidden; border: 1px solid #222222; box-shadow: 1px 1px 5px 0px #2d2d2d; padding: 10px; } 
div.gallery-list-holder>a>img { border-radius: 3px; max-width: 100%; }
*/
div.gallery-list-holder>a[data-gallery] { display: inline-block; position: relative; width: 240px; height: 200px; border-radius: 3px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: transparent; transition: all ease-in-out 400ms; margin: 1px 3px; }
div.gallery-list-holder>a[data-gallery]:hover { background-size: contain; background-color: #222222; }
div.gallery-list-holder>a>img { display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }
div.gallery-list-holder>a>img.galerie-inside { display: none; }
.alert { opacity: 0.9; }

.btn-danger { color: #fff; background-color: #a02435; border-color: #a02435; }
.btn-danger:hover { color: #fff; background-color: #9b1729; border-color: #9b1729; }
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #9b1729; border-color: #9b1729; }
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color: #fff; background-color: #9b1729; border-color: #9b1729; }
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #9b1729; border-color: #9b1729; }
.progress-bar-danger { background-color: #8e2937; }
.nav.navbar-nav .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #8e2937; outline: 0; }
a.wpanel-link, a.wpanel-link div { text-decoration: none !important; color: white !important; }
.site-cover {display: block;position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;width: 100%;height: 100%;text-align: center;z-index: -1;pointer-events: none;background-color: #222222;opacity: 1;background: url(/images/background_fido_middle.jpg);background-size: cover;background-position: 50% 25%;background-repeat: no-repeat;background-color: #222222;background-size: cover;background-position: 50% 70%;background-repeat: no-repeat;background-blend-mode: hard-light;image-rendering: -webkit-optimize-contrast;-ms-filter: hue-rotate(5deg) opacity(0.9) contrast(0.9) brightness(0.6);-webkit-filter: hue-rotate(5deg) opacity(0.9) contrast(0.9) brightness(0.6);filter: hue-rotate(5deg) opacity(0.9) contrast(0.9) brightness(0.6);}
*:focus { outline: none !important; box-shadow: none; }
.site-cover img.onload-logo {position: relative;top: 50%;transform: translateY(-50%);max-width: 100%;max-height: 100%;margin: auto;z-index: 999;filter: opacity(0.6) brightness(1) contrast(1);}

.menu-vecere { overflow: auto; text-align: center; display: inline-block; margin: auto; border: 1px solid #383838; padding: 10px 20px 25px; background-color: #292929; border-radius: 10px; box-shadow: 1px 1px 25px 0px #292929; }


/* Oprava nové verze DateTimePickeru */
.datagrid .input-group { position: relative; display: table; border-collapse: separate; }
.datagrid .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; }
.datagrid .form-inline .input-group .input-group-append { width: auto; }
.datagrid .input-group-sm>.input-group-append { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0px 3px 3px 0px; }
.datagrid .input-group-append { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
.datagrid .input-group-text { display: unset; max-width: unset; margin-bottom: unset; font-weight: unset; }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #bd5a57; }

@media all and (max-width:1320px) { }
@media all and (max-width:1220px) { }
@media all and (max-width: 767px) {
    .draggable-container { width: 100%; position: relative; right: auto; top: auto; opacity: 1; margin-bottom: 15px; padding-right: 15px; padding-left: 15px; }
    .fix-overlay { position: relative; top: auto; left: auto; right: auto; bottom: auto; pointer-events: none; }
    img.user-headshot { position: relative; left: 50%; transform: translateX(-50%); }
    .glyphicon.menu-arrow-down { position: absolute; top: 50%; transform: translateY(-50%); right: 25px; }
    .usericonmenu, .icon-users { position: absolute; left: 23px; top: 2px; }
    .hodnoceni-klubu { width: 100%; margin-top: 20px; text-align: center; }
    .hodnoceni-klubu.osobni-hodnoceni { width: 176px; top: 5px; right: unset; text-align: center; opacity: 0.8; margin-left: auto; margin-right: auto; margin-top: 20px; position: relative; float: unset !important; }
    .panel-body .page-header h3,  .panel-body .page-header h4 { text-align: center; margin-top: 5px; }
    .moje-hodnoceni { position: relative; right: unset; display: block; text-align: center; top: 30px; }
    .hodnoceni-klubu.osobni-hodnoceni .hodnoceni-btn { top: 0px; }
    
        /* Mobile Datagrid */
    .data-res-cont { position: relative; display: block; padding: 0; margin: 0; }
    .data-res-cont>.datagrid { padding: 0px; margin: 0; display: block; box-sizing: content-box; }
    .data-res-cont>.datagrid>div>form>table.table { position: relative;display: block;width: 100%;height: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>tr {}
    .data-res-cont>.datagrid>div>form>table.table>thead { position: relative; display: block; width: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr:first-child { position: relative;display: block;width: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr { position: relative;display: block;width: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr>th { position: relative;display: inline-block;width: 49%;padding: 5px;margin: 0px;text-align: center;border-bottom-width: 0px;border-top-width: 3px; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr>th:last-child.col-action { display: none; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr:first-child>th:last-child { display: block;text-align: center;width: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>tbody { position: relative;display: block;width: 100%;padding: 0px 0px 0px 0px;margin: 10px 0px 10px 0px;border: 0; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr { position: relative;display: block;width: 100%;margin: 0px 0px 0px 0px; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td { position: relative;display: inline-block;width: 100%;right: 0;left: 0;border: 0;border-bottom: 1px solid #c1c1c1;text-align: left;padding: 5px 0px 3px 0px; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td::before { content: attr(mobile-header);position: relative;display: inline-block;width: 35%;height: 100%;left: 0;border-right: 1px solid grey;text-align: right;float: left;margin: -2px 10px 1px 2px;padding: 0px 10px 4px 0px; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr::before { content: "";display: block;width: 100%;border-top: 15px solid #222222; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td.col-action { padding: 5px;text-align: center;border-bottom: none; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td.col-action>.btn {padding: 2px 20px;margin: 1px 5px 2px 5px;}
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td.col-action::before { content: "";position: relative;display: block;border: 0;padding: 0;margin: 0; }
    .data-res-cont>.datagrid>div>form>table.table>tfoot, .data-res-cont>.datagrid>div>form>table.table>tfoot>tr, .data-res-cont>.datagrid>div>form>table.table>tfoot>tr>td, .data-res-cont>.datagrid>div>form>table.table>tfoot>tr>td>div, .data-res-cont>.datagrid>div>form>table.table>thead, .data-res-cont>.datagrid>div>form>table.table>thead>tr, .data-res-cont>.datagrid>div>form>table.table>thead>tr>td, .data-res-cont>.datagrid>div>form>table.table>thead>tr>td>div { position: relative; display: block; width: 100%; }
    .data-res-cont>.datagrid>div>form>table.table>tfoot>tr>td>div, .data-res-cont>.datagrid>div>form>table.table>thead>tr>td>div { text-align: center; padding: 6px 0px; }
    .data-res-cont .datagrid .row-grid-bottom { width: 100%; display: block; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td[mobile-progress]::before { content: '';position: relative;display: none;width: 0;margin: -2px 10px 1px 2px;padding: 0px 10px 4px 0px; }
    .data-res-cont>.datagrid>div>form>table.table>tbody>tr>td[mobile-progress] { padding: 8px; }
    .data-res-cont>.datagrid>div>form>table.table>thead>tr>th[mobile-progress] { display: none; }
    
}
@media all and (min-width: 767px) {
    .navbar-nav>li { padding-top: 0px; }
    .navbar-inverse .navbar-nav>li>a { height: 55px; padding-top: 19px; padding-bottom: 15px; }
    .panel-control-box-minimized { display: block; position: fixed; width: 300px; width: 36px; height: 42px; z-index: 99; border: 1px solid #868686; box-shadow: 0px 0px 6px 2px #737373ad; top: 77px; left: 10px; overflow: hidden; }
    .panel-control-box-maximized { }
}
@media all and (min-width: 1200px) {
    .panel>.table-responsive { overflow: visible; }
}