$form-color: #4e5d6c;
$primary-colour: #df691a;
$primary-colour-outline: #ff761b;
$info-colour: #5bc0de;
$warning-colour: #f0ad4e;
$danger-colour: #d9534f;
$success-colour: #5cb85c;
$i:
!important
;

@media (min-width: 768px ) {
    .row {
        position: relative;
    }

    .bottom-align-text {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 48em) {
    .home {
        padding-top: 1rem;
    }
}

@media (min-width: 48em) {
    .home {
        padding-top: 4rem;
    }
}

.btn {
    border-radius: .25rem $i;
}

.multiSelect {
    background-color: $form-color;
}

.form-control-custom {
    background-color: $form-color $i;
    color: white $i;
}


h1 {
    font-size: 3.5rem $i;
    font-weight: 600 $i;
}

.request-title {
    margin-top: 0 $i;
    font-size: 1.9rem $i;
}

p {
    font-size: 1.1rem $i;
}

label {
    display: inline-block $i;
    margin-bottom: .5rem $i;
    font-size: 16px $i;
}

.btn-danger-outline {
    color: $danger-colour $i;
    background-color: transparent;
    background-image: none;
    border-color: $danger-colour $i;
}

.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active,
.btn-danger-outline:hover,
.open > .btn-danger-outline.dropdown-toggle {
    color: #fff $i;
    background-color: $danger-colour $i;
    border-color: $danger-colour $i;
}


.btn-primary-outline {
    color: $primary-colour-outline $i;
    background-color: transparent;
    background-image: none;
    border-color: $primary-colour-outline $i;
}

.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active,
.btn-primary-outline:hover,
.open > .btn-primary-outline.dropdown-toggle {
    color: #fff $i;
    background-color: $primary-colour $i;
    border-color: $primary-colour $i;
}

.btn-info-outline {
    color: $info-colour $i;
    background-color: transparent;
    background-image: none;
    border-color: $info-colour $i;
}

.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active,
.btn-info-outline:hover,
.open > .btn-info-outline.dropdown-toggle {
    color: #fff $i;
    background-color: $info-colour $i;
    border-color: $info-colour $i;
}

.btn-warning-outline {
    color: $warning-colour $i;
    background-color: transparent;
    background-image: none;
    border-color: $warning-colour $i;
}

.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active,
.btn-warning-outline:hover,
.open > .btn-warning-outline.dropdown-toggle {
    color: #fff $i;
    background-color: $warning-colour $i;
    border-color: $warning-colour $i;
}

.btn-success-outline {
    color: $success-colour $i;
    background-color: transparent;
    background-image: none;
    border-color: $success-colour $i;
}

.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active,
.btn-success-outline:hover,
.open > .btn-success-outline.dropdown-toggle {
    color: #fff $i;
    background-color: $success-colour $i;
    border-color: $success-colour $i;
}