#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: 'DYNAWEB4 is a modular content and application management system and platform that  makes it easy to develop and deploy portals and web applications in a structured, secured and modular way.  With our various ready made modules, plugins and widgets, plus and open source development concept and library.The sky is the limit with DYNAWEB4. Build portals, applications and much more with DYNAWEB4.';
}

.pvw-title-text span {
  display: none;
}
.pvw-title-text:after {
  content: 'WELCOME TO JKM CONTENT MANAGEMENT SYSTEM (CMS)';
}
.pvw-login-copyright span {
  display: none;
}
.pvw-login-copyright:after {
  content: 'Copyright 2024, JKM, 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: #ff9064;
    border-color: #ff9064;
    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: #1f274f;
    border-color: #1f274f;
    color: #ffffff;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
   background-color: #c04c49;
    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: #ff9064;
   background: linear-gradient(#FF9064, #FF6565);;
}

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

#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 : #ff9064;
color : #ffffff;
border-bottom: 1px dotted #ffffff36;
}

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

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

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

.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: #ff9064;
    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 JKM\av3.5.0';
   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;
}