/* Write your custom CSS here */

.purple-Gradient{

    background: #8E2DE2!important;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2)!important;  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #4A00E0, #8E2DE2)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.orange-Gradient{

    background: #FDC830!important;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #F37335, #FDC830)!important;  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #F37335, #FDC830)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.green-Gradient{

    background: #11998e!important;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to left, #38ef7d, #11998e)!important; /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to left, #38ef7d, #11998e)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.blue-Grandient{

    background: #00B4DB!important;  /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #0083B0, #00B4DB)!important;  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #0083B0, #00B4DB)!important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.pink-Gradient{

    background: #DA4453!important; /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #89216B, #DA4453)!important;  /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #89216B, #DA4453) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.top-card, .top-card .card-title{

    

    color: #fff !important;

}

.top-card{

    border: 0px!important;

}

.top-card .card-body{

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

}

.top-card .material-icons{

    font-size: 120px !important;

    position: absolute;

    opacity: .5;

    right: 0;

    top: 0;

}

.ring-container {

    position: relative;

}



.circle {

    width: 15px;

    height: 15px;

    background-color: #62bd19;

    border-radius: 50%;

    position: absolute;

    top: 23px;

    left: 23px;

}



.ringring {

    border: 3px solid #62bd19;

    -webkit-border-radius: 30px;

    height: 25px;

    width: 25px;

    position: absolute;

    left: 15px;

    top: 15px;

    -webkit-animation: pulsate 1s ease-out;

    -webkit-animation-iteration-count: infinite;

    opacity: 0.0

}

@-webkit-keyframes pulsate {

    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}

    50% {opacity: 1.0;}

    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}

}

.one-block{

    border: 3px solid #00000017;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    padding: 15px;

}

.btn.btn-primary{

    background: linear-gradient(90deg,#55c3b7 0,#5fd0a5 48%,#66da90 100%) !important;

}

.nav-tabs{

    border-bottom: 0px !important;

}