// Basic Cards

.card {
   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);

   .card-img-top {
      width: 100%;
   }

   .card-header {
      padding: 1.5rem 1rem;

      .heading-elements {
         a:hover {
            text-decoration: none;
         }

         .input-group {
            .c-radio {
               color: $black;
            }
         }
      }
   }

   .card-footer {
      border-top: 1px solid $border-color;
   }
}

// Advance Cards

.card {
   .card-body {
      .weather-details {
         margin-top: 1.5rem;
      }
   }

   .media-list {
      .media {
         color: $black;

         &:hover {
            text-decoration: none;
         }
      }
   }
}

.card-image-position-right-mid {
   top: auto;
   right: 0;
}

// For Pagination In Heading Section

.card .card-header .heading-elements a {
   padding: $pagination-padding-y $pagination-padding-x;
}

//card actions
.card-actions {
   padding: 1rem 0.25rem 0.5rem;
}

// For Crypto Template

.crypto-card-3 {
   .card-content {
      .card-body {
         .ml-auto {
            h4 {
               margin-right: 1rem;
            }
         }

         .text-success,
         .text-danger {
            margin-right: 1rem;
         }
      }
   }
}

// For Support Template

.row {
   .col-lg-6 {
      .btn-success,
      .btn-warning,
      .btn-secondary {
         .ft-message-square.align-middle,
         .la-pencil.align-middle,
         .la-sticky-note {
            vertical-align: bottom !important;
         }
      }
   }
}

// For User Cards

.profile-card-with-stats {
   .text-center {
      .btn-group {
         box-shadow: none;
      }
   }
}

.card.profile-card-with-cover {
   .profile-card-with-cover-content {
      .btn-social-icon {
         .la {
            line-height: 3rem;
         }
      }
   }
}

// For Travel Template

// For Icons

.product-shop {
   .row {
      .card {
         .card-body {
            .btn-float {
               i.ft-heart {
                  position: relative;
                  top: 0.3125rem;
               }
            }
         }
      }
   }
}

// For Badge

.product-detail {
   .card {
      .card-body {
         .badge.badge-success.position-absolute {
            top: -1.5rem;
            left: -0.1rem;
         }
      }
   }
}

@media screen and (max-width: 540px) {
   .card {
      .card-header {
         .heading-elements {
            margin-top: 1.5rem;
         }
      }
   }
}

// For ERROR Code

@media screen and (max-width: 1024px) {
   .error-code {
      font-size: 8rem !important;
   }
}

// For Stats Cards

@media screen and (max-width: 540px) {
   #stats-icon-subtitle-bg {
      .media-middle {
         h1.text-white,
         i.icon-heart,
         i.icon-wallet {
            font-size: 2rem !important;
         }
      }
   }
}

// For Chart size in Hospital Admin Panel
#total-cost-chart {
   canvas {
      width: 130px !important;
   }
}

// For Card Headings heading elements

@media screen and (max-width: 768px) {
   #card-headings {
      .card {
         .card-header {
            .heading-elements {
               margin-top: 1.2rem;

               .badge {
                  // margin-top: 1.5rem;
               }

               .page-link {
                  margin-top: 1.5rem;
               }

               .form-control {
                  background: transparent;
                  margin-top: -0.7rem;
               }

               .btn-group {
                  margin-top: 1rem;
               }
            }
         }
      }
   }
}
