/*! =========================================================
 * Modified from
 * Material Kit PRO - v2.0.3 (Bootstrap 4.0.0 Final Edition)
 * License purchased by Zulu Labs
 * =========================================================
 * From https://www.creative-tim.com/product/material-kit-pro
 *
 * ========================================================= */

.card {
text-decoration-color: #000000;
}

.card {
    position: center;
    border: 0;
    margin-bottom: 3px;
    margin-top: 30px;
    border-radius: 6px;
    color: rgba(0,0,0,0.87);
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}

.card .card-category:not([class*="text-"]) {
    color: #999
}

.card .card-category {
    margin-top: 10px
}

.card .material-icons {
    position: relative;
    top: 20px;
    line-height: 50px;
    font-size: 50px
}

.card .form-check {
    margin-top: 15px
}

.card .card-title {
    margin-top: .625rem
}

.card .card-title:last-child {
    margin-bottom: 0
}

.card.no-shadow .card-header-image,.card.no-shadow .card-header-image img {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.card .card-body,.card .card-footer {
    padding: .9375rem 1.875rem;
    align-content: center;
    text-align: center
}

.card .card-body+.card-footer {
    padding-top: 0rem;
    border: 0;
    border-radius: 6px;
    text-align: center
}

.card .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0
}

.card .card-footer .author,.card .card-footer .stats {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.card .card-footer .stats {
    color: #999
}

.card .card-footer .stats .material-icons {
    position: relative;
    top: 10px;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 18px;
    text-align: center
}

.card.bmd-card-raised {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
}

@media(min-width: 992px) {
    .card.bmd-card-flat {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

.card .card-header {
    border-radius: 3px;
    padding: 1rem 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: 0;
    background: linear-gradient(60deg,#eee,#bdbdbd)
}

.card .card-header .title {
    color: #fff
}

.card .card-header:not([class*="header-"]) {
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card .card-header .nav-tabs {
    padding: 0
}

.card .card-header.card-header-image {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px
}

.card .card-header.card-header-image a {
    display: block
}

.card .card-header.card-header-image img {
    width: 100%;
    border-radius: 6px;
    pointer-events: none;
    -webkit-box-shadow: 0 5px 15px -8px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 5px 15px -8px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card .card-header.card-header-image .card-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 1.125rem;
    text-shadow: 0 2px 5px rgba(33,33,33,0.5)
}

.card .card-header.card-header-image .colored-shadow {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    top: 12px;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    -webkit-transition: opacity .45s;
    transition: opacity .45s;
    opacity: 0
}

.card .card-header.card-header-image.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card .card-header.card-header-image.no-shadow.shadow-normal {
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card .card-header.card-header-image.no-shadow .colored-shadow {
    display: none!important
}

.card .card-header-primary,.card.bg-primary,.card.card-rotate.bg-primary .front,.card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg,#ab47bc,#6b33a8)
}

.card .card-header-info,.card.bg-info,.card.card-rotate.bg-info .front,.card.card-rotate.bg-info .back {
    background: linear-gradient(60deg,#26c6da,#0097a7)
}

.card .card-header-success,.card.bg-success,.card.card-rotate.bg-success .front,.card.card-rotate.bg-success .back {
    background: linear-gradient(60deg,#66bb6a,#388e3c)
}

.card .card-header-warning,.card.bg-warning,.card.card-rotate.bg-warning .front,.card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg,#ffa726,#f57c00)
}

.card .card-header-danger,.card.bg-danger,.card.card-rotate.bg-danger .front,.card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg,#ef5350,#d32f2f)
}

.card .card-header-rose,.card.bg-rose,.card.card-rotate.bg-rose .front,.card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg,#ec407a,#c2185b)
}

.card .card-header-primary {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(156,39,176,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(156,39,176,0.6)
}

.card .card-header-danger {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(244,67,54,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(244,67,54,0.6)
}

.card .card-header-rose {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6)
}

.card .card-header-warning {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(255,152,0,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(255,152,0,0.6)
}

.card .card-header-info {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(0,188,212,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(0,188,212,0.6)
}

.card .card-header-success {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(76,175,80,0.6);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(76,175,80,0.6)
}

.card [class*="header-"],.card[class*="bg-"] {
    color: #fff
}

.card [class*="header-"] .card-title a,.card [class*="header-"] .card-title,.card [class*="header-"] .icon i,.card[class*="bg-"] .card-title a,.card[class*="bg-"] .card-title,.card[class*="bg-"] .icon i {
    color: #fff
}

.card [class*="header-"] .icon i,.card[class*="bg-"] .icon i {
    border-color: rgba(255,255,255,0.25)
}

.card [class*="header-"] .author a,.card [class*="header-"] .stats,.card [class*="header-"] .card-category,.card [class*="header-"] .card-description,.card[class*="bg-"] .author a,.card[class*="bg-"] .stats,.card[class*="bg-"] .card-category,.card[class*="bg-"] .card-description {
    color: rgba(255,255,255,0.8)
}

.card [class*="header-"] .author a:hover,.card [class*="header-"] .author a:focus,.card [class*="header-"] .author a:active,.card[class*="bg-"] .author a:hover,.card[class*="bg-"] .author a:focus,.card[class*="bg-"] .author a:active {
    color: #fff
}

.card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px
}

.card .author a {
    color: #3c4858;
    text-decoration: none
}

.card .author a .ripple-container {
    display: none
}

.card .card-category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px
}

.card .card-category-social .material-icons {
    position: relative;
    top: 5px
}

.card[class*="bg-"],.card[class*="bg-"] .card-body {
    border-radius: 6px
}

.card[class*="bg-"] h1 small,.card[class*="bg-"] h2 small,.card[class*="bg-"] h3 small,.card[class*="bg-"] .card-body h1 small,.card[class*="bg-"] .card-body h2 small,.card[class*="bg-"] .card-body h3 small {
    color: rgba(255,255,255,0.8)
}

.card .card-stats {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card .card-stats .author,.card .card-stats .stats {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.card-plain {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-plain .card-header:not(.card-avatar) {
    margin-left: 0;
    margin-right: 0
}

.card-plain .card-body {
    padding-left: 5px;
    padding-right: 5px
}

.card-plain .card-header-image {
    margin: 0!important;
    border-radius: 6px
}

.card-plain .card-header-image img {
    border-radius: 6px
}

.card-plain .card-footer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent
}

.card-blog {
    margin-top: 60px
}

.card-blog [class*="col-"] .card-header-image img {
    width: 100%
}

.card-blog .carf-footer .stats .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px;
    width: 19px
}

.card-testimonial .card-footer {
    margin-top: 0;
    display: block
}

.card-testimonial .card-footer .card-avatar {
    margin-top: 10px;
    margin-bottom: -60px
}

.card-contact .card-header {
    margin: 0 15px;
    margin-top: -20px
}

.card-profile,.card-testimonial {
    margin-top: 30px;
    text-align: center
}

.card-profile .card-avatar,.card-testimonial .card-avatar {
    max-width: 130px;
    max-height: 130px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card-profile .card-avatar+.card-body,.card-testimonial .card-avatar+.card-body {
    margin-top: 15px
}

.card-profile .card-avatar img,.card-testimonial .card-avatar img {
    width: 100%;
    height: auto
}

.card-profile .card-body+.card-footer,.card-testimonial .card-body+.card-footer {
    margin-top: -15px
}

.card-profile .card-footer .btn.btn-just-icon,.card-testimonial .card-footer .btn.btn-just-icon {
    font-size: 20px;
    padding: 12px 12px;
    line-height: 1em
}

.card-profile.card-plain .card-avatar,.card-testimonial.card-plain .card-avatar {
    margin-top: 0
}

.card-testimonial .card-avatar {
    max-width: 100px;
    max-height: 100px
}

.card-testimonial .card-footer {
    margin-top: 0
}

.card-testimonial .card-footer .card-avatar {
    margin-top: 10px;
    margin-bottom: -50px
}

.card-testimonial .card-description {
    font-style: italic
}

.card-testimonial .card-description+.card-title {
    margin-top: 30px
}

.card-testimonial .icon {
    margin-top: 30px
}

.card-testimonial .icon .material-icons {
    font-size: 40px
}

.card-product {
    margin-top: 30px
}

.card-product .btn-simple.btn-just-icon {
    padding: 0
}

.card-product .card-footer .price h4 {
    margin-bottom: 0;
    font-style: italic;
    font-weight: bold

}

.card-product .card-footer .btn {
    margin: 0
}

.card-product .card-title,.card-product .card-category,.card-product .card-description {
    text-align: center
}

.card-product .category {
    margin-bottom: 0
}

.card-product .category ~ .card-title {
    margin-top: 0
}

.card-product .price {
    font-size: 18px;
    color: #9a9a9a
}

.card-product .price-old {
    text-decoration: line-through;
    font-size: 16px;
    color: #9a9a9a
}

.card-product .price-new {
    color: #f44336
}

.card-pricing {
    text-align: center
}

.card-pricing:after {
    background-color: rgba(0,0,0,0.7)!important
}

.card-pricing .card-title {
    margin-top: 30px
}

.card-pricing .card-body {
    padding: 15px!important;
    margin: 0!important
}

.card-pricing .icon {
    padding: 10px 0 0
}

.card-pricing .icon i {
    font-size: 55px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    width: 130px;
    line-height: 130px;
    height: 130px
}

.card-pricing h1 small {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 0
}

.card-pricing h1 small:first-child {
    position: relative;
    top: -17px;
    font-size: 26px
}

.card-pricing ul {
    list-style: none;
    padding: 0;
    max-width: 240px;
    margin: 10px auto
}

.card-pricing ul li {
    color: #999;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(153,153,153,0.3)
}

.card-pricing ul li:last-child {
    border: 0
}

.card-pricing ul li b {
    color: #3c4858
}

.card-pricing ul li i {
    top: 6px;
    position: relative
}

.card-pricing.card-background ul li,.card-pricing[class*="bg-"] ul li {
    color: #fff;
    border-color: rgba(255,255,255,0.3)
}

.card-pricing.card-background ul li b,.card-pricing[class*="bg-"] ul li b {
    color: #fff;
    font-weight: 700
}

.card-pricing.card-background [class*="text-"],.card-pricing.card-background .card-category,.card-pricing[class*="bg-"] [class*="text-"],.card-pricing[class*="bg-"] .card-category {
    color: #fff!important
}

.card-pricing .card-footer {
    z-index: 2
}

.card-collapse,.card-collapse .card-header {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0
}

.card-collapse {
    margin: 0
}

.card-collapse .card-header {
    border-bottom: 1px solid #ddd;
    padding: 25px 10px 5px 0;
    margin: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: #fff
}

.card-collapse .card-header a {
    color: #3c4858;
    font-size: .9375rem;
    font-weight: bolder;
    display: block
}

.card-collapse .card-header a:hover,.card-collapse .card-header a:active,.card-collapse .card-header a[aria-expanded="true"] {
    color: #9c27b0
}

.card-collapse .card-header a i {
    float: right;
    top: 4px;
    position: relative
}

.card-collapse .card-header a[aria-expanded="true"] i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card-collapse .card-body {
    padding: 15px 0 5px
}

.card-raised {
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card-signup .card-header {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -40px;
    padding: 20px 0;
    width: 100%;
    margin-bottom: 15px
}

.card-signup .text-divider {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center
}

.card-signup .card-body {
    padding: 0 30px 0 10px
}

.card-signup .form-check {
    padding-top: 27px
}

.card-signup .form-check label {
    margin-left: 18px
}

.card-signup .form-check .form-check-sign {
    padding-right: 17px
}

.card-signup .social-line {
    margin-top: 1rem;
    text-align: center;
    padding: 0
}

.card-signup .social-line .btn {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px
}

.card-form-horizontal .card-body {
    padding-left: 15px;
    padding-right: 15px
}

.card-form-horizontal .form-group .form-control,.card-form-horizontal .input-group .form-control {
    margin-bottom: 0
}

.card-form-horizontal form {
    margin: 0
}

.card-form-horizontal .btn {
    margin: 0
}

.card-form-horizontal .input-group .input-group-addon {
    padding-left: 0
}

.card-form-horizontal .bmd-form-group {
    padding-bottom: 0;
    padding-top: 0
}

.card-background,.back-background,.front-background {
    background-position: center center;
    background-size: cover;
    text-align: center
}

.card-background .card-body,.back-background .card-body,.front-background .card-body {
    position: relative;
    z-index: 2;
    min-height: 280px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 440px;
    margin: 0 auto
}

.card-background .card-category,.card-background .card-description,.card-background small,.back-background .card-category,.back-background .card-description,.back-background small,.front-background .card-category,.front-background .card-description,.front-background small {
    color: rgba(255,255,255,0.7)!important
}

.card-background .card-title,.back-background .card-title,.front-background .card-title {
    color: #fff;
    margin-top: 10px
}

.card-background:not(.card-pricing) .btn,.back-background:not(.card-pricing) .btn,.front-background:not(.card-pricing) .btn {
    margin-bottom: 0
}

.card-background:after,.back-background:after,.front-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0,0,0,0.56);
    border-radius: 6px
}

.back-background .card-body {
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 15px
}

.rotating-card-container {
    -webkit-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px
}

.rotating-card-container .card-rotate {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rotating-card-container .card-rotate:after {
    display: none
}

.rotating-card-container .card {
    -webkit-transition: all .8s cubic-bezier(0.34,1.45,0.7,1);
    transition: all .8s cubic-bezier(0.34,1.45,0.7,1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative
}

.rotating-card-container .card .back,.rotating-card-container .card .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    position: absolute;
    background-color: #fff;
    border-radius: 6px;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.rotating-card-container .card .back .card-body,.rotating-card-container .card .front .card-body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.rotating-card-container .card .front {
    z-index: 2;
    position: relative
}

.rotating-card-container .card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 5;
    text-align: center;
    width: 100%;
    height: 100%
}

.rotating-card-container .card .back.back-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0,0,0,0.56);
    border-radius: 6px
}

.rotating-card-container .card .back.back-background .card-body {
    position: relative;
    z-index: 2
}

.rotating-card-container .card .back .card-footer .btn {
    margin: 0
}

.rotating-card-container .card .back .card-body {
    padding-left: 15px;
    padding-right: 15px
}

.rotating-card-container:not(.manual-flip):hover .card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.rotating-card-container.hover.manual-flip .card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.card-profile .rotating-card-container .front {
    text-align: left
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .rotating-card-container .card .front,.rotating-card-container .card .back {
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }

    .rotating-card-container .card .back {
        visibility: hidden;
        -webkit-transition: visibility .3s cubic-bezier(0.34,1.45,0.7,1);
        transition: visibility .3s cubic-bezier(0.34,1.45,0.7,1)
    }

    .rotating-card-container .card .front {
        z-index: 4
    }

    .rotating-card-container:not(.manual-flip):hover .card .back,.rotating-card-container.manual-flip.hover .card .back {
        z-index: 5;
        visibility: visible
    }
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: inherit;
    border: 0 solid rgba(0,0,0,0.125)
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.list-group-item:hover,.list-group-item:focus {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    background-color: inherit
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #114e7e;
    background-color: #c1e2fc
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #114e7e;
    background-color: #a9d7fb
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #114e7e;
    border-color: #114e7e
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #285b2a;
    background-color: #cde9ce
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #285b2a;
    background-color: #bbe1bd
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #285b2a;
    border-color: #285b2a
}

.list-group-item-info {
    color: #00626e;
    background-color: #b8ecf3
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #00626e;
    background-color: #a2e6ef
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #00626e;
    border-color: #00626e
}

.list-group-item-warning {
    color: #857a1f;
    background-color: #fff9c8
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #857a1f;
    background-color: #fff6af
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #857a1f;
    border-color: #857a1f
}

.list-group-item-danger {
    color: #7f231c;
    background-color: #fccac7
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #7f231c;
    background-color: #fbb3af
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #7f231c;
    border-color: #7f231c
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}
/* Contains the password input and the login button */
.lockscreen-credentials {
    margin-left: 70px;
}
.lockscreen-credentials .form-control {
    border: 0;
}
.lockscreen-credentials .btn {
    background-color: #fff;
    border: 0;
    padding: 0 10px;
}
.lockscreen-footer {
    margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.login-logo a,
.register-logo a {
    color: #444;
}
.login-page,
.register-page {
    background: #d2d6de;
}
.login-box,
.register-box {
    width: 360px;
    margin: 7% auto;
}
@media (max-width: 768px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 20px;
    }
}
.login-box-body,
.register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
    color: #777;
}
.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}
.social-auth-links {
    margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
    width: 600px;
    margin: 20px auto 0 auto;
}
@media (max-width: 991px) {
    .error-page {
        width: 100%;
    }
}
.error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
}
@media (max-width: 991px) {
    .error-page > .headline {
        float: none;
        text-align: center;
    }
}
.error-page > .error-content {
    margin-left: 190px;
    display: block;
}
@media (max-width: 991px) {
    .error-page > .error-content {
        margin-left: 0;
    }
}
.error-page > .error-content > h3 {
    font-weight: 300;
    font-size: 25px;
}
@media (max-width: 991px) {
    .error-page > .error-content > h3 {
        text-align: center;
    }
}
#loader {
    position: absolute;
    left: 40%;
    top: 50%;
    z-index: 1;
    width: 250px;
    height: 250px;
    margin: -75px 0 0 -75px;
    border: 16px transparent ;
    border-radius: 50%;
    border-top: 16px solid #4caf50;
    border-right: 16px solid #6b33a8;
    border-left: 16px solid #f44336;
    width: 250px;
    height: 250px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}

#myDiv {
    display: none;
    position: center;
    text-align: center;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    text-decoration: none;
    font-size: inherit;
    color: #000000;
    position: absolute;
    left: 10%;
    top: 70%;
    z-index: 1;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    word-wrap: break-word;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}
.btn-purple {
    background-color: #6b33a8;
}
.btn-blue {
    background-color: #0b51c5;
}