/* readonly items 
----------------------------------------------------------*/
:not(a)[readonly=readonly], [disabled], .readonly {
    background-color: #eaeaea !important;
}


.buttons-panel {
    /*z-index: 10;
    position: fixed;*/
    width: 100%;
    border-top: solid 2px #6bda27;
    /*border-bottom: solid 1px #6bda27;*/
    background-color: #929292;
}



    .buttons-panel.noname {
        background-color: #d7d7d7;
    }

    .buttons-panel::before, .buttons-panel::after {
        content: '';
        width: 100%;
        order: 1;
    }

    .buttons-panel div.page-title {
        display: inline-block;
        vertical-align: middle;
        color: white;
        font-size: 1.3rem;
        text-transform: uppercase;
        font-weight: 400;
        /*height: 3rem;*/
        /*text-shadow: 0px 0px 4px #2f2f2f;*/
        /*background-color: #5d5c5c;*/
        max-width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 15px 0 15px;
    }

    .buttons-panel .btn.expand {
        display: none;
        float: right;
        border-left: none;
    }

    .buttons-panel .page-buttons {
        float: right;
        display: inline-block;
        width: auto;
    }

#btnBack {
    border-left: none;
}

.buttons-panel .container-btn {
}
    .buttons-panel .container-btn .btn-dark {
        color: white;
    }


    .buttons-panel .container-btn .k-header-column-menu {
        visibility: hidden;
        font-size: 0;
    }

        .buttons-panel .container-btn .k-header-column-menu .k-icon {
            visibility: hidden;
            font-size: 0;
        }


.buttons-panel .btn {
    position: relative;
    border-left: solid #6bda27 1px;
    vertical-align: middle;
    text-decoration: none;
    box-shadow: none;
    box-sizing: border-box;
    width: 4.5rem;
    border-radius: 0;
    font-size: 1.5rem;
    vertical-align: middle;
    text-decoration: none;
    box-shadow: none;
    line-height: 1.0;
}


    .buttons-panel .btn[readonly=readonly], .buttons-panel .btn[disabled], .buttons-panel .btn.readonly {
        background-color: #525252 !important;
        color: silver;
    }


.buttons-panel a.picker {
    width: auto;
    color: white;
}

.buttons-panel a.drop-down-list {
    width: auto;
    color: white;
}

.buttons-panel i {
    vertical-align: middle;
}

.buttons-panel .btn {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.buttons-panel.small .btn.expand {
    display: inline;
    z-index: 3;
}

.buttons-panel.small .container-btn {
    display: none;
}

    .buttons-panel.small .container-btn a.picker {
    }

    .buttons-panel.small .container-btn a.drop-down-list {
    }

    .buttons-panel.small .container-btn .btn {
        min-width: 200px;
        text-align: left;
    }


    .buttons-panel.small .container-btn .btn {
        display: block;
        border-bottom: solid #6bda27 1px;
        width: 100%;
    }

.buttons-panel .container-btn .text {
    font-size: 0.6em;
    padding-left: 8px;
    line-height: 2em;
    vertical-align: middle;
    text-transform: uppercase;
}

.buttons-panel .container-btn .dropdownitem-text {
    font-size: 0.9em;
    padding-left: 0px;
    line-height: 2em;
    vertical-align: middle;
    text-transform: uppercase;
}

.buttons-panel .container-btn [readonly=readonly] {
    display: none;
}

.buttons-panel:not(.small) .container-btn .btn .text {
    display: none;
    font-size: 1.4em;
}

.buttons-panel .container-btn .btn .p-text {
    color: white;
}

.buttons-panel.small .container-btn .btn .p-text {
    /*display: none;*/
}

.container-btn .dropdown-menu {
    left: auto;
}

.buttons-panel .k-menu-group {
    background: #271d1d;
}

.buttons-panel .k-link:hover {
    background-color: #271d1d!important;
}