.mt-5 {
    margin-top: 5px;
}
.mr-5 {
    margin-right: 5px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-20 {
    margin-bottom: 20px;
}
.ml-5 {
    margin-left: 5px;
}
.fs-16 {
    font-size: 16px;
}

.action-column a:not(:last-child) {
    margin-right: 5px;
}
.serial-no {
    width: 15px !important;
    text-align: right;
}
.action-column {
    text-align: center;
    width: 55px;
    min-width: 55px;
}
.alert .close {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
.user-image, .account-image, .project-image {
    max-width: 200px;
}
.table-header-group {
    display: table-header-group;
}

.table-header-group input {
    width:100% !important;
}

.action-column {
    text-align: center;
}

.width25 {
    width: 25px !important;
}
.width30 {
    width: 30px !important;
}
.width50 {
    width: 50px !important;
}
.width75 {
    width: 50px !important;
}
.width100 {
    width: 50px !important;
}
.width150 {
    width: 50px !important;
}
.width200 {
    width: 50px !important;
}

.main-header .logo-mini img {
    width: 80px;
}
.main-header .logo-lg img {
    height: 87px;
}

.img-circle-container {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
}
.user-panel>.img-circle-container {
    width: 45px;
    height: 45px;
}
.sidebar-collapse .user-panel>.img-circle-container {
    width: 30px;
    height: 30px;
}

.navbar-nav > .user-menu .img-circle-container {
    width: 50px;
    height: 50px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header .img-circle-container {
    width: 90px;
    height: 90px;
    display: inline-block;
}
.img-circle-container>.img-circle{
    width: 100%;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.small-box .dash-card-value {
    font-size: 26px;
}

/* Invoice section */
#items-container, #tax-container, #deductions-container {
    box-shadow: 0 0 3px #ccc;
}
.section-heading {
    padding: 5px 10px;
    font-weight: bold;
    font-size: 18px;
    background-color: #f9f9f9;
}
.section-content {
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    overflow-x: hidden;
}
.deduction-wrap{
    padding: 10px 0;
}
.deduction-wrap:nth-child(even) {
    background-color: #f9f9f9;
}
.invoice-attachment-box {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 2px;
    margin-bottom: 5px;
}
.attachment-wrap {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 5px;
}
.attachment-wrap a {
    color: #777;
}

/* In form show "*" for required fields */
.required:after{ 
        content: '*';
        color: #e02b27;
        font-size: 1.3rem;
        margin: 0 0 0 5px;
}

.per_month_filed_box {
    background-color: #ecf0f5;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

@media (max-width: 560px) {
    .small-box .dash-card-value {
        font-size: 18px;
    }
}

.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    /* background-color: #ecf0f5; */
    background-color: #ffffff;
}

.main-header .logo {
    height: 80px;
    padding: 0px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #000000;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: red;
}

.skin-blue .main-header .navbar {
    background-color: #000000;
    /* background-color: #454d55; */
}

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

a {
    color: #000000;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #000000;
    border-color: #000000;    
}

a:hover, a:active, a:focus {
    color: #000000;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #000000;
}

.bg-blue {
    background-color: #000000 !important;
}

.bg-primary {
    background-color: #000000 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #000000;
}

.main-header .sidebar-toggle {
    padding: 26px 16px 10px 20px;
}
.main-header .sidebar-toggle::before {
    font-size: 24px;
}

.main-sidebar {
    padding-top: 80px;
}
.hidden-xs {
    line-height: 45px;
}
#user_menu .dropdown-toggle {
    padding-top: 17px;
    padding-bottom: 17px;    
}

/* .login-page, .register-page {
    background-color: #000000;
} */

.login-box, .register-box {
    background-color: #ffffff;
}

.login-logo, .register-logo {
    margin-bottom: 0px;
    border-bottom: solid #000000 2px;
}

.login-logo img {
  width: 361px;
  margin-top: 0;
}
/* .content-wrapper {
    background-color: #454d55;
    color: #fff;
} */