/*Row class copied from hub*/
@media only screen and (max-width: 736px) {

    #common-tag-container .row [class^="span-"], #common-tag-container .row [class*=" span-"] {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        display: block !important;
    }
        #common-tag-container .row [class^="span-"] label, #common-tag-container .row [class*=" span-"] label {
            width: 100%;
            padding: 10px 0;
            display: inline-block;
            font-weight: 700;
        }
}

/*Popup dialogs had issues*/
#common-tag-container .row {
    min-width: 0px !important;
}

/*#common-tag-container row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2px;
}*/

#common-tag-container .row:after {
    content: " ";
    display: block;
    clear: both;
}

/*labels were restricted width on main tag dialog*/
#common-tag-container label {
    min-width: 0px;
    max-width: none;
    width: auto;
    max-height: none;
    margin-left: 0px;
}

/*Buttons on dialog were too wide*/
#common-tag-container input[type="button"], #common-tag-container button {
    min-width: 0px;
    max-width: none;
    width: 100%;
    margin-left: 0px;
}

/*Radio inputs were too wide by default and input boxes weren't filling span*/
#common-tag-container input, #common-tag-container select {
    min-width: 0px;
    max-width: none;
    width: 100%;
}

/*Radio inputs were squared*/
#common-tag-container input[type="radio"] {
    border-radius: 1em;
    padding: 0px;
}
/*Remove CSS radio style where dot was formatted text*/
#common-tag-container input[type="radio"]:checked:after {
    content: unset;
    color: unset;
    padding-left: unset;
    font-size: unset;
    line-height: unset;
}

#common-tag-container input[type="radio"] {
    width: 21px;
    height: 21px;
    -webkit-appearance: radio; /*Use default radio button style*/
}
#common-tag-container input[type="checkbox"] {
    width: 21px;
    height: 21px;
}

/*Pop-up dialogs: input buttons too large by dashboard default*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    padding: 0;
    min-width: 120px;
    min-height: 32px;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    width: 140px;
    min-width: 140px;
}
/*Close button content edit strapping table/legend dialogs too large*/
button i, input[type="button"] i, input[type="reset"] i, input[type="submit"] i {
    font-size: 1.0em;
}

.ui-dialog .ui-dialog-content .property-info, .modal-container .ui-dialog-content .property-info {
    padding: 10px;
    border-radius: .25rem;
    background-color: #d7d7d7;
}

.span-1 {
    width: 6.94%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-1-5 {
    width: 11.11%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-2 {
    width: 15.28%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-3 {
    width: 23.61%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-4 {
    width: 31.94%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-5 {
    width: 40.28%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-6 {
    width: 48.61%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-7 {
    width: 56.94%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-8 {
    width: 65.28%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-9 {
    width: 73.61%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-10 {
    width: 81.94%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-11 {
    width: 90.28%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.span-12 {
    width: 98.61%;
    float: left;
    margin-left: 0.69%;
    margin-right: 0.69%;
}

.ui-dialog .ui-dialog-content .property-info .row {
    min-width:100px !important;
}

.property-info label {
    width:100%;
}

.ui-dialog .ui-dialog-content .property-info input {
    width:100%;
}

.property-info .strapping-table-header, .property-info .strapping-table-content {
    text-align:center;
}


/*[class^="span-"] .row, [class*=" span-"] .row {
    clear: both;
}*/