/* ---- BRAND ------------------------------ */
:root {
    --bg: #f0f2f5;
    --primary-color: #1C3041;
    --secondary-color: #D80429;
    --tertiary-color: #55FFF2;
    --grey-color: #CFD1D2;
    --border: #d8dde8;
    --border-hover: #9aaac8;
    --accent: #2a5bd7;
    --surface: #ffffff;
    --surface-2: #f5f7fa;
    --text-muted: #616161;
    --success: #0d7a52;
}

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    font-family: 'Segoe UI', 'Raleway', sans-serif;
}

/* 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;
}

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

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.navbar-left {
    padding-left: 20px;
}

.centered-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 32px;
}