.white {
    color: #fff!important
}

.bg-white {
    background-color: #fff!important
}

.bg-white .card-footer,
.bg-white .card-header {
    background-color: transparent
}

body.vertical-layout[data-color=bg-white] .content-wrapper-before,
body.vertical-layout[data-color=bg-white] .navbar-container {
    background-color: #fff!important
}

body.horizontal-layout[data-color=bg-white] .navbar-horizontal {
    background-color: #f7f7f7
}

.selectboxit.selectboxit-btn.bg-white,
body.horizontal-layout[data-color=bg-white] .content-wrapper-before {
    background-color: #fff!important
}

.alert-white {
    color: #fff;
    border-color: #f7f7f7;
    background-color: #f7f7f7
}

.alert-white .alert-link {
    color: #fff
}

.overlay-white {
    background: #fff;
    background: rgba(255, 255, 255, .8)
}

.btn-white,
.btn-white:hover {
    background-color: #fff;
    color: #fff
}

.btn-white:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302);
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302)
}

.btn-white:active,
.btn-white:focus {
    color: #fff;
    border-color: #fff;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302)!important
}

.btn-white.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6)
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.btn-outline-white:hover {
    color: #fff!important;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .451), 0 1px 3px 1px rgba(255, 255, 255, .302)!important
}

.btn-outline-white.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6)
}

input[type=checkbox].bg-white+.custom-control-label:before,
input[type=radio].bg-white+.custom-control-label:before {
    background-color: #fff!important
}

input:focus~.bg-white {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #fff!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #fff!important
}

.border-white {
    border: 1px solid #fff!important
}

.black {
    color: #000!important
}

.alert-black .alert-link,
.btn-black {
    color: #fff
}

.bg-black {
    background-color: #000!important
}

.bg-black .card-footer,
.bg-black .card-header {
    background-color: transparent
}

body.vertical-layout[data-color=bg-black] .content-wrapper-before,
body.vertical-layout[data-color=bg-black] .navbar-container {
    background-color: #000!important
}

body.horizontal-layout[data-color=bg-black] .navbar-horizontal {
    background-color: #000
}

.selectboxit.selectboxit-btn.bg-black,
body.horizontal-layout[data-color=bg-black] .content-wrapper-before {
    background-color: #000!important
}

.alert-black {
    color: #fff;
    border-color: #000;
    background-color: #000
}

.overlay-black {
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.btn-black {
    background-color: #000
}

.btn-black:active,
.btn-black:focus,
.btn-black:hover {
    border-color: #080808;
    background-color: #080808;
    color: #fff
}

.btn-black:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302)
}

.btn-black:active,
.btn-black:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302)!important
}

.btn-black.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

.btn-outline-black {
    color: #000;
    border-color: #000;
    background-color: transparent
}

.btn-outline-black:hover {
    color: #fff!important;
    background-color: #000;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .451), 0 1px 3px 1px rgba(0, 0, 0, .302)!important
}

.btn-outline-black.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

input[type=checkbox].bg-black+.custom-control-label:before,
input[type=radio].bg-black+.custom-control-label:before {
    background-color: #000!important
}

input:focus~.bg-black {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #000!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #000!important
}

.border-black {
    border: 1px solid #000!important
}

.chartbg {
    color: #262d47!important
}

.bg-chartbg {
    background-color: #262d47!important
}

.bg-chartbg .card-footer,
.bg-chartbg .card-header {
    background-color: transparent
}

.bg-chartbg.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6)
}

body.vertical-layout[data-color=bg-chartbg] .content-wrapper-before,
body.vertical-layout[data-color=bg-chartbg] .navbar-container {
    background-color: #262d47!important
}

body.horizontal-layout[data-color=bg-chartbg] .navbar-horizontal {
    background-color: #21273d
}

.selectboxit.selectboxit-btn.bg-chartbg,
body.horizontal-layout[data-color=bg-chartbg] .content-wrapper-before {
    background-color: #262d47!important
}

.alert-chartbg {
    color: #fff;
    border-color: #21273d;
    background-color: #21273d
}

.alert-chartbg .alert-link {
    color: #fff
}

.overlay-chartbg {
    background: #262d47;
    background: rgba(38, 45, 71, .8)
}

.btn-chartbg {
    color: #fff;
    background-color: #262d47
}

.btn-chartbg:hover {
    color: #fff;
    border-color: #2b3351;
    background-color: #2b3351;
    -webkit-box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302);
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302)
}

.btn-chartbg:active,
.btn-chartbg:focus {
    color: #fff;
    border-color: #2b3351;
    background-color: #2b3351;
    -webkit-box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302)!important
}

.btn-chartbg.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6)
}

.btn-outline-chartbg {
    color: #262d47;
    border-color: #262d47;
    background-color: transparent
}

.btn-outline-chartbg:hover {
    color: #fff!important;
    background-color: #262d47;
    -webkit-box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, .451), 0 1px 3px 1px rgba(38, 45, 71, .302)!important
}

.btn-outline-chartbg.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, .6)
}

input[type=checkbox].bg-chartbg+.custom-control-label:before,
input[type=radio].bg-chartbg+.custom-control-label:before {
    background-color: #262d47!important
}

.bg-primary.bg-lighten-5,
.btn-primary.btn-lighten-5 {
    background-color: #ededf9!important
}

input:focus~.bg-chartbg {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #262d47!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #262d47!important
}

.border-chartbg {
    border: 1px solid #262d47!important
}

.border-top-chartbg {
    border-top: 1px solid #262d47
}

.border-bottom-chartbg {
    border-bottom: 1px solid #262d47
}

.border-left-chartbg {
    border-left: 1px solid #262d47
}

.border-right-chartbg {
    border-right: 1px solid #262d47
}

.primary.lighten-5 {
    color: #ededf9!important
}

.bg-primary.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(237, 237, 249, .6);
    box-shadow: 0 1px 20px 1px rgba(237, 237, 249, .6)
}

.btn-primary.btn-lighten-5 {
    border-color: #5654c2!important
}

.btn-primary.btn-lighten-5:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-lighten-5:active,
.btn-primary.btn-lighten-5:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-lighten-5 {
    color: #ededf9!important;
    border-color: #ededf9!important
}

.btn-outline-primary.btn-outline-lighten-5:hover {
    background-color: #ededf9!important
}

.border-primary.border-lighten-5 {
    border: 1px solid #ededf9!important
}

.border-top-primary.border-top-lighten-5 {
    border-top: 1px solid #ededf9!important
}

.border-bottom-primary.border-bottom-lighten-5 {
    border-bottom: 1px solid #ededf9!important
}

.border-left-primary.border-left-lighten-5 {
    border-left: 1px solid #ededf9!important
}

.border-right-primary.border-right-lighten-5 {
    border-right: 1px solid #ededf9!important
}

.overlay-primary.overlay-lighten-5 {
    background: #ededf9;
    background: rgba(237, 237, 249, .8)
}

.bg-primary.bg-lighten-4,
.btn-primary.btn-lighten-4 {
    background-color: #d2d1f0!important
}

.primary.lighten-4 {
    color: #d2d1f0!important
}

.bg-primary.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(210, 209, 240, .6);
    box-shadow: 0 1px 20px 1px rgba(210, 209, 240, .6)
}

.btn-primary.btn-lighten-4 {
    border-color: #5654c2!important
}

.btn-primary.btn-lighten-4:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-lighten-4:active,
.btn-primary.btn-lighten-4:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-lighten-4 {
    color: #d2d1f0!important;
    border-color: #d2d1f0!important
}

.btn-outline-primary.btn-outline-lighten-4:hover {
    background-color: #d2d1f0!important
}

.border-primary.border-lighten-4 {
    border: 1px solid #d2d1f0!important
}

.border-top-primary.border-top-lighten-4 {
    border-top: 1px solid #d2d1f0!important
}

.border-bottom-primary.border-bottom-lighten-4 {
    border-bottom: 1px solid #d2d1f0!important
}

.border-left-primary.border-left-lighten-4 {
    border-left: 1px solid #d2d1f0!important
}

.border-right-primary.border-right-lighten-4 {
    border-right: 1px solid #d2d1f0!important
}

.overlay-primary.overlay-lighten-4 {
    background: #d2d1f0;
    background: rgba(210, 209, 240, .8)
}

.bg-primary.bg-lighten-3,
.btn-primary.btn-lighten-3 {
    background-color: #b4b3e7!important
}

.primary.lighten-3 {
    color: #b4b3e7!important
}

.bg-primary.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(180, 179, 231, .6);
    box-shadow: 0 1px 20px 1px rgba(180, 179, 231, .6)
}

.btn-primary.btn-lighten-3 {
    border-color: #5654c2!important
}

.btn-primary.btn-lighten-3:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-lighten-3:active,
.btn-primary.btn-lighten-3:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-lighten-3 {
    color: #b4b3e7!important;
    border-color: #b4b3e7!important
}

.btn-outline-primary.btn-outline-lighten-3:hover {
    background-color: #b4b3e7!important
}

.border-primary.border-lighten-3 {
    border: 1px solid #b4b3e7!important
}

.border-top-primary.border-top-lighten-3 {
    border-top: 1px solid #b4b3e7!important
}

.border-bottom-primary.border-bottom-lighten-3 {
    border-bottom: 1px solid #b4b3e7!important
}

.border-left-primary.border-left-lighten-3 {
    border-left: 1px solid #b4b3e7!important
}

.border-right-primary.border-right-lighten-3 {
    border-right: 1px solid #b4b3e7!important
}

.overlay-primary.overlay-lighten-3 {
    background: #b4b3e7;
    background: rgba(180, 179, 231, .8)
}

.bg-primary.bg-lighten-2,
.btn-primary.btn-lighten-2 {
    background-color: #9695dd!important
}

.primary.lighten-2 {
    color: #9695dd!important
}

.bg-primary.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(150, 149, 221, .6);
    box-shadow: 0 1px 20px 1px rgba(150, 149, 221, .6)
}

.btn-primary.btn-lighten-2 {
    border-color: #5654c2!important
}

.btn-primary.btn-lighten-2:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-lighten-2:active,
.btn-primary.btn-lighten-2:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-lighten-2 {
    color: #9695dd!important;
    border-color: #9695dd!important
}

.btn-outline-primary.btn-outline-lighten-2:hover {
    background-color: #9695dd!important
}

.border-primary.border-lighten-2 {
    border: 1px solid #9695dd!important
}

.border-top-primary.border-top-lighten-2 {
    border-top: 1px solid #9695dd!important
}

.border-bottom-primary.border-bottom-lighten-2 {
    border-bottom: 1px solid #9695dd!important
}

.border-left-primary.border-left-lighten-2 {
    border-left: 1px solid #9695dd!important
}

.border-right-primary.border-right-lighten-2 {
    border-right: 1px solid #9695dd!important
}

.overlay-primary.overlay-lighten-2 {
    background: #9695dd;
    background: rgba(150, 149, 221, .8)
}

.bg-primary.bg-lighten-1,
.btn-primary.btn-lighten-1 {
    background-color: #807ed5!important
}

.primary.lighten-1 {
    color: #807ed5!important
}

.bg-primary.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(128, 126, 213, .6);
    box-shadow: 0 1px 20px 1px rgba(128, 126, 213, .6)
}

.btn-primary.btn-lighten-1 {
    border-color: #5654c2!important
}

.btn-primary.btn-lighten-1:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-lighten-1:active,
.btn-primary.btn-lighten-1:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-lighten-1 {
    color: #807ed5!important;
    border-color: #807ed5!important
}

.btn-outline-primary.btn-outline-lighten-1:hover {
    background-color: #807ed5!important
}

.border-primary.border-lighten-1 {
    border: 1px solid #807ed5!important
}

.border-top-primary.border-top-lighten-1 {
    border-top: 1px solid #807ed5!important
}

.border-bottom-primary.border-bottom-lighten-1 {
    border-bottom: 1px solid #807ed5!important
}

.border-left-primary.border-left-lighten-1 {
    border-left: 1px solid #807ed5!important
}

.border-right-primary.border-right-lighten-1 {
    border-right: 1px solid #807ed5!important
}

.overlay-primary.overlay-lighten-1 {
    background: #807ed5;
    background: rgba(128, 126, 213, .8)
}

.primary {
    color: #6967ce!important
}

.bg-primary {
    background-color: #6967ce!important
}

.bg-primary .card-footer,
.bg-primary .card-header {
    background-color: transparent
}

.bg-primary.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6)
}

body.vertical-layout[data-color=bg-primary] .content-wrapper-before,
body.vertical-layout[data-color=bg-primary] .navbar-container {
    background-color: #6967ce!important
}

body.horizontal-layout[data-color=bg-primary] .navbar-horizontal {
    background-color: #5e5bca
}

.selectboxit.selectboxit-btn.bg-primary,
body.horizontal-layout[data-color=bg-primary] .content-wrapper-before {
    background-color: #6967ce!important
}

.alert-primary {
    color: #fff;
    border-color: #5e5bca;
    background-color: #5e5bca
}

.alert-primary .alert-link {
    color: #fff
}

.overlay-primary {
    background: #6967ce;
    background: rgba(105, 103, 206, .8)
}

.btn-primary {
    color: #fff;
    background-color: #6967ce
}

.btn-primary:hover {
    color: #fff;
    border-color: #7473d2;
    background-color: #7473d2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302);
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302)
}

.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    border-color: #7473d2;
    background-color: #7473d2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302)!important
}

.btn-primary.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6)
}

.btn-outline-primary {
    color: #6967ce;
    border-color: #6967ce;
    background-color: transparent
}

.btn-outline-primary:hover {
    color: #fff!important;
    background-color: #6967ce;
    -webkit-box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, .451), 0 1px 3px 1px rgba(105, 103, 206, .302)!important
}

.btn-outline-primary.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, .6)
}

input[type=checkbox].bg-primary+.custom-control-label:before,
input[type=radio].bg-primary+.custom-control-label:before {
    background-color: #6967ce!important
}

.bg-primary.bg-darken-1,
.btn-primary.btn-darken-1 {
    background-color: #615fc9!important
}

.border-primary {
    border: 1px solid #6967ce!important
}

.border-top-primary {
    border-top: 1px solid #6967ce
}

.border-bottom-primary {
    border-bottom: 1px solid #6967ce
}

.border-left-primary {
    border-left: 1px solid #6967ce
}

.border-right-primary {
    border-right: 1px solid #6967ce
}

.primary.darken-1 {
    color: #615fc9!important
}

.bg-primary.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(97, 95, 201, .6);
    box-shadow: 0 1px 20px 1px rgba(97, 95, 201, .6)
}

.btn-primary.btn-darken-1 {
    border-color: #5654c2!important
}

.btn-primary.btn-darken-1:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-darken-1:active,
.btn-primary.btn-darken-1:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-darken-1 {
    color: #615fc9!important;
    border-color: #615fc9!important
}

.btn-outline-primary.btn-outline-darken-1:hover {
    background-color: #615fc9!important
}

.border-primary.border-darken-1 {
    border: 1px solid #615fc9!important
}

.border-top-primary.border-top-darken-1 {
    border-top: 1px solid #615fc9!important
}

.border-bottom-primary.border-bottom-darken-1 {
    border-bottom: 1px solid #615fc9!important
}

.border-left-primary.border-left-darken-1 {
    border-left: 1px solid #615fc9!important
}

.border-right-primary.border-right-darken-1 {
    border-right: 1px solid #615fc9!important
}

.overlay-primary.overlay-darken-1 {
    background: #615fc9;
    background: rgba(97, 95, 201, .8)
}

.bg-primary.bg-darken-2,
.btn-primary.btn-darken-2 {
    background-color: #5654c2!important
}

.primary.darken-2 {
    color: #5654c2!important
}

.bg-primary.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(86, 84, 194, .6);
    box-shadow: 0 1px 20px 1px rgba(86, 84, 194, .6)
}

.btn-primary.btn-darken-2 {
    border-color: #5654c2!important
}

.btn-primary.btn-darken-2:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-darken-2:active,
.btn-primary.btn-darken-2:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-darken-2 {
    color: #5654c2!important;
    border-color: #5654c2!important
}

.btn-outline-primary.btn-outline-darken-2:hover {
    background-color: #5654c2!important
}

.border-primary.border-darken-2 {
    border: 1px solid #5654c2!important
}

.border-top-primary.border-top-darken-2 {
    border-top: 1px solid #5654c2!important
}

.border-bottom-primary.border-bottom-darken-2 {
    border-bottom: 1px solid #5654c2!important
}

.border-left-primary.border-left-darken-2 {
    border-left: 1px solid #5654c2!important
}

.border-right-primary.border-right-darken-2 {
    border-right: 1px solid #5654c2!important
}

.overlay-primary.overlay-darken-2 {
    background: #5654c2;
    background: rgba(86, 84, 194, .8)
}

.primary.darken-3 {
    color: #4c4abc!important
}

.bg-primary.bg-darken-3 {
    background-color: #4c4abc!important
}

.bg-primary.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(76, 74, 188, .6);
    box-shadow: 0 1px 20px 1px rgba(76, 74, 188, .6)
}

.btn-primary.btn-darken-3,
.btn-primary.btn-darken-3:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-darken-3:active,
.btn-primary.btn-darken-3:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-darken-3 {
    color: #4c4abc!important;
    border-color: #4c4abc!important
}

.btn-outline-primary.btn-outline-darken-3:hover {
    background-color: #4c4abc!important
}

.border-primary.border-darken-3 {
    border: 1px solid #4c4abc!important
}

.border-top-primary.border-top-darken-3 {
    border-top: 1px solid #4c4abc!important
}

.border-bottom-primary.border-bottom-darken-3 {
    border-bottom: 1px solid #4c4abc!important
}

.border-left-primary.border-left-darken-3 {
    border-left: 1px solid #4c4abc!important
}

.border-right-primary.border-right-darken-3 {
    border-right: 1px solid #4c4abc!important
}

.overlay-primary.overlay-darken-3 {
    background: #4c4abc;
    background: rgba(76, 74, 188, .8)
}

.bg-primary.bg-darken-4,
.btn-primary.btn-darken-4 {
    background-color: #3b39b0!important
}

.primary.darken-4 {
    color: #3b39b0!important
}

.bg-primary.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(59, 57, 176, .6);
    box-shadow: 0 1px 20px 1px rgba(59, 57, 176, .6)
}

.btn-primary.btn-darken-4 {
    border-color: #5654c2!important
}

.btn-primary.btn-darken-4:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-darken-4:active,
.btn-primary.btn-darken-4:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-darken-4 {
    color: #3b39b0!important;
    border-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-darken-4:hover {
    background-color: #3b39b0!important
}

.border-primary.border-darken-4 {
    border: 1px solid #3b39b0!important
}

.border-top-primary.border-top-darken-4 {
    border-top: 1px solid #3b39b0!important
}

.border-bottom-primary.border-bottom-darken-4 {
    border-bottom: 1px solid #3b39b0!important
}

.border-left-primary.border-left-darken-4 {
    border-left: 1px solid #3b39b0!important
}

.border-right-primary.border-right-darken-4 {
    border-right: 1px solid #3b39b0!important
}

.overlay-primary.overlay-darken-4 {
    background: #3b39b0;
    background: rgba(59, 57, 176, .8)
}

.bg-primary.bg-accent-1,
.btn-primary.btn-accent-1 {
    background-color: #e2e2ff!important
}

.primary.accent-1 {
    color: #e2e2ff!important
}

.bg-primary.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(226, 226, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(226, 226, 255, .6)
}

.btn-primary.btn-accent-1 {
    border-color: #5654c2!important
}

.btn-primary.btn-accent-1:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-accent-1:active,
.btn-primary.btn-accent-1:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-accent-1 {
    color: #e2e2ff!important;
    border-color: #e2e2ff!important
}

.btn-outline-primary.btn-outline-accent-1:hover {
    background-color: #e2e2ff!important
}

.border-primary.border-accent-1 {
    border: 1px solid #e2e2ff!important
}

.border-top-primary.border-top-accent-1 {
    border-top: 1px solid #e2e2ff!important
}

.border-bottom-primary.border-bottom-accent-1 {
    border-bottom: 1px solid #e2e2ff!important
}

.border-left-primary.border-left-accent-1 {
    border-left: 1px solid #e2e2ff!important
}

.border-right-primary.border-right-accent-1 {
    border-right: 1px solid #e2e2ff!important
}

.overlay-primary.overlay-accent-1 {
    background: #e2e2ff;
    background: rgba(226, 226, 255, .8)
}

.bg-primary.bg-accent-2,
.btn-primary.btn-accent-2 {
    background-color: #cac9ff!important
}

.primary.accent-2 {
    color: #cac9ff!important
}

.bg-primary.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(202, 201, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(202, 201, 255, .6)
}

.btn-primary.btn-accent-2 {
    border-color: #5654c2!important
}

.btn-primary.btn-accent-2:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-accent-2:active,
.btn-primary.btn-accent-2:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-accent-2 {
    color: #cac9ff!important;
    border-color: #cac9ff!important
}

.btn-outline-primary.btn-outline-accent-2:hover {
    background-color: #cac9ff!important
}

.border-primary.border-accent-2 {
    border: 1px solid #cac9ff!important
}

.border-top-primary.border-top-accent-2 {
    border-top: 1px solid #cac9ff!important
}

.border-bottom-primary.border-bottom-accent-2 {
    border-bottom: 1px solid #cac9ff!important
}

.border-left-primary.border-left-accent-2 {
    border-left: 1px solid #cac9ff!important
}

.border-right-primary.border-right-accent-2 {
    border-right: 1px solid #cac9ff!important
}

.overlay-primary.overlay-accent-2 {
    background: #cac9ff;
    background: rgba(202, 201, 255, .8)
}

.bg-primary.bg-accent-3,
.btn-primary.btn-accent-3 {
    background-color: #9896ff!important
}

.primary.accent-3 {
    color: #9896ff!important
}

.bg-primary.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(152, 150, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(152, 150, 255, .6)
}

.btn-primary.btn-accent-3 {
    border-color: #5654c2!important
}

.btn-primary.btn-accent-3:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-accent-3:active,
.btn-primary.btn-accent-3:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-accent-3 {
    color: #9896ff!important;
    border-color: #9896ff!important
}

.btn-outline-primary.btn-outline-accent-3:hover {
    background-color: #9896ff!important
}

.border-primary.border-accent-3 {
    border: 1px solid #9896ff!important
}

.border-top-primary.border-top-accent-3 {
    border-top: 1px solid #9896ff!important
}

.border-bottom-primary.border-bottom-accent-3 {
    border-bottom: 1px solid #9896ff!important
}

.border-left-primary.border-left-accent-3 {
    border-left: 1px solid #9896ff!important
}

.border-right-primary.border-right-accent-3 {
    border-right: 1px solid #9896ff!important
}

.overlay-primary.overlay-accent-3 {
    background: #9896ff;
    background: rgba(152, 150, 255, .8)
}

.bg-primary.bg-accent-4,
.btn-primary.btn-accent-4 {
    background-color: #7f7dff!important
}

.primary.accent-4 {
    color: #7f7dff!important
}

.bg-primary.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(127, 125, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(127, 125, 255, .6)
}

.btn-primary.btn-accent-4 {
    border-color: #5654c2!important
}

.btn-primary.btn-accent-4:hover {
    border-color: #5654c2!important;
    background-color: #4c4abc!important
}

.btn-primary.btn-accent-4:active,
.btn-primary.btn-accent-4:focus {
    border-color: #4c4abc!important;
    background-color: #3b39b0!important
}

.btn-outline-primary.btn-outline-accent-4 {
    color: #7f7dff!important;
    border-color: #7f7dff!important
}

.btn-outline-primary.btn-outline-accent-4:hover {
    background-color: #7f7dff!important
}

input:focus~.bg-primary {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #7f7dff!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #7f7dff!important
}

.border-primary.border-accent-4 {
    border: 1px solid #7f7dff!important
}

.border-top-primary.border-top-accent-4 {
    border-top: 1px solid #7f7dff!important
}

.border-bottom-primary.border-bottom-accent-4 {
    border-bottom: 1px solid #7f7dff!important
}

.border-left-primary.border-left-accent-4 {
    border-left: 1px solid #7f7dff!important
}

.border-right-primary.border-right-accent-4 {
    border-right: 1px solid #7f7dff!important
}

.overlay-primary.overlay-accent-4 {
    background: #7f7dff;
    background: rgba(127, 125, 255, .8)
}

.bg-success.bg-lighten-5,
.btn-success.btn-lighten-5 {
    background-color: #effbed!important
}

.success.lighten-5 {
    color: #effbed!important
}

.bg-success.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(239, 251, 237, .6);
    box-shadow: 0 1px 20px 1px rgba(239, 251, 237, .6)
}

.btn-success.btn-lighten-5 {
    border-color: #63d457!important
}

.btn-success.btn-lighten-5:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-lighten-5:active,
.btn-success.btn-lighten-5:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-lighten-5 {
    color: #effbed!important;
    border-color: #effbed!important
}

.btn-outline-success.btn-outline-lighten-5:hover {
    background-color: #effbed!important
}

.border-success.border-lighten-5 {
    border: 1px solid #effbed!important
}

.border-top-success.border-top-lighten-5 {
    border-top: 1px solid #effbed!important
}

.border-bottom-success.border-bottom-lighten-5 {
    border-bottom: 1px solid #effbed!important
}

.border-left-success.border-left-lighten-5 {
    border-left: 1px solid #effbed!important
}

.border-right-success.border-right-lighten-5 {
    border-right: 1px solid #effbed!important
}

.overlay-success.overlay-lighten-5 {
    background: #effbed;
    background: rgba(239, 251, 237, .8)
}

.bg-success.bg-lighten-4,
.btn-success.btn-lighten-4 {
    background-color: #d6f5d2!important
}

.success.lighten-4 {
    color: #d6f5d2!important
}

.bg-success.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(214, 245, 210, .6);
    box-shadow: 0 1px 20px 1px rgba(214, 245, 210, .6)
}

.btn-success.btn-lighten-4 {
    border-color: #63d457!important
}

.btn-success.btn-lighten-4:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-lighten-4:active,
.btn-success.btn-lighten-4:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-lighten-4 {
    color: #d6f5d2!important;
    border-color: #d6f5d2!important
}

.btn-outline-success.btn-outline-lighten-4:hover {
    background-color: #d6f5d2!important
}

.border-success.border-lighten-4 {
    border: 1px solid #d6f5d2!important
}

.border-top-success.border-top-lighten-4 {
    border-top: 1px solid #d6f5d2!important
}

.border-bottom-success.border-bottom-lighten-4 {
    border-bottom: 1px solid #d6f5d2!important
}

.border-left-success.border-left-lighten-4 {
    border-left: 1px solid #d6f5d2!important
}

.border-right-success.border-right-lighten-4 {
    border-right: 1px solid #d6f5d2!important
}

.overlay-success.overlay-lighten-4 {
    background: #d6f5d2;
    background: rgba(214, 245, 210, .8)
}

.bg-success.bg-lighten-3,
.btn-success.btn-lighten-3 {
    background-color: #bbeeb5!important
}

.success.lighten-3 {
    color: #bbeeb5!important
}

.bg-success.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(187, 238, 181, .6);
    box-shadow: 0 1px 20px 1px rgba(187, 238, 181, .6)
}

.btn-success.btn-lighten-3 {
    border-color: #63d457!important
}

.btn-success.btn-lighten-3:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-lighten-3:active,
.btn-success.btn-lighten-3:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-lighten-3 {
    color: #bbeeb5!important;
    border-color: #bbeeb5!important
}

.btn-outline-success.btn-outline-lighten-3:hover {
    background-color: #bbeeb5!important
}

.border-success.border-lighten-3 {
    border: 1px solid #bbeeb5!important
}

.border-top-success.border-top-lighten-3 {
    border-top: 1px solid #bbeeb5!important
}

.border-bottom-success.border-bottom-lighten-3 {
    border-bottom: 1px solid #bbeeb5!important
}

.border-left-success.border-left-lighten-3 {
    border-left: 1px solid #bbeeb5!important
}

.border-right-success.border-right-lighten-3 {
    border-right: 1px solid #bbeeb5!important
}

.overlay-success.overlay-lighten-3 {
    background: #bbeeb5;
    background: rgba(187, 238, 181, .8)
}

.bg-success.bg-lighten-2,
.btn-success.btn-lighten-2 {
    background-color: #9fe797!important
}

.success.lighten-2 {
    color: #9fe797!important
}

.bg-success.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(159, 231, 151, .6);
    box-shadow: 0 1px 20px 1px rgba(159, 231, 151, .6)
}

.btn-success.btn-lighten-2 {
    border-color: #63d457!important
}

.btn-success.btn-lighten-2:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-lighten-2:active,
.btn-success.btn-lighten-2:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-lighten-2 {
    color: #9fe797!important;
    border-color: #9fe797!important
}

.btn-outline-success.btn-outline-lighten-2:hover {
    background-color: #9fe797!important
}

.border-success.border-lighten-2 {
    border: 1px solid #9fe797!important
}

.border-top-success.border-top-lighten-2 {
    border-top: 1px solid #9fe797!important
}

.border-bottom-success.border-bottom-lighten-2 {
    border-bottom: 1px solid #9fe797!important
}

.border-left-success.border-left-lighten-2 {
    border-left: 1px solid #9fe797!important
}

.border-right-success.border-right-lighten-2 {
    border-right: 1px solid #9fe797!important
}

.overlay-success.overlay-lighten-2 {
    background: #9fe797;
    background: rgba(159, 231, 151, .8)
}

.bg-success.bg-lighten-1,
.btn-success.btn-lighten-1 {
    background-color: #8be280!important
}

.success.lighten-1 {
    color: #8be280!important
}

.bg-success.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(139, 226, 128, .6);
    box-shadow: 0 1px 20px 1px rgba(139, 226, 128, .6)
}

.btn-success.btn-lighten-1 {
    border-color: #63d457!important
}

.btn-success.btn-lighten-1:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-lighten-1:active,
.btn-success.btn-lighten-1:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-lighten-1 {
    color: #8be280!important;
    border-color: #8be280!important
}

.btn-outline-success.btn-outline-lighten-1:hover {
    background-color: #8be280!important
}

.border-success.border-lighten-1 {
    border: 1px solid #8be280!important
}

.border-top-success.border-top-lighten-1 {
    border-top: 1px solid #8be280!important
}

.border-bottom-success.border-bottom-lighten-1 {
    border-bottom: 1px solid #8be280!important
}

.border-left-success.border-left-lighten-1 {
    border-left: 1px solid #8be280!important
}

.border-right-success.border-right-lighten-1 {
    border-right: 1px solid #8be280!important
}

.overlay-success.overlay-lighten-1 {
    background: #8be280;
    background: rgba(139, 226, 128, .8)
}

.success {
    color: #5ed84f!important
}

.bg-success {
    background-color: #5ed84f!important
}

.bg-success .card-footer,
.bg-success .card-header {
    background-color: transparent
}

.bg-success.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6)
}

body.vertical-layout[data-color=bg-success] .content-wrapper-before,
body.vertical-layout[data-color=bg-success] .navbar-container {
    background-color: #5ed84f!important
}

body.horizontal-layout[data-color=bg-success] .navbar-horizontal {
    background-color: #53d542
}

.selectboxit.selectboxit-btn.bg-success,
body.horizontal-layout[data-color=bg-success] .content-wrapper-before {
    background-color: #5ed84f!important
}

.alert-success {
    color: #fff;
    border-color: #53d542;
    background-color: #53d542
}

.alert-success .alert-link {
    color: #fff
}

.overlay-success {
    background: #5ed84f;
    background: rgba(94, 216, 79, .8)
}

.btn-success {
    color: #fff;
    background-color: #5ed84f
}

.btn-success:hover {
    color: #fff;
    border-color: #69db5c;
    background-color: #69db5c;
    -webkit-box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302);
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302)
}

.btn-success:active,
.btn-success:focus {
    color: #fff;
    border-color: #69db5c;
    background-color: #69db5c;
    -webkit-box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302)!important
}

.btn-success.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6)
}

.btn-outline-success {
    color: #5ed84f;
    border-color: #5ed84f;
    background-color: transparent
}

.btn-outline-success:hover {
    color: #fff!important;
    background-color: #5ed84f;
    -webkit-box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, .451), 0 1px 3px 1px rgba(94, 216, 79, .302)!important
}

.btn-outline-success.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, .6)
}

input[type=checkbox].bg-success+.custom-control-label:before,
input[type=radio].bg-success+.custom-control-label:before {
    background-color: #5ed84f!important
}

.bg-success.bg-darken-1,
.btn-success.btn-darken-1 {
    background-color: #6ed962!important
}

.border-success {
    border: 1px solid #5ed84f!important
}

.border-top-success {
    border-top: 1px solid #5ed84f
}

.border-bottom-success {
    border-bottom: 1px solid #5ed84f
}

.border-left-success {
    border-left: 1px solid #5ed84f
}

.border-right-success {
    border-right: 1px solid #5ed84f
}

.success.darken-1 {
    color: #6ed962!important
}

.bg-success.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(110, 217, 98, .6);
    box-shadow: 0 1px 20px 1px rgba(110, 217, 98, .6)
}

.btn-success.btn-darken-1 {
    border-color: #63d457!important
}

.btn-success.btn-darken-1:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-darken-1:active,
.btn-success.btn-darken-1:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-darken-1 {
    color: #6ed962!important;
    border-color: #6ed962!important
}

.btn-outline-success.btn-outline-darken-1:hover {
    background-color: #6ed962!important
}

.border-success.border-darken-1 {
    border: 1px solid #6ed962!important
}

.border-top-success.border-top-darken-1 {
    border-top: 1px solid #6ed962!important
}

.border-bottom-success.border-bottom-darken-1 {
    border-bottom: 1px solid #6ed962!important
}

.border-left-success.border-left-darken-1 {
    border-left: 1px solid #6ed962!important
}

.border-right-success.border-right-darken-1 {
    border-right: 1px solid #6ed962!important
}

.overlay-success.overlay-darken-1 {
    background: #6ed962;
    background: rgba(110, 217, 98, .8)
}

.bg-success.bg-darken-2,
.btn-success.btn-darken-2 {
    background-color: #63d457!important
}

.success.darken-2 {
    color: #63d457!important
}

.bg-success.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(99, 212, 87, .6);
    box-shadow: 0 1px 20px 1px rgba(99, 212, 87, .6)
}

.btn-success.btn-darken-2 {
    border-color: #63d457!important
}

.btn-success.btn-darken-2:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-darken-2:active,
.btn-success.btn-darken-2:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-darken-2 {
    color: #63d457!important;
    border-color: #63d457!important
}

.btn-outline-success.btn-outline-darken-2:hover {
    background-color: #63d457!important
}

.border-success.border-darken-2 {
    border: 1px solid #63d457!important
}

.border-top-success.border-top-darken-2 {
    border-top: 1px solid #63d457!important
}

.border-bottom-success.border-bottom-darken-2 {
    border-bottom: 1px solid #63d457!important
}

.border-left-success.border-left-darken-2 {
    border-left: 1px solid #63d457!important
}

.border-right-success.border-right-darken-2 {
    border-right: 1px solid #63d457!important
}

.overlay-success.overlay-darken-2 {
    background: #63d457;
    background: rgba(99, 212, 87, .8)
}

.success.darken-3 {
    color: #59cf4d!important
}

.bg-success.bg-darken-3 {
    background-color: #59cf4d!important
}

.bg-success.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(89, 207, 77, .6);
    box-shadow: 0 1px 20px 1px rgba(89, 207, 77, .6)
}

.btn-success.btn-darken-3,
.btn-success.btn-darken-3:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-darken-3:active,
.btn-success.btn-darken-3:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-darken-3 {
    color: #59cf4d!important;
    border-color: #59cf4d!important
}

.btn-outline-success.btn-outline-darken-3:hover {
    background-color: #59cf4d!important
}

.border-success.border-darken-3 {
    border: 1px solid #59cf4d!important
}

.border-top-success.border-top-darken-3 {
    border-top: 1px solid #59cf4d!important
}

.border-bottom-success.border-bottom-darken-3 {
    border-bottom: 1px solid #59cf4d!important
}

.border-left-success.border-left-darken-3 {
    border-left: 1px solid #59cf4d!important
}

.border-right-success.border-right-darken-3 {
    border-right: 1px solid #59cf4d!important
}

.overlay-success.overlay-darken-3 {
    background: #59cf4d;
    background: rgba(89, 207, 77, .8)
}

.bg-success.bg-darken-4,
.btn-success.btn-darken-4 {
    background-color: #46c73c!important
}

.success.darken-4 {
    color: #46c73c!important
}

.bg-success.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(70, 199, 60, .6);
    box-shadow: 0 1px 20px 1px rgba(70, 199, 60, .6)
}

.btn-success.btn-darken-4 {
    border-color: #63d457!important
}

.btn-success.btn-darken-4:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-darken-4:active,
.btn-success.btn-darken-4:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-darken-4 {
    color: #46c73c!important;
    border-color: #46c73c!important
}

.btn-outline-success.btn-outline-darken-4:hover {
    background-color: #46c73c!important
}

.border-success.border-darken-4 {
    border: 1px solid #46c73c!important
}

.border-top-success.border-top-darken-4 {
    border-top: 1px solid #46c73c!important
}

.border-bottom-success.border-bottom-darken-4 {
    border-bottom: 1px solid #46c73c!important
}

.border-left-success.border-left-darken-4 {
    border-left: 1px solid #46c73c!important
}

.border-right-success.border-right-darken-4 {
    border-right: 1px solid #46c73c!important
}

.overlay-success.overlay-darken-4 {
    background: #46c73c;
    background: rgba(70, 199, 60, .8)
}

.bg-success.bg-accent-1,
.btn-success.btn-accent-1 {
    background-color: #efe!important
}

.success.accent-1 {
    color: #efe!important
}

.bg-success.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(238, 255, 238, .6);
    box-shadow: 0 1px 20px 1px rgba(238, 255, 238, .6)
}

.btn-success.btn-accent-1 {
    border-color: #63d457!important
}

.btn-success.btn-accent-1:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-accent-1:active,
.btn-success.btn-accent-1:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-accent-1 {
    color: #efe!important;
    border-color: #efe!important
}

.btn-outline-success.btn-outline-accent-1:hover {
    background-color: #efe!important
}

.border-success.border-accent-1 {
    border: 1px solid #efe!important
}

.border-top-success.border-top-accent-1 {
    border-top: 1px solid #efe!important
}

.border-bottom-success.border-bottom-accent-1 {
    border-bottom: 1px solid #efe!important
}

.border-left-success.border-left-accent-1 {
    border-left: 1px solid #efe!important
}

.border-right-success.border-right-accent-1 {
    border-right: 1px solid #efe!important
}

.overlay-success.overlay-accent-1 {
    background: #efe;
    background: rgba(238, 255, 238, .8)
}

.bg-success.bg-accent-2,
.btn-success.btn-accent-2 {
    background-color: #e3ffe1!important
}

.success.accent-2 {
    color: #e3ffe1!important
}

.bg-success.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(227, 255, 225, .6);
    box-shadow: 0 1px 20px 1px rgba(227, 255, 225, .6)
}

.btn-success.btn-accent-2 {
    border-color: #63d457!important
}

.btn-success.btn-accent-2:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-accent-2:active,
.btn-success.btn-accent-2:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-accent-2 {
    color: #e3ffe1!important;
    border-color: #e3ffe1!important
}

.btn-outline-success.btn-outline-accent-2:hover {
    background-color: #e3ffe1!important
}

.border-success.border-accent-2 {
    border: 1px solid #e3ffe1!important
}

.border-top-success.border-top-accent-2 {
    border-top: 1px solid #e3ffe1!important
}

.border-bottom-success.border-bottom-accent-2 {
    border-bottom: 1px solid #e3ffe1!important
}

.border-left-success.border-left-accent-2 {
    border-left: 1px solid #e3ffe1!important
}

.border-right-success.border-right-accent-2 {
    border-right: 1px solid #e3ffe1!important
}

.overlay-success.overlay-accent-2 {
    background: #e3ffe1;
    background: rgba(227, 255, 225, .8)
}

.bg-success.bg-accent-3,
.btn-success.btn-accent-3 {
    background-color: #b4ffae!important
}

.success.accent-3 {
    color: #b4ffae!important
}

.bg-success.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(180, 255, 174, .6);
    box-shadow: 0 1px 20px 1px rgba(180, 255, 174, .6)
}

.btn-success.btn-accent-3 {
    border-color: #63d457!important
}

.btn-success.btn-accent-3:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-accent-3:active,
.btn-success.btn-accent-3:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-accent-3 {
    color: #b4ffae!important;
    border-color: #b4ffae!important
}

.btn-outline-success.btn-outline-accent-3:hover {
    background-color: #b4ffae!important
}

.border-success.border-accent-3 {
    border: 1px solid #b4ffae!important
}

.border-top-success.border-top-accent-3 {
    border-top: 1px solid #b4ffae!important
}

.border-bottom-success.border-bottom-accent-3 {
    border-bottom: 1px solid #b4ffae!important
}

.border-left-success.border-left-accent-3 {
    border-left: 1px solid #b4ffae!important
}

.border-right-success.border-right-accent-3 {
    border-right: 1px solid #b4ffae!important
}

.overlay-success.overlay-accent-3 {
    background: #b4ffae;
    background: rgba(180, 255, 174, .8)
}

.bg-success.bg-accent-4,
.btn-success.btn-accent-4 {
    background-color: #9cff95!important
}

.success.accent-4 {
    color: #9cff95!important
}

.bg-success.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 255, 149, .6);
    box-shadow: 0 1px 20px 1px rgba(156, 255, 149, .6)
}

.btn-success.btn-accent-4 {
    border-color: #63d457!important
}

.btn-success.btn-accent-4:hover {
    border-color: #63d457!important;
    background-color: #59cf4d!important
}

.btn-success.btn-accent-4:active,
.btn-success.btn-accent-4:focus {
    border-color: #59cf4d!important;
    background-color: #46c73c!important
}

.btn-outline-success.btn-outline-accent-4 {
    color: #9cff95!important;
    border-color: #9cff95!important
}

.btn-outline-success.btn-outline-accent-4:hover {
    background-color: #9cff95!important
}

input:focus~.bg-success {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #9cff95!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #9cff95!important
}

.border-success.border-accent-4 {
    border: 1px solid #9cff95!important
}

.border-top-success.border-top-accent-4 {
    border-top: 1px solid #9cff95!important
}

.border-bottom-success.border-bottom-accent-4 {
    border-bottom: 1px solid #9cff95!important
}

.border-left-success.border-left-accent-4 {
    border-left: 1px solid #9cff95!important
}

.border-right-success.border-right-accent-4 {
    border-right: 1px solid #9cff95!important
}

.btn-info.btn-lighten-5,
.btn-info.btn-lighten-5:hover {
    border-color: #1e9fc4!important
}

.overlay-success.overlay-accent-4 {
    background: #9cff95;
    background: rgba(156, 255, 149, .8)
}

.bg-info.bg-lighten-5,
.btn-info.btn-lighten-5 {
    background-color: #e5f5f9!important
}

.info.lighten-5 {
    color: #e5f5f9!important
}

.bg-info.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(229, 245, 249, .6);
    box-shadow: 0 1px 20px 1px rgba(229, 245, 249, .6)
}

.btn-info.btn-lighten-5:hover {
    background-color: #1896be!important
}

.btn-info.btn-lighten-5:active,
.btn-info.btn-lighten-5:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-lighten-5 {
    color: #e5f5f9!important;
    border-color: #e5f5f9!important
}

.btn-outline-info.btn-outline-lighten-5:hover {
    background-color: #e5f5f9!important
}

.border-info.border-lighten-5 {
    border: 1px solid #e5f5f9!important
}

.border-top-info.border-top-lighten-5 {
    border-top: 1px solid #e5f5f9!important
}

.border-bottom-info.border-bottom-lighten-5 {
    border-bottom: 1px solid #e5f5f9!important
}

.border-left-info.border-left-lighten-5 {
    border-left: 1px solid #e5f5f9!important
}

.border-right-info.border-right-lighten-5 {
    border-right: 1px solid #e5f5f9!important
}

.btn-info.btn-lighten-4,
.btn-info.btn-lighten-4:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-lighten-5 {
    background: #e5f5f9;
    background: rgba(229, 245, 249, .8)
}

.bg-info.bg-lighten-4,
.btn-info.btn-lighten-4 {
    background-color: #bfe7f1!important
}

.info.lighten-4 {
    color: #bfe7f1!important
}

.bg-info.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(191, 231, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(191, 231, 241, .6)
}

.btn-info.btn-lighten-4:hover {
    background-color: #1896be!important
}

.btn-info.btn-lighten-4:active,
.btn-info.btn-lighten-4:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-lighten-4 {
    color: #bfe7f1!important;
    border-color: #bfe7f1!important
}

.btn-outline-info.btn-outline-lighten-4:hover {
    background-color: #bfe7f1!important
}

.border-info.border-lighten-4 {
    border: 1px solid #bfe7f1!important
}

.border-top-info.border-top-lighten-4 {
    border-top: 1px solid #bfe7f1!important
}

.border-bottom-info.border-bottom-lighten-4 {
    border-bottom: 1px solid #bfe7f1!important
}

.border-left-info.border-left-lighten-4 {
    border-left: 1px solid #bfe7f1!important
}

.border-right-info.border-right-lighten-4 {
    border-right: 1px solid #bfe7f1!important
}

.btn-info.btn-lighten-3,
.btn-info.btn-lighten-3:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-lighten-4 {
    background: #bfe7f1;
    background: rgba(191, 231, 241, .8)
}

.bg-info.bg-lighten-3,
.btn-info.btn-lighten-3 {
    background-color: #94d7e8!important
}

.info.lighten-3 {
    color: #94d7e8!important
}

.bg-info.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(148, 215, 232, .6);
    box-shadow: 0 1px 20px 1px rgba(148, 215, 232, .6)
}

.btn-info.btn-lighten-3:hover {
    background-color: #1896be!important
}

.btn-info.btn-lighten-3:active,
.btn-info.btn-lighten-3:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-lighten-3 {
    color: #94d7e8!important;
    border-color: #94d7e8!important
}

.btn-outline-info.btn-outline-lighten-3:hover {
    background-color: #94d7e8!important
}

.border-info.border-lighten-3 {
    border: 1px solid #94d7e8!important
}

.border-top-info.border-top-lighten-3 {
    border-top: 1px solid #94d7e8!important
}

.border-bottom-info.border-bottom-lighten-3 {
    border-bottom: 1px solid #94d7e8!important
}

.border-left-info.border-left-lighten-3 {
    border-left: 1px solid #94d7e8!important
}

.border-right-info.border-right-lighten-3 {
    border-right: 1px solid #94d7e8!important
}

.btn-info.btn-lighten-2,
.btn-info.btn-lighten-2:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-lighten-3 {
    background: #94d7e8;
    background: rgba(148, 215, 232, .8)
}

.bg-info.bg-lighten-2,
.btn-info.btn-lighten-2 {
    background-color: #69c7de!important
}

.info.lighten-2 {
    color: #69c7de!important
}

.bg-info.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 199, 222, .6);
    box-shadow: 0 1px 20px 1px rgba(105, 199, 222, .6)
}

.btn-info.btn-lighten-2:hover {
    background-color: #1896be!important
}

.btn-info.btn-lighten-2:active,
.btn-info.btn-lighten-2:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-lighten-2 {
    color: #69c7de!important;
    border-color: #69c7de!important
}

.btn-outline-info.btn-outline-lighten-2:hover {
    background-color: #69c7de!important
}

.border-info.border-lighten-2 {
    border: 1px solid #69c7de!important
}

.border-top-info.border-top-lighten-2 {
    border-top: 1px solid #69c7de!important
}

.border-bottom-info.border-bottom-lighten-2 {
    border-bottom: 1px solid #69c7de!important
}

.border-left-info.border-left-lighten-2 {
    border-left: 1px solid #69c7de!important
}

.border-right-info.border-right-lighten-2 {
    border-right: 1px solid #69c7de!important
}

.btn-info.btn-lighten-1,
.btn-info.btn-lighten-1:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-lighten-2 {
    background: #69c7de;
    background: rgba(105, 199, 222, .8)
}

.bg-info.bg-lighten-1,
.btn-info.btn-lighten-1 {
    background-color: #48bbd7!important
}

.info.lighten-1 {
    color: #48bbd7!important
}

.bg-info.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(72, 187, 215, .6);
    box-shadow: 0 1px 20px 1px rgba(72, 187, 215, .6)
}

.btn-info.btn-lighten-1:hover {
    background-color: #1896be!important
}

.btn-info.btn-lighten-1:active,
.btn-info.btn-lighten-1:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-lighten-1 {
    color: #48bbd7!important;
    border-color: #48bbd7!important
}

.btn-outline-info.btn-outline-lighten-1:hover {
    background-color: #48bbd7!important
}

.border-info.border-lighten-1 {
    border: 1px solid #48bbd7!important
}

.border-top-info.border-top-lighten-1 {
    border-top: 1px solid #48bbd7!important
}

.border-bottom-info.border-bottom-lighten-1 {
    border-bottom: 1px solid #48bbd7!important
}

.border-left-info.border-left-lighten-1 {
    border-left: 1px solid #48bbd7!important
}

.border-right-info.border-right-lighten-1 {
    border-right: 1px solid #48bbd7!important
}

.overlay-info.overlay-lighten-1 {
    background: #48bbd7;
    background: rgba(72, 187, 215, .8)
}

.info {
    color: #28afd0!important
}

.alert-info .alert-link,
.btn-info {
    color: #fff
}

.bg-info {
    background-color: #28afd0!important
}

.bg-info .card-footer,
.bg-info .card-header {
    background-color: transparent
}

.bg-info.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6)
}

body.vertical-layout[data-color=bg-info] .content-wrapper-before,
body.vertical-layout[data-color=bg-info] .navbar-container {
    background-color: #28afd0!important
}

body.horizontal-layout[data-color=bg-info] .navbar-horizontal {
    background-color: #26a4c3
}

.selectboxit.selectboxit-btn.bg-info,
body.horizontal-layout[data-color=bg-info] .content-wrapper-before {
    background-color: #28afd0!important
}

.alert-info {
    color: #fff;
    border-color: #26a4c3;
    background-color: #26a4c3
}

.overlay-info {
    background: #28afd0;
    background: rgba(40, 175, 208, .8)
}

.btn-info {
    background-color: #28afd0
}

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    border-color: #30b6d7;
    background-color: #30b6d7;
    color: #fff
}

.btn-info:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302);
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302)
}

.btn-info:active,
.btn-info:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302)!important
}

.btn-info.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6)
}

.btn-outline-info {
    color: #28afd0;
    border-color: #28afd0;
    background-color: transparent
}

.btn-outline-info:hover {
    color: #fff!important;
    background-color: #28afd0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, .451), 0 1px 3px 1px rgba(40, 175, 208, .302)!important
}

.btn-outline-info.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, .6)
}

input[type=checkbox].bg-info+.custom-control-label:before,
input[type=radio].bg-info+.custom-control-label:before {
    background-color: #28afd0!important
}

.bg-info.bg-darken-1,
.btn-info.btn-darken-1 {
    background-color: #24a8cb!important
}

.border-info {
    border: 1px solid #28afd0!important
}

.border-top-info {
    border-top: 1px solid #28afd0
}

.border-bottom-info {
    border-bottom: 1px solid #28afd0
}

.border-left-info {
    border-left: 1px solid #28afd0
}

.border-right-info {
    border-right: 1px solid #28afd0
}

.info.darken-1 {
    color: #24a8cb!important
}

.bg-info.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(36, 168, 203, .6);
    box-shadow: 0 1px 20px 1px rgba(36, 168, 203, .6)
}

.btn-info.btn-darken-1 {
    border-color: #1e9fc4!important
}

.btn-info.btn-darken-1:hover {
    border-color: #1e9fc4!important;
    background-color: #1896be!important
}

.btn-info.btn-darken-1:active,
.btn-info.btn-darken-1:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-darken-1 {
    color: #24a8cb!important;
    border-color: #24a8cb!important
}

.btn-outline-info.btn-outline-darken-1:hover {
    background-color: #24a8cb!important
}

.border-info.border-darken-1 {
    border: 1px solid #24a8cb!important
}

.border-top-info.border-top-darken-1 {
    border-top: 1px solid #24a8cb!important
}

.border-bottom-info.border-bottom-darken-1 {
    border-bottom: 1px solid #24a8cb!important
}

.border-left-info.border-left-darken-1 {
    border-left: 1px solid #24a8cb!important
}

.border-right-info.border-right-darken-1 {
    border-right: 1px solid #24a8cb!important
}

.btn-info.btn-darken-2,
.btn-info.btn-darken-2:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-darken-1 {
    background: #24a8cb;
    background: rgba(36, 168, 203, .8)
}

.bg-info.bg-darken-2,
.btn-info.btn-darken-2 {
    background-color: #1e9fc4!important
}

.info.darken-2 {
    color: #1e9fc4!important
}

.bg-info.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(30, 159, 196, .6);
    box-shadow: 0 1px 20px 1px rgba(30, 159, 196, .6)
}

.btn-info.btn-darken-2:hover {
    background-color: #1896be!important
}

.btn-info.btn-darken-2:active,
.btn-info.btn-darken-2:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-darken-2 {
    color: #1e9fc4!important;
    border-color: #1e9fc4!important
}

.btn-outline-info.btn-outline-darken-2:hover {
    background-color: #1e9fc4!important
}

.border-info.border-darken-2 {
    border: 1px solid #1e9fc4!important
}

.border-top-info.border-top-darken-2 {
    border-top: 1px solid #1e9fc4!important
}

.border-bottom-info.border-bottom-darken-2 {
    border-bottom: 1px solid #1e9fc4!important
}

.border-left-info.border-left-darken-2 {
    border-left: 1px solid #1e9fc4!important
}

.border-right-info.border-right-darken-2 {
    border-right: 1px solid #1e9fc4!important
}

.overlay-info.overlay-darken-2 {
    background: #1e9fc4;
    background: rgba(30, 159, 196, .8)
}

.info.darken-3 {
    color: #1896be!important
}

.bg-info.bg-darken-3 {
    background-color: #1896be!important
}

.bg-info.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(24, 150, 190, .6);
    box-shadow: 0 1px 20px 1px rgba(24, 150, 190, .6)
}

.btn-info.btn-darken-3,
.btn-info.btn-darken-3:hover {
    border-color: #1e9fc4!important;
    background-color: #1896be!important
}

.btn-info.btn-darken-3:active,
.btn-info.btn-darken-3:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-darken-3 {
    color: #1896be!important;
    border-color: #1896be!important
}

.btn-outline-info.btn-outline-darken-3:hover {
    background-color: #1896be!important
}

.border-info.border-darken-3 {
    border: 1px solid #1896be!important
}

.border-top-info.border-top-darken-3 {
    border-top: 1px solid #1896be!important
}

.border-bottom-info.border-bottom-darken-3 {
    border-bottom: 1px solid #1896be!important
}

.border-left-info.border-left-darken-3 {
    border-left: 1px solid #1896be!important
}

.border-right-info.border-right-darken-3 {
    border-right: 1px solid #1896be!important
}

.btn-info.btn-darken-4,
.btn-info.btn-darken-4:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-darken-3 {
    background: #1896be;
    background: rgba(24, 150, 190, .8)
}

.bg-info.bg-darken-4,
.btn-info.btn-darken-4 {
    background-color: #0f86b3!important
}

.info.darken-4 {
    color: #0f86b3!important
}

.bg-info.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(15, 134, 179, .6);
    box-shadow: 0 1px 20px 1px rgba(15, 134, 179, .6)
}

.btn-info.btn-darken-4:hover {
    background-color: #1896be!important
}

.btn-info.btn-darken-4:active,
.btn-info.btn-darken-4:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-darken-4 {
    color: #0f86b3!important;
    border-color: #0f86b3!important
}

.btn-outline-info.btn-outline-darken-4:hover {
    background-color: #0f86b3!important
}

.border-info.border-darken-4 {
    border: 1px solid #0f86b3!important
}

.border-top-info.border-top-darken-4 {
    border-top: 1px solid #0f86b3!important
}

.border-bottom-info.border-bottom-darken-4 {
    border-bottom: 1px solid #0f86b3!important
}

.border-left-info.border-left-darken-4 {
    border-left: 1px solid #0f86b3!important
}

.border-right-info.border-right-darken-4 {
    border-right: 1px solid #0f86b3!important
}

.btn-info.btn-accent-1,
.btn-info.btn-accent-1:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-darken-4 {
    background: #0f86b3;
    background: rgba(15, 134, 179, .8)
}

.bg-info.bg-accent-1,
.btn-info.btn-accent-1 {
    background-color: #e1f6ff!important
}

.info.accent-1 {
    color: #e1f6ff!important
}

.bg-info.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(225, 246, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(225, 246, 255, .6)
}

.btn-info.btn-accent-1:hover {
    background-color: #1896be!important
}

.btn-info.btn-accent-1:active,
.btn-info.btn-accent-1:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-accent-1 {
    color: #e1f6ff!important;
    border-color: #e1f6ff!important
}

.btn-outline-info.btn-outline-accent-1:hover {
    background-color: #e1f6ff!important
}

.border-info.border-accent-1 {
    border: 1px solid #e1f6ff!important
}

.border-top-info.border-top-accent-1 {
    border-top: 1px solid #e1f6ff!important
}

.border-bottom-info.border-bottom-accent-1 {
    border-bottom: 1px solid #e1f6ff!important
}

.border-left-info.border-left-accent-1 {
    border-left: 1px solid #e1f6ff!important
}

.border-right-info.border-right-accent-1 {
    border-right: 1px solid #e1f6ff!important
}

.btn-info.btn-accent-2,
.btn-info.btn-accent-2:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-accent-1 {
    background: #e1f6ff;
    background: rgba(225, 246, 255, .8)
}

.bg-info.bg-accent-2,
.btn-info.btn-accent-2 {
    background-color: #aee7ff!important
}

.info.accent-2 {
    color: #aee7ff!important
}

.bg-info.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(174, 231, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(174, 231, 255, .6)
}

.btn-info.btn-accent-2:hover {
    background-color: #1896be!important
}

.btn-info.btn-accent-2:active,
.btn-info.btn-accent-2:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-accent-2 {
    color: #aee7ff!important;
    border-color: #aee7ff!important
}

.btn-outline-info.btn-outline-accent-2:hover {
    background-color: #aee7ff!important
}

.border-info.border-accent-2 {
    border: 1px solid #aee7ff!important
}

.border-top-info.border-top-accent-2 {
    border-top: 1px solid #aee7ff!important
}

.border-bottom-info.border-bottom-accent-2 {
    border-bottom: 1px solid #aee7ff!important
}

.border-left-info.border-left-accent-2 {
    border-left: 1px solid #aee7ff!important
}

.border-right-info.border-right-accent-2 {
    border-right: 1px solid #aee7ff!important
}

.btn-info.btn-accent-3,
.btn-info.btn-accent-3:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-accent-2 {
    background: #aee7ff;
    background: rgba(174, 231, 255, .8)
}

.bg-info.bg-accent-3,
.btn-info.btn-accent-3 {
    background-color: #7bd7ff!important
}

.info.accent-3 {
    color: #7bd7ff!important
}

.bg-info.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(123, 215, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(123, 215, 255, .6)
}

.btn-info.btn-accent-3:hover {
    background-color: #1896be!important
}

.btn-info.btn-accent-3:active,
.btn-info.btn-accent-3:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-accent-3 {
    color: #7bd7ff!important;
    border-color: #7bd7ff!important
}

.btn-outline-info.btn-outline-accent-3:hover {
    background-color: #7bd7ff!important
}

.border-info.border-accent-3 {
    border: 1px solid #7bd7ff!important
}

.border-top-info.border-top-accent-3 {
    border-top: 1px solid #7bd7ff!important
}

.border-bottom-info.border-bottom-accent-3 {
    border-bottom: 1px solid #7bd7ff!important
}

.border-left-info.border-left-accent-3 {
    border-left: 1px solid #7bd7ff!important
}

.border-right-info.border-right-accent-3 {
    border-right: 1px solid #7bd7ff!important
}

.btn-info.btn-accent-4,
.btn-info.btn-accent-4:hover {
    border-color: #1e9fc4!important
}

.overlay-info.overlay-accent-3 {
    background: #7bd7ff;
    background: rgba(123, 215, 255, .8)
}

.bg-info.bg-accent-4,
.btn-info.btn-accent-4 {
    background-color: #62d0ff!important
}

.info.accent-4 {
    color: #62d0ff!important
}

.bg-info.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(98, 208, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(98, 208, 255, .6)
}

.btn-info.btn-accent-4:hover {
    background-color: #1896be!important
}

.btn-info.btn-accent-4:active,
.btn-info.btn-accent-4:focus {
    border-color: #1896be!important;
    background-color: #0f86b3!important
}

.btn-outline-info.btn-outline-accent-4 {
    color: #62d0ff!important;
    border-color: #62d0ff!important
}

.btn-outline-info.btn-outline-accent-4:hover {
    background-color: #62d0ff!important
}

input:focus~.bg-info {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #62d0ff!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #62d0ff!important
}

.border-info.border-accent-4 {
    border: 1px solid #62d0ff!important
}

.border-top-info.border-top-accent-4 {
    border-top: 1px solid #62d0ff!important
}

.border-bottom-info.border-bottom-accent-4 {
    border-bottom: 1px solid #62d0ff!important
}

.border-left-info.border-left-accent-4 {
    border-left: 1px solid #62d0ff!important
}

.border-right-info.border-right-accent-4 {
    border-right: 1px solid #62d0ff!important
}

.overlay-info.overlay-accent-4 {
    background: #62d0ff;
    background: rgba(98, 208, 255, .8)
}

.bg-warning.bg-lighten-5,
.btn-warning.btn-lighten-5 {
    background-color: #fff7e1!important
}

.warning.lighten-5 {
    color: #fff7e1!important
}

.bg-warning.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 247, 225, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 247, 225, .6)
}

.btn-warning.btn-lighten-5 {
    border-color: #fcaa01!important
}

.btn-warning.btn-lighten-5:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-lighten-5:active,
.btn-warning.btn-lighten-5:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-lighten-5 {
    color: #fff7e1!important;
    border-color: #fff7e1!important
}

.btn-outline-warning.btn-outline-lighten-5:hover {
    background-color: #fff7e1!important
}

.border-warning.border-lighten-5 {
    border: 1px solid #fff7e1!important
}

.border-top-warning.border-top-lighten-5 {
    border-top: 1px solid #fff7e1!important
}

.border-bottom-warning.border-bottom-lighten-5 {
    border-bottom: 1px solid #fff7e1!important
}

.border-left-warning.border-left-lighten-5 {
    border-left: 1px solid #fff7e1!important
}

.border-right-warning.border-right-lighten-5 {
    border-right: 1px solid #fff7e1!important
}

.overlay-warning.overlay-lighten-5 {
    background: #fff7e1;
    background: rgba(255, 247, 225, .8)
}

.bg-warning.bg-lighten-4,
.btn-warning.btn-lighten-4 {
    background-color: #feeab3!important
}

.warning.lighten-4 {
    color: #feeab3!important
}

.bg-warning.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 234, 179, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 234, 179, .6)
}

.btn-warning.btn-lighten-4 {
    border-color: #fcaa01!important
}

.btn-warning.btn-lighten-4:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-lighten-4:active,
.btn-warning.btn-lighten-4:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-lighten-4 {
    color: #feeab3!important;
    border-color: #feeab3!important
}

.btn-outline-warning.btn-outline-lighten-4:hover {
    background-color: #feeab3!important
}

.border-warning.border-lighten-4 {
    border: 1px solid #feeab3!important
}

.border-top-warning.border-top-lighten-4 {
    border-top: 1px solid #feeab3!important
}

.border-bottom-warning.border-bottom-lighten-4 {
    border-bottom: 1px solid #feeab3!important
}

.border-left-warning.border-left-lighten-4 {
    border-left: 1px solid #feeab3!important
}

.border-right-warning.border-right-lighten-4 {
    border-right: 1px solid #feeab3!important
}

.overlay-warning.overlay-lighten-4 {
    background: #feeab3;
    background: rgba(254, 234, 179, .8)
}

.bg-warning.bg-lighten-3,
.btn-warning.btn-lighten-3 {
    background-color: #fedc80!important
}

.warning.lighten-3 {
    color: #fedc80!important
}

.bg-warning.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 220, 128, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 220, 128, .6)
}

.btn-warning.btn-lighten-3 {
    border-color: #fcaa01!important
}

.btn-warning.btn-lighten-3:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-lighten-3:active,
.btn-warning.btn-lighten-3:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-lighten-3 {
    color: #fedc80!important;
    border-color: #fedc80!important
}

.btn-outline-warning.btn-outline-lighten-3:hover {
    background-color: #fedc80!important
}

.border-warning.border-lighten-3 {
    border: 1px solid #fedc80!important
}

.border-top-warning.border-top-lighten-3 {
    border-top: 1px solid #fedc80!important
}

.border-bottom-warning.border-bottom-lighten-3 {
    border-bottom: 1px solid #fedc80!important
}

.border-left-warning.border-left-lighten-3 {
    border-left: 1px solid #fedc80!important
}

.border-right-warning.border-right-lighten-3 {
    border-right: 1px solid #fedc80!important
}

.overlay-warning.overlay-lighten-3 {
    background: #fedc80;
    background: rgba(254, 220, 128, .8)
}

.bg-warning.bg-lighten-2,
.btn-warning.btn-lighten-2 {
    background-color: #fece4d!important
}

.warning.lighten-2 {
    color: #fece4d!important
}

.bg-warning.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 206, 77, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 206, 77, .6)
}

.btn-warning.btn-lighten-2 {
    border-color: #fcaa01!important
}

.btn-warning.btn-lighten-2:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-lighten-2:active,
.btn-warning.btn-lighten-2:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-lighten-2 {
    color: #fece4d!important;
    border-color: #fece4d!important
}

.btn-outline-warning.btn-outline-lighten-2:hover {
    background-color: #fece4d!important
}

.border-warning.border-lighten-2 {
    border: 1px solid #fece4d!important
}

.border-top-warning.border-top-lighten-2 {
    border-top: 1px solid #fece4d!important
}

.border-bottom-warning.border-bottom-lighten-2 {
    border-bottom: 1px solid #fece4d!important
}

.border-left-warning.border-left-lighten-2 {
    border-left: 1px solid #fece4d!important
}

.border-right-warning.border-right-lighten-2 {
    border-right: 1px solid #fece4d!important
}

.overlay-warning.overlay-lighten-2 {
    background: #fece4d;
    background: rgba(254, 206, 77, .8)
}

.bg-warning.bg-lighten-1,
.btn-warning.btn-lighten-1 {
    background-color: #fdc427!important
}

.warning.lighten-1 {
    color: #fdc427!important
}

.bg-warning.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 196, 39, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 196, 39, .6)
}

.btn-warning.btn-lighten-1 {
    border-color: #fcaa01!important
}

.btn-warning.btn-lighten-1:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-lighten-1:active,
.btn-warning.btn-lighten-1:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-lighten-1 {
    color: #fdc427!important;
    border-color: #fdc427!important
}

.btn-outline-warning.btn-outline-lighten-1:hover {
    background-color: #fdc427!important
}

.border-warning.border-lighten-1 {
    border: 1px solid #fdc427!important
}

.border-top-warning.border-top-lighten-1 {
    border-top: 1px solid #fdc427!important
}

.border-bottom-warning.border-bottom-lighten-1 {
    border-bottom: 1px solid #fdc427!important
}

.border-left-warning.border-left-lighten-1 {
    border-left: 1px solid #fdc427!important
}

.border-right-warning.border-right-lighten-1 {
    border-right: 1px solid #fdc427!important
}

.overlay-warning.overlay-lighten-1 {
    background: #fdc427;
    background: rgba(253, 196, 39, .8)
}

.warning {
    color: #fdb901!important
}

.bg-warning {
    background-color: #fdb901!important
}

.bg-warning .card-footer,
.bg-warning .card-header {
    background-color: transparent
}

.bg-warning.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6)
}

body.vertical-layout[data-color=bg-warning] .content-wrapper-before,
body.vertical-layout[data-color=bg-warning] .navbar-container {
    background-color: #fdb901!important
}

body.horizontal-layout[data-color=bg-warning] .navbar-horizontal {
    background-color: #eeae01
}

.selectboxit.selectboxit-btn.bg-warning,
body.horizontal-layout[data-color=bg-warning] .content-wrapper-before {
    background-color: #fdb901!important
}

.alert-warning {
    color: #fff;
    border-color: #eeae01;
    background-color: #eeae01
}

.alert-warning .alert-link {
    color: #fff
}

.overlay-warning {
    background: #fdb901;
    background: rgba(253, 185, 1, .8)
}

.btn-warning {
    color: #fff;
    background-color: #fdb901
}

.btn-warning:hover {
    color: #fff;
    border-color: #febe0f;
    background-color: #febe0f;
    -webkit-box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302);
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302)
}

.btn-warning:active,
.btn-warning:focus {
    color: #fff;
    border-color: #febe0f;
    background-color: #febe0f;
    -webkit-box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302)!important
}

.btn-warning.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6)
}

.btn-outline-warning {
    color: #fdb901;
    border-color: #fdb901;
    background-color: transparent
}

.btn-outline-warning:hover {
    color: #fff!important;
    background-color: #fdb901;
    -webkit-box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, .451), 0 1px 3px 1px rgba(253, 185, 1, .302)!important
}

.btn-outline-warning.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, .6)
}

input[type=checkbox].bg-warning+.custom-control-label:before,
input[type=radio].bg-warning+.custom-control-label:before {
    background-color: #fdb901!important
}

.bg-warning.bg-darken-1,
.btn-warning.btn-darken-1 {
    background-color: #fdb201!important
}

.border-warning {
    border: 1px solid #fdb901!important
}

.border-top-warning {
    border-top: 1px solid #fdb901
}

.border-bottom-warning {
    border-bottom: 1px solid #fdb901
}

.border-left-warning {
    border-left: 1px solid #fdb901
}

.border-right-warning {
    border-right: 1px solid #fdb901
}

.warning.darken-1 {
    color: #fdb201!important
}

.bg-warning.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 178, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 178, 1, .6)
}

.btn-warning.btn-darken-1 {
    border-color: #fcaa01!important
}

.btn-warning.btn-darken-1:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-darken-1:active,
.btn-warning.btn-darken-1:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-darken-1 {
    color: #fdb201!important;
    border-color: #fdb201!important
}

.btn-outline-warning.btn-outline-darken-1:hover {
    background-color: #fdb201!important
}

.border-warning.border-darken-1 {
    border: 1px solid #fdb201!important
}

.border-top-warning.border-top-darken-1 {
    border-top: 1px solid #fdb201!important
}

.border-bottom-warning.border-bottom-darken-1 {
    border-bottom: 1px solid #fdb201!important
}

.border-left-warning.border-left-darken-1 {
    border-left: 1px solid #fdb201!important
}

.border-right-warning.border-right-darken-1 {
    border-right: 1px solid #fdb201!important
}

.overlay-warning.overlay-darken-1 {
    background: #fdb201;
    background: rgba(253, 178, 1, .8)
}

.bg-warning.bg-darken-2,
.btn-warning.btn-darken-2 {
    background-color: #fcaa01!important
}

.warning.darken-2 {
    color: #fcaa01!important
}

.bg-warning.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 170, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 170, 1, .6)
}

.btn-warning.btn-darken-2 {
    border-color: #fcaa01!important
}

.btn-warning.btn-darken-2:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-darken-2:active,
.btn-warning.btn-darken-2:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-darken-2 {
    color: #fcaa01!important;
    border-color: #fcaa01!important
}

.btn-outline-warning.btn-outline-darken-2:hover {
    background-color: #fcaa01!important
}

.border-warning.border-darken-2 {
    border: 1px solid #fcaa01!important
}

.border-top-warning.border-top-darken-2 {
    border-top: 1px solid #fcaa01!important
}

.border-bottom-warning.border-bottom-darken-2 {
    border-bottom: 1px solid #fcaa01!important
}

.border-left-warning.border-left-darken-2 {
    border-left: 1px solid #fcaa01!important
}

.border-right-warning.border-right-darken-2 {
    border-right: 1px solid #fcaa01!important
}

.overlay-warning.overlay-darken-2 {
    background: #fcaa01;
    background: rgba(252, 170, 1, .8)
}

.warning.darken-3 {
    color: #fca201!important
}

.bg-warning.bg-darken-3 {
    background-color: #fca201!important
}

.bg-warning.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 162, 1, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 162, 1, .6)
}

.btn-warning.btn-darken-3,
.btn-warning.btn-darken-3:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-darken-3:active,
.btn-warning.btn-darken-3:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-darken-3 {
    color: #fca201!important;
    border-color: #fca201!important
}

.btn-outline-warning.btn-outline-darken-3:hover {
    background-color: #fca201!important
}

.border-warning.border-darken-3 {
    border: 1px solid #fca201!important
}

.border-top-warning.border-top-darken-3 {
    border-top: 1px solid #fca201!important
}

.border-bottom-warning.border-bottom-darken-3 {
    border-bottom: 1px solid #fca201!important
}

.border-left-warning.border-left-darken-3 {
    border-left: 1px solid #fca201!important
}

.border-right-warning.border-right-darken-3 {
    border-right: 1px solid #fca201!important
}

.overlay-warning.overlay-darken-3 {
    background: #fca201;
    background: rgba(252, 162, 1, .8)
}

.bg-warning.bg-darken-4,
.btn-warning.btn-darken-4 {
    background-color: #fc9300!important
}

.warning.darken-4 {
    color: #fc9300!important
}

.bg-warning.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 147, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 147, 0, .6)
}

.btn-warning.btn-darken-4 {
    border-color: #fcaa01!important
}

.btn-warning.btn-darken-4:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-darken-4:active,
.btn-warning.btn-darken-4:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-darken-4 {
    color: #fc9300!important;
    border-color: #fc9300!important
}

.btn-outline-warning.btn-outline-darken-4:hover {
    background-color: #fc9300!important
}

.border-warning.border-darken-4 {
    border: 1px solid #fc9300!important
}

.border-top-warning.border-top-darken-4 {
    border-top: 1px solid #fc9300!important
}

.border-bottom-warning.border-bottom-darken-4 {
    border-bottom: 1px solid #fc9300!important
}

.border-left-warning.border-left-darken-4 {
    border-left: 1px solid #fc9300!important
}

.border-right-warning.border-right-darken-4 {
    border-right: 1px solid #fc9300!important
}

.overlay-warning.overlay-darken-4 {
    background: #fc9300;
    background: rgba(252, 147, 0, .8)
}

.bg-warning.bg-accent-1,
.btn-warning.btn-accent-1 {
    background-color: #fffbf6!important
}

.warning.accent-1 {
    color: #fffbf6!important
}

.bg-warning.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 251, 246, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 251, 246, .6)
}

.btn-warning.btn-accent-1 {
    border-color: #fcaa01!important
}

.btn-warning.btn-accent-1:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-accent-1:active,
.btn-warning.btn-accent-1:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-accent-1 {
    color: #fffbf6!important;
    border-color: #fffbf6!important
}

.btn-outline-warning.btn-outline-accent-1:hover {
    background-color: #fffbf6!important
}

.border-warning.border-accent-1 {
    border: 1px solid #fffbf6!important
}

.border-top-warning.border-top-accent-1 {
    border-top: 1px solid #fffbf6!important
}

.border-bottom-warning.border-bottom-accent-1 {
    border-bottom: 1px solid #fffbf6!important
}

.border-left-warning.border-left-accent-1 {
    border-left: 1px solid #fffbf6!important
}

.border-right-warning.border-right-accent-1 {
    border-right: 1px solid #fffbf6!important
}

.overlay-warning.overlay-accent-1 {
    background: #fffbf6;
    background: rgba(255, 251, 246, .8)
}

.bg-warning.bg-accent-2,
.btn-warning.btn-accent-2 {
    background-color: #fff7ef!important
}

.warning.accent-2 {
    color: #fff7ef!important
}

.bg-warning.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 247, 239, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 247, 239, .6)
}

.btn-warning.btn-accent-2 {
    border-color: #fcaa01!important
}

.btn-warning.btn-accent-2:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-accent-2:active,
.btn-warning.btn-accent-2:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-accent-2 {
    color: #fff7ef!important;
    border-color: #fff7ef!important
}

.btn-outline-warning.btn-outline-accent-2:hover {
    background-color: #fff7ef!important
}

.border-warning.border-accent-2 {
    border: 1px solid #fff7ef!important
}

.border-top-warning.border-top-accent-2 {
    border-top: 1px solid #fff7ef!important
}

.border-bottom-warning.border-bottom-accent-2 {
    border-bottom: 1px solid #fff7ef!important
}

.border-left-warning.border-left-accent-2 {
    border-left: 1px solid #fff7ef!important
}

.border-right-warning.border-right-accent-2 {
    border-right: 1px solid #fff7ef!important
}

.overlay-warning.overlay-accent-2 {
    background: #fff7ef;
    background: rgba(255, 247, 239, .8)
}

.bg-warning.bg-accent-3,
.btn-warning.btn-accent-3 {
    background-color: #ffe0bc!important
}

.warning.accent-3 {
    color: #ffe0bc!important
}

.bg-warning.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 224, 188, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 224, 188, .6)
}

.btn-warning.btn-accent-3 {
    border-color: #fcaa01!important
}

.btn-warning.btn-accent-3:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-accent-3:active,
.btn-warning.btn-accent-3:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-accent-3 {
    color: #ffe0bc!important;
    border-color: #ffe0bc!important
}

.btn-outline-warning.btn-outline-accent-3:hover {
    background-color: #ffe0bc!important
}

.border-warning.border-accent-3 {
    border: 1px solid #ffe0bc!important
}

.border-top-warning.border-top-accent-3 {
    border-top: 1px solid #ffe0bc!important
}

.border-bottom-warning.border-bottom-accent-3 {
    border-bottom: 1px solid #ffe0bc!important
}

.border-left-warning.border-left-accent-3 {
    border-left: 1px solid #ffe0bc!important
}

.border-right-warning.border-right-accent-3 {
    border-right: 1px solid #ffe0bc!important
}

.overlay-warning.overlay-accent-3 {
    background: #ffe0bc;
    background: rgba(255, 224, 188, .8)
}

.bg-warning.bg-accent-4,
.btn-warning.btn-accent-4 {
    background-color: #ffd4a2!important
}

.warning.accent-4 {
    color: #ffd4a2!important
}

.bg-warning.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 212, 162, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 212, 162, .6)
}

.btn-warning.btn-accent-4 {
    border-color: #fcaa01!important
}

.btn-warning.btn-accent-4:hover {
    border-color: #fcaa01!important;
    background-color: #fca201!important
}

.btn-warning.btn-accent-4:active,
.btn-warning.btn-accent-4:focus {
    border-color: #fca201!important;
    background-color: #fc9300!important
}

.btn-outline-warning.btn-outline-accent-4 {
    color: #ffd4a2!important;
    border-color: #ffd4a2!important
}

.btn-outline-warning.btn-outline-accent-4:hover {
    background-color: #ffd4a2!important
}

input:focus~.bg-warning {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffd4a2!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffd4a2!important
}

.border-warning.border-accent-4 {
    border: 1px solid #ffd4a2!important
}

.border-top-warning.border-top-accent-4 {
    border-top: 1px solid #ffd4a2!important
}

.border-bottom-warning.border-bottom-accent-4 {
    border-bottom: 1px solid #ffd4a2!important
}

.border-left-warning.border-left-accent-4 {
    border-left: 1px solid #ffd4a2!important
}

.border-right-warning.border-right-accent-4 {
    border-right: 1px solid #ffd4a2!important
}

.overlay-warning.overlay-accent-4 {
    background: #ffd4a2;
    background: rgba(255, 212, 162, .8)
}

.bg-danger.bg-lighten-5,
.btn-danger.btn-lighten-5 {
    background-color: #feeced!important
}

.danger.lighten-5 {
    color: #feeced!important
}

.bg-danger.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 236, 237, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 236, 237, .6)
}

.btn-danger.btn-lighten-5 {
    border-color: #f95058!important
}

.btn-danger.btn-lighten-5:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-lighten-5:active,
.btn-danger.btn-lighten-5:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-lighten-5 {
    color: #feeced!important;
    border-color: #feeced!important
}

.btn-outline-danger.btn-outline-lighten-5:hover {
    background-color: #feeced!important
}

.border-danger.border-lighten-5 {
    border: 1px solid #feeced!important
}

.border-top-danger.border-top-lighten-5 {
    border-top: 1px solid #feeced!important
}

.border-bottom-danger.border-bottom-lighten-5 {
    border-bottom: 1px solid #feeced!important
}

.border-left-danger.border-left-lighten-5 {
    border-left: 1px solid #feeced!important
}

.border-right-danger.border-right-lighten-5 {
    border-right: 1px solid #feeced!important
}

.overlay-danger.overlay-lighten-5 {
    background: #feeced;
    background: rgba(254, 236, 237, .8)
}

.bg-danger.bg-lighten-4,
.btn-danger.btn-lighten-4 {
    background-color: #fed0d3!important
}

.danger.lighten-4 {
    color: #fed0d3!important
}

.bg-danger.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(254, 208, 211, .6);
    box-shadow: 0 1px 20px 1px rgba(254, 208, 211, .6)
}

.btn-danger.btn-lighten-4 {
    border-color: #f95058!important
}

.btn-danger.btn-lighten-4:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-lighten-4:active,
.btn-danger.btn-lighten-4:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-lighten-4 {
    color: #fed0d3!important;
    border-color: #fed0d3!important
}

.btn-outline-danger.btn-outline-lighten-4:hover {
    background-color: #fed0d3!important
}

.border-danger.border-lighten-4 {
    border: 1px solid #fed0d3!important
}

.border-top-danger.border-top-lighten-4 {
    border-top: 1px solid #fed0d3!important
}

.border-bottom-danger.border-bottom-lighten-4 {
    border-bottom: 1px solid #fed0d3!important
}

.border-left-danger.border-left-lighten-4 {
    border-left: 1px solid #fed0d3!important
}

.border-right-danger.border-right-lighten-4 {
    border-right: 1px solid #fed0d3!important
}

.overlay-danger.overlay-lighten-4 {
    background: #fed0d3;
    background: rgba(254, 208, 211, .8)
}

.bg-danger.bg-lighten-3,
.btn-danger.btn-lighten-3 {
    background-color: #fdb1b5!important
}

.danger.lighten-3 {
    color: #fdb1b5!important
}

.bg-danger.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 177, 181, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 177, 181, .6)
}

.btn-danger.btn-lighten-3 {
    border-color: #f95058!important
}

.btn-danger.btn-lighten-3:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-lighten-3:active,
.btn-danger.btn-lighten-3:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-lighten-3 {
    color: #fdb1b5!important;
    border-color: #fdb1b5!important
}

.btn-outline-danger.btn-outline-lighten-3:hover {
    background-color: #fdb1b5!important
}

.border-danger.border-lighten-3 {
    border: 1px solid #fdb1b5!important
}

.border-top-danger.border-top-lighten-3 {
    border-top: 1px solid #fdb1b5!important
}

.border-bottom-danger.border-bottom-lighten-3 {
    border-bottom: 1px solid #fdb1b5!important
}

.border-left-danger.border-left-lighten-3 {
    border-left: 1px solid #fdb1b5!important
}

.border-right-danger.border-right-lighten-3 {
    border-right: 1px solid #fdb1b5!important
}

.overlay-danger.overlay-lighten-3 {
    background: #fdb1b5;
    background: rgba(253, 177, 181, .8)
}

.bg-danger.bg-lighten-2,
.btn-danger.btn-lighten-2 {
    background-color: #fc9197!important
}

.danger.lighten-2 {
    color: #fc9197!important
}

.bg-danger.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 145, 151, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 145, 151, .6)
}

.btn-danger.btn-lighten-2 {
    border-color: #f95058!important
}

.btn-danger.btn-lighten-2:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-lighten-2:active,
.btn-danger.btn-lighten-2:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-lighten-2 {
    color: #fc9197!important;
    border-color: #fc9197!important
}

.btn-outline-danger.btn-outline-lighten-2:hover {
    background-color: #fc9197!important
}

.border-danger.border-lighten-2 {
    border: 1px solid #fc9197!important
}

.border-top-danger.border-top-lighten-2 {
    border-top: 1px solid #fc9197!important
}

.border-bottom-danger.border-bottom-lighten-2 {
    border-bottom: 1px solid #fc9197!important
}

.border-left-danger.border-left-lighten-2 {
    border-left: 1px solid #fc9197!important
}

.border-right-danger.border-right-lighten-2 {
    border-right: 1px solid #fc9197!important
}

.overlay-danger.overlay-lighten-2 {
    background: #fc9197;
    background: rgba(252, 145, 151, .8)
}

.bg-danger.bg-lighten-1,
.btn-danger.btn-lighten-1 {
    background-color: #fb7a81!important
}

.danger.lighten-1 {
    color: #fb7a81!important
}

.bg-danger.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(251, 122, 129, .6);
    box-shadow: 0 1px 20px 1px rgba(251, 122, 129, .6)
}

.btn-danger.btn-lighten-1 {
    border-color: #f95058!important
}

.btn-danger.btn-lighten-1:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-lighten-1:active,
.btn-danger.btn-lighten-1:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-lighten-1 {
    color: #fb7a81!important;
    border-color: #fb7a81!important
}

.btn-outline-danger.btn-outline-lighten-1:hover {
    background-color: #fb7a81!important
}

.border-danger.border-lighten-1 {
    border: 1px solid #fb7a81!important
}

.border-top-danger.border-top-lighten-1 {
    border-top: 1px solid #fb7a81!important
}

.border-bottom-danger.border-bottom-lighten-1 {
    border-bottom: 1px solid #fb7a81!important
}

.border-left-danger.border-left-lighten-1 {
    border-left: 1px solid #fb7a81!important
}

.border-right-danger.border-right-lighten-1 {
    border-right: 1px solid #fb7a81!important
}

.overlay-danger.overlay-lighten-1 {
    background: #fb7a81;
    background: rgba(251, 122, 129, .8)
}

.danger {
    color: #fa626b!important
}

.bg-danger {
    background-color: #fa626b!important
}

.bg-danger .card-footer,
.bg-danger .card-header {
    background-color: transparent
}

.bg-danger.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6)
}

body.vertical-layout[data-color=bg-danger] .content-wrapper-before,
body.vertical-layout[data-color=bg-danger] .navbar-container {
    background-color: #fa626b!important
}

body.horizontal-layout[data-color=bg-danger] .navbar-horizontal {
    background-color: #fa535d
}

.selectboxit.selectboxit-btn.bg-danger,
body.horizontal-layout[data-color=bg-danger] .content-wrapper-before {
    background-color: #fa626b!important
}

.alert-danger {
    color: #fff;
    border-color: #fa535d;
    background-color: #fa535d
}

.alert-danger .alert-link {
    color: #fff
}

.overlay-danger {
    background: #fa626b;
    background: rgba(250, 98, 107, .8)
}

.btn-danger {
    color: #fff;
    background-color: #fa626b
}

.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
    border-color: #fa7179;
    background-color: #fa7179;
    color: #fff
}

.btn-danger:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302);
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302)
}

.btn-danger:active,
.btn-danger:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302)!important
}

.btn-danger.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6)
}

.btn-outline-danger {
    color: #fa626b;
    border-color: #fa626b;
    background-color: transparent
}

.btn-outline-danger:hover {
    color: #fff!important;
    background-color: #fa626b;
    -webkit-box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, .451), 0 1px 3px 1px rgba(250, 98, 107, .302)!important
}

.btn-outline-danger.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, .6)
}

input[type=checkbox].bg-danger+.custom-control-label:before,
input[type=radio].bg-danger+.custom-control-label:before {
    background-color: #fa626b!important
}

.bg-danger.bg-darken-1,
.btn-danger.btn-darken-1 {
    background-color: #f95a63!important
}

.border-danger {
    border: 1px solid #fa626b!important
}

.border-top-danger {
    border-top: 1px solid #fa626b
}

.border-bottom-danger {
    border-bottom: 1px solid #fa626b
}

.border-left-danger {
    border-left: 1px solid #fa626b
}

.border-right-danger {
    border-right: 1px solid #fa626b
}

.danger.darken-1 {
    color: #f95a63!important
}

.bg-danger.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(249, 90, 99, .6);
    box-shadow: 0 1px 20px 1px rgba(249, 90, 99, .6)
}

.btn-danger.btn-darken-1 {
    border-color: #f95058!important
}

.btn-danger.btn-darken-1:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-darken-1:active,
.btn-danger.btn-darken-1:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-darken-1 {
    color: #f95a63!important;
    border-color: #f95a63!important
}

.btn-outline-danger.btn-outline-darken-1:hover {
    background-color: #f95a63!important
}

.border-danger.border-darken-1 {
    border: 1px solid #f95a63!important
}

.border-top-danger.border-top-darken-1 {
    border-top: 1px solid #f95a63!important
}

.border-bottom-danger.border-bottom-darken-1 {
    border-bottom: 1px solid #f95a63!important
}

.border-left-danger.border-left-darken-1 {
    border-left: 1px solid #f95a63!important
}

.border-right-danger.border-right-darken-1 {
    border-right: 1px solid #f95a63!important
}

.btn-danger.btn-darken-2,
.btn-danger.btn-darken-2:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-darken-1 {
    background: #f95a63;
    background: rgba(249, 90, 99, .8)
}

.bg-danger.bg-darken-2,
.btn-danger.btn-darken-2 {
    background-color: #f95058!important
}

.danger.darken-2 {
    color: #f95058!important
}

.bg-danger.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(249, 80, 88, .6);
    box-shadow: 0 1px 20px 1px rgba(249, 80, 88, .6)
}

.btn-danger.btn-darken-2:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-darken-2:active,
.btn-danger.btn-darken-2:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-darken-2 {
    color: #f95058!important;
    border-color: #f95058!important
}

.btn-outline-danger.btn-outline-darken-2:hover {
    background-color: #f95058!important
}

.border-danger.border-darken-2 {
    border: 1px solid #f95058!important
}

.border-top-danger.border-top-darken-2 {
    border-top: 1px solid #f95058!important
}

.border-bottom-danger.border-bottom-darken-2 {
    border-bottom: 1px solid #f95058!important
}

.border-left-danger.border-left-darken-2 {
    border-left: 1px solid #f95058!important
}

.border-right-danger.border-right-darken-2 {
    border-right: 1px solid #f95058!important
}

.overlay-danger.overlay-darken-2 {
    background: #f95058;
    background: rgba(249, 80, 88, .8)
}

.danger.darken-3 {
    color: #f8464e!important
}

.bg-danger.bg-darken-3 {
    background-color: #f8464e!important
}

.bg-danger.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(248, 70, 78, .6);
    box-shadow: 0 1px 20px 1px rgba(248, 70, 78, .6)
}

.btn-danger.btn-darken-3,
.btn-danger.btn-darken-3:hover {
    border-color: #f95058!important;
    background-color: #f8464e!important
}

.btn-danger.btn-darken-3:active,
.btn-danger.btn-darken-3:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-darken-3 {
    color: #f8464e!important;
    border-color: #f8464e!important
}

.btn-outline-danger.btn-outline-darken-3:hover {
    background-color: #f8464e!important
}

.border-danger.border-darken-3 {
    border: 1px solid #f8464e!important
}

.border-top-danger.border-top-darken-3 {
    border-top: 1px solid #f8464e!important
}

.border-bottom-danger.border-bottom-darken-3 {
    border-bottom: 1px solid #f8464e!important
}

.border-left-danger.border-left-darken-3 {
    border-left: 1px solid #f8464e!important
}

.border-right-danger.border-right-darken-3 {
    border-right: 1px solid #f8464e!important
}

.btn-danger.btn-darken-4,
.btn-danger.btn-darken-4:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-darken-3 {
    background: #f8464e;
    background: rgba(248, 70, 78, .8)
}

.bg-danger.bg-darken-4,
.btn-danger.btn-darken-4 {
    background-color: #f6343c!important
}

.danger.darken-4 {
    color: #f6343c!important
}

.bg-danger.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(246, 52, 60, .6);
    box-shadow: 0 1px 20px 1px rgba(246, 52, 60, .6)
}

.btn-danger.btn-darken-4:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-darken-4:active,
.btn-danger.btn-darken-4:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-darken-4 {
    color: #f6343c!important;
    border-color: #f6343c!important
}

.btn-outline-danger.btn-outline-darken-4:hover {
    background-color: #f6343c!important
}

.border-danger.border-darken-4 {
    border: 1px solid #f6343c!important
}

.border-top-danger.border-top-darken-4 {
    border-top: 1px solid #f6343c!important
}

.border-bottom-danger.border-bottom-darken-4 {
    border-bottom: 1px solid #f6343c!important
}

.border-left-danger.border-left-darken-4 {
    border-left: 1px solid #f6343c!important
}

.border-right-danger.border-right-darken-4 {
    border-right: 1px solid #f6343c!important
}

.btn-danger.btn-accent-1,
.btn-danger.btn-accent-1:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-darken-4 {
    background: #f6343c;
    background: rgba(246, 52, 60, .8)
}

.bg-danger.bg-accent-1,
.btn-danger.btn-accent-1 {
    background-color: #fff1f1!important
}

.danger.accent-1 {
    color: #fff1f1!important
}

.bg-danger.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 241, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 241, 241, .6)
}

.btn-danger.btn-accent-1:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-accent-1:active,
.btn-danger.btn-accent-1:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-accent-1 {
    color: #fff1f1!important;
    border-color: #fff1f1!important
}

.btn-outline-danger.btn-outline-accent-1:hover {
    background-color: #fff1f1!important
}

.border-danger.border-accent-1 {
    border: 1px solid #fff1f1!important
}

.border-top-danger.border-top-accent-1 {
    border-top: 1px solid #fff1f1!important
}

.border-bottom-danger.border-bottom-accent-1 {
    border-bottom: 1px solid #fff1f1!important
}

.border-left-danger.border-left-accent-1 {
    border-left: 1px solid #fff1f1!important
}

.border-right-danger.border-right-accent-1 {
    border-right: 1px solid #fff1f1!important
}

.btn-danger.btn-accent-2,
.btn-danger.btn-accent-2:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-accent-1 {
    background: #fff1f1;
    background: rgba(255, 241, 241, .8)
}

.bg-danger.bg-accent-2,
.btn-danger.btn-accent-2 {
    background-color: #ffe5e6!important
}

.danger.accent-2 {
    color: #ffe5e6!important
}

.bg-danger.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 229, 230, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 229, 230, .6)
}

.btn-danger.btn-accent-2:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-accent-2:active,
.btn-danger.btn-accent-2:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-accent-2 {
    color: #ffe5e6!important;
    border-color: #ffe5e6!important
}

.btn-outline-danger.btn-outline-accent-2:hover {
    background-color: #ffe5e6!important
}

.border-danger.border-accent-2 {
    border: 1px solid #ffe5e6!important
}

.border-top-danger.border-top-accent-2 {
    border-top: 1px solid #ffe5e6!important
}

.border-bottom-danger.border-bottom-accent-2 {
    border-bottom: 1px solid #ffe5e6!important
}

.border-left-danger.border-left-accent-2 {
    border-left: 1px solid #ffe5e6!important
}

.border-right-danger.border-right-accent-2 {
    border-right: 1px solid #ffe5e6!important
}

.btn-danger.btn-accent-3,
.btn-danger.btn-accent-3:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-accent-2 {
    background: #ffe5e6;
    background: rgba(255, 229, 230, .8)
}

.bg-danger.bg-accent-3,
.btn-danger.btn-accent-3 {
    background-color: #ffd6d8!important
}

.danger.accent-3 {
    color: #ffd6d8!important
}

.bg-danger.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 214, 216, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 214, 216, .6)
}

.btn-danger.btn-accent-3:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-accent-3:active,
.btn-danger.btn-accent-3:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-accent-3 {
    color: #ffd6d8!important;
    border-color: #ffd6d8!important
}

.btn-outline-danger.btn-outline-accent-3:hover {
    background-color: #ffd6d8!important
}

.border-danger.border-accent-3 {
    border: 1px solid #ffd6d8!important
}

.border-top-danger.border-top-accent-3 {
    border-top: 1px solid #ffd6d8!important
}

.border-bottom-danger.border-bottom-accent-3 {
    border-bottom: 1px solid #ffd6d8!important
}

.border-left-danger.border-left-accent-3 {
    border-left: 1px solid #ffd6d8!important
}

.border-right-danger.border-right-accent-3 {
    border-right: 1px solid #ffd6d8!important
}

.btn-danger.btn-accent-4,
.btn-danger.btn-accent-4:hover {
    border-color: #f95058!important
}

.overlay-danger.overlay-accent-3 {
    background: #ffd6d8;
    background: rgba(255, 214, 216, .8)
}

.bg-danger.bg-accent-4,
.btn-danger.btn-accent-4 {
    background-color: #ffbdbf!important
}

.danger.accent-4 {
    color: #ffbdbf!important
}

.bg-danger.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 189, 191, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 189, 191, .6)
}

.btn-danger.btn-accent-4:hover {
    background-color: #f8464e!important
}

.btn-danger.btn-accent-4:active,
.btn-danger.btn-accent-4:focus {
    border-color: #f8464e!important;
    background-color: #f6343c!important
}

.btn-outline-danger.btn-outline-accent-4 {
    color: #ffbdbf!important;
    border-color: #ffbdbf!important
}

.btn-outline-danger.btn-outline-accent-4:hover {
    background-color: #ffbdbf!important
}

input:focus~.bg-danger {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffbdbf!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffbdbf!important
}

.border-danger.border-accent-4 {
    border: 1px solid #ffbdbf!important
}

.border-top-danger.border-top-accent-4 {
    border-top: 1px solid #ffbdbf!important
}

.border-bottom-danger.border-bottom-accent-4 {
    border-bottom: 1px solid #ffbdbf!important
}

.border-left-danger.border-left-accent-4 {
    border-left: 1px solid #ffbdbf!important
}

.border-right-danger.border-right-accent-4 {
    border-right: 1px solid #ffbdbf!important
}

.btn-red.btn-lighten-5,
.btn-red.btn-lighten-5:hover {
    border-color: #d32f2f!important
}

.overlay-danger.overlay-accent-4 {
    background: #ffbdbf;
    background: rgba(255, 189, 191, .8)
}

.bg-red.bg-lighten-5,
.btn-red.btn-lighten-5 {
    background-color: #ffebee!important
}

.red.lighten-5 {
    color: #ffebee!important
}

.bg-red.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 238, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 238, .6)
}

.btn-red.btn-lighten-5:hover {
    background-color: #c62828!important
}

.btn-red.btn-lighten-5:active,
.btn-red.btn-lighten-5:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-lighten-5 {
    color: #ffebee!important;
    border-color: #ffebee!important
}

.btn-outline-red.btn-outline-lighten-5:hover {
    background-color: #ffebee!important
}

.border-red.border-lighten-5 {
    border: 1px solid #ffebee!important
}

.border-top-red.border-top-lighten-5 {
    border-top: 1px solid #ffebee!important
}

.border-bottom-red.border-bottom-lighten-5 {
    border-bottom: 1px solid #ffebee!important
}

.border-left-red.border-left-lighten-5 {
    border-left: 1px solid #ffebee!important
}

.border-right-red.border-right-lighten-5 {
    border-right: 1px solid #ffebee!important
}

.btn-red.btn-lighten-4,
.btn-red.btn-lighten-4:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-lighten-5 {
    background: #ffebee;
    background: rgba(255, 235, 238, .8)
}

.bg-red.bg-lighten-4,
.btn-red.btn-lighten-4 {
    background-color: #ffcdd2!important
}

.red.lighten-4 {
    color: #ffcdd2!important
}

.bg-red.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 205, 210, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 205, 210, .6)
}

.btn-red.btn-lighten-4:hover {
    background-color: #c62828!important
}

.btn-red.btn-lighten-4:active,
.btn-red.btn-lighten-4:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-lighten-4 {
    color: #ffcdd2!important;
    border-color: #ffcdd2!important
}

.btn-outline-red.btn-outline-lighten-4:hover {
    background-color: #ffcdd2!important
}

.border-red.border-lighten-4 {
    border: 1px solid #ffcdd2!important
}

.border-top-red.border-top-lighten-4 {
    border-top: 1px solid #ffcdd2!important
}

.border-bottom-red.border-bottom-lighten-4 {
    border-bottom: 1px solid #ffcdd2!important
}

.border-left-red.border-left-lighten-4 {
    border-left: 1px solid #ffcdd2!important
}

.border-right-red.border-right-lighten-4 {
    border-right: 1px solid #ffcdd2!important
}

.btn-red.btn-lighten-3,
.btn-red.btn-lighten-3:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-lighten-4 {
    background: #ffcdd2;
    background: rgba(255, 205, 210, .8)
}

.bg-red.bg-lighten-3,
.btn-red.btn-lighten-3 {
    background-color: #ef9a9a!important
}

.red.lighten-3 {
    color: #ef9a9a!important
}

.bg-red.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(239, 154, 154, .6);
    box-shadow: 0 1px 20px 1px rgba(239, 154, 154, .6)
}

.btn-red.btn-lighten-3:hover {
    background-color: #c62828!important
}

.btn-red.btn-lighten-3:active,
.btn-red.btn-lighten-3:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-lighten-3 {
    color: #ef9a9a!important;
    border-color: #ef9a9a!important
}

.btn-outline-red.btn-outline-lighten-3:hover {
    background-color: #ef9a9a!important
}

.border-red.border-lighten-3 {
    border: 1px solid #ef9a9a!important
}

.border-top-red.border-top-lighten-3 {
    border-top: 1px solid #ef9a9a!important
}

.border-bottom-red.border-bottom-lighten-3 {
    border-bottom: 1px solid #ef9a9a!important
}

.border-left-red.border-left-lighten-3 {
    border-left: 1px solid #ef9a9a!important
}

.border-right-red.border-right-lighten-3 {
    border-right: 1px solid #ef9a9a!important
}

.btn-red.btn-lighten-2,
.btn-red.btn-lighten-2:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-lighten-3 {
    background: #ef9a9a;
    background: rgba(239, 154, 154, .8)
}

.bg-red.bg-lighten-2,
.btn-red.btn-lighten-2 {
    background-color: #e57373!important
}

.red.lighten-2 {
    color: #e57373!important
}

.bg-red.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(229, 115, 115, .6);
    box-shadow: 0 1px 20px 1px rgba(229, 115, 115, .6)
}

.btn-red.btn-lighten-2:hover {
    background-color: #c62828!important
}

.btn-red.btn-lighten-2:active,
.btn-red.btn-lighten-2:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-lighten-2 {
    color: #e57373!important;
    border-color: #e57373!important
}

.btn-outline-red.btn-outline-lighten-2:hover {
    background-color: #e57373!important
}

.border-red.border-lighten-2 {
    border: 1px solid #e57373!important
}

.border-top-red.border-top-lighten-2 {
    border-top: 1px solid #e57373!important
}

.border-bottom-red.border-bottom-lighten-2 {
    border-bottom: 1px solid #e57373!important
}

.border-left-red.border-left-lighten-2 {
    border-left: 1px solid #e57373!important
}

.border-right-red.border-right-lighten-2 {
    border-right: 1px solid #e57373!important
}

.btn-red.btn-lighten-1,
.btn-red.btn-lighten-1:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-lighten-2 {
    background: #e57373;
    background: rgba(229, 115, 115, .8)
}

.bg-red.bg-lighten-1,
.btn-red.btn-lighten-1 {
    background-color: #ef5350!important
}

.red.lighten-1 {
    color: #ef5350!important
}

.bg-red.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(239, 83, 80, .6);
    box-shadow: 0 1px 20px 1px rgba(239, 83, 80, .6)
}

.btn-red.btn-lighten-1:hover {
    background-color: #c62828!important
}

.btn-red.btn-lighten-1:active,
.btn-red.btn-lighten-1:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-lighten-1 {
    color: #ef5350!important;
    border-color: #ef5350!important
}

.btn-outline-red.btn-outline-lighten-1:hover {
    background-color: #ef5350!important
}

.border-red.border-lighten-1 {
    border: 1px solid #ef5350!important
}

.border-top-red.border-top-lighten-1 {
    border-top: 1px solid #ef5350!important
}

.border-bottom-red.border-bottom-lighten-1 {
    border-bottom: 1px solid #ef5350!important
}

.border-left-red.border-left-lighten-1 {
    border-left: 1px solid #ef5350!important
}

.border-right-red.border-right-lighten-1 {
    border-right: 1px solid #ef5350!important
}

.overlay-red.overlay-lighten-1 {
    background: #ef5350;
    background: rgba(239, 83, 80, .8)
}

.red {
    color: #f44336!important
}

.alert-red,
.alert-red .alert-link,
.btn-red {
    color: #fff
}

.bg-red {
    background-color: #f44336!important
}

.bg-red .card-footer,
.bg-red .card-header {
    background-color: transparent
}

.bg-red.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6)
}

body.vertical-layout[data-color=bg-red] .content-wrapper-before,
body.vertical-layout[data-color=bg-red] .navbar-container {
    background-color: #f44336!important
}

body.horizontal-layout[data-color=bg-red] .navbar-horizontal {
    background-color: #f33527
}

.selectboxit.selectboxit-btn.bg-red,
body.horizontal-layout[data-color=bg-red] .content-wrapper-before {
    background-color: #f44336!important
}

.alert-red {
    border-color: #f33527;
    background-color: #f33527
}

.overlay-red {
    background: #f44336;
    background: rgba(244, 67, 54, .8)
}

.btn-red {
    background-color: #f44336
}

.btn-red:active,
.btn-red:focus,
.btn-red:hover {
    border-color: #f55145;
    background-color: #f55145;
    color: #fff
}

.btn-red:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302);
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302)
}

.btn-red:active,
.btn-red:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302)!important
}

.btn-red.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6)
}

.btn-outline-red {
    color: #f44336;
    border-color: #f44336;
    background-color: transparent
}

.btn-outline-red:hover {
    color: #fff!important;
    background-color: #f44336;
    -webkit-box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, .451), 0 1px 3px 1px rgba(244, 67, 54, .302)!important
}

.btn-outline-red.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, .6)
}

input[type=checkbox].bg-red+.custom-control-label:before,
input[type=radio].bg-red+.custom-control-label:before {
    background-color: #f44336!important
}

.bg-red.bg-darken-1,
.btn-red.btn-darken-1 {
    background-color: #e53935!important
}

.border-red {
    border: 1px solid #f44336!important
}

.border-top-red {
    border-top: 1px solid #f44336
}

.border-bottom-red {
    border-bottom: 1px solid #f44336
}

.border-left-red {
    border-left: 1px solid #f44336
}

.border-right-red {
    border-right: 1px solid #f44336
}

.red.darken-1 {
    color: #e53935!important
}

.bg-red.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(229, 57, 53, .6);
    box-shadow: 0 1px 20px 1px rgba(229, 57, 53, .6)
}

.btn-red.btn-darken-1 {
    border-color: #d32f2f!important
}

.btn-red.btn-darken-1:hover {
    border-color: #d32f2f!important;
    background-color: #c62828!important
}

.btn-red.btn-darken-1:active,
.btn-red.btn-darken-1:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-darken-1 {
    color: #e53935!important;
    border-color: #e53935!important
}

.btn-outline-red.btn-outline-darken-1:hover {
    background-color: #e53935!important
}

.border-red.border-darken-1 {
    border: 1px solid #e53935!important
}

.border-top-red.border-top-darken-1 {
    border-top: 1px solid #e53935!important
}

.border-bottom-red.border-bottom-darken-1 {
    border-bottom: 1px solid #e53935!important
}

.border-left-red.border-left-darken-1 {
    border-left: 1px solid #e53935!important
}

.border-right-red.border-right-darken-1 {
    border-right: 1px solid #e53935!important
}

.btn-red.btn-darken-2,
.btn-red.btn-darken-2:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-darken-1 {
    background: #e53935;
    background: rgba(229, 57, 53, .8)
}

.bg-red.bg-darken-2,
.btn-red.btn-darken-2 {
    background-color: #d32f2f!important
}

.red.darken-2 {
    color: #d32f2f!important
}

.bg-red.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(211, 47, 47, .6);
    box-shadow: 0 1px 20px 1px rgba(211, 47, 47, .6)
}

.btn-red.btn-darken-2:hover {
    background-color: #c62828!important
}

.btn-red.btn-darken-2:active,
.btn-red.btn-darken-2:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-darken-2 {
    color: #d32f2f!important;
    border-color: #d32f2f!important
}

.btn-outline-red.btn-outline-darken-2:hover {
    background-color: #d32f2f!important
}

.border-red.border-darken-2 {
    border: 1px solid #d32f2f!important
}

.border-top-red.border-top-darken-2 {
    border-top: 1px solid #d32f2f!important
}

.border-bottom-red.border-bottom-darken-2 {
    border-bottom: 1px solid #d32f2f!important
}

.border-left-red.border-left-darken-2 {
    border-left: 1px solid #d32f2f!important
}

.border-right-red.border-right-darken-2 {
    border-right: 1px solid #d32f2f!important
}

.overlay-red.overlay-darken-2 {
    background: #d32f2f;
    background: rgba(211, 47, 47, .8)
}

.red.darken-3 {
    color: #c62828!important
}

.bg-red.bg-darken-3 {
    background-color: #c62828!important
}

.bg-red.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(198, 40, 40, .6);
    box-shadow: 0 1px 20px 1px rgba(198, 40, 40, .6)
}

.btn-red.btn-darken-3,
.btn-red.btn-darken-3:hover {
    border-color: #d32f2f!important;
    background-color: #c62828!important
}

.btn-red.btn-darken-3:active,
.btn-red.btn-darken-3:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-darken-3 {
    color: #c62828!important;
    border-color: #c62828!important
}

.btn-outline-red.btn-outline-darken-3:hover {
    background-color: #c62828!important
}

.border-red.border-darken-3 {
    border: 1px solid #c62828!important
}

.border-top-red.border-top-darken-3 {
    border-top: 1px solid #c62828!important
}

.border-bottom-red.border-bottom-darken-3 {
    border-bottom: 1px solid #c62828!important
}

.border-left-red.border-left-darken-3 {
    border-left: 1px solid #c62828!important
}

.border-right-red.border-right-darken-3 {
    border-right: 1px solid #c62828!important
}

.btn-red.btn-darken-4,
.btn-red.btn-darken-4:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-darken-3 {
    background: #c62828;
    background: rgba(198, 40, 40, .8)
}

.bg-red.bg-darken-4,
.btn-red.btn-darken-4 {
    background-color: #b71c1c!important
}

.red.darken-4 {
    color: #b71c1c!important
}

.bg-red.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(183, 28, 28, .6);
    box-shadow: 0 1px 20px 1px rgba(183, 28, 28, .6)
}

.btn-red.btn-darken-4:hover {
    background-color: #c62828!important
}

.btn-red.btn-darken-4:active,
.btn-red.btn-darken-4:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-darken-4 {
    color: #b71c1c!important;
    border-color: #b71c1c!important
}

.btn-outline-red.btn-outline-darken-4:hover {
    background-color: #b71c1c!important
}

.border-red.border-darken-4 {
    border: 1px solid #b71c1c!important
}

.border-top-red.border-top-darken-4 {
    border-top: 1px solid #b71c1c!important
}

.border-bottom-red.border-bottom-darken-4 {
    border-bottom: 1px solid #b71c1c!important
}

.border-left-red.border-left-darken-4 {
    border-left: 1px solid #b71c1c!important
}

.border-right-red.border-right-darken-4 {
    border-right: 1px solid #b71c1c!important
}

.btn-red.btn-accent-1,
.btn-red.btn-accent-1:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-darken-4 {
    background: #b71c1c;
    background: rgba(183, 28, 28, .8)
}

.bg-red.bg-accent-1,
.btn-red.btn-accent-1 {
    background-color: #ff8a80!important
}

.red.accent-1 {
    color: #ff8a80!important
}

.bg-red.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 138, 128, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 138, 128, .6)
}

.btn-red.btn-accent-1:hover {
    background-color: #c62828!important
}

.btn-red.btn-accent-1:active,
.btn-red.btn-accent-1:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-accent-1 {
    color: #ff8a80!important;
    border-color: #ff8a80!important
}

.btn-outline-red.btn-outline-accent-1:hover {
    background-color: #ff8a80!important
}

.border-red.border-accent-1 {
    border: 1px solid #ff8a80!important
}

.border-top-red.border-top-accent-1 {
    border-top: 1px solid #ff8a80!important
}

.border-bottom-red.border-bottom-accent-1 {
    border-bottom: 1px solid #ff8a80!important
}

.border-left-red.border-left-accent-1 {
    border-left: 1px solid #ff8a80!important
}

.border-right-red.border-right-accent-1 {
    border-right: 1px solid #ff8a80!important
}

.btn-red.btn-accent-2,
.btn-red.btn-accent-2:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-accent-1 {
    background: #ff8a80;
    background: rgba(255, 138, 128, .8)
}

.bg-red.bg-accent-2,
.btn-red.btn-accent-2 {
    background-color: #ff5252!important
}

.red.accent-2 {
    color: #ff5252!important
}

.bg-red.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 82, 82, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 82, 82, .6)
}

.btn-red.btn-accent-2:hover {
    background-color: #c62828!important
}

.btn-red.btn-accent-2:active,
.btn-red.btn-accent-2:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-accent-2 {
    color: #ff5252!important;
    border-color: #ff5252!important
}

.btn-outline-red.btn-outline-accent-2:hover {
    background-color: #ff5252!important
}

.border-red.border-accent-2 {
    border: 1px solid #ff5252!important
}

.border-top-red.border-top-accent-2 {
    border-top: 1px solid #ff5252!important
}

.border-bottom-red.border-bottom-accent-2 {
    border-bottom: 1px solid #ff5252!important
}

.border-left-red.border-left-accent-2 {
    border-left: 1px solid #ff5252!important
}

.border-right-red.border-right-accent-2 {
    border-right: 1px solid #ff5252!important
}

.btn-red.btn-accent-3,
.btn-red.btn-accent-3:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-accent-2 {
    background: #ff5252;
    background: rgba(255, 82, 82, .8)
}

.bg-red.bg-accent-3,
.btn-red.btn-accent-3 {
    background-color: #ff1744!important
}

.red.accent-3 {
    color: #ff1744!important
}

.bg-red.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 23, 68, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 23, 68, .6)
}

.btn-red.btn-accent-3:hover {
    background-color: #c62828!important
}

.btn-red.btn-accent-3:active,
.btn-red.btn-accent-3:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-accent-3 {
    color: #ff1744!important;
    border-color: #ff1744!important
}

.btn-outline-red.btn-outline-accent-3:hover {
    background-color: #ff1744!important
}

.border-red.border-accent-3 {
    border: 1px solid #ff1744!important
}

.border-top-red.border-top-accent-3 {
    border-top: 1px solid #ff1744!important
}

.border-bottom-red.border-bottom-accent-3 {
    border-bottom: 1px solid #ff1744!important
}

.border-left-red.border-left-accent-3 {
    border-left: 1px solid #ff1744!important
}

.border-right-red.border-right-accent-3 {
    border-right: 1px solid #ff1744!important
}

.btn-red.btn-accent-4,
.btn-red.btn-accent-4:hover {
    border-color: #d32f2f!important
}

.overlay-red.overlay-accent-3 {
    background: #ff1744;
    background: rgba(255, 23, 68, .8)
}

.bg-red.bg-accent-4,
.btn-red.btn-accent-4 {
    background-color: #d50000!important
}

.red.accent-4 {
    color: #d50000!important
}

.bg-red.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(213, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(213, 0, 0, .6)
}

.btn-red.btn-accent-4:hover {
    background-color: #c62828!important
}

.btn-red.btn-accent-4:active,
.btn-red.btn-accent-4:focus {
    border-color: #c62828!important;
    background-color: #b71c1c!important
}

.btn-outline-red.btn-outline-accent-4 {
    color: #d50000!important;
    border-color: #d50000!important
}

.btn-outline-red.btn-outline-accent-4:hover {
    background-color: #d50000!important
}

input:focus~.bg-red {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #d50000!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #d50000!important
}

.border-red.border-accent-4 {
    border: 1px solid #d50000!important
}

.border-top-red.border-top-accent-4 {
    border-top: 1px solid #d50000!important
}

.border-bottom-red.border-bottom-accent-4 {
    border-bottom: 1px solid #d50000!important
}

.border-left-red.border-left-accent-4 {
    border-left: 1px solid #d50000!important
}

.border-right-red.border-right-accent-4 {
    border-right: 1px solid #d50000!important
}

.btn-pink.btn-lighten-5,
.btn-pink.btn-lighten-5:hover {
    border-color: #c2185b!important
}

.overlay-red.overlay-accent-4 {
    background: #d50000;
    background: rgba(213, 0, 0, .8)
}

.bg-pink.bg-lighten-5,
.btn-pink.btn-lighten-5 {
    background-color: #fce4ec!important
}

.pink.lighten-5 {
    color: #fce4ec!important
}

.bg-pink.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(252, 228, 236, .6);
    box-shadow: 0 1px 20px 1px rgba(252, 228, 236, .6)
}

.btn-pink.btn-lighten-5:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-lighten-5:active,
.btn-pink.btn-lighten-5:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-lighten-5 {
    color: #fce4ec!important;
    border-color: #fce4ec!important
}

.btn-outline-pink.btn-outline-lighten-5:hover {
    background-color: #fce4ec!important
}

.border-pink.border-lighten-5 {
    border: 1px solid #fce4ec!important
}

.border-top-pink.border-top-lighten-5 {
    border-top: 1px solid #fce4ec!important
}

.border-bottom-pink.border-bottom-lighten-5 {
    border-bottom: 1px solid #fce4ec!important
}

.border-left-pink.border-left-lighten-5 {
    border-left: 1px solid #fce4ec!important
}

.border-right-pink.border-right-lighten-5 {
    border-right: 1px solid #fce4ec!important
}

.btn-pink.btn-lighten-4,
.btn-pink.btn-lighten-4:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-lighten-5 {
    background: #fce4ec;
    background: rgba(252, 228, 236, .8)
}

.bg-pink.bg-lighten-4,
.btn-pink.btn-lighten-4 {
    background-color: #f8bbd0!important
}

.pink.lighten-4 {
    color: #f8bbd0!important
}

.bg-pink.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(248, 187, 208, .6);
    box-shadow: 0 1px 20px 1px rgba(248, 187, 208, .6)
}

.btn-pink.btn-lighten-4:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-lighten-4:active,
.btn-pink.btn-lighten-4:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-lighten-4 {
    color: #f8bbd0!important;
    border-color: #f8bbd0!important
}

.btn-outline-pink.btn-outline-lighten-4:hover {
    background-color: #f8bbd0!important
}

.border-pink.border-lighten-4 {
    border: 1px solid #f8bbd0!important
}

.border-top-pink.border-top-lighten-4 {
    border-top: 1px solid #f8bbd0!important
}

.border-bottom-pink.border-bottom-lighten-4 {
    border-bottom: 1px solid #f8bbd0!important
}

.border-left-pink.border-left-lighten-4 {
    border-left: 1px solid #f8bbd0!important
}

.border-right-pink.border-right-lighten-4 {
    border-right: 1px solid #f8bbd0!important
}

.btn-pink.btn-lighten-3,
.btn-pink.btn-lighten-3:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-lighten-4 {
    background: #f8bbd0;
    background: rgba(248, 187, 208, .8)
}

.bg-pink.bg-lighten-3,
.btn-pink.btn-lighten-3 {
    background-color: #f48fb1!important
}

.pink.lighten-3 {
    color: #f48fb1!important
}

.bg-pink.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 143, 177, .6);
    box-shadow: 0 1px 20px 1px rgba(244, 143, 177, .6)
}

.btn-pink.btn-lighten-3:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-lighten-3:active,
.btn-pink.btn-lighten-3:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-lighten-3 {
    color: #f48fb1!important;
    border-color: #f48fb1!important
}

.btn-outline-pink.btn-outline-lighten-3:hover {
    background-color: #f48fb1!important
}

.border-pink.border-lighten-3 {
    border: 1px solid #f48fb1!important
}

.border-top-pink.border-top-lighten-3 {
    border-top: 1px solid #f48fb1!important
}

.border-bottom-pink.border-bottom-lighten-3 {
    border-bottom: 1px solid #f48fb1!important
}

.border-left-pink.border-left-lighten-3 {
    border-left: 1px solid #f48fb1!important
}

.border-right-pink.border-right-lighten-3 {
    border-right: 1px solid #f48fb1!important
}

.btn-pink.btn-lighten-2,
.btn-pink.btn-lighten-2:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-lighten-3 {
    background: #f48fb1;
    background: rgba(244, 143, 177, .8)
}

.bg-pink.bg-lighten-2,
.btn-pink.btn-lighten-2 {
    background-color: #f06292!important
}

.pink.lighten-2 {
    color: #f06292!important
}

.bg-pink.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(240, 98, 146, .6);
    box-shadow: 0 1px 20px 1px rgba(240, 98, 146, .6)
}

.btn-pink.btn-lighten-2:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-lighten-2:active,
.btn-pink.btn-lighten-2:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-lighten-2 {
    color: #f06292!important;
    border-color: #f06292!important
}

.btn-outline-pink.btn-outline-lighten-2:hover {
    background-color: #f06292!important
}

.border-pink.border-lighten-2 {
    border: 1px solid #f06292!important
}

.border-top-pink.border-top-lighten-2 {
    border-top: 1px solid #f06292!important
}

.border-bottom-pink.border-bottom-lighten-2 {
    border-bottom: 1px solid #f06292!important
}

.border-left-pink.border-left-lighten-2 {
    border-left: 1px solid #f06292!important
}

.border-right-pink.border-right-lighten-2 {
    border-right: 1px solid #f06292!important
}

.btn-pink.btn-lighten-1,
.btn-pink.btn-lighten-1:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-lighten-2 {
    background: #f06292;
    background: rgba(240, 98, 146, .8)
}

.bg-pink.bg-lighten-1,
.btn-pink.btn-lighten-1 {
    background-color: #ec407a!important
}

.pink.lighten-1 {
    color: #ec407a!important
}

.bg-pink.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(236, 64, 122, .6);
    box-shadow: 0 1px 20px 1px rgba(236, 64, 122, .6)
}

.btn-pink.btn-lighten-1:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-lighten-1:active,
.btn-pink.btn-lighten-1:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-lighten-1 {
    color: #ec407a!important;
    border-color: #ec407a!important
}

.btn-outline-pink.btn-outline-lighten-1:hover {
    background-color: #ec407a!important
}

.border-pink.border-lighten-1 {
    border: 1px solid #ec407a!important
}

.border-top-pink.border-top-lighten-1 {
    border-top: 1px solid #ec407a!important
}

.border-bottom-pink.border-bottom-lighten-1 {
    border-bottom: 1px solid #ec407a!important
}

.border-left-pink.border-left-lighten-1 {
    border-left: 1px solid #ec407a!important
}

.border-right-pink.border-right-lighten-1 {
    border-right: 1px solid #ec407a!important
}

.overlay-pink.overlay-lighten-1 {
    background: #ec407a;
    background: rgba(236, 64, 122, .8)
}

.pink {
    color: #e91e63!important
}

.alert-pink .alert-link,
.btn-pink {
    color: #fff
}

.bg-pink {
    background-color: #e91e63!important
}

.bg-pink .card-footer,
.bg-pink .card-header {
    background-color: transparent
}

.bg-pink.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6)
}

body.vertical-layout[data-color=bg-pink] .content-wrapper-before,
body.vertical-layout[data-color=bg-pink] .navbar-container {
    background-color: #e91e63!important
}

body.horizontal-layout[data-color=bg-pink] .navbar-horizontal {
    background-color: #e2165b
}

.selectboxit.selectboxit-btn.bg-pink,
body.horizontal-layout[data-color=bg-pink] .content-wrapper-before {
    background-color: #e91e63!important
}

.alert-pink {
    color: #fff;
    border-color: #e2165b;
    background-color: #e2165b
}

.overlay-pink {
    background: #e91e63;
    background: rgba(233, 30, 99, .8)
}

.btn-pink {
    background-color: #e91e63
}

.btn-pink:active,
.btn-pink:focus,
.btn-pink:hover {
    border-color: #ea2c6d;
    background-color: #ea2c6d;
    color: #fff
}

.btn-pink:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302);
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302)
}

.btn-pink:active,
.btn-pink:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302)!important
}

.btn-pink.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6)
}

.btn-outline-pink {
    color: #e91e63;
    border-color: #e91e63;
    background-color: transparent
}

.btn-outline-pink:hover {
    color: #fff!important;
    background-color: #e91e63;
    -webkit-box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, .451), 0 1px 3px 1px rgba(233, 30, 99, .302)!important
}

.btn-outline-pink.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, .6)
}

input[type=checkbox].bg-pink+.custom-control-label:before,
input[type=radio].bg-pink+.custom-control-label:before {
    background-color: #e91e63!important
}

.bg-pink.bg-darken-1,
.btn-pink.btn-darken-1 {
    background-color: #d81b60!important
}

.border-pink {
    border: 1px solid #e91e63!important
}

.border-top-pink {
    border-top: 1px solid #e91e63
}

.border-bottom-pink {
    border-bottom: 1px solid #e91e63
}

.border-left-pink {
    border-left: 1px solid #e91e63
}

.border-right-pink {
    border-right: 1px solid #e91e63
}

.pink.darken-1 {
    color: #d81b60!important
}

.bg-pink.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(216, 27, 96, .6);
    box-shadow: 0 1px 20px 1px rgba(216, 27, 96, .6)
}

.btn-pink.btn-darken-1 {
    border-color: #c2185b!important
}

.btn-pink.btn-darken-1:hover {
    border-color: #c2185b!important;
    background-color: #ad1457!important
}

.btn-pink.btn-darken-1:active,
.btn-pink.btn-darken-1:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-darken-1 {
    color: #d81b60!important;
    border-color: #d81b60!important
}

.btn-outline-pink.btn-outline-darken-1:hover {
    background-color: #d81b60!important
}

.border-pink.border-darken-1 {
    border: 1px solid #d81b60!important
}

.border-top-pink.border-top-darken-1 {
    border-top: 1px solid #d81b60!important
}

.border-bottom-pink.border-bottom-darken-1 {
    border-bottom: 1px solid #d81b60!important
}

.border-left-pink.border-left-darken-1 {
    border-left: 1px solid #d81b60!important
}

.border-right-pink.border-right-darken-1 {
    border-right: 1px solid #d81b60!important
}

.btn-pink.btn-darken-2,
.btn-pink.btn-darken-2:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-darken-1 {
    background: #d81b60;
    background: rgba(216, 27, 96, .8)
}

.bg-pink.bg-darken-2,
.btn-pink.btn-darken-2 {
    background-color: #c2185b!important
}

.pink.darken-2 {
    color: #c2185b!important
}

.bg-pink.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(194, 24, 91, .6);
    box-shadow: 0 1px 20px 1px rgba(194, 24, 91, .6)
}

.btn-pink.btn-darken-2:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-darken-2:active,
.btn-pink.btn-darken-2:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-darken-2 {
    color: #c2185b!important;
    border-color: #c2185b!important
}

.btn-outline-pink.btn-outline-darken-2:hover {
    background-color: #c2185b!important
}

.border-pink.border-darken-2 {
    border: 1px solid #c2185b!important
}

.border-top-pink.border-top-darken-2 {
    border-top: 1px solid #c2185b!important
}

.border-bottom-pink.border-bottom-darken-2 {
    border-bottom: 1px solid #c2185b!important
}

.border-left-pink.border-left-darken-2 {
    border-left: 1px solid #c2185b!important
}

.border-right-pink.border-right-darken-2 {
    border-right: 1px solid #c2185b!important
}

.overlay-pink.overlay-darken-2 {
    background: #c2185b;
    background: rgba(194, 24, 91, .8)
}

.pink.darken-3 {
    color: #ad1457!important
}

.bg-pink.bg-darken-3 {
    background-color: #ad1457!important
}

.bg-pink.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(173, 20, 87, .6);
    box-shadow: 0 1px 20px 1px rgba(173, 20, 87, .6)
}

.btn-pink.btn-darken-3,
.btn-pink.btn-darken-3:hover {
    border-color: #c2185b!important;
    background-color: #ad1457!important
}

.btn-pink.btn-darken-3:active,
.btn-pink.btn-darken-3:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-darken-3 {
    color: #ad1457!important;
    border-color: #ad1457!important
}

.btn-outline-pink.btn-outline-darken-3:hover {
    background-color: #ad1457!important
}

.border-pink.border-darken-3 {
    border: 1px solid #ad1457!important
}

.border-top-pink.border-top-darken-3 {
    border-top: 1px solid #ad1457!important
}

.border-bottom-pink.border-bottom-darken-3 {
    border-bottom: 1px solid #ad1457!important
}

.border-left-pink.border-left-darken-3 {
    border-left: 1px solid #ad1457!important
}

.border-right-pink.border-right-darken-3 {
    border-right: 1px solid #ad1457!important
}

.btn-pink.btn-darken-4,
.btn-pink.btn-darken-4:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-darken-3 {
    background: #ad1457;
    background: rgba(173, 20, 87, .8)
}

.bg-pink.bg-darken-4,
.btn-pink.btn-darken-4 {
    background-color: #880e4f!important
}

.pink.darken-4 {
    color: #880e4f!important
}

.bg-pink.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(136, 14, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(136, 14, 79, .6)
}

.btn-pink.btn-darken-4:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-darken-4:active,
.btn-pink.btn-darken-4:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-darken-4 {
    color: #880e4f!important;
    border-color: #880e4f!important
}

.btn-outline-pink.btn-outline-darken-4:hover {
    background-color: #880e4f!important
}

.border-pink.border-darken-4 {
    border: 1px solid #880e4f!important
}

.border-top-pink.border-top-darken-4 {
    border-top: 1px solid #880e4f!important
}

.border-bottom-pink.border-bottom-darken-4 {
    border-bottom: 1px solid #880e4f!important
}

.border-left-pink.border-left-darken-4 {
    border-left: 1px solid #880e4f!important
}

.border-right-pink.border-right-darken-4 {
    border-right: 1px solid #880e4f!important
}

.btn-pink.btn-accent-1,
.btn-pink.btn-accent-1:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-darken-4 {
    background: #880e4f;
    background: rgba(136, 14, 79, .8)
}

.bg-pink.bg-accent-1,
.btn-pink.btn-accent-1 {
    background-color: #ff80ab!important
}

.pink.accent-1 {
    color: #ff80ab!important
}

.bg-pink.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 128, 171, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 128, 171, .6)
}

.btn-pink.btn-accent-1:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-accent-1:active,
.btn-pink.btn-accent-1:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-accent-1 {
    color: #ff80ab!important;
    border-color: #ff80ab!important
}

.btn-outline-pink.btn-outline-accent-1:hover {
    background-color: #ff80ab!important
}

.border-pink.border-accent-1 {
    border: 1px solid #ff80ab!important
}

.border-top-pink.border-top-accent-1 {
    border-top: 1px solid #ff80ab!important
}

.border-bottom-pink.border-bottom-accent-1 {
    border-bottom: 1px solid #ff80ab!important
}

.border-left-pink.border-left-accent-1 {
    border-left: 1px solid #ff80ab!important
}

.border-right-pink.border-right-accent-1 {
    border-right: 1px solid #ff80ab!important
}

.btn-pink.btn-accent-2,
.btn-pink.btn-accent-2:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-accent-1 {
    background: #ff80ab;
    background: rgba(255, 128, 171, .8)
}

.bg-pink.bg-accent-2,
.btn-pink.btn-accent-2 {
    background-color: #ff4081!important
}

.pink.accent-2 {
    color: #ff4081!important
}

.bg-pink.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 64, 129, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 64, 129, .6)
}

.btn-pink.btn-accent-2:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-accent-2:active,
.btn-pink.btn-accent-2:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-accent-2 {
    color: #ff4081!important;
    border-color: #ff4081!important
}

.btn-outline-pink.btn-outline-accent-2:hover {
    background-color: #ff4081!important
}

.border-pink.border-accent-2 {
    border: 1px solid #ff4081!important
}

.border-top-pink.border-top-accent-2 {
    border-top: 1px solid #ff4081!important
}

.border-bottom-pink.border-bottom-accent-2 {
    border-bottom: 1px solid #ff4081!important
}

.border-left-pink.border-left-accent-2 {
    border-left: 1px solid #ff4081!important
}

.border-right-pink.border-right-accent-2 {
    border-right: 1px solid #ff4081!important
}

.btn-pink.btn-accent-3,
.btn-pink.btn-accent-3:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-accent-2 {
    background: #ff4081;
    background: rgba(255, 64, 129, .8)
}

.bg-pink.bg-accent-3,
.btn-pink.btn-accent-3 {
    background-color: #f50057!important
}

.pink.accent-3 {
    color: #f50057!important
}

.bg-pink.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(245, 0, 87, .6);
    box-shadow: 0 1px 20px 1px rgba(245, 0, 87, .6)
}

.btn-pink.btn-accent-3:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-accent-3:active,
.btn-pink.btn-accent-3:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-accent-3 {
    color: #f50057!important;
    border-color: #f50057!important
}

.btn-outline-pink.btn-outline-accent-3:hover {
    background-color: #f50057!important
}

.border-pink.border-accent-3 {
    border: 1px solid #f50057!important
}

.border-top-pink.border-top-accent-3 {
    border-top: 1px solid #f50057!important
}

.border-bottom-pink.border-bottom-accent-3 {
    border-bottom: 1px solid #f50057!important
}

.border-left-pink.border-left-accent-3 {
    border-left: 1px solid #f50057!important
}

.border-right-pink.border-right-accent-3 {
    border-right: 1px solid #f50057!important
}

.btn-pink.btn-accent-4,
.btn-pink.btn-accent-4:hover {
    border-color: #c2185b!important
}

.overlay-pink.overlay-accent-3 {
    background: #f50057;
    background: rgba(245, 0, 87, .8)
}

.bg-pink.bg-accent-4,
.btn-pink.btn-accent-4 {
    background-color: #c51162!important
}

.pink.accent-4 {
    color: #c51162!important
}

.bg-pink.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(197, 17, 98, .6);
    box-shadow: 0 1px 20px 1px rgba(197, 17, 98, .6)
}

.btn-pink.btn-accent-4:hover {
    background-color: #ad1457!important
}

.btn-pink.btn-accent-4:active,
.btn-pink.btn-accent-4:focus {
    border-color: #ad1457!important;
    background-color: #880e4f!important
}

.btn-outline-pink.btn-outline-accent-4 {
    color: #c51162!important;
    border-color: #c51162!important
}

.btn-outline-pink.btn-outline-accent-4:hover {
    background-color: #c51162!important
}

input:focus~.bg-pink {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #c51162!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #c51162!important
}

.border-pink.border-accent-4 {
    border: 1px solid #c51162!important
}

.border-top-pink.border-top-accent-4 {
    border-top: 1px solid #c51162!important
}

.border-bottom-pink.border-bottom-accent-4 {
    border-bottom: 1px solid #c51162!important
}

.border-left-pink.border-left-accent-4 {
    border-left: 1px solid #c51162!important
}

.border-right-pink.border-right-accent-4 {
    border-right: 1px solid #c51162!important
}

.overlay-pink.overlay-accent-4 {
    background: #c51162;
    background: rgba(197, 17, 98, .8)
}

.bg-purple.bg-lighten-5,
.btn-purple.btn-lighten-5 {
    background-color: #f3e5f5!important
}

.purple.lighten-5 {
    color: #f3e5f5!important
}

.bg-purple.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(243, 229, 245, .6);
    box-shadow: 0 1px 20px 1px rgba(243, 229, 245, .6)
}

.btn-purple.btn-lighten-5 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-lighten-5:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-lighten-5:active,
.btn-purple.btn-lighten-5:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-lighten-5 {
    color: #f3e5f5!important;
    border-color: #f3e5f5!important
}

.btn-outline-purple.btn-outline-lighten-5:hover {
    background-color: #f3e5f5!important
}

.border-purple.border-lighten-5 {
    border: 1px solid #f3e5f5!important
}

.border-top-purple.border-top-lighten-5 {
    border-top: 1px solid #f3e5f5!important
}

.border-bottom-purple.border-bottom-lighten-5 {
    border-bottom: 1px solid #f3e5f5!important
}

.border-left-purple.border-left-lighten-5 {
    border-left: 1px solid #f3e5f5!important
}

.border-right-purple.border-right-lighten-5 {
    border-right: 1px solid #f3e5f5!important
}

.overlay-purple.overlay-lighten-5 {
    background: #f3e5f5;
    background: rgba(243, 229, 245, .8)
}

.bg-purple.bg-lighten-4,
.btn-purple.btn-lighten-4 {
    background-color: #e1bee7!important
}

.purple.lighten-4 {
    color: #e1bee7!important
}

.bg-purple.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(225, 190, 231, .6);
    box-shadow: 0 1px 20px 1px rgba(225, 190, 231, .6)
}

.btn-purple.btn-lighten-4 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-lighten-4:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-lighten-4:active,
.btn-purple.btn-lighten-4:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-lighten-4 {
    color: #e1bee7!important;
    border-color: #e1bee7!important
}

.btn-outline-purple.btn-outline-lighten-4:hover {
    background-color: #e1bee7!important
}

.border-purple.border-lighten-4 {
    border: 1px solid #e1bee7!important
}

.border-top-purple.border-top-lighten-4 {
    border-top: 1px solid #e1bee7!important
}

.border-bottom-purple.border-bottom-lighten-4 {
    border-bottom: 1px solid #e1bee7!important
}

.border-left-purple.border-left-lighten-4 {
    border-left: 1px solid #e1bee7!important
}

.border-right-purple.border-right-lighten-4 {
    border-right: 1px solid #e1bee7!important
}

.overlay-purple.overlay-lighten-4 {
    background: #e1bee7;
    background: rgba(225, 190, 231, .8)
}

.bg-purple.bg-lighten-3,
.btn-purple.btn-lighten-3 {
    background-color: #ce93d8!important
}

.purple.lighten-3 {
    color: #ce93d8!important
}

.bg-purple.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(206, 147, 216, .6);
    box-shadow: 0 1px 20px 1px rgba(206, 147, 216, .6)
}

.btn-purple.btn-lighten-3 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-lighten-3:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-lighten-3:active,
.btn-purple.btn-lighten-3:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-lighten-3 {
    color: #ce93d8!important;
    border-color: #ce93d8!important
}

.btn-outline-purple.btn-outline-lighten-3:hover {
    background-color: #ce93d8!important
}

.border-purple.border-lighten-3 {
    border: 1px solid #ce93d8!important
}

.border-top-purple.border-top-lighten-3 {
    border-top: 1px solid #ce93d8!important
}

.border-bottom-purple.border-bottom-lighten-3 {
    border-bottom: 1px solid #ce93d8!important
}

.border-left-purple.border-left-lighten-3 {
    border-left: 1px solid #ce93d8!important
}

.border-right-purple.border-right-lighten-3 {
    border-right: 1px solid #ce93d8!important
}

.overlay-purple.overlay-lighten-3 {
    background: #ce93d8;
    background: rgba(206, 147, 216, .8)
}

.bg-purple.bg-lighten-2,
.btn-purple.btn-lighten-2 {
    background-color: #ba68c8!important
}

.purple.lighten-2 {
    color: #ba68c8!important
}

.bg-purple.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(186, 104, 200, .6);
    box-shadow: 0 1px 20px 1px rgba(186, 104, 200, .6)
}

.btn-purple.btn-lighten-2 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-lighten-2:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-lighten-2:active,
.btn-purple.btn-lighten-2:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-lighten-2 {
    color: #ba68c8!important;
    border-color: #ba68c8!important
}

.btn-outline-purple.btn-outline-lighten-2:hover {
    background-color: #ba68c8!important
}

.border-purple.border-lighten-2 {
    border: 1px solid #ba68c8!important
}

.border-top-purple.border-top-lighten-2 {
    border-top: 1px solid #ba68c8!important
}

.border-bottom-purple.border-bottom-lighten-2 {
    border-bottom: 1px solid #ba68c8!important
}

.border-left-purple.border-left-lighten-2 {
    border-left: 1px solid #ba68c8!important
}

.border-right-purple.border-right-lighten-2 {
    border-right: 1px solid #ba68c8!important
}

.overlay-purple.overlay-lighten-2 {
    background: #ba68c8;
    background: rgba(186, 104, 200, .8)
}

.bg-purple.bg-lighten-1,
.btn-purple.btn-lighten-1 {
    background-color: #ab47bc!important
}

.purple.lighten-1 {
    color: #ab47bc!important
}

.bg-purple.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(171, 71, 188, .6);
    box-shadow: 0 1px 20px 1px rgba(171, 71, 188, .6)
}

.btn-purple.btn-lighten-1 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-lighten-1:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-lighten-1:active,
.btn-purple.btn-lighten-1:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-lighten-1 {
    color: #ab47bc!important;
    border-color: #ab47bc!important
}

.btn-outline-purple.btn-outline-lighten-1:hover {
    background-color: #ab47bc!important
}

.border-purple.border-lighten-1 {
    border: 1px solid #ab47bc!important
}

.border-top-purple.border-top-lighten-1 {
    border-top: 1px solid #ab47bc!important
}

.border-bottom-purple.border-bottom-lighten-1 {
    border-bottom: 1px solid #ab47bc!important
}

.border-left-purple.border-left-lighten-1 {
    border-left: 1px solid #ab47bc!important
}

.border-right-purple.border-right-lighten-1 {
    border-right: 1px solid #ab47bc!important
}

.overlay-purple.overlay-lighten-1 {
    background: #ab47bc;
    background: rgba(171, 71, 188, .8)
}

.purple {
    color: #9c27b0!important
}

.bg-purple {
    background-color: #9c27b0!important
}

.bg-purple .card-footer,
.bg-purple .card-header {
    background-color: transparent
}

.bg-purple.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6)
}

body.vertical-layout[data-color=bg-purple] .content-wrapper-before,
body.vertical-layout[data-color=bg-purple] .navbar-container {
    background-color: #9c27b0!important
}

body.horizontal-layout[data-color=bg-purple] .navbar-horizontal {
    background-color: #9124a3
}

.selectboxit.selectboxit-btn.bg-purple,
body.horizontal-layout[data-color=bg-purple] .content-wrapper-before {
    background-color: #9c27b0!important
}

.alert-purple {
    color: #fff;
    border-color: #9124a3;
    background-color: #9124a3
}

.alert-purple .alert-link {
    color: #fff
}

.overlay-purple {
    background: #9c27b0;
    background: rgba(156, 39, 176, .8)
}

.btn-purple {
    color: #fff;
    background-color: #9c27b0
}

.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover {
    border-color: #a72abd;
    background-color: #a72abd;
    color: #fff
}

.btn-purple:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302);
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302)
}

.btn-purple:active,
.btn-purple:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302)!important
}

.btn-purple.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6)
}

.btn-outline-purple {
    color: #9c27b0;
    border-color: #9c27b0;
    background-color: transparent
}

.btn-outline-purple:hover {
    color: #fff!important;
    background-color: #9c27b0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, .451), 0 1px 3px 1px rgba(156, 39, 176, .302)!important
}

.btn-outline-purple.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, .6)
}

input[type=checkbox].bg-purple+.custom-control-label:before,
input[type=radio].bg-purple+.custom-control-label:before {
    background-color: #9c27b0!important
}

.bg-purple.bg-darken-1,
.btn-purple.btn-darken-1 {
    background-color: #8e24aa!important
}

.border-purple {
    border: 1px solid #9c27b0!important
}

.border-top-purple {
    border-top: 1px solid #9c27b0
}

.border-bottom-purple {
    border-bottom: 1px solid #9c27b0
}

.border-left-purple {
    border-left: 1px solid #9c27b0
}

.border-right-purple {
    border-right: 1px solid #9c27b0
}

.purple.darken-1 {
    color: #8e24aa!important
}

.bg-purple.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(142, 36, 170, .6);
    box-shadow: 0 1px 20px 1px rgba(142, 36, 170, .6)
}

.btn-purple.btn-darken-1 {
    border-color: #7b1fa2!important
}

.btn-purple.btn-darken-1:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-darken-1:active,
.btn-purple.btn-darken-1:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-darken-1 {
    color: #8e24aa!important;
    border-color: #8e24aa!important
}

.btn-outline-purple.btn-outline-darken-1:hover {
    background-color: #8e24aa!important
}

.border-purple.border-darken-1 {
    border: 1px solid #8e24aa!important
}

.border-top-purple.border-top-darken-1 {
    border-top: 1px solid #8e24aa!important
}

.border-bottom-purple.border-bottom-darken-1 {
    border-bottom: 1px solid #8e24aa!important
}

.border-left-purple.border-left-darken-1 {
    border-left: 1px solid #8e24aa!important
}

.border-right-purple.border-right-darken-1 {
    border-right: 1px solid #8e24aa!important
}

.btn-purple.btn-darken-2,
.btn-purple.btn-darken-2:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-darken-1 {
    background: #8e24aa;
    background: rgba(142, 36, 170, .8)
}

.bg-purple.bg-darken-2,
.btn-purple.btn-darken-2 {
    background-color: #7b1fa2!important
}

.purple.darken-2 {
    color: #7b1fa2!important
}

.bg-purple.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(123, 31, 162, .6);
    box-shadow: 0 1px 20px 1px rgba(123, 31, 162, .6)
}

.btn-purple.btn-darken-2:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-darken-2:active,
.btn-purple.btn-darken-2:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-darken-2 {
    color: #7b1fa2!important;
    border-color: #7b1fa2!important
}

.btn-outline-purple.btn-outline-darken-2:hover {
    background-color: #7b1fa2!important
}

.border-purple.border-darken-2 {
    border: 1px solid #7b1fa2!important
}

.border-top-purple.border-top-darken-2 {
    border-top: 1px solid #7b1fa2!important
}

.border-bottom-purple.border-bottom-darken-2 {
    border-bottom: 1px solid #7b1fa2!important
}

.border-left-purple.border-left-darken-2 {
    border-left: 1px solid #7b1fa2!important
}

.border-right-purple.border-right-darken-2 {
    border-right: 1px solid #7b1fa2!important
}

.overlay-purple.overlay-darken-2 {
    background: #7b1fa2;
    background: rgba(123, 31, 162, .8)
}

.purple.darken-3 {
    color: #6a1b9a!important
}

.bg-purple.bg-darken-3 {
    background-color: #6a1b9a!important
}

.bg-purple.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(106, 27, 154, .6);
    box-shadow: 0 1px 20px 1px rgba(106, 27, 154, .6)
}

.btn-purple.btn-darken-3,
.btn-purple.btn-darken-3:hover {
    border-color: #7b1fa2!important;
    background-color: #6a1b9a!important
}

.btn-purple.btn-darken-3:active,
.btn-purple.btn-darken-3:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-darken-3 {
    color: #6a1b9a!important;
    border-color: #6a1b9a!important
}

.btn-outline-purple.btn-outline-darken-3:hover {
    background-color: #6a1b9a!important
}

.border-purple.border-darken-3 {
    border: 1px solid #6a1b9a!important
}

.border-top-purple.border-top-darken-3 {
    border-top: 1px solid #6a1b9a!important
}

.border-bottom-purple.border-bottom-darken-3 {
    border-bottom: 1px solid #6a1b9a!important
}

.border-left-purple.border-left-darken-3 {
    border-left: 1px solid #6a1b9a!important
}

.border-right-purple.border-right-darken-3 {
    border-right: 1px solid #6a1b9a!important
}

.btn-purple.btn-darken-4,
.btn-purple.btn-darken-4:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-darken-3 {
    background: #6a1b9a;
    background: rgba(106, 27, 154, .8)
}

.bg-purple.bg-darken-4,
.btn-purple.btn-darken-4 {
    background-color: #4a148c!important
}

.purple.darken-4 {
    color: #4a148c!important
}

.bg-purple.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(74, 20, 140, .6);
    box-shadow: 0 1px 20px 1px rgba(74, 20, 140, .6)
}

.btn-purple.btn-darken-4:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-darken-4:active,
.btn-purple.btn-darken-4:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-darken-4 {
    color: #4a148c!important;
    border-color: #4a148c!important
}

.btn-outline-purple.btn-outline-darken-4:hover {
    background-color: #4a148c!important
}

.border-purple.border-darken-4 {
    border: 1px solid #4a148c!important
}

.border-top-purple.border-top-darken-4 {
    border-top: 1px solid #4a148c!important
}

.border-bottom-purple.border-bottom-darken-4 {
    border-bottom: 1px solid #4a148c!important
}

.border-left-purple.border-left-darken-4 {
    border-left: 1px solid #4a148c!important
}

.border-right-purple.border-right-darken-4 {
    border-right: 1px solid #4a148c!important
}

.btn-purple.btn-accent-1,
.btn-purple.btn-accent-1:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-darken-4 {
    background: #4a148c;
    background: rgba(74, 20, 140, .8)
}

.bg-purple.bg-accent-1,
.btn-purple.btn-accent-1 {
    background-color: #ea80fc!important
}

.purple.accent-1 {
    color: #ea80fc!important
}

.bg-purple.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(234, 128, 252, .6);
    box-shadow: 0 1px 20px 1px rgba(234, 128, 252, .6)
}

.btn-purple.btn-accent-1:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-accent-1:active,
.btn-purple.btn-accent-1:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-accent-1 {
    color: #ea80fc!important;
    border-color: #ea80fc!important
}

.btn-outline-purple.btn-outline-accent-1:hover {
    background-color: #ea80fc!important
}

.border-purple.border-accent-1 {
    border: 1px solid #ea80fc!important
}

.border-top-purple.border-top-accent-1 {
    border-top: 1px solid #ea80fc!important
}

.border-bottom-purple.border-bottom-accent-1 {
    border-bottom: 1px solid #ea80fc!important
}

.border-left-purple.border-left-accent-1 {
    border-left: 1px solid #ea80fc!important
}

.border-right-purple.border-right-accent-1 {
    border-right: 1px solid #ea80fc!important
}

.btn-purple.btn-accent-2,
.btn-purple.btn-accent-2:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-accent-1 {
    background: #ea80fc;
    background: rgba(234, 128, 252, .8)
}

.bg-purple.bg-accent-2,
.btn-purple.btn-accent-2 {
    background-color: #e040fb!important
}

.purple.accent-2 {
    color: #e040fb!important
}

.bg-purple.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(224, 64, 251, .6);
    box-shadow: 0 1px 20px 1px rgba(224, 64, 251, .6)
}

.btn-purple.btn-accent-2:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-accent-2:active,
.btn-purple.btn-accent-2:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-accent-2 {
    color: #e040fb!important;
    border-color: #e040fb!important
}

.btn-outline-purple.btn-outline-accent-2:hover {
    background-color: #e040fb!important
}

.border-purple.border-accent-2 {
    border: 1px solid #e040fb!important
}

.border-top-purple.border-top-accent-2 {
    border-top: 1px solid #e040fb!important
}

.border-bottom-purple.border-bottom-accent-2 {
    border-bottom: 1px solid #e040fb!important
}

.border-left-purple.border-left-accent-2 {
    border-left: 1px solid #e040fb!important
}

.border-right-purple.border-right-accent-2 {
    border-right: 1px solid #e040fb!important
}

.btn-purple.btn-accent-3,
.btn-purple.btn-accent-3:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-accent-2 {
    background: #e040fb;
    background: rgba(224, 64, 251, .8)
}

.bg-purple.bg-accent-3,
.btn-purple.btn-accent-3 {
    background-color: #d500f9!important
}

.purple.accent-3 {
    color: #d500f9!important
}

.bg-purple.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(213, 0, 249, .6);
    box-shadow: 0 1px 20px 1px rgba(213, 0, 249, .6)
}

.btn-purple.btn-accent-3:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-accent-3:active,
.btn-purple.btn-accent-3:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-accent-3 {
    color: #d500f9!important;
    border-color: #d500f9!important
}

.btn-outline-purple.btn-outline-accent-3:hover {
    background-color: #d500f9!important
}

.border-purple.border-accent-3 {
    border: 1px solid #d500f9!important
}

.border-top-purple.border-top-accent-3 {
    border-top: 1px solid #d500f9!important
}

.border-bottom-purple.border-bottom-accent-3 {
    border-bottom: 1px solid #d500f9!important
}

.border-left-purple.border-left-accent-3 {
    border-left: 1px solid #d500f9!important
}

.border-right-purple.border-right-accent-3 {
    border-right: 1px solid #d500f9!important
}

.btn-purple.btn-accent-4,
.btn-purple.btn-accent-4:hover {
    border-color: #7b1fa2!important
}

.overlay-purple.overlay-accent-3 {
    background: #d500f9;
    background: rgba(213, 0, 249, .8)
}

.bg-purple.bg-accent-4,
.btn-purple.btn-accent-4 {
    background-color: #d0f!important
}

.purple.accent-4 {
    color: #d0f!important
}

.bg-purple.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(221, 0, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(221, 0, 255, .6)
}

.btn-purple.btn-accent-4:hover {
    background-color: #6a1b9a!important
}

.btn-purple.btn-accent-4:active,
.btn-purple.btn-accent-4:focus {
    border-color: #6a1b9a!important;
    background-color: #4a148c!important
}

.btn-outline-purple.btn-outline-accent-4 {
    color: #d0f!important;
    border-color: #d0f!important
}

.btn-outline-purple.btn-outline-accent-4:hover {
    background-color: #d0f!important
}

input:focus~.bg-purple {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #d0f!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #d0f!important
}

.border-purple.border-accent-4 {
    border: 1px solid #d0f!important
}

.border-top-purple.border-top-accent-4 {
    border-top: 1px solid #d0f!important
}

.border-bottom-purple.border-bottom-accent-4 {
    border-bottom: 1px solid #d0f!important
}

.border-left-purple.border-left-accent-4 {
    border-left: 1px solid #d0f!important
}

.border-right-purple.border-right-accent-4 {
    border-right: 1px solid #d0f!important
}

.btn-blue.btn-lighten-5,
.btn-blue.btn-lighten-5:hover {
    border-color: #1976d2!important
}

.overlay-purple.overlay-accent-4 {
    background: #d0f;
    background: rgba(221, 0, 255, .8)
}

.bg-blue.bg-lighten-5,
.btn-blue.btn-lighten-5 {
    background-color: #e3f2fd!important
}

.blue.lighten-5 {
    color: #e3f2fd!important
}

.bg-blue.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(227, 242, 253, .6);
    box-shadow: 0 1px 20px 1px rgba(227, 242, 253, .6)
}

.btn-blue.btn-lighten-5:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-lighten-5:active,
.btn-blue.btn-lighten-5:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-lighten-5 {
    color: #e3f2fd!important;
    border-color: #e3f2fd!important
}

.btn-outline-blue.btn-outline-lighten-5:hover {
    background-color: #e3f2fd!important
}

.border-blue.border-lighten-5 {
    border: 1px solid #e3f2fd!important
}

.border-top-blue.border-top-lighten-5 {
    border-top: 1px solid #e3f2fd!important
}

.border-bottom-blue.border-bottom-lighten-5 {
    border-bottom: 1px solid #e3f2fd!important
}

.border-left-blue.border-left-lighten-5 {
    border-left: 1px solid #e3f2fd!important
}

.border-right-blue.border-right-lighten-5 {
    border-right: 1px solid #e3f2fd!important
}

.btn-blue.btn-lighten-4,
.btn-blue.btn-lighten-4:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-lighten-5 {
    background: #e3f2fd;
    background: rgba(227, 242, 253, .8)
}

.bg-blue.bg-lighten-4,
.btn-blue.btn-lighten-4 {
    background-color: #bbdefb!important
}

.blue.lighten-4 {
    color: #bbdefb!important
}

.bg-blue.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(187, 222, 251, .6);
    box-shadow: 0 1px 20px 1px rgba(187, 222, 251, .6)
}

.btn-blue.btn-lighten-4:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-lighten-4:active,
.btn-blue.btn-lighten-4:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-lighten-4 {
    color: #bbdefb!important;
    border-color: #bbdefb!important
}

.btn-outline-blue.btn-outline-lighten-4:hover {
    background-color: #bbdefb!important
}

.border-blue.border-lighten-4 {
    border: 1px solid #bbdefb!important
}

.border-top-blue.border-top-lighten-4 {
    border-top: 1px solid #bbdefb!important
}

.border-bottom-blue.border-bottom-lighten-4 {
    border-bottom: 1px solid #bbdefb!important
}

.border-left-blue.border-left-lighten-4 {
    border-left: 1px solid #bbdefb!important
}

.border-right-blue.border-right-lighten-4 {
    border-right: 1px solid #bbdefb!important
}

.btn-blue.btn-lighten-3,
.btn-blue.btn-lighten-3:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-lighten-4 {
    background: #bbdefb;
    background: rgba(187, 222, 251, .8)
}

.bg-blue.bg-lighten-3,
.btn-blue.btn-lighten-3 {
    background-color: #90caf9!important
}

.blue.lighten-3 {
    color: #90caf9!important
}

.bg-blue.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(144, 202, 249, .6);
    box-shadow: 0 1px 20px 1px rgba(144, 202, 249, .6)
}

.btn-blue.btn-lighten-3:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-lighten-3:active,
.btn-blue.btn-lighten-3:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-lighten-3 {
    color: #90caf9!important;
    border-color: #90caf9!important
}

.btn-outline-blue.btn-outline-lighten-3:hover {
    background-color: #90caf9!important
}

.border-blue.border-lighten-3 {
    border: 1px solid #90caf9!important
}

.border-top-blue.border-top-lighten-3 {
    border-top: 1px solid #90caf9!important
}

.border-bottom-blue.border-bottom-lighten-3 {
    border-bottom: 1px solid #90caf9!important
}

.border-left-blue.border-left-lighten-3 {
    border-left: 1px solid #90caf9!important
}

.border-right-blue.border-right-lighten-3 {
    border-right: 1px solid #90caf9!important
}

.btn-blue.btn-lighten-2,
.btn-blue.btn-lighten-2:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-lighten-3 {
    background: #90caf9;
    background: rgba(144, 202, 249, .8)
}

.bg-blue.bg-lighten-2,
.btn-blue.btn-lighten-2 {
    background-color: #64b5f6!important
}

.blue.lighten-2 {
    color: #64b5f6!important
}

.bg-blue.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(100, 181, 246, .6);
    box-shadow: 0 1px 20px 1px rgba(100, 181, 246, .6)
}

.btn-blue.btn-lighten-2:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-lighten-2:active,
.btn-blue.btn-lighten-2:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-lighten-2 {
    color: #64b5f6!important;
    border-color: #64b5f6!important
}

.btn-outline-blue.btn-outline-lighten-2:hover {
    background-color: #64b5f6!important
}

.border-blue.border-lighten-2 {
    border: 1px solid #64b5f6!important
}

.border-top-blue.border-top-lighten-2 {
    border-top: 1px solid #64b5f6!important
}

.border-bottom-blue.border-bottom-lighten-2 {
    border-bottom: 1px solid #64b5f6!important
}

.border-left-blue.border-left-lighten-2 {
    border-left: 1px solid #64b5f6!important
}

.border-right-blue.border-right-lighten-2 {
    border-right: 1px solid #64b5f6!important
}

.btn-blue.btn-lighten-1,
.btn-blue.btn-lighten-1:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-lighten-2 {
    background: #64b5f6;
    background: rgba(100, 181, 246, .8)
}

.bg-blue.bg-lighten-1,
.btn-blue.btn-lighten-1 {
    background-color: #42a5f5!important
}

.blue.lighten-1 {
    color: #42a5f5!important
}

.bg-blue.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(66, 165, 245, .6);
    box-shadow: 0 1px 20px 1px rgba(66, 165, 245, .6)
}

.btn-blue.btn-lighten-1:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-lighten-1:active,
.btn-blue.btn-lighten-1:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-lighten-1 {
    color: #42a5f5!important;
    border-color: #42a5f5!important
}

.btn-outline-blue.btn-outline-lighten-1:hover {
    background-color: #42a5f5!important
}

.border-blue.border-lighten-1 {
    border: 1px solid #42a5f5!important
}

.border-top-blue.border-top-lighten-1 {
    border-top: 1px solid #42a5f5!important
}

.border-bottom-blue.border-bottom-lighten-1 {
    border-bottom: 1px solid #42a5f5!important
}

.border-left-blue.border-left-lighten-1 {
    border-left: 1px solid #42a5f5!important
}

.border-right-blue.border-right-lighten-1 {
    border-right: 1px solid #42a5f5!important
}

.overlay-blue.overlay-lighten-1 {
    background: #42a5f5;
    background: rgba(66, 165, 245, .8)
}

.blue {
    color: #2196f3!important
}

.alert-blue .alert-link,
.btn-blue {
    color: #fff
}

.bg-blue {
    background-color: #2196f3!important
}

.bg-blue .card-footer,
.bg-blue .card-header {
    background-color: transparent
}

.bg-blue.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6)
}

body.vertical-layout[data-color=bg-blue] .content-wrapper-before,
body.vertical-layout[data-color=bg-blue] .navbar-container {
    background-color: #2196f3!important
}

body.horizontal-layout[data-color=bg-blue] .navbar-horizontal {
    background-color: #128ff2
}

.selectboxit.selectboxit-btn.bg-blue,
body.horizontal-layout[data-color=bg-blue] .content-wrapper-before {
    background-color: #2196f3!important
}

.alert-blue {
    color: #fff;
    border-color: #128ff2;
    background-color: #128ff2
}

.overlay-blue {
    background: #2196f3;
    background: rgba(33, 150, 243, .8)
}

.btn-blue {
    background-color: #2196f3
}

.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
    border-color: #309df4;
    background-color: #309df4;
    color: #fff
}

.btn-blue:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302);
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302)
}

.btn-blue:active,
.btn-blue:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302)!important
}

.btn-blue.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6)
}

.btn-outline-blue {
    color: #2196f3;
    border-color: #2196f3;
    background-color: transparent
}

.btn-outline-blue:hover {
    color: #fff!important;
    background-color: #2196f3;
    -webkit-box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, .451), 0 1px 3px 1px rgba(33, 150, 243, .302)!important
}

.btn-outline-blue.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, .6)
}

input[type=checkbox].bg-blue+.custom-control-label:before,
input[type=radio].bg-blue+.custom-control-label:before {
    background-color: #2196f3!important
}

.bg-blue.bg-darken-1,
.btn-blue.btn-darken-1 {
    background-color: #1e88e5!important
}

.border-blue {
    border: 1px solid #2196f3!important
}

.border-top-blue {
    border-top: 1px solid #2196f3
}

.border-bottom-blue {
    border-bottom: 1px solid #2196f3
}

.border-left-blue {
    border-left: 1px solid #2196f3
}

.border-right-blue {
    border-right: 1px solid #2196f3
}

.blue.darken-1 {
    color: #1e88e5!important
}

.bg-blue.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(30, 136, 229, .6);
    box-shadow: 0 1px 20px 1px rgba(30, 136, 229, .6)
}

.btn-blue.btn-darken-1 {
    border-color: #1976d2!important
}

.btn-blue.btn-darken-1:hover {
    border-color: #1976d2!important;
    background-color: #1565c0!important
}

.btn-blue.btn-darken-1:active,
.btn-blue.btn-darken-1:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-darken-1 {
    color: #1e88e5!important;
    border-color: #1e88e5!important
}

.btn-outline-blue.btn-outline-darken-1:hover {
    background-color: #1e88e5!important
}

.border-blue.border-darken-1 {
    border: 1px solid #1e88e5!important
}

.border-top-blue.border-top-darken-1 {
    border-top: 1px solid #1e88e5!important
}

.border-bottom-blue.border-bottom-darken-1 {
    border-bottom: 1px solid #1e88e5!important
}

.border-left-blue.border-left-darken-1 {
    border-left: 1px solid #1e88e5!important
}

.border-right-blue.border-right-darken-1 {
    border-right: 1px solid #1e88e5!important
}

.btn-blue.btn-darken-2,
.btn-blue.btn-darken-2:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-darken-1 {
    background: #1e88e5;
    background: rgba(30, 136, 229, .8)
}

.bg-blue.bg-darken-2,
.btn-blue.btn-darken-2 {
    background-color: #1976d2!important
}

.blue.darken-2 {
    color: #1976d2!important
}

.bg-blue.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(25, 118, 210, .6);
    box-shadow: 0 1px 20px 1px rgba(25, 118, 210, .6)
}

.btn-blue.btn-darken-2:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-darken-2:active,
.btn-blue.btn-darken-2:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-darken-2 {
    color: #1976d2!important;
    border-color: #1976d2!important
}

.btn-outline-blue.btn-outline-darken-2:hover {
    background-color: #1976d2!important
}

.border-blue.border-darken-2 {
    border: 1px solid #1976d2!important
}

.border-top-blue.border-top-darken-2 {
    border-top: 1px solid #1976d2!important
}

.border-bottom-blue.border-bottom-darken-2 {
    border-bottom: 1px solid #1976d2!important
}

.border-left-blue.border-left-darken-2 {
    border-left: 1px solid #1976d2!important
}

.border-right-blue.border-right-darken-2 {
    border-right: 1px solid #1976d2!important
}

.overlay-blue.overlay-darken-2 {
    background: #1976d2;
    background: rgba(25, 118, 210, .8)
}

.blue.darken-3 {
    color: #1565c0!important
}

.bg-blue.bg-darken-3 {
    background-color: #1565c0!important
}

.bg-blue.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(21, 101, 192, .6);
    box-shadow: 0 1px 20px 1px rgba(21, 101, 192, .6)
}

.btn-blue.btn-darken-3,
.btn-blue.btn-darken-3:hover {
    border-color: #1976d2!important;
    background-color: #1565c0!important
}

.btn-blue.btn-darken-3:active,
.btn-blue.btn-darken-3:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-darken-3 {
    color: #1565c0!important;
    border-color: #1565c0!important
}

.btn-outline-blue.btn-outline-darken-3:hover {
    background-color: #1565c0!important
}

.border-blue.border-darken-3 {
    border: 1px solid #1565c0!important
}

.border-top-blue.border-top-darken-3 {
    border-top: 1px solid #1565c0!important
}

.border-bottom-blue.border-bottom-darken-3 {
    border-bottom: 1px solid #1565c0!important
}

.border-left-blue.border-left-darken-3 {
    border-left: 1px solid #1565c0!important
}

.border-right-blue.border-right-darken-3 {
    border-right: 1px solid #1565c0!important
}

.btn-blue.btn-darken-4,
.btn-blue.btn-darken-4:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-darken-3 {
    background: #1565c0;
    background: rgba(21, 101, 192, .8)
}

.bg-blue.bg-darken-4,
.btn-blue.btn-darken-4 {
    background-color: #0d47a1!important
}

.blue.darken-4 {
    color: #0d47a1!important
}

.bg-blue.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(13, 71, 161, .6);
    box-shadow: 0 1px 20px 1px rgba(13, 71, 161, .6)
}

.btn-blue.btn-darken-4:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-darken-4:active,
.btn-blue.btn-darken-4:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-darken-4 {
    color: #0d47a1!important;
    border-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-darken-4:hover {
    background-color: #0d47a1!important
}

.border-blue.border-darken-4 {
    border: 1px solid #0d47a1!important
}

.border-top-blue.border-top-darken-4 {
    border-top: 1px solid #0d47a1!important
}

.border-bottom-blue.border-bottom-darken-4 {
    border-bottom: 1px solid #0d47a1!important
}

.border-left-blue.border-left-darken-4 {
    border-left: 1px solid #0d47a1!important
}

.border-right-blue.border-right-darken-4 {
    border-right: 1px solid #0d47a1!important
}

.btn-blue.btn-accent-1,
.btn-blue.btn-accent-1:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-darken-4 {
    background: #0d47a1;
    background: rgba(13, 71, 161, .8)
}

.bg-blue.bg-accent-1,
.btn-blue.btn-accent-1 {
    background-color: #82b1ff!important
}

.blue.accent-1 {
    color: #82b1ff!important
}

.bg-blue.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(130, 177, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(130, 177, 255, .6)
}

.btn-blue.btn-accent-1:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-accent-1:active,
.btn-blue.btn-accent-1:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-accent-1 {
    color: #82b1ff!important;
    border-color: #82b1ff!important
}

.btn-outline-blue.btn-outline-accent-1:hover {
    background-color: #82b1ff!important
}

.border-blue.border-accent-1 {
    border: 1px solid #82b1ff!important
}

.border-top-blue.border-top-accent-1 {
    border-top: 1px solid #82b1ff!important
}

.border-bottom-blue.border-bottom-accent-1 {
    border-bottom: 1px solid #82b1ff!important
}

.border-left-blue.border-left-accent-1 {
    border-left: 1px solid #82b1ff!important
}

.border-right-blue.border-right-accent-1 {
    border-right: 1px solid #82b1ff!important
}

.btn-blue.btn-accent-2,
.btn-blue.btn-accent-2:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-accent-1 {
    background: #82b1ff;
    background: rgba(130, 177, 255, .8)
}

.bg-blue.bg-accent-2,
.btn-blue.btn-accent-2 {
    background-color: #448aff!important
}

.blue.accent-2 {
    color: #448aff!important
}

.bg-blue.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(68, 138, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(68, 138, 255, .6)
}

.btn-blue.btn-accent-2:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-accent-2:active,
.btn-blue.btn-accent-2:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-accent-2 {
    color: #448aff!important;
    border-color: #448aff!important
}

.btn-outline-blue.btn-outline-accent-2:hover {
    background-color: #448aff!important
}

.border-blue.border-accent-2 {
    border: 1px solid #448aff!important
}

.border-top-blue.border-top-accent-2 {
    border-top: 1px solid #448aff!important
}

.border-bottom-blue.border-bottom-accent-2 {
    border-bottom: 1px solid #448aff!important
}

.border-left-blue.border-left-accent-2 {
    border-left: 1px solid #448aff!important
}

.border-right-blue.border-right-accent-2 {
    border-right: 1px solid #448aff!important
}

.btn-blue.btn-accent-3,
.btn-blue.btn-accent-3:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-accent-2 {
    background: #448aff;
    background: rgba(68, 138, 255, .8)
}

.bg-blue.bg-accent-3,
.btn-blue.btn-accent-3 {
    background-color: #2979ff!important
}

.blue.accent-3 {
    color: #2979ff!important
}

.bg-blue.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(41, 121, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(41, 121, 255, .6)
}

.btn-blue.btn-accent-3:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-accent-3:active,
.btn-blue.btn-accent-3:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-accent-3 {
    color: #2979ff!important;
    border-color: #2979ff!important
}

.btn-outline-blue.btn-outline-accent-3:hover {
    background-color: #2979ff!important
}

.border-blue.border-accent-3 {
    border: 1px solid #2979ff!important
}

.border-top-blue.border-top-accent-3 {
    border-top: 1px solid #2979ff!important
}

.border-bottom-blue.border-bottom-accent-3 {
    border-bottom: 1px solid #2979ff!important
}

.border-left-blue.border-left-accent-3 {
    border-left: 1px solid #2979ff!important
}

.border-right-blue.border-right-accent-3 {
    border-right: 1px solid #2979ff!important
}

.btn-blue.btn-accent-4,
.btn-blue.btn-accent-4:hover {
    border-color: #1976d2!important
}

.overlay-blue.overlay-accent-3 {
    background: #2979ff;
    background: rgba(41, 121, 255, .8)
}

.bg-blue.bg-accent-4,
.btn-blue.btn-accent-4 {
    background-color: #2962ff!important
}

.blue.accent-4 {
    color: #2962ff!important
}

.bg-blue.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(41, 98, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(41, 98, 255, .6)
}

.btn-blue.btn-accent-4:hover {
    background-color: #1565c0!important
}

.btn-blue.btn-accent-4:active,
.btn-blue.btn-accent-4:focus {
    border-color: #1565c0!important;
    background-color: #0d47a1!important
}

.btn-outline-blue.btn-outline-accent-4 {
    color: #2962ff!important;
    border-color: #2962ff!important
}

.btn-outline-blue.btn-outline-accent-4:hover {
    background-color: #2962ff!important
}

input:focus~.bg-blue {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #2962ff!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #2962ff!important
}

.border-blue.border-accent-4 {
    border: 1px solid #2962ff!important
}

.border-top-blue.border-top-accent-4 {
    border-top: 1px solid #2962ff!important
}

.border-bottom-blue.border-bottom-accent-4 {
    border-bottom: 1px solid #2962ff!important
}

.border-left-blue.border-left-accent-4 {
    border-left: 1px solid #2962ff!important
}

.border-right-blue.border-right-accent-4 {
    border-right: 1px solid #2962ff!important
}

.btn-cyan.btn-lighten-5,
.btn-cyan.btn-lighten-5:hover {
    border-color: #0097a7!important
}

.overlay-blue.overlay-accent-4 {
    background: #2962ff;
    background: rgba(41, 98, 255, .8)
}

.bg-cyan.bg-lighten-5,
.btn-cyan.btn-lighten-5 {
    background-color: #e0f7fa!important
}

.cyan.lighten-5 {
    color: #e0f7fa!important
}

.bg-cyan.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(224, 247, 250, .6);
    box-shadow: 0 1px 20px 1px rgba(224, 247, 250, .6)
}

.btn-cyan.btn-lighten-5:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-lighten-5:active,
.btn-cyan.btn-lighten-5:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-lighten-5 {
    color: #e0f7fa!important;
    border-color: #e0f7fa!important
}

.btn-outline-cyan.btn-outline-lighten-5:hover {
    background-color: #e0f7fa!important
}

.border-cyan.border-lighten-5 {
    border: 1px solid #e0f7fa!important
}

.border-top-cyan.border-top-lighten-5 {
    border-top: 1px solid #e0f7fa!important
}

.border-bottom-cyan.border-bottom-lighten-5 {
    border-bottom: 1px solid #e0f7fa!important
}

.border-left-cyan.border-left-lighten-5 {
    border-left: 1px solid #e0f7fa!important
}

.border-right-cyan.border-right-lighten-5 {
    border-right: 1px solid #e0f7fa!important
}

.btn-cyan.btn-lighten-4,
.btn-cyan.btn-lighten-4:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-lighten-5 {
    background: #e0f7fa;
    background: rgba(224, 247, 250, .8)
}

.bg-cyan.bg-lighten-4,
.btn-cyan.btn-lighten-4 {
    background-color: #b2ebf2!important
}

.cyan.lighten-4 {
    color: #b2ebf2!important
}

.bg-cyan.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(178, 235, 242, .6);
    box-shadow: 0 1px 20px 1px rgba(178, 235, 242, .6)
}

.btn-cyan.btn-lighten-4:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-lighten-4:active,
.btn-cyan.btn-lighten-4:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-lighten-4 {
    color: #b2ebf2!important;
    border-color: #b2ebf2!important
}

.btn-outline-cyan.btn-outline-lighten-4:hover {
    background-color: #b2ebf2!important
}

.border-cyan.border-lighten-4 {
    border: 1px solid #b2ebf2!important
}

.border-top-cyan.border-top-lighten-4 {
    border-top: 1px solid #b2ebf2!important
}

.border-bottom-cyan.border-bottom-lighten-4 {
    border-bottom: 1px solid #b2ebf2!important
}

.border-left-cyan.border-left-lighten-4 {
    border-left: 1px solid #b2ebf2!important
}

.border-right-cyan.border-right-lighten-4 {
    border-right: 1px solid #b2ebf2!important
}

.btn-cyan.btn-lighten-3,
.btn-cyan.btn-lighten-3:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-lighten-4 {
    background: #b2ebf2;
    background: rgba(178, 235, 242, .8)
}

.bg-cyan.bg-lighten-3,
.btn-cyan.btn-lighten-3 {
    background-color: #80deea!important
}

.cyan.lighten-3 {
    color: #80deea!important
}

.bg-cyan.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(128, 222, 234, .6);
    box-shadow: 0 1px 20px 1px rgba(128, 222, 234, .6)
}

.btn-cyan.btn-lighten-3:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-lighten-3:active,
.btn-cyan.btn-lighten-3:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-lighten-3 {
    color: #80deea!important;
    border-color: #80deea!important
}

.btn-outline-cyan.btn-outline-lighten-3:hover {
    background-color: #80deea!important
}

.border-cyan.border-lighten-3 {
    border: 1px solid #80deea!important
}

.border-top-cyan.border-top-lighten-3 {
    border-top: 1px solid #80deea!important
}

.border-bottom-cyan.border-bottom-lighten-3 {
    border-bottom: 1px solid #80deea!important
}

.border-left-cyan.border-left-lighten-3 {
    border-left: 1px solid #80deea!important
}

.border-right-cyan.border-right-lighten-3 {
    border-right: 1px solid #80deea!important
}

.btn-cyan.btn-lighten-2,
.btn-cyan.btn-lighten-2:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-lighten-3 {
    background: #80deea;
    background: rgba(128, 222, 234, .8)
}

.bg-cyan.bg-lighten-2,
.btn-cyan.btn-lighten-2 {
    background-color: #4dd0e1!important
}

.cyan.lighten-2 {
    color: #4dd0e1!important
}

.bg-cyan.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(77, 208, 225, .6);
    box-shadow: 0 1px 20px 1px rgba(77, 208, 225, .6)
}

.btn-cyan.btn-lighten-2:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-lighten-2:active,
.btn-cyan.btn-lighten-2:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-lighten-2 {
    color: #4dd0e1!important;
    border-color: #4dd0e1!important
}

.btn-outline-cyan.btn-outline-lighten-2:hover {
    background-color: #4dd0e1!important
}

.border-cyan.border-lighten-2 {
    border: 1px solid #4dd0e1!important
}

.border-top-cyan.border-top-lighten-2 {
    border-top: 1px solid #4dd0e1!important
}

.border-bottom-cyan.border-bottom-lighten-2 {
    border-bottom: 1px solid #4dd0e1!important
}

.border-left-cyan.border-left-lighten-2 {
    border-left: 1px solid #4dd0e1!important
}

.border-right-cyan.border-right-lighten-2 {
    border-right: 1px solid #4dd0e1!important
}

.btn-cyan.btn-lighten-1,
.btn-cyan.btn-lighten-1:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-lighten-2 {
    background: #4dd0e1;
    background: rgba(77, 208, 225, .8)
}

.bg-cyan.bg-lighten-1,
.btn-cyan.btn-lighten-1 {
    background-color: #26c6da!important
}

.cyan.lighten-1 {
    color: #26c6da!important
}

.bg-cyan.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 198, 218, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 198, 218, .6)
}

.btn-cyan.btn-lighten-1:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-lighten-1:active,
.btn-cyan.btn-lighten-1:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-lighten-1 {
    color: #26c6da!important;
    border-color: #26c6da!important
}

.btn-outline-cyan.btn-outline-lighten-1:hover {
    background-color: #26c6da!important
}

.border-cyan.border-lighten-1 {
    border: 1px solid #26c6da!important
}

.border-top-cyan.border-top-lighten-1 {
    border-top: 1px solid #26c6da!important
}

.border-bottom-cyan.border-bottom-lighten-1 {
    border-bottom: 1px solid #26c6da!important
}

.border-left-cyan.border-left-lighten-1 {
    border-left: 1px solid #26c6da!important
}

.border-right-cyan.border-right-lighten-1 {
    border-right: 1px solid #26c6da!important
}

.overlay-cyan.overlay-lighten-1 {
    background: #26c6da;
    background: rgba(38, 198, 218, .8)
}

.cyan {
    color: #00bcd4!important
}

.alert-cyan .alert-link,
.btn-cyan {
    color: #fff
}

.bg-cyan {
    background-color: #00bcd4!important
}

.bg-cyan .card-footer,
.bg-cyan .card-header {
    background-color: transparent
}

.bg-cyan.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6)
}

body.vertical-layout[data-color=bg-cyan] .content-wrapper-before,
body.vertical-layout[data-color=bg-cyan] .navbar-container {
    background-color: #00bcd4!important
}

body.horizontal-layout[data-color=bg-cyan] .navbar-horizontal {
    background-color: #00aec5
}

.selectboxit.selectboxit-btn.bg-cyan,
body.horizontal-layout[data-color=bg-cyan] .content-wrapper-before {
    background-color: #00bcd4!important
}

.alert-cyan {
    color: #fff;
    border-color: #00aec5;
    background-color: #00aec5
}

.overlay-cyan {
    background: #00bcd4;
    background: rgba(0, 188, 212, .8)
}

.btn-cyan {
    background-color: #00bcd4
}

.btn-cyan:active,
.btn-cyan:focus,
.btn-cyan:hover {
    border-color: #00cae3;
    background-color: #00cae3;
    color: #fff
}

.btn-cyan:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302);
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302)
}

.btn-cyan:active,
.btn-cyan:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302)!important
}

.btn-cyan.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6)
}

.btn-outline-cyan {
    color: #00bcd4;
    border-color: #00bcd4;
    background-color: transparent
}

.btn-outline-cyan:hover {
    color: #fff!important;
    background-color: #00bcd4;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, .451), 0 1px 3px 1px rgba(0, 188, 212, .302)!important
}

.btn-outline-cyan.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, .6)
}

input[type=checkbox].bg-cyan+.custom-control-label:before,
input[type=radio].bg-cyan+.custom-control-label:before {
    background-color: #00bcd4!important
}

.bg-cyan.bg-darken-1,
.btn-cyan.btn-darken-1 {
    background-color: #00acc1!important
}

.border-cyan {
    border: 1px solid #00bcd4!important
}

.border-top-cyan {
    border-top: 1px solid #00bcd4
}

.border-bottom-cyan {
    border-bottom: 1px solid #00bcd4
}

.border-left-cyan {
    border-left: 1px solid #00bcd4
}

.border-right-cyan {
    border-right: 1px solid #00bcd4
}

.cyan.darken-1 {
    color: #00acc1!important
}

.bg-cyan.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 172, 193, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 172, 193, .6)
}

.btn-cyan.btn-darken-1 {
    border-color: #0097a7!important
}

.btn-cyan.btn-darken-1:hover {
    border-color: #0097a7!important;
    background-color: #00838f!important
}

.btn-cyan.btn-darken-1:active,
.btn-cyan.btn-darken-1:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-darken-1 {
    color: #00acc1!important;
    border-color: #00acc1!important
}

.btn-outline-cyan.btn-outline-darken-1:hover {
    background-color: #00acc1!important
}

.border-cyan.border-darken-1 {
    border: 1px solid #00acc1!important
}

.border-top-cyan.border-top-darken-1 {
    border-top: 1px solid #00acc1!important
}

.border-bottom-cyan.border-bottom-darken-1 {
    border-bottom: 1px solid #00acc1!important
}

.border-left-cyan.border-left-darken-1 {
    border-left: 1px solid #00acc1!important
}

.border-right-cyan.border-right-darken-1 {
    border-right: 1px solid #00acc1!important
}

.btn-cyan.btn-darken-2,
.btn-cyan.btn-darken-2:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-darken-1 {
    background: #00acc1;
    background: rgba(0, 172, 193, .8)
}

.bg-cyan.bg-darken-2,
.btn-cyan.btn-darken-2 {
    background-color: #0097a7!important
}

.cyan.darken-2 {
    color: #0097a7!important
}

.bg-cyan.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 151, 167, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 151, 167, .6)
}

.btn-cyan.btn-darken-2:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-darken-2:active,
.btn-cyan.btn-darken-2:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-darken-2 {
    color: #0097a7!important;
    border-color: #0097a7!important
}

.btn-outline-cyan.btn-outline-darken-2:hover {
    background-color: #0097a7!important
}

.border-cyan.border-darken-2 {
    border: 1px solid #0097a7!important
}

.border-top-cyan.border-top-darken-2 {
    border-top: 1px solid #0097a7!important
}

.border-bottom-cyan.border-bottom-darken-2 {
    border-bottom: 1px solid #0097a7!important
}

.border-left-cyan.border-left-darken-2 {
    border-left: 1px solid #0097a7!important
}

.border-right-cyan.border-right-darken-2 {
    border-right: 1px solid #0097a7!important
}

.overlay-cyan.overlay-darken-2 {
    background: #0097a7;
    background: rgba(0, 151, 167, .8)
}

.cyan.darken-3 {
    color: #00838f!important
}

.bg-cyan.bg-darken-3 {
    background-color: #00838f!important
}

.bg-cyan.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 131, 143, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 131, 143, .6)
}

.btn-cyan.btn-darken-3,
.btn-cyan.btn-darken-3:hover {
    border-color: #0097a7!important;
    background-color: #00838f!important
}

.btn-cyan.btn-darken-3:active,
.btn-cyan.btn-darken-3:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-darken-3 {
    color: #00838f!important;
    border-color: #00838f!important
}

.btn-outline-cyan.btn-outline-darken-3:hover {
    background-color: #00838f!important
}

.border-cyan.border-darken-3 {
    border: 1px solid #00838f!important
}

.border-top-cyan.border-top-darken-3 {
    border-top: 1px solid #00838f!important
}

.border-bottom-cyan.border-bottom-darken-3 {
    border-bottom: 1px solid #00838f!important
}

.border-left-cyan.border-left-darken-3 {
    border-left: 1px solid #00838f!important
}

.border-right-cyan.border-right-darken-3 {
    border-right: 1px solid #00838f!important
}

.btn-cyan.btn-darken-4,
.btn-cyan.btn-darken-4:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-darken-3 {
    background: #00838f;
    background: rgba(0, 131, 143, .8)
}

.bg-cyan.bg-darken-4,
.btn-cyan.btn-darken-4 {
    background-color: #006064!important
}

.cyan.darken-4 {
    color: #006064!important
}

.bg-cyan.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 96, 100, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 96, 100, .6)
}

.btn-cyan.btn-darken-4:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-darken-4:active,
.btn-cyan.btn-darken-4:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-darken-4 {
    color: #006064!important;
    border-color: #006064!important
}

.btn-outline-cyan.btn-outline-darken-4:hover {
    background-color: #006064!important
}

.border-cyan.border-darken-4 {
    border: 1px solid #006064!important
}

.border-top-cyan.border-top-darken-4 {
    border-top: 1px solid #006064!important
}

.border-bottom-cyan.border-bottom-darken-4 {
    border-bottom: 1px solid #006064!important
}

.border-left-cyan.border-left-darken-4 {
    border-left: 1px solid #006064!important
}

.border-right-cyan.border-right-darken-4 {
    border-right: 1px solid #006064!important
}

.btn-cyan.btn-accent-1,
.btn-cyan.btn-accent-1:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-darken-4 {
    background: #006064;
    background: rgba(0, 96, 100, .8)
}

.bg-cyan.bg-accent-1,
.btn-cyan.btn-accent-1 {
    background-color: #84ffff!important
}

.cyan.accent-1 {
    color: #84ffff!important
}

.bg-cyan.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(132, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(132, 255, 255, .6)
}

.btn-cyan.btn-accent-1:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-accent-1:active,
.btn-cyan.btn-accent-1:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-accent-1 {
    color: #84ffff!important;
    border-color: #84ffff!important
}

.btn-outline-cyan.btn-outline-accent-1:hover {
    background-color: #84ffff!important
}

.border-cyan.border-accent-1 {
    border: 1px solid #84ffff!important
}

.border-top-cyan.border-top-accent-1 {
    border-top: 1px solid #84ffff!important
}

.border-bottom-cyan.border-bottom-accent-1 {
    border-bottom: 1px solid #84ffff!important
}

.border-left-cyan.border-left-accent-1 {
    border-left: 1px solid #84ffff!important
}

.border-right-cyan.border-right-accent-1 {
    border-right: 1px solid #84ffff!important
}

.btn-cyan.btn-accent-2,
.btn-cyan.btn-accent-2:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-accent-1 {
    background: #84ffff;
    background: rgba(132, 255, 255, .8)
}

.bg-cyan.bg-accent-2,
.btn-cyan.btn-accent-2 {
    background-color: #18ffff!important
}

.cyan.accent-2 {
    color: #18ffff!important
}

.bg-cyan.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(24, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(24, 255, 255, .6)
}

.btn-cyan.btn-accent-2:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-accent-2:active,
.btn-cyan.btn-accent-2:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-accent-2 {
    color: #18ffff!important;
    border-color: #18ffff!important
}

.btn-outline-cyan.btn-outline-accent-2:hover {
    background-color: #18ffff!important
}

.border-cyan.border-accent-2 {
    border: 1px solid #18ffff!important
}

.border-top-cyan.border-top-accent-2 {
    border-top: 1px solid #18ffff!important
}

.border-bottom-cyan.border-bottom-accent-2 {
    border-bottom: 1px solid #18ffff!important
}

.border-left-cyan.border-left-accent-2 {
    border-left: 1px solid #18ffff!important
}

.border-right-cyan.border-right-accent-2 {
    border-right: 1px solid #18ffff!important
}

.btn-cyan.btn-accent-3,
.btn-cyan.btn-accent-3:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-accent-2 {
    background: #18ffff;
    background: rgba(24, 255, 255, .8)
}

.bg-cyan.bg-accent-3,
.btn-cyan.btn-accent-3 {
    background-color: #00e5ff!important
}

.cyan.accent-3 {
    color: #00e5ff!important
}

.bg-cyan.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 229, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 229, 255, .6)
}

.btn-cyan.btn-accent-3:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-accent-3:active,
.btn-cyan.btn-accent-3:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-accent-3 {
    color: #00e5ff!important;
    border-color: #00e5ff!important
}

.btn-outline-cyan.btn-outline-accent-3:hover {
    background-color: #00e5ff!important
}

.border-cyan.border-accent-3 {
    border: 1px solid #00e5ff!important
}

.border-top-cyan.border-top-accent-3 {
    border-top: 1px solid #00e5ff!important
}

.border-bottom-cyan.border-bottom-accent-3 {
    border-bottom: 1px solid #00e5ff!important
}

.border-left-cyan.border-left-accent-3 {
    border-left: 1px solid #00e5ff!important
}

.border-right-cyan.border-right-accent-3 {
    border-right: 1px solid #00e5ff!important
}

.btn-cyan.btn-accent-4,
.btn-cyan.btn-accent-4:hover {
    border-color: #0097a7!important
}

.overlay-cyan.overlay-accent-3 {
    background: #00e5ff;
    background: rgba(0, 229, 255, .8)
}

.bg-cyan.bg-accent-4,
.btn-cyan.btn-accent-4 {
    background-color: #00b8d4!important
}

.cyan.accent-4 {
    color: #00b8d4!important
}

.bg-cyan.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 184, 212, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 184, 212, .6)
}

.btn-cyan.btn-accent-4:hover {
    background-color: #00838f!important
}

.btn-cyan.btn-accent-4:active,
.btn-cyan.btn-accent-4:focus {
    border-color: #00838f!important;
    background-color: #006064!important
}

.btn-outline-cyan.btn-outline-accent-4 {
    color: #00b8d4!important;
    border-color: #00b8d4!important
}

.btn-outline-cyan.btn-outline-accent-4:hover {
    background-color: #00b8d4!important
}

input:focus~.bg-cyan {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #00b8d4!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #00b8d4!important
}

.border-cyan.border-accent-4 {
    border: 1px solid #00b8d4!important
}

.border-top-cyan.border-top-accent-4 {
    border-top: 1px solid #00b8d4!important
}

.border-bottom-cyan.border-bottom-accent-4 {
    border-bottom: 1px solid #00b8d4!important
}

.border-left-cyan.border-left-accent-4 {
    border-left: 1px solid #00b8d4!important
}

.border-right-cyan.border-right-accent-4 {
    border-right: 1px solid #00b8d4!important
}

.btn-teal.btn-lighten-5,
.btn-teal.btn-lighten-5:hover {
    border-color: #00796b!important
}

.overlay-cyan.overlay-accent-4 {
    background: #00b8d4;
    background: rgba(0, 184, 212, .8)
}

.bg-teal.bg-lighten-5,
.btn-teal.btn-lighten-5 {
    background-color: #e0f2f1!important
}

.teal.lighten-5 {
    color: #e0f2f1!important
}

.bg-teal.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(224, 242, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(224, 242, 241, .6)
}

.btn-teal.btn-lighten-5:hover {
    background-color: #00695c!important
}

.btn-teal.btn-lighten-5:active,
.btn-teal.btn-lighten-5:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-lighten-5 {
    color: #e0f2f1!important;
    border-color: #e0f2f1!important
}

.btn-outline-teal.btn-outline-lighten-5:hover {
    background-color: #e0f2f1!important
}

.border-teal.border-lighten-5 {
    border: 1px solid #e0f2f1!important
}

.border-top-teal.border-top-lighten-5 {
    border-top: 1px solid #e0f2f1!important
}

.border-bottom-teal.border-bottom-lighten-5 {
    border-bottom: 1px solid #e0f2f1!important
}

.border-left-teal.border-left-lighten-5 {
    border-left: 1px solid #e0f2f1!important
}

.border-right-teal.border-right-lighten-5 {
    border-right: 1px solid #e0f2f1!important
}

.btn-teal.btn-lighten-4,
.btn-teal.btn-lighten-4:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-lighten-5 {
    background: #e0f2f1;
    background: rgba(224, 242, 241, .8)
}

.bg-teal.bg-lighten-4,
.btn-teal.btn-lighten-4 {
    background-color: #b2dfdb!important
}

.teal.lighten-4 {
    color: #b2dfdb!important
}

.bg-teal.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(178, 223, 219, .6);
    box-shadow: 0 1px 20px 1px rgba(178, 223, 219, .6)
}

.btn-teal.btn-lighten-4:hover {
    background-color: #00695c!important
}

.btn-teal.btn-lighten-4:active,
.btn-teal.btn-lighten-4:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-lighten-4 {
    color: #b2dfdb!important;
    border-color: #b2dfdb!important
}

.btn-outline-teal.btn-outline-lighten-4:hover {
    background-color: #b2dfdb!important
}

.border-teal.border-lighten-4 {
    border: 1px solid #b2dfdb!important
}

.border-top-teal.border-top-lighten-4 {
    border-top: 1px solid #b2dfdb!important
}

.border-bottom-teal.border-bottom-lighten-4 {
    border-bottom: 1px solid #b2dfdb!important
}

.border-left-teal.border-left-lighten-4 {
    border-left: 1px solid #b2dfdb!important
}

.border-right-teal.border-right-lighten-4 {
    border-right: 1px solid #b2dfdb!important
}

.btn-teal.btn-lighten-3,
.btn-teal.btn-lighten-3:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-lighten-4 {
    background: #b2dfdb;
    background: rgba(178, 223, 219, .8)
}

.bg-teal.bg-lighten-3,
.btn-teal.btn-lighten-3 {
    background-color: #80cbc4!important
}

.teal.lighten-3 {
    color: #80cbc4!important
}

.bg-teal.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(128, 203, 196, .6);
    box-shadow: 0 1px 20px 1px rgba(128, 203, 196, .6)
}

.btn-teal.btn-lighten-3:hover {
    background-color: #00695c!important
}

.btn-teal.btn-lighten-3:active,
.btn-teal.btn-lighten-3:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-lighten-3 {
    color: #80cbc4!important;
    border-color: #80cbc4!important
}

.btn-outline-teal.btn-outline-lighten-3:hover {
    background-color: #80cbc4!important
}

.border-teal.border-lighten-3 {
    border: 1px solid #80cbc4!important
}

.border-top-teal.border-top-lighten-3 {
    border-top: 1px solid #80cbc4!important
}

.border-bottom-teal.border-bottom-lighten-3 {
    border-bottom: 1px solid #80cbc4!important
}

.border-left-teal.border-left-lighten-3 {
    border-left: 1px solid #80cbc4!important
}

.border-right-teal.border-right-lighten-3 {
    border-right: 1px solid #80cbc4!important
}

.btn-teal.btn-lighten-2,
.btn-teal.btn-lighten-2:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-lighten-3 {
    background: #80cbc4;
    background: rgba(128, 203, 196, .8)
}

.bg-teal.bg-lighten-2,
.btn-teal.btn-lighten-2 {
    background-color: #4db6ac!important
}

.teal.lighten-2 {
    color: #4db6ac!important
}

.bg-teal.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(77, 182, 172, .6);
    box-shadow: 0 1px 20px 1px rgba(77, 182, 172, .6)
}

.btn-teal.btn-lighten-2:hover {
    background-color: #00695c!important
}

.btn-teal.btn-lighten-2:active,
.btn-teal.btn-lighten-2:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-lighten-2 {
    color: #4db6ac!important;
    border-color: #4db6ac!important
}

.btn-outline-teal.btn-outline-lighten-2:hover {
    background-color: #4db6ac!important
}

.border-teal.border-lighten-2 {
    border: 1px solid #4db6ac!important
}

.border-top-teal.border-top-lighten-2 {
    border-top: 1px solid #4db6ac!important
}

.border-bottom-teal.border-bottom-lighten-2 {
    border-bottom: 1px solid #4db6ac!important
}

.border-left-teal.border-left-lighten-2 {
    border-left: 1px solid #4db6ac!important
}

.border-right-teal.border-right-lighten-2 {
    border-right: 1px solid #4db6ac!important
}

.btn-teal.btn-lighten-1,
.btn-teal.btn-lighten-1:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-lighten-2 {
    background: #4db6ac;
    background: rgba(77, 182, 172, .8)
}

.bg-teal.bg-lighten-1,
.btn-teal.btn-lighten-1 {
    background-color: #26a69a!important
}

.teal.lighten-1 {
    color: #26a69a!important
}

.bg-teal.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 166, 154, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 166, 154, .6)
}

.btn-teal.btn-lighten-1:hover {
    background-color: #00695c!important
}

.btn-teal.btn-lighten-1:active,
.btn-teal.btn-lighten-1:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-lighten-1 {
    color: #26a69a!important;
    border-color: #26a69a!important
}

.btn-outline-teal.btn-outline-lighten-1:hover {
    background-color: #26a69a!important
}

.border-teal.border-lighten-1 {
    border: 1px solid #26a69a!important
}

.border-top-teal.border-top-lighten-1 {
    border-top: 1px solid #26a69a!important
}

.border-bottom-teal.border-bottom-lighten-1 {
    border-bottom: 1px solid #26a69a!important
}

.border-left-teal.border-left-lighten-1 {
    border-left: 1px solid #26a69a!important
}

.border-right-teal.border-right-lighten-1 {
    border-right: 1px solid #26a69a!important
}

.overlay-teal.overlay-lighten-1 {
    background: #26a69a;
    background: rgba(38, 166, 154, .8)
}

.teal {
    color: #009688!important
}

.alert-teal .alert-link,
.btn-teal {
    color: #fff
}

.bg-teal {
    background-color: #009688!important
}

.bg-teal .card-footer,
.bg-teal .card-header {
    background-color: transparent
}

.bg-teal.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6)
}

body.vertical-layout[data-color=bg-teal] .content-wrapper-before,
body.vertical-layout[data-color=bg-teal] .navbar-container {
    background-color: #009688!important
}

body.horizontal-layout[data-color=bg-teal] .navbar-horizontal {
    background-color: #00877a
}

.selectboxit.selectboxit-btn.bg-teal,
body.horizontal-layout[data-color=bg-teal] .content-wrapper-before {
    background-color: #009688!important
}

.alert-teal {
    color: #fff;
    border-color: #00877a;
    background-color: #00877a
}

.overlay-teal {
    background: #009688;
    background: rgba(0, 150, 136, .8)
}

.btn-teal {
    background-color: #009688
}

.btn-teal:active,
.btn-teal:focus,
.btn-teal:hover {
    border-color: #00a596;
    background-color: #00a596;
    color: #fff
}

.btn-teal:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302);
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302)
}

.btn-teal:active,
.btn-teal:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302)!important
}

.btn-teal.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6)
}

.btn-outline-teal {
    color: #009688;
    border-color: #009688;
    background-color: transparent
}

.btn-outline-teal:hover {
    color: #fff!important;
    background-color: #009688;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, .451), 0 1px 3px 1px rgba(0, 150, 136, .302)!important
}

.btn-outline-teal.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, .6)
}

input[type=checkbox].bg-teal+.custom-control-label:before,
input[type=radio].bg-teal+.custom-control-label:before {
    background-color: #009688!important
}

.bg-teal.bg-darken-1,
.btn-teal.btn-darken-1 {
    background-color: #00897b!important
}

.border-teal {
    border: 1px solid #009688!important
}

.border-top-teal {
    border-top: 1px solid #009688
}

.border-bottom-teal {
    border-bottom: 1px solid #009688
}

.border-left-teal {
    border-left: 1px solid #009688
}

.border-right-teal {
    border-right: 1px solid #009688
}

.teal.darken-1 {
    color: #00897b!important
}

.bg-teal.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 137, 123, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 137, 123, .6)
}

.btn-teal.btn-darken-1 {
    border-color: #00796b!important
}

.btn-teal.btn-darken-1:hover {
    border-color: #00796b!important;
    background-color: #00695c!important
}

.btn-teal.btn-darken-1:active,
.btn-teal.btn-darken-1:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-darken-1 {
    color: #00897b!important;
    border-color: #00897b!important
}

.btn-outline-teal.btn-outline-darken-1:hover {
    background-color: #00897b!important
}

.border-teal.border-darken-1 {
    border: 1px solid #00897b!important
}

.border-top-teal.border-top-darken-1 {
    border-top: 1px solid #00897b!important
}

.border-bottom-teal.border-bottom-darken-1 {
    border-bottom: 1px solid #00897b!important
}

.border-left-teal.border-left-darken-1 {
    border-left: 1px solid #00897b!important
}

.border-right-teal.border-right-darken-1 {
    border-right: 1px solid #00897b!important
}

.btn-teal.btn-darken-2,
.btn-teal.btn-darken-2:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-darken-1 {
    background: #00897b;
    background: rgba(0, 137, 123, .8)
}

.bg-teal.bg-darken-2,
.btn-teal.btn-darken-2 {
    background-color: #00796b!important
}

.teal.darken-2 {
    color: #00796b!important
}

.bg-teal.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 121, 107, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 121, 107, .6)
}

.btn-teal.btn-darken-2:hover {
    background-color: #00695c!important
}

.btn-teal.btn-darken-2:active,
.btn-teal.btn-darken-2:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-darken-2 {
    color: #00796b!important;
    border-color: #00796b!important
}

.btn-outline-teal.btn-outline-darken-2:hover {
    background-color: #00796b!important
}

.border-teal.border-darken-2 {
    border: 1px solid #00796b!important
}

.border-top-teal.border-top-darken-2 {
    border-top: 1px solid #00796b!important
}

.border-bottom-teal.border-bottom-darken-2 {
    border-bottom: 1px solid #00796b!important
}

.border-left-teal.border-left-darken-2 {
    border-left: 1px solid #00796b!important
}

.border-right-teal.border-right-darken-2 {
    border-right: 1px solid #00796b!important
}

.overlay-teal.overlay-darken-2 {
    background: #00796b;
    background: rgba(0, 121, 107, .8)
}

.teal.darken-3 {
    color: #00695c!important
}

.bg-teal.bg-darken-3 {
    background-color: #00695c!important
}

.bg-teal.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 105, 92, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 105, 92, .6)
}

.btn-teal.btn-darken-3,
.btn-teal.btn-darken-3:hover {
    border-color: #00796b!important;
    background-color: #00695c!important
}

.btn-teal.btn-darken-3:active,
.btn-teal.btn-darken-3:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-darken-3 {
    color: #00695c!important;
    border-color: #00695c!important
}

.btn-outline-teal.btn-outline-darken-3:hover {
    background-color: #00695c!important
}

.border-teal.border-darken-3 {
    border: 1px solid #00695c!important
}

.border-top-teal.border-top-darken-3 {
    border-top: 1px solid #00695c!important
}

.border-bottom-teal.border-bottom-darken-3 {
    border-bottom: 1px solid #00695c!important
}

.border-left-teal.border-left-darken-3 {
    border-left: 1px solid #00695c!important
}

.border-right-teal.border-right-darken-3 {
    border-right: 1px solid #00695c!important
}

.btn-teal.btn-darken-4,
.btn-teal.btn-darken-4:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-darken-3 {
    background: #00695c;
    background: rgba(0, 105, 92, .8)
}

.bg-teal.bg-darken-4,
.btn-teal.btn-darken-4 {
    background-color: #004d40!important
}

.teal.darken-4 {
    color: #004d40!important
}

.bg-teal.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 77, 64, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 77, 64, .6)
}

.btn-teal.btn-darken-4:hover {
    background-color: #00695c!important
}

.btn-teal.btn-darken-4:active,
.btn-teal.btn-darken-4:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-darken-4 {
    color: #004d40!important;
    border-color: #004d40!important
}

.btn-outline-teal.btn-outline-darken-4:hover {
    background-color: #004d40!important
}

.border-teal.border-darken-4 {
    border: 1px solid #004d40!important
}

.border-top-teal.border-top-darken-4 {
    border-top: 1px solid #004d40!important
}

.border-bottom-teal.border-bottom-darken-4 {
    border-bottom: 1px solid #004d40!important
}

.border-left-teal.border-left-darken-4 {
    border-left: 1px solid #004d40!important
}

.border-right-teal.border-right-darken-4 {
    border-right: 1px solid #004d40!important
}

.btn-teal.btn-accent-1,
.btn-teal.btn-accent-1:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-darken-4 {
    background: #004d40;
    background: rgba(0, 77, 64, .8)
}

.bg-teal.bg-accent-1,
.btn-teal.btn-accent-1 {
    background-color: #a7ffeb!important
}

.teal.accent-1 {
    color: #a7ffeb!important
}

.bg-teal.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(167, 255, 235, .6);
    box-shadow: 0 1px 20px 1px rgba(167, 255, 235, .6)
}

.btn-teal.btn-accent-1:hover {
    background-color: #00695c!important
}

.btn-teal.btn-accent-1:active,
.btn-teal.btn-accent-1:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-accent-1 {
    color: #a7ffeb!important;
    border-color: #a7ffeb!important
}

.btn-outline-teal.btn-outline-accent-1:hover {
    background-color: #a7ffeb!important
}

.border-teal.border-accent-1 {
    border: 1px solid #a7ffeb!important
}

.border-top-teal.border-top-accent-1 {
    border-top: 1px solid #a7ffeb!important
}

.border-bottom-teal.border-bottom-accent-1 {
    border-bottom: 1px solid #a7ffeb!important
}

.border-left-teal.border-left-accent-1 {
    border-left: 1px solid #a7ffeb!important
}

.border-right-teal.border-right-accent-1 {
    border-right: 1px solid #a7ffeb!important
}

.btn-teal.btn-accent-2,
.btn-teal.btn-accent-2:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-accent-1 {
    background: #a7ffeb;
    background: rgba(167, 255, 235, .8)
}

.bg-teal.bg-accent-2,
.btn-teal.btn-accent-2 {
    background-color: #64ffda!important
}

.teal.accent-2 {
    color: #64ffda!important
}

.bg-teal.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(100, 255, 218, .6);
    box-shadow: 0 1px 20px 1px rgba(100, 255, 218, .6)
}

.btn-teal.btn-accent-2:hover {
    background-color: #00695c!important
}

.btn-teal.btn-accent-2:active,
.btn-teal.btn-accent-2:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-accent-2 {
    color: #64ffda!important;
    border-color: #64ffda!important
}

.btn-outline-teal.btn-outline-accent-2:hover {
    background-color: #64ffda!important
}

.border-teal.border-accent-2 {
    border: 1px solid #64ffda!important
}

.border-top-teal.border-top-accent-2 {
    border-top: 1px solid #64ffda!important
}

.border-bottom-teal.border-bottom-accent-2 {
    border-bottom: 1px solid #64ffda!important
}

.border-left-teal.border-left-accent-2 {
    border-left: 1px solid #64ffda!important
}

.border-right-teal.border-right-accent-2 {
    border-right: 1px solid #64ffda!important
}

.btn-teal.btn-accent-3,
.btn-teal.btn-accent-3:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-accent-2 {
    background: #64ffda;
    background: rgba(100, 255, 218, .8)
}

.bg-teal.bg-accent-3,
.btn-teal.btn-accent-3 {
    background-color: #1de9b6!important
}

.teal.accent-3 {
    color: #1de9b6!important
}

.bg-teal.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(29, 233, 182, .6);
    box-shadow: 0 1px 20px 1px rgba(29, 233, 182, .6)
}

.btn-teal.btn-accent-3:hover {
    background-color: #00695c!important
}

.btn-teal.btn-accent-3:active,
.btn-teal.btn-accent-3:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-accent-3 {
    color: #1de9b6!important;
    border-color: #1de9b6!important
}

.btn-outline-teal.btn-outline-accent-3:hover {
    background-color: #1de9b6!important
}

.border-teal.border-accent-3 {
    border: 1px solid #1de9b6!important
}

.border-top-teal.border-top-accent-3 {
    border-top: 1px solid #1de9b6!important
}

.border-bottom-teal.border-bottom-accent-3 {
    border-bottom: 1px solid #1de9b6!important
}

.border-left-teal.border-left-accent-3 {
    border-left: 1px solid #1de9b6!important
}

.border-right-teal.border-right-accent-3 {
    border-right: 1px solid #1de9b6!important
}

.btn-teal.btn-accent-4,
.btn-teal.btn-accent-4:hover {
    border-color: #00796b!important
}

.overlay-teal.overlay-accent-3 {
    background: #1de9b6;
    background: rgba(29, 233, 182, .8)
}

.bg-teal.bg-accent-4,
.btn-teal.btn-accent-4 {
    background-color: #00bfa5!important
}

.teal.accent-4 {
    color: #00bfa5!important
}

.bg-teal.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 191, 165, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 191, 165, .6)
}

.btn-teal.btn-accent-4:hover {
    background-color: #00695c!important
}

.btn-teal.btn-accent-4:active,
.btn-teal.btn-accent-4:focus {
    border-color: #00695c!important;
    background-color: #004d40!important
}

.btn-outline-teal.btn-outline-accent-4 {
    color: #00bfa5!important;
    border-color: #00bfa5!important
}

.btn-outline-teal.btn-outline-accent-4:hover {
    background-color: #00bfa5!important
}

input:focus~.bg-teal {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #00bfa5!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #00bfa5!important
}

.border-teal.border-accent-4 {
    border: 1px solid #00bfa5!important
}

.border-top-teal.border-top-accent-4 {
    border-top: 1px solid #00bfa5!important
}

.border-bottom-teal.border-bottom-accent-4 {
    border-bottom: 1px solid #00bfa5!important
}

.border-left-teal.border-left-accent-4 {
    border-left: 1px solid #00bfa5!important
}

.border-right-teal.border-right-accent-4 {
    border-right: 1px solid #00bfa5!important
}

.overlay-teal.overlay-accent-4 {
    background: #00bfa5;
    background: rgba(0, 191, 165, .8)
}

.bg-yellow.bg-lighten-5,
.btn-yellow.btn-lighten-5 {
    background-color: #fffde7!important
}

.yellow.lighten-5 {
    color: #fffde7!important
}

.bg-yellow.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 253, 231, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 253, 231, .6)
}

.btn-yellow.btn-lighten-5 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-lighten-5:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-lighten-5:active,
.btn-yellow.btn-lighten-5:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-lighten-5 {
    color: #fffde7!important;
    border-color: #fffde7!important
}

.btn-outline-yellow.btn-outline-lighten-5:hover {
    background-color: #fffde7!important
}

.border-yellow.border-lighten-5 {
    border: 1px solid #fffde7!important
}

.border-top-yellow.border-top-lighten-5 {
    border-top: 1px solid #fffde7!important
}

.border-bottom-yellow.border-bottom-lighten-5 {
    border-bottom: 1px solid #fffde7!important
}

.border-left-yellow.border-left-lighten-5 {
    border-left: 1px solid #fffde7!important
}

.border-right-yellow.border-right-lighten-5 {
    border-right: 1px solid #fffde7!important
}

.overlay-yellow.overlay-lighten-5 {
    background: #fffde7;
    background: rgba(255, 253, 231, .8)
}

.bg-yellow.bg-lighten-4,
.btn-yellow.btn-lighten-4 {
    background-color: #fff9c4!important
}

.yellow.lighten-4 {
    color: #fff9c4!important
}

.bg-yellow.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 249, 196, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 249, 196, .6)
}

.btn-yellow.btn-lighten-4 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-lighten-4:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-lighten-4:active,
.btn-yellow.btn-lighten-4:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-lighten-4 {
    color: #fff9c4!important;
    border-color: #fff9c4!important
}

.btn-outline-yellow.btn-outline-lighten-4:hover {
    background-color: #fff9c4!important
}

.border-yellow.border-lighten-4 {
    border: 1px solid #fff9c4!important
}

.border-top-yellow.border-top-lighten-4 {
    border-top: 1px solid #fff9c4!important
}

.border-bottom-yellow.border-bottom-lighten-4 {
    border-bottom: 1px solid #fff9c4!important
}

.border-left-yellow.border-left-lighten-4 {
    border-left: 1px solid #fff9c4!important
}

.border-right-yellow.border-right-lighten-4 {
    border-right: 1px solid #fff9c4!important
}

.overlay-yellow.overlay-lighten-4 {
    background: #fff9c4;
    background: rgba(255, 249, 196, .8)
}

.bg-yellow.bg-lighten-3,
.btn-yellow.btn-lighten-3 {
    background-color: #fff59d!important
}

.yellow.lighten-3 {
    color: #fff59d!important
}

.bg-yellow.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 245, 157, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 245, 157, .6)
}

.btn-yellow.btn-lighten-3 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-lighten-3:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-lighten-3:active,
.btn-yellow.btn-lighten-3:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-lighten-3 {
    color: #fff59d!important;
    border-color: #fff59d!important
}

.btn-outline-yellow.btn-outline-lighten-3:hover {
    background-color: #fff59d!important
}

.border-yellow.border-lighten-3 {
    border: 1px solid #fff59d!important
}

.border-top-yellow.border-top-lighten-3 {
    border-top: 1px solid #fff59d!important
}

.border-bottom-yellow.border-bottom-lighten-3 {
    border-bottom: 1px solid #fff59d!important
}

.border-left-yellow.border-left-lighten-3 {
    border-left: 1px solid #fff59d!important
}

.border-right-yellow.border-right-lighten-3 {
    border-right: 1px solid #fff59d!important
}

.overlay-yellow.overlay-lighten-3 {
    background: #fff59d;
    background: rgba(255, 245, 157, .8)
}

.bg-yellow.bg-lighten-2,
.btn-yellow.btn-lighten-2 {
    background-color: #fff176!important
}

.yellow.lighten-2 {
    color: #fff176!important
}

.bg-yellow.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 241, 118, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 241, 118, .6)
}

.btn-yellow.btn-lighten-2 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-lighten-2:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-lighten-2:active,
.btn-yellow.btn-lighten-2:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-lighten-2 {
    color: #fff176!important;
    border-color: #fff176!important
}

.btn-outline-yellow.btn-outline-lighten-2:hover {
    background-color: #fff176!important
}

.border-yellow.border-lighten-2 {
    border: 1px solid #fff176!important
}

.border-top-yellow.border-top-lighten-2 {
    border-top: 1px solid #fff176!important
}

.border-bottom-yellow.border-bottom-lighten-2 {
    border-bottom: 1px solid #fff176!important
}

.border-left-yellow.border-left-lighten-2 {
    border-left: 1px solid #fff176!important
}

.border-right-yellow.border-right-lighten-2 {
    border-right: 1px solid #fff176!important
}

.overlay-yellow.overlay-lighten-2 {
    background: #fff176;
    background: rgba(255, 241, 118, .8)
}

.bg-yellow.bg-lighten-1,
.btn-yellow.btn-lighten-1 {
    background-color: #ffee58!important
}

.yellow.lighten-1 {
    color: #ffee58!important
}

.bg-yellow.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 238, 88, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 238, 88, .6)
}

.btn-yellow.btn-lighten-1 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-lighten-1:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-lighten-1:active,
.btn-yellow.btn-lighten-1:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-lighten-1 {
    color: #ffee58!important;
    border-color: #ffee58!important
}

.btn-outline-yellow.btn-outline-lighten-1:hover {
    background-color: #ffee58!important
}

.border-yellow.border-lighten-1 {
    border: 1px solid #ffee58!important
}

.border-top-yellow.border-top-lighten-1 {
    border-top: 1px solid #ffee58!important
}

.border-bottom-yellow.border-bottom-lighten-1 {
    border-bottom: 1px solid #ffee58!important
}

.border-left-yellow.border-left-lighten-1 {
    border-left: 1px solid #ffee58!important
}

.border-right-yellow.border-right-lighten-1 {
    border-right: 1px solid #ffee58!important
}

.overlay-yellow.overlay-lighten-1 {
    background: #ffee58;
    background: rgba(255, 238, 88, .8)
}

.yellow {
    color: #ffeb3b!important
}

.bg-yellow {
    background-color: #ffeb3b!important
}

.bg-yellow .card-footer,
.bg-yellow .card-header {
    background-color: transparent
}

.bg-yellow.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6)
}

body.vertical-layout[data-color=bg-yellow] .content-wrapper-before,
body.vertical-layout[data-color=bg-yellow] .navbar-container {
    background-color: #ffeb3b!important
}

body.horizontal-layout[data-color=bg-yellow] .navbar-horizontal {
    background-color: #ffe92c
}

.selectboxit.selectboxit-btn.bg-yellow,
body.horizontal-layout[data-color=bg-yellow] .content-wrapper-before {
    background-color: #ffeb3b!important
}

.alert-yellow {
    color: #fff;
    border-color: #ffe92c;
    background-color: #ffe92c
}

.alert-yellow .alert-link {
    color: #fff
}

.overlay-yellow {
    background: #ffeb3b;
    background: rgba(255, 235, 59, .8)
}

.btn-yellow {
    color: #fff;
    background-color: #ffeb3b
}

.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:hover {
    border-color: #ffed4a;
    background-color: #ffed4a;
    color: #fff
}

.btn-yellow:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302);
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302)
}

.btn-yellow:active,
.btn-yellow:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302)!important
}

.btn-yellow.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6)
}

.btn-outline-yellow {
    color: #ffeb3b;
    border-color: #ffeb3b;
    background-color: transparent
}

.btn-outline-yellow:hover {
    color: #fff!important;
    background-color: #ffeb3b;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, .451), 0 1px 3px 1px rgba(255, 235, 59, .302)!important
}

.btn-outline-yellow.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, .6)
}

input[type=checkbox].bg-yellow+.custom-control-label:before,
input[type=radio].bg-yellow+.custom-control-label:before {
    background-color: #ffeb3b!important
}

.bg-yellow.bg-darken-1,
.btn-yellow.btn-darken-1 {
    background-color: #fdd835!important
}

.border-yellow {
    border: 1px solid #ffeb3b!important
}

.border-top-yellow {
    border-top: 1px solid #ffeb3b
}

.border-bottom-yellow {
    border-bottom: 1px solid #ffeb3b
}

.border-left-yellow {
    border-left: 1px solid #ffeb3b
}

.border-right-yellow {
    border-right: 1px solid #ffeb3b
}

.yellow.darken-1 {
    color: #fdd835!important
}

.bg-yellow.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 216, 53, .6);
    box-shadow: 0 1px 20px 1px rgba(253, 216, 53, .6)
}

.btn-yellow.btn-darken-1 {
    border-color: #fbc02d!important
}

.btn-yellow.btn-darken-1:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-darken-1:active,
.btn-yellow.btn-darken-1:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-darken-1 {
    color: #fdd835!important;
    border-color: #fdd835!important
}

.btn-outline-yellow.btn-outline-darken-1:hover {
    background-color: #fdd835!important
}

.border-yellow.border-darken-1 {
    border: 1px solid #fdd835!important
}

.border-top-yellow.border-top-darken-1 {
    border-top: 1px solid #fdd835!important
}

.border-bottom-yellow.border-bottom-darken-1 {
    border-bottom: 1px solid #fdd835!important
}

.border-left-yellow.border-left-darken-1 {
    border-left: 1px solid #fdd835!important
}

.border-right-yellow.border-right-darken-1 {
    border-right: 1px solid #fdd835!important
}

.btn-yellow.btn-darken-2,
.btn-yellow.btn-darken-2:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-darken-1 {
    background: #fdd835;
    background: rgba(253, 216, 53, .8)
}

.bg-yellow.bg-darken-2,
.btn-yellow.btn-darken-2 {
    background-color: #fbc02d!important
}

.yellow.darken-2 {
    color: #fbc02d!important
}

.bg-yellow.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(251, 192, 45, .6);
    box-shadow: 0 1px 20px 1px rgba(251, 192, 45, .6)
}

.btn-yellow.btn-darken-2:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-darken-2:active,
.btn-yellow.btn-darken-2:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-darken-2 {
    color: #fbc02d!important;
    border-color: #fbc02d!important
}

.btn-outline-yellow.btn-outline-darken-2:hover {
    background-color: #fbc02d!important
}

.border-yellow.border-darken-2 {
    border: 1px solid #fbc02d!important
}

.border-top-yellow.border-top-darken-2 {
    border-top: 1px solid #fbc02d!important
}

.border-bottom-yellow.border-bottom-darken-2 {
    border-bottom: 1px solid #fbc02d!important
}

.border-left-yellow.border-left-darken-2 {
    border-left: 1px solid #fbc02d!important
}

.border-right-yellow.border-right-darken-2 {
    border-right: 1px solid #fbc02d!important
}

.overlay-yellow.overlay-darken-2 {
    background: #fbc02d;
    background: rgba(251, 192, 45, .8)
}

.yellow.darken-3 {
    color: #f9a825!important
}

.bg-yellow.bg-darken-3 {
    background-color: #f9a825!important
}

.bg-yellow.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(249, 168, 37, .6);
    box-shadow: 0 1px 20px 1px rgba(249, 168, 37, .6)
}

.btn-yellow.btn-darken-3,
.btn-yellow.btn-darken-3:hover {
    border-color: #fbc02d!important;
    background-color: #f9a825!important
}

.btn-yellow.btn-darken-3:active,
.btn-yellow.btn-darken-3:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-darken-3 {
    color: #f9a825!important;
    border-color: #f9a825!important
}

.btn-outline-yellow.btn-outline-darken-3:hover {
    background-color: #f9a825!important
}

.border-yellow.border-darken-3 {
    border: 1px solid #f9a825!important
}

.border-top-yellow.border-top-darken-3 {
    border-top: 1px solid #f9a825!important
}

.border-bottom-yellow.border-bottom-darken-3 {
    border-bottom: 1px solid #f9a825!important
}

.border-left-yellow.border-left-darken-3 {
    border-left: 1px solid #f9a825!important
}

.border-right-yellow.border-right-darken-3 {
    border-right: 1px solid #f9a825!important
}

.btn-yellow.btn-darken-4,
.btn-yellow.btn-darken-4:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-darken-3 {
    background: #f9a825;
    background: rgba(249, 168, 37, .8)
}

.bg-yellow.bg-darken-4,
.btn-yellow.btn-darken-4 {
    background-color: #f57f17!important
}

.yellow.darken-4 {
    color: #f57f17!important
}

.bg-yellow.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(245, 127, 23, .6);
    box-shadow: 0 1px 20px 1px rgba(245, 127, 23, .6)
}

.btn-yellow.btn-darken-4:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-darken-4:active,
.btn-yellow.btn-darken-4:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-darken-4 {
    color: #f57f17!important;
    border-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-darken-4:hover {
    background-color: #f57f17!important
}

.border-yellow.border-darken-4 {
    border: 1px solid #f57f17!important
}

.border-top-yellow.border-top-darken-4 {
    border-top: 1px solid #f57f17!important
}

.border-bottom-yellow.border-bottom-darken-4 {
    border-bottom: 1px solid #f57f17!important
}

.border-left-yellow.border-left-darken-4 {
    border-left: 1px solid #f57f17!important
}

.border-right-yellow.border-right-darken-4 {
    border-right: 1px solid #f57f17!important
}

.btn-yellow.btn-accent-1,
.btn-yellow.btn-accent-1:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-darken-4 {
    background: #f57f17;
    background: rgba(245, 127, 23, .8)
}

.bg-yellow.bg-accent-1,
.btn-yellow.btn-accent-1 {
    background-color: #ffff8d!important
}

.yellow.accent-1 {
    color: #ffff8d!important
}

.bg-yellow.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 141, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 141, .6)
}

.btn-yellow.btn-accent-1:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-accent-1:active,
.btn-yellow.btn-accent-1:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-accent-1 {
    color: #ffff8d!important;
    border-color: #ffff8d!important
}

.btn-outline-yellow.btn-outline-accent-1:hover {
    background-color: #ffff8d!important
}

.border-yellow.border-accent-1 {
    border: 1px solid #ffff8d!important
}

.border-top-yellow.border-top-accent-1 {
    border-top: 1px solid #ffff8d!important
}

.border-bottom-yellow.border-bottom-accent-1 {
    border-bottom: 1px solid #ffff8d!important
}

.border-left-yellow.border-left-accent-1 {
    border-left: 1px solid #ffff8d!important
}

.border-right-yellow.border-right-accent-1 {
    border-right: 1px solid #ffff8d!important
}

.btn-yellow.btn-accent-2,
.btn-yellow.btn-accent-2:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-accent-1 {
    background: #ffff8d;
    background: rgba(255, 255, 141, .8)
}

.bg-yellow.bg-accent-2,
.btn-yellow.btn-accent-2 {
    background-color: #ff0!important
}

.yellow.accent-2 {
    color: #ff0!important
}

.bg-yellow.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 0, .6)
}

.btn-yellow.btn-accent-2:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-accent-2:active,
.btn-yellow.btn-accent-2:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-accent-2 {
    color: #ff0!important;
    border-color: #ff0!important
}

.btn-outline-yellow.btn-outline-accent-2:hover {
    background-color: #ff0!important
}

.border-yellow.border-accent-2 {
    border: 1px solid #ff0!important
}

.border-top-yellow.border-top-accent-2 {
    border-top: 1px solid #ff0!important
}

.border-bottom-yellow.border-bottom-accent-2 {
    border-bottom: 1px solid #ff0!important
}

.border-left-yellow.border-left-accent-2 {
    border-left: 1px solid #ff0!important
}

.border-right-yellow.border-right-accent-2 {
    border-right: 1px solid #ff0!important
}

.btn-yellow.btn-accent-3,
.btn-yellow.btn-accent-3:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-accent-2 {
    background: #ff0;
    background: rgba(255, 255, 0, .8)
}

.bg-yellow.bg-accent-3,
.btn-yellow.btn-accent-3 {
    background-color: #ffea00!important
}

.yellow.accent-3 {
    color: #ffea00!important
}

.bg-yellow.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 234, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 234, 0, .6)
}

.btn-yellow.btn-accent-3:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-accent-3:active,
.btn-yellow.btn-accent-3:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-accent-3 {
    color: #ffea00!important;
    border-color: #ffea00!important
}

.btn-outline-yellow.btn-outline-accent-3:hover {
    background-color: #ffea00!important
}

.border-yellow.border-accent-3 {
    border: 1px solid #ffea00!important
}

.border-top-yellow.border-top-accent-3 {
    border-top: 1px solid #ffea00!important
}

.border-bottom-yellow.border-bottom-accent-3 {
    border-bottom: 1px solid #ffea00!important
}

.border-left-yellow.border-left-accent-3 {
    border-left: 1px solid #ffea00!important
}

.border-right-yellow.border-right-accent-3 {
    border-right: 1px solid #ffea00!important
}

.btn-yellow.btn-accent-4,
.btn-yellow.btn-accent-4:hover {
    border-color: #fbc02d!important
}

.overlay-yellow.overlay-accent-3 {
    background: #ffea00;
    background: rgba(255, 234, 0, .8)
}

.bg-yellow.bg-accent-4,
.btn-yellow.btn-accent-4 {
    background-color: #ffd600!important
}

.yellow.accent-4 {
    color: #ffd600!important
}

.bg-yellow.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 214, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 214, 0, .6)
}

.btn-yellow.btn-accent-4:hover {
    background-color: #f9a825!important
}

.btn-yellow.btn-accent-4:active,
.btn-yellow.btn-accent-4:focus {
    border-color: #f9a825!important;
    background-color: #f57f17!important
}

.btn-outline-yellow.btn-outline-accent-4 {
    color: #ffd600!important;
    border-color: #ffd600!important
}

.btn-outline-yellow.btn-outline-accent-4:hover {
    background-color: #ffd600!important
}

input:focus~.bg-yellow {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffd600!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffd600!important
}

.border-yellow.border-accent-4 {
    border: 1px solid #ffd600!important
}

.border-top-yellow.border-top-accent-4 {
    border-top: 1px solid #ffd600!important
}

.border-bottom-yellow.border-bottom-accent-4 {
    border-bottom: 1px solid #ffd600!important
}

.border-left-yellow.border-left-accent-4 {
    border-left: 1px solid #ffd600!important
}

.border-right-yellow.border-right-accent-4 {
    border-right: 1px solid #ffd600!important
}

.btn-amber.btn-lighten-5,
.btn-amber.btn-lighten-5:hover {
    border-color: #ffa000!important
}

.overlay-yellow.overlay-accent-4 {
    background: #ffd600;
    background: rgba(255, 214, 0, .8)
}

.bg-amber.bg-lighten-5,
.btn-amber.btn-lighten-5 {
    background-color: #fff8e1!important
}

.amber.lighten-5 {
    color: #fff8e1!important
}

.bg-amber.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 248, 225, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 248, 225, .6)
}

.btn-amber.btn-lighten-5:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-lighten-5:active,
.btn-amber.btn-lighten-5:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-lighten-5 {
    color: #fff8e1!important;
    border-color: #fff8e1!important
}

.btn-outline-amber.btn-outline-lighten-5:hover {
    background-color: #fff8e1!important
}

.border-amber.border-lighten-5 {
    border: 1px solid #fff8e1!important
}

.border-top-amber.border-top-lighten-5 {
    border-top: 1px solid #fff8e1!important
}

.border-bottom-amber.border-bottom-lighten-5 {
    border-bottom: 1px solid #fff8e1!important
}

.border-left-amber.border-left-lighten-5 {
    border-left: 1px solid #fff8e1!important
}

.border-right-amber.border-right-lighten-5 {
    border-right: 1px solid #fff8e1!important
}

.btn-amber.btn-lighten-4,
.btn-amber.btn-lighten-4:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-lighten-5 {
    background: #fff8e1;
    background: rgba(255, 248, 225, .8)
}

.bg-amber.bg-lighten-4,
.btn-amber.btn-lighten-4 {
    background-color: #ffecb3!important
}

.amber.lighten-4 {
    color: #ffecb3!important
}

.bg-amber.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 236, 179, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 236, 179, .6)
}

.btn-amber.btn-lighten-4:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-lighten-4:active,
.btn-amber.btn-lighten-4:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-lighten-4 {
    color: #ffecb3!important;
    border-color: #ffecb3!important
}

.btn-outline-amber.btn-outline-lighten-4:hover {
    background-color: #ffecb3!important
}

.border-amber.border-lighten-4 {
    border: 1px solid #ffecb3!important
}

.border-top-amber.border-top-lighten-4 {
    border-top: 1px solid #ffecb3!important
}

.border-bottom-amber.border-bottom-lighten-4 {
    border-bottom: 1px solid #ffecb3!important
}

.border-left-amber.border-left-lighten-4 {
    border-left: 1px solid #ffecb3!important
}

.border-right-amber.border-right-lighten-4 {
    border-right: 1px solid #ffecb3!important
}

.btn-amber.btn-lighten-3,
.btn-amber.btn-lighten-3:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-lighten-4 {
    background: #ffecb3;
    background: rgba(255, 236, 179, .8)
}

.bg-amber.bg-lighten-3,
.btn-amber.btn-lighten-3 {
    background-color: #ffe082!important
}

.amber.lighten-3 {
    color: #ffe082!important
}

.bg-amber.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 224, 130, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 224, 130, .6)
}

.btn-amber.btn-lighten-3:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-lighten-3:active,
.btn-amber.btn-lighten-3:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-lighten-3 {
    color: #ffe082!important;
    border-color: #ffe082!important
}

.btn-outline-amber.btn-outline-lighten-3:hover {
    background-color: #ffe082!important
}

.border-amber.border-lighten-3 {
    border: 1px solid #ffe082!important
}

.border-top-amber.border-top-lighten-3 {
    border-top: 1px solid #ffe082!important
}

.border-bottom-amber.border-bottom-lighten-3 {
    border-bottom: 1px solid #ffe082!important
}

.border-left-amber.border-left-lighten-3 {
    border-left: 1px solid #ffe082!important
}

.border-right-amber.border-right-lighten-3 {
    border-right: 1px solid #ffe082!important
}

.btn-amber.btn-lighten-2,
.btn-amber.btn-lighten-2:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-lighten-3 {
    background: #ffe082;
    background: rgba(255, 224, 130, .8)
}

.bg-amber.bg-lighten-2,
.btn-amber.btn-lighten-2 {
    background-color: #ffd54f!important
}

.amber.lighten-2 {
    color: #ffd54f!important
}

.bg-amber.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 213, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 213, 79, .6)
}

.btn-amber.btn-lighten-2:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-lighten-2:active,
.btn-amber.btn-lighten-2:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-lighten-2 {
    color: #ffd54f!important;
    border-color: #ffd54f!important
}

.btn-outline-amber.btn-outline-lighten-2:hover {
    background-color: #ffd54f!important
}

.border-amber.border-lighten-2 {
    border: 1px solid #ffd54f!important
}

.border-top-amber.border-top-lighten-2 {
    border-top: 1px solid #ffd54f!important
}

.border-bottom-amber.border-bottom-lighten-2 {
    border-bottom: 1px solid #ffd54f!important
}

.border-left-amber.border-left-lighten-2 {
    border-left: 1px solid #ffd54f!important
}

.border-right-amber.border-right-lighten-2 {
    border-right: 1px solid #ffd54f!important
}

.btn-amber.btn-lighten-1,
.btn-amber.btn-lighten-1:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-lighten-2 {
    background: #ffd54f;
    background: rgba(255, 213, 79, .8)
}

.bg-amber.bg-lighten-1,
.btn-amber.btn-lighten-1 {
    background-color: #ffca28!important
}

.amber.lighten-1 {
    color: #ffca28!important
}

.bg-amber.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 202, 40, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 202, 40, .6)
}

.btn-amber.btn-lighten-1:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-lighten-1:active,
.btn-amber.btn-lighten-1:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-lighten-1 {
    color: #ffca28!important;
    border-color: #ffca28!important
}

.btn-outline-amber.btn-outline-lighten-1:hover {
    background-color: #ffca28!important
}

.border-amber.border-lighten-1 {
    border: 1px solid #ffca28!important
}

.border-top-amber.border-top-lighten-1 {
    border-top: 1px solid #ffca28!important
}

.border-bottom-amber.border-bottom-lighten-1 {
    border-bottom: 1px solid #ffca28!important
}

.border-left-amber.border-left-lighten-1 {
    border-left: 1px solid #ffca28!important
}

.border-right-amber.border-right-lighten-1 {
    border-right: 1px solid #ffca28!important
}

.overlay-amber.overlay-lighten-1 {
    background: #ffca28;
    background: rgba(255, 202, 40, .8)
}

.amber {
    color: #ffc107!important
}

.alert-amber .alert-link,
.btn-amber {
    color: #fff
}

.bg-amber {
    background-color: #ffc107!important
}

.bg-amber .card-footer,
.bg-amber .card-header {
    background-color: transparent
}

.bg-amber.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6)
}

body.vertical-layout[data-color=bg-amber] .content-wrapper-before,
body.vertical-layout[data-color=bg-amber] .navbar-container {
    background-color: #ffc107!important
}

body.horizontal-layout[data-color=bg-amber] .navbar-horizontal {
    background-color: #f7b900
}

.selectboxit.selectboxit-btn.bg-amber,
body.horizontal-layout[data-color=bg-amber] .content-wrapper-before {
    background-color: #ffc107!important
}

.alert-amber {
    color: #fff;
    border-color: #f7b900;
    background-color: #f7b900
}

.overlay-amber {
    background: #ffc107;
    background: rgba(255, 193, 7, .8)
}

.btn-amber {
    background-color: #ffc107
}

.btn-amber:active,
.btn-amber:focus,
.btn-amber:hover {
    border-color: #ffc516;
    background-color: #ffc516;
    color: #fff
}

.btn-amber:hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302);
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302)
}

.btn-amber:active,
.btn-amber:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302)!important
}

.btn-amber.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6)
}

.btn-outline-amber {
    color: #ffc107;
    border-color: #ffc107;
    background-color: transparent
}

.btn-outline-amber:hover {
    color: #fff!important;
    background-color: #ffc107;
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, .451), 0 1px 3px 1px rgba(255, 193, 7, .302)!important
}

.btn-outline-amber.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, .6)
}

input[type=checkbox].bg-amber+.custom-control-label:before,
input[type=radio].bg-amber+.custom-control-label:before {
    background-color: #ffc107!important
}

.bg-amber.bg-darken-1,
.btn-amber.btn-darken-1 {
    background-color: #ffb300!important
}

.border-amber {
    border: 1px solid #ffc107!important
}

.border-top-amber {
    border-top: 1px solid #ffc107
}

.border-bottom-amber {
    border-bottom: 1px solid #ffc107
}

.border-left-amber {
    border-left: 1px solid #ffc107
}

.border-right-amber {
    border-right: 1px solid #ffc107
}

.amber.darken-1 {
    color: #ffb300!important
}

.bg-amber.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 179, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 179, 0, .6)
}

.btn-amber.btn-darken-1 {
    border-color: #ffa000!important
}

.btn-amber.btn-darken-1:hover {
    border-color: #ffa000!important;
    background-color: #ff8f00!important
}

.btn-amber.btn-darken-1:active,
.btn-amber.btn-darken-1:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-darken-1 {
    color: #ffb300!important;
    border-color: #ffb300!important
}

.btn-outline-amber.btn-outline-darken-1:hover {
    background-color: #ffb300!important
}

.border-amber.border-darken-1 {
    border: 1px solid #ffb300!important
}

.border-top-amber.border-top-darken-1 {
    border-top: 1px solid #ffb300!important
}

.border-bottom-amber.border-bottom-darken-1 {
    border-bottom: 1px solid #ffb300!important
}

.border-left-amber.border-left-darken-1 {
    border-left: 1px solid #ffb300!important
}

.border-right-amber.border-right-darken-1 {
    border-right: 1px solid #ffb300!important
}

.btn-amber.btn-darken-2,
.btn-amber.btn-darken-2:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-darken-1 {
    background: #ffb300;
    background: rgba(255, 179, 0, .8)
}

.bg-amber.bg-darken-2,
.btn-amber.btn-darken-2 {
    background-color: #ffa000!important
}

.amber.darken-2 {
    color: #ffa000!important
}

.bg-amber.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 160, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 160, 0, .6)
}

.btn-amber.btn-darken-2:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-darken-2:active,
.btn-amber.btn-darken-2:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-darken-2 {
    color: #ffa000!important;
    border-color: #ffa000!important
}

.btn-outline-amber.btn-outline-darken-2:hover {
    background-color: #ffa000!important
}

.border-amber.border-darken-2 {
    border: 1px solid #ffa000!important
}

.border-top-amber.border-top-darken-2 {
    border-top: 1px solid #ffa000!important
}

.border-bottom-amber.border-bottom-darken-2 {
    border-bottom: 1px solid #ffa000!important
}

.border-left-amber.border-left-darken-2 {
    border-left: 1px solid #ffa000!important
}

.border-right-amber.border-right-darken-2 {
    border-right: 1px solid #ffa000!important
}

.overlay-amber.overlay-darken-2 {
    background: #ffa000;
    background: rgba(255, 160, 0, .8)
}

.amber.darken-3 {
    color: #ff8f00!important
}

.bg-amber.bg-darken-3 {
    background-color: #ff8f00!important
}

.bg-amber.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 143, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 143, 0, .6)
}

.btn-amber.btn-darken-3,
.btn-amber.btn-darken-3:hover {
    border-color: #ffa000!important;
    background-color: #ff8f00!important
}

.btn-amber.btn-darken-3:active,
.btn-amber.btn-darken-3:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-darken-3 {
    color: #ff8f00!important;
    border-color: #ff8f00!important
}

.btn-outline-amber.btn-outline-darken-3:hover {
    background-color: #ff8f00!important
}

.border-amber.border-darken-3 {
    border: 1px solid #ff8f00!important
}

.border-top-amber.border-top-darken-3 {
    border-top: 1px solid #ff8f00!important
}

.border-bottom-amber.border-bottom-darken-3 {
    border-bottom: 1px solid #ff8f00!important
}

.border-left-amber.border-left-darken-3 {
    border-left: 1px solid #ff8f00!important
}

.border-right-amber.border-right-darken-3 {
    border-right: 1px solid #ff8f00!important
}

.btn-amber.btn-darken-4,
.btn-amber.btn-darken-4:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-darken-3 {
    background: #ff8f00;
    background: rgba(255, 143, 0, .8)
}

.bg-amber.bg-darken-4,
.btn-amber.btn-darken-4 {
    background-color: #ff6f00!important
}

.amber.darken-4 {
    color: #ff6f00!important
}

.bg-amber.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 111, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 111, 0, .6)
}

.btn-amber.btn-darken-4:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-darken-4:active,
.btn-amber.btn-darken-4:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-darken-4 {
    color: #ff6f00!important;
    border-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-darken-4:hover {
    background-color: #ff6f00!important
}

.border-amber.border-darken-4 {
    border: 1px solid #ff6f00!important
}

.border-top-amber.border-top-darken-4 {
    border-top: 1px solid #ff6f00!important
}

.border-bottom-amber.border-bottom-darken-4 {
    border-bottom: 1px solid #ff6f00!important
}

.border-left-amber.border-left-darken-4 {
    border-left: 1px solid #ff6f00!important
}

.border-right-amber.border-right-darken-4 {
    border-right: 1px solid #ff6f00!important
}

.btn-amber.btn-accent-1,
.btn-amber.btn-accent-1:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-darken-4 {
    background: #ff6f00;
    background: rgba(255, 111, 0, .8)
}

.bg-amber.bg-accent-1,
.btn-amber.btn-accent-1 {
    background-color: #ffe57f!important
}

.amber.accent-1 {
    color: #ffe57f!important
}

.bg-amber.bg-accent-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 229, 127, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 229, 127, .6)
}

.btn-amber.btn-accent-1:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-accent-1:active,
.btn-amber.btn-accent-1:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-accent-1 {
    color: #ffe57f!important;
    border-color: #ffe57f!important
}

.btn-outline-amber.btn-outline-accent-1:hover {
    background-color: #ffe57f!important
}

.border-amber.border-accent-1 {
    border: 1px solid #ffe57f!important
}

.border-top-amber.border-top-accent-1 {
    border-top: 1px solid #ffe57f!important
}

.border-bottom-amber.border-bottom-accent-1 {
    border-bottom: 1px solid #ffe57f!important
}

.border-left-amber.border-left-accent-1 {
    border-left: 1px solid #ffe57f!important
}

.border-right-amber.border-right-accent-1 {
    border-right: 1px solid #ffe57f!important
}

.btn-amber.btn-accent-2,
.btn-amber.btn-accent-2:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-accent-1 {
    background: #ffe57f;
    background: rgba(255, 229, 127, .8)
}

.bg-amber.bg-accent-2,
.btn-amber.btn-accent-2 {
    background-color: #ffd740!important
}

.amber.accent-2 {
    color: #ffd740!important
}

.bg-amber.bg-accent-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 215, 64, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 215, 64, .6)
}

.btn-amber.btn-accent-2:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-accent-2:active,
.btn-amber.btn-accent-2:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-accent-2 {
    color: #ffd740!important;
    border-color: #ffd740!important
}

.btn-outline-amber.btn-outline-accent-2:hover {
    background-color: #ffd740!important
}

.border-amber.border-accent-2 {
    border: 1px solid #ffd740!important
}

.border-top-amber.border-top-accent-2 {
    border-top: 1px solid #ffd740!important
}

.border-bottom-amber.border-bottom-accent-2 {
    border-bottom: 1px solid #ffd740!important
}

.border-left-amber.border-left-accent-2 {
    border-left: 1px solid #ffd740!important
}

.border-right-amber.border-right-accent-2 {
    border-right: 1px solid #ffd740!important
}

.btn-amber.btn-accent-3,
.btn-amber.btn-accent-3:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-accent-2 {
    background: #ffd740;
    background: rgba(255, 215, 64, .8)
}

.bg-amber.bg-accent-3,
.btn-amber.btn-accent-3 {
    background-color: #ffc400!important
}

.amber.accent-3 {
    color: #ffc400!important
}

.bg-amber.bg-accent-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 196, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 196, 0, .6)
}

.btn-amber.btn-accent-3:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-accent-3:active,
.btn-amber.btn-accent-3:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-accent-3 {
    color: #ffc400!important;
    border-color: #ffc400!important
}

.btn-outline-amber.btn-outline-accent-3:hover {
    background-color: #ffc400!important
}

.border-amber.border-accent-3 {
    border: 1px solid #ffc400!important
}

.border-top-amber.border-top-accent-3 {
    border-top: 1px solid #ffc400!important
}

.border-bottom-amber.border-bottom-accent-3 {
    border-bottom: 1px solid #ffc400!important
}

.border-left-amber.border-left-accent-3 {
    border-left: 1px solid #ffc400!important
}

.border-right-amber.border-right-accent-3 {
    border-right: 1px solid #ffc400!important
}

.btn-amber.btn-accent-4,
.btn-amber.btn-accent-4:hover {
    border-color: #ffa000!important
}

.overlay-amber.overlay-accent-3 {
    background: #ffc400;
    background: rgba(255, 196, 0, .8)
}

.bg-amber.bg-accent-4,
.btn-amber.btn-accent-4 {
    background-color: #ffab00!important
}

.amber.accent-4 {
    color: #ffab00!important
}

.bg-amber.bg-accent-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 171, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 171, 0, .6)
}

.btn-amber.btn-accent-4:hover {
    background-color: #ff8f00!important
}

.btn-amber.btn-accent-4:active,
.btn-amber.btn-accent-4:focus {
    border-color: #ff8f00!important;
    background-color: #ff6f00!important
}

.btn-outline-amber.btn-outline-accent-4 {
    color: #ffab00!important;
    border-color: #ffab00!important
}

.btn-outline-amber.btn-outline-accent-4:hover {
    background-color: #ffab00!important
}

input:focus~.bg-amber {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffab00!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #ffab00!important
}

.border-amber.border-accent-4 {
    border: 1px solid #ffab00!important
}

.border-top-amber.border-top-accent-4 {
    border-top: 1px solid #ffab00!important
}

.border-bottom-amber.border-bottom-accent-4 {
    border-bottom: 1px solid #ffab00!important
}

.border-left-amber.border-left-accent-4 {
    border-left: 1px solid #ffab00!important
}

.border-right-amber.border-right-accent-4 {
    border-right: 1px solid #ffab00!important
}

.overlay-amber.overlay-accent-4 {
    background: #ffab00;
    background: rgba(255, 171, 0, .8)
}

.bg-blue-grey.bg-lighten-5,
.btn-blue-grey.btn-lighten-5 {
    background-color: #eceff1!important
}

.blue-grey.lighten-5 {
    color: #eceff1!important
}

.bg-blue-grey.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6)
}

.btn-blue-grey.btn-lighten-5 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-lighten-5:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-lighten-5:active,
.btn-blue-grey.btn-lighten-5:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-lighten-5 {
    color: #eceff1!important;
    border-color: #eceff1!important
}

.btn-outline-blue-grey.btn-outline-lighten-5:hover {
    background-color: #eceff1!important
}

.border-blue-grey.border-lighten-5 {
    border: 1px solid #eceff1!important
}

.border-top-blue-grey.border-top-lighten-5 {
    border-top: 1px solid #eceff1!important
}

.border-bottom-blue-grey.border-bottom-lighten-5 {
    border-bottom: 1px solid #eceff1!important
}

.border-left-blue-grey.border-left-lighten-5 {
    border-left: 1px solid #eceff1!important
}

.border-right-blue-grey.border-right-lighten-5 {
    border-right: 1px solid #eceff1!important
}

.overlay-blue-grey.overlay-lighten-5 {
    background: #eceff1;
    background: rgba(236, 239, 241, .8)
}

.bg-blue-grey.bg-lighten-4,
.btn-blue-grey.btn-lighten-4 {
    background-color: #cfd8dc!important
}

.blue-grey.lighten-4 {
    color: #cfd8dc!important
}

.bg-blue-grey.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6);
    box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6)
}

.btn-blue-grey.btn-lighten-4 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-lighten-4:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-lighten-4:active,
.btn-blue-grey.btn-lighten-4:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-lighten-4 {
    color: #cfd8dc!important;
    border-color: #cfd8dc!important
}

.btn-outline-blue-grey.btn-outline-lighten-4:hover {
    background-color: #cfd8dc!important
}

.border-blue-grey.border-lighten-4 {
    border: 1px solid #cfd8dc!important
}

.border-top-blue-grey.border-top-lighten-4 {
    border-top: 1px solid #cfd8dc!important
}

.border-bottom-blue-grey.border-bottom-lighten-4 {
    border-bottom: 1px solid #cfd8dc!important
}

.border-left-blue-grey.border-left-lighten-4 {
    border-left: 1px solid #cfd8dc!important
}

.border-right-blue-grey.border-right-lighten-4 {
    border-right: 1px solid #cfd8dc!important
}

.overlay-blue-grey.overlay-lighten-4 {
    background: #cfd8dc;
    background: rgba(207, 216, 220, .8)
}

.bg-blue-grey.bg-lighten-3,
.btn-blue-grey.btn-lighten-3 {
    background-color: #b0bec5!important
}

.blue-grey.lighten-3 {
    color: #b0bec5!important
}

.bg-blue-grey.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6);
    box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6)
}

.btn-blue-grey.btn-lighten-3 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-lighten-3:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-lighten-3:active,
.btn-blue-grey.btn-lighten-3:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-lighten-3 {
    color: #b0bec5!important;
    border-color: #b0bec5!important
}

.btn-outline-blue-grey.btn-outline-lighten-3:hover {
    background-color: #b0bec5!important
}

.border-blue-grey.border-lighten-3 {
    border: 1px solid #b0bec5!important
}

.border-top-blue-grey.border-top-lighten-3 {
    border-top: 1px solid #b0bec5!important
}

.border-bottom-blue-grey.border-bottom-lighten-3 {
    border-bottom: 1px solid #b0bec5!important
}

.border-left-blue-grey.border-left-lighten-3 {
    border-left: 1px solid #b0bec5!important
}

.border-right-blue-grey.border-right-lighten-3 {
    border-right: 1px solid #b0bec5!important
}

.overlay-blue-grey.overlay-lighten-3 {
    background: #b0bec5;
    background: rgba(176, 190, 197, .8)
}

.bg-blue-grey.bg-lighten-2,
.btn-blue-grey.btn-lighten-2 {
    background-color: #90a4ae!important
}

.blue-grey.lighten-2 {
    color: #90a4ae!important
}

.bg-blue-grey.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(144, 164, 174, .6);
    box-shadow: 0 1px 20px 1px rgba(144, 164, 174, .6)
}

.btn-blue-grey.btn-lighten-2 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-lighten-2:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-lighten-2:active,
.btn-blue-grey.btn-lighten-2:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-lighten-2 {
    color: #90a4ae!important;
    border-color: #90a4ae!important
}

.btn-outline-blue-grey.btn-outline-lighten-2:hover {
    background-color: #90a4ae!important
}

.border-blue-grey.border-lighten-2 {
    border: 1px solid #90a4ae!important
}

.border-top-blue-grey.border-top-lighten-2 {
    border-top: 1px solid #90a4ae!important
}

.border-bottom-blue-grey.border-bottom-lighten-2 {
    border-bottom: 1px solid #90a4ae!important
}

.border-left-blue-grey.border-left-lighten-2 {
    border-left: 1px solid #90a4ae!important
}

.border-right-blue-grey.border-right-lighten-2 {
    border-right: 1px solid #90a4ae!important
}

.overlay-blue-grey.overlay-lighten-2 {
    background: #90a4ae;
    background: rgba(144, 164, 174, .8)
}

.bg-blue-grey.bg-lighten-1,
.btn-blue-grey.btn-lighten-1 {
    background-color: #78909c!important
}

.blue-grey.lighten-1 {
    color: #78909c!important
}

.bg-blue-grey.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(120, 144, 156, .6);
    box-shadow: 0 1px 20px 1px rgba(120, 144, 156, .6)
}

.btn-blue-grey.btn-lighten-1 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-lighten-1:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-lighten-1:active,
.btn-blue-grey.btn-lighten-1:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-lighten-1 {
    color: #78909c!important;
    border-color: #78909c!important
}

.btn-outline-blue-grey.btn-outline-lighten-1:hover {
    background-color: #78909c!important
}

.border-blue-grey.border-lighten-1 {
    border: 1px solid #78909c!important
}

.border-top-blue-grey.border-top-lighten-1 {
    border-top: 1px solid #78909c!important
}

.border-bottom-blue-grey.border-bottom-lighten-1 {
    border-bottom: 1px solid #78909c!important
}

.border-left-blue-grey.border-left-lighten-1 {
    border-left: 1px solid #78909c!important
}

.border-right-blue-grey.border-right-lighten-1 {
    border-right: 1px solid #78909c!important
}

.overlay-blue-grey.overlay-lighten-1 {
    background: #78909c;
    background: rgba(120, 144, 156, .8)
}

.blue-grey {
    color: #607d8b!important
}

.bg-blue-grey {
    background-color: #607d8b!important
}

.bg-blue-grey .card-footer,
.bg-blue-grey .card-header {
    background-color: transparent
}

.bg-blue-grey.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6)
}

body.vertical-layout[data-color=bg-blue-grey] .content-wrapper-before,
body.vertical-layout[data-color=bg-blue-grey] .navbar-container {
    background-color: #607d8b!important
}

body.horizontal-layout[data-color=bg-blue-grey] .navbar-horizontal {
    background-color: #5a7582
}

.selectboxit.selectboxit-btn.bg-blue-grey,
body.horizontal-layout[data-color=bg-blue-grey] .content-wrapper-before {
    background-color: #607d8b!important
}

.alert-blue-grey {
    color: #fff;
    border-color: #5a7582;
    background-color: #5a7582
}

.alert-blue-grey .alert-link {
    color: #fff
}

.overlay-blue-grey {
    background: #607d8b;
    background: rgba(96, 125, 139, .8)
}

.btn-blue-grey {
    color: #fff;
    background-color: #607d8b
}

.btn-blue-grey:hover {
    color: #fff;
    border-color: #668594;
    background-color: #668594;
    -webkit-box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302);
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302)
}

.btn-blue-grey:active,
.btn-blue-grey:focus {
    color: #fff;
    border-color: #668594;
    background-color: #668594;
    -webkit-box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302)!important
}

.btn-blue-grey.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6)
}

.btn-outline-blue-grey {
    color: #607d8b;
    border-color: #607d8b;
    background-color: transparent
}

.btn-outline-blue-grey:hover {
    color: #fff!important;
    background-color: #607d8b;
    -webkit-box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, .451), 0 1px 3px 1px rgba(96, 125, 139, .302)!important
}

.btn-outline-blue-grey.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, .6)
}

input[type=checkbox].bg-blue-grey+.custom-control-label:before,
input[type=radio].bg-blue-grey+.custom-control-label:before {
    background-color: #607d8b!important
}

.bg-blue-grey.bg-darken-1,
.btn-blue-grey.btn-darken-1 {
    background-color: #546e7a!important
}

.border-blue-grey {
    border: 1px solid #607d8b!important
}

.border-top-blue-grey {
    border-top: 1px solid #607d8b
}

.border-bottom-blue-grey {
    border-bottom: 1px solid #607d8b
}

.border-left-blue-grey {
    border-left: 1px solid #607d8b
}

.border-right-blue-grey {
    border-right: 1px solid #607d8b
}

.blue-grey.darken-1 {
    color: #546e7a!important
}

.bg-blue-grey.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(84, 110, 122, .6);
    box-shadow: 0 1px 20px 1px rgba(84, 110, 122, .6)
}

.btn-blue-grey.btn-darken-1 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-darken-1:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-darken-1:active,
.btn-blue-grey.btn-darken-1:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-darken-1 {
    color: #546e7a!important;
    border-color: #546e7a!important
}

.btn-outline-blue-grey.btn-outline-darken-1:hover {
    background-color: #546e7a!important
}

.border-blue-grey.border-darken-1 {
    border: 1px solid #546e7a!important
}

.border-top-blue-grey.border-top-darken-1 {
    border-top: 1px solid #546e7a!important
}

.border-bottom-blue-grey.border-bottom-darken-1 {
    border-bottom: 1px solid #546e7a!important
}

.border-left-blue-grey.border-left-darken-1 {
    border-left: 1px solid #546e7a!important
}

.border-right-blue-grey.border-right-darken-1 {
    border-right: 1px solid #546e7a!important
}

.overlay-blue-grey.overlay-darken-1 {
    background: #546e7a;
    background: rgba(84, 110, 122, .8)
}

.bg-blue-grey.bg-darken-2,
.btn-blue-grey.btn-darken-2 {
    background-color: #455a64!important
}

.blue-grey.darken-2 {
    color: #455a64!important
}

.bg-blue-grey.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(69, 90, 100, .6);
    box-shadow: 0 1px 20px 1px rgba(69, 90, 100, .6)
}

.btn-blue-grey.btn-darken-2 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-darken-2:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-darken-2:active,
.btn-blue-grey.btn-darken-2:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-darken-2 {
    color: #455a64!important;
    border-color: #455a64!important
}

.btn-outline-blue-grey.btn-outline-darken-2:hover {
    background-color: #455a64!important
}

.border-blue-grey.border-darken-2 {
    border: 1px solid #455a64!important
}

.border-top-blue-grey.border-top-darken-2 {
    border-top: 1px solid #455a64!important
}

.border-bottom-blue-grey.border-bottom-darken-2 {
    border-bottom: 1px solid #455a64!important
}

.border-left-blue-grey.border-left-darken-2 {
    border-left: 1px solid #455a64!important
}

.border-right-blue-grey.border-right-darken-2 {
    border-right: 1px solid #455a64!important
}

.overlay-blue-grey.overlay-darken-2 {
    background: #455a64;
    background: rgba(69, 90, 100, .8)
}

.blue-grey.darken-3 {
    color: #37474f!important
}

.bg-blue-grey.bg-darken-3 {
    background-color: #37474f!important
}

.bg-blue-grey.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(55, 71, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(55, 71, 79, .6)
}

.btn-blue-grey.btn-darken-3,
.btn-blue-grey.btn-darken-3:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-darken-3:active,
.btn-blue-grey.btn-darken-3:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-darken-3 {
    color: #37474f!important;
    border-color: #37474f!important
}

.btn-outline-blue-grey.btn-outline-darken-3:hover {
    background-color: #37474f!important
}

.border-blue-grey.border-darken-3 {
    border: 1px solid #37474f!important
}

.border-top-blue-grey.border-top-darken-3 {
    border-top: 1px solid #37474f!important
}

.border-bottom-blue-grey.border-bottom-darken-3 {
    border-bottom: 1px solid #37474f!important
}

.border-left-blue-grey.border-left-darken-3 {
    border-left: 1px solid #37474f!important
}

.border-right-blue-grey.border-right-darken-3 {
    border-right: 1px solid #37474f!important
}

.overlay-blue-grey.overlay-darken-3 {
    background: #37474f;
    background: rgba(55, 71, 79, .8)
}

.bg-blue-grey.bg-darken-4,
.btn-blue-grey.btn-darken-4 {
    background-color: #263238!important
}

.blue-grey.darken-4 {
    color: #263238!important
}

.bg-blue-grey.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 50, 56, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 50, 56, .6)
}

.btn-blue-grey.btn-darken-4 {
    border-color: #455a64!important
}

.btn-blue-grey.btn-darken-4:hover {
    border-color: #455a64!important;
    background-color: #37474f!important
}

.btn-blue-grey.btn-darken-4:active,
.btn-blue-grey.btn-darken-4:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-darken-4 {
    color: #263238!important;
    border-color: #263238!important
}

.btn-outline-blue-grey.btn-outline-darken-4:hover {
    background-color: #263238!important
}

input:focus~.bg-blue-grey {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #263238!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #263238!important
}

.border-blue-grey.border-darken-4 {
    border: 1px solid #263238!important
}

.border-top-blue-grey.border-top-darken-4 {
    border-top: 1px solid #263238!important
}

.border-bottom-blue-grey.border-bottom-darken-4 {
    border-bottom: 1px solid #263238!important
}

.border-left-blue-grey.border-left-darken-4 {
    border-left: 1px solid #263238!important
}

.border-right-blue-grey.border-right-darken-4 {
    border-right: 1px solid #263238!important
}

.overlay-blue-grey.overlay-darken-4 {
    background: #263238;
    background: rgba(38, 50, 56, .8)
}

.bg-grey-blue.bg-lighten-5,
.btn-grey-blue.btn-lighten-5 {
    background-color: #eceff1!important
}

.grey-blue.lighten-5 {
    color: #eceff1!important
}

.bg-grey-blue.bg-lighten-5.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6);
    box-shadow: 0 1px 20px 1px rgba(236, 239, 241, .6)
}

.btn-grey-blue.btn-lighten-5 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-lighten-5:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-lighten-5:active,
.btn-grey-blue.btn-lighten-5:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-lighten-5 {
    color: #eceff1!important;
    border-color: #eceff1!important
}

.btn-outline-grey-blue.btn-outline-lighten-5:hover {
    background-color: #eceff1!important
}

.border-grey-blue.border-lighten-5 {
    border: 1px solid #eceff1!important
}

.border-top-grey-blue.border-top-lighten-5 {
    border-top: 1px solid #eceff1!important
}

.border-bottom-grey-blue.border-bottom-lighten-5 {
    border-bottom: 1px solid #eceff1!important
}

.border-left-grey-blue.border-left-lighten-5 {
    border-left: 1px solid #eceff1!important
}

.border-right-grey-blue.border-right-lighten-5 {
    border-right: 1px solid #eceff1!important
}

.overlay-grey-blue.overlay-lighten-5 {
    background: #eceff1;
    background: rgba(236, 239, 241, .8)
}

.bg-grey-blue.bg-lighten-4,
.btn-grey-blue.btn-lighten-4 {
    background-color: #cfd8dc!important
}

.grey-blue.lighten-4 {
    color: #cfd8dc!important
}

.bg-grey-blue.bg-lighten-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6);
    box-shadow: 0 1px 20px 1px rgba(207, 216, 220, .6)
}

.btn-grey-blue.btn-lighten-4 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-lighten-4:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-lighten-4:active,
.btn-grey-blue.btn-lighten-4:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-lighten-4 {
    color: #cfd8dc!important;
    border-color: #cfd8dc!important
}

.btn-outline-grey-blue.btn-outline-lighten-4:hover {
    background-color: #cfd8dc!important
}

.border-grey-blue.border-lighten-4 {
    border: 1px solid #cfd8dc!important
}

.border-top-grey-blue.border-top-lighten-4 {
    border-top: 1px solid #cfd8dc!important
}

.border-bottom-grey-blue.border-bottom-lighten-4 {
    border-bottom: 1px solid #cfd8dc!important
}

.border-left-grey-blue.border-left-lighten-4 {
    border-left: 1px solid #cfd8dc!important
}

.border-right-grey-blue.border-right-lighten-4 {
    border-right: 1px solid #cfd8dc!important
}

.overlay-grey-blue.overlay-lighten-4 {
    background: #cfd8dc;
    background: rgba(207, 216, 220, .8)
}

.bg-grey-blue.bg-lighten-3,
.btn-grey-blue.btn-lighten-3 {
    background-color: #b0bec5!important
}

.grey-blue.lighten-3 {
    color: #b0bec5!important
}

.bg-grey-blue.bg-lighten-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6);
    box-shadow: 0 1px 20px 1px rgba(176, 190, 197, .6)
}

.btn-grey-blue.btn-lighten-3 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-lighten-3:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-lighten-3:active,
.btn-grey-blue.btn-lighten-3:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-lighten-3 {
    color: #b0bec5!important;
    border-color: #b0bec5!important
}

.btn-outline-grey-blue.btn-outline-lighten-3:hover {
    background-color: #b0bec5!important
}

.border-grey-blue.border-lighten-3 {
    border: 1px solid #b0bec5!important
}

.border-top-grey-blue.border-top-lighten-3 {
    border-top: 1px solid #b0bec5!important
}

.border-bottom-grey-blue.border-bottom-lighten-3 {
    border-bottom: 1px solid #b0bec5!important
}

.border-left-grey-blue.border-left-lighten-3 {
    border-left: 1px solid #b0bec5!important
}

.border-right-grey-blue.border-right-lighten-3 {
    border-right: 1px solid #b0bec5!important
}

.overlay-grey-blue.overlay-lighten-3 {
    background: #b0bec5;
    background: rgba(176, 190, 197, .8)
}

.bg-grey-blue.bg-lighten-2,
.btn-grey-blue.btn-lighten-2 {
    background-color: #6f85ad!important
}

.grey-blue.lighten-2 {
    color: #6f85ad!important
}

.bg-grey-blue.bg-lighten-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(111, 133, 173, .6);
    box-shadow: 0 1px 20px 1px rgba(111, 133, 173, .6)
}

.btn-grey-blue.btn-lighten-2 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-lighten-2:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-lighten-2:active,
.btn-grey-blue.btn-lighten-2:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-lighten-2 {
    color: #6f85ad!important;
    border-color: #6f85ad!important
}

.btn-outline-grey-blue.btn-outline-lighten-2:hover {
    background-color: #6f85ad!important
}

.border-grey-blue.border-lighten-2 {
    border: 1px solid #6f85ad!important
}

.border-top-grey-blue.border-top-lighten-2 {
    border-top: 1px solid #6f85ad!important
}

.border-bottom-grey-blue.border-bottom-lighten-2 {
    border-bottom: 1px solid #6f85ad!important
}

.border-left-grey-blue.border-left-lighten-2 {
    border-left: 1px solid #6f85ad!important
}

.border-right-grey-blue.border-right-lighten-2 {
    border-right: 1px solid #6f85ad!important
}

.overlay-grey-blue.overlay-lighten-2 {
    background: #6f85ad;
    background: rgba(111, 133, 173, .8)
}

.bg-grey-blue.bg-lighten-1,
.btn-grey-blue.btn-lighten-1 {
    background-color: #78909c!important
}

.grey-blue.lighten-1 {
    color: #78909c!important
}

.bg-grey-blue.bg-lighten-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(120, 144, 156, .6);
    box-shadow: 0 1px 20px 1px rgba(120, 144, 156, .6)
}

.btn-grey-blue.btn-lighten-1 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-lighten-1:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-lighten-1:active,
.btn-grey-blue.btn-lighten-1:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-lighten-1 {
    color: #78909c!important;
    border-color: #78909c!important
}

.btn-outline-grey-blue.btn-outline-lighten-1:hover {
    background-color: #78909c!important
}

.border-grey-blue.border-lighten-1 {
    border: 1px solid #78909c!important
}

.border-top-grey-blue.border-top-lighten-1 {
    border-top: 1px solid #78909c!important
}

.border-bottom-grey-blue.border-bottom-lighten-1 {
    border-bottom: 1px solid #78909c!important
}

.border-left-grey-blue.border-left-lighten-1 {
    border-left: 1px solid #78909c!important
}

.border-right-grey-blue.border-right-lighten-1 {
    border-right: 1px solid #78909c!important
}

.overlay-grey-blue.overlay-lighten-1 {
    background: #78909c;
    background: rgba(120, 144, 156, .8)
}

.grey-blue {
    color: #1b2942!important
}

.bg-grey-blue {
    background-color: #1b2942!important
}

.bg-grey-blue .card-footer,
.bg-grey-blue .card-header {
    background-color: transparent
}

.bg-grey-blue.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6)
}

body.vertical-layout[data-color=bg-grey-blue] .content-wrapper-before,
body.vertical-layout[data-color=bg-grey-blue] .navbar-container {
    background-color: #1b2942!important
}

body.horizontal-layout[data-color=bg-grey-blue] .navbar-horizontal {
    background-color: #172237
}

.selectboxit.selectboxit-btn.bg-grey-blue,
body.horizontal-layout[data-color=bg-grey-blue] .content-wrapper-before {
    background-color: #1b2942!important
}

.alert-grey-blue {
    color: #fff;
    border-color: #172237;
    background-color: #172237
}

.alert-grey-blue .alert-link {
    color: #fff
}

.overlay-grey-blue {
    background: #1b2942;
    background: rgba(27, 41, 66, .8)
}

.btn-grey-blue {
    color: #fff;
    background-color: #1b2942
}

.btn-grey-blue:hover {
    color: #fff;
    border-color: #1f304d;
    background-color: #1f304d;
    -webkit-box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302);
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302)
}

.btn-grey-blue:active,
.btn-grey-blue:focus {
    color: #fff;
    border-color: #1f304d;
    background-color: #1f304d;
    -webkit-box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302)!important
}

.btn-grey-blue.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6)
}

.btn-outline-grey-blue {
    color: #1b2942;
    border-color: #1b2942;
    background-color: transparent
}

.btn-outline-grey-blue:hover {
    color: #fff!important;
    background-color: #1b2942;
    -webkit-box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302)!important;
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, .451), 0 1px 3px 1px rgba(27, 41, 66, .302)!important
}

.btn-outline-grey-blue.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, .6)
}

input[type=checkbox].bg-grey-blue+.custom-control-label:before,
input[type=radio].bg-grey-blue+.custom-control-label:before {
    background-color: #1b2942!important
}

.bg-grey-blue.bg-darken-1,
.btn-grey-blue.btn-darken-1 {
    background-color: #546e7a!important
}

.border-grey-blue {
    border: 1px solid #1b2942!important
}

.border-top-grey-blue {
    border-top: 1px solid #1b2942
}

.border-bottom-grey-blue {
    border-bottom: 1px solid #1b2942
}

.border-left-grey-blue {
    border-left: 1px solid #1b2942
}

.border-right-grey-blue {
    border-right: 1px solid #1b2942
}

.grey-blue.darken-1 {
    color: #546e7a!important
}

.bg-grey-blue.bg-darken-1.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(84, 110, 122, .6);
    box-shadow: 0 1px 20px 1px rgba(84, 110, 122, .6)
}

.btn-grey-blue.btn-darken-1 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-darken-1:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-darken-1:active,
.btn-grey-blue.btn-darken-1:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-darken-1 {
    color: #546e7a!important;
    border-color: #546e7a!important
}

.btn-outline-grey-blue.btn-outline-darken-1:hover {
    background-color: #546e7a!important
}

.border-grey-blue.border-darken-1 {
    border: 1px solid #546e7a!important
}

.border-top-grey-blue.border-top-darken-1 {
    border-top: 1px solid #546e7a!important
}

.border-bottom-grey-blue.border-bottom-darken-1 {
    border-bottom: 1px solid #546e7a!important
}

.border-left-grey-blue.border-left-darken-1 {
    border-left: 1px solid #546e7a!important
}

.border-right-grey-blue.border-right-darken-1 {
    border-right: 1px solid #546e7a!important
}

.overlay-grey-blue.overlay-darken-1 {
    background: #546e7a;
    background: rgba(84, 110, 122, .8)
}

.bg-grey-blue.bg-darken-2,
.btn-grey-blue.btn-darken-2 {
    background-color: #2c303b!important
}

.grey-blue.darken-2 {
    color: #2c303b!important
}

.bg-grey-blue.bg-darken-2.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(44, 48, 59, .6);
    box-shadow: 0 1px 20px 1px rgba(44, 48, 59, .6)
}

.btn-grey-blue.btn-darken-2 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-darken-2:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-darken-2:active,
.btn-grey-blue.btn-darken-2:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-darken-2 {
    color: #2c303b!important;
    border-color: #2c303b!important
}

.btn-outline-grey-blue.btn-outline-darken-2:hover {
    background-color: #2c303b!important
}

.border-grey-blue.border-darken-2 {
    border: 1px solid #2c303b!important
}

.border-top-grey-blue.border-top-darken-2 {
    border-top: 1px solid #2c303b!important
}

.border-bottom-grey-blue.border-bottom-darken-2 {
    border-bottom: 1px solid #2c303b!important
}

.border-left-grey-blue.border-left-darken-2 {
    border-left: 1px solid #2c303b!important
}

.border-right-grey-blue.border-right-darken-2 {
    border-right: 1px solid #2c303b!important
}

.overlay-grey-blue.overlay-darken-2 {
    background: #2c303b;
    background: rgba(44, 48, 59, .8)
}

.grey-blue.darken-3 {
    color: #37474f!important
}

.bg-grey-blue.bg-darken-3 {
    background-color: #37474f!important
}

.bg-grey-blue.bg-darken-3.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(55, 71, 79, .6);
    box-shadow: 0 1px 20px 1px rgba(55, 71, 79, .6)
}

.btn-grey-blue.btn-darken-3,
.btn-grey-blue.btn-darken-3:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-darken-3:active,
.btn-grey-blue.btn-darken-3:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-darken-3 {
    color: #37474f!important;
    border-color: #37474f!important
}

.btn-outline-grey-blue.btn-outline-darken-3:hover {
    background-color: #37474f!important
}

.border-grey-blue.border-darken-3 {
    border: 1px solid #37474f!important
}

.border-top-grey-blue.border-top-darken-3 {
    border-top: 1px solid #37474f!important
}

.border-bottom-grey-blue.border-bottom-darken-3 {
    border-bottom: 1px solid #37474f!important
}

.border-left-grey-blue.border-left-darken-3 {
    border-left: 1px solid #37474f!important
}

.border-right-grey-blue.border-right-darken-3 {
    border-right: 1px solid #37474f!important
}

.overlay-grey-blue.overlay-darken-3 {
    background: #37474f;
    background: rgba(55, 71, 79, .8)
}

.bg-grey-blue.bg-darken-4,
.btn-grey-blue.btn-darken-4 {
    background-color: #263238!important
}

.grey-blue.darken-4 {
    color: #263238!important
}

.bg-grey-blue.bg-darken-4.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 50, 56, .6);
    box-shadow: 0 1px 20px 1px rgba(38, 50, 56, .6)
}

.btn-grey-blue.btn-darken-4 {
    border-color: #2c303b!important
}

.btn-grey-blue.btn-darken-4:hover {
    border-color: #2c303b!important;
    background-color: #37474f!important
}

.btn-grey-blue.btn-darken-4:active,
.btn-grey-blue.btn-darken-4:focus {
    border-color: #37474f!important;
    background-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-darken-4 {
    color: #263238!important;
    border-color: #263238!important
}

.btn-outline-grey-blue.btn-outline-darken-4:hover {
    background-color: #263238!important
}

input:focus~.bg-grey-blue {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #263238!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #263238!important
}

.border-grey-blue.border-darken-4 {
    border: 1px solid #263238!important
}

.border-top-grey-blue.border-top-darken-4 {
    border-top: 1px solid #263238!important
}

.border-bottom-grey-blue.border-bottom-darken-4 {
    border-bottom: 1px solid #263238!important
}

.border-left-grey-blue.border-left-darken-4 {
    border-left: 1px solid #263238!important
}

.border-right-grey-blue.border-right-darken-4 {
    border-right: 1px solid #263238!important
}

.overlay-grey-blue.overlay-darken-4 {
    background: #263238;
    background: rgba(38, 50, 56, .8)
}

.bg-shades.bg-black,
.btn-outline-shades.btn-outline-black:hover,
.btn-shades.btn-black {
    background-color: #000!important
}

.shades.black {
    color: #000!important
}

.bg-shades.bg-black.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

.btn-outline-shades.btn-outline-black {
    color: #000!important;
    border-color: #000!important
}

.border-shades.border-black {
    border: 1px solid #000!important
}

.border-top-shades.border-top-black {
    border-top: 1px solid #000!important
}

.border-bottom-shades.border-bottom-black {
    border-bottom: 1px solid #000!important
}

.border-left-shades.border-left-black {
    border-left: 1px solid #000!important
}

.border-right-shades.border-right-black {
    border-right: 1px solid #000!important
}

.overlay-shades.overlay-black {
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.bg-shades.bg-white,
.btn-outline-shades.btn-outline-white:hover,
.btn-shades.btn-white {
    background-color: #fff!important
}

.shades.white {
    color: #fff!important
}

.bg-shades.bg-white.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6)
}

.btn-outline-shades.btn-outline-white {
    color: #fff!important;
    border-color: #fff!important
}

.border-shades.border-white {
    border: 1px solid #fff!important
}

.border-top-shades.border-top-white {
    border-top: 1px solid #fff!important
}

.border-bottom-shades.border-bottom-white {
    border-bottom: 1px solid #fff!important
}

.border-left-shades.border-left-white {
    border-left: 1px solid #fff!important
}

.border-right-shades.border-right-white {
    border-right: 1px solid #fff!important
}

.overlay-shades.overlay-white {
    background: #fff;
    background: rgba(255, 255, 255, .8)
}

.bg-shades.bg-transparent,
.btn-outline-shades.btn-outline-transparent:hover,
.btn-shades.btn-transparent {
    background-color: transparent!important
}

.shades.transparent {
    color: transparent!important
}

.bg-shades.bg-transparent.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

.btn-outline-shades.btn-outline-transparent {
    color: transparent!important;
    border-color: transparent!important
}

input:focus~.bg-shades {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem transparent!important;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem transparent!important
}

.border-shades.border-transparent {
    border: 1px solid transparent!important
}

.border-top-shades.border-top-transparent {
    border-top: 1px solid transparent!important
}

.border-bottom-shades.border-bottom-transparent {
    border-bottom: 1px solid transparent!important
}

.border-left-shades.border-left-transparent {
    border-left: 1px solid transparent!important
}

.border-right-shades.border-right-transparent {
    border-right: 1px solid transparent!important
}

.overlay-shades.overlay-transparent {
    background: 0 0;
    background: rgba(0, 0, 0, .8)
}

.bg-black.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

input:focus~.bg-black {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #000
}

.border-top-black {
    border-top: 1px solid #000
}

.border-bottom-black {
    border-bottom: 1px solid #000
}

.border-left-black {
    border-left: 1px solid #000
}

.border-right-black {
    border-right: 1px solid #000
}

.bg-white.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, .6)
}

input:focus~.bg-white {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem #fff
}

.border-top-white {
    border-top: 1px solid #fff
}

.border-bottom-white {
    border-bottom: 1px solid #fff
}

.border-left-white {
    border-left: 1px solid #fff
}

.border-right-white {
    border-right: 1px solid #fff
}

.transparent {
    color: transparent
}

.bg-transparent {
    background-color: transparent
}

.bg-transparent.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .6)
}

input:focus~.bg-transparent {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem transparent;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .21rem transparent
}

.border-transparent {
    border: 1px solid transparent
}

.border-top-transparent {
    border-top: 1px solid transparent
}

.border-bottom-transparent {
    border-bottom: 1px solid transparent
}

.border-left-transparent {
    border-left: 1px solid transparent
}

.border-right-transparent {
    border-right: 1px solid transparent
}

.border-left-radius-palette {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.border-top-radius-palette {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card.border-top-5 {
    border-top-width: 5px!important
}


/* palette-gradient */

.bg-gradient-directional-amber .card-footer,
.bg-gradient-directional-amber .card-header,
.bg-gradient-directional-black .card-footer,
.bg-gradient-directional-black .card-header,
.bg-gradient-directional-blue .card-footer,
.bg-gradient-directional-blue .card-header,
.bg-gradient-directional-blue-grey .card-footer,
.bg-gradient-directional-blue-grey .card-header,
.bg-gradient-directional-chartbg .card-footer,
.bg-gradient-directional-chartbg .card-header,
.bg-gradient-directional-cyan .card-footer,
.bg-gradient-directional-cyan .card-header,
.bg-gradient-directional-danger .card-footer,
.bg-gradient-directional-danger .card-header,
.bg-gradient-directional-grey-blue .card-footer,
.bg-gradient-directional-grey-blue .card-header,
.bg-gradient-directional-info .card-footer,
.bg-gradient-directional-info .card-header,
.bg-gradient-directional-primary .card-footer,
.bg-gradient-directional-primary .card-header,
.bg-gradient-directional-purple .card-footer,
.bg-gradient-directional-purple .card-header,
.bg-gradient-directional-red .card-footer,
.bg-gradient-directional-red .card-header,
.bg-gradient-directional-success .card-footer,
.bg-gradient-directional-success .card-header,
.bg-gradient-directional-teal .card-footer,
.bg-gradient-directional-teal .card-header,
.bg-gradient-directional-warning .card-footer,
.bg-gradient-directional-warning .card-header,
.bg-gradient-directional-white .card-footer,
.bg-gradient-directional-white .card-header,
.bg-gradient-directional-yellow .card-footer,
.bg-gradient-directional-yellow .card-header,
.bg-gradient-radial-amber .card-footer,
.bg-gradient-radial-amber .card-header,
.bg-gradient-radial-black .card-footer,
.bg-gradient-radial-black .card-header,
.bg-gradient-radial-blue .card-footer,
.bg-gradient-radial-blue .card-header,
.bg-gradient-radial-blue-grey .card-footer,
.bg-gradient-radial-blue-grey .card-header,
.bg-gradient-radial-chartbg .card-footer,
.bg-gradient-radial-chartbg .card-header,
.bg-gradient-radial-cyan .card-footer,
.bg-gradient-radial-cyan .card-header,
.bg-gradient-radial-danger .card-footer,
.bg-gradient-radial-danger .card-header,
.bg-gradient-radial-grey-blue .card-footer,
.bg-gradient-radial-grey-blue .card-header,
.bg-gradient-radial-info .card-footer,
.bg-gradient-radial-info .card-header,
.bg-gradient-radial-primary .card-footer,
.bg-gradient-radial-primary .card-header,
.bg-gradient-radial-purple .card-footer,
.bg-gradient-radial-purple .card-header,
.bg-gradient-radial-red .card-footer,
.bg-gradient-radial-red .card-header,
.bg-gradient-radial-success .card-footer,
.bg-gradient-radial-success .card-header,
.bg-gradient-radial-teal .card-footer,
.bg-gradient-radial-teal .card-header,
.bg-gradient-radial-warning .card-footer,
.bg-gradient-radial-warning .card-header,
.bg-gradient-radial-white .card-footer,
.bg-gradient-radial-white .card-header,
.bg-gradient-radial-yellow .card-footer,
.bg-gradient-radial-yellow .card-header,
.bg-gradient-striped-amber .card-footer,
.bg-gradient-striped-amber .card-header,
.bg-gradient-striped-black .card-footer,
.bg-gradient-striped-black .card-header,
.bg-gradient-striped-blue .card-footer,
.bg-gradient-striped-blue .card-header,
.bg-gradient-striped-blue-grey .card-footer,
.bg-gradient-striped-blue-grey .card-header,
.bg-gradient-striped-chartbg .card-footer,
.bg-gradient-striped-chartbg .card-header,
.bg-gradient-striped-cyan .card-footer,
.bg-gradient-striped-cyan .card-header,
.bg-gradient-striped-danger .card-footer,
.bg-gradient-striped-danger .card-header,
.bg-gradient-striped-grey-blue .card-footer,
.bg-gradient-striped-grey-blue .card-header,
.bg-gradient-striped-info .card-footer,
.bg-gradient-striped-info .card-header,
.bg-gradient-striped-primary .card-footer,
.bg-gradient-striped-primary .card-header,
.bg-gradient-striped-purple .card-footer,
.bg-gradient-striped-purple .card-header,
.bg-gradient-striped-red .card-footer,
.bg-gradient-striped-red .card-header,
.bg-gradient-striped-success .card-footer,
.bg-gradient-striped-success .card-header,
.bg-gradient-striped-teal .card-footer,
.bg-gradient-striped-teal .card-header,
.bg-gradient-striped-warning .card-footer,
.bg-gradient-striped-warning .card-header,
.bg-gradient-striped-white .card-footer,
.bg-gradient-striped-white .card-header,
.bg-gradient-striped-yellow .card-footer,
.bg-gradient-striped-yellow .card-header,
.bg-gradient-x-amber .card-footer,
.bg-gradient-x-amber .card-header,
.bg-gradient-x-black .card-footer,
.bg-gradient-x-black .card-header,
.bg-gradient-x-blue .card-footer,
.bg-gradient-x-blue .card-header,
.bg-gradient-x-blue-grey .card-footer,
.bg-gradient-x-blue-grey .card-header,
.bg-gradient-x-chartbg .card-footer,
.bg-gradient-x-chartbg .card-header,
.bg-gradient-x-cyan .card-footer,
.bg-gradient-x-cyan .card-header,
.bg-gradient-x-danger .card-footer,
.bg-gradient-x-danger .card-header,
.bg-gradient-x-grey-blue .card-footer,
.bg-gradient-x-grey-blue .card-header,
.bg-gradient-x-info .card-footer,
.bg-gradient-x-info .card-header,
.bg-gradient-x-primary .card-footer,
.bg-gradient-x-primary .card-header,
.bg-gradient-x-purple .card-footer,
.bg-gradient-x-purple .card-header,
.bg-gradient-x-red .card-footer,
.bg-gradient-x-red .card-header,
.bg-gradient-x-success .card-footer,
.bg-gradient-x-success .card-header,
.bg-gradient-x-teal .card-footer,
.bg-gradient-x-teal .card-header,
.bg-gradient-x-warning .card-footer,
.bg-gradient-x-warning .card-header,
.bg-gradient-x-white .card-footer,
.bg-gradient-x-white .card-header,
.bg-gradient-x-yellow .card-footer,
.bg-gradient-x-yellow .card-header,
.bg-gradient-x2-amber .card-footer,
.bg-gradient-x2-amber .card-header,
.bg-gradient-x2-black .card-footer,
.bg-gradient-x2-black .card-header,
.bg-gradient-x2-blue .card-footer,
.bg-gradient-x2-blue .card-header,
.bg-gradient-x2-blue-grey .card-footer,
.bg-gradient-x2-blue-grey .card-header,
.bg-gradient-x2-chartbg .card-footer,
.bg-gradient-x2-chartbg .card-header,
.bg-gradient-x2-cyan .card-footer,
.bg-gradient-x2-cyan .card-header,
.bg-gradient-x2-danger .card-footer,
.bg-gradient-x2-danger .card-header,
.bg-gradient-x2-grey-blue .card-footer,
.bg-gradient-x2-grey-blue .card-header,
.bg-gradient-x2-info .card-footer,
.bg-gradient-x2-info .card-header,
.bg-gradient-x2-primary .card-footer,
.bg-gradient-x2-primary .card-header,
.bg-gradient-x2-purple .card-footer,
.bg-gradient-x2-purple .card-header,
.bg-gradient-x2-red .card-footer,
.bg-gradient-x2-red .card-header,
.bg-gradient-x2-success .card-footer,
.bg-gradient-x2-success .card-header,
.bg-gradient-x2-teal .card-footer,
.bg-gradient-x2-teal .card-header,
.bg-gradient-x2-warning .card-footer,
.bg-gradient-x2-warning .card-header,
.bg-gradient-x2-white .card-footer,
.bg-gradient-x2-white .card-header,
.bg-gradient-x2-yellow .card-footer,
.bg-gradient-x2-yellow .card-header,
.bg-gradient-y-amber .card-footer,
.bg-gradient-y-amber .card-header,
.bg-gradient-y-black .card-footer,
.bg-gradient-y-black .card-header,
.bg-gradient-y-blue .card-footer,
.bg-gradient-y-blue .card-header,
.bg-gradient-y-blue-grey .card-footer,
.bg-gradient-y-blue-grey .card-header,
.bg-gradient-y-chartbg .card-footer,
.bg-gradient-y-chartbg .card-header,
.bg-gradient-y-cyan .card-footer,
.bg-gradient-y-cyan .card-header,
.bg-gradient-y-danger .card-footer,
.bg-gradient-y-danger .card-header,
.bg-gradient-y-grey-blue .card-footer,
.bg-gradient-y-grey-blue .card-header,
.bg-gradient-y-info .card-footer,
.bg-gradient-y-info .card-header,
.bg-gradient-y-primary .card-footer,
.bg-gradient-y-primary .card-header,
.bg-gradient-y-purple .card-footer,
.bg-gradient-y-purple .card-header,
.bg-gradient-y-red .card-footer,
.bg-gradient-y-red .card-header,
.bg-gradient-y-success .card-footer,
.bg-gradient-y-success .card-header,
.bg-gradient-y-teal .card-footer,
.bg-gradient-y-teal .card-header,
.bg-gradient-y-warning .card-footer,
.bg-gradient-y-warning .card-header,
.bg-gradient-y-white .card-footer,
.bg-gradient-y-white .card-header,
.bg-gradient-y-yellow .card-footer,
.bg-gradient-y-yellow .card-header,
.bg-gradient-y2-amber .card-footer,
.bg-gradient-y2-amber .card-header,
.bg-gradient-y2-black .card-footer,
.bg-gradient-y2-black .card-header,
.bg-gradient-y2-blue .card-footer,
.bg-gradient-y2-blue .card-header,
.bg-gradient-y2-blue-grey .card-footer,
.bg-gradient-y2-blue-grey .card-header,
.bg-gradient-y2-chartbg .card-footer,
.bg-gradient-y2-chartbg .card-header,
.bg-gradient-y2-cyan .card-footer,
.bg-gradient-y2-cyan .card-header,
.bg-gradient-y2-danger .card-footer,
.bg-gradient-y2-danger .card-header,
.bg-gradient-y2-grey-blue .card-footer,
.bg-gradient-y2-grey-blue .card-header,
.bg-gradient-y2-info .card-footer,
.bg-gradient-y2-info .card-header,
.bg-gradient-y2-primary .card-footer,
.bg-gradient-y2-primary .card-header,
.bg-gradient-y2-purple .card-footer,
.bg-gradient-y2-purple .card-header,
.bg-gradient-y2-red .card-footer,
.bg-gradient-y2-red .card-header,
.bg-gradient-y2-success .card-footer,
.bg-gradient-y2-success .card-header,
.bg-gradient-y2-teal .card-footer,
.bg-gradient-y2-teal .card-header,
.bg-gradient-y2-warning .card-footer,
.bg-gradient-y2-warning .card-header,
.bg-gradient-y2-white .card-footer,
.bg-gradient-y2-white .card-header,
.bg-gradient-y2-yellow .card-footer,
.bg-gradient-y2-yellow .card-header {
    background-color: transparent
}

.btn-bg-gradient-x-purple-blue,
.btn-bg-gradient-x-purple-red {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    color: #fff;
    border: none;
    -webkit-background-size: 200% auto
}

.bg-gradient-x-primary {
    background-image: -webkit-gradient(linear, left top, right top, from(#5654c2), to(#9695dd));
    background-image: -webkit-linear-gradient(left, #5654c2 0, #9695dd 100%);
    background-image: -moz-linear-gradient(left, #5654c2 0, #9695dd 100%);
    background-image: -o-linear-gradient(left, #5654c2 0, #9695dd 100%);
    background-image: linear-gradient(to right, #5654c2 0, #9695dd 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5654c2), to(#9695dd));
    background-image: -webkit-linear-gradient(top, #5654c2 0, #9695dd 100%);
    background-image: -moz-linear-gradient(top, #5654c2 0, #9695dd 100%);
    background-image: -o-linear-gradient(top, #5654c2 0, #9695dd 100%);
    background-image: linear-gradient(to bottom, #5654c2 0, #9695dd 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-primary {
    background-image: -webkit-linear-gradient(45deg, #5654c2, #9695dd);
    background-image: -moz-linear-gradient(45deg, #5654c2, #9695dd);
    background-image: -o-linear-gradient(45deg, #5654c2, #9695dd);
    background-image: linear-gradient(45deg, #5654c2, #9695dd);
    background-repeat: repeat-x
}

.bg-gradient-x2-primary {
    background-image: -webkit-gradient(linear, left top, right top, from(#9695dd), color-stop(50%, #6967ce), to(#b4b3e7));
    background-image: -webkit-linear-gradient(left, #9695dd, #6967ce 50%, #b4b3e7);
    background-image: -moz-linear-gradient(left, #9695dd, #6967ce 50%, #b4b3e7);
    background-image: -o-linear-gradient(left, #9695dd, #6967ce 50%, #b4b3e7);
    background-image: linear-gradient(to right, #9695dd, #6967ce 50%, #b4b3e7);
    background-repeat: no-repeat
}

.bg-gradient-y2-primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9695dd), color-stop(50%, #6967ce), to(#b4b3e7));
    background-image: -webkit-linear-gradient(#9695dd, #6967ce 50%, #b4b3e7);
    background-image: -moz-linear-gradient(#9695dd, #6967ce 50%, #b4b3e7);
    background-image: -o-linear-gradient(#9695dd, #6967ce 50%, #b4b3e7);
    background-image: linear-gradient(#9695dd, #6967ce 50%, #b4b3e7);
    background-repeat: no-repeat
}

.bg-gradient-radial-primary {
    background-image: -webkit-radial-gradient(circle, #5654c2, #9695dd);
    background-image: -moz-radial-gradient(circle, #5654c2, #9695dd);
    background-image: -o-radial-gradient(circle, #5654c2, #9695dd);
    background-image: radial-gradient(circle, #5654c2, #9695dd);
    background-repeat: no-repeat
}

.bg-gradient-striped-primary {
    background-image: -webkit-linear-gradient(45deg, #b4b3e7 25%, transparent 25%, transparent 50%, #b4b3e7 50%, #b4b3e7 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #b4b3e7 25%, transparent 25%, transparent 50%, #b4b3e7 50%, #b4b3e7 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #b4b3e7 25%, transparent 25%, transparent 50%, #b4b3e7 50%, #b4b3e7 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #b4b3e7 25%, transparent 25%, transparent 50%, #b4b3e7 50%, #b4b3e7 75%, transparent 75%, transparent)
}

.bg-gradient-x-success {
    background-image: -webkit-gradient(linear, left top, right top, from(#63d457), to(#9fe797));
    background-image: -webkit-linear-gradient(left, #63d457 0, #9fe797 100%);
    background-image: -moz-linear-gradient(left, #63d457 0, #9fe797 100%);
    background-image: -o-linear-gradient(left, #63d457 0, #9fe797 100%);
    background-image: linear-gradient(to right, #63d457 0, #9fe797 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-success {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#63d457), to(#9fe797));
    background-image: -webkit-linear-gradient(top, #63d457 0, #9fe797 100%);
    background-image: -moz-linear-gradient(top, #63d457 0, #9fe797 100%);
    background-image: -o-linear-gradient(top, #63d457 0, #9fe797 100%);
    background-image: linear-gradient(to bottom, #63d457 0, #9fe797 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-success {
    background-image: -webkit-linear-gradient(45deg, #63d457, #9fe797);
    background-image: -moz-linear-gradient(45deg, #63d457, #9fe797);
    background-image: -o-linear-gradient(45deg, #63d457, #9fe797);
    background-image: linear-gradient(45deg, #63d457, #9fe797);
    background-repeat: repeat-x
}

.bg-gradient-x2-success {
    background-image: -webkit-gradient(linear, left top, right top, from(#9fe797), color-stop(50%, #5ed84f), to(#bbeeb5));
    background-image: -webkit-linear-gradient(left, #9fe797, #5ed84f 50%, #bbeeb5);
    background-image: -moz-linear-gradient(left, #9fe797, #5ed84f 50%, #bbeeb5);
    background-image: -o-linear-gradient(left, #9fe797, #5ed84f 50%, #bbeeb5);
    background-image: linear-gradient(to right, #9fe797, #5ed84f 50%, #bbeeb5);
    background-repeat: no-repeat
}

.bg-gradient-y2-success {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9fe797), color-stop(50%, #5ed84f), to(#bbeeb5));
    background-image: -webkit-linear-gradient(#9fe797, #5ed84f 50%, #bbeeb5);
    background-image: -moz-linear-gradient(#9fe797, #5ed84f 50%, #bbeeb5);
    background-image: -o-linear-gradient(#9fe797, #5ed84f 50%, #bbeeb5);
    background-image: linear-gradient(#9fe797, #5ed84f 50%, #bbeeb5);
    background-repeat: no-repeat
}

.bg-gradient-radial-success {
    background-image: -webkit-radial-gradient(circle, #63d457, #9fe797);
    background-image: -moz-radial-gradient(circle, #63d457, #9fe797);
    background-image: -o-radial-gradient(circle, #63d457, #9fe797);
    background-image: radial-gradient(circle, #63d457, #9fe797);
    background-repeat: no-repeat
}

.bg-gradient-striped-success {
    background-image: -webkit-linear-gradient(45deg, #bbeeb5 25%, transparent 25%, transparent 50%, #bbeeb5 50%, #bbeeb5 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #bbeeb5 25%, transparent 25%, transparent 50%, #bbeeb5 50%, #bbeeb5 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #bbeeb5 25%, transparent 25%, transparent 50%, #bbeeb5 50%, #bbeeb5 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #bbeeb5 25%, transparent 25%, transparent 50%, #bbeeb5 50%, #bbeeb5 75%, transparent 75%, transparent)
}

.bg-gradient-x-info {
    background-image: -webkit-gradient(linear, left top, right top, from(#1e9fc4), to(#69c7de));
    background-image: -webkit-linear-gradient(left, #1e9fc4 0, #69c7de 100%);
    background-image: -moz-linear-gradient(left, #1e9fc4 0, #69c7de 100%);
    background-image: -o-linear-gradient(left, #1e9fc4 0, #69c7de 100%);
    background-image: linear-gradient(to right, #1e9fc4 0, #69c7de 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-info {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e9fc4), to(#69c7de));
    background-image: -webkit-linear-gradient(top, #1e9fc4 0, #69c7de 100%);
    background-image: -moz-linear-gradient(top, #1e9fc4 0, #69c7de 100%);
    background-image: -o-linear-gradient(top, #1e9fc4 0, #69c7de 100%);
    background-image: linear-gradient(to bottom, #1e9fc4 0, #69c7de 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-info {
    background-image: -webkit-linear-gradient(45deg, #1e9fc4, #69c7de);
    background-image: -moz-linear-gradient(45deg, #1e9fc4, #69c7de);
    background-image: -o-linear-gradient(45deg, #1e9fc4, #69c7de);
    background-image: linear-gradient(45deg, #1e9fc4, #69c7de);
    background-repeat: repeat-x
}

.bg-gradient-x2-info {
    background-image: -webkit-gradient(linear, left top, right top, from(#69c7de), color-stop(50%, #28afd0), to(#94d7e8));
    background-image: -webkit-linear-gradient(left, #69c7de, #28afd0 50%, #94d7e8);
    background-image: -moz-linear-gradient(left, #69c7de, #28afd0 50%, #94d7e8);
    background-image: -o-linear-gradient(left, #69c7de, #28afd0 50%, #94d7e8);
    background-image: linear-gradient(to right, #69c7de, #28afd0 50%, #94d7e8);
    background-repeat: no-repeat
}

.bg-gradient-y2-info {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#69c7de), color-stop(50%, #28afd0), to(#94d7e8));
    background-image: -webkit-linear-gradient(#69c7de, #28afd0 50%, #94d7e8);
    background-image: -moz-linear-gradient(#69c7de, #28afd0 50%, #94d7e8);
    background-image: -o-linear-gradient(#69c7de, #28afd0 50%, #94d7e8);
    background-image: linear-gradient(#69c7de, #28afd0 50%, #94d7e8);
    background-repeat: no-repeat
}

.bg-gradient-radial-info {
    background-image: -webkit-radial-gradient(circle, #1e9fc4, #69c7de);
    background-image: -moz-radial-gradient(circle, #1e9fc4, #69c7de);
    background-image: -o-radial-gradient(circle, #1e9fc4, #69c7de);
    background-image: radial-gradient(circle, #1e9fc4, #69c7de);
    background-repeat: no-repeat
}

.bg-gradient-striped-info {
    background-image: -webkit-linear-gradient(45deg, #94d7e8 25%, transparent 25%, transparent 50%, #94d7e8 50%, #94d7e8 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #94d7e8 25%, transparent 25%, transparent 50%, #94d7e8 50%, #94d7e8 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #94d7e8 25%, transparent 25%, transparent 50%, #94d7e8 50%, #94d7e8 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #94d7e8 25%, transparent 25%, transparent 50%, #94d7e8 50%, #94d7e8 75%, transparent 75%, transparent)
}

.bg-gradient-x-warning {
    background-image: -webkit-gradient(linear, left top, right top, from(#fcaa01), to(#fece4d));
    background-image: -webkit-linear-gradient(left, #fcaa01 0, #fece4d 100%);
    background-image: -moz-linear-gradient(left, #fcaa01 0, #fece4d 100%);
    background-image: -o-linear-gradient(left, #fcaa01 0, #fece4d 100%);
    background-image: linear-gradient(to right, #fcaa01 0, #fece4d 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-warning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcaa01), to(#fece4d));
    background-image: -webkit-linear-gradient(top, #fcaa01 0, #fece4d 100%);
    background-image: -moz-linear-gradient(top, #fcaa01 0, #fece4d 100%);
    background-image: -o-linear-gradient(top, #fcaa01 0, #fece4d 100%);
    background-image: linear-gradient(to bottom, #fcaa01 0, #fece4d 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-warning {
    background-image: -webkit-linear-gradient(45deg, #fcaa01, #fece4d);
    background-image: -moz-linear-gradient(45deg, #fcaa01, #fece4d);
    background-image: -o-linear-gradient(45deg, #fcaa01, #fece4d);
    background-image: linear-gradient(45deg, #fcaa01, #fece4d);
    background-repeat: repeat-x
}

.bg-gradient-x2-warning {
    background-image: -webkit-gradient(linear, left top, right top, from(#fece4d), color-stop(50%, #fdb901), to(#fedc80));
    background-image: -webkit-linear-gradient(left, #fece4d, #fdb901 50%, #fedc80);
    background-image: -moz-linear-gradient(left, #fece4d, #fdb901 50%, #fedc80);
    background-image: -o-linear-gradient(left, #fece4d, #fdb901 50%, #fedc80);
    background-image: linear-gradient(to right, #fece4d, #fdb901 50%, #fedc80);
    background-repeat: no-repeat
}

.bg-gradient-y2-warning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fece4d), color-stop(50%, #fdb901), to(#fedc80));
    background-image: -webkit-linear-gradient(#fece4d, #fdb901 50%, #fedc80);
    background-image: -moz-linear-gradient(#fece4d, #fdb901 50%, #fedc80);
    background-image: -o-linear-gradient(#fece4d, #fdb901 50%, #fedc80);
    background-image: linear-gradient(#fece4d, #fdb901 50%, #fedc80);
    background-repeat: no-repeat
}

.bg-gradient-radial-warning {
    background-image: -webkit-radial-gradient(circle, #fcaa01, #fece4d);
    background-image: -moz-radial-gradient(circle, #fcaa01, #fece4d);
    background-image: -o-radial-gradient(circle, #fcaa01, #fece4d);
    background-image: radial-gradient(circle, #fcaa01, #fece4d);
    background-repeat: no-repeat
}

.bg-gradient-striped-warning {
    background-image: -webkit-linear-gradient(45deg, #fedc80 25%, transparent 25%, transparent 50%, #fedc80 50%, #fedc80 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #fedc80 25%, transparent 25%, transparent 50%, #fedc80 50%, #fedc80 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #fedc80 25%, transparent 25%, transparent 50%, #fedc80 50%, #fedc80 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #fedc80 25%, transparent 25%, transparent 50%, #fedc80 50%, #fedc80 75%, transparent 75%, transparent)
}

.bg-gradient-x-danger {
    background-image: -webkit-gradient(linear, left top, right top, from(#f95058), to(#fc9197));
    background-image: -webkit-linear-gradient(left, #f95058 0, #fc9197 100%);
    background-image: -moz-linear-gradient(left, #f95058 0, #fc9197 100%);
    background-image: -o-linear-gradient(left, #f95058 0, #fc9197 100%);
    background-image: linear-gradient(to right, #f95058 0, #fc9197 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-danger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f95058), to(#fc9197));
    background-image: -webkit-linear-gradient(top, #f95058 0, #fc9197 100%);
    background-image: -moz-linear-gradient(top, #f95058 0, #fc9197 100%);
    background-image: -o-linear-gradient(top, #f95058 0, #fc9197 100%);
    background-image: linear-gradient(to bottom, #f95058 0, #fc9197 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-danger {
    background-image: -webkit-linear-gradient(45deg, #f95058, #fc9197);
    background-image: -moz-linear-gradient(45deg, #f95058, #fc9197);
    background-image: -o-linear-gradient(45deg, #f95058, #fc9197);
    background-image: linear-gradient(45deg, #f95058, #fc9197);
    background-repeat: repeat-x
}

.bg-gradient-x2-danger {
    background-image: -webkit-gradient(linear, left top, right top, from(#fc9197), color-stop(50%, #fa626b), to(#fdb1b5));
    background-image: -webkit-linear-gradient(left, #fc9197, #fa626b 50%, #fdb1b5);
    background-image: -moz-linear-gradient(left, #fc9197, #fa626b 50%, #fdb1b5);
    background-image: -o-linear-gradient(left, #fc9197, #fa626b 50%, #fdb1b5);
    background-image: linear-gradient(to right, #fc9197, #fa626b 50%, #fdb1b5);
    background-repeat: no-repeat
}

.bg-gradient-y2-danger {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fc9197), color-stop(50%, #fa626b), to(#fdb1b5));
    background-image: -webkit-linear-gradient(#fc9197, #fa626b 50%, #fdb1b5);
    background-image: -moz-linear-gradient(#fc9197, #fa626b 50%, #fdb1b5);
    background-image: -o-linear-gradient(#fc9197, #fa626b 50%, #fdb1b5);
    background-image: linear-gradient(#fc9197, #fa626b 50%, #fdb1b5);
    background-repeat: no-repeat
}

.bg-gradient-radial-danger {
    background-image: -webkit-radial-gradient(circle, #f95058, #fc9197);
    background-image: -moz-radial-gradient(circle, #f95058, #fc9197);
    background-image: -o-radial-gradient(circle, #f95058, #fc9197);
    background-image: radial-gradient(circle, #f95058, #fc9197);
    background-repeat: no-repeat
}

.bg-gradient-striped-danger {
    background-image: -webkit-linear-gradient(45deg, #fdb1b5 25%, transparent 25%, transparent 50%, #fdb1b5 50%, #fdb1b5 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #fdb1b5 25%, transparent 25%, transparent 50%, #fdb1b5 50%, #fdb1b5 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #fdb1b5 25%, transparent 25%, transparent 50%, #fdb1b5 50%, #fdb1b5 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #fdb1b5 25%, transparent 25%, transparent 50%, #fdb1b5 50%, #fdb1b5 75%, transparent 75%, transparent)
}

.bg-gradient-x-red {
    background-image: -webkit-gradient(linear, left top, right top, from(#d32f2f), to(#e57373));
    background-image: -webkit-linear-gradient(left, #d32f2f 0, #e57373 100%);
    background-image: -moz-linear-gradient(left, #d32f2f 0, #e57373 100%);
    background-image: -o-linear-gradient(left, #d32f2f 0, #e57373 100%);
    background-image: linear-gradient(to right, #d32f2f 0, #e57373 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d32f2f), to(#e57373));
    background-image: -webkit-linear-gradient(top, #d32f2f 0, #e57373 100%);
    background-image: -moz-linear-gradient(top, #d32f2f 0, #e57373 100%);
    background-image: -o-linear-gradient(top, #d32f2f 0, #e57373 100%);
    background-image: linear-gradient(to bottom, #d32f2f 0, #e57373 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-red {
    background-image: -webkit-linear-gradient(45deg, #d32f2f, #e57373);
    background-image: -moz-linear-gradient(45deg, #d32f2f, #e57373);
    background-image: -o-linear-gradient(45deg, #d32f2f, #e57373);
    background-image: linear-gradient(45deg, #d32f2f, #e57373);
    background-repeat: repeat-x
}

.bg-gradient-x2-red {
    background-image: -webkit-gradient(linear, left top, right top, from(#e57373), color-stop(50%, #f44336), to(#ef9a9a));
    background-image: -webkit-linear-gradient(left, #e57373, #f44336 50%, #ef9a9a);
    background-image: -moz-linear-gradient(left, #e57373, #f44336 50%, #ef9a9a);
    background-image: -o-linear-gradient(left, #e57373, #f44336 50%, #ef9a9a);
    background-image: linear-gradient(to right, #e57373, #f44336 50%, #ef9a9a);
    background-repeat: no-repeat
}

.bg-gradient-y2-red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e57373), color-stop(50%, #f44336), to(#ef9a9a));
    background-image: -webkit-linear-gradient(#e57373, #f44336 50%, #ef9a9a);
    background-image: -moz-linear-gradient(#e57373, #f44336 50%, #ef9a9a);
    background-image: -o-linear-gradient(#e57373, #f44336 50%, #ef9a9a);
    background-image: linear-gradient(#e57373, #f44336 50%, #ef9a9a);
    background-repeat: no-repeat
}

.bg-gradient-radial-red {
    background-image: -webkit-radial-gradient(circle, #d32f2f, #e57373);
    background-image: -moz-radial-gradient(circle, #d32f2f, #e57373);
    background-image: -o-radial-gradient(circle, #d32f2f, #e57373);
    background-image: radial-gradient(circle, #d32f2f, #e57373);
    background-repeat: no-repeat
}

.bg-gradient-striped-red {
    background-image: -webkit-linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent)
}

.bg-gradient-x-pink {
    background-image: -webkit-gradient(linear, left top, right top, from(#c2185b), to(#f06292));
    background-image: -webkit-linear-gradient(left, #c2185b 0, #f06292 100%);
    background-image: -moz-linear-gradient(left, #c2185b 0, #f06292 100%);
    background-image: -o-linear-gradient(left, #c2185b 0, #f06292 100%);
    background-image: linear-gradient(to right, #c2185b 0, #f06292 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-pink {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c2185b), to(#f06292));
    background-image: -webkit-linear-gradient(top, #c2185b 0, #f06292 100%);
    background-image: -moz-linear-gradient(top, #c2185b 0, #f06292 100%);
    background-image: -o-linear-gradient(top, #c2185b 0, #f06292 100%);
    background-image: linear-gradient(to bottom, #c2185b 0, #f06292 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-pink {
    background-image: -webkit-linear-gradient(45deg, #c2185b, #f06292);
    background-image: -moz-linear-gradient(45deg, #c2185b, #f06292);
    background-image: -o-linear-gradient(45deg, #c2185b, #f06292);
    background-image: linear-gradient(45deg, #c2185b, #f06292);
    background-repeat: repeat-x
}

.bg-gradient-x2-pink {
    background-image: -webkit-gradient(linear, left top, right top, from(#f06292), color-stop(50%, #e91e63), to(#f48fb1));
    background-image: -webkit-linear-gradient(left, #f06292, #e91e63 50%, #f48fb1);
    background-image: -moz-linear-gradient(left, #f06292, #e91e63 50%, #f48fb1);
    background-image: -o-linear-gradient(left, #f06292, #e91e63 50%, #f48fb1);
    background-image: linear-gradient(to right, #f06292, #e91e63 50%, #f48fb1);
    background-repeat: no-repeat
}

.bg-gradient-y2-pink {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f06292), color-stop(50%, #e91e63), to(#f48fb1));
    background-image: -webkit-linear-gradient(#f06292, #e91e63 50%, #f48fb1);
    background-image: -moz-linear-gradient(#f06292, #e91e63 50%, #f48fb1);
    background-image: -o-linear-gradient(#f06292, #e91e63 50%, #f48fb1);
    background-image: linear-gradient(#f06292, #e91e63 50%, #f48fb1);
    background-repeat: no-repeat
}

.bg-gradient-radial-pink {
    background-image: -webkit-radial-gradient(circle, #c2185b, #f06292);
    background-image: -moz-radial-gradient(circle, #c2185b, #f06292);
    background-image: -o-radial-gradient(circle, #c2185b, #f06292);
    background-image: radial-gradient(circle, #c2185b, #f06292);
    background-repeat: no-repeat
}

.bg-gradient-striped-pink {
    background-image: -webkit-linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent)
}

.bg-gradient-directional-pink .card-footer,
.bg-gradient-directional-pink .card-header,
.bg-gradient-radial-pink .card-footer,
.bg-gradient-radial-pink .card-header,
.bg-gradient-striped-pink .card-footer,
.bg-gradient-striped-pink .card-header,
.bg-gradient-x-pink .card-footer,
.bg-gradient-x-pink .card-header,
.bg-gradient-x2-pink .card-footer,
.bg-gradient-x2-pink .card-header,
.bg-gradient-y-pink .card-footer,
.bg-gradient-y-pink .card-header,
.bg-gradient-y2-pink .card-footer,
.bg-gradient-y2-pink .card-header {
    background-color: transparent
}

.bg-gradient-x-purple {
    background-image: -webkit-gradient(linear, left top, right top, from(#7b1fa2), to(#ba68c8));
    background-image: -webkit-linear-gradient(left, #7b1fa2 0, #ba68c8 100%);
    background-image: -moz-linear-gradient(left, #7b1fa2 0, #ba68c8 100%);
    background-image: -o-linear-gradient(left, #7b1fa2 0, #ba68c8 100%);
    background-image: linear-gradient(to right, #7b1fa2 0, #ba68c8 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-purple {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7b1fa2), to(#ba68c8));
    background-image: -webkit-linear-gradient(top, #7b1fa2 0, #ba68c8 100%);
    background-image: -moz-linear-gradient(top, #7b1fa2 0, #ba68c8 100%);
    background-image: -o-linear-gradient(top, #7b1fa2 0, #ba68c8 100%);
    background-image: linear-gradient(to bottom, #7b1fa2 0, #ba68c8 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-purple {
    background-image: -webkit-linear-gradient(45deg, #7b1fa2, #ba68c8);
    background-image: -moz-linear-gradient(45deg, #7b1fa2, #ba68c8);
    background-image: -o-linear-gradient(45deg, #7b1fa2, #ba68c8);
    background-image: linear-gradient(45deg, #7b1fa2, #ba68c8);
    background-repeat: repeat-x
}

.bg-gradient-x2-purple {
    background-image: -webkit-gradient(linear, left top, right top, from(#ba68c8), color-stop(50%, #9c27b0), to(#ce93d8));
    background-image: -webkit-linear-gradient(left, #ba68c8, #9c27b0 50%, #ce93d8);
    background-image: -moz-linear-gradient(left, #ba68c8, #9c27b0 50%, #ce93d8);
    background-image: -o-linear-gradient(left, #ba68c8, #9c27b0 50%, #ce93d8);
    background-image: linear-gradient(to right, #ba68c8, #9c27b0 50%, #ce93d8);
    background-repeat: no-repeat
}

.bg-gradient-y2-purple {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ba68c8), color-stop(50%, #9c27b0), to(#ce93d8));
    background-image: -webkit-linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
    background-image: -moz-linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
    background-image: -o-linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
    background-image: linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
    background-repeat: no-repeat
}

.bg-gradient-radial-purple {
    background-image: -webkit-radial-gradient(circle, #7b1fa2, #ba68c8);
    background-image: -moz-radial-gradient(circle, #7b1fa2, #ba68c8);
    background-image: -o-radial-gradient(circle, #7b1fa2, #ba68c8);
    background-image: radial-gradient(circle, #7b1fa2, #ba68c8);
    background-repeat: no-repeat
}

.bg-gradient-striped-purple {
    background-image: -webkit-linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent)
}

.bg-gradient-x-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#1976d2), to(#64b5f6));
    background-image: -webkit-linear-gradient(left, #1976d2 0, #64b5f6 100%);
    background-image: -moz-linear-gradient(left, #1976d2 0, #64b5f6 100%);
    background-image: -o-linear-gradient(left, #1976d2 0, #64b5f6 100%);
    background-image: linear-gradient(to right, #1976d2 0, #64b5f6 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1976d2), to(#64b5f6));
    background-image: -webkit-linear-gradient(top, #1976d2 0, #64b5f6 100%);
    background-image: -moz-linear-gradient(top, #1976d2 0, #64b5f6 100%);
    background-image: -o-linear-gradient(top, #1976d2 0, #64b5f6 100%);
    background-image: linear-gradient(to bottom, #1976d2 0, #64b5f6 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-blue {
    background-image: -webkit-linear-gradient(45deg, #1976d2, #64b5f6);
    background-image: -moz-linear-gradient(45deg, #1976d2, #64b5f6);
    background-image: -o-linear-gradient(45deg, #1976d2, #64b5f6);
    background-image: linear-gradient(45deg, #1976d2, #64b5f6);
    background-repeat: repeat-x
}

.bg-gradient-x2-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#64b5f6), color-stop(50%, #2196f3), to(#90caf9));
    background-image: -webkit-linear-gradient(left, #64b5f6, #2196f3 50%, #90caf9);
    background-image: -moz-linear-gradient(left, #64b5f6, #2196f3 50%, #90caf9);
    background-image: -o-linear-gradient(left, #64b5f6, #2196f3 50%, #90caf9);
    background-image: linear-gradient(to right, #64b5f6, #2196f3 50%, #90caf9);
    background-repeat: no-repeat
}

.bg-gradient-y2-blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#64b5f6), color-stop(50%, #2196f3), to(#90caf9));
    background-image: -webkit-linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
    background-image: -moz-linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
    background-image: -o-linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
    background-image: linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
    background-repeat: no-repeat
}

.bg-gradient-radial-blue {
    background-image: -webkit-radial-gradient(circle, #1976d2, #64b5f6);
    background-image: -moz-radial-gradient(circle, #1976d2, #64b5f6);
    background-image: -o-radial-gradient(circle, #1976d2, #64b5f6);
    background-image: radial-gradient(circle, #1976d2, #64b5f6);
    background-repeat: no-repeat
}

.bg-gradient-striped-blue {
    background-image: -webkit-linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent)
}

.bg-gradient-x-cyan {
    background-image: -webkit-gradient(linear, left top, right top, from(#0097a7), to(#4dd0e1));
    background-image: -webkit-linear-gradient(left, #0097a7 0, #4dd0e1 100%);
    background-image: -moz-linear-gradient(left, #0097a7 0, #4dd0e1 100%);
    background-image: -o-linear-gradient(left, #0097a7 0, #4dd0e1 100%);
    background-image: linear-gradient(to right, #0097a7 0, #4dd0e1 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-cyan {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0097a7), to(#4dd0e1));
    background-image: -webkit-linear-gradient(top, #0097a7 0, #4dd0e1 100%);
    background-image: -moz-linear-gradient(top, #0097a7 0, #4dd0e1 100%);
    background-image: -o-linear-gradient(top, #0097a7 0, #4dd0e1 100%);
    background-image: linear-gradient(to bottom, #0097a7 0, #4dd0e1 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-cyan {
    background-image: -webkit-linear-gradient(45deg, #0097a7, #4dd0e1);
    background-image: -moz-linear-gradient(45deg, #0097a7, #4dd0e1);
    background-image: -o-linear-gradient(45deg, #0097a7, #4dd0e1);
    background-image: linear-gradient(45deg, #0097a7, #4dd0e1);
    background-repeat: repeat-x
}

.bg-gradient-x2-cyan {
    background-image: -webkit-gradient(linear, left top, right top, from(#4dd0e1), color-stop(50%, #00bcd4), to(#80deea));
    background-image: -webkit-linear-gradient(left, #4dd0e1, #00bcd4 50%, #80deea);
    background-image: -moz-linear-gradient(left, #4dd0e1, #00bcd4 50%, #80deea);
    background-image: -o-linear-gradient(left, #4dd0e1, #00bcd4 50%, #80deea);
    background-image: linear-gradient(to right, #4dd0e1, #00bcd4 50%, #80deea);
    background-repeat: no-repeat
}

.bg-gradient-y2-cyan {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4dd0e1), color-stop(50%, #00bcd4), to(#80deea));
    background-image: -webkit-linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
    background-image: -moz-linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
    background-image: -o-linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
    background-image: linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
    background-repeat: no-repeat
}

.bg-gradient-radial-cyan {
    background-image: -webkit-radial-gradient(circle, #0097a7, #4dd0e1);
    background-image: -moz-radial-gradient(circle, #0097a7, #4dd0e1);
    background-image: -o-radial-gradient(circle, #0097a7, #4dd0e1);
    background-image: radial-gradient(circle, #0097a7, #4dd0e1);
    background-repeat: no-repeat
}

.bg-gradient-striped-cyan {
    background-image: -webkit-linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent)
}

.bg-gradient-x-teal {
    background-image: -webkit-gradient(linear, left top, right top, from(#00796b), to(#4db6ac));
    background-image: -webkit-linear-gradient(left, #00796b 0, #4db6ac 100%);
    background-image: -moz-linear-gradient(left, #00796b 0, #4db6ac 100%);
    background-image: -o-linear-gradient(left, #00796b 0, #4db6ac 100%);
    background-image: linear-gradient(to right, #00796b 0, #4db6ac 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-teal {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00796b), to(#4db6ac));
    background-image: -webkit-linear-gradient(top, #00796b 0, #4db6ac 100%);
    background-image: -moz-linear-gradient(top, #00796b 0, #4db6ac 100%);
    background-image: -o-linear-gradient(top, #00796b 0, #4db6ac 100%);
    background-image: linear-gradient(to bottom, #00796b 0, #4db6ac 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-teal {
    background-image: -webkit-linear-gradient(45deg, #00796b, #4db6ac);
    background-image: -moz-linear-gradient(45deg, #00796b, #4db6ac);
    background-image: -o-linear-gradient(45deg, #00796b, #4db6ac);
    background-image: linear-gradient(45deg, #00796b, #4db6ac);
    background-repeat: repeat-x
}

.bg-gradient-x2-teal {
    background-image: -webkit-gradient(linear, left top, right top, from(#4db6ac), color-stop(50%, #009688), to(#80cbc4));
    background-image: -webkit-linear-gradient(left, #4db6ac, #009688 50%, #80cbc4);
    background-image: -moz-linear-gradient(left, #4db6ac, #009688 50%, #80cbc4);
    background-image: -o-linear-gradient(left, #4db6ac, #009688 50%, #80cbc4);
    background-image: linear-gradient(to right, #4db6ac, #009688 50%, #80cbc4);
    background-repeat: no-repeat
}

.bg-gradient-y2-teal {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4db6ac), color-stop(50%, #009688), to(#80cbc4));
    background-image: -webkit-linear-gradient(#4db6ac, #009688 50%, #80cbc4);
    background-image: -moz-linear-gradient(#4db6ac, #009688 50%, #80cbc4);
    background-image: -o-linear-gradient(#4db6ac, #009688 50%, #80cbc4);
    background-image: linear-gradient(#4db6ac, #009688 50%, #80cbc4);
    background-repeat: no-repeat
}

.bg-gradient-radial-teal {
    background-image: -webkit-radial-gradient(circle, #00796b, #4db6ac);
    background-image: -moz-radial-gradient(circle, #00796b, #4db6ac);
    background-image: -o-radial-gradient(circle, #00796b, #4db6ac);
    background-image: radial-gradient(circle, #00796b, #4db6ac);
    background-repeat: no-repeat
}

.bg-gradient-striped-teal {
    background-image: -webkit-linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent)
}

.bg-gradient-x-yellow {
    background-image: -webkit-gradient(linear, left top, right top, from(#fbc02d), to(#fff176));
    background-image: -webkit-linear-gradient(left, #fbc02d 0, #fff176 100%);
    background-image: -moz-linear-gradient(left, #fbc02d 0, #fff176 100%);
    background-image: -o-linear-gradient(left, #fbc02d 0, #fff176 100%);
    background-image: linear-gradient(to right, #fbc02d 0, #fff176 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-yellow {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbc02d), to(#fff176));
    background-image: -webkit-linear-gradient(top, #fbc02d 0, #fff176 100%);
    background-image: -moz-linear-gradient(top, #fbc02d 0, #fff176 100%);
    background-image: -o-linear-gradient(top, #fbc02d 0, #fff176 100%);
    background-image: linear-gradient(to bottom, #fbc02d 0, #fff176 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-yellow {
    background-image: -webkit-linear-gradient(45deg, #fbc02d, #fff176);
    background-image: -moz-linear-gradient(45deg, #fbc02d, #fff176);
    background-image: -o-linear-gradient(45deg, #fbc02d, #fff176);
    background-image: linear-gradient(45deg, #fbc02d, #fff176);
    background-repeat: repeat-x
}

.bg-gradient-x2-yellow {
    background-image: -webkit-gradient(linear, left top, right top, from(#fff176), color-stop(50%, #ffeb3b), to(#fff59d));
    background-image: -webkit-linear-gradient(left, #fff176, #ffeb3b 50%, #fff59d);
    background-image: -moz-linear-gradient(left, #fff176, #ffeb3b 50%, #fff59d);
    background-image: -o-linear-gradient(left, #fff176, #ffeb3b 50%, #fff59d);
    background-image: linear-gradient(to right, #fff176, #ffeb3b 50%, #fff59d);
    background-repeat: no-repeat
}

.bg-gradient-y2-yellow {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff176), color-stop(50%, #ffeb3b), to(#fff59d));
    background-image: -webkit-linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
    background-image: -moz-linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
    background-image: -o-linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
    background-image: linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
    background-repeat: no-repeat
}

.bg-gradient-radial-yellow {
    background-image: -webkit-radial-gradient(circle, #fbc02d, #fff176);
    background-image: -moz-radial-gradient(circle, #fbc02d, #fff176);
    background-image: -o-radial-gradient(circle, #fbc02d, #fff176);
    background-image: radial-gradient(circle, #fbc02d, #fff176);
    background-repeat: no-repeat
}

.bg-gradient-striped-yellow {
    background-image: -webkit-linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent)
}

.bg-gradient-x-amber {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffa000), to(#ffd54f));
    background-image: -webkit-linear-gradient(left, #ffa000 0, #ffd54f 100%);
    background-image: -moz-linear-gradient(left, #ffa000 0, #ffd54f 100%);
    background-image: -o-linear-gradient(left, #ffa000 0, #ffd54f 100%);
    background-image: linear-gradient(to right, #ffa000 0, #ffd54f 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-amber {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa000), to(#ffd54f));
    background-image: -webkit-linear-gradient(top, #ffa000 0, #ffd54f 100%);
    background-image: -moz-linear-gradient(top, #ffa000 0, #ffd54f 100%);
    background-image: -o-linear-gradient(top, #ffa000 0, #ffd54f 100%);
    background-image: linear-gradient(to bottom, #ffa000 0, #ffd54f 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-amber {
    background-image: -webkit-linear-gradient(45deg, #ffa000, #ffd54f);
    background-image: -moz-linear-gradient(45deg, #ffa000, #ffd54f);
    background-image: -o-linear-gradient(45deg, #ffa000, #ffd54f);
    background-image: linear-gradient(45deg, #ffa000, #ffd54f);
    background-repeat: repeat-x
}

.bg-gradient-x2-amber {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffd54f), color-stop(50%, #ffc107), to(#ffe082));
    background-image: -webkit-linear-gradient(left, #ffd54f, #ffc107 50%, #ffe082);
    background-image: -moz-linear-gradient(left, #ffd54f, #ffc107 50%, #ffe082);
    background-image: -o-linear-gradient(left, #ffd54f, #ffc107 50%, #ffe082);
    background-image: linear-gradient(to right, #ffd54f, #ffc107 50%, #ffe082);
    background-repeat: no-repeat
}

.bg-gradient-y2-amber {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd54f), color-stop(50%, #ffc107), to(#ffe082));
    background-image: -webkit-linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
    background-image: -moz-linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
    background-image: -o-linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
    background-image: linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
    background-repeat: no-repeat
}

.bg-gradient-radial-amber {
    background-image: -webkit-radial-gradient(circle, #ffa000, #ffd54f);
    background-image: -moz-radial-gradient(circle, #ffa000, #ffd54f);
    background-image: -o-radial-gradient(circle, #ffa000, #ffd54f);
    background-image: radial-gradient(circle, #ffa000, #ffd54f);
    background-repeat: no-repeat
}

.bg-gradient-striped-amber {
    background-image: -webkit-linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent)
}

.bg-gradient-x-blue-grey {
    background-image: -webkit-gradient(linear, left top, right top, from(#455a64), to(#90a4ae));
    background-image: -webkit-linear-gradient(left, #455a64 0, #90a4ae 100%);
    background-image: -moz-linear-gradient(left, #455a64 0, #90a4ae 100%);
    background-image: -o-linear-gradient(left, #455a64 0, #90a4ae 100%);
    background-image: linear-gradient(to right, #455a64 0, #90a4ae 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-blue-grey {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#455a64), to(#90a4ae));
    background-image: -webkit-linear-gradient(top, #455a64 0, #90a4ae 100%);
    background-image: -moz-linear-gradient(top, #455a64 0, #90a4ae 100%);
    background-image: -o-linear-gradient(top, #455a64 0, #90a4ae 100%);
    background-image: linear-gradient(to bottom, #455a64 0, #90a4ae 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-blue-grey {
    background-image: -webkit-linear-gradient(45deg, #455a64, #90a4ae);
    background-image: -moz-linear-gradient(45deg, #455a64, #90a4ae);
    background-image: -o-linear-gradient(45deg, #455a64, #90a4ae);
    background-image: linear-gradient(45deg, #455a64, #90a4ae);
    background-repeat: repeat-x
}

.bg-gradient-x2-blue-grey {
    background-image: -webkit-gradient(linear, left top, right top, from(#90a4ae), color-stop(50%, #607d8b), to(#b0bec5));
    background-image: -webkit-linear-gradient(left, #90a4ae, #607d8b 50%, #b0bec5);
    background-image: -moz-linear-gradient(left, #90a4ae, #607d8b 50%, #b0bec5);
    background-image: -o-linear-gradient(left, #90a4ae, #607d8b 50%, #b0bec5);
    background-image: linear-gradient(to right, #90a4ae, #607d8b 50%, #b0bec5);
    background-repeat: no-repeat
}

.bg-gradient-y2-blue-grey {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#90a4ae), color-stop(50%, #607d8b), to(#b0bec5));
    background-image: -webkit-linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
    background-image: -moz-linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
    background-image: -o-linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
    background-image: linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
    background-repeat: no-repeat
}

.bg-gradient-radial-blue-grey {
    background-image: -webkit-radial-gradient(circle, #455a64, #90a4ae);
    background-image: -moz-radial-gradient(circle, #455a64, #90a4ae);
    background-image: -o-radial-gradient(circle, #455a64, #90a4ae);
    background-image: radial-gradient(circle, #455a64, #90a4ae);
    background-repeat: no-repeat
}

.bg-gradient-striped-blue-grey {
    background-image: -webkit-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent)
}

.bg-gradient-x-grey-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#2c303b), to(#6f85ad));
    background-image: -webkit-linear-gradient(left, #2c303b 0, #6f85ad 100%);
    background-image: -moz-linear-gradient(left, #2c303b 0, #6f85ad 100%);
    background-image: -o-linear-gradient(left, #2c303b 0, #6f85ad 100%);
    background-image: linear-gradient(to right, #2c303b 0, #6f85ad 100%);
    background-repeat: repeat-x
}

.bg-gradient-y-grey-blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c303b), to(#6f85ad));
    background-image: -webkit-linear-gradient(top, #2c303b 0, #6f85ad 100%);
    background-image: -moz-linear-gradient(top, #2c303b 0, #6f85ad 100%);
    background-image: -o-linear-gradient(top, #2c303b 0, #6f85ad 100%);
    background-image: linear-gradient(to bottom, #2c303b 0, #6f85ad 100%);
    background-repeat: repeat-x
}

.bg-gradient-directional-grey-blue {
    background-image: -webkit-linear-gradient(45deg, #2c303b, #6f85ad);
    background-image: -moz-linear-gradient(45deg, #2c303b, #6f85ad);
    background-image: -o-linear-gradient(45deg, #2c303b, #6f85ad);
    background-image: linear-gradient(45deg, #2c303b, #6f85ad);
    background-repeat: repeat-x
}

.bg-gradient-x2-grey-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#6f85ad), color-stop(50%, #1b2942), to(#b0bec5));
    background-image: -webkit-linear-gradient(left, #6f85ad, #1b2942 50%, #b0bec5);
    background-image: -moz-linear-gradient(left, #6f85ad, #1b2942 50%, #b0bec5);
    background-image: -o-linear-gradient(left, #6f85ad, #1b2942 50%, #b0bec5);
    background-image: linear-gradient(to right, #6f85ad, #1b2942 50%, #b0bec5);
    background-repeat: no-repeat
}

.bg-gradient-y2-grey-blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6f85ad), color-stop(50%, #1b2942), to(#b0bec5));
    background-image: -webkit-linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
    background-image: -moz-linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
    background-image: -o-linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
    background-image: linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
    background-repeat: no-repeat
}

.bg-gradient-radial-grey-blue {
    background-image: -webkit-radial-gradient(circle, #2c303b, #6f85ad);
    background-image: -moz-radial-gradient(circle, #2c303b, #6f85ad);
    background-image: -o-radial-gradient(circle, #2c303b, #6f85ad);
    background-image: radial-gradient(circle, #2c303b, #6f85ad);
    background-repeat: no-repeat
}

.bg-gradient-striped-grey-blue {
    background-image: -webkit-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent)
}

.bg-gradient-x-purple-blue {
    background-image: -webkit-gradient(linear, left top, right top, from(#9f78ff), to(#32cafe));
    background-image: -webkit-linear-gradient(left, #9f78ff, #32cafe);
    background-image: -moz-linear-gradient(left, #9f78ff, #32cafe);
    background-image: -o-linear-gradient(left, #9f78ff, #32cafe);
    background-image: linear-gradient(to right, #9f78ff, #32cafe);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-purple-blue {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#9f78ff), color-stop(50%, #32cafe), to(#9f78ff));
    background-image: -webkit-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%);
    background-image: -moz-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%);
    background-image: -o-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%);
    background-image: linear-gradient(90deg, #9f78ff 0, #32cafe 50%, #9f78ff 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-purple-blue.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #9f78ff;
    box-shadow: 0 0 12px 0 #9f78ff
}

.btn-bg-gradient-x-purple-blue.active,
.btn-bg-gradient-x-purple-blue:active,
.btn-bg-gradient-x-purple-blue:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#9f78ff), color-stop(50%, #32cafe), to(#9f78ff))!important;
    background-image: -webkit-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%)!important;
    background-image: -moz-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%)!important;
    background-image: -o-linear-gradient(left, #9f78ff 0, #32cafe 50%, #9f78ff 100%)!important;
    background-image: linear-gradient(90deg, #9f78ff 0, #32cafe 50%, #9f78ff 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-purple-blue] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-purple-blue] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-purple-blue] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#9f78ff), to(#32cafe));
    background-image: -webkit-linear-gradient(left, #9f78ff, #32cafe);
    background-image: -moz-linear-gradient(left, #9f78ff, #32cafe);
    background-image: -o-linear-gradient(left, #9f78ff, #32cafe);
    background-image: linear-gradient(to right, #9f78ff, #32cafe);
    background-repeat: repeat-x
}

.bg-gradient-x-purple-red {
    background-image: -webkit-gradient(linear, left top, right top, from(#a376fc), to(#f96f9b));
    background-image: -webkit-linear-gradient(left, #a376fc, #f96f9b);
    background-image: -moz-linear-gradient(left, #a376fc, #f96f9b);
    background-image: -o-linear-gradient(left, #a376fc, #f96f9b);
    background-image: linear-gradient(to right, #a376fc, #f96f9b);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-purple-red {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#a376fc), color-stop(50%, #f96f9b), to(#a376fc));
    background-image: -webkit-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%);
    background-image: -moz-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%);
    background-image: -o-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%);
    background-image: linear-gradient(90deg, #a376fc 0, #f96f9b 50%, #a376fc 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-green,
.btn-bg-gradient-x-orange-yellow {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    color: #fff;
    border: none;
    -webkit-background-size: 200% auto
}

.btn-bg-gradient-x-purple-red.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #a376fc;
    box-shadow: 0 0 12px 0 #a376fc
}

.btn-bg-gradient-x-purple-red.active,
.btn-bg-gradient-x-purple-red:active,
.btn-bg-gradient-x-purple-red:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#a376fc), color-stop(50%, #f96f9b), to(#a376fc))!important;
    background-image: -webkit-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%)!important;
    background-image: -moz-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%)!important;
    background-image: -o-linear-gradient(left, #a376fc 0, #f96f9b 50%, #a376fc 100%)!important;
    background-image: linear-gradient(90deg, #a376fc 0, #f96f9b 50%, #a376fc 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-purple-red] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-purple-red] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-purple-red] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-purple-red] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#a376fc), to(#f96f9b));
    background-image: -webkit-linear-gradient(left, #a376fc, #f96f9b);
    background-image: -moz-linear-gradient(left, #a376fc, #f96f9b);
    background-image: -o-linear-gradient(left, #a376fc, #f96f9b);
    background-image: linear-gradient(to right, #a376fc, #f96f9b);
    background-repeat: repeat-x
}

.bg-gradient-x-blue-green {
    background-image: -webkit-gradient(linear, left top, right top, from(#00cef9), to(#00e6af));
    background-image: -webkit-linear-gradient(left, #00cef9, #00e6af);
    background-image: -moz-linear-gradient(left, #00cef9, #00e6af);
    background-image: -o-linear-gradient(left, #00cef9, #00e6af);
    background-image: linear-gradient(to right, #00cef9, #00e6af);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-blue-green {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#00cef9), color-stop(50%, #00e6af), to(#00cef9));
    background-image: -webkit-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%);
    background-image: -moz-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%);
    background-image: -o-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%);
    background-image: linear-gradient(90deg, #00cef9 0, #00e6af 50%, #00cef9 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-green.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #00cef9;
    box-shadow: 0 0 12px 0 #00cef9
}

.btn-bg-gradient-x-blue-green.active,
.btn-bg-gradient-x-blue-green:active,
.btn-bg-gradient-x-blue-green:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#00cef9), color-stop(50%, #00e6af), to(#00cef9))!important;
    background-image: -webkit-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%)!important;
    background-image: -moz-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%)!important;
    background-image: -o-linear-gradient(left, #00cef9 0, #00e6af 50%, #00cef9 100%)!important;
    background-image: linear-gradient(90deg, #00cef9 0, #00e6af 50%, #00cef9 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-blue-green] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-blue-green] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-blue-green] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-blue-green] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#00cef9), to(#00e6af));
    background-image: -webkit-linear-gradient(left, #00cef9, #00e6af);
    background-image: -moz-linear-gradient(left, #00cef9, #00e6af);
    background-image: -o-linear-gradient(left, #00cef9, #00e6af);
    background-image: linear-gradient(to right, #00cef9, #00e6af);
    background-repeat: repeat-x
}

.bg-gradient-x-orange-yellow {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8008), to(#ffc837));
    background-image: -webkit-linear-gradient(left, #ff8008, #ffc837);
    background-image: -moz-linear-gradient(left, #ff8008, #ffc837);
    background-image: -o-linear-gradient(left, #ff8008, #ffc837);
    background-image: linear-gradient(to right, #ff8008, #ffc837);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-orange-yellow {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8008), color-stop(50%, #ffc837), to(#ff8008));
    background-image: -webkit-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%);
    background-image: -moz-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%);
    background-image: -o-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%);
    background-image: linear-gradient(90deg, #ff8008 0, #ffc837 50%, #ff8008 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-cyan,
.btn-bg-gradient-x-red-pink {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    color: #fff;
    border: none;
    -webkit-background-size: 200% auto
}

.btn-bg-gradient-x-orange-yellow.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #ff8008;
    box-shadow: 0 0 12px 0 #ff8008
}

.btn-bg-gradient-x-orange-yellow.active,
.btn-bg-gradient-x-orange-yellow:active,
.btn-bg-gradient-x-orange-yellow:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8008), color-stop(50%, #ffc837), to(#ff8008))!important;
    background-image: -webkit-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%)!important;
    background-image: -moz-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%)!important;
    background-image: -o-linear-gradient(left, #ff8008 0, #ffc837 50%, #ff8008 100%)!important;
    background-image: linear-gradient(90deg, #ff8008 0, #ffc837 50%, #ff8008 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-orange-yellow] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-orange-yellow] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-orange-yellow] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-orange-yellow] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8008), to(#ffc837));
    background-image: -webkit-linear-gradient(left, #ff8008, #ffc837);
    background-image: -moz-linear-gradient(left, #ff8008, #ffc837);
    background-image: -o-linear-gradient(left, #ff8008, #ffc837);
    background-image: linear-gradient(to right, #ff8008, #ffc837);
    background-repeat: repeat-x
}

.bg-gradient-x-blue-cyan {
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), to(#24c6dc));
    background-image: -webkit-linear-gradient(left, #514a9d, #24c6dc);
    background-image: -moz-linear-gradient(left, #514a9d, #24c6dc);
    background-image: -o-linear-gradient(left, #514a9d, #24c6dc);
    background-image: linear-gradient(to right, #514a9d, #24c6dc);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-blue-cyan {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), color-stop(50%, #24c6dc), to(#514a9d));
    background-image: -webkit-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%);
    background-image: -moz-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%);
    background-image: -o-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%);
    background-image: linear-gradient(90deg, #514a9d 0, #24c6dc 50%, #514a9d 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-cyan.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #514a9d;
    box-shadow: 0 0 12px 0 #514a9d
}

.btn-bg-gradient-x-blue-cyan.active,
.btn-bg-gradient-x-blue-cyan:active,
.btn-bg-gradient-x-blue-cyan:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), color-stop(50%, #24c6dc), to(#514a9d))!important;
    background-image: -webkit-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%)!important;
    background-image: -moz-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%)!important;
    background-image: -o-linear-gradient(left, #514a9d 0, #24c6dc 50%, #514a9d 100%)!important;
    background-image: linear-gradient(90deg, #514a9d 0, #24c6dc 50%, #514a9d 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-blue-cyan] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-blue-cyan] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-blue-cyan] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-blue-cyan] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), to(#24c6dc));
    background-image: -webkit-linear-gradient(left, #514a9d, #24c6dc);
    background-image: -moz-linear-gradient(left, #514a9d, #24c6dc);
    background-image: -o-linear-gradient(left, #514a9d, #24c6dc);
    background-image: linear-gradient(to right, #514a9d, #24c6dc);
    background-repeat: repeat-x
}

.bg-gradient-x-red-pink {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5858), to(#e888b7));
    background-image: -webkit-linear-gradient(left, #ff5858, #e888b7);
    background-image: -moz-linear-gradient(left, #ff5858, #e888b7);
    background-image: -o-linear-gradient(left, #ff5858, #e888b7);
    background-image: linear-gradient(to right, #ff5858, #e888b7);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-red-pink {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5858), color-stop(50%, #e888b7), to(#ff5858));
    background-image: -webkit-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%);
    background-image: -moz-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%);
    background-image: -o-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%);
    background-image: linear-gradient(90deg, #ff5858 0, #e888b7 50%, #ff5858 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-purple-1,
.btn-bg-gradient-x-blue-purple-2 {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-background-size: 200% auto;
    color: #fff;
    border: none
}

.btn-bg-gradient-x-red-pink.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #ff5858;
    box-shadow: 0 0 12px 0 #ff5858
}

.btn-bg-gradient-x-red-pink.active,
.btn-bg-gradient-x-red-pink:active,
.btn-bg-gradient-x-red-pink:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5858), color-stop(50%, #e888b7), to(#ff5858))!important;
    background-image: -webkit-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%)!important;
    background-image: -moz-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%)!important;
    background-image: -o-linear-gradient(left, #ff5858 0, #e888b7 50%, #ff5858 100%)!important;
    background-image: linear-gradient(90deg, #ff5858 0, #e888b7 50%, #ff5858 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-red-pink] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-red-pink] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-red-pink] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-red-pink] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5858), to(#e888b7));
    background-image: -webkit-linear-gradient(left, #ff5858, #e888b7);
    background-image: -moz-linear-gradient(left, #ff5858, #e888b7);
    background-image: -o-linear-gradient(left, #ff5858, #e888b7);
    background-image: linear-gradient(to right, #ff5858, #e888b7);
    background-repeat: repeat-x
}

.bg-gradient-x-blue-purple-1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#7396ff), to(#f8a1ec));
    background-image: -webkit-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: -moz-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: -o-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: linear-gradient(to right, #7396ff, #f8a1ec);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-blue-purple-1 {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#7396ff), color-stop(50%, #f8a1ec), to(#7396ff));
    background-image: -webkit-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%);
    background-image: -moz-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%);
    background-image: -o-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%);
    background-image: linear-gradient(90deg, #7396ff 0, #f8a1ec 50%, #7396ff 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-purple-1.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #7396ff;
    box-shadow: 0 0 12px 0 #7396ff
}

.btn-bg-gradient-x-blue-purple-1.active,
.btn-bg-gradient-x-blue-purple-1:active,
.btn-bg-gradient-x-blue-purple-1:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#7396ff), color-stop(50%, #f8a1ec), to(#7396ff))!important;
    background-image: -webkit-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%)!important;
    background-image: -moz-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%)!important;
    background-image: -o-linear-gradient(left, #7396ff 0, #f8a1ec 50%, #7396ff 100%)!important;
    background-image: linear-gradient(90deg, #7396ff 0, #f8a1ec 50%, #7396ff 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-blue-purple-1] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-blue-purple-1] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-1] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-1] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#7396ff), to(#f8a1ec));
    background-image: -webkit-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: -moz-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: -o-linear-gradient(left, #7396ff, #f8a1ec);
    background-image: linear-gradient(to right, #7396ff, #f8a1ec);
    background-repeat: repeat-x
}

.bg-gradient-x-blue-purple-2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#85a6f3), to(#d7b9f1));
    background-image: -webkit-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: -moz-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: -o-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: linear-gradient(to right, #85a6f3, #d7b9f1);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-blue-purple-2 {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#85a6f3), color-stop(50%, #d7b9f1), to(#85a6f3));
    background-image: -webkit-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%);
    background-image: -moz-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%);
    background-image: -o-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%);
    background-image: linear-gradient(90deg, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-purple-2.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #85a6f3;
    box-shadow: 0 0 12px 0 #85a6f3
}

.btn-bg-gradient-x-blue-purple-2.active,
.btn-bg-gradient-x-blue-purple-2:active,
.btn-bg-gradient-x-blue-purple-2:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#85a6f3), color-stop(50%, #d7b9f1), to(#85a6f3))!important;
    background-image: -webkit-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%)!important;
    background-image: -moz-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%)!important;
    background-image: -o-linear-gradient(left, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%)!important;
    background-image: linear-gradient(90deg, #85a6f3 0, #d7b9f1 50%, #85a6f3 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-blue-purple-2] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-blue-purple-2] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-2] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-2] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#85a6f3), to(#d7b9f1));
    background-image: -webkit-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: -moz-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: -o-linear-gradient(left, #85a6f3, #d7b9f1);
    background-image: linear-gradient(to right, #85a6f3, #d7b9f1);
    background-repeat: repeat-x
}

.bg-gradient-x-blue-purple-3 {
    background-image: -webkit-gradient(linear, left top, right top, from(#bccdff), to(#ecd2f8));
    background-image: -webkit-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: -moz-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: -o-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: linear-gradient(to right, #bccdff, #ecd2f8);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-blue-purple-3 {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #fff;
    border: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#bccdff), color-stop(50%, #ecd2f8), to(#bccdff));
    background-image: -webkit-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%);
    background-image: -moz-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%);
    background-image: -o-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%);
    background-image: linear-gradient(90deg, #bccdff 0, #ecd2f8 50%, #bccdff 100%);
    -webkit-background-size: 200% auto;
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-purple-3.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #bccdff;
    box-shadow: 0 0 12px 0 #bccdff
}

.btn-bg-gradient-x-blue-purple-3.active,
.btn-bg-gradient-x-blue-purple-3:active,
.btn-bg-gradient-x-blue-purple-3:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#bccdff), color-stop(50%, #ecd2f8), to(#bccdff))!important;
    background-image: -webkit-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%)!important;
    background-image: -moz-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%)!important;
    background-image: -o-linear-gradient(left, #bccdff 0, #ecd2f8 50%, #bccdff 100%)!important;
    background-image: linear-gradient(90deg, #bccdff 0, #ecd2f8 50%, #bccdff 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-blue-purple-3] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-blue-purple-3] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-3] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-blue-purple-3] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#bccdff), to(#ecd2f8));
    background-image: -webkit-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: -moz-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: -o-linear-gradient(left, #bccdff, #ecd2f8);
    background-image: linear-gradient(to right, #bccdff, #ecd2f8);
    background-repeat: repeat-x
}

@media (max-width:767.98px) {
    body.horizontal-layout .main-menu-content {
        background: #fff!important
    }
}

/*New Color Green-rad*/
.bg-gradient-x-green-rad {
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), to(#62a406));
    background-image: -webkit-linear-gradient(left, #63a509bd, #62a406);
    background-image: -moz-linear-gradient(left, #63a509bd, #62a406);
    background-image: -o-linear-gradient(left, #63a509bd, #62a406);
    background-image: linear-gradient(to right, #63a509bd, #62a406);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-green-rad {
    transition: .5s;
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), color-stop(50%, #62a406), to(#63a509bd));
    background-image: -webkit-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%);
    background-image: -moz-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%);
    background-image: -o-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%);
    background-image: linear-gradient(90deg, #63a509bd 0, #62a406 50%, #63a509bd 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-blue-cyan,
.btn-bg-gradient-x-red-pink {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    color: #fff;
    border: none;
    -webkit-background-size: 200% auto
}

.btn-bg-gradient-x-green-rad.btn-glow {
    -webkit-box-shadow: 0 0 12px 0 #63a509bd;
    box-shadow: 0 0 12px 0 #63a509bd
}

.btn-bg-gradient-x-green-rad.active,
.btn-bg-gradient-x-green-rad:active,
.btn-bg-gradient-x-green-rad:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), color-stop(50%, #62a406), to(#63a509bd))!important;
    background-image: -webkit-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: -moz-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: -o-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: linear-gradient(90deg, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-green-red] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-green-red] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-green-red] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-green-red] .navbar-container {
    background-image: -webkit-gradient(linear,left top,right top,from(#f78f16),to(#3ea941));
    background-image: -webkit-linear-gradient(left,#f78f16,#3ea941);
    background-image: -moz-linear-gradient(left,#f78f16,#3ea941);
    background-image: -o-linear-gradient(left,#f78f16,#3ea941);
    background-image: linear-gradient(to right,#f78f16,#3ea941);
    background-repeat: repeat-x;
}


/*New Color Green-rad*/

.bg-gradient-x-green-rad {
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), to(#62a406));
    background-image: -webkit-linear-gradient(left, #63a509bd, #62a406);
    background-image: -moz-linear-gradient(left, #63a509bd, #62a406);
    background-image: -o-linear-gradient(left, #63a509bd, #62a406);
    background-image: linear-gradient(to right, #63a509bd, #62a406);
    background-repeat: repeat-x
}

.btn-bg-gradient-x-green-rad {
    transition: .5s;
    color:#fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#f45f12), color-stop(50%, #44af46), to(#4224ff));
    background-image: -webkit-linear-gradient(left, #f45f12 0, #44af46 50%, #4224ff 100%);
    background-image: -moz-linear-gradient(left, #f45f12 0, #44af46 50%, #4224ff 100%);
    background-image: -o-linear-gradient(left, #f45f12 0, #44af46 50%, #4224ff 100%);
    background-image: linear-gradient(90deg,#f45f12 0,#44af46 50%,#4224ff 100%);
    background-size: 200% auto
}

.btn-bg-gradient-x-green-rad.active,
.btn-bg-gradient-x-green-rad:active,
.btn-bg-gradient-x-green-rad:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), color-stop(50%, #62a406), to(#63a509bd))!important;
    background-image: -webkit-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: -moz-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: -o-linear-gradient(left, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-image: linear-gradient(90deg, #63a509bd 0, #62a406 50%, #63a509bd 100%)!important;
    background-position: right center
}

body.horizontal-layout[data-color=bg-gradient-x-green-rad] .content-wrapper-before,
body.horizontal-layout[data-color=bg-gradient-x-green-rad] .navbar-horizontal,
body.vertical-layout[data-color=bg-gradient-x-green-rad] .content-wrapper-before,
body.vertical-layout[data-color=bg-gradient-x-green-rad] .navbar-container {
    background-image: -webkit-gradient(linear, left top, right top, from(#63a509bd), to(#62a406));
    background-image: -webkit-linear-gradient(left, #63a509bd, #62a406);
    background-image: -moz-linear-gradient(left, #63a509bd, #62a406);
    background-image: -o-linear-gradient(left, #63a509bd, #62a406);
    background-image: linear-gradient(to right, #63a509bd, #62a406);
    background-repeat: repeat-x
}