﻿/*.ThreeColumnMedium .FieldRadWindowLabel,
.ThreeColumnLarge .FieldRadWindowLabel,
.ThreeColumnSmall .FieldRadWindowLabel{
    padding-bottom: 4px;
}*/
@media screen and (max-width: 640px) {
    .ThreeColumnMedium{
        width:100%;
    }

    .ThreeColumnMedium > tbody > tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .ThreeColumnMedium span.RadInput,
    .ThreeColumnMedium div.RadComboBox{
        width: 190px !important;
    }

    .TDAlignLeft > tbody > tr:not(:has(td.RegionHeading)) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }
    .Inventory.ThreeColumnMedium > tbody > tr td {
        width: auto !important;
    }
}

@media screen and (max-width:512px) {
    .ThreeColumnMedium > tbody > tr {
        grid-template-columns: 1fr;
    }
    .three-column-schedule-medium > tbody > tr  {
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
    .RadioCheckboxRepeatListStyle td + td {
        padding-left : 0px !important
    }
    .three-column-schedule-medium > tbody tr td {
        width: auto !important;
    }

    .three-column-schedule-medium > tbody > tr td label {
        width: auto !important;
    }
    .checbox-width label {
        word-break: break-word;
        width: 78%;
    }
    .grid512 {
        display: grid;
    }
        .grid512 td {
            width: auto !important;
        }
        
}
@media screen and (max-width:320px) {
    .ThreeColumnMedium > tbody > tr {
        grid-template-columns: 1fr;
    }

    .three-column-schedule-medium > tbody  tr td {
       width :auto !important;
    }
    .three-column-schedule-medium > tbody > tr td label {
        width: auto !important;
    }
    .grid512 .padding512 {
        padding-top: 7px;
    }
}
