
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 90%;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 1rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.cards-title {
  font-size: 0.9rem;
  font-weight:600;
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:first-child .card-img-top,
          .card-group > .card:first-child .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:first-child .card-img-bottom,
          .card-group > .card:first-child .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:last-child .card-img-top,
          .card-group > .card:last-child .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:last-child .card-img-bottom,
          .card-group > .card:last-child .card-footer {
            border-bottom-left-radius: 0; }
        .card-group > .card:only-child {
          border-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-top,
          .card-group > .card:only-child .card-header {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-bottom,
          .card-group > .card:only-child .card-footer {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
            border-radius: 0; } }



.content-wrapper {
  background: transparent;
  padding: 0.2rem 1.7rem;
  width: 100%;
  display: flex;
  justify-content: center;
  -webkit-flex-grow: 1;
  flex-grow: 1; }


/* Cards */
.card {
  border: 0;
  border-radius: 1rem; }
  .card .card-body {
    padding: 1.88rem 1.81rem; }
    .card .card-body + .card-body {
      padding-top: 0; }
  .card.card-outline-success {
    border: 1px solid #00ce68; }
  .card.card-outline-primary {
    border: 1px solid #308ee0; }
  .card.card-outline-warning {
    border: 1px solid #ffaf00; }
  .card.card-outline-danger {
    border: 1px solid #e65251; }
  .card.card-rounded {
    border-radius: 5px; }
  .card.card-faded {
    background: #b5b0b2;
    border-color: #b5b0b2; }
  .card.card-circle-progress {
    color: #ffffff;
    text-align: center; }

.card-inverse-primary {
  background: rgba(48, 142, 224, 0.2);
  border: 1px solid #2c83ce;
  color: #246caa; }

.card-inverse-secondary {
  background: rgba(229, 229, 229, 0.2);
  border: 1px solid lightgray;
  color: #aeaeae; }

.card-inverse-success {
  background: rgba(0, 206, 104, 0.2);
  border: 1px solid #00be60;
  color: #009d4f; }

.card-inverse-info {
  background: rgba(136, 98, 224, 0.2);
  border: 1px solid #7d5ace;
  color: #674aaa; }

.card-inverse-warning {
  background: rgba(255, 175, 0, 0.2);
  border: 1px solid #eba100;
  color: #c28500; }

.card-inverse-danger {
  background: rgba(230, 82, 81, 0.2);
  border: 1px solid #d44b4b;
  color: #af3e3e; }

.card-inverse-light {
  background: rgba(243, 245, 246, 0.2);
  border: 1px solid #e0e1e2;
  color: #b9babb; }

.card-inverse-dark {
  background: rgba(66, 73, 100, 0.2);
  border: 1px solid #3d435c;
  color: #32374c; }


/* Forms */
.input-group-append,
.input-group-prepend {
  background: #ffffff;
  color: #c9c8c8;
  width: auto;
  border: none; }
  .input-group-append .input-group-text,
  .input-group-prepend .input-group-text {
    background: transparent;
    border-color: #f2f2f2; }

.form-control {
  border: 1px solid #f2f2f2;
  font-size: 0.8rem;
  padding: 0.56rem 0.75rem;
  font-weight: 300; 
  line-height: 1px;}
  .form-control.form-control-lg, .input-group-lg > .form-control,
  .input-group-lg > .input-group-prepend > .form-control.input-group-text,
  .input-group-lg > .input-group-append > .form-control.input-group-text,
  .input-group-lg > .input-group-prepend > .form-control.btn,
  .input-group-lg > .input-group-append > .form-control.btn {
    padding: 0.5rem 0.75rem; }
  .form-control.form-control-sm, .input-group-sm > .form-control,
  .input-group-sm > .input-group-prepend > .form-control.input-group-text,
  .input-group-sm > .input-group-append > .form-control.input-group-text,
  .input-group-sm > .input-group-prepend > .form-control.btn,
  .input-group-sm > .input-group-append > .form-control.btn {
    padding: 0.25rem 0.75rem; }

select.form-control {
  padding: 0.4375rem 0.75rem; }

.form-group label {
  font-size: 13px;
  line-height: 1;
  vertical-align: top; }

.form-group input {
  font-family:inherit;
  font-size: 0.8rem;
  line-height: normal;
}

.form-group.has-danger .form-control {
  border-color: #e65251; }

.form-group .file-upload-default {
  visibility: hidden;
  position: absolute; }

.form-group .file-upload-info {
  background: transparent; }

/* Lists */
dl,
ol,
ul {
  padding-left: 1rem;
  font-size: 13px; }
  dl li,
  ol li,
  ul li {
    line-height: 1.8; }

.mt-2, .my-2 {
  margin-top: 0.5rem !important; }

.mr-2, .mx-2 {
  margin-right: 0.5rem !important; } 

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 {
  margin-left: 0.5rem !important; }
 

.required{
  color: red;
}    

