main > .container {
    padding: 70px 15px 20px;
}

.login .container{
    max-width: 100%;
}
body.login{
    padding: 0;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.fa{
    margin-right: 5px;
}
:root {
    --color-green: 149 199 60;
    --topbar: #181C1E;
    --topbar-light: rgba(24, 28, 30, 0.5);
    --color-primary: 149 199 60;
}
.report-box .fa{
    color: rgb(var(--color-green));
}
.top-bar-boxed::before {
    background-color: var(--topbar-light);
}
.top-bar-boxed::after {
    background-color: var(--topbar);
}

.login::before {
    background-color: black;
    border-radius:0;
    transform: none;
    margin: 0;
    width: 50%;
}
.login::after {
    background-color: black;
    border-radius:0;
    transform: none;
}
.form-group{
    width: 100%;
    margin-bottom: 0;
}
.btn{
    font-size: 0.875rem;
}
.help-block{
}
.has-error .help-block{
    --tw-text-opacity: 1;
    color: rgb(var(--color-danger) / var(--tw-text-opacity));
    margin-top: 0.5rem;
}
.has-error input[type='text']{
    border-color: rgb(var(--color-danger));
}
.mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
}
.mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.pl-20{
    padding-left: 5rem;
}
.pt-20{
    padding-top: 5rem;
}
.field-registerstep2form-phone_country{
    width: 33%;
    margin-right: 1%;
}
.field-registerstep2form-phone{
    width: 66%;
}
.field-orderform-invoice_zip{
    width: 33%;
    margin-right: 1%;
}
.field-orderform-invoice_city{
    width: 66%;
}
.dashboard-boxes svg{
    color: rgb(var(--color-green));
    transform: scale(1.3);
}
.color-green{
    color: rgb(var(--color-green));   
}
.highlight{
    background-color: rgb(var(--color-warning));
}
.btn-k8slink{
    border-color: rgb(var(--color-green));
    color: black;
}
.nav-tabs .nav-link svg{
    float: left;
    margin-right:5px;
    height: 20px;
}
.nav-tabs .nav-link{
    text-align: left;
}
.pointer{
    cursor: pointer;
}
.lucide-bold .lucide{
    stroke-width: 2.1;
}
.w-9{
    width: 2.25rem;
}
.h-9{
    width: 2.25rem;
}
.max-w-\[60\%\]{
    max-width: 60%;
}
.w-1\/3{
    width: 33.3333334%;
}
.w-\!2\/3{
    width: 66.666667% !important;
}
.w-\!1\/3{
    width: 33.333334% !important;
}
.pl-2{
    padding-left: 0.5rem;
}
.pl-6{
    padding-left: 1.5rem;
}
.btn-selected{
    border-color: rgb(var(--color-success));
    color: rgb(var(--color-success));
}
.category_properties .fa-check::before{
    margin-left: -1.25rem;
}
.category_properties .fa-check{
    margin-right: 0px !important;
}
.pagination .page-item {
    margin-right: 0.5rem;
    display: flex;
    min-width: 40px;
    align-items: center;
    justify-content: center;
    border-color: transparent;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800) / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.box2{
    box-shadow: 0px 3px 15px #ccc;
}
.report-box .box{
    min-height: 160px !important;
}
.nodes svg{
    display: inline;
}
.nodes .new svg{
    fill: orange;
    stroke: none;
    width: 12px;
}
.nodes .running svg{
    fill: green;
    stroke: none;
    width: 12px;
}
.nodes .stopped svg{
    fill: red;
    stroke: none;  
    width: 12px;
}
.col-span-10{
    grid-column: span 10 / span 10;
}

@media (max-width: calc(1280px - 1px)) {
    .login {
        background-color: black;
    }
    html{
        background-color: black;
    }
    .side-nav > ul ul li a:not(.side-menu--active) {
        color: rgb(var(--color-slate-500) / var(--tw-text-opacity));
    }
    .side-nav > ul ul li a.side-menu--active .side-menu__icon {
        color: rgb(var(--color-slate-100) / var(--tw-text-opacity));
    }
}
.mobile-menu {
    background-color: black;
}
@media (min-width: calc(1280px - 0px)) {
    .login{
        background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    }
}
@media (min-width: 1024px){
    .lg\:flex-1{
        flex: 1 1 0%;
    }
    .lg\:w-1\/3{
        width: 33.3333334%;
    }
    .lg\:w-\!1\/5{
        width: 20% !important;
    }
    .lg\:w-\!4\/5{
        width: 80% !important;
    }
       
}
@media (min-width: 1530px){
    .\32xl\:p-5{
        padding: 1.25rem;
    }
    .\32xl\:mx-20{
        margin-left: 5rem;
        margin-right: 5rem;
    }
}
@media (min-width: 1280px){
    .xl\:col-span-9{
        grid-column: span 9 / span 9;
    }
    .xl\:w-1\/2{
        width: 50%;
    }
    .xl\:w-3\/4{
        width: 75%;
    }
    .xl\:mx-20{
        margin-left: 5rem;
        margin-right: 5rem;
    }
    .xl\:h-16{
        height: 4rem;
    }
    
}

@media (min-width: 768px){
    .md\:col-span-9{
        grid-column: span 9 / span 9;
    }
    .md\:mx-10{
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}