
#login-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, rgba(5, 5, 152,0.5),rgba(9,209,154,0.5));
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.pvw-welcome-text span {
  display: none;
}
.pvw-welcome-text:after {
  content: 'This area is for AUTHORISED USED AND FOR SYSTEM ADMINISTRATORS ONLY.This area is for the management of portal contents and applications processes.  Please contact the Department Of Statistics Malaysia should your require access to this system.';
}

.pvw-title-text span {
  display: none;
}
.pvw-title-text:after {
  content: 'WELCOME TO DOSM CONTENT & APPLICATION MANAGEMENT SYSTEM (CMS) ';
}
.pvw-login-copyright span {
  display: none;
}
.pvw-login-copyright:after {
  content: 'Copyright 2021, Department Of Statistics Malaysia (DOSM), All Rights Reserved';
}

.row.wrapper.border-bottom.white-bg.page-heading {
    background: #ffffff;
    border-radius: 0px
}

.breadcrumb {
    background-color: #ffffff ;
    padding: 11px;
    margin-bottom: 0px;
    color: #676a6c
}

.btn.btn-primary {
    background-color: #00659a;
    border-color: #00659a;
    color: #ffffff;
    padding:6px 12px
}

.btn.btn-success{
    background-color: #1f274f;
    border-color: #1f274f;
    color: #ffffff;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
   background-color: #00659a;
    color: #ffffff;
}

.side-brand-image {
    border-radius: 1px;
    border: 0px solid #c14c49;
    box-shadow:rgb(38, 57, 77) 0px 20px 30px -10px;;
}

.avatar-img {
    -webkit-box-shadow: 9px 9px 20px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 9px 20px -15px rgba(0,0,0,0.75);
     box-shadow: 9px 9px 20px -15px rgba(0,0,0,0.75);
     margin-top: 2px;
}

.language-flag{
     width: 25px
}

.nav-header{
   background: #c24d4a;
   background: linear-gradient(0deg, rgba(0,101,154,1) 0%, rgba(0,103,150,1) 36%, rgba(0,137,130,1) 100%);;
}

.pace-done {
background-color: #00659a
}

body {
background-color : #00659a
}

#side-menu > li > a {
background-color : #014061;
color : #ffffff;
border-bottom: 1px dotted white;
}

#side-menu > li.active > a {
background: #008c89;
}

ul.nav-second-level {
    background: #1f274f;
}

.nav-second-level li, .nav-third-level li {
background: #1f274f;
}

.nav-second-level li a, .nav-third-level li a {
color: #ffffff;
border-bottom: 1px dotted white
}

.nav-second-level li:hover, .nav-third-level li:hover {
background: transparent;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
background: #ffffff;
color: #3b4ca3;
}

.nav-second-level li.active, .nav-third-level li.active {
background: #cccccc;
}

.nav-second-level li.active > a, .nav-third-level li.active > a {
color: #000000;
}

.nav-second-level li:last-child {
       margin-bottom: 0px;
 }
            
            .nav.nav-second-level > li.active a:after {
                width: 0;
                height: 0;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-right: 10px solid #f3f3f4;
                /* background-color: #ddd; */
                content: '';
                position: absolute;
                right: 0px;
                top: calc(50% -10px);
            }


.nav > li.active {
    border-left: 4px solid #ffffff;
}

body.mini-navbar .nav-header {
background-color : #c24d4a
}
