.pcoded-content {
    margin-top: 0px;
    padding: 13px;
}

table.dataTable th {
    padding: 8px;
}

table.dataTable td {
    padding: 8px;
}

.page-header {
    margin-top: 0px;
    margin-bottom: 0px;
}

.invalid-feedback.field-validation-error{
    display:block;
}

/* theme color related css start */
.pcoded-header.header-dark:not(.headerpos-fixed)
 {
    background: #404040;
}

.pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a, .pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: #404040;
    color: #fff;
}

.pcoded-navbar.menu-light .pcoded-inner-navbar li.active > a, .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger > a, .pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a {
    /*color: transparent;
    background: #404040;*/
}

.pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption {
    color: #404040;
}

.pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li.active > a:before, .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li.pcoded-trigger > a:before, .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li:hover > a:before {
    background: #404040;
}


.table.dataTable[class*=table-] thead th {
    background: #404040;
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #404040;
    border-color: #404040;
}

/* theme color related css end */

/* loader related css start */

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #404040;
    z-index:1030;
    opacity:0.6;
}

.loading-wheel {
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 30px;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
}

.style-2 .loading-wheel {
    border-style: double;
    border-color: #ccc transparent;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}
/* loader related css end */

.switch input[type=checkbox] + .cr{
    top:6px;
}

.badge-light-success {
    background: #9ccc65;
    color: #fff;
}

.icon-size{
    height:20px;
    width:auto;
}