@import url('/core/static/css/base.css');


html, body, div,p, h1, h2, h3, h4, h5, h6,
span, a, li, dt, dd, blockquote, label,
input, button, textarea, select {
  letter-spacing: 0.45px !important;
}


@font-face {
	font-family: 'sans-light';
	src: url('/static/fonts/sans/plc/plc-light.woff2') format('woff2'),
	     url('/static/fonts/sans/plc/plc-light.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    line-gap-override: 0%;
    ascent-override: 90%;
    size-adjust: 103%;
}


@font-face {
	font-family: 'sans-regular';
	src: url('/static/fonts/sans/plc/plc-regular.woff2') format('woff2'),
	     url('/static/fonts/sans/plc/plc-regular.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    line-gap-override: 0%;
    ascent-override: 90%;
    size-adjust: 103%;
}


@font-face {
	font-family: 'sans-regular-italic';
	src: url('/static/fonts/sans/plc/plc-regular-italic.woff2') format('woff2'),
	     url('/static/fonts/sans/plc/plc-regular-italic.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    line-gap-override: 0%;
    ascent-override: 90%;
    size-adjust: 103%;
}


@font-face {
	font-family: 'sans-medium';
	src: url('/static/fonts/sans/plc/plc-medium.woff2') format('woff2'),
	     url('/static/fonts/sans/plc/plc-medium.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    line-gap-override: 0%;
    ascent-override: 90%;
    size-adjust: 103%;
}


@font-face {
	font-family: 'sans-bold';
	src: url('/static/fonts/sans/plc/plc-bold.woff2') format('woff2'),
	     url('/static/fonts/sans/plc/plc-bold.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    line-gap-override: 0%;
    ascent-override: 90%;
    size-adjust: 103%;
}



@font-face {
	font-family: 'mono-regular';
	src: url('/static/fonts/mono/rbm/rbm-regular.woff2') format('woff2'),
	     url('/static/fonts/mono/rbm/rbm-regular.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    size-adjust: 101%;
    descent-override: 50%;
    line-gap-override: 0%;
}


@font-face {
	font-family: 'mono-regular-italic';
	src: url('/static/fonts/mono/rbm/rbm-regular-italic.woff2') format('woff2'),
	     url('/static/fonts/mono/rbm/rbm-regular-italic.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    size-adjust: 101%;
    descent-override: 50%;
    line-gap-override: 0%;
}


@font-face {
	font-family: 'mono-bold';
	src: url('/static/fonts/mono/rbm/rbm-bold.woff2') format('woff2'),
	     url('/static/fonts/mono/rbm/rbm-bold.woff') format('woff');
	font-weight: normal !important;
	font-style: normal !important;
    size-adjust: 101%;
    descent-override: 50%;
    line-gap-override: 0%;
}           


:root {



    --primary-color-light-0: #0D4073;
    --primary-color-light-1: #07335F;
    --primary-color-light-2: #082644;
    --primary-color-light-3: #061A2D;


    --secondary-color-light-0: #7DD6E8;
    --secondary-color-light-1: #52C9E0;
    --secondary-color-light-2: #26BBD9;
    --secondary-color-light-3: #1F96AD;
    --secondary-color-light-4: #16869C;
    --secondary-color-light-5: #137386;



    --primary-color-dark-0: #0D4073;
    --primary-color-dark-1: #07335F;
    --primary-color-dark-2: #082644;
    --primary-color-dark-3: #061A2D;


    --secondary-color-dark-0: #7DE4E8;
    --secondary-color-dark-1: #52DCE0;
    --secondary-color-dark-2: #26D3D9;
    --secondary-color-dark-3: #1FA9AD;
    --secondary-color-dark-4: #16989C;
    --secondary-color-dark-5: #138286;
  

    --ui-color-0: #FCFCFD;
    --ui-color-1: #EBF0F5;
    --ui-color-2: #D8E0E9;
    --ui-color-3: #CCD6E1;
    --ui-color-4: #AEBDCB;
    --ui-color-5: #8FA1B3;
    --ui-color-6: #6C8094;
    --ui-color-7: #4E6275;
    --ui-color-8: #364D63;
    --ui-color-9: #213447;
    --ui-color-10: #0F1D2B;
    --ui-color-11: #000D1A;
    --ui-color-12: #00060D;



    --system-red-1: #F75AF1;
    --system-red-2: #E92B7A;
    --system-red-3: #D10057;
    --system-red-4: #B30950;
    --system-red-5: #8D023C;
  

    --system-green-1: #70EBE0;
    --system-green-2: #2BE9D9;
    --system-green-3: #00D1C0;
    --system-green-4: #09B3A5;
    --system-green-5: #008F83;
    --system-green-6: #007A70;
  

    --system-yellow-1: #FFF199;
    --system-yellow-2: #FFEB66;
    --system-yellow-3: #FFE229;
    --system-yellow-4: #F3D720;
    --system-yellow-5: #D6BA05;



    --ui-button-display: inline-flex;
    --ui-button-align-items: center;
    --ui-button-justify-content: center;
    --ui-button-font-family: 'sans-regular', sans-serif;
    --ui-button-font-size: 15px;
    --ui-button-padding-x: 0 var(--spacing-5);
    --ui-button-padding-bottom: 2px;
    --ui-button-transition: background-color var(--hover-color-transition), border-color var(--hover-color-transition), color var(--hover-color-transition), fill var(--hover-color-transition);
    --ui-button-cursor: pointer;
    --ui-button-outline: none;
    --ui-button-radius: var(--border-radius-2);


    --ui-button-height-large: 35px;
    --ui-button-height-medium: 33px;
    --ui-button-height-small: 28px;


    --primary-button-text-color-light: var(--ui-color-2);
    --primary-button-text-color-dark: var(--ui-color-11);
    --primary-button-background-color-light: var(--primary-color-light-2);
    --primary-button-background-color-dark: var(--secondary-color-dark-4);
    --primary-button-hover-background-color-light: var(--primary-color-light-1);
    --primary-button-hover-background-color-dark: var(--secondary-color-dark-3);
    --primary-button-hover-text-color-light: var(--ui-color-0);
    --primary-button-hover-text-color-dark: var(--ui-color-12);
    --primary-button-border: none;


    --secondary-button-text-color-light: var(--primary-color-light-2);
    --secondary-button-text-color-dark: var(--ui-color-4);
    --secondary-button-background-color-light: var(--ui-color-1);
    --secondary-button-background-color-dark: var(--ui-color-10);
    --secondary-button-hover-background-color-light: var(--ui-color-3);
    --secondary-button-hover-background-color-dark: var(--ui-color-8);
    --secondary-button-hover-text-color-light: var(--primary-color-light-3);
    --secondary-button-hover-text-color-dark: var(--ui-color-3);
    --secondary-button-border: none;


    --cancel-button-text-color-light: var(--ui-color-5);
    --cancel-button-text-color-dark: var(--ui-color-7);
    --cancel-button-background-color-light: transparent;
    --cancel-button-background-color-dark: transparent;
    --cancel-button-hover-background-color-light: transparent;
    --cancel-button-hover-background-color-dark: transparent;
    --cancel-button-hover-text-color-light: var(--ui-color-6);
    --cancel-button-hover-text-color-dark: var(--ui-color-6);
    --cancel-button-border: 1.5px solid;
    --cancel-button-border-color-light: var(--ui-color-2);
    --cancel-button-border-color-dark: var(--ui-color-9);
    --cancel-button-border-hover-color-light: var(--ui-color-4);
    --cancel-button-border-hover-color-dark: var(--ui-color-8);


    --form-container-border-color-light: var(--border-color-light);
    --form-container-border-color-dark: var(--border-color-dark);


    --form-heading-text-color-light: var(--primary-color-light-2);
    --form-heading-text-color-dark: var(--ui-color-3);
    --form-subheading-text-color-light: var(--ui-color-6);
    --form-subheading-text-color-dark: var(--ui-color-7);


    --form-field-label-text-color-light: var(--ui-color-7);
    --form-field-label-text-color-dark: var(--ui-color-4);
    

    --form-field-input-height: 36px;
    --form-field-input-border-radius: var(--border-radius-1);
    --form-field-input-text-color-light: var(--ui-color-9);
    --form-field-input-text-color-dark: var(--ui-color-2);
    --form-field-input-background-color-light: var(--ui-color-1);
    --form-field-input-background-color-dark: var(--ui-color-10);
    --form-field-input-hover-background-color-light: var(--ui-color-3);
    --form-field-input-hover-background-color-dark: var(--ui-color-9);
    --form-field-input-active-background-color-light: var(--ui-color-0);
    --form-field-input-active-background-color-dark: var(--ui-color-9);
    --form-field-input-active-border-color-light: var(--secondary-color-light-3);
    --form-field-input-active-border-color-dark: var(--secondary-color-dark-1);
    --form-field-input-focus-border-width: 1.5px;
    --form-field-input-focus-border-color-light: var(--secondary-color-light-3);
    --form-field-input-focus-border-color-dark: var(--secondary-color-dark-1);
    --form-field-input-focus-background-color-light: var(--ui-color-0);
    --form-field-input-focus-background-color-dark: var(--ui-color-9);
    --form-field-input-focus-transition: background-color .25s ease-in, border-width .09s ease-in .1s;
    --form-field-input-caret-color-light: var(--secondary-color-light-3);
    --form-field-input-caret-color-dark: var(--secondary-color-dark-1);
    --form-field-input-placeholder-color-light: var(--ui-color-5);
    --form-field-input-placeholder-color-dark: var(--ui-color-6);




    --form-field-dropdown-button-icon-color-light: var(--ui-color-5);
    --form-field-dropdown-button-icon-color-dark: var(--ui-color-6);
    --form-field-dropdown-list-item-text-color-light: var(--ui-color-8);
    --form-field-dropdown-list-item-text-color-dark: var(--ui-color-4);
    --form-field-dropdown-list-item-hover-text-color-light: var(--ui-color-10);
    --form-field-dropdown-list-item-hover-text-color-dark: var(--ui-color-2);
    --form-field-dropdown-list-item-hover-background-color-light: var(--ui-color-1);
    --form-field-dropdown-list-item-hover-background-color-dark: var(--ui-color-9);
    --form-field-dropdown-list-item-highlighted-text-color-light: var(--ui-color-11);
    --form-field-dropdown-list-item-highlighted-text-color-dark: var(--ui-color-1);
    --form-field-dropdown-list-item-highlighted-background-color-light: var(--ui-color-1);
    --form-field-dropdown-list-item-highlighted-background-color-dark: var(--ui-color-9);


    --form-field-autocomplete-list-no-results-text-color-light: var(--ui-color-6);
    --form-field-autocomplete-list-no-results-text-color-dark: var(--ui-color-5);


    --form-field-dropdown-button-disabled-background-color-light: var(--ui-color-1);
    --form-field-dropdown-button-disabled-background-color-dark: var(--ui-color-10);


    --form-field-dropdown-empty-state-text-color-light: var(--ui-color-6);
    --form-field-dropdown-empty-state-text-color-dark: var(--ui-color-5);


    --form-field-dropdown-button-placeholder-text-color-light: var(--ui-color-5);
    --form-field-dropdown-button-placeholder-text-color-dark: var(--ui-color-6);


    --yes-no-toggle-background-color-light: var(--ui-color-2);
    --yes-no-toggle-background-color-dark: var(--ui-color-9);
    --yes-no-toggle-knob-color-light: var(--ui-color-0);
    --yes-no-toggle-knob-color-dark: var(--ui-color-11);
    --yes-no-toggle-text-unchecked-color-light: var(--ui-color-9);
    --yes-no-toggle-text-unchecked-color-dark: var(--ui-color-2);
    --yes-no-toggle-text-checked-color-light: var(--ui-color-0);
    --yes-no-toggle-text-checked-color-dark: #FFFFFF;
    --yes-no-toggle-checked-background-color-light: var(--secondary-color-light-4);
    --yes-no-toggle-checked-background-color-dark: var(--secondary-color-dark-4);


    --date-picker-header-border-color-dark: var(--ui-color-9);
    --date-picker-month-year-text-color-light: var(--ui-color-9);
    --date-picker-month-year-text-color-dark: var(--ui-color-2);
    --date-picker-day-name-text-color-light: var(--ui-color-6);
    --date-picker-day-name-text-color-dark: var(--ui-color-5);
    --date-picker-date-text-color-light: var(--ui-color-8);
    --date-picker-date-text-color-dark: var(--ui-color-3);
    --date-picker-date-disabled-text-color-light: var(--ui-color-4);
    --date-picker-date-disabled-text-color-dark: var(--ui-color-7);
    --date-picker-date-hover-background-color-light: var(--ui-color-1);
    --date-picker-date-hover-background-color-dark: var(--ui-color-9);
    --date-picker-date-selected-text-color-light: var(--ui-color-0);
    --date-picker-date-selected-text-color-dark: #FFFFFF;


    --date-picker-icon-button-color-light: var(--ui-color-5);
    --date-picker-icon-button-color-dark: var(--ui-color-6);
    --date-picker-icon-button-hover-color-light: var(--ui-color-8);
    --date-picker-icon-button-hover-color-dark: var(--ui-color-4);


    --checkbox-label-text-color-light: var(--ui-color-9);
    --checkbox-label-text-color-dark: var(--ui-color-2);
    --checkbox-label-hover-background-color-light: var(--ui-color-1);
    --checkbox-label-hover-background-color-dark: var(--ui-color-10);


    --checkbox-box-border-color-light: var(--ui-color-3);
    --checkbox-box-border-color-dark: var(--ui-color-8);
    --checkbox-box-background-color-light: var(--ui-color-0);
    --checkbox-box-background-color-dark: var(--ui-color-11);
    --checkbox-box-checked-background-color-light: var(--secondary-color-light-4);
    --checkbox-box-checked-background-color-dark: var(--secondary-color-dark-4);
    --checkbox-box-checked-border-color-light: var(--secondary-color-light-4);
    --checkbox-box-checked-border-color-dark: var(--secondary-color-dark-4);


    --checkbox-box-svg-stroke-color-light: var(--ui-color-0);
    --checkbox-box-svg-stroke-color-dark: var(--ui-color-11);


    --checkbox-text-color-light: var(--ui-color-6);
    --checkbox-text-color-dark: var(--ui-color-5);
    --checkbox-text-checked-color-light: var(--ui-color-9);
    --checkbox-text-checked-color-dark: var(--ui-color-2);


    --dialog-text-color-light: var(--ui-color-10);
    --dialog-text-color-dark: var(--ui-color-3);


    --main-menu-item-border-radius: var(--border-radius-2);
    --main-menu-item-text-color-light: var(--ui-color-7);
    --main-menu-item-text-color-dark: var(--ui-color-5);
    --main-menu-item-background-color-light: transparent;
    --main-menu-item-background-color-dark: transparent;
    --main-menu-item-hover-text-color-light: var(--ui-color-7);
    --main-menu-item-hover-text-color-dark: var(--ui-color-5);
    --main-menu-item-hover-background-color-light: var(--ui-color-1);
    --main-menu-item-hover-background-color-dark: var(--ui-color-10);
    --main-menu-item-active-text-color-light: var(--primary-color-light-2);
    --main-menu-item-active-text-color-dark: var(--ui-color-4);
    --main-menu-item-active-background-color-light: var(--ui-color-1);
    --main-menu-item-active-background-color-dark: var(--ui-color-10);
    --main-menu-item-active-hover-text-color-light: var(--primary-color-light-3);
    --main-menu-item-active-hover-text-color-dark: var(--ui-color-3);
    --main-menu-item-active-hover-background-color-light: var(--ui-color-2);
    --main-menu-item-active-hover-background-color-dark: var(--ui-color-9);


    --sub-menu-item-border-radius: var(--border-radius-2);
    --sub-menu-item-text-color-light: var(--ui-color-5);
    --sub-menu-item-text-color-dark: var(--ui-color-7);
    --sub-menu-item-background-color-light: transparent;
    --sub-menu-item-background-color-dark: transparent;
    --sub-menu-item-hover-text-color-light: var(--ui-color-6);
    --sub-menu-item-hover-text-color-dark: var(--ui-color-5);
    --sub-menu-item-hover-background-color-light: hsl(216, 33%, 97%);
    --sub-menu-item-hover-background-color-dark: hsl(210, 37%, 17%);
    --sub-menu-item-active-text-color-light: var(--primary-color-light-2);
    --sub-menu-item-active-text-color-dark: var(--ui-color-4);
    --sub-menu-item-active-background-color-light: var(--ui-color-0);
    --sub-menu-item-active-background-color-dark: var(--ui-color-9);
    --sub-menu-item-active-hover-text-color-light: var(--primary-color-light-3);
    --sub-menu-item-active-hover-text-color-dark: var(--ui-color-3);
    --sub-menu-item-active-hover-background-color-light: #FFFFFF;
    --sub-menu-item-active-hover-background-color-dark: var(--ui-color-8);


    --user-menu-chip-text-color-light: var(--ui-color-6);
    --user-menu-chip-text-color-dark: var(--ui-color-5);
    --user-menu-chip-background-color-light: var(--ui-color-1);
    --user-menu-chip-background-color-dark: var(--ui-color-10);
    --user-menu-chip-hover-text-color-light: var(--ui-color-10);
    --user-menu-chip-hover-text-color-dark: var(--ui-color-3);
    --user-menu-chip-hover-background-color-light: var(--ui-color-2);
    --user-menu-chip-hover-background-color-dark: var(--ui-color-9);


    --user-menu-item-border-radius: var(--border-radius-2);
    --user-menu-item-text-color-light: var(--ui-color-8);
    --user-menu-item-text-color-dark: var(--ui-color-4);
    --user-menu-item-background-color-light: transparent;
    --user-menu-item-background-color-dark: transparent;
    --user-menu-item-hover-text-color-light: var(--ui-color-11);
    --user-menu-item-hover-text-color-dark: var(--ui-color-2);
    --user-menu-item-hover-background-color-light: var(--ui-color-1);
    --user-menu-item-hover-background-color-dark: var(--ui-color-9);
    --user-menu-item-keyboard-shortcut-text-color-light: var(--ui-color-8);
    --user-menu-item-keyboard-shortcut-text-color-dark: var(--ui-color-4);
    --user-menu-item-keyboard-shortcut-background-color-light: var(--ui-color-2);
    --user-menu-item-keyboard-shortcut-background-color-dark: var(--ui-color-9);
    --user-menu-item-keyboard-shortcut-hover-text-color-light: var(--ui-color-11);
    --user-menu-item-keyboard-shortcut-hover-text-color-dark: var(--ui-color-2);
    --user-menu-item-keyboard-shortcut-hover-background-color-light: var(--ui-color-3);
    --user-menu-item-keyboard-shortcut-hover-background-color-dark: var(--ui-color-8);

    
    --module-title-text-color-light: var(--primary-color-light-2);
    --module-title-text-color-dark: var(--ui-color-4);
    --module-title-back-text-color-light: var(--ui-color-5);
    --module-title-back-text-color-dark: var(--ui-color-6);
    --module-title-back-hover-text-color-light: var(--primary-color-light-2);
    --module-title-back-hover-text-color-dark: var(--secondary-color-dark-3);


    --data-controls-button-radius: var(--border-radius-full);
    --data-controls-button-text-color-light: var(--ui-color-5);
    --data-controls-button-text-color-dark: var(--ui-color-6);
    --data-controls-button-background-color-light: var(--ui-color-1);
    --data-controls-button-background-color-dark: var(--ui-color-10);
    --data-controls-button-border-color-light: var(--ui-color-2);
    --data-controls-button-border-color-dark: var(--ui-color-10);
    --data-controls-button-hover-text-color-light: var(--ui-color-6);
    --data-controls-button-hover-text-color-dark: var(--ui-color-5);
    --data-controls-button-hover-background-color-light: var(--ui-color-2);
    --data-controls-button-hover-background-color-dark: var(--ui-color-9);
    --data-controls-button-hover-border-color-light: var(--ui-color-3);
    --data-controls-button-hover-border-color-dark: var(--ui-color-9);


    --data-header-text-color-light: var(--ui-color-6);
    --data-header-text-color-dark: var(--ui-color-7);
    --data-header-scroll-border-color-light: var(--ui-color-2);
    --data-header-scroll-border-color-dark: var(--ui-color-10);


    --data-body-row-border-color-light: var(--ui-color-2);
    --data-body-row-border-color-dark: var(--ui-color-10);


    --detail-header-top-text-color-light: var(--ui-color-6);
    --detail-header-top-text-color-dark: var(--ui-color-6);

    --detail-header-title-text-color-light: var(--primary-color-light-3);
    --detail-header-title-text-color-dark: var(--ui-color-3);

    --detail-header-bottom-text-color-light: var(--ui-color-6);
    --detail-header-bottom-text-color-dark: var(--ui-color-6);


    --message-page-text-color-light: var(--ui-color-8);
    --message-page-text-color-dark: var(--ui-color-3);
    --message-page-heading-color-light: var(--ui-color-11);
    --message-page-heading-color-dark: var(--ui-color-2);

    
    --html-background-color-light: var(--ui-color-1);
    --html-background-color-dark: var(--ui-color-12);
    --ui-background-color-light: var(--ui-color-0);
    --ui-background-color-dark: var(--ui-color-11);
    
    
    --border-color-light: var(--ui-color-1);
    --border-color-dark: #0C1722;
    
    
    --text-color-light: var(--ui-color-9);
    --text-color-dark: var(--ui-color-4);
    
    
    --box-shadow-light: hsla(210, 65%, 25%, 0.15) 0px 4px 6px -1px, hsla(210, 65%, 25%, 0.12) 0px 3px 5px -1px;
    
    
    --modal-background-color-light: #FFFFFF;
    --modal-background-color-dark: var(--ui-color-10);
    --small-modal-radius: var(--border-radius-3);
    --large-modal-radius: var(--border-radius-4);
    --modal-border-color-light: var(--ui-color-1);
    --modal-border-color-dark: var(--ui-color-9);
    

    --page-404-background-color-light: var(--ui-color-1);
    --page-404-background-color-dark: var(--ui-color-11);
    --page-404-heading-color-light: var(--primary-color-light-3);
    --page-404-heading-color-dark: var(--ui-color-1);
    --page-404-text-color-light: var(--ui-color-9);
    --page-404-text-color-dark: var(--ui-color-3);

    
    --logging-out-text-color-light: var(--ui-color-7);
    --logging-out-text-color-dark: var(--ui-color-2);


    --background-pattern-light: url('/static/images/platform-images/pattern-light.svg');
    --background-pattern-dark: url('/static/images/platform-images/pattern-dark.svg');

}



#main-menu-logo {
    height: 33px;
}


#top-bar-logo {
    height: 28px;
    width: 28px;
}


#message-icon {
    height: 52px;
}


#login-form-logo {
    height: 41px;
    margin-top: 16vh;
}

@media (min-width: 700px) {
    #login-form-logo {
        margin-top: 20vh;
    }
}