/*
    Theme Name: rtb-forms
    Description: Stylesheet fpr RTB-WebApplications
    Author: Thomas Gröhn
    Author URI: https://knobloch-groehn.com/
    Tags: Website, Rtb, Content, CMS
*/


/****** Topic-Heading Style *********/

.rtb-form {
    background: #ffffff;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;

    border-style: solid;
    border-width: 1px;
    border-color: rgb(200,200,200);
}

    .rtb-form .spacer {
        height: 20px;
    }

    .rtb-form .rightcol {
        border-left: 1px dashed #7f7f7f;
    }

    .rtb-form .leftcol {
        border-right: 1px dashed #7f7f7f;
    }

    .rtb-form .closeButton {
        top: 5px;
        left: 20px;
        width: 30px;
        height: 30px;
    }

    .rtb-form legend {
        padding-top: 30px;
        margin-bottom: 0px;
        margin-left: -20px;
        font-size: 14px;
        width: calc(100% + 30px);
    }

    .rtb-form .first {
        padding-top: 0px;
    }

    .rtb-form .control-label {
        margin-top: 15px;
        font-size: 12px;
    }

    .rtb-form .radio {
        font-size: 12px;
    }

    .rtb-form .radio-inline {
        font-size: 12px;
    }

    .rtb-form .checkbox-inline {
        font-size: 12px;
    }

    .rtb-form .checkbox.inline:last-child {
        margin-right: 0;
    }
    /*
    .rtb-form li.k-state-default.k-item {
        border-radius: 5px;
        margin-bottom: 0px;
        background-color: #e5e5e5;
        color: #cdcdcd !important;
        height: 40px;
        margin-right: 5px;
        background-image: none !important;
        border-bottom-width: 0px;
        font-size: 12px;
    }*/

    .rtb-form [readonly].k-input {
        background: #aaaaaa;
    }

    .rtb-form .radio label, .checkbox label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0px;
        font-weight: normal;
        cursor: pointer;
        font-size: 12px;
    }

    .rtb-form .k-radio-label, .k-checkbox-label {
        min-height: 21px;
        padding-left: 20px;
        margin-bottom: 0px;
        font-weight: normal;
        cursor: pointer;
        font-size: 12px;
    }

    .rtb-form .form-control {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        font-size: 12px;
        color: #000000;
    }


    .rtb-form [disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
        background-color: #dddddd;
        opacity: 1;
    }

    .rtb-form .form-control-static {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px;
        background-color: #e5e5e5;
        font-size: 12px;
        padding: 6px 12px;
    }

    .rtb-form .k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content {
        border-radius: 0px;
        font-size: 12px;
    }

    .rtb-form .submitrow {
        margin-top: 20px;
    }

    .rtb-form .html-raw-control {
        display: block;
        width: 100%;
        padding: 6px 12px;
        box-shadow: none;
        border-radius: 0px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #dddddd;
        opacity: 1;
        background-image: none;
        border: 1px solid #ccc;
        overflow: auto;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    }



.rtb-login-panel {
    width: 90%;
    max-width: 450px;
    display: block;
    padding-top: 100px;
    padding-bottom: 200px;
    margin-left: auto;
    margin-right: auto;
}

    .rtb-login-panel .img-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }


.rtb-grid-btn {
    color: #fff;
    background-color: var(--grid-button-back-color);
    border-color: var(--grid-button-back-color);
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 14px;
    font-weight: bold;
    color: var(--grid-button-font-color);
    height: 18px;
}

.rtb-grid-btn-active {
    color: #fff;
    background-color: var(--grid-button-back-color);
    border-color: var(--grid-button-back-color);
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 14px;
    font-weight: bold;
    color: var(--grid-button-font-color-active);
    height: 18px;
}

.rtb-grid-btn-inactive {
    color: #fff;
    background-color: var(--grid-button-back-color);
    border-color: var(--grid-button-back-color);
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 14px;
    font-weight: bold;
    color: var(--grid-button-font-color-inactive);
    height: 18px;
}

/****** Tabstrip Style *********/

.rtb-form-tabstrip {
}
.rtb-form-tabstrip .k-tabstrip-wrapper {
    margin-left: -30px;
    margin-right: -30px;
}

.rtb-form-tabstrip  .rtb-tabstrip-content {
    margin-left: 15px;
    margin-right: 15px;
}

.rtb-form-tabstrip .rtb-tabstrip-content .card-number {
    font-size: 20px;
}

.rtb-form-tabstrip .rtb-tabstrip-content .card {
    background-color: #ffffff;
    border: 1px solid rgb(204, 204, 204);
}

.rtb-form-tabstrip .rtb-tabstrip-content * {
    box-sizing: border-box;
}

.rtb-form-tabstrip .k-tabstrip.k-header {
    background-color: #ffffff;
}

.rtb-form-tabstrip .k-tabstrip .k-content.k-state-active {
    background-color: #f4f4f4;
    color: #333;
}

.rtb-form-tabstrip .k-tabstrip .k-item {
    background-color: #ffffff;
    border-color: #f4f4f4;
}

.rtb-form-tabstrip .k-tabstrip-items .k-state-active .k-link, .k-tabstrip-items .k-state-hover .k-link {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

.rtb-form-tabstrip .k-tabstrip .k-item.k-state-active {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

.rtb-form-tabstrip .k-tabstrip .k-item.k-first {
    margin-left: 25px;
}

.rtb-extern-tabstrip {
}

    .rtb-extern-tabstrip .k-tabstrip-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }


.rtb-list-tabstrip {
}

.rtb-list-tabstrip .rtb-tabstrip-content .card-number {
    font-size: 20px;
}

.rtb-list-tabstrip .rtb-tabstrip-content .card {
    background-color: #ffffff;
    border: 1px solid rgb(204, 204, 204);
}


    .rtb-list-tabstrip .rtb-tabstrip-content * {
        box-sizing: border-box;
    }

    .rtb-list-tabstrip .k-tabstrip.k-header {
        background-color: #ffffff;
    }

    .rtb-list-tabstrip .k-tabstrip .k-content.k-state-active {
        background-color: #f4f4f4;
        color: #333;
    }

    .rtb-list-tabstrip .k-tabstrip .k-item {
        background-color: #ffffff;
        border-color: #f4f4f4;
    }

    .rtb-list-tabstrip .k-tabstrip-items .k-state-active .k-link, .k-tabstrip-items .k-state-hover .k-link {
        background-color: #f4f4f4;
        border-color: #f4f4f4;
    }

    .rtb-list-tabstrip .k-tabstrip .k-item.k-state-active {
        background-color: #f4f4f4;
        border-color: #f4f4f4;
    }

/****** Grid-Toolbar Style *********/

.rtb-gridtoolbar {
    background: var(--navheader-back-color);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.rtb-gridtoolbar-btn {
    color: #333;
    background-color: var(--navheader-back-color);
    border-color: #ccc;
}

    .rtb-gridtoolbar-btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
    }