#navbar {
    background: #ffffff !important;
    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
}

.navbar-buttons.navbar-header {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

    #navbar {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        background: #ffffff !important;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }

    .main-container.ace-save-state {
        padding-top: 80px;
    }

.no-skin .nav-list>li.active>a,
.no-skin .nav-list>li:hover>a,
.no-skin .nav-list>li.open>a,
.no-skin .nav-list>li .submenu>li>a:hover {
    color: #75b23f;
}

.no-skin .nav-list li.active>a:after {
    border-right-color: #75b23f;
}

.no-skin .nav-list>li.active:after {
    border: 4px solid #75b23f;
}

.no-skin .nav-list>li:hover:after {
    border: 4px solid #75b23f;
}

.nav-list>li:before {
    background-color: #75b23f;
}

.no-skin .nav-list>li.active:after,
.no-skin .nav-list>li:hover:after {
    border-color: #4B7841;
}

.no-skin .nav-list li.active>a:after,
.no-skin .nav-list li.hover>a:after {
    border-right-color: #4B7841;
}

.no-skin .nav-list>li.active>a,
.no-skin .nav-list>li:hover>a,
.no-skin .nav-list>li.open>a,
.no-skin .nav-list>li .submenu>li>a:hover,
.no-skin .nav-list>li.active>a{
    color: #4B7841;
}

.breadcrumb>li>a {
    color: #75b23f;
}

.breadcrumb>li>a:hover {
    color: #48761e;
}

.page-header h1 {
    color: #75b23f;   
}

.page-header h1 {
    color: #323B49;
    font-weight: 700;
    font-size: 28px;
    margin: 0;
}

.btn-info, .btn-info.focus, .btn-info:focus,
.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary[disabled] {
    background-color: #75b23f !important;
    border-color: #75b23f;
}

.btn-info.focus:hover, .btn-info:active:hover, .btn-info:focus:active, .btn-info:focus:hover, .btn-info:hover, .open>.btn-info.dropdown-toggle, .open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:active, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover,
.btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary:focus:active, .btn-primary:focus:hover, .btn-primary:hover, .open>.btn-primary.dropdown-toggle, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:active, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover, .btn-primary[disabled]:hover {
    background-color: #48761e !important;
    border-color: #48761e;
}

.btn-primary-delete {
    background-color: #d23136 !important;
    padding: 7px 15px !important;
    font-size: 12px !important;
    font-family: arial;
    font-weight: bold;
    border: none !important;
}

.btn-primary-delete:hover,
.btn-primary-delete:focus,
.btn-primary-delete:focus:active,
.btn-primary-delete:active:hover {
    background-color: #b71f23 !important;
    padding: 7px 15px !important;
    font-size: 12px !important;
    font-family: arial;
    font-weight: bold;
    border: none !important;
}

input#website_logo::file-selector-button {
    border: 2px solid #75b23f !important;
    background-color: #75b23f !important;
}

input#website_logo::file-selector-button:hover {
    background-color: #48761e !important;
    border: 2px solid #48761e !important;
}

.no-skin .navbar .navbar-toggle {
    background-color: #75b23f;
}

.no-skin .sidebar-toggle>.ace-icon:hover {
    border-color: #75b23f !important;
    color: #75b23f;
}

.btn-scroll-up {
    background-color: #75b23f !important;
    border-color: #75b23f;
}

.btn-scroll-up:hover {
    background-color: #48761e !important;
    border-color: #48761e;
}

.navbar-buttons.navbar-header .dropdown-menu {
    padding: 0px;
}

.navbar-buttons.navbar-header .dropdown-menu>li>a {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 10px;
    color: #000;
}

.navbar-buttons.navbar-header .dropdown-yellow>li.active:hover>a,
.navbar-buttons.navbar-header .dropdown-yellow>li.active>a,
.navbar-buttons.navbar-header .dropdown-yellow>li:hover>a,
.navbar-buttons.navbar-header .dropdown-yellow>li>a:active,
.navbar-buttons.navbar-header .dropdown-yellow>li>a:focus {
    background: #75b23f;
    color: #fff;
}

.navbar-buttons.navbar-header .dropdown-menu .divider {
    background-color: #b1b1b1;
    margin: 0px;
}

.appearance_color_div {
    display: inline-block;
    border: 1px solid #000;
    background-color: #fff;
    width: 15px;
    height: 15px;
    margin: auto auto auto 10px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:767px){
    .appearance_color_div {
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }
}


<!-- Login CSS Code -->

body.login-layout {
    background-image: url('https://nvw-portal.websitelaunching.com/admin/images/login_bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
    background-color: #fff;
}

body.login-layout {
    background-color: #c7c7c7;
    background-image: url('https://nvw-portal.websitelaunching.com/admin/images/login_bg.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
}

.login-layout input[type=text],
.login-layout input[type=password] {
    margin: 4px 0px;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    padding: 12px 15px !important;
    padding-left: 40px !important;
    border: 1px solid #000000;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    outline: none;
}
.login-layout input[type=text]:focus,
.login-layout input[type=text]:hover,
.login-layout input[type=password]:focus,
.login-layout input[type=password]:hover {
    border: 1px solid #000000;
    /* background: #488cc8 !important;
    color: #fff !important;
    border: 1px solid rgb(72, 140, 200) !important;
    outline: none; */
}

.login-layout a.email_activation {
    color: #75b23f;
}

.login-layout .widget-box {
    background-color: #75b23f;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    padding: 0px;
}

.login-layout .login-box .widget-body .widget-main h1,
.login-layout .login-box .widget-body .widget-main h2,
.login-layout .login-box .widget-body .widget-main h3,
.login-layout .login-box .widget-body .widget-main h4,
.login-layout .login-box .widget-body .widget-main h5,
.login-layout .login-box .widget-body .widget-main h6 {
    margin-top: 0;
    padding: 10px 0;
    color: #75b23f;
}

.login-layout .login-container .logo_div img {
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}

.login-layout .login-container h5 {
    color: #fff;
}

.login-layout .login-container h1 {
    color: #000;
}

.login-layout .login-container {
    margin-top: 0;
}

.login-layout .preview_img {
	max-height: 150px;
	max-width: 150px;
}

.login-layout .day_pad {
	padding: 0px;
    margin-left: 10px;
}

.login-layout .year_pad {
	padding: 0px;
}

.login-layout .login-box form .theme_success_color,
#loginModal #login_form .theme_success_color {
    color: #75b23f;
}

.login-layout .login-box form .theme_error_color,
#loginModal #login_form .theme_error_color {
    color: #d23136;
}


<!-- Common Form Input -->

form.common_form input, form.common_form select, form.common_form textarea {
    box-sizing: border-box;
    height: auto;
    padding: 5px 15px;
    border: 1px solid #000000;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    outline: none;
}

form.common_form input.file::file-selector-button {
    border: 2px solid #75b23f;
    padding: .4em .6em;
    border-radius: .2em;
    background-color: #75b23f;
    color: #fff;
    cursor: pointer;
    transition: 1s;
}

form.common_form input.file::file-selector-button:hover {
    background-color: #48761e;
    border: 2px solid #48761e;
}

form.common_form label {
    padding: 5px 15px;
    color: #000000;
}

.ace-nav>li.light-blue>a {
    background-color: #75b23f;
}

.ace-nav>li.light-blue>a:focus, .ace-nav>li.light-blue>a:hover, .ace-nav>li.open.light-blue>a {
    background-color: #48761e;
}


<!-- Bootstrap Table CSS -->

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0px 0px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    color: #000 !important;
    border: 1px solid transparent;
    border: none;
    border: 1px solid #ccc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border: 1px solid transparent;
    padding: 0;
    background-color: transparent;
    border: none;
    border: 1px solid #75b23f;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: none;
    border: 1px solid #75b23f;
}

.dataTables_wrapper .dataTables_paginate .pagination>li>a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none;
    border: 1px solid #ccc;
}

.dataTables_wrapper .dataTables_paginate .pagination>li.active>a,
.dataTables_wrapper .dataTables_paginate .pagination>li.active>a:focus,
.dataTables_wrapper .dataTables_paginate .pagination>li.active>a:hover,
.dataTables_wrapper .dataTables_paginate .pagination>li>a:focus,
.dataTables_wrapper .dataTables_paginate .pagination>li>a:hover {
    background-color: #75b23f;
    border-color: #75b23f;
    color: #FFF;
}

.dataTables_filter label {
    padding-right: 0;
}

.dataTables_wrapper .dataTables_length label {
    padding-left: 0;
    padding-right: 0;
}

.dataTables_filter input[type=search],
.dataTables_filter input[type=search]:hover {
    width: auto;
    height: auto;
    padding: 5px 15px;
    border: 1px solid #000000;
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    outline: none;
    line-height: inherit;
}

input.custom-file-input::file-selector-button {
    border: 2px solid #75b23f;
    padding: 5px 15px !important;
    border-radius: .2em !important;
    background-color: #75b23f;
    color: #fff;
    cursor: pointer;
    transition: 1s;
}

input.custom-file-input::file-selector-button:hover {
    background-color: #48761e;
    border: 2px solid #48761e;
}

form.common_form input[type=file]::file-selector-button {
    margin-top: 5px;
    border: 2px solid #75b23f;
    padding: 5px 15px !important;
    border-radius: .2em !important;
    background-color: #75b23f;
    color: #fff;
    cursor: pointer;
    transition: 1s;
}

form.common_form input[type=file]::file-selector-button:hover {
    background-color: #48761e;
    border: 2px solid #48761e;
}