.lead-col-id {
    width: 5%
}
.lead-col-created-at {
    width: 9%
}
.lead-col-name {
    width: 11%
}
.lead-col-contacts {
    width: 15%
}
.lead-col-domain {
    width: 10%
}
.lead-col-campaign {
    width: 9%
}
.lead-col-broker {
    width: 9%
}
.lead-col-status {
    width: 10%
}
.lead-col-subs {
    width: 10%
}

.cam-col-id {
    width: 5%
}
.cam-col-created-at {
    width: 12%
}
.cam-col-title {

}
.cam-col-broker {

}

.my-7 {
    margin-top: 80px;
    margin-bottom: 30px;
}

.dn {
    display: none;
}
.pointer-cursor {
    cursor: pointer;
}
.p-2-1 {
    padding: 0.4rem !important;
}

.duplicate-span:hover {
    background-color: #007bff;
}

.list-remover:hover {
    color: red;
}
.rule-remover:hover {
    color: red;
}

.delete-btn:hover {
    background-color: #dc3545;
}
.adder-btn {
    border: 1px solid white;
    color: #027bff;
}
.adder-btn:hover {


}
.bg-selected {
    background-color: #eaecef;
}

.prevent-select {
    cursor: move;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
#preload {
    background:white;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    z-index: 100000;
}
.cam-tr td {
    height: 50px
}
.form-inline .multiselect-container span.form-check {
    padding: 1px 0px 1px 0px !important;
}

.form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: left;
    width: auto;
    padding-left: 0;
}

@media (max-width: 1250px) {
    .form-inline .multiselect-container span.form-check {
        padding: 3px 1px 3px 20px !important;
    }
}

.badge-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}

.badge-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
    border: 1px solid;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    transition: color 0.5s;
}
.badge-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
    border: 1px solid;
}

.badge-hover:hover {
    background-color: #343a40;
    cursor: pointer;
}
.table-nav {
    width: 100%
}

.status-col-id {
    width: 50px;
}
.status-col-created-at {
    width: 50px;
}
.status-col-title {
    width: 50px;
}
.status-col-status {
    width: 50px;
}
.cam-card .body {
    cursor: pointer;
}

.cam-card .body:hover {
    transition: all 0.2s ease;
    transform: scale(1.015);
}


@media (max-width: 991px) {
    .col-a-1 {
        width: 4%;
        flex: 0 0 4%;
        max-width: 4%;
    }
    .col-a-6 {
        width: 30%;
        flex: 0 0 30%;
        max-width: 30%;
        padding-right: 5px;
    }
    .col-a-4 {
        padding-left: 0;
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-a-10 {
        width: 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }
    .col-a-11 {
        width: 89%;
        flex: 0 0 89%;
        max-width: 89%;
    }
}

@media (min-width: 992px) {
    .col-a-1 {
        width: 4%;
        flex: 0 0 4%;
        max-width: 4%;
    }
    .col-a-6 {
        width: 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }
    .col-a-4 {
        padding-left: 0;
        width: 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .col-a-10 {
        width: 92%;
        flex: 0 0 92%;
        max-width: 92%;
    }
    .col-a-11 {
        width: 96%;
        flex: 0 0 96%;
        max-width: 96%;
    }
}
div.selectize-input {
    min-height: calc(1.5em + 0.75rem + 2px);
    padding-top: 9px;
}

.selectable {
    cursor: pointer;
}
.selectable:hover {
    transition: all 0.2s ease;
    transform: scale(1.015);
}
.white-items .item {
    background-color: white !important;
}