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

.pvw-title-text span {
  display: none;
}
.pvw-title-text:after {
  content: 'Welcome to Animal Passport System';
}
.pvw-login-copyright span {
  display: none;
}
.pvw-login-copyright:after {
  content: 'Copyright 2024, Department of Veterinary Services Malaysia, 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
}

.row.wrapper.border-bottom.white-bg.page-heading {
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
 }

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

.btn-default {
background-color :#ffffff;
border-color: #ffffff;
}

.btn {
            box-shadow: inset 0 1px 1px #fff, inset 0 -1px 1px #aaa, 0 2px 4px -3px #666;
          }
          .btn:hover {
            box-shadow: {{button-shadow-all-when-hover}};
            border-color: #888 #aaa #eee;
          }

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

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
   background-color: #198754;
    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: #198754;
   background: #198754;
}

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

#side-menu > li > a {
            box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
          }

body {
background-color : #f4f4f4
}

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

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

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

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

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

.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-second-level li.active > a, .nav-third-level li.active > a {
box-shadow : inset -15px 0px 28px 0px rgba(0,0,0,0.23);
}

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

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

.form-control {
background-color: #f0f0f0;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.form-control:focus {
           box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.file-preview {
            background: #f0f0f0;
          }
          .file-drop-zone {
            background : #fefefe;
          }


.ibox-content {
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius:5px;
}

.ibox-title {
background-color: #198754;
    color: #ffffff;
    font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.ibox-tools a {
color:#ffffff;
}

.ibox-tools {
display : block;
}

.nav-footer {
padding: 20px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    list-style: none;
    font-size: 9px;
}

@media only screen and (max-width: 600px) {
nav-footer:after {

}
}

.nav-footer:after {
  content: 'Copyright 2024 Department of Veterinary Services Malaysia';
   white-space: normal;
}

@media only screen and (max-width: 767px) {
nav-footer: {
font-size:{{nav-footer-font-size}};
}
}

thead{
background : none !important;
box-shadow : rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; !important;
}

.grid-view {
padding : 0px !important;
}