/* BUTTONS */

.btn-primary,
.show>.btn-primary.dropdown-toggle {
    background-color: #eb5f24;
    border-color: transparent;
}

.btn-outline-primary {
    border-color: #eb5f24;
    color: #eb5f24;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    border-color: #eb5f24;
    background-color: #eb5f24;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #d00e38;
    border-color: transparent;
}

a.btn-primary,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active {
    color: #FFFFFF;
}

a.btn-info {
    background: #bcbcbc !important;
    color: whitesmoke !important;
    cursor: help;
    border: none;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
}

.btn-icon {
    width: 24px;
    height: 24px;
    padding: 4px 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: transparent;
    border: none;
    //filter: invert(41%) sepia(16%) saturate(16%) hue-rotate(317deg) brightness(91%) contrast(85%);
}

.btn-icon.large {
    width: 30px;
    height: 30px;
    margin: 15px;
    font-size: 30px;
}

.btn-icon.xxl {
    height: 140px;
    width: 140px;
    font-size: 40px;
}

/* BUTTON PICTURES */

.edit {
    background-image: url("../img/pencil-orange.svg");
}

.delete {
    background-image: url("../img/trashbin-orange.svg");
}

.profile {
    background-image: url("../img/profile-orange.svg");
}

.analysis {
    background-image: url("../img/graph-orange.svg");
}

.back {
    background-image: url("../img/back_arrow-orange.svg");
}

.add {
    background-image: url("../img/plus-orange-negative.svg");
}

.exit {
    background-image: url("../img/exit_grey_fat.svg");
}

.star {
    background-image: url("../img/star.svg");
}

.reload {
    background-image: url("../img/reload.svg");
}

.pause {
    background-image: url("../img/pause-negative-grey.svg");
}

.scroll {
    background-image: url("../img/scroll-stock.png");
}

.unpause {
    background-image: url("../img/resume_test.svg");
    background-color: transparent;
    height: 60px;
    width: 60px;
    border: none;
}

.volume {
    background-image: url("../img/volume-up-orange.svg");
}

button.border-danger {
    background-color: #e0858e !important;
    /*background-color: #dc3545 !important;*/
}

button.border-success {
    background-color: #70c283 !important;
}