body {
    /*padding-top: 50px;
    padding-bottom: 20px;
    background-color:#c0c0c0!important;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    /*white-space: normal;*/
}

.content.error {
    margin:100px;
    width:80%;
    display:block;
}

.content.page {
    margin: auto;
    margin-top:80px;
    width: 80%;
    display: block;
}
.content.page > h2 {
    margin-bottom: 60px;
     
}


f.login-form {
    margin:auto;
    width:100%;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.subnav{
   /* display:inline;*/
}

.form-horizontal{
    width:60%;
    margin:auto;
}

.form-group {
    margin: 15px 0 20px 0
}
.form-group.submit {
    margin: 40px 0
}

.form-control.text-box.single-line {
    margin: 5px 0 0 0
}

div.content.list {
    display: block;
    width: 80%;
    margin: 30px auto;
}

.tenantName {
    font-size: large;
}

.centerName {
    font-size: x-large;
}


/*#region app default button style */
.btn-app-default {
    color: var(--app-theme) !important;
    background-color: var(--app-theme-rgb) !important;
    border-color: var(--app-theme) !important;
}

    .btn-app-default:focus,
    .btn-app-default.focus {
        color: var(--app-theme);
        background-color: var(--app-theme-rgb) !important;
        border-color: var(--app-theme) !important;
    }

    .btn-app-default:hover {
        color: var( --app-component-color) !important;
        background-color: var(--app-theme) !important;
        border-color: var(--app-theme) !important;
    }

    .btn-app-default:active,
    .btn-app-default.active,
    .open > .dropdown-toggle.btn-app-default {
        color: var(--app-theme);
        background-color: var(--app-theme-rgb) !important;
        background-image: none;
        border-color: var(--app-theme) !important;
    }

        .btn-app-default:active:hover,
        .btn-app-default.active:hover,
        .open > .dropdown-toggle.btn-app-default:hover,
        .btn-app-default:active:focus,
        .btn-app-default.active:focus,
        .open > .dropdown-toggle.btn-app-default:focus,
        .btn-app-default:active.focus,
        .btn-app-default.active.focus,
        .open > .dropdown-toggle.btn-app-default.focus {
            color: var( --app-component-color) !important;
            background-color: var(--app-theme) !important;
            border-color: var(--app-theme) !important;
        }

    .btn-app-default.disabled:hover,
    .btn-app-default[disabled]:hover,
    fieldset[disabled] .btn-app-default:hover,
    .btn-app-default.disabled:focus,
    .btn-app-default[disabled]:focus,
    fieldset[disabled] .btn-app-default:focus,
    .btn-app-default.disabled.focus,
    .btn-app-default[disabled].focus,
    fieldset[disabled] .btn-app-default.focus {
        background-color: var(--app-theme) !important;
        border-color: var(--app-theme) !important;
    }

    .btn-app-default .badge {
        color: var( --app-component-color) !important;
        background-color: var(--app-theme) !important;
    }

hl {
    color: var(--app-theme);
    font-weight: bold;
}


/*#endregion */