.bc-button-ok,
.bc-button-app,
.bc-button-action,
.bc-button-select {
    width: auto;
    max-width: 300px;
    min-width: 50px;
    height: 24px;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 22px;
    border: 0;
    font-size: 14px;
    font-family: "Source Sans Pro";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.bc-button-ok {
    background-color: #7fad5a;
    color: #fff;
    border: 1px solid #7fad5a;
    font-weight: bold;
}

    .bc-button-ok:hover {
        background-color: #729b51;
    }

    .bc-button-ok.disable-bc-button-ok {
        background-color: rgba(114,155,81, 0.3);
        cursor: default;
        border: 0;
    }

    .bc-button-ok.dropdown-grid-button {
        margin: 4px 0 4px 7px;
    }

.bc-button-app {
    background-color: #fff;
    color: #7fad5a;
    border: 1px solid #729b51;
}

    .bc-button-app:hover {
        background-color: #eeeeee;
    }

.page-top-bar .bc-button-ok,
.page-top-bar .bc-button-app,
.page-top-bar .bc-button-action {
    max-width: 150px;
    font-weight: bold;
}

.bc-button-action {
    background-color: #ececec;
    color: #000;
    border: 1px solid #d6d6d6;
    font-weight: bold;
}

    .bc-button-action:hover {
        background-color: #dddddd;
    }

.bc-button-back-div {
    position: relative;
    padding: 0;
    margin-left: 12px;
    width: 60px;
    height: 24px;
    display: inline-block;
    border: 0;
    background-color: #7fad5a;
    background-size: 13px;
    background-repeat: no-repeat;
}
    .bc-button-back-div:after {
        content: "";
        position: absolute;
        left: -12px;
        bottom: 0;
        width: 0;
        height: 0;
        border-right: 12px solid #7fad5a;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

.bc-button-back {
    width: 59px;
    height: 22px;
    display: inline-block;
    border: 0;
}

    .bc-button-back:after {
        content: "";
        position: absolute;
        left: -11px;
        bottom: 0;
        width: 0;
        height: 0;
        z-index: 1;
        border-right: 12px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .bc-button-back:hover:after {
        border-right: 12px solid #eee;
    }

    .bc-button-app-back {
    padding: 0;
    width: 12px;
    height: 24px;
    display: inline-block;
    border: 0;
    background-color: transparent;
    background-size: 13px;
    background-repeat: no-repeat;
}

.bc-button-select {
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0,rgba(218,218,218,1) 100%);
    color: #000;
    line-height: 30px;
    float: left;
    box-shadow: 0 0 0;
    border: 1px solid #d2d2d2;
}

    .bc-button-select:hover {
        background: linear-gradient(to bottom, rgba(228,228,228,1) 0,rgba(209,209,209,1) 100%);
    }

    .bc-button-select.active {
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2) inset;
        color: #000;
        border: 1px solid #b9b9b9;
        background: linear-gradient(to top, rgba(230,230,230,1) 0,rgba(217,217,217,1) 100%);
    }

.bc-button-icon {
    padding-left: 30px;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 14px;
}
    .bc-button-icon.f-right {
        float: right;
    }

.bc-button-svg-size {
    background-size: 22px;
}

.picture-position {
    float: right;
}

.picture-position {
    float: right;
}

    .fixed-width {
        max-width: 150px;
        min-width: 150px;
    }

.bc-image-icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.bc-switch-button {
    color: #b7b7b7;
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0,rgba(218,218,218,1) 100%);
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #d2d2d2;
    width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    margin: 0;
    float: left;
    cursor: pointer;
}

    .bc-switch-button.active {
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2) inset;
        color: #000;
        border: 1px solid #b9b9b9;
        background: linear-gradient(to top, rgba(238,238,238,1) 0,rgba(218,218,218,1) 100%);
    }

.bc-preview-field {
    width: 100%;
    border: 1px solid #d5d5d5;
    color: #a9a9a9;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    background-color: #f5f5f5;
}

.bc-dropdown-box {
    box-shadow: 0 0 0 1px rgba(210, 210, 210, 1) inset;
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0,rgba(218,218,218,1) 100%);
    color: #000;
    border: 0;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 0 12px;
}

    .bc-dropdown-box:focus {
        outline: 0;
    }

    .bc-dropdown-box .caret {
        float: right;
        margin-top: 15px;
    }

    .bc-dropdown-box:hover {
        box-shadow: 0 0 0 1px rgba(210, 210, 210, 1) inset;
        background: linear-gradient(to bottom, rgba(228,228,228,1) 0,rgba(209,209,209,1) 100%);
        color: #000;
        border: 0;
        width: 180px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        padding: 0 12px;
    }

    .bc-dropdown-box[aria-expanded="true"] {
        box-shadow: 0px 0px 6px 1px #b9b9b9 inset;
    }

.bc-editor .form-control {
    border: 1px solid #d2d2d2;
    border-radius: 0;
}

.bc-editor .ta-scroll-window.form-control,
.bc-editor .ta-scroll-window > .ta-bind {
    min-height: 150px;
}

.bc-editor.ta-root.focussed > .ta-scroll-window.form-control {
    border: 1px solid #7fad5a;
    box-shadow: 0 0 0;
}

.bc-time-picker a {
    box-shadow: 0 0 0;
}

    .bc-time-picker a:focus {
        outline: 0;
        border: 0;
        text-decoration: none;
    }

.bc-time-picker span {
    color: #7fad5a;
}

.bc-time-picker a:hover span {
    color: #0068a4;
}

.bc-time-picker input {
    height: 30px;
    border: 1px solid #cccccc;
    color: #555555;
    border-radius: 0;
    box-shadow: 0 0 0;
}

    .bc-time-picker input:focus {
        border: 1px solid #7fad5a;
        box-shadow: 0 0 0;
        outline: 0;
    }

.bc-time-picker .btn-link:focus {
    outline: 0;
    border: 0;
    box-shadow: 0 0 0;
}

.bc-input-number {
    border-radius: 0;
    border: 1px solid #ccc;
    height: 30px;
    padding-left: 12px;
}

    .bc-input-number:focus {
        border: 1px solid #7fad5a;
        box-shadow: 0 0 0;
        outline: 0;
    }

.bc-text-area {
    border-radius: 0;
    border: 1px solid #000;
    padding: 6px 12px;
    width: 100%;
    resize: none;
}

    .bc-text-area:focus {
        border: 1px solid #7fad5a;
        box-shadow: 0 0 0;
        outline: 0;
    }

.bc-input-label {
    width: 100%;
    height: 30px;
    color: #555;
    background-color: #ebebeb;
    box-shadow: inset 0 -1px 0 0 #d1d1d1;
    border: 0;
    padding: 0 10px;
}

    .bc-input-label:focus {
        box-shadow: inset 0 0 0px 1px #7fad5a;
        outline: 0;
    }

.bc-square-button {
    width: 30px;
    height: 30px;
    background-color: #7fad5a;
    color: white;
    border-radius: 0;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

    .bc-square-button:hover {
        background-color: #0169a3;
    }

.bc-accordion {
    background-color: #f5f5f5;
    cursor: pointer;
}

    .bc-accordion a {
        text-decoration: none;
    }

    .bc-accordion .panel {
        border: 0;
        box-shadow: 0 2px 1px 0 #dfdfdf;
        border-bottom: 1px solid #d1d1d1;
    }

    /*.bc-accordion label:first-of-type {
        font-weight: 700;
    }*/

    .bc-accordion label {
        width: 200px;
        font-size: 14px;
        /*font-weight: 100;*/
    }

/* TODO: Proveriti da li se koristi negde */
/*.bc-accordion i {
        color: #7fad5a;
    }*/
.bc-template-form-area {
    padding: 15px;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.26);
}

.bc-template-form-question {
    position: relative;
}

.bc-template-form-answers {
    margin: 15px auto 0;
    width: 90%;
}

    .bc-template-form-answers .single-question {
        margin: 0;
    }

    .bc-template-form-answers .formular-question-preview .formular-question-preview-text {
        background-color: #eee;
    }

        .bc-template-form-answers .formular-question-preview .formular-question-preview-text.form-control[disabled] {
            color: #a9a9a9;
            border: 1px solid #d5d5d5;
            box-shadow: 0 0 0;
        }