﻿body.admin { background: #edc641; background: #fff; color: #000; }
body.admin a { color: #000; }
body.admin .header { display: none; }
body.admin .footer { display: none; }

/* Admin list */

.admin-list { background: #edc641; background: #fff; color: #000; }
.admin-list .table { font-size: 14px; font-family: Roboto,sans-serif; width: 100%; margin-bottom: 30px; display: table; }
.admin-list .table .date { text-align: right; display: inline-block; vertical-align: top; width: 100%; max-width: 70px; }
.admin-list .table .date-short { text-align: right; display: inline-block; vertical-align: top; width: 100%; max-width: 45px; }
.admin-list .table tr { background: #fff; display: block; width: 100%; display: table-row; }
.admin-list .table tr.item { border: 1px solid #ddd; }
.admin-list .table tr.item.done { background: #e2f3e7; }
.admin-list .table tr.item > td { vertical-align: middle; }
.admin-list .table thead tr { border: 1px solid #ddd; }
.admin-list .table tr th { font-family: Roboto Condensed; padding: 10px 5px; display: table-cell; vertical-align: top; background: #fff; text-align: left; }
.admin-list .table tr th.a-r { text-align: right; }
.admin-list .table tr th:first-child { border: none; padding-left: 10px; }
.admin-list .table tr th:last-child { padding-right: 10px; }
.admin-list .table tr td:first-child { border: none; padding-left: 10px; }
.admin-list .table tr td { padding: 5px 5px; display: table-cell; vertical-align: top; }
.admin-list .table tr td.draft { color: red; }
.admin-list .table tr td.sub { padding: 0; border: none; }
.admin-list .table tr td.sub .table { margin-bottom: 0; }
.admin-list .table tr td.sub .table td { border-top: none; }
.admin-list .table tr td.actions { text-align: right; padding: 15px 15px; }
.admin-list .table tr td.actions .btn-lite { margin-left: 5px; }
.admin-list .table tr.sh-content > td { padding: 0; border: 1px solid #ddd; }
.admin-list .table > tbody > tr:nth-child(even) { background: #f9f9f9; }

/* Tasks */

.tasks { background: #fbfbfb; }
.tasks .item h2 { font-size: 20px; margin-bottom: 20px; font-weight: 400; padding: 15px; display: block; margin: 0; }
.tasks .item h2 a { text-decoration: none; padding-right: 20px; position: relative; }
.tasks .item h2 a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; display: inline-block; width: 0.4em; height: 0.4em; border-left: 0.1em solid #000; border-bottom: 0.1em solid #000; transform: rotate(-45deg); display: block; }
.tasks .item h2 a.active:after { transform: rotate(135deg); margin-top: 0; }
.tasks .item .task-content h4 { font-size: 16px; margin-bottom: 20px; }
.tasks .item .task-content { padding: 15px; }
.tasks .item .task-content .entry { margin-bottom: 40px; }
.tasks .item .task-content table tr { background: none; }
.tasks .item .task-content table tr th { padding: 5px 10px; background: none; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.tasks .item .task-content table tr td { padding: 5px 10px; background: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.tasks .item .task-content table tr td:first-child { padding-left: 0; }
.tasks .item .task-content table tr th:first-child { padding-left: 0; }

.hours { margin-bottom: 40px; }
.hours table { width: 100%; }
.hours table td .total { display: inline-block; vertical-align: top; }
.hours table td .per-hour { display: inline-block; vertical-align: top; width: 100px; }
.hours .foot { padding-top: 15px; }

/* Section head */

.section-head { margin-bottom: 20px; display: flex; flex-wrap; justify-content: space-between; }
.section-head h3 {  }

/* Buttons */

.btn-lite { font-family: Roboto Condensed; font-weight: 400; border: 1px solid #ddd; padding: 6px 10px 4px 10px; background: #fff; text-decoration: none; display: inline-block; vertical-align: top;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.btn-lite:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+100 */
    background: rgb(234,234,234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.btn-lite:last-child { margin-right: 0; }

/* Filter */

form.form-admin-filter { margin-bottom: 0; }
/*
form.form-admin-filter .cell-set { margin-left: -30px; }
form.form-admin-filter .cell { padding-left: 30px; width: 150px; text-align: left; white-space: nowrap; }
*/
form.form-admin-filter .cell label { display: inline-block; vertical-align: top; float: left; padding-top: 10px; margin-right: 10px; }
form.form-admin-filter .cell .selectric-wrapper { display: inline-block; vertical-align: top; }

/* Modal */

.acf-form-submit { padding: 10px 12px; }
.acf-field { border: none !important; }
.wp-media-buttons .insert-media { display: none !important; }

/************************************************************************************
MODAL BOOTSTRAP
*************************************************************************************/

.modal-dialog .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; }
.modal-dialog .close:hover, .modal-dialog .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; }
.modal-dialog .close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; }

.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal .modal-content { position: relative; background-color: #fff; padding: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-body { position: relative; padding: 15px; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.acf-field[data-name="poznamka"] textarea { min-height: 220px !important; }

@media (min-width: 768px) {
    .modal-dialog {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1610px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
