body {

}
.background {
    background-color: #e9f2e3;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swal2-container.swal2-shown {
    z-index: 99999;
}
/*For loadder*/
#preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}
#preloader .refresh-preloader {
    display: block;
    z-index: 99;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.refresh-preloader {
    background: #f1f5f7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 10;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.preloader {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    height: 50px;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

/* a loading dot */
.loadingDot {
    width: 3rem;
    height: 3rem;
    background: #99CC00;
    margin: 1rem;
    animation: 1s infinite alternate anim-loadingDot;
    animation-timing-function: ease-in-out;
    border-radius: 999px;
}

/* set animation delay for each loading dot */
.loadingDot--2 {
    animation-delay: .12s;
}

.loadingDot--3 {
    animation-delay: .24s;
}

.loadingDot--4 {
    animation-delay: .36s;
}

/* keyframes for loading dot */
@keyframes anim-loadingDot {
    0% {
        transform: scale( 1 );
    }

    100% {
        transform: scale( .3 );
    }
}
/*For login page*/
.page-container {
    display: table;
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
.main-login.container-center {
    background: #f7ffe9;
    max-width: 300px;
    min-width: 300px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 50%;
    padding: 10px 15px 15px 15px;
    border-style: double;
    /* border-radius: 50px; */
    opacity: 0.9;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}
.form-login input[type="text"],
.form-login input[type="password"],
.form-login input[type="email"]
{
    height: 43px;
    font-size: 16px;
    border-color: #ffffff;
    padding: 6px 12px;
}
.form-login .form-group {
    text-align: center;
}
.form-login .form-group label {
    font-size: 16px;
    font-weight: 600;
}
.captcha-image img {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #e4e5e7;
    height: 70px;
}
.form-login .btn-login, .form-login .btn-register, .form-login .btn-forgot {
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    border: none;
    text-transform: uppercase;
}
.form-login .btn-login {

    background-color: #3732fa;
}
.form-login .btn-register {
    border-radius: 0;
    background-color: #ff5f5f;
}
/*For registration page*/
.term-conditions {
    font-size: 14px !important;
    font-weight: normal !important;
}

/*For footer*/
footer {
    padding-top: 20px;
    padding-bottom: 20px;
}
ul.footer {
    background: transparent !important;
}
ul.footer li {
    display: inline;
    border-right: 2px solid #350435;
}
ul.footer li:last-child {
    border: none !important;
}
ul.footer li a, .copyright {
    font-size: 16px !important;
    font-weight: 500;
    color: #350435;
    padding: 5px;
}

/** For inner pages**/

/*Top navigation bar*/
.btn.btn-accent {
    position: relative;
}
.btn-accent .badge {
    position: absolute;
    background-color: #e6674a;
    right: 0px;
    top: 10px;
}
.navbar {
    background: url("../images/nav_bg.jpg");
    background-size: cover;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.1), 0 1.5px 6px rgba(0, 0, 0, 0.1);
    min-height: 67px;
    border-color: #7ba340;
}
.navbar-tools {
    padding-top: 7px;
}
.breadcrumb { background-color: #99CC00;}

/*Sidebar navigation*/
body, .main-container, .footer, .main-navigation, ul.main-navigation-menu > li > ul.sub-menu, .navigation-small ul.main-navigation-menu > li > ul.sub-menu {
    background-color: #8BC34A !important;
}
ul.main-navigation-menu li a {
    border-top-color: #7daf40;
    border-bottom-color: #7daf40;
}
ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a, ul.main-navigation-menu li > ul.sub-menu > li > a:hover, ul.main-navigation-menu li > ul.sub-menu > li.active > a {
    background-color: #7daf40 !important;
}
ul.main-navigation-menu > li.active > a {
    background: #415A1E !important;
}
ul.main-navigation-menu > li.active > a .selected:before {
    color: #415A1E !important;
}

.well, .btn.btn-green {
    background-color: #99CC00;
    border-color: #99CC00;
}
.panel-heading {
    background-color: #99CC00;
    background-image: linear-gradient(to bottom, #99CC00 0%, #99CC00 100%);
    box-shadow: 0 1px 0 #99CC00 inset;
    border-color: #99cc00 !important;
    border-radius: 4px 4px 0 0;
}
.panel-default {
    border-color: #99CC00;
}

/*News page design*/
.col-md-12.news-container:before {
    background: #17baea;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 99%;
    content: '';
}
.col-md-12.news-container .col-sm-6 {
    width: 47%;
}
.col-md-12.news-container .row {
    position: relative;
}
.news-paper-icon i {
    color: #ffffff;
}
.news-paper-icon {
    position: absolute;
    left: 47%;
    background: #cccccc;
    border-radius: 50%;
    padding: 15px;
    margin: 5px;
    top: -7px;
    box-shadow: 0 0 0 6px #FFF;
}
td.text {
    font-weight: bold;
}
/*FAQ*/
.nav-tabs > li > a, .nav-tabs > li > a:focus {
    background-color: #8bc34a;
    color: #ffffff;
}
.tabs-left > .tab-teal > li.active > a, .tabs-left > .tab-teal > li.active > a:focus, .tabs-left > .tab-teal > li.active > a:hover {
    border-color: #415a1e;
    border-right: none;
    border-left: 2px solid #99CC00;
    background-color: #415a1e;
    color: #ffffff;
}
.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
    border-color: #7daf40;
    margin: 0 -1px 0 0;
}
.nav-tabs > li > a:hover {
    background-color: #7daf40;
    color: #ffffff;
}
.accordion-teal .panel-heading .accordion-toggle {
    background: #99CC00;
    border-left: 2px solid #415a1e;
    color: #437278;
}
.accordion-teal .panel-heading .accordion-toggle.collapsed {
    background: #99CC00;
    border-left: none;
}

/*Common pages*/
body.common-pages {
    background: url("../images/nav_bg.jpg");
    background-size: cover;
    color: #000;
}
body.common-pages .container {
    width: 1170px !important;
}
body.common-pages ul {
    list-style: inherit;
    padding: 0 0 0 40px;
}
body.common-pages .btn{
    background: #3732fa;
    border: 1px solid #3732fa;
    border-radius: 0px;
}
body.common-pages .common-heading{
    position: relative;
}
body.common-pages a.btn.btn-block.btn-lg.btn-success.btn-shop {
    position: absolute;
    right: 0;
    width: 150px;
}