/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.row-narrow {
    margin-bottom: 2px !important;
}

.input-field-dark {
}

.input-field-dark label {
    color: #606060;
}


.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.fieldBelowCaption {
    margin-top: -16px;
    font-size: 12px;
}

.inlineRight {
    text-align: right;
}

.itemButtonArea {
    margin-top: 8px;
}

.serviceHeader, .serviceDetail {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-grow: 0;
}

.serviceTitle {
    padding-left: 4px;
    font-size: 20px;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.serviceDetail {
    font-size: 14px;
    width: 100%;
    text-overflow: ellipsis;
}

.serviceDetailName {
    font-weight: bold;
    color: #009000;
    flex-grow: 0;
    white-space: nowrap;
}
.serviceDetailValue {
    padding-left: 4px;
    color: #000060;
    text-overflow: ellipsis;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
}

.serviceItemEditForm {
    margin-top: 8px;
}

.initLoadingContentWrap, .initErrorContentWrap {
    margin-top: 96px;
    padding: 32px;
    text-align: center;
}

.initLoadingIcon, .initErrorIcon {
    padding: 8px;
    font-size: 48px;
}

.initLoadingText, .initErrorText {
    margin-top: 24px;

}