.sticky {
    position: fixed;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    z-index:99;
    background-color:#9c9c9c;
    border-bottom-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-width:1px;
    border-color:#dbdbdb;
    padding-top:10px;
    padding-bottom:10px;
}

.port-label[text-anchor=start] {
    transform:matrix(1,0,0,1,15,5);
    fill:gray;
    font-size:12px;
}

.port-label[text-anchor=end] {
    transform:matrix(1,0,0,1,-15,10);
    fill:gray;
    font-size:12px;
}

.port-body[port-group=out] {
    fill:#c9302c;
    r:5;
}

.port-body[port-group=out]:hover {

    fill:#c9302c;
    r:8;
}

.port-body[port-group=in] {

    fill:#378AC4;
    r:5;
}

.port-body[port-group=in]:hover {

    fill:#378AC4;
    r:8;
}

circle {
    r:8;
}

circle:hover {
    r:10;
}

.dropdown-menu {
    min-width: 200px;
}
.dropdown-menu.columns-2 {
    min-width: 500px;
}
.dropdown-menu.columns-3 {
    min-width: 600px;
}
.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #999;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

.number {
    padding:5px;
    cursor:pointer;
    text-decoration:none !important;
}

.disabled-number {
    color:gray !important;
    cursor:default !important;
}


.numbers_ul .number.deactivated,
.numbers_ul .disabled-number.deactivated {
    color: #ff8c8c!important;
}

.text-left .tooltip-inner {
    text-align: left;
    white-space: initial;
}

.text-left .tooltip-inner br {
    content: "";
    display: block;
    height: 5px;
}

.icons span {
    margin-left: 5px;
}

.icons span:last-child {
    margin-right: 5px;
}

.icons .text-warning {
    color: rgb(201, 123, 5);
}

.icons .text-danger {
    color: rgb(208, 16, 16);
}

tr.selected {
    background: rgba(0, 0, 0, 0.1);
}

.custom-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-scrollbar-padding {
    padding-right: 15px!important;
}

#did-numbers thead tr,
#city-list thead tr {
    background-color: unset;
    color: #0B0F3B;
}

.new-version .dataTable thead tr th {
    position: relative;
    padding-left: 10px;
}

.new-version .dataTable thead tr th::after {
    bottom: 50%;
    transform: translateY(50%);
}

#city-list_filter,
#did-numbers_filter {
    display: none;
}

.text-center .far {
    font-size: 18px;
}

#did-table th {
    padding-left: 10px;
    padding-right: 10px;
}

#did-table th.sorting,
#did-table th.sorting_asc,
#did-table th.sorting_desc {
    padding-right: 25px;
}

#did-table th::after {
    bottom: 50%;
    transform: translateY(50%);
}

/* #did-table .not-assigned {
    animation: pulse-background 3s infinite;
} */

.text-not-assigned {
    font-style: italic;
    color: #DD1144;
}

.minitable td {
    padding:8px 4px 6px 4px !important;
}
.minitable p,
.minitable div {
    line-height: 1.1em;
}

.minitable div {
    margin-bottom: -2px;
}

.minitable .editable {
    position: relative;
    top: -2px;
}

@keyframes pulse-background {
    0% {
        background-color: rgba(253, 244, 208, 0.2);
    }
    50% {
        background-color: rgba(253, 244, 208, 0.8);
    }
    200% {
        background-color: rgba(253, 244, 208, 0.2);
    }
}