@import url("/PZEM_Web_Theme/Theme.PZEM_Web_Theme.css?1014");

/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
    /* Color - Brand */
    /* Space - Sizes */
    --space-none: 0;
    --space-xs: 5px;
    --space-s: 10px;
    --space-base: 20px;
    --space-m: 30px;
    --space-l: 40px;
    --space-xl: 50px;
    --space-xxl: 60px;

    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-soft: 4px;
    --border-radius-rounded: 100px;
    --border-radius-circle: 100%;

    /* Border Size */
    --border-size-none: 0;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;

    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);

    /* App Settings */
    --side-menu-size: 300px;
}

/* ===================================================================== */
/*  Border-Radius                                                        */
/* ===================================================================== */

.Button, 
.btn, 
.input,
.select,
.tag,
.checkbox:before,
.toggle-button,
.toggle-button:after,
.choices__inner,
.input-with-icon,
.choices.is-focused .choices__inner,
.choices.is-focused.is-open .choices__inner,
.ListNavigation_Wrapper .ListNavigation_DisabledPrevious, 
a.ListNavigation_Next, 
.ListNavigation_Wrapper a, 
.ListNavigation_CurrentPageNumber,
.dropdown {
    border-radius: var(--border-radius-rounded);
}

.button-group label:last-child .btn {
    border-radius: var(--border-radius-none) var(--border-radius-rounded) var(--border-radius-rounded) var(--border-radius-none);
}

.button-group label:first-child .btn {
    border-radius: var(--border-radius-rounded) var(--border-radius-none) var(--border-radius-none) var(--border-radius-rounded);
}

.button-group > div:last-child .btn {
    
}

.button-group > div:first-child .btn {
    
}

/* ===================================================================== */
/*  Spacing                                                              */
/* ===================================================================== */

.search .input-with-icon .input-with-icon-content-icon + .input-with-icon-input input {
    padding: 0 var(--space-l);
}

/* Login Image */

.layout-login-simple .layout-login-background, .layout-login-background {
    background-image: url('/OutSystemsChartsWeb/img/LineChart.svg');
    background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
}


.tag,
.badge,
.btn.Is_Default, 
.Button.Is_Default {
    color: #fff;
}



/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */

.layout-side .content .ThemeGrid_Container {
    margin: 0;
    }
    
.ThemeGrid_Container {
    max-width: 100% !important;
}

.layout {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
}
/*Changed by dev team for login sidebar links*/
.layout .header-right .header-sidebar a, 
.layout .header-right .header-sidebar  a:visited, 
.layout .header-right .header-sidebar  a:hover  {
    color: var(--color-blue);   
}

input[type="checkbox"].select-all {
    display: none;
}