.f12-cookie .hide {
    display: none;
}

.f12-cookie select,
.f12-cookie textarea,
.f12-cookie input[type='text'] {
    width: 100%;
}

.f12-cookie textarea {
    min-height: 200px;
}

.f12-cookie table {
    background-color: #f9f9f9;
    border:           1px solid #edeaea;
    border-collapse:  collapse;
    margin-bottom:    20px;
    min-width:        700px;
}

.f12-cookie label {
    font-weight: bold;
}

.f12-cookie table td {
    vertical-align: top;
    padding:        10px;
    border-bottom:  1px solid #edeaea;
}

.f12-cookie table td span {
    vertical-align: middle;
}

.f12-cookie table td p {
    margin: 0.5em 0;
}

.f12-cookie table tr:last-child td {
    border-bottom: 0;
}

.f12-cookie table tr td:last-child {
    vertical-align: middle;
}

.f12-cookie table tr td:first-child {
    width:            150px;
    border-right:     1px solid #edeaea;
    background-color: #f5f5f5;
}

.f12-cookie .hardware {
    max-width: 95%;
    display:   flex;
    flex-flow: row wrap;
}

.f12-cookie .hardware > div {

    padding:          20px;
    flex:             1 1 29%;
    max-width:        29%;
    background-color: #fff;
    margin-right:     20px;
}

.f12-cookie .screen-css {
    display:  block;
    position: relative;
    width:    150px;
    height:   70px;
    border:   1px solid #edeaea;
}

.f12-cookie .screen-css input:nth-last-of-type(1) {
    position: absolute;
    left:     5px;
    top:      5px;
}

.f12-cookie .screen-css input:nth-last-of-type(2) {
    position: absolute;
    right:    5px;
    top:      5px;
}

.f12-cookie .screen-css input:nth-last-of-type(3) {
    position: absolute;
    left:     5px;
    bottom:   5px;
}

.f12-cookie .screen-css input:nth-last-of-type(4) {
    position: absolute;
    right:    5px;
    bottom:   5px;
}

.f12-cookie .screen-css i {
    position: absolute;
    left:     45%;
    top:      45%;
}