:root {
    --main-green: #00bfa5;
    --alt-green: #008270;
    --main-grey: #ababab;
    --alt-grey: #fff;
    --white: #fff;
    --black: #000;
}
.body-bg {
    background-color: #008da2;
    /* background-image: linear-gradient(to right top, #00211f, #033a3a, #075458, #107079, #1b8d9d, #23a0b2, #2ab3c7, #32c6dc, #38d3e3, #42e1e9, #50eeed, #5ffbf1); */
    border-color: #033a3a;
    background-repeat:no-repeat;
    background-size: 134% 627% !important;
}




/* Login Css */
.login-logo {
    width: 70%;
}
.login-title {
    font-weight: bold;
    font-size: 22px;
}
.login-wrapper {
    width: 320px;
    background: #fff;
    margin: 20px auto;
    min-height: 200px;
    
}
.login-wrapper .inner-login-warpper {
    padding: 50px 30px 60px;
    box-shadow: 1px 1.732px 10px 0px rgba(0, 0, 0, 0.063);
}
.login-wrapper .signup-wrapper {
    padding: 10px;
    font-size: 14px;
    background-color: #0c5d69;
    /* background-image: linear-gradient(to right top, #00211f, #003434, #00474c, #005b66, #007082, #007e92, #008da2, #009cb3, #00a8b9, #00b4bd, #00bfbf, #1fcbc0) !important; */
}
.btn.btn-blue:hover {
    background-color: #02515e;

    /* background-image: linear-gradient(to right top, #00211f, #003434, #00474c, #005b66, #007082, #007e92, #008da2, #009cb3, #00a8b9, #00b4bd, #00bfbf, #1fcbc0) !important; */
    color: #ffffff;
}
.signup-wrapper a {
    color: var(--main-green);
}
.login-supporter .remember-me, .login-supporter a{
    font-size: 14px;
}
/* Login Css */

/* register Css */
span.note {
    display:none;
    padding: 4px 10px;
    background: #00bfa5;
    font-size: 10px;
    color: #fff;
    position: relative;
    top: -11px;
    z-index: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}
/* register Css */

.menu-line {
    width: 118px;
}
.navbar-top-default.navbar-gradient .navbar-nav .nav-link {
    min-width: 120px;
}
.full-menu-detail.hide-cursor h6, .full-menu-detail.hide-cursor a {
    color: var(--alt-green) !important;
}
.full-menu-detail.hide-cursor a:hover {
    color: var(--white) !important;
}
.full-menu-detail.hide-cursor a {
    font-weight: 500;
}