/***** COLORS *****/
/*
* Palette 1 :
- Black : #0c0c0c;
- Dark Blue : #14213d
- Orange : #fca311
- Grey : #e5e5e5
- White : #fcfcfc
* Palette 2 :
- Purple : #673ab7
- Blue : #00bcd4
- Green : #8bc34a
- Yellow : #ffc107
- Red : #ff5722
*/
/***** MAIN *****/
html { color: #0c0c0c; background-color: #fcfcfc; !important; }
/***** FONTS *****/
.text-black { color : #0c0c0c !important;}
.text-primary { color : #14213d !important; }
.text-secondary { color : #fca311 !important; }
.text-light { color : #e5e5e5 !important; }
.text-white { color : #fcfcfc !important; }
.text-dark { color: #673ab7 !important; }
.text-info { color: #00bcd4 !important; }
.text-success { color: #8bc34a !important; }
.text-warning { color: #ffc107 !important; }
.text-danger { color: #ff5722 !important; }
/***** BACKGROUND *****/
.bg-black { background-color: #0c0c0c; }
.bg-dark-blue { background-color: #14213d; }
.bg-orange { background-color: #fca311; }
.bg-grey { background-color: #e5e5e5; }
.bg-white { background-color: #fcfcfc; }
.bg-purple { background-color: #673ab7; }
.bg-blue { background-color: #00bcd4; }
.bg-green { background-color: #8bc34a; }
.bg-yellow { background-color: #ffc107; }
.bg-red { background-color: #ff5722; }
/***** BORDERS *****/
.bd-black { border: 1px solid #0c0c0c; }
.bd-dark-blue { border: 1px solid #14213d; }
.bd-orange { border:1px solid  #fca311; }
.bd-grey { border: 1px solid #e5e5e5; }
.bd-white { border: 1px solid #fcfcfc; }
.bd-purple { border: 1px solid #673ab7; }
.bd-blue { border: 1px solid #00bcd4; }
.bd-green { border: 1px solid #8bc34a; }
.bd-yellow { border: 1px solid #ffc107; }
.bd-red { border: 1px solid #ff5722; }
/***** HOVER *****/
.hover-white:hover { color: #fcfcfc; }
.hover-dark-blue-w-orange:hover { background-color: #14213d; color: #fca311; border: 1px solid #14213d; }
/***** BUTTONS *****/
.btn-primary { background-color: #14213d; border: 1px solid #14213d; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #fcfcfc !important; border: 1px solid #14213d !important; color: #14213d !important;}
.btn-outline-primary { color: #14213d; border: 1px solid #14213d; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background-color: #14213d !important; border: 1px solid #14213d !important; }
.btn-primary:focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(20, 33, 61, 0.25) !important; }
.btn-secondary { background-color: #fca311; border: 1px solid #fca311; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: #fcfcfc !important; border: 1px solid #fca311 !important; color: #fca311 !important; }
.btn-outline-secondary { color: #fca311; border: 1px solid #fca311; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active { background-color: #fca311 !important; border: 1px solid #fca311 !important; }
.btn-secondary:focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(252, 163, 17, 0.25) !important; }
.btn-success { background-color: #8bc34a; border: 1px solid #8bc34a; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background-color: #fcfcfc !important; border: 1px solid #8bc34a !important; color: #8bc34a !important; }
.btn-outline-success { color: #8bc34a; border: 1px solid #8bc34a; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active { background-color: #8bc34a !important; border: 1px solid #8bc34a !important; }
.btn-success:focus, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(139, 195, 74, 0.25) !important; }
.btn-danger { background-color: #ff5722; border: 1px solid #ff5722; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #fcfcfc !important; border: 1px solid #ff5722 !important; color: #ff5722 !important; }
.btn-outline-danger { color: #ff5722; border: 1px solid #ff5722; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active { background-color: #ff5722 !important; border: 1px solid #ff5722 !important; }
.btn-danger:focus, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(255, 87, 34, 0.25) !important; }
.btn-warning { background-color: #ffc107; border: 1px solid #ffc107; color: #fcfcfc; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: #fcfcfc !important; border: 1px solid #ffc107 !important; color: #ffc107 !important; }
.btn-outline-warning { color: #ffc107; border: 1px solid #ffc107; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active { background-color: #ffc107 !important; border: 1px solid #ffc107 !important; color: #fcfcfc !important; }
.btn-warning:focus, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important; }
.btn-info { background-color: #00bcd4; border: 1px solid #00bcd4; color: #fcfcfc; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background-color: #fcfcfc !important; border: 1px solid #00bcd4 !important; color: #00bcd4 !important; }
.btn-outline-info { color: #00bcd4; border: 1px solid #00bcd4; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active { background-color: #00bcd4 !important; border: 1px solid #00bcd4 !important; color: #fcfcfc !important; }
.btn-info:focus, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25) !important; }
.btn-light { background-color: #e5e5e5; border: 1px solid #e5e5e5; color: #0c0c0c; }
.btn-light:hover, .btn-light:focus, .btn-light:active{ background-color: #fcfcfc !important; border: 1px solid #e5e5e5 !important; }
.btn-outline-light { color: #0c0c0c; border: 1px solid #e5e5e5; }
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active { background-color: #e5e5e5; border: 1px solid #e5e5e5; color: #0c0c0c; }
.btn-light:focus, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.25) !important; }
.btn-dark { background-color: #673ab7; border: 1px solid #673ab7; color: #fcfcfc; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active { background-color: #fcfcfc !important; border: 1px solid #673ab7 !important; color: #673ab7 !important; }
.btn-outline-dark { color: #673ab7; border: 1px solid #673ab7; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active { background-color: #673ab7 !important; border: 1px solid #673ab7 !important; color: #fcfcfc !important; }
.btn-dark:focus, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.25) !important; }
.btn-link { color: #fca311; }
.btn-link:hover { color: #14213d; text-decoration: none; }
/***** ALERTS *****/
.alert-primary { color: #14213d; border: 1px solid #14213d; background-color: rgba(20, 33, 61, 0.25); }
.alert-secondary { color: #fca311; border: 1px solid #fca311; background-color: rgba(252, 163, 17, 0.25); }
.alert-success { color: #8bc34a; border: 1px solid #8bc34a; background-color: rgba(139, 195, 74, 0.25); }
.alert-danger { color: #ff5722; border: 1px solid #ff5722; background-color: rgba(255, 87, 34, 0.25); }
.alert-warning { color: #ffc107; border: 1px solid #ffc107; background-color: rgba(255, 193, 7, 0.25); }
.alert-info { color: #00bcd4; border: 1px solid #00bcd4; background-color: rgba(0, 188, 212, 0.25); }
.alert-light { color: #0c0c0c; border: 1px solid #0c0c0c; background-color: rgb(252, 252, 252); }
.alert-dark { color: #673ab7; border: 1px solid #673ab7; background-color: rgba(103, 58, 183, 0.25); }
/***** LINKS *****/
a { color: #fca311; }
a:hover { color: #14213d; text-decoration: none; }
.link-primary { color: #14213d; }
.link-primary:hover { text-decoration: underline; color: #14213d; }
.link-secondary { color: #fca311; }
.link-secondary:hover { text-decoration: underline; color: #fca311 }
.link-success { color: #8bc34a; }
.link-success:hover { text-decoration: underline; color: #8bc34a; }
.link-danger { color: #ff5722; }
.link-danger:hover { text-decoration: underline; color: #ff5722; }
.link-warning { color: #ffc107; }
.link-warning:hover { text-decoration: underline; color: #ffc107; }
.link-info { color: #00bcd4; }
.link-info:hover { text-decoration: underline; color: #00bcd4}
.link-light { color: #e5e5e5; }
.link-light:hover { text-decoration: underline; color: #e5e5e5; }
.link-dark { color: #673ab7; }
.link-dark:hover { text-decoration: underline; color: #673ab7; }
/***** FORMS *****/
.form-control:focus { border: #fca311; box-shadow: 0 0 0 0.2rem rgba(252, 163, 17, 0.25); }

/** nav pills **/
.nav-pills > li > a.active { background-color: #fca311 !important; }