body div{
    box-sizing: border-box;
}

.sdx-responsive-block-w{
    vw:100%;
}

.sdx-responsive-block-h{
    vh:100%;
}

.no-br {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}

.float-l{
    float:left;
}

.float-r{
    float:right;
}

.clearer{
    clear: both;
}

.sdx-layout-breaker{
    clear: both;
    width: 100%;
    height: 1px;
    background-color: transparent;
    border: 0;
}

.sdx-col-1, .sdx-col-2, .sdx-col-3, .sdx-col-4, .sdx-col-5, .sdx-col-6, .sdx-col-7, .sdx-col-8, .sdx-col-9, .sdx-col-10, .sdx-col-11, .sdx-col-12, .sdx-col-13, .sdx-col-14, .sdx-col-15, .sdx-col-16{
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    vertical-align: top;
}

.sdx-col-1{
    width:6.25%;
}

.sdx-col-2{
    width:12.5%;
}

.sdx-col-3{
    width:18.75%;
}

.sdx-col-4{
    width:25%;
}

.sdx-col-5{
    width:31.25%;
}

.sdx-col-6{
    width:37.5%;
}

.sdx-col-7{
    width:43.75%;
}

.sdx-col-8{
    width:50%;
}

.sdx-col-9{
    width:56.25%;
}

.sdx-col-10{
    width:62.5%;
}

.sdx-col-11{
    width:68.75%;
}

.sdx-col-12{
    width:75%;
}

.sdx-col-13{
    width:81.25%;
}

.sdx-col-14{
    width:87.5%;
}

.sdx-col-15{
    width:93.75%;
}

.sdx-col-16{
    width:100%;
}

.sdx-max-col-1{
    width:6.25%;
}

.sdx-max-col-2{
    width:12.5%;
}

.sdx-max-col-3{
    width:18.75%;
}

.sdx-max-col-4{
    width:25%;
}

.sdx-max-col-5{
    width:31.25%;
}

.sdx-max-col-6{
    width:37.5%;
}

.sdx-max-col-7{
    width:43.75%;
}

.sdx-max-col-8{
    width:50%;
}

.sdx-max-col-9{
    width:56.25%;
}

.sdx-max-col-10{
    width:62.5%;
}

.sdx-max-col-11{
    width:68.75%;
}

.sdx-max-col-12{
    width:75%;
}

.sdx-max-col-13{
    width:81.25%;
}

.sdx-max-col-14{
    width:87.5%;
}

.sdx-max-col-15{
    width:93.75%;
}

.sdx-max-col-16{
    width:100%;
}

.sdx-min-30{
    min-width: 30px;
}

.sdx-min-50{
    min-width: 50px;
}