.pagination {
    height: 30px;
}

.locker {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8); /*lets make it semi-transparent */
    z-index: 9999; /*because you could set some z-indexes in your code before, so lets make sure that this will be over every elements in html*/
}

body {
    background-color: #004990 !important;
    /*background-color: #006FDA !important;*/
}

.navbar-laravel {
    background-color: #00376b !important;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: white !important;
}

#navbarSupportedContent {
    display: none !important;
}

.pcoded .pcoded-header[header-theme="theme1"] {
    background-color: #00376b !important;
}

.pcoded-main-container {
    background-color: #004990 !important;
}

.pcoded .pcoded-navbar[navbar-theme="themelight1"] .main-menu {
    background-color: #005bb0 !important;
}

.pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme="theme1"] {
    color: white !important;
}

.pcoded[nav-type="st1"] .pcoded-item.pcoded-left-item>li>a>.pcoded-micon, .pcoded[nav-type="st2"] .pcoded-item.pcoded-left-item>li>a>.pcoded-micon {
    color: white !important;
}

.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item>li>a {
    color: white !important;
}