@charset "utf-8";

/* ==========================================================================
   DEFAULT.CSS - Utility classes and structural helpers
   Visual styling is in redesign.css; this file handles utilities only.
   ========================================================================== */

/* Float-based layout helpers (used by Knockout bindings) */
.tr {
    float: none;
    overflow: hidden;
}
.td {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 10px 0 0;
}
.td div {
    white-space: normal;
}
.td-auto {
    float: none;
    margin: 0;
}
.td-auto.with-margin {
    margin: 0 10px 0 0;
}
.td-squashed {
    margin: 0;
}
.td-indent {
    margin-right: 2.25%;
}
.td-right {
    float: right;
    margin: 0 0 0 10px;
}
.td i {
    white-space: nowrap;
}

/* Content widths */
.width-1   { width: 100%; }
.width-1-2 { width: 50%; }
.width-1-3 { width: 33%; }
.width-2-3 { width: 67%; }
.width-3-3 { width: 34%; }
.width-1-4 { width: 25%; }
.width-3-4 { width: 75%; }
.width-1-5 { width: 20%; }
.width-1-8 { width: 12.5%; }
.width-1-10 { width: 10%; }
.width-1-15 { width: 7.5%; }
.width-1-20 { width: 5%; }

.width-xxs { max-width: 20px; }
.width-xs  { max-width: 52px; }
.width-s   { max-width: 65px; }
.width-m   { max-width: 90px; }
.width-l   { max-width: 120px; }
.width-xl  { max-width: 300px; }

/* Label visibility toggling */
.hide-labels label {
    display: none;
}
.hide-labels:first-child label {
    display: inline-block;
}
.show-labels + .hide-labels label {
    display: inline-block;
}

@media (min-width: 992px) {
    .hide-labels-md label {
        display: none;
    }
    .hide-labels-md:first-child label {
        display: inline-block;
    }
    .show-labels-md + .hide-labels-md label {
        display: inline-block;
    }
}

.hidden-inline-xs {
    display: inline;
}
@media (max-width: 767px) {
    .hidden-inline-xs {
        display: none;
    }
}

/* Font Awesome @ icon fix */
.fa-at {
    color: transparent;
}
.fa-at:before {
    color: currentColor;
    content: '@';
}

/* Iframe containers */
.iframe-container {
    width: 100%;
    height: 700px;
    border: 0;
}

.iframe-wrapper {
    width: 100%;
    height: 800px;
    border: 0;
}

/* Condensed form spacing */
.form-condensed .td {
    margin: 0 3px 0 0;
}
.form-condensed .td-auto {
    margin: 0;
}
.form-condensed .td-auto.with-margin {
    margin: 0 3px 0 0;
}
.form-condensed .td-right {
    margin: 0 0 0 3px;
}
.form-condensed .td-right.with-margin {
    margin-right: 3px;
}
.form-condensed .td-indent {
    margin-right: 1.5%;
}
.form-condensed .btn-fit {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    overflow: hidden;
}
.form-condensed .btn-fit span {
    white-space: nowrap;
    overflow: hidden;
}
.form-condensed input[type='radio'],
.form-condensed input[type='checkbox'] {
    height: auto;
}
.form-condensed .form-control-static {
    font-size: 13px;
}
.form-horizontal .form-group.classic {
    margin-bottom: 15px;
}