/* Stylesheet for elements, e.g. buttons */
/*Action buttons */

.jx-btn-float {
    float: left;
}

.jx-btn-add-graduatedPrices {
    color: #000;
    background: #ffcc49;
    border-color: #ffcc49;
    margin-left: 5px;
}

.jx-btn-add-cross {
    margin-left: 5px;
    color: green;
}

.jx-btn-hide-minus {
    color: red;
}

.addbtn {
    color: green;
    font-size: 25px;
}

.addbtn:hover {
    background-color: #d9d9d9;
}

.addbtn:active {
    background-color: #d9d9d9;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
    color: green;
}

.jx-div {
    margin-left: 5px;
}

.jx-btn-copyRoles {
    color: #fff;
    background: #a1cbef;
    border-color: #a1cbef;
    margin-left: 5px;
}

.jx-btn-editRights {
    color: #000;
    background: #ed7427;
    border-color: #ed7427;
    margin-left: 5px;
}

.jx-btn {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.jx-btn-primary {
    width: 130px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.jx-btn-primary-split {
    width: 210px;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.jx-btn-secondary {
    width: 130px;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.jx-btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.jx-btn-secondary.focus,
.jx-btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.jx-btn-secondary.disabled,
.jx-btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.jx-btn-secondary:not(:disabled):not(.disabled).active,
.jx-btn-secondary:not(:disabled):not(.disabled):active,
.show > .jx-btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.jx-btn-create {
    margin-left: -5px;
    margin-bottom: 10px;
}

.jx-btn-task-left {
    margin-left: -12px;
}

.jx-btn-task-label-left {
    margin-left: -4px;
}

.jx-btn-message {
    white-space: normal;
    width: 130px;
}

.jx-icon-message {
    color: white;
}

.jx-btn-activateUser {
    vertical-align: middle;
    margin-left: 8px;
}

.jx-btn-back {
    margin-right: 10px;
}

.jx_modal_header {
    background: whitesmoke;
}

.btnedit:link,
.btnedit:visited {
    background: #ed7427;
    border-color: #ed7427;
    color: white;
    padding: 9px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 38px;
    width: 16em;
    margin-left: 10px;
}

.btnedit:hover,
.btnedit:active {
    background: #ed7427;
    border-color: #ed7427;
    color: #faf4ff;
    height: 40px;
    margin-left: 10px;
}

.btnopen:link,
.btnopen:visited {
    background: #0069d9;
    border-color: #005ebf;
    color: white;
    padding: 9px 11px;
    text-align: center;
    display: inline-block;
    height: 38px;
    width: auto;
    margin-left: 10px;
    margin-top: 11px;
    border-radius: 8px;
}

.tab {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.nav-tabs .nav-item .nav-link {
    margin-left: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    color: #444444;
}

.nav-tabs .nav-item .nav-link.active {
    color: #000000;
    background: rgba(0, 0, 0, 0);
}

.nav-tabs .nav-item .nav-link:hover {
    color: #000000;
    background-color: rgba(0, 0, 0, 0.1);
}

.nav-tabs .nav-item .nav-link.active:hover {
    color: #000000;
    background-color: #ffffff;
}

.ml-10px {
    margin-left: 10px;
}

.tab-group {
    margin-left: -20px;
    margin-right: -20px;
}

.sm-sel-distance {
    margin-left: 81px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance1 {
    margin-left: 44px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance2 {
    margin-left: -12px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance3 {
    margin-left: -28px;
    margin-right: 13px;
    position: relative;
}

.sm-sel-distance4 {
    margin-left: 89px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance5 {
    margin-left: -3px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance6 {
    margin-left: 52px;
    margin-right: 13px;
    position: relative;
}
.sm-sel-distance7 {
    margin-left: -18px;
    margin-right: 13px;
    position: relative;
}