#device-container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.device-container{

    width: 100%;
}

div.rouvenfo-window{
    height: 100%;
    border: none;
    width: 100%;
    top: 0px;
    border-radius: 0px;

    .rouvenfo-window-title{
        border-radius: 0px;
    }

    .rouvenfo-window-content{
        min-height: calc(100% - 130px);
        background: #0F172A;
        color: #E0E7FF; 

        .window-data-container{
            margin-bottom: 30px;
        }

        input, .rouvenfo-combobox{
            position: relative;
            background: #0F172A;
            max-width: 100%;
            width: 100%;
            height: 40px;
            line-height: 40px;
            color: #E0E7FF; 
            padding-left: 10px;
        }

        .rouvenfo-combobox-list, .rouvenfo-typeahead-list{
            width: calc(100% - 30px);
            background: #1A2238;
            color: #E0E7FF;
            margin-top: -5px;

            .rouvenfo-combobox-list-item, .rouvenfo-typeahead-list-item{
                border-bottom: 1px solid #2C3E50;
                height: 40px;
                line-height: 40px;
            }
        }
    }

    .rouvenfo-window-footer{
        border-top: 1px solid #1C2838;
        background: #0F172A;
        height: 70px;

        .button{
            height: 40px;
            line-height: 40px;
            width: calc(50% - 10px);
            border: 1px solid #2C3E50;
        }
    }
}