/* General button styles */
.btn {
    cursor: pointer;
    padding: 15px 30px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
    margin: 10px;
    outline: none;
    border: none;
    border-radius: 50px;
    color: white;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
}

/* Styles for "Go Back" button */
.btn-danger {
    background-color: #dc3545;
    background: linear-gradient(to bottom, #3575dc 0%, #c82333 100%);
}

.btn-danger:hover {
    background-color: #c82333;
    background: linear-gradient(to bottom, #c82333 0%, #bd2130 100%);
}

/* Styles for "Update Certificate" button */
.btn-info {
    background-color: #28a745;
    background: linear-gradient(to bottom, #3575dc 0%, #218838 100%);
}

.btn-info:hover {
    background-color: #218838;
    background: linear-gradient(to bottom, #218838 0%, #1e7e34 100%);
}

.btn-success {
    background-color: #28a745;
    background: linear-gradient(to bottom, #35c9dc 0%, #218838 100%);
}

.btn-success:hover {
    background-color: #218838;
    background: linear-gradient(to bottom, #218838 0%, #1e7e34 100%);
}

/* Icon styles */
.btn i {
    margin-right: 8px;
}

/* Span inside buttons (if any) */
.btn span {
    background: url('../images/arrow.png') repeat-x -8px -4px;
    height: 14px;
    width: 21px;
    display: block;
    transition: all 0.6s;
    top: 23px;
    position: absolute;
    left: 18px;
    outline: none;
}

.btn span:hover {
    background: url('../images/arrow.png') repeat-x 32px -4px;
    height: 14px;
    width: 21px;
    display: block;
    outline: none;
    border: none;
    transform: translateX(10px);
}
.card-body{
    background-color: #dc3546;
    background: linear-gradient(to bottom, #3575dcc9 0%, #c82333cc 100%);
    border-radius: 7px;
}
.small-box{
    background: linear-gradient(to bottom, #3575dc 0%, #c82333 100%);
}
.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: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}