/****************************************/
/** EPK MOBILE GRID */

.epk-card-yellow .yellow-value {
    color: #ffbc19;
}

.epk-gridmobile-hidden {
    display: none;
}

.epk-gridmobile-cnt {
    overflow-y: hidden;
}

.epk-gridmobile {
    border-top: 1px solid #D3D3D3;
    height: calc(100% - 7.5rem);
    overflow-y: auto;
}

.epk-gridmobile .middle {
    font-style: italic;
}

.epk-gridmobile .container {
    border-bottom: 1px solid gainsboro;
    overflow: hidden;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 7rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .epk-gridmobile .container .left.disable {
        background-color: lightgray;
    }
    .epk-gridmobile .container .right.disable {
        background-color: lightgray;
    }


    .epk-gridmobile .container .left,
    .epk-gridmobile .container .right {
        cursor: pointer;
    }

        .epk-gridmobile .container .left i,
        .epk-gridmobile .container .right i {
            visibility: visible;
            font-size: 2rem;
            position: relative;
            top: -50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: width 150ms ease;
            transition: width 150ms ease;
        }

        .epk-gridmobile .container .right .two-icons {
            position: relative;
            top: -100%;
        }

    .epk-gridmobile .container .left i {
        left: 50%;
    }

        .epk-gridmobile .container .right i.gi {
            left: -7%;
        }
        .epk-gridmobile .container .right i.fa {
            left: 7%;
        }

        .epk-gridmobile .container .left:hover,
        .epk-gridmobile .container .right:hover {
            opacity: .7;
        }

    .epk-gridmobile .container .left {
        margin-right: 1rem;
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
        -webkit-transition: width 200ms ease;
        transition: width 200ms ease;
        background-color: #D06262;
        width: .5rem;
        height: 5rem;
    }

        .epk-gridmobile .container .left i {
            color: white;
        }

        .epk-gridmobile .container .left.left-swipe {
            width: 5rem;
        }

        .epk-gridmobile .container .right.right-swipe {
            width: 5rem;
            /*padding-left: 2rem;*/
}

        .epk-gridmobile .container .right.right-swipe .two-icons {
            position: relative;
            width: 100%;
            height: 100%;
            top: 0%;
        }

        .epk-gridmobile .container .right.right-swipe .second-icon {
            bottom: 3rem;
            position: absolute;
            right: -3em;
            font-size: 1rem;
        }

        .epk-gridmobile .container .left.left-swipe i,
        .epk-gridmobile .container .right.right-swipe i {
            visibility: visible;
            top: 50%;
        }

    .epk-gridmobile .container .right {
        padding-left: 0rem;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        top: 1rem;
        right: 0;
        -webkit-transition: width 200ms ease;
        transition: width 200ms ease;
        background-color: #BAE6D3;
        width: .5rem;
        height: 5rem;
    }

        .epk-gridmobile .container .right i {
            color: #27B779;
        }

    .epk-gridmobile .container .content.right-swipe {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

    .epk-gridmobile .container .content.left-swipe {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

    .epk-gridmobile .container .content {
        cursor: pointer;
        overflow: hidden;
        -webkit-transition: -webkit-transform 200ms ease;
        transition: -webkit-transform 200ms ease;
        transition: transform 200ms ease;
        transition: transform 200ms ease, -webkit-transform 200ms ease;
        -webkit-transform: translateX(0rem);
        transform: translateX(0rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

        .epk-gridmobile .container .content .rows {
            width: 100%;
        }

        .epk-gridmobile .container .content .row {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .epk-gridmobile .container .content .row .priorita-icon{
                margin: .1rem;
            }

            .epk-gridmobile .container .content .row .title {
                cursor: pointer;
                /*text-decoration: underline;*/
                font-weight: bold;
                color: #6699FF;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-transform: uppercase;
            }

            .epk-gridmobile .container .content .row .title:hover {
                opacity: .7;
            }

            .epk-gridmobile .container .content .row .date {
                margin-left: 1rem;
                margin-right: 1rem;
                text-decoration: initial;
                color: gray;
                text-align: right;
                width: 100%;
            }

            .epk-gridmobile .container .content .row .text {
                word-break: break-word;
                /*word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;*/
                width: 95%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .epk-gridmobile .container .content .row .color {
                /*width: 1rem;
                height: 1rem;
                background-color: yellow;
                border: 1px solid gray;
                border-radius: 1rem;
                margin-right: .3rem;*/
                width: 1rem;
                margin-bottom: -0.2rem;
                margin-left: 0.1rem;
                margin-right: 0.1rem;
            }

    .epk-bottom-panel {
        text-align: right;
        border-top: 1px solid #E7EAF2;
    }

    .epk-bottom-panel .epk-status-widget {
        padding-right: 1rem;
    }


/*****************************************/

.epk-detail-mobile-form {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #6f9aff;
    border-bottom: 1px solid #6f9aff;
    background-color: #dee7fc;
}

    .epk-detail-mobile-form .icon {
        font-size: 1.25rem;
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

.epk-detail-mobile-form .container {
    margin: 0.25rem;
}

.epk-detail-mobile-form .item {
    display: flex;
    margin-right: 1rem;
}

.epk-detail-mobile-form .bold {
    font-weight: bold;
    margin-right: 0.25rem;
}

/** CARDPANEL */
.epk-card-blue {
    background-color: rgb(102,153,255, 0.1);
}

.epk-card-red {
    background-color: rgb(234,47,78, 0.1);
}

.epk-card-green {
    background-color: rgb(39,183,121, 0.1);
}

.epk-card-yellow {
    background-color: rgb(255,235,25, 0.1);
}

.epk-card-purple {
    background-color: rgb(170,0,190, 0.1);
}

/*************************************************/

.epk-cardgrid .epk-bottom-panel {
    border-top: 1px solid #E7EAF2;
}

.epk-cardgrid .epk-status-widget {
    float: right;
    line-height: 1.5rem;
    display: inline-block;
    padding: 0 0.5rem;
    white-space: nowrap;
    border-left: 1px solid #E7EAF2;
}
/*
#epk-cardpanel .g-kpi-multirow {
    cursor: pointer;
}*/

.epk-card-c {
    cursor: pointer;
}

#epk-cardpanel .flex-item {
    background: white;
    border: 1px solid #e5d9d9;
}

#epk-cardpanel .g-kpi-multirow-epk-button {
    color: white;
    font-weight: bold;
    border: none;
    width: 8rem;
    min-width: 5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
}

    #epk-cardpanel .g-kpi-multirow-epk-button:hover {
        opacity: .7;
    }

#epk-cardpanel .g-kpi-multirow-epk-button-success {
    background: #27B779;
}

#epk-cardpanel .g-kpi-multirow-epk-button-fail {
    margin-left: .5rem;
    background: #C63C3C;
}

#epk-cardpanel .g-kpi-multirow-body .g-kpi-multirow-body-textWrapper {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#epk-cardpanel .g-kpi-multirow-body .g-kpi-multirow-body-secondaryText .g-kpi-epk-vec {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

#epk-cardpanel .g-kpi-multirow-body .g-kpi-multirow-body-icon {
    width: 5rem;
}

/* pro úpravu badge v panelu sidebaru SOUHRN */
.gsbpanel .gform .gform-row .gform-field.gform-text.gbadge_epk_panel {
    border-radius: 4px;
    font-weight: bold;
    margin-left: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .25rem;
}

.js-gbuttonpanel-item.vraceno_vlastnizadosti_subtaks_class .gbadge {
    background-color: #C63C3C;
}

.js-gbuttonpanel-item.vraceno_vlastnizadosti_subtaks_class:after {
    background-color: #C63C3C;
}

.js-gbuttonpanel-item.vyrizeno_vlastnizadosti_subtaks_class .gbadge {
    background-color: #27B779;
}

.js-gbuttonpanel-item.vyrizeno_vlastnizadosti_subtaks_class:after {
    background-color: #27B779;
}

.epk-attachment-parent {
    height: 100%;
}

.epk-maingrid .grid-asyncsettlement-epk-list {
    color: #C63C3C;
}

.epk-maingrid .grid-noview-epk-list {
    font-weight: bold !important;
}

/** test cert */
.description .cert-kpi-class {
    color: black;
    font-style: italic;
    font-weight: normal;
}

.epk-nahled-sidebar-class {
    text-align: center;
    margin-top: 1rem;
    font-size: 1rem;
}

.epk-kpi-sidebar-simple-detail-class {
    display: inline-flex;
}

.main .attached_file_icon {
    padding-right: 0.2rem;
}

.main .attached_file_badge {
    padding: 0.2rem;
}

.main .celyurad_check_class {
    margin: 1rem;
}

.main .epk_statusbar_disabled {
    opacity: 0.35;
}

.main .epk_statusbar_checked {
    background-color: #6699FF;
}

.main .gsidebar.dn {
    display: none;
}

.main .ui-dialog-content.ui-widget-content.gcontent.activity-content.gshortcut.dn {
    display: none;
}

.main .detail_flash .text {
    display: inline-block;
}

.main .detail_flash .extend_mode {
    display: inline-block;
}

.main .detail_flash .hide_flash {
    display: inline-block;
    float: right;
}