.td-blue-1 {
    background-color: #0c7cd5
}

.td-green-1 {
    background-color: #37b327
}

.td-green-2 {
    background-color: #47c419
}

.td-green-3 {
    background-color: #7ace1b
}

.td-green-4 {
    background-color: #b7da22
}

.td-green-5 {
    background-color: #d4dc2a
}

.td-orange-1 {
    background-color: #fad432
}

.td-orange-2 {
    background-color: #fabb2d
}

.td-orange-3 {
    background-color: #faa52a
}

.td-orange-4 {
    background-color: #fa8f26
}

.td-orange-5 {
    background-color: #fa7324
}

.td-red {
    background-color: #d91414
}

.td-gray {
    background-color: #adacac
}

.btn-top-margin {
    margin-top: 38px
}

.btn-add-company {
    display: flex;
    justify-content: flex-end
}

.campaign_visual img {
    height: auto;
    width: 100%
}

.col-device_name img, .col-name img {
    border-radius: 3px;
    margin-right: 15px;
    max-height: 35px
}

table thead {
    background: #f6f7f8
}

.ui-timepicker-wrapper {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin: 0;
    max-height: 150px;
    outline: 0;
    overflow-y: auto;
    width: 6.5em;
    z-index: 10001
}

.device_name {
    display: flex
}

.color-error {
    color: red
}

.color-success {
    color: green
}

.campaign_video {
    height: 300px
}

.col-date_start, .col-date_stop {
    width: 120px !important
}

.col-total_budget {
    width: 150px !important
}

.col-campaign_type {
    width: 160px !important
}

.email_input {
    width: 200px
}

.fa-remove, .fa-times {
    color: #fd3945
}

.float-left {
    display: flex
}

.float-left label {
    padding-right: 15px
}

.category-list li {
    width: 100%
}

.col-sum_budget, .col-sum_budget_after_discount {
    min-width: 140px
}

.col-sum_impressions {
    min-width: 130px
}

.padding-top {
    padding-top: 20px
}

.nav-translate .active a, .nav-translate a.active {
    background-color: #0c7cd5 !important;
    border-color: #0c7cd5 !important;
    color: #fff !important
}

.btn-float-right {
    float: right
}

.visual-image img {
    width: 100px
}

.campaign_video {
    width: 100%
}

.campaign_media {
    border: 1px solid rgba(0, 0, 0, .125);
    height: 355px;
    margin-bottom: 20px;
    width: 200px
}

.campaign-vizual-img {
    width: 100%
}

#snippet--flashes {
    bottom: 0;
    left: 14px;
    position: fixed;
    width: 370px;
    z-index: 7000
}

#snippet--flashes .alert {
    margin-bottom: 14px;
    padding: 25px
}

#loadingSpinner {
    border-width: 15px;
    bottom: 50%;
    display: none;
    height: 3rem;
    left: 50%;
    opacity: .65;
    position: fixed;
    width: 3rem;
    z-index: 10000
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: .2rem
}

.availability-table td.percent, .availability-table th.percent {
    height: 35px !important;
    max-height: 35px !important;
    max-width: 35px !important;
    min-height: 35px !important;
    min-width: 35px !important;
    overflow: hidden;
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
    width: 35px !important
}

.availability-table td.text, .availability-table th.text {
    max-width: 200px;
    overflow: hidden;
    padding: 5px;
    white-space: pre;
    width: 200px
}

.campaign-availability-table td.percent, .campaign-availability-table th.percent {
    height: 40px !important;
    max-height: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    overflow: hidden;
    padding: 5px !important;
    text-align: center;
    vertical-align: middle;
    width: 40px !important
}

.campaign-availability-table td.text, .campaign-availability-table th.text {
    min-width: 200px;
    overflow: hidden;
    padding: 5px;
    white-space: pre
}

.impressions-table, .price-table {
    background-color: #fff
}

.impressions-table td, .impressions-table th, .price-table td, .price-table th {
    padding: 7px !important
}

.error-devices-table td, .error-devices-table th {
    padding: .3rem !important
}

.error-devices-table .actions {
    text-align: right;
    width: 180px
}

@media (min-width: 1600px) {
    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
}

.datagrid td, .datagrid th {
    padding: .6rem 1rem
}

.datagrid td input[type=text], .datagrid th input[type=text] {
    padding-left: 5px;
    padding-right: 5px
}

.table-responsive .datagrid {
    padding-left: 0;
    padding-right: 0
}

.grid-mb-100 table {
    margin-bottom: 100px
}

.highlight-table-row td {
    border-bottom-color: #0c7cd5
}

.highlight-table-col {
    border-right-color: #0c7cd5 !important
}

.highlight-table-cell {
    background-color: #ffffc2 !important
}

.nav-tabs .nav-link.active {
    border-color: #a1d9ff;
    border-width: 1px;
    border-bottom: none
}

#accountCommunication .nav-tabs {
    border-bottom: none !important
}

#accountCommunication .nav-tabs .nav-link {
    border: none;
    font-size: 1rem;
    font-weight: 700
}

#accountCommunication .nav-tabs .nav-link.active {
    border-bottom: 2px solid #007fcb;
    color: #007fcb !important;
    font-size: 1.2rem
}

.company_table tr td {
    padding: 10px 20px
}

.litle-checkbox {
    height: 20px;
    width: 20px
}

.col-categories .selectize-input, .col-company_devices_name .selectize-input {
    width: 150px
}

.delete-category {
    margin: 0;
    padding: 0 5px
}

.select2-selection--multiple
.select2-selection__choice {
    background-color: #294653;
    color: #000 !important;
}

.select2-selection--multiple
.select2-selection__choice:hover {
    background-color: #294653;
    color: #fff !important;
}

.col-agency_id {
    width: 200px !important;
}