/* Background Colors */

.bg-primary {
  background-color: #14abef !important;
}

.bg-success {
  background-color: #02ba5a !important;
}

.bg-info {
  background-color: #03d0ea !important;
}

.bg-secondary {
  background-color: #d13adf !important;
}

.bg-danger {
  background-color: #ff2a2a !important;
}

.bg-orange {
  background-color: #fb6340 !important;
}

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

.bg-primary-2 {
  background-color: #8f50ff;
  background: linear-gradient(180deg, #8f50ff, #d13adf) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-success-2 {
  background-color: #08a50e;
  background: linear-gradient(180deg, #08a50e, #cddc35) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-info-2 {
  background-color: #00c8ff;
  background: linear-gradient(180deg, #00c8ff, #0072ff) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-danger-2 {
  background-color: #ff5447;
  background: linear-gradient(180deg, #ff5447, #f1076f) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-warning-2 {
  background-color: #f7971e;
  background: linear-gradient(180deg, #f7971e, #ffd200) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-secondary-2 {
  background-color: #fc00ff;
  background: linear-gradient(180deg, #fc00ff, #00dbde) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.bg-primary-light1 {
  background-color: rgba(144, 79, 254, 0.22);
}

.bg-primary-light2 {
  background-color: rgba(144, 79, 254, 0.42);
}

.gradient-primary-light {
  background-color: #8f50ff;
  background-image: radial-gradient(circle 30px at center, #f8aeff, #8f50ff) !important;
}

.bg-success-light1 {
  background-color: rgba(8, 165, 14, 0.22);
}

.bg-success-light2 {
  background-color: rgba(8, 165, 14, 0.42);
}

.gradient-success-light {
  background-color: #0aa60f;
  background-image: radial-gradient(circle 30px at center, rgb(202, 219, 52), rgb(10, 166, 15)) !important;
}

.bg-info-light1 {
  background-color: rgba(0, 129, 255, 0.22);
}

.bg-info-light2 {
  background-color: rgba(0, 129, 255, 0.42);
}

.gradient-info-light {
  background-color: #0074ff;
  background-image: radial-gradient(circle 30px at center, rgb(113, 222, 253), rgb(0, 116, 255)) !important;
}

.bg-danger-light1 {
  background-color: rgba(245, 13, 85, 0.22);
}

.bg-danger-light2 {
  background-color: rgba(245, 13, 85, 0.42);
}

.gradient-danger-light {
  background-color: #f50d55;
  background-image: radial-gradient(circle 30px at center, rgb(251, 208, 206), #f50d55) !important;
}

.bg-warning-light1 {
  background-color: rgba(247, 151, 30, 0.22);
}

.bg-warning-light2 {
  background-color: rgba(247, 152, 30, 0.42);
}

.gradient-warning-light {
  background-color: #f7981e;
  background-image: radial-gradient(circle 30px at center, rgb(253, 239, 176), #f7981e) !important;
}

.bg-secondary-light1 {
  background-color: rgba(247, 3, 254, 0.22);
}

.bg-secondary-light2 {
  background-color: rgba(247, 3, 254, 0.42);
}

.gradient-secondary-light {
  background-color: #f703fe;
  background-image: radial-gradient(circle 30px at center, rgb(254, 219, 255), #f703fe) !important;
}

.bg-dark-light1 {
  background-color: rgba(0, 0, 0, 0.22);
}

.bg-dark-light2 {
  background-color: rgba(0, 0, 0, 0.42);
}

.gradient-dark-light {
  background-color: #000000;
  background-image: radial-gradient(circle 30px at center, rgb(173, 172, 172), #000000) !important;
}

.bg-white-light1 {
  background-color: rgba(255, 255, 255, 0.22);
}

.bg-white-light2 {
  background-color: rgba(255, 255, 255, 0.42);
}

.gradient-white-light {
  background-color: #ffffff;
  background-image: radial-gradient(circle 30px at center, rgb(255, 255, 255), rgba(0, 0, 0, 0.78)) !important;
}

.bg-dark {
  background-color: #000000 !important;
}

.bg-dark-light {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.bg-light {
  background-color: rgba(255, 255, 255, 0.125) !important;
}

.bg-contrast {
  background: rgba(255, 255, 255, 0.3) !important;
}

.bg-light-primary {
  background-color: rgba(203, 210, 246, 0.5) !important;
}

.bg-light-success {
  background-color: rgba(147, 231, 195, 0.5) !important;
}

.bg-light-info {
  background-color: rgba(136, 230, 247, 0.5) !important;
}

.bg-light-secondary {
  background-color: rgba(255, 47, 160, 0.22) !important;
}

.bg-light-danger {
  background-color: rgba(251, 175, 190, 0.5) !important;
}

.bg-light-dark {
  background-color: rgba(23, 43, 77, 0.22) !important;
}

.bg-light-warning {
  background-color: rgba(254, 201, 189, 0.5) !important;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-twitter {
  background-color: #55acee !important;
}

.bg-google-plus {
  background-color: #dd4b39 !important;
}

.bg-linkedin {
  background-color: #0976b4 !important;
}

.bg-pinterest {
  background-color: #cc2127 !important;
}

.bg-youtube {
  background-color: #e52d27 !important;
}

.bg-tumblr {
  background-color: #35465c !important;
}

.bg-github {
  background-color: #333333 !important;
}

.bg-behance {
  background-color: #1769ff !important;
}

.bg-dribbble {
  background-color: #ea4c89 !important;
}

.bg-skype {
  background-color: #00aff0 !important;
}

.bg-Purple {
  background-color: #80008090;
}


.bg-Purple-light {
  background-color: #80008030;
}

.gradient-white {
  background: #fff;
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.05)) !important;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.05)) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-bloody {
  background: #f54ea2;
  background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
  background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-scooter {
  background: #4facfe;
  background: -webkit-linear-gradient(45deg, #00f2fe 0%, #4facfe 100%) !important;
  background: linear-gradient(45deg, #00f2fe 0%, #4facfe 100%) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-blooker {
  background: #fa709a;
  background: -webkit-linear-gradient(45deg, #fa709a 0%, #fee140 100%) !important;
  background: linear-gradient(45deg, #fa709a 0%, #fee140 100%) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-quepal {
  background: #11998e;
  background: -webkit-linear-gradient(45deg, #11998e, #38ef7d) !important;
  background: linear-gradient(45deg, #11998e, #38ef7d) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-purpink {
  background: #7f00ff;
  background: -webkit-linear-gradient(45deg, #7f00ff, #e100ff) !important;
  background: linear-gradient(45deg, #7f00ff, #e100ff) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-ibiza {
  background: #ee0979;
  background: -webkit-linear-gradient(45deg, #ee0979, #ff6a00) !important;
  background: linear-gradient(45deg, #ee0979, #ff6a00) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-deepblue {
  background: #6a11cb;
  background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc) !important;
  background: linear-gradient(45deg, #6a11cb, #2575fc) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-branding {
  background: #6a11cb;
  background: -webkit-linear-gradient(45deg, #2af598, #009efd) !important;
  background: linear-gradient(45deg, #2af598, #009efd) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-ohhappiness {
  background: #00b09b;
  background: -webkit-linear-gradient(45deg, #00b09b, #96c93d) !important;
  background: linear-gradient(45deg, #00b09b, #96c93d) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-dusk {
  background: #2c3e50;
  background: -webkit-linear-gradient(45deg, #2c3e50, #fd746c) !important;
  background: linear-gradient(45deg, #2c3e50, #fd746c) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-meridian {
  background: #283c86;
  background: -webkit-linear-gradient(45deg, #283c86, #45a247) !important;
  background: linear-gradient(45deg, #283c86, #45a247) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-violet {
  background: #4776e6;
  background: -webkit-linear-gradient(45deg, #4776e6, #8e54e9) !important;
  background: linear-gradient(45deg, #4776e6, #8e54e9) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-titanium {
  background: #283048;
  background: -webkit-linear-gradient(45deg, #283048, #859398) !important;
  background: linear-gradient(45deg, #283048, #859398) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-shifter {
  background: #bc4e9c;
  background: -webkit-linear-gradient(45deg, #bc4e9c, #f80759) !important;
  background: linear-gradient(45deg, #bc4e9c, #f80759) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-army {
  background: #414d0b;
  background: -webkit-linear-gradient(45deg, #414d0b, #727a17) !important;
  background: linear-gradient(45deg, #414d0b, #727a17) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-orange {
  background: #fc4a1a;
  background: -webkit-linear-gradient(45deg, #fc4a1a, #f7b733) !important;
  background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-yoda {
  background: #ff0099;
  background: -webkit-linear-gradient(45deg, #ff0099, #493240) !important;
  background: linear-gradient(45deg, #ff0099, #493240) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-royal {
  background: #141e30;
  background: -webkit-linear-gradient(45deg, #141e30, #2c527d) !important;
  background: linear-gradient(45deg, #141e30, #2c527d) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-very-blue {
  background: #141e30;
  background: -webkit-linear-gradient(45deg, #2a93ff, #002cd2) !important;
  background: linear-gradient(45deg, #2a93ff, #002cd2) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-knight {
  background: #ba8b02;
  background: -webkit-linear-gradient(45deg, #ba8b02, #181818) !important;
  background: linear-gradient(45deg, #ba8b02, #181818) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-forest {
  background: #000428;
  background: -webkit-linear-gradient(45deg, #000428, #004e92) !important;
  background: linear-gradient(45deg, #000428, #004e92) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-redmist {
  background: #000000;
  background: -webkit-linear-gradient(45deg, #000000, #e74c3c) !important;
  background: linear-gradient(45deg, #000000, #e74c3c) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-steelgray {
  background: #1f1c2c;
  background: -webkit-linear-gradient(45deg, #1f1c2c, #928dab) !important;
  background: linear-gradient(45deg, #1f1c2c, #928dab) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-influenza {
  background: #c04848;
  background: -webkit-linear-gradient(45deg, #c04848, #480048) !important;
  background: linear-gradient(45deg, #c04848, #480048) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-sylvia {
  background: #ff4b1f;
  background: -webkit-linear-gradient(45deg, #ff4b1f, #ff9068) !important;
  background: linear-gradient(45deg, #ff4b1f, #ff9068) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-jshine {
  background: #12c2e9;
  background: -webkit-linear-gradient(45deg, #12c2e9, #c471ed, #f64f59) !important;
  background: linear-gradient(45deg, #12c2e9, #c471ed, #f64f59) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-lovekiss {
  background: #ff0844;
  background: -webkit-linear-gradient(45deg, #ff0844, #ffb199) !important;
  background: linear-gradient(45deg, #ff0844 0%, #ffb199 100%) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-hossein {
  background: #f7ff00;
  background: -webkit-linear-gradient(45deg, #f7ff00, #db36a4) !important;
  background: linear-gradient(45deg, #f7ff00, #db36a4) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-wiretap {
  background: #f7ff00;
  background: -webkit-linear-gradient(180deg, #f27121, #e94057, #8a2387) !important;
  background: linear-gradient(180deg, #f27121, #e94057, #8a2387) !important;
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-smile {
  background: #16d9e3;
  background-image: -webkit-radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
  background-image: radial-gradient(circle 248px at center, #609cf7 0%, #0741cc 47%, #3F51B5 100%);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-veer {
  background: #799f0c;
  background-image: -webkit-radial-gradient(circle 248px at center, rgb(255, 224, 0), rgb(121, 159, 12));
  background-image: radial-gradient(circle 248px at center, rgb(255, 224, 0), rgb(121, 159, 12));
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-rainbow {
  background: #00bfc8;
  background-image: -webkit-radial-gradient(circle 248px at center, rgb(0, 242, 96), rgb(5, 117, 230));
  background-image: radial-gradient(circle 248px at center, rgb(0, 242, 96), rgb(5, 117, 230));
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-worldcup {
  background: #f14793;
  background-image: -webkit-radial-gradient(circle 248px at center, #f14793, #5204ce);
  background-image: radial-gradient(circle 248px at center, #f14793, #5204ce);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-pinki {
  background: #f1ea07;
  background-image: -webkit-radial-gradient(circle 248px at center, #f1ea07, #f10707);
  background-image: radial-gradient(circle 248px at center, #f1ea07, #f10707);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-esinto {
  background: #0a0707;
  background-image: -webkit-linear-gradient(45deg, #0a0707 50%, #FF9800 50%);
  background-image: linear-gradient(45deg, #0a0707 50%, #FF9800 50%);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-dunada {
  background: #0a0707;
  background-image: -webkit-linear-gradient(45deg, #000000 50%, #0085ff 50%);
  background-image: linear-gradient(45deg, #000000 50%, #0085ff 50%);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-linga {
  background: #0a0707;
  background-image: -webkit-linear-gradient(45deg, #000000 50%, #7020ff 50%);
  background-image: linear-gradient(45deg, #000000 50%, #7020ff 50%);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-blkw {
  background: #0a0707;
  background-image: -webkit-linear-gradient(45deg, #000000 50%, #fff 50%);
  background-image: linear-gradient(45deg, #000000 50%, #fff 50%);
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.gradient-multiple-colors {
  background: #0a0707;
  background: -webkit-linear-gradient(90deg, rgba(255, 87, 34, 0.89), rgba(249, 229, 55, 0.89), rgba(76, 175, 80, 0.93), rgba(45, 226, 249, 0.94), rgba(7, 136, 239, 0.9), rgba(63, 81, 181, 0.94), rgba(184, 11, 214, 0.95));
  background: linear-gradient(90deg, rgba(255, 87, 34, 0.89), rgba(249, 229, 55, 0.89), rgba(76, 175, 80, 0.93), rgba(45, 226, 249, 0.94), rgba(7, 136, 239, 0.9), rgba(63, 81, 181, 0.94), rgba(184, 11, 214, 0.95));
  border: 0px solid rgba(255, 255, 255, 0.125);
}

.texture-info {
  background-image: url(../images/textures/1.png);
  background-size: cover;
  background-position: center;
}

.texture-danger {
  background-image: url(../images/textures/2.png);
  background-size: cover;
  background-position: center;
}

.texture-success {
  background-image: url(../images/textures/3.png);
  background-size: cover;
  background-position: center;
}

.texture-warning {
  background-image: url(../images/textures/4.png);
  background-size: cover;
  background-position: center;
}

.texture-primary {
  background-image: url(../images/textures/5.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-a {
  background-image: url(../images/textures/texture-a.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-b {
  background-image: url(../images/textures/texture-b.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-c {
  background-image: url(../images/textures/texture-c.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-d {
  background-image: url(../images/textures/texture-d.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-e {
  background-image: url(../images/textures/texture-e.png);
  background-size: cover;
  background-position: center;
}

.texture-wave-f {
  background-image: url(../images/textures/texture-f.png);
  background-size: cover;
  background-position: center;
}

.border-left-xs {
  border-left: 1px solid !important;
}

.border-right-xs {
  border-right: 1px solid !important;
}

.border-top-xs {
  border-top: 1px solid !important;
}

.border-bottom-xs {
  border-bottom: 1px solid !important;
}

.border-left-sm {
  border-left: 2px solid !important;
}

.border-right-sm {
  border-right: 2px solid !important;
}

.border-top-sm {
  border-top: 2px solid !important;
}

.border-bottom-sm {
  border-bottom: 2px solid !important;
}

.border-left-md {
  border-left: 3px solid !important;
}

.border-right-md {
  border-right: 3px solid !important;
}

.border-top-md {
  border-top: 3px solid !important;
}

.border-bottom-md {
  border-bottom: 3px solid !important;
}

.border-left-lg {
  border-left: 4px solid !important;
}

.border-right-lg {
  border-right: 4px solid !important;
}

.border-top-lg {
  border-top: 4px solid !important;
}

.border-bottom-lg {
  border-bottom: 4px solid !important;
}

/* Borders */

.border-primary {
  border-color: #14abef !important;
}

.border-success {
  border-color: #02ba5a !important;
}

.border-info {
  border-color: #03d0ea !important;
}

.border-secondary {
  border-color: #d13adf !important;
}

.border-secondary-light {
  border-color: #33444a !important;
}

.border-danger {
  border-color: #f5365c !important;
}

.border-dark {
  border-color: #000000 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white-2 {
  border-color: rgba(255, 255, 255, 0.33) !important;
}

.border-warning {
  border-color: #fba540 !important;
}

.border-light {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.border-light-2 {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.border-light-3 {
  border-color: rgba(0, 0, 0, 0.05) !important;
}

/* Text Colors */

.text-primary {
  color: #14abef !important;
}

.text-success {
  color: #02ba5a !important;
}

.text-info {
  color: #03d0ea !important;
}

.text-secondary {
  color: #d13adf !important;
}

.text-danger {
  color: #f5365c !important;
}

.text-dark {
  color: #000000 !important;
}

.text-warning {
  color: #fba540 !important;
}

.text-light {
  color: rgba(255, 255, 255, 0.125) !important;
}

.text-light-1 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-light-2 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-light-3 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.text-google {
  color: #dd4b39 !important;
}

.text-facebook {
  color: #3b5998 !important;
}

.text-twitter {
  color: #55acee !important;
}

.text-linkedin {
  color: #0976b4 !important;
}

.text-behance {
  color: #1769ff !important;
}

.text-dribbble {
  color: #ea4c89 !important;
}

.text-github {
  color: #333333 !important;
}

.text-youtube {
  color: #e52d27 !important;
}


.text-purple {
  color: #800080d3;
}

.text-chocolate {
  color: rgb(109, 41, 41);
}
/* Shadows */

.shadow-primary {
  box-shadow: 3px 5px 20px #5f72e3 !important;
}

.shadow-secondary {
  box-shadow: 3px 5px 20px #d13adf !important;
}

.shadow-success {
  box-shadow: 3px 5px 20px #02ba5a !important;
}

.shadow-danger {
  box-shadow: 3px 5px 20px #f5365c !important;
}

.shadow-warning {
  box-shadow: 3px 5px 20px #fba540 !important;
}

.shadow-info {
  box-shadow: 3px 5px 20px #03d0ea !important;
}

.shadow-light {
  box-shadow: 3px 5px 20px #bcbdbd !important;
}

.shadow-dark {
  box-shadow: 3px 5px 20px #000000 !important;
}

.shadow-facebook {
  box-shadow: 0 7px 30px rgba(59, 89, 152, 0.82);
}

.shadow-twitter {
  box-shadow: 0 7px 30px rgba(85, 172, 238, 0.82);
}

.shadow-gogle-plus {
  box-shadow: 0 7px 30px rgba(221, 75, 57, 0.82);
}

.shadow-linkedin {
  box-shadow: 0 7px 30px rgba(9, 118, 180, 0.82);
}

.shadow-pinterest {
  box-shadow: 0 7px 30px rgba(204, 33, 39, 0.82);
}

.shadow-youtube {
  box-shadow: 0 7px 30px rgba(229, 45, 39, 0.82);
}

.shadow-tumblr {
  box-shadow: 0 7px 30px rgba(53, 70, 92, 0.82);
}

.shadow-github {
  box-shadow: 0 7px 30px rgba(51, 51, 51, 0.82);
}

.shadow-behance {
  box-shadow: 0 7px 30px rgba(23, 105, 255, 0.82);
}

.shadow-dribbble {
  box-shadow: 0 7px 30px rgba(234, 76, 137, 0.82);
}

.shadow-skype {
  box-shadow: 0 7px 30px rgba(0, 175, 240, 0.82);
}