body {
    padding-top: 45px;
}

.logo-font {
    font-family: 'Exo', sans-serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
    text-transform: initial !important;
    letter-spacing: 0.5px;
}

.error-message {
    display: none;
}
.progress {
    position: relative;
}
.is-late {
    background: rgba(255,255,0,0.2);
}
.box-head {
    border: 1px solid #d8d8d8;
    padding: 0.5rem;
    background: #f2f2f2;
    margin-top: 1rem !important;
}
.box-content {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d8d8d8;
    padding: 0.5rem;
}
.box-content .button {
    margin-bottom: 0.25rem !important;
    padding: 0.875rem 1.75rem 0.9375rem !important;
}
.box-content .row {
    margin-bottom: 1rem;
}
.grid {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    padding-right: 0.75rem;
    border-bottom: 1px solid #333;
}
.grid-head {
    padding-right: 1.5rem;
}
.progress-head-container {
    height: 0.9375rem;
    margin-bottom: 0.625rem;
    position: relative;
}
.progress-head {
    text-align: center;
    position: absolute;
    width: 8rem;
    margin-left: -4rem;
    font-weight: bold;
}
.ship-date-head {
    text-align: center;
    width: 8rem;
    margin-left: -4rem;
    font-weight: bold;
}
.head-0 {
    left: 0%;
}
.head-25 {
    left: 25%;
}
.head-50 {
    left: 50%;
}
.head-75 {
    left: 75%;
}
.head-100 {
    left: 100%;
}
.shipment-details {
    font-weight: bold;
    padding-top: 1rem;
}
.container {
    overflow-x: hidden;
    overflow-y: auto;
}
.map img {
    max-width: none;
}
.section-container {
    padding: inherit;
    padding-bottom: 1rem;
}
.section {
    border-style: solid;
    border-width: 0 1px;
    border-color: #333;
    padding: 1rem 0;
}
.section-head {
    background: #333;
    border-style: solid;
    border-width: 0 1px;
    border-color: #333;
}
.section-head h4 {
    color: #fff;
}
.section-head input {
    margin: 0.5rem 0;
}
.section-foot {
    background: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    border-color: #333;
    padding: 1rem;
    padding-bottom: 0;
}
.section-break {
    background: #e1e1e1;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    border-color: #333;
    padding: 0.5rem;
}
.section-template {
    padding-top: 1rem;
}

.section-attribute:nth-of-type(even) { background: #eee; }
.section-attribute table { width: 100%; margin-top: 1.25rem; }
.section-attribute table.layout-table { margin-top: 0; }
.section-attribute>div { padding-top: 0.5rem;}

.attribute-value { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.attribute-value:nth-of-type(even) { background: #eee; }

/*.column-container:not(:last-child) { border-right: 1px solid #333; }
.column-container:not(:first-child) { border-left: 1px solid #333; }*/

/*#saveSection {
    margin-bottom: 0;
}*/

.editable-text-value { display: block; }
.editable-text-value i { display: none; }
.editable-text-value:hover { color: #888; cursor: pointer; }
.editable-text-value:hover i { display: inline-block; }

.show-attach { display: inline-block; }
.show-attach:hover { color: #888; cursor: pointer; }

.delete-attr:hover { color: #888; cursor: pointer; }

.red { color: #f04124; }
a.red:hover { color: #BD0E00; }
a.red:focus { color: #BD0E00; }
.green { color: #43ac6a; }
a.green:hover { color: #107937; }
a.green:focus { color: #107937; }
.white { color: #ffffff; }
a.white:hover { color: #888888; }
.hidden { display: none !important; }

.data>.columns { margin-top: 0.5rem; margin-bottom: 0.5rem;}

.attachment-container {
    margin-right: 2rem;
    margin-top: 1rem;
}

.image-container { 
    display: inline-block;
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
}
.image-link-id {
    margin-right: 1.25rem;
}
.image-control-container {
    width: 1rem;
    position: absolute;
    top: 0;
    right: 0;
}
.image-id {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    top: 4px;
    display: block;
    left: 4px;
    padding: 0 5px;
    position: absolute;
}

.site-attr { padding: .5rem 0; }
.site-attr:nth-of-type(even) { background: #eee; }
.site-attr:nth-of-type(odd) { background: #e8e8e8; }

.prefix { border-right: 1px solid #ccc !important; }

.empty { color: #ccc; }

.input-row-action { margin-bottom: 3px; position: relative;}

.input-row-cell { padding: 2px 6px; }
.layout-table { background: none; border: 0; margin: 0; padding: 0; }
.layout-table td { background: none; padding: 0; width: 100%; }
td.cell-attach-container { padding: 0 5px; position: relative; }
td.row-actions { white-space: nowrap; }
.attribute-children-container {  }
.attach-container { 
    width: 7rem;
    white-space: nowrap;
}
.attach-container-closed { 
    width: 1rem;
    overflow-x: hidden;
    overflow-y: hidden;
}
.attach-container .container-toggle {
    margin-left: -5px;
}

/*a[role=delete-row] { margin-left: 0.5rem; }*/

.form-control { margin-bottom: 20px; }

.section-container { page-break-inside: avoid; }

.fileupload {
    cursor: pointer !important;
    opacity: 0 !important;
    width: 2rem;
    height: 2rem;
}
.fileupload::-webkit-file-upload-button { display: none; }

.full-width { width: 100%;}

.project-table { width: 100%; }
.project-table .deliverable-column, .project-table .attr-column {
    min-width: 6rem;
    padding-left: 1rem;
    padding-right: 1.5rem;
}

.directions { margin-left: 2rem; font-size: 80%; }

td>input { margin: 0 !important; }
td>select { margin: 0 !important; }
td>.button {margin: 0 !important; }

a#search_button { line-height: 1rem; }

li.sortItem {
    cursor: move;
    display: block;
    margin-bottom: 0.5rem;
}
li.sortItem>h6 {
    color: white;
}

.label-row {
    position: absolute;
    bottom: 0%;
    z-index: 999;
    background: #ffffff;
}

select[multiple] { height: auto;}

.inline { display: inline !important; }

/*.sa-value { display: inline-block; }*/
.issue-link { padding-left: 5px; }
.issue-list { display: inline-block; }

div.dropdown-item>select {
    width: 90%;
}

textarea {
    min-height: 8rem;
    margin: 0 0 1rem;
    background-color: #ffffff;
}

.project-description {
    max-height: 10rem;
    overflow-y: auto;
}
.project-description, .project-description ul {
    font-size: small;
}
.other-projects ul{
    font-size: small;
}

.row.attribute.collapse {
    position: relative;
}
.row.attribute.collapse a {
    margin-left: 0.2rem;
}
.std-options {
    position: absolute;
    width: 4rem;
    top: 0;
    left: 0;
}
.std-options.open {
    width: 14rem;
}
.attr-container {
    margin-left: 4rem;
}
.attr-container.open {
    margin-left: 14rem;
}
.directions-to-site {
    margin-top: 0.25rem;
}
span[role="val"] {
    word-wrap: break-word;
}
.search-table th:first-child {
    width: 15rem;
}
.search-table th:not(:last-child) {
    min-width: 10rem;
}
.search-table th:last-child {
    width: 6rem;
}
.highlight {
    background: #c6c6c6;
    padding: 2px 0;
}

.comment-container {
    max-height: 15rem;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1rem;
    border: 1px solid #d8d8d8;
    padding: 0.5rem;
}
.comment-info {
    padding: 0.5rem 1rem;
    background: #F2F2F2;
    color: #6f6f6f;
    margin-bottom: 1.25rem;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #DDDDDD;
    font-size: small;
}
.comment-body {
    padding: 1rem;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    color: #333333;
}
.comment-blind {
    max-height: 25rem;
    overflow-y: auto;
}
.fa-many+.fa-many {
    padding-left: 0.25rem;
}

.strikethrough {
    text-decoration: line-through;
}
.forecast-container {
    padding: 0.5rem;
    border: 1px solid #CCCCCC;
}
#asset-search-loading {
    position: absolute;
    right: 22px;
    top: 10px;
}
.nowrap {
    white-space: nowrap;
}
.nomargin {
    margin: 0 !important;
}
.userProfileThumb {
    width: 8rem;
    height: 8rem;
    background: repeating-linear-gradient(
        -55deg,
        #222,
        #222 0.75rem,
        #333 0.75rem,
        #333 1.5rem
    );
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    position: relative;
}
.userProfileThumb>img {
    width: 100%;
    height: 100%;
}
.userProfileThumb>input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}
#userProfileThumbStatus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8,8,8,0.5);
    z-index: 5;
}
#userProfileThumbStatus>i {
    position: absolute;
    top: 40%;
    left: 35%;
    color: #FFF;
}
#userProfileThumbLabel {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #CCC;
}
li>hr {
    margin: 0;
}
input[type="search"] {
    padding: 0.5rem 0.25rem 0.5rem 0.5rem !important;
}

@media only screen and (min-width: 57.063em) {
    th.show-for-small-only, td.show-for-small-only, th.hide-for-medium-up, td.hide-for-medium-up {
        display: none !important;
    }
}
.gm-style-iw ul {
    margin-bottom: 0;
}
.editable-text-editor input:not(.fileupload), .editable-text-editor select {
    min-width: 4rem;
}
.table-container {
    overflow-x: auto;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.5);
}
.loading-overlay .fa-spinner {
    position: relative;
    top: 40%;
    left: 50%;
    color: #FFFFFF;
}
#project-table-legend {
    font-size: 14px;
}
.blind-panel {
    margin-bottom: 1rem;
}
.blind-panel .blind-head {
    cursor: pointer;
    padding: 0.5rem 1rem;
    border: 1px solid #DDDDDD;
    background: #F2F2F2;
    color: #333333;
}
.blind-panel .blind-body {
    display: none;
    padding: 1rem;
    background: #FFFFFF;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #DDDDDD;
    background: #FFFFFF;
    color: #333333;
}
.blind-panel.blind-open .blind-body {
    display: block;
}
.blind-panel.blind-closed .blind-body {
    display: none;
}

.table-head {
    padding: 0.5rem 1rem 0.5rem 1.75em;
    border: 1px solid #DDDDDD;
    background: #F2F2F2;
    color: #333333;
    border-bottom: 0;
}

ul:active {
    outline: none;
}
ul.button-group {
    margin-bottom: 1.25rem;
}
ul.button-group a, ul.button-group button {
    margin-bottom: 2px;
}
.empty-panel {
    background: none;
}
.dot-status-item+.dot-status-item {
    margin-top: 0.5rem;
}
.ui-helper-hidden-accessible {
    display:none;
}
.attributeInput+.fa-spin {
    position: absolute;
    top: 0.8rem;
    right: 0.5rem;
}
#credential-container {
    max-height: 500px;
    overflow-y: auto;
}
.rating-picker {
    cursor: pointer;
}
.dropdown-item {
    position: relative;
}
.dropdown-item input {
    padding-right: 1rem;
}
.dropdown-item .deleteAttribute {
    position: absolute;
    right: 3px;
    top: 10px;
}

.sub-label {
    color: #6f6f6f;
    font-size: .75rem;
    margin-bottom: 1rem;
    margin-top: -1rem;
}
.sub-header {
    color: #6f6f6f;
    font-size: 60%;
}
.verify-project-data th {
    vertical-align: top;
    padding-top: 1rem;
}
.verify-project-data td {
    vertical-align: top;
    padding-top: 1.5rem;
}
.verify-project-data label.error {
    margin-top: -1.25rem;
    height: 1.25rem;
}
.verify-input {
    min-width: 10rem;
}

.brick {
    width: 480px;
}
/*.brick .about-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}*/
.brick .info-box {
    background-color: #000000;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.brick .info-box:hover {
    opacity: 0.8;
}
.brick .info-box p {
    color: #FFFFFF;
}

.subscription-summary .bullet-item {
    height: 3rem;
}
.subscription-summary .bullet-input {
    height: 9rem;
}
.subscription-summary .cta-button {
    height: 5rem;
}
.subscription-summary .current-spacer {
    height: 6rem;
}
#planVal {
    width: 6rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a.dropbox-link.disabled {
    opacity: 0.5;
}

span.empty-value {
    padding-left: 0.625rem;
}

.clearing-assembled {
    z-index: 1010;
}