$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; } #movieList .mix{ display: none; } #tvList .mix{ display: none; }