.gradientButton {
    background-color: #ff725e !important;
    color: #ffffff!important;
    border-width: 0px;
    font-weight: bold !important;
    border-radius: 7px!important;
    box-shadow: 0 0 0 0 !important;
}

.loginInputPlaceholder::-webkit-input-placeholder {
    padding-left: 10px;
    border-color: #ff725e !important;
}

.redSubmitButton {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-weight: bold;
    background-color: #ff725e !important;
    border-width: 0px !important;
}

.whiteSubmitButton {
    color: #ff725e !important;
    border-radius: 40px !important;
    border-color: #ff725e !important;
    font-weight: bold;
    background-color: #ffffff !important;
    border-width: 1px !important;
}

.blueSubmitButton {
    color: #fff !important;
    border-radius: 40px !important;
    font-weight: bold;
    background-color: #4d9dd6 !important;
    border-width: 0px !important;
}


.blueSmallButton2 {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 13px !important;
    background-color: #4d9dd6 !important;
    border-width: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.backButtonNewDesign {
    background: transparent! important;
    border-width: 0px !important;
    color: #333333 !important;
}

.attendanceIcon {
    font-size: 20px !important;
    float: right !important;
    border-radius: 50px !important;
    border-width: 0 !important;
    font-weight: bold !important;
    color: #4d9dd6 !important;
}

.attendanceIconClicked {
    font-size: 20px !important;
    float: right !important;
    border-width: 0 !important;
    border-radius: 50px !important;
    background-color: #91bf3c !important;
    color: #fff !important;
}

.floatRight {
    float: right !important;
}

.popupDesign {
    border-radius: 10px !important;
    border-color: transaparent !important;
    margin: auto !important;
}

.redSimpleButton {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    background-color: #ff725e !important;
    border-width: 0px !important;
}

.redSmallButton {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 12px !important;
    background-color: #ff725e !important;
    border-width: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.redSmallButton2 {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 12px !important;
    background-color: #ff725e !important;
    border-width: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    float: right;
}

.redOutlineButton {
    color: #ff725e !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    background-color: #ffffff !important;
    border-width: 1px !important;
    border-color: #ff725e !important;
}

.blueSimpleButton {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    background-color: #4d9dd6 !important;
    border-width: 0px !important;
}

.blueOutlineButton {
    color: #4d9dd6 !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    background-color: #ffffff !important;
    border-width: 1px !important;
    border-color: #4d9dd6 !important;
}

.backButtonIcon {
    font-size: 20px !important;
    border-radius: 50px !important;
    border-width: 0 !important;
    font-weight: bold !important;
    color: #4d9dd6 !important;
    background-color: #fff !important;
}

.incompleteButton {
    margin: auto !important;
    background-color: #c9c9c9 !important;
    color: #333333 !important;
    border-radius: 40px !important;
    font-size: 13px !important;
    padding-top: 5px !important;
    border-width: 0 !important;
    box-shadow: 0 0 0 0 !important;
    padding-bottom: 5px !important;
}

.completeButton {
    margin: auto !important;
    background-color: #5fa65b !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 13px !important;
    padding-top: 5px !important;
    border-width: 0 !important;
    box-shadow: 0 0 0 0 !important;
    padding-bottom: 5px !important;
}


.roundRedGrid {
    border-radius: 10px!important;
    box-shadow: 0px 0px 1px 1px #eeeeee!important;
    border-color: #ff725e !important;
    border-width: 1px !important;
}

.roundBlueGrid {
    border-radius: 10px!important;
    box-shadow: 0px 0px 1px 1px #eeeeee!important;
    border-color: #4d9dd6 !important;
    border-width: 1px !important;
}


.prizesGridd {
    overflow:hidden!important;
    float:left !important;
    border-radius: 10px!important;
    box-shadow: 0px 0px 1px 1px #eeeeee!important;
    border-color: #ff725e !important;
    border-width: 1px !important;    
}


.randomButton {
    border-radius: 25px !important;
    border-width: 0 !important;
    float: right !important;
    color: #4d9dd6 !important;
}

.blueHomeButton {
    color: #fff !important;
    border-radius: 40px !important;
    font-weight: bold;
    font-size: 13px !important;
    background-color: #4d9dd6 !important;
    border-width: 0px !important;
    float: left !important;
}

.gradientGrid {
    border-radius: 100px!important;
    background-image: linear-gradient(to right,#ff725e , #ffa45e)!important;
    box-shadow: 0px 0px 1px 1px #eeeeee!important;
    border-color: #ff725e !important;
    border-width: 3px !important;
}

.LessoncompleteButton {
    background-color: #5fa65b !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    border-width: 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.blueSimpleButton2 {
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    background-color: #4d9dd6 !important;
    border-width: 0px !important;
    padding: 5px 0px 5px 0;
}