.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, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.302);
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.302) !important;
}
.btn-white.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.451),
    0 1px 3px 1px rgba(255, 255, 255, 0.302) !important;
}
.btn-outline-white.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.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 0.075rem #fff, 0 0 0 0.21rem #fff !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 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, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302);
}
.btn-black:active,
.btn-black:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302) !important;
}
.btn-black.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 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, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.451),
    0 1px 3px 1px rgba(0, 0, 0, 0.302) !important;
}
.btn-outline-black.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 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 0.075rem #fff, 0 0 0 0.21rem #000 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000 !important;
}
.border-black {
    border: 1px solid #734d3a !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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.302);
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.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, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.302) !important;
}
.btn-chartbg.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 45, 71, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, 0.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, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(38, 45, 71, 0.451),
    0 1px 3px 1px rgba(38, 45, 71, 0.302) !important;
}
.btn-outline-chartbg.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(38, 45, 71, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 45, 71, 0.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 0.075rem #fff, 0 0 0 0.21rem #262d47 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(237, 237, 249, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(210, 209, 240, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(180, 179, 231, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(150, 149, 221, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(128, 126, 213, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.302);
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.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, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.302) !important;
}
.btn-primary.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 103, 206, 0.6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, 0.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, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(105, 103, 206, 0.451),
    0 1px 3px 1px rgba(105, 103, 206, 0.302) !important;
}
.btn-outline-primary.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(105, 103, 206, 0.6);
    box-shadow: 0 1px 20px 1px rgba(105, 103, 206, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(97, 95, 201, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(86, 84, 194, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(76, 74, 188, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(59, 57, 176, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(226, 226, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(202, 201, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(152, 150, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(127, 125, 255, 0.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 0.075rem #fff, 0 0 0 0.21rem #7f7dff !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(239, 251, 237, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(214, 245, 210, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(187, 238, 181, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(159, 231, 151, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(139, 226, 128, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.302);
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.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, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.302) !important;
}
.btn-success.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(94, 216, 79, 0.6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, 0.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, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(94, 216, 79, 0.451),
    0 1px 3px 1px rgba(94, 216, 79, 0.302) !important;
}
.btn-outline-success.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(94, 216, 79, 0.6);
    box-shadow: 0 1px 20px 1px rgba(94, 216, 79, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(110, 217, 98, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(99, 212, 87, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(89, 207, 77, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(70, 199, 60, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(238, 255, 238, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(227, 255, 225, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(180, 255, 174, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(156, 255, 149, 0.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 0.075rem #fff, 0 0 0 0.21rem #9cff95 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(229, 245, 249, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(191, 231, 241, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(148, 215, 232, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(105, 199, 222, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(72, 187, 215, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302);
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302);
}
.btn-info:active,
.btn-info:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(40, 175, 208, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302) !important;
}
.btn-info.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(40, 175, 208, 0.6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, 0.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, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(40, 175, 208, 0.451),
    0 1px 3px 1px rgba(40, 175, 208, 0.302) !important;
}
.btn-outline-info.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(40, 175, 208, 0.6);
    box-shadow: 0 1px 20px 1px rgba(40, 175, 208, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(36, 168, 203, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(30, 159, 196, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(24, 150, 190, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(15, 134, 179, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(225, 246, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(174, 231, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(123, 215, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(98, 208, 255, 0.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 0.075rem #fff, 0 0 0 0.21rem #62d0ff !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 247, 225, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(254, 234, 179, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(254, 220, 128, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(254, 206, 77, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 196, 39, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.302);
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.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, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.302) !important;
}
.btn-warning.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 185, 1, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, 0.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, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(253, 185, 1, 0.451),
    0 1px 3px 1px rgba(253, 185, 1, 0.302) !important;
}
.btn-outline-warning.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(253, 185, 1, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 185, 1, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 178, 1, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(252, 170, 1, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(252, 162, 1, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(252, 147, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 251, 246, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 247, 239, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 224, 188, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 212, 162, 0.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 0.075rem #fff, 0 0 0 0.21rem #ffd4a2 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(254, 236, 237, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(254, 208, 211, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 177, 181, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(252, 145, 151, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(251, 122, 129, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302);
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302);
}
.btn-danger:active,
.btn-danger:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(250, 98, 107, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302) !important;
}
.btn-danger.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(250, 98, 107, 0.6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, 0.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, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(250, 98, 107, 0.451),
    0 1px 3px 1px rgba(250, 98, 107, 0.302) !important;
}
.btn-outline-danger.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(250, 98, 107, 0.6);
    box-shadow: 0 1px 20px 1px rgba(250, 98, 107, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(249, 90, 99, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(249, 80, 88, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(248, 70, 78, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(246, 52, 60, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 241, 241, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 229, 230, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 214, 216, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 189, 191, 0.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 0.075rem #fff, 0 0 0 0.21rem #ffbdbf !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 238, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 205, 210, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(239, 154, 154, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(229, 115, 115, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(239, 83, 80, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302);
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302);
}
.btn-red:active,
.btn-red:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302) !important;
}
.btn-red.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 67, 54, 0.6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, 0.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, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(244, 67, 54, 0.451),
    0 1px 3px 1px rgba(244, 67, 54, 0.302) !important;
}
.btn-outline-red.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(244, 67, 54, 0.6);
    box-shadow: 0 1px 20px 1px rgba(244, 67, 54, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(229, 57, 53, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(211, 47, 47, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(198, 40, 40, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(183, 28, 28, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 138, 128, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 82, 82, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 23, 68, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(213, 0, 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 0.075rem #fff, 0 0 0 0.21rem #d50000 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(252, 228, 236, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(248, 187, 208, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(244, 143, 177, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(240, 98, 146, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(236, 64, 122, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302);
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302);
}
.btn-pink:active,
.btn-pink:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(233, 30, 99, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302) !important;
}
.btn-pink.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(233, 30, 99, 0.6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, 0.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, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(233, 30, 99, 0.451),
    0 1px 3px 1px rgba(233, 30, 99, 0.302) !important;
}
.btn-outline-pink.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(233, 30, 99, 0.6);
    box-shadow: 0 1px 20px 1px rgba(233, 30, 99, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(216, 27, 96, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(194, 24, 91, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(173, 20, 87, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(136, 14, 79, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 128, 171, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 64, 129, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(245, 0, 87, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(197, 17, 98, 0.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 0.075rem #fff, 0 0 0 0.21rem #c51162 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(243, 229, 245, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(225, 190, 231, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(206, 147, 216, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(186, 104, 200, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(171, 71, 188, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302);
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302);
}
.btn-purple:active,
.btn-purple:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(156, 39, 176, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302) !important;
}
.btn-purple.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 39, 176, 0.6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, 0.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, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(156, 39, 176, 0.451),
    0 1px 3px 1px rgba(156, 39, 176, 0.302) !important;
}
.btn-outline-purple.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(156, 39, 176, 0.6);
    box-shadow: 0 1px 20px 1px rgba(156, 39, 176, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(142, 36, 170, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(123, 31, 162, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(106, 27, 154, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(74, 20, 140, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(234, 128, 252, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(224, 64, 251, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(213, 0, 249, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(221, 0, 255, 0.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 0.075rem #fff, 0 0 0 0.21rem #d0f !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(227, 242, 253, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(187, 222, 251, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(144, 202, 249, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(100, 181, 246, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(66, 165, 245, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302);
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302);
}
.btn-blue:active,
.btn-blue:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(33, 150, 243, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302) !important;
}
.btn-blue.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(33, 150, 243, 0.6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, 0.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, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(33, 150, 243, 0.451),
    0 1px 3px 1px rgba(33, 150, 243, 0.302) !important;
}
.btn-outline-blue.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(33, 150, 243, 0.6);
    box-shadow: 0 1px 20px 1px rgba(33, 150, 243, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(30, 136, 229, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(25, 118, 210, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(21, 101, 192, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(13, 71, 161, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(130, 177, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(68, 138, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(41, 121, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(41, 98, 255, 0.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 0.075rem #fff, 0 0 0 0.21rem #2962ff !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(224, 247, 250, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(178, 235, 242, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(128, 222, 234, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(77, 208, 225, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 198, 218, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302);
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302);
}
.btn-cyan:active,
.btn-cyan:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302) !important;
}
.btn-cyan.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 188, 212, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, 0.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, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 188, 212, 0.451),
    0 1px 3px 1px rgba(0, 188, 212, 0.302) !important;
}
.btn-outline-cyan.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 188, 212, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 188, 212, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 172, 193, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 151, 167, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 131, 143, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 96, 100, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(132, 255, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(24, 255, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 229, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 184, 212, 0.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 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(224, 242, 241, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(178, 223, 219, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(128, 203, 196, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(77, 182, 172, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 166, 154, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302);
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302);
}
.btn-teal:active,
.btn-teal:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 150, 136, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302) !important;
}
.btn-teal.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 150, 136, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, 0.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, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 150, 136, 0.451),
    0 1px 3px 1px rgba(0, 150, 136, 0.302) !important;
}
.btn-outline-teal.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 150, 136, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 150, 136, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 137, 123, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 121, 107, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 105, 92, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 77, 64, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(167, 255, 235, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(100, 255, 218, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(29, 233, 182, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 191, 165, 0.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 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 253, 231, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 249, 196, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 245, 157, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 241, 118, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 238, 88, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302);
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302);
}
.btn-yellow:active,
.btn-yellow:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 235, 59, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302) !important;
}
.btn-yellow.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 59, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 235, 59, 0.451),
    0 1px 3px 1px rgba(255, 235, 59, 0.302) !important;
}
.btn-outline-yellow.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 235, 59, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 235, 59, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(253, 216, 53, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(251, 192, 45, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(249, 168, 37, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(245, 127, 23, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 141, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 234, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 214, 0, 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 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 248, 225, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 236, 179, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 224, 130, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 213, 79, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 202, 40, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302);
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302);
}
.btn-amber:active,
.btn-amber:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(255, 193, 7, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302) !important;
}
.btn-amber.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 193, 7, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, 0.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, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(255, 193, 7, 0.451),
    0 1px 3px 1px rgba(255, 193, 7, 0.302) !important;
}
.btn-outline-amber.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(255, 193, 7, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 193, 7, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 179, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 160, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 143, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 111, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 229, 127, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 215, 64, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 196, 0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 171, 0, 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 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(236, 239, 241, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(207, 216, 220, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(176, 190, 197, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(144, 164, 174, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(120, 144, 156, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.302);
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.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, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.302) !important;
}
.btn-blue-grey.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(96, 125, 139, 0.6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, 0.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, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(96, 125, 139, 0.451),
    0 1px 3px 1px rgba(96, 125, 139, 0.302) !important;
}
.btn-outline-blue-grey.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(96, 125, 139, 0.6);
    box-shadow: 0 1px 20px 1px rgba(96, 125, 139, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(84, 110, 122, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(69, 90, 100, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(55, 71, 79, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 50, 56, 0.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 0.075rem #fff, 0 0 0 0.21rem #263238 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(236, 239, 241, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(207, 216, 220, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(176, 190, 197, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(111, 133, 173, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(120, 144, 156, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, 0.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, 0.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, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.302);
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.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, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.302) !important;
}
.btn-grey-blue.btn-glow {
    color: #fff;
    -webkit-box-shadow: 0 1px 20px 1px rgba(27, 41, 66, 0.6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, 0.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, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.302) !important;
    box-shadow: 0 1px 2px 0 rgba(27, 41, 66, 0.451),
    0 1px 3px 1px rgba(27, 41, 66, 0.302) !important;
}
.btn-outline-grey-blue.btn-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(27, 41, 66, 0.6);
    box-shadow: 0 1px 20px 1px rgba(27, 41, 66, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(84, 110, 122, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(44, 48, 59, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(55, 71, 79, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(38, 50, 56, 0.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 0.075rem #fff, 0 0 0 0.21rem #263238 !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 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, 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.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, 0.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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 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 0.075rem #fff, 0 0 0 0.21rem transparent !important;
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.8);
}
.bg-black.bg-glow {
    -webkit-box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.6);
}
input:focus ~ .bg-black {
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(255, 255, 255, 0.6);
}
input:focus ~ .bg-white {
    box-shadow: 0 0 0 0.075rem #fff, 0 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, 0.6);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.6);
}
input:focus ~ .bg-transparent {
    -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent;
    box-shadow: 0 0 0 0.075rem #fff, 0 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: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.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: 0.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, #734d3a, #64bc54);
    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: 0.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: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.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: 0.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: 0.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: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.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: 0.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: 0.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: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.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: 0.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: 0.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: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.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;
    }
}