.discount-div {
    background: #e8efe4;
    border-left: 2px solid #8cc34b;
    margin-bottom: 45px;
    margin-top: 30px;
    padding:30px;
    min-height: 130px;
}

.discount-div p {
    color: #37474f;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    padding-right: 190px;
}

.discount-div p strong {
    color: #8cc34b;
    font-weight: 600;
}

.discount-price {
    color: #8cc34b;
    display: inline-block;
    float: left;
    font-size: 34px;
    margin-right: 30px;
}

.discount-price > strong {
    clear: both;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .discount-div p {
        padding-right: 10px;
    }
}

@media (max-width: 639px) {
    .discount-div {
        padding: 20px;
    }
}

@media (max-width: 479px) {
    .discount-price {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }
    .discount-price > strong {
        clear: none;
        display: inline-block;
        font-size: 30px;
        font-weight: 400;
        padding-left: 5px;
        padding-top: 10px;
        text-transform: uppercase;
    }
}

.tabx-custom {
    float: left !important;
    width:50%;
    border-bottom: 1px #ddd solid;
    height: 54px !important;
}

.tabx-custom > a {
    color: #96999e;
}

.tabx-custom > a:hover {
    border: 0px !important;
    background: #fff !important;
}

.nav-tabs {
    border-bottom: 0px !important;
}
.tabx-custom.active {
    border-bottom: 4px #8cc34b solid;
}

.tabx-custom.active > a {
    color: #8cc34b !important;
    font-weight: 300;
    font-size: 20px;
    border: 0px !important;
}
.tabx-custom.active > a:active, a:focus {
    border: 0px;
    border-bottom: 2px #8cc34b solid;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .news-menu{
    max-height: 430px;
}

.bell-news-body {
    border-bottom: 1px #8cc34b dashed;
}

.bell{
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.news-dropdown-menu {
    /*border-top: 2px solid #8cc34b;*/
}
.news-header {
    background-color: #8cc34b !important;
    color: white !important;
    font-weight: 600;
    font-size: 16px !important;
}

#loginform-recaptcha-recaptcha-login-form > div {
    margin: auto;
}

.faq-row {
    cursor: pointer;
    font-size: 16px;
}
.faq-question {
    font-weight: 400;
}
.faq-question i {
    color: #8cc34b;
}
.faq-answer {
    padding: 5px 10px;
}
#social_message_dlg {
    background: white !important;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #ffffff;
    padding: 10px;
}
.btn-white {
    background-color: #ffffff;
}

.pagination>li>a {
    background: #ffffff;
}

.user-name-cls {
    font-size: 16px;
}
.user-wallet-cls {
    font-size: 15px;
}
.user-wallet-value {
    font-weight: bold;
}
.payment-gateway-note{
    background-color: #eee;
    padding: 15px 10px;
    border-radius: 15px;
	font-size: 14px;
}
.payment-gateway-note ul{
   padding-left: 20px;
    margin-bottom: 0px;
}
.mail-avatar{
	width: 25px;
	height: 25px;
}

.panel-admin {
	border-color: #d6e9c6;
}
.panel-admin > .panel-heading {

    color: #fff;
    background-color: #8cc34b;
    border-color: #8cc34b;

}

.panel-admin > .panel-heading, .panel-user > .panel-heading{
    font-size: 15px;
    font-weight: bold;
}

.panel-admin > .panel-body, .panel-user > .panel-body{
    font-size: 14px;
}
.mail-date-time {
	float: right;
	font-size: 12px;
}