#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.';
}

.pvw-title-text span {
  display: none;
}
.pvw-title-text:after {
  content: 'WELCOME TO MAJLIS AGAMA ISLAM WILAYAH PERSEKUTUAN (MAIWP) CMS';
}
.pvw-login-copyright span {
  display: none;
}
.pvw-login-copyright:after {
  content: 'Copyright 2021, Majlis Agama Islam Wilayah Persekutuan (MAIWP), 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: #ed1c24;
    border-color: #ed1c24;
    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: #ed1c24;
    color: #ffffff;
}

.side-brand-image {
    border-radius: 1px;
    border: 0px solid #c14c49;
    box-shadow:0px 1px 5px 0px rgba(0,0,0,0.55);;
}

.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: #ed1c24;
   background: linear-gradient(2deg, rgba(237,28,36,1) 0%, rgba(237,28,36,1) 24%, rgba(255,242,0,1) 100%);;
}

.pace-done {
background-color: #ed1c24
}

body {
background-color : #f4f4f4
}

#side-menu > li > a {
background-color : #b9161d;
color : #ffffff;
border-bottom: 1px dotted white;
}

#side-menu > li.active > a {
background: #ed1c24;
}

ul.nav-second-level {
    background: #000000;
}

.nav-second-level li, .nav-third-level li {
background: #000000;
}

.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 : #ed1c24
}