/* TODO: use CSS properly...this was hacked together! */

body            { font-family: sans-serif; background: #eee; }
a, h1, h2       { color: #377ba8; }
h1, h2          { font-family: 'Helvetica Neue', sans-serif; margin: 0; }
h1              { border-bottom: 2px solid #eee; }
h2              { font-size: 1.2em; }
.page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;
                  padding: 0.8em; background: white; }
.entries        { list-style: none; margin: 0; padding: 0; }
.entries li     { margin: 0.8em 1.2em; }
.entries li h2  { margin-left: -1em; }
.add-entry      { font-size: 0.9em; border-bottom: 1px solid #ccc; }
.add-entry dl   { font-weight: bold; }
.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }
.flash          { background: #cee5F5; padding: 0.5em;
                  border: 1px solid #aacbe2; }
.error          { background: #f0d6d6; padding: 0.5em; }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1px;
    font-weight: 600;
}

dl.compact {
    margin-bottom: 0px;
}

dt.dt-horizontal-wide {
    width: 240px;
    margin-right: 10px;
}

dd.show {
    height: 25px;
}

dd.edit {
    height: 30px;
}

dt.padded {
    margin-top: 5px;
    width: 130px;
}

dd.padded {
    padding: 2px 0px;
    margin-left: 140px;
}

dd.padded.shift-down {
    padding: 5px 0px 2px 0px;
    margin-left: 180px;
}


dt.padded-sm {
    margin-top: 5px;
    width: 90px;
}

dt.padded-sm.text {
    margin-top: 2px;
}

dd.padded-sm {
    padding: 2px 0px;
    margin-left: 100px;
}

dt.padded-lg {
    margin-top: 5px;
    width: 310px;
}

dd.padded-lg {
    padding: 2px 0px;
    margin-left: 320px;
}

dd.under {
    margin-left: 0px;
}

.panel-heading-compact {
    padding: 5px 5px;
}

.panel-compact>.panel-heading-primary {
    color: #337ab7;
    font-weight: 700;
}

.panel-compact>.panel-heading-info {
    color: #31708f;
    font-weight: 700;
}

.label-right {
    display: inline-block;
    max-width: 100%;
    margin-botton: 0px;
    font-weight: 500;
    font-size: 0.9em;
}

.list-group-item-compact {
    padding: 5px 5px;
}

.list-group-compact {
    padding: 5px 5px;
    margin-bottom: 0px;
}

.panel-body-fixed {
    height: 60px;
}

.panel-body-compact {
    padding: 5px;
}

.panel-compact {
    margin-bottom: 5px;
}

.panel-div {
    padding: 5px;
}

.form-group-compact {
    margin-bottom: 0px;
}

.row.no-gutter {
  margin-left: 0px;
  margin-right: 0px;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  margin-left: 0px;
  margin-right: 0px;

  padding-right: 1px;
  padding-left: 1px;
}

.row.no-gutter [class*='col-']:first-child {
  padding-right: 1px;
  padding-left: 0;
}

.row.no-gutter [class*='col-']:last-child {
  padding-right: 0;
  padding-left: 1px;
}


.table > thead > tr > th {
    border: 0px solid #ccc;
    text-align: center;
}


.table > thead > tr > th.text-left {
    text-align: left;
}

.table > tbody > tr > td.text-center {
    text-align: center;
}

.table > colgroup.border-group {
    border-left: 1px solid #ccc;
    border-collapse: collapse;
}

.table > thead.border-group {
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
}

.glyphicon.big {
    font-size: 32px;
}

.glyphicon.med {
    vertical-align: bottom;
    font-size: 16px;
}

.glyphicon.green {
    color: green;
}

.glyphicon.red {
    color: red;
}

.glyphicon.warning {
    vertical-align: bottom;
    font-size: 16px;
    color: red;
    padding-bottom: 4px;
}

.glyphicon.info {
    vertical-align: bottom;
    font-size: 16px;
    padding-bottom: 4px;
}

.glyphicon.inline-info {
    vertical-align: middle;
    font-size: 16px;
}

label.red {
    color: red;
    padding-right: 1em;
}

label.padded {
    padding-right: 1em;
}

span.red {
    color: red;
    padding-right: 1em;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.columns
{
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em;
}


form textarea#body_html {
     width: 500px;
     height: 200px;
     max-width: 1000px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 9px 15px;
    font-size: 18px;
    line-height: 32px;
}

.navbar-brand.active {
    color: #fff;
    background-color: #080808;
}

.navbar-brand>img {
    display: inline-block;
    height: 32px;
    margin-right: 4px;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 10px;
    border-bottom: 1px solid #eee;
}

.alert {
    border: 3px solid transparent;
    border-radius: 7px;
}

.alert-error {
    font-size: 18px;
    font-weight: bolder;
    color: #a20000;
    background-color: #ddd;
    border-color: #a20000;
}

.alert-warning {
    font-size: 18px;
    font-weight: bolder;
    color: orange;
    background-color: #F3F1E0;
    border-color: orange;
}

.alert-message {
    font-size: 16px;
    font-weight: bolder;
    color: blue;
    background-color: #ddd;
    border-color: blue;
}

.alert-success {
    font-size: 16px;
    font-weight: bolder;
    color: green;
    background-color: #ddd;
    border-color: green;
}

input[type=number].medium {
    width: 64px;
}

i.padded {
    padding: 0px 5px;
}

i.padded.right {
    padding: 0px 5px 0px 0px;
}

label.padded {
    padding: 0px 5px;
}

.well.compact {
    padding: 5px;
    margin: 5px 0px;
}

img.dd-option-image, img.dd-selected-image {
    max-width: 256px;
    max-height: 256px;
    width: 256px !important;
    height: auto !important;
}

.panel-heading-inline-block {
    display: inline-block;
}

.inline {
    display: inline-block;
}

select.panel-sub-heading-select {
    color: #337ab7;
    font-weight: 700;
}

.popover {
  max-width: 400px;
}

.success {
    color: green;
    background-color: #ddd;
    border-color: green;
}

/*
    TAG VIEW PAGE STYLES
*/
.tag-view-property-holder {
    margin-top: 8px;
}

.changed-fields-container {
    list-style-type: none;
}

#overlay-diff-viewer-container {
    display: none;
    height: 100%;
    width: 100%;
}

#overlay-diff-viewer-close-btn {
    float: right;
}

#overlay-log-viewer-close-btn {
    float: right;
}