/* The snackbar - position it at the bottom and in the middle of the screen */
.wdm-snackbar {
    /*visibility: hidden;*/ /* Hidden by default. Visible on click */
    width: 300px; /* Set a default minimum width */
    margin: 0 0 0 -150px; /* Divide value of min-width by 2 */
    /*background-color: #333;*/ /* Black background color */
    /*color: #fff;*/ /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 999999; /* Add a z-index if needed */
   /* left: 50%;*/ /* Center the snackbar */
    /*bottom: 30px;*/ /* 30px from the bottom */
    top:20%;
    right:30px;
    box-shadow:6px 8px 15px -7px #ccc;
    -webkit-box-shadow:6px 8px 15px -7px #ccc;
    opacity:0;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.wdm-snackbar {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
/*-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;*/
transition-property: opacity, bottom, left, right, width, margin, border-radius;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
/*    from {right: 0; opacity: 0;}
    to {right: 30px; opacity: 1;}*/
        0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadein {
/*    from {right: 0; opacity: 0;}
    to {right: 30px; opacity: 1;}*/
        0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeout {
    /*from {right: 30px; opacity: 1;}
    to {right: 0; opacity: 0;}*/
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform:translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeout {
    /*from {right: 30px; opacity: 1;}
    to {right: 0; opacity: 0;}*/
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform:translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

/*--Adding changes for card--*/

.cpb-card {
  /*position: relative;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

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

.cpb-card-title {
  margin-bottom: 0.75rem;
}

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

.cpb-card-text
{
    font-weight:500;
}

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

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

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

.cpb-card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.cpb-card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.cpb-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);
}

.cpb-card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.cpb-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);
}

.cpb-card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .cpb-card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .cpb-card-group .cpb-card {
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
  }
  .cpb-card-group .cpb-card + .cpb-card {
    margin-left: 0;
    border-left: 0;
  }
  .cpb-card-group .cpb-card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .cpb-card-group .cpb-card:first-child .cpb-card-img-top {
    border-top-right-radius: 0;
  }
  .cpb-card-group .cpb-card:first-child .cpb-card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .cpb-card-group .cpb-card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .cpb-card-group .cpb-card:last-child .cpb-card-img-top {
    border-top-left-radius: 0;
  }
  .cpb-card-group .cpb-card:last-child .cpb-card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .cpb-card-group .cpb-card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .cpb-card-group .cpb-card:not(:first-child):not(:last-child) .cpb-card-img-top,
  .cpb-card-group .cpb-card:not(:first-child):not(:last-child) .cpb-card-img-bottom {
    border-radius: 0;
  }
}

.cpb-card-columns .cpb-card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .cpb-card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
  }
  .cpb-card-columns .cpb-card {
    display: inline-block;
    width: 100%;
  }
}