.color-indigox {
    color: #6610f2 !important;
}
.color-greenx {
    color: #12b79c !important;
}
.color-dangerx {
    color: #E91E63 !important;
}
.color-blackx {
    color: #425563 !important;
}
.color-white {
    color: #fff !important;
}

.bg-indigox {
    background-color: #6610f2 !important;
}
.bg-greenx {
    background-color: #b3b9b8 !important;
}
.bg-dangerx {
    background-color: #E91E63 !important;
}
.bg-blackx {
    background-color: #425563 !important;
}

.navmenu li a {
    color: #425563 !important;
}
.navmenu li a:hover {
    background-color: #12b79c !important;
    color: #fff !important;
}

.card-dark {
    background-color: #202c39;
    color: #fff;
}

.border-rock {
    border: 1px solid #dee2e6;
}
.btn-night {
    color: #fff !important;
    background-color: #283845;
    border-color: #283845;
}

.btn-night:hover {
    color: #fff;
    background-color: #202c39;
    border-color: #202c39;
}
.btn-outline-night {
    color: #283845;
    border-color: #283845;
}
  
.btn-outline-night:hover {
    color: #fff;
    background-color: #283845;
    border-color: #283845;
}

.cardpack {
    margin: 2px .8em;
    padding: .8em 1.5em;
    background: #fff;
    color: rgb(39, 39, 39);
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cardpack img {
    max-width: 100%;
    width: 64px;
    height: 64px;
    display: inline-block;
    margin: 0 auto;
}
.cardpack h4 {
    margin: 1em 0;
    display: block;
    font-size: .95em;
    transition: 1s all ease-in;
    /*font-weight: 600;*/
    text-transform: uppercase;
    /*color: rgba(52, 58, 64, 1);*/
    color: #6c7293 !important;
}

.radio-input {
    padding: 8px 14px;
    background: #fff;
    color: rgba(4, 100, 200, .9);
    border: 2px solid rgba(4, 100, 200, .9);
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}
.radio-input:hover {
    background: rgb(4, 100, 200);
    color: #fff;
}
.radio-input input[type="radio"] {
    visibility: hidden;
}
.radio-input span {
    width: 15px;
    height: 15px;
    background: blue;
    display: none;
    border-radius: 50px;
    transition: .2s all ease;
}
input[type="radio"]:checked ~ span{
    display: inline-block;
    background: #fff;
}

.sub-link {
    display: block;
    margin: 2px 4px;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 25px;
    background-color: rgba(234, 236, 242, .9);
    border: 1px solid rgb(60, 55, 241);
    color: #3c37f1;
    transition: .5s all ease;
}
.sub-link:hover {
    text-decoration: none;
    background-color: rgba(60, 55, 241, .1);
    border-color: rgb(60, 55, 241);
    /* color: #fff; */
}
.actv {
    background-color: rgb(60, 55, 241);
    border-color: rgb(60, 55, 241);
    color: #fff;
}