/*
 Login Page
*/

.login.login-4 .login-locale {
    display: none;
}
.login.login-4.login-signin-on .login-locale {
    display: none;
}
.login.login-4.login-signup-on .login-locale {
    display: none;
}
.login.login-4.login-forgot-on .login-locale {
    display: none;
}
.login.login-4.login-locale-on .login-locale {
    display: block;
}

.login.login-4 .login-ad {
    display: none;
}
.login.login-4.login-signin-on .login-ad {
    display: none;
}
.login.login-4.login-signup-on .login-ad {
    display: none;
}
.login.login-4.login-forgot-on .login-ad {
    display: none;
}
.login.login-4.login-ad-on .login-ad {
    display: block;
}

/*
  COMMON STYLES
*/

pre[data-date-time] {
    color: inherit;
    font-size: 100%;
    margin-bottom: 0;
}

/*
 ASIDE MENU
*/

.aside-minimize .brand .brand-logo {
    display: none;
}

/*
 Errors
*/

.errors-list {
    list-style: none;
    margin: 0;
}

/*
 Table context menu items
*/

.navi .navi-item .navi-link .navi-text {
    white-space: nowrap;
}
.navi .navi-item .navi-link.link-hover-danger:hover .navi-icon i,
.navi .navi-item .navi-link.link-hover-danger:hover .navi-text {
    color: #F64E60 !important;
}
.navi .navi-item .navi-link.link-hover-warning:hover .navi-icon i,
.navi .navi-item .navi-link.link-hover-warning:hover .navi-text {
    color: #FFA800 !important;
}

/*
Dashboard
*/

.chart a[href*="amcharts.com"] {
    display: none !important;
}

/* Locations nav */

.nav-tabs.i-tabs-wide .nav-item .nav-link {
    padding-left: 20px;
    padding-right: 20px;
}

/* Stats */

.stat-list .stat-item {
    width: 100% !important;
    white-space: initial !important;
    text-overflow: initial !important;
    background-color: #fff !important;
    border: none !important;
    border-radius: .42rem;
}
.stat-list .stat-item:hover {
    background-color: #f3f6f9 !important;
}
.stat-list .stat-item .item-cnt {
    font-weight: 700 !important;
    height: auto;
}
.stat-list .stat-item:hover .item-cnt {
    background-color: #fdfdfd !important;
}

.stat-list .stat-item.stat-summary {
    background-color: inherit !important;
}

.cell-status--free [data-status-name],
.cell-status--free .label,
.equipment-status--available [data-status-id],
.equipment-status--available .label {
    color: #34bfa3 !important;
}

.cell-status--damaged [data-status-name],
.cell-status--damaged .label,
.equipment-status--damaged [data-status-id],
.equipment-status--damaged .label,
.equipment-status--problem [data-status-id],
.equipment-status--problem .label {
    color: #f4516c !important;
}

.equipment-status--used [data-status-id],
.equipment-status--used .label {
    color: #5867dd !important;
}

.cell-status--has_virtual [data-status-name],
.cell-status--has_virtual .label,
.cell-status--virtual [data-status-name],
.cell-status--virtual .label,
.equipment-status--idle [data-status-id],
.equipment-status--idle .label {
    color: #ffb822 !important;
}

/* Equipment Items Modal */

#modalEquipment .modal-body ul,
#modalUser .modal-body ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
#modalEquipment .modal-body ul li {
    display: flex;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 4px;
}

/* Users Card (Equipment Usage) */

.card--users .card-body .user-ref {
    padding: 8px;
}
.card--users .card-body .user-ref:hover {
    background: #f3f6f9;
}

/* User Modal */

#modalUser .modal-body ul li .prefix {
    width: 100px;
    display: inline-block;
    margin-right: 10px;
}
#modalUser .modal-body ul li.delimiter {
    margin: 8px 0;
    border-bottom: 1px dashed #ebedf2;
}
#modalUser .modal-body ul li .comment {
    display: block;
    margin-left: 110px;
}

/* Stat tables */

.stat-table-wr {
    padding-right: 10px;
}

@media (min-width: 1200px) {

    #usersUsed,
    #usersDamaged {
        max-height: 680px;
    }

    .stat-table-wr {
        max-height: 300px;
    }

}

/* Reports Card */

.reports .report-ref {
    padding: 6px;
}
.reports .report-ref:hover {
    background: #f3f6f9;
}

/*
 DataTables
 */

.dataTables_length label {
    margin-bottom: 0 !important;
}

/* Fixed Header Fix */

.fixedHeader-floating.dataTable th {
    padding-left: 1rem;
    padding-right: 1rem;
}

.fixedHeader-floating.dataTable th.sorting_asc,
.fixedHeader-floating.dataTable td.sorting_asc {
    color: #3699FF !important;
}
.fixedHeader-floating.dataTable th.sorting_asc:before,
.fixedHeader-floating.dataTable td.sorting_asc:before {
    color: #3699FF !important;
}
.fixedHeader-floating.dataTable th.sorting_desc,
.fixedHeader-floating.dataTable td.sorting_desc {
    color: #3699FF !important;
}
.fixedHeader-floating.dataTable th.sorting_desc:after,
.fixedHeader-floating.dataTable td.sorting_desc:after {
    color: #3699FF !important;
}
.fixedHeader-floating.dataTable th.dt-right,
.fixedHeader-floating.dataTable td.dt-right {
    text-align: right;
}
.fixedHeader-floating.dataTable th.dt-center,
.fixedHeader-floating.dataTable td.dt-center {
    text-align: center;
}

.aside-minimize .fixedHeader-floating {
    /*left: 320px !important;*/
}

.clear-table-filters {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Checkboxes */

.dataTables_wrapper .dataTable th:first-child .checkbox,
.dataTables_wrapper .dataTable td:first-child .checkbox,
.fixedHeader-floating th:first-child .checkbox {
    justify-content: center !important;
    right: 0 !important;
}

/* Table common elements */

.dataTables_wrapper td.dataTables_empty {
    padding: 2rem .75rem !important;
}
.dataTables_wrapper .dataTables_info {
    text-align: center;
}
.table thead th {
    /*font-size: .97em;*/
    background: #f4f3f8;
    border-bottom-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table td {
    padding: .3rem .75rem !important;
}

td.text-09em {
    font-size: .9em !important;
}

/* Common Table Styles */

/* Statuses */

.status-wr {
    position: relative;
}

.status-wr .lock {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: .9em;
    padding: 2px;
    border-radius: 4px;
    background: #fff;
}

[class*="status--"] {
    width: 100% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ddd;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
}

/* Cabinets Statuses */

.cabinet-status.status--not-connected,
.servicecabinet-status.status--not-connected {
    color: #111111;
    background: #ffb822;
    border-color: #ffb822;
}
.cabinet-status.status--ready,
.servicecabinet-status.status--ready {
    color: #ffffff;
    background: #34bfa3;
    border-color: #34bfa3;
}
.cabinet-status.status--wait-sync {
    color: #1BC5BD;
    background: #C9F7F5;
    border-color: #C9F7F5;
}

/* Cells Statuses */

.cell-status.status--not-described,
.servicecell-status.status--not-described {
    background-color: #ffb822;
    border-color: #ffb822;
    color: #111111;
}
.cell-status.status--ready,
.servicecell-status.status--ready {
    background-color: #34bfa3;
    border-color: #34bfa3;
    color: #fff;
}
.cell-status.status--problem,
.servicecell-status.status--problem {
    background-color: #fd397a;
    border-color: #fd397a;
    color: #fff;
}

.cell-status.state--open {
    background: none !important;
    border-color: #34bfa3 !important;
    color: #34bfa3 !important;
}
.cell-status.state--open.status--problem {
    background: none !important;
    border-color: #fd397a !important;
    color: #fd397a !important;
}
.cell-status.state--content-damaged {
    background-color: #f4516c !important;
    border-color: #f4516c !important;
    color: #fff !important;
}

/* Equipment Statuses */

.equipment-status.status--idle {
    color: #111;
    background-color: #ffb822;
    border-color: #ffb822;
}
.equipment-status.status--available {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
.equipment-status.status--used {
    color: #fff;
    background-color: #5867dd;
    border-color: #5867dd;
}
.equipment-status.status--damaged,
.equipment-status.status--problem {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c;
}
.equipment-status.status--repair {
    color: #fd397a;
    background-color: rgba(253, 57, 122, .1);
    border-color: rgba(253, 57, 122, .1);
}
.equipment-status.status--repair--in-service {
    color: #8950FC;
    background-color: #EEE5FF;
    border-color: #EEE5FF;
}
.equipment-status.status--write-off-candidate {
    color: #ffb822;
    background-color: rgba(255, 184, 34, .1);
    border-color: rgba(255, 184, 34, .1);
}
.equipment-status.status--charging {
    color: #fd397a;
    background-color: #c9f7f5;
    border-color: #c9f7f5;
}

.equipment-status.joined-status--damaged,
.equipment-status.joined-status--problem {
    box-shadow: 4px 4px 1px #fd397a;
}
.equipment-status.joined-status--repair {
    box-shadow: 4px 4px 1px rgba(253, 57, 122, .6);
}

/* Parcels Statuses */

.parcel-status.status--sent {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
.parcel-status.status--cancel-wait,
.parcel-status.status--delivery-wait {
    color: #ffb822;
    background-color: rgba(255, 184, 34, .1);
    border-color: rgba(255, 184, 34, .1);
}
.parcel-status.status--delivered {
    color: #1bc5bd;
    background-color: #c9f7f5;
    border-color: #c9f7f5;
}

/* ServiceAct Statuses */

.serviceact-status.status--draft {
    color: #fff;
    background-color: #ffa800;
    border-color: #ffa800;
}
.serviceact-status.status--prepared {
    color: #fff;
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}
.serviceact-status.status--received-by-service {
    color: #8950FC;
    background-color: #EEE5FF;
    border-color: #EEE5FF;
}
.serviceact-status.status--offer,
.serviceact-status.status--repaired {
    color: #FFF;
    background-color: #F64E60;
    border-color: #F64E60;
}
.serviceact-status.status--received-by-owner,
.serviceact-status.status--approved {
    color: #fd397a;
    background-color: rgba(253, 57, 122, .1);
    border-color: rgba(253, 57, 122, .1);
}
.serviceact-status.status--repairing {
    color: #fff;
    background-color: #181C32;
    border-color: #181C32;
}

/* Vehicle Statuses */

.vehicle-status.status--available {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
.vehicle-status.status--used {
    color: #fff;
    background-color: #5867dd;
    border-color: #5867dd;
}
.vehicle-status.status--damaged,
.vehicle-status.status--problem {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c;
}
.vehicle-status.status--service {
    color: #fd397a;
    background-color: rgba(253, 57, 122, .1);
    border-color: rgba(253, 57, 122, .1);
}


/*.table tbody .user,*/
.table tbody .comment {
    display: block;
    font-size: .9em;
}

.table .date-time .date,
.table .date-time .time {
    display: block;
    font-size: .9em;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table .child .date,
.table .child .time {
    display: inline-block;
}
.table .child .time {
    margin-left: 5px;
}

.table .equipment-joined i {
    font-size: .9em;
}

.table td .ip {
    font-size: .9em !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.table td .ip .address {
    display: inline-block;
    margin-left: 4px;
}

/* JSON Data */

.table tbody .json {
    cursor: pointer;
}

/* Audio */

.table tbody a.audio i {
    color: #3699ff;
    margin-right: 5px;
}
.table tbody a.audio:hover i {
    color: #0073e9;
}

/* Virtual Cells rows */

.table tbody tr.virtual-cell {
    background: rgb(255, 220, 154, .4);
}
.table tbody tr.virtual-cell:hover {
    background: rgb(255, 220, 154, .5);
}

/* Problems rows */

.table tbody tr.problem,
.table tbody tr.problem-state--active {
    background: rgba(253, 57, 122, 0.08);
    /*background: #fd397a;*/
}
.table tbody tr.problem:hover,
.table tbody tr.problem-state--active:hover {
    background: rgba(253, 57, 122, 0.1);
    /*background: #fd1361;*/
}

/* Cell Content */

/*.table .equipment {
    color: #3f4254;
    cursor: default;
    padding: 0;
    margin-bottom: 2px;
}
.table .equipment:last-child {
    margin-bottom: 0;
}
.table .equipment.available {
    color: #34bfa3 !important;
}
.table .equipment.damaged,
.table .equipment.problem {
    color: #fd397a !important;
}
.table .equipment,
.table .reserved-by,
.table .content-type {
    font-size: .9em;
}*/

/* Equipment Labels */

.eqp-label {
    color: #3699FF;
    background-color: #E1F0FF;
    padding: 0 4px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    min-width: 45px;
    border-radius: .42rem;
    font-size: .9rem;
    font-weight: 600;
}
.eqp-label.available,
.equipment.available .eqp-label {
    color: #fff;
    background-color: rgba(10, 187, 135, .8);
}
.eqp-label.damaged,
.eqp-label.problem,
.equipment.damaged .eqp-label,
.equipment.problem .eqp-label {
    color: #ffffff;
    background-color: rgba(246, 78, 96, 0.8);
}
.equipment .eqp-label,
.equipment-list .eqp-label {
    height: 20px;
}
.equipment-list .eqp-label {
    display: flex;
    width: 100%;
    margin-bottom: 2px;
}
.equipment-list .eqp-label:last-child {
    margin-bottom: 0;
}

/* Equipment Card */

.equipment {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    background: #f3f6f9;
    border-radius: 5px;
    /*border: 1px solid #7e8299;*/
}
.equipment:not(:last-child) {
    margin-bottom: 6px;
}

.equipment.available {
    background: #c9f7f5;
}
.equipment.damaged,
.equipment.problem {
    background: #ffe2e5;
}

.cell-reserved-by.equipment {
    opacity: .4 !important;
}
.cell-reserved-by.equipment:hover {
    opacity: .7 !important;
}

.equipment .number {
    flex-basis: 100%;
    color: #7e8299;
    font-weight: bold;
    padding: 1px 4px;
}
.equipment.equipment-lg .number {
    font-size: 1.1em;
}

.equipment .type,
.equipment .time,
.equipment .model,
.equipment .serial_number,
.equipment .moved_by {
    color: #3f4254;
}

.equipment .serial_number,
.equipment .moved_by {
    flex-basis: 100%;
    font-size: .9em;
    padding: 1px 4px;
}
.equipment .serial_number:before {
    content: 'SN: ';
}
.equipment.equipment-lg .serial_number,
.equipment.equipment-lg .moved_by {
    font-size: 1em;
}

.equipment .model,
.equipment .time,
.equipment .type {
    flex-grow: 2;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 4px;
}
.equipment.equipment-lg .model,
.equipment.equipment-lg .type {
    font-size: .9em;
}
.equipment .model {
    max-width: 60%;
}
.equipment .type {
    max-width: 40%;
    text-align: end;
}
.equipment .time {
    font-weight: bold;
    width: 100%;
    text-align: end;
    /*background: #f3f6f9;*/
}

.equipment.with-joined {
    margin-bottom: 5px;
    box-shadow: 5px 5px 1px #dfdfdf;
}
.equipment.with-joined--available {
    box-shadow: 5px 5px 1px #88c7a7;
}
.equipment.with-joined--damaged {
    box-shadow: 5px 5px 1px #ff73a2;
}

/* Vehicle Card */

.vehicle {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    background: #f3f6f9;
    border-radius: 2px;
}
.vehicle:not(:last-child) {
    margin-bottom: 6px;
}

.vehicle.available {
    background: #c9f7f5;
}
.vehicle.damaged,
.vehicle.problem {
    background: #ffe2e5;
}

.vehicle .number {
    flex-basis: 100%;
    color: #7e8299;
    font-weight: bold;
    padding: 1px 4px;
}
.vehicle.vehicle-lg .number {
    font-size: 1.1em;
}

.vehicle .type,
.vehicle .time,
.vehicle .model,
.vehicle .serial_number,
.vehicle .moved_by {
    color: #3f4254;
}

.vehicle .serial_number,
.vehicle .moved_by {
    flex-basis: 100%;
    font-size: .9em;
    padding: 1px 4px;
}
.vehicle .serial_number:before {
    content: 'SN: ';
}
.vehicle.vehicle-lg .serial_number,
.vehicle.vehicle-lg .moved_by {
    font-size: 1em;
}

.vehicle .model,
.vehicle .time,
.vehicle .type {
    flex-grow: 2;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 4px;
}
.vehicle.vehicle-lg .model,
.vehicle.vehicle-lg .type {
    font-size: .9em;
}
.vehicle .model {
    max-width: 60%;
}
.vehicle .type {
    max-width: 40%;
    text-align: end;
}
.vehicle .time {
    font-weight: bold;
    width: 100%;
    text-align: end;
    /*background: #f3f6f9;*/
}

/* Supply Card */

.supply {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    background: #f3f6f9;
    border-radius: 2px;
}
.supply .name {
    flex-basis: 100%;
    color: #7e8299;
    font-weight: bold;
    padding: 1px 4px;
}
.supply.supply-lg .name {
    font-size: 1.1em;
}

.supply .type {
    flex-grow: 2;
    font-size: .8em;
    color: #3f4254;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: end;
    padding: 3px 4px;
}
.supply.supply-lg .type {
    font-size: .9em;
}

/* Parcel Card */

.parcel {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    background: #f3f6f9;
    border-radius: 2px;
}
.parcel .name {
    flex-basis: 100%;
    color: #7e8299;
    font-weight: bold;
    padding: 1px 4px;
}
.parcel.parcel-lg .name {
    font-size: 1.1em;
}

.parcel .type {
    flex-grow: 2;
    font-size: .8em;
    color: #3f4254;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: end;
    padding: 3px 4px;
}
.parcel.parcel-lg .type {
    font-size: .9em;
}

/* User Card */

.user {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
}
.user .name {
    flex-basis: 100%;
    color: #3F4254;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user.user-lg .name {
    font-size: 1.1em;
}

.user .type {
    flex-grow: 2;
    font-size: .8em;
    color: #3f4254;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: end;
    padding: 3px 4px;
}
.user.user-lg .type {
    font-size: .9em;
}

/* User Thing Card */

.user-thing {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    background: #f3f6f9;
    border-radius: 2px;
}
.user-thing .name {
    flex-basis: 100%;
    color: #7e8299;
    font-weight: bold;
    padding: 1px 4px;
}
.user-thing.user-thing-lg .name {
    font-size: 1.1em;
}

.user-thing .user,
.user-thing .type {
    flex-grow: 2;
    color: #3f4254;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 4px;
}
.user-thing .user {
    max-width: 60%;
}
.user-thing .type {
    max-width: 40%;
    text-align: end;
}
.user-thing.user-thing-lg .user,
.user-thing.user-thing-lg .type {
    font-size: .9em;
}

/* Equipment Cell Card */

.cell {
    display: flex;
    flex-wrap: wrap;
    background: #f3f6f9;
    border-radius: 2px;
}
.cell .cabinet-name,
.cell .name {
    flex-basis: 100%;
    padding: 1px 4px;
}
.cell .cabinet-name {
    font-size: .8em;
    color: #7e8299;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cell .name {
    color: #3f4254;
    font-size: .9em;
    font-weight: bold;
    text-align: end;
}

/* Chargers */

.table .charger,
.popover .charger {
    display: inline-block;
    font-size: .8em;
    color: #ccc;
    text-align: center;
    min-width: 30px;
    background-color: #eee;
    padding: 2px 5px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 4px;
}
.table .charger.active,
.popover .charger.active {
    color: #fff;
    background-color: #1bc5bd;
}
.table .charger.control,
.popover .charger.control {
    color: #fff;
    background-color: #187de4;
}

/* Equpment Groups Attachment */

.attach-group .filters {
    min-height: 70px;
}

.attach-group .filters .search,
.attach-group .filters .general-search {
    margin-bottom: 10px;
}

.attach-group .list {
    list-style: none;
    min-height: 315px;
    height: 315px;
    padding: 5px;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ebedf2;
    border-radius: .25rem;
}
.attach-group .list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 4px;
    user-select: none;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}
.attach-group .list .item:hover {
    cursor: pointer;
}
.attach-group .list .item.selected,
.attach-group .list .item.ui-selected {
    color: #ffffff;
    background: #564ec0;
}
.attach-group .list .item .id {
    display: none;
}
.attach-group .list .item .name .vehicle-number,
.attach-group .list .item .name .equipment-number {
    display: inline-block;
    font-weight: 400;
    min-width: 65px;
    text-align: center;
    padding: 0 15px;
    margin-right: 10px;
    background: #f1f1f1;
    border-radius: 10px;
}
.attach-group .list .item.selected .name .vehicle-number,
.attach-group .list .item.selected .name .equipment-number {
    color: #646c9a;
}

.attach-group .list .item .groups {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    height: 20px;
    min-width: 20px;
    background: #f1f1f1;
    border-radius: 10px;
}
.attach-group .list .item.selected .groups {
    color: #646c9a;
}

.review-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow: auto;
}

.review-list .equipment-number {
    display: inline-block;
    font-weight: 400;
    min-width: 55px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 2px;
    background: #f1f1f1;
    border-radius: 10px;
}

.review-table td:first-child {
    width: 10%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Service Act */

.cost {
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
}
.cost:after {
    content: "₽";
    display: inline-block;
    font-weight: normal;
    font-size: .9em;
    margin-left: 5px;
}

/*
   Special Groups
*/

.special-groups .equipment-group {
    color: #D1D3E0;
    font-size: .8em;
    margin-bottom: 2px;
}
.special-groups .equipment-group:last-child {
    margin-bottom: 0;
}
.special-groups .equipment-group.equipment-group-special {
    color: #3F4254;
    font-size: 1em;
}

#attachList {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 320px;
    overflow: auto;
}
#attachList li {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ebedf3;
}
#attachList li:last-child {
    border-bottom: none;
}
#attachList li:hover {
    cursor: pointer;
    background: #eee;
}
#attachList li > * {
    align-self: center;
}
#attachList li .number,
#attachList li .users {
    flex-basis: 30%;
}
#attachList li .users .user {
    display: block;
}

.equipment-list {
    display: flex;
    flex-wrap: wrap;
}

/*
   Damage Selector
*/

.damage-desc-variants ul {
    list-style: none;
    padding: 0;
    /*font-size: large;*/
}
.damage-desc-variants li {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

/* Damage List Editor */

#modal-ConfigDamages .modal-body [data-side="left"],
#modal-ConfigDamages .modal-body [data-side="right"] {
    min-height: 40px;
    padding: 10px 10px 10px 20px;
    border-left-style: solid;
    border-left-width: 4px;
}
#modal-ConfigDamages .modal-body [data-side="left"] {
    border-left-color: #f64e60;
}
#modal-ConfigDamages .modal-body [data-side="right"] {
    border-left-color: #187de4;
}
#modal-ConfigDamages .modal-body .handle {
    cursor: move !important;
}

/* Color Selectors (Cabinets Leds) */

.radio-color-inline {
    display: flex;
    margin-top: 15px;
}

.radio-color-inline .radio-color {
    margin-right: .4rem;
}
.radio-color {
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.3s ease;
    margin: 0;
}

.radio-color > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.radio-color > input[value="000000"] ~ span {
    background-color: #000000;
}
.radio-color > input[value="808080"] ~ span {
    background-color: #808080;
}
.radio-color > input[value="C0C0C0"] ~ span {
    background-color: #C0C0C0;
}
.radio-color > input[value="FFFFFF"] ~ span {
    background-color: #FFFFFF;
}
.radio-color > input[value="FF00FF"] ~ span {
    background-color: #FF00FF;
}
.radio-color > input[value="800080"] ~ span {
    background-color: #800080;
}
.radio-color > input[value="FF0000"] ~ span {
    background-color: #FF0000;
}
.radio-color > input[value="800000"] ~ span {
    background-color: #800000;
}
.radio-color > input[value="FFFF00"] ~ span {
    background-color: #FFFF00;
}
.radio-color > input[value="808000"] ~ span {
    background-color: #808000;
}
.radio-color > input[value="00FF00"] ~ span {
    background-color: #00FF00;
}
.radio-color > input[value="008000"] ~ span {
    background-color: #008000;
}
.radio-color > input[value="00FFFF"] ~ span {
    background-color: #00FFFF;
}
.radio-color > input[value="008080"] ~ span {
    background-color: #008080;
}
.radio-color > input[value="0000FF"] ~ span {
    background-color: #0000FF;
}
.radio-color > input[value="000080"] ~ span {
    background-color: #000080;
}

.radio-color > input:checked ~ span {
    /*background-color: #3699FF;*/
}

.radio-color > input:checked ~ span {
    transition: all 0.3s ease;
    /*background-color: none;*/
}
.radio-color-inline .radio-color span {
    /*margin-right: 0.75rem;*/
}
.radio-color > span {
    /*background-color: #EBEDF3;*/
    border: 1px solid #e0e0e0;
}
.radio-color > span {
    height: 18px;
    width: 18px;
}
.radio-color > span {
    /*border-radius: 50%;*/
    /*background-color: none;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio-color > input:checked ~ span:after {
    /*background-color: #ffffff;*/
    /*border-color: #ffffff;*/
}
.radio-color > input:checked ~ span:after {
    display: block;
}
.radio-color > span:after {
    width: 2px;
    height: 38px;
    background: transparent;
    border-width: 8px;
    border-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #3699FF;
    border-bottom-color: #3699FF;
}
.radio-color > span:after {
    content: "";
    display: none;
    /*border-radius: 100% !important;*/
}

/* Messages */

.messages .email {
    font-size: .9em;
}

/* Footer */

.footer .tech-info {
    font-size: .8rem;
    font-weight: 400;
    color: rgba(169, 169, 170, 0.6);
    cursor: default;
}