
/* 
    Created on : 9 oct. 2024, 18:08:50
    Author     : florian
*/



.rack
{
    border: 1px solid;
}



.rack-column
{
    width: 250px;
    display: inline-block;
}

.rack-row
{
    width: 250px;
    height: 23px;
    border: 1px solid;
}

.rack-slot
{
    width: 124px;
    height: 21px;
    display: inline-block;
}

.rack-wheel
{
    height: 30px;
}

.device-in-list
{
    width: 192px;
    border: 1px solid;
}

.device-in-list-brand-logo
{
    width: 35px;
    height: 35px;
    display: inline-block;
}

.device-in-list-title
{
    display: inline-block;
}

.device-in-list-description
{
    display: block;
}

.device-in-list-u-count
{
    display: inline-block;
    float: right;
    margin-right: 3px;
}

.device-in-list-image
{
    width: 190px;
}


.device-in-rack-slot
{
    width: 250px;
    min-height: 23px;
}

.device-in-rack-slot-dragged
{
    opacity: 50%;
    pointer-events: none;
}

.device-in-rack-slot-image
{
    width: 250px;
    display: block;
}

.half-device-in-rack-slot-image
{
    width: 125px;
    display: block;
}




.unselectable-text
{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


.DeviceUCount .DeviceBrandLogo .DeviceName .DeviceDescription .DeviceImage .RackColumnContainer .DeviceImage
{}