/* WUI root settings */

:root {

	/* wui-loader */

	--wui-loader-color: var(--secondary-color);

	/* wui-scrolly */

	--wui-scrolly-paging-bgcolor: #666;

	/* wui-svgicon */

	--wui-svgicon-bgcolor-out: rgba(102, 102, 102, 1);
	--wui-svgicon-bgcolor-over: rgba(102, 102, 102, 1);

	/* wui-tooltip */

    /*--wui-tooltip-open-delay: .2s;
	--wui-tooltip-bgcolor: #304d63;
    --wui-tooltip-textcolor: #fff;*/

	/* wui-lightbox */

	--wui-lightbox-bgcolor: rgba(1, 2, 3, .4); /* rgba required */
	--wui-lightbox-bgcolor-under: rgba(1, 2, 3, 0);
	--wui-lightbox-box-radius: 17px;
	--wui-lightbox-box-bgcolor: #f6f6fa;
	--wui-lightbox-back-textcolor: dodgerblue;
	--wui-lightbox-topbar-height: 4px;
	--wui-lightbox-title-textfont: "MuseoSans-100";
	--wui-lightbox-title-textcase: uppercase;
	--wui-lightbox-title-textcolor: #000;
	--wui-lightbox-body-scroll-bgcolor-out: rgba(48, 77, 99, .2);
	--wui-lightbox-body-scroll-bgcolor-over: rgba(48, 77, 99, .4);
	--wui-lightbox-footer-bordercolor: transparent;
	--wui-lightbox-message-box-width: 300px;
	--wui-lightbox-message-box-bgcolor: rgba(255, 255, 255, .8);
	--wui-lightbox-message-box-textcolor: rgb(48, 77, 99);
	--wui-lightbox-message-mobile-box-width: 280px;
	--wui-lightbox-message-mobile-footer-bordercolor: rgba(48, 77, 99, .1);
	--wui-lightbox-message-mobile-button-bordercolor: rgba(48, 77, 99, .1);
	--wui-lightbox-page-box-width: 900px;
	--wui-lightbox-page-box-height: 90%;
	--wui-lightbox-page-box-maxheight: auto;
	--wui-lightbox-page-box-bgcolor: #f6f6fa;
	--wui-lightbox-page-head-topbar-bgcolor:  rgba(48, 77, 99, .2);
	--wui-lightbox-page-head-bordercolor: rgba(204, 204, 204, .7);
	--wui-lightbox-smallpage-box-width: 340px;
	--wui-lightbox-smallpage-box-height: 240px;

	/* wui-lightbox selector */

	--wui-lightbox-selector-box-width: 280px;
	--wui-lightbox-selector-box-bgcolor: rgba(255, 255, 255, .8);
	--wui-lightbox-selector-option-bordercolor-out: rgba(48, 77, 99, .1);
	--wui-lightbox-selector-option-bordercolor-over: rgba(48, 77, 99, .1);
	--wui-lightbox-selector-option-bgcolor-out: transparent;
	--wui-lightbox-selector-option-bgcolor-over: rgba(48, 77, 99, .04);
	--wui-lightbox-selector-option-iconcolor-out: var(--secondary-color);
	--wui-lightbox-selector-option-iconcolor-over: var(--secondary-color);
	--wui-lightbox-selector-option-iconcolor-disabled: rgb(112, 128, 144, .4);
	--wui-lightbox-selector-option-textcolor-out: rgba(48, 77, 99, 1);
	--wui-lightbox-selector-option-textcolor-over: rgba(48, 77, 99, 1);
	--wui-lightbox-selector-option-textcolor-disabled: rgb(112, 128, 144, .4);
	--wui-lightbox-selector-option-checker-bordercolor-out: var(--secondary-color);
	--wui-lightbox-selector-option-checker-bordercolor-selected: var(--secondary-color);
	--wui-lightbox-selector-option-checker-bgcolor-out: transparent;
	--wui-lightbox-selector-option-checker-bgcolor-selected: var(--secondary-color);
	--wui-lightbox-selector-button-bordercolor: rgba(48, 77, 99, .1);

	/* wui-paging */

	/*--wui-paging-page-transition-time: .4s;
	--wui-paging-page-bgcolor: transparent;
	--wui-paging-page-scroll-bgcolor-out: rgba(48, 77, 99, .2);
	--wui-paging-page-scroll-bgcolor-over: rgba(48, 77, 99, .4);*/

	/* wui-tabs */

    /*--wui-tabs-tab-bgcolor-out: transparent;
	--wui-tabs-tab-bgcolor-over: #946bd1;
    --wui-tabs-tab-iconcolor-out: #304d63;
    --wui-tabs-tab-iconcolor-over: #fff;
    --wui-tabs-tab-iconcolor-mobile: #946bd1;
    --wui-tabs-tab-textcolor-out: #304d63;
    --wui-tabs-tab-textcolor-over: #fff;*/

	/* wui-list */

	/*--wui-list-hmargin: 10px;
	--wui-list-radius: 10px;
	--wui-list-borderwidth: 0;
	--wui-list-bordercolor: rgba(48, 77, 99, .1);
	--wui-list-scroll-bgcolor-out: rgba(48, 77, 99, .2);
	--wui-list-scroll-bgcolor-over: rgba(48, 77, 99, .4);
	--wui-list-row-height: 44px;
	--wui-list-row-borderwidth: 1px;
	--wui-list-row-bordercolor-out: rgba(48, 77, 99, .1);
	--wui-list-row-bordercolor-over: rgba(48, 77, 99, .1);
	--wui-list-row-bgcolor-out: rgba(255, 255, 255, .7);
	--wui-list-row-bgcolor-over: var(--hightlight-color);
	--wui-list-row-textcolor-out: #999;
	--wui-list-row-textcolor-over: #fff;
	--wui-list-buttons-bgcolor: transparent;
	--wui-list-button-size: 36px;
	--wui-list-button-hmargin: 8px;
	--wui-list-button-radius: 50%;
	--wui-list-button-bgcolor-enabled: var(--secondary-color);
	--wui-list-button-bgcolor-disabled: var(--disabled-color);
	--wui-list-message-textcolor: rgba(48, 77, 99, 1);*/

	/* wui-grid */

	--wui-grid-head-textcolor-out: #444;
	--wui-grid-row-radius: 5px;
	--wui-grid-row-bordercolor-width: 0px;
	--wui-grid-row-bordercolor-out: none;
	--wui-grid-row-bordercolor-over: none;
	--wui-grid-row-bordercolor-selectds: none;
	--wui-grid-row-bgcolor-out: rgba(255, 255, 255, .7);
	--wui-grid-row-bgcolor-over: var(--hightlight-color);
	--wui-grid-row-bgcolor-selectd: var(--hightlight-color);
	--wui-grid-row-textcolor-out: #999;
	--wui-grid-row-textcolor-over: #fff;
	--wui-grid-row-textcolor-selectd: #fff;
	--wui-grid-mobile-row-radius: 10px;
	--wui-grid-mobile-row-bordercolor-width: 1px;
	--wui-grid-mobile-row-bordercolor-out: rgba(var(--secondary-color-decimal), .1);
	--wui-grid-mobile-row-bordercolor-over: rgba(255, 255, 255, .7);
	--wui-grid-mobile-row-bordercolor-selectds: rgba(255, 255, 255, .7);
	--wui-grid-mobile-row-textcolor-out: #444;

	/* wui-slider */

	/*--wui-slider-dots-bgcolor: transparent;
	--wui-slider-dot-bgcolor: rgba(255, 255, 255, .6);
	--wui-slider-dot-bgcolor-elected: rgba(255, 255, 255, .9);*/

	/* wui-form */

	--wui-form-fieldset-bgcolor: #fff;
	--wui-form-fieldset-textcolor: rgba(48, 77, 99, 1);
	--wui-form-label-textcolor-out: rgba(48, 77, 99, 1);
	--wui-form-label-textcolor-focus: var(--hightlight-color);
	--wui-form-label-textcolor-notempty: rgba(48, 77, 99, .4);
	--wui-form-label-textcolor-disabled: var(--disabled-color);
	--wui-form-input-height: 30px;
	--wui-form-input-responsive-height: 40px;
	--wui-form-input-borderwidth: 1px;
	--wui-form-input-bordercolor-out: rgba(var(--hightlight-color-decimal), .25);
	--wui-form-input-bordercolor-focus: var(--hightlight-color);
	--wui-form-input-bordercolor-invalid: rgba(var(--invalid-color-decimal), .6);
	--wui-form-input-bordercolor-disabled: var(--disabled-color);
	--wui-form-input-bgcolor-out: rgba(var(--hightlight-color-decimal), .04);
	--wui-form-input-bgcolor-focus: rgba(var(--hightlight-color-decimal), .04);
	--wui-form-input-bgcolor-disabled: var(--disabled-color);
	--wui-form-input-textcolor-out: #000;
	--wui-form-input-textcolor-disabled: var(--disabled-color);
	--wui-form-date-calendarimage-src: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' x='48' y='80' width='416' height='384' rx='48'/><circle cx='296' cy='232' r='24' fill='currentColor'/><circle cx='376' cy='232' r='24' fill='currentColor'/><circle cx='296' cy='312' r='24' fill='currentColor'/><circle cx='376' cy='312' r='24' fill='currentColor'/><circle cx='136' cy='312' r='24' fill='currentColor'/><circle cx='216' cy='312' r='24' fill='currentColor'/><circle cx='136' cy='392' r='24' fill='currentColor'/><circle cx='216' cy='392' r='24' fill='currentColor'/><circle cx='296' cy='392' r='24' fill='currentColor'/><path fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' stroke-linecap='round' d='M128 48v32'/><path fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' stroke-linecap='round' d='M384 48v32'/><path fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/></svg>");
	--wui-form-date-calendarcolor-out: #888;
	--wui-form-date-calendarcolor-over: var(--hightlight-color);
	--wui-form-date-calendarcolor-focus: var(--hightlight-color);
	--wui-form-date-calendarcolor-disabled: var(--disabled-color);
	--wui-form-data-textcolor-out: var(--hightlight-color);
	--wui-form-data-textcolor-disabled: var(--disabled-color);
	--wui-form-select-arrowimage-src: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z'/></svg>");
	--wui-form-select-arrowcolor-out: #888;
	--wui-form-select-arrowcolor-over: var(--hightlight-color);
	--wui-form-select-arrowcolor-focus: var(--hightlight-color);
	--wui-form-select-arrowcolor-disabled: var(--disabled-color);
	--wui-form-text-textcolor-out: #888;
	--wui-form-text-textcolor-disabled: var(--disabled-color);
	--wui-form-text-linkcolor-out: var(--hightlight-color);
	--wui-form-text-linkcolor-highlight: var(--hightlight-color);;
	--wui-form-message-bgcolor: rgba(255, 255, 255, .6);
	--wui-form-message-textcolor: #888;
	--wui-form-message-highlight-bgcolor: var(--secondary-color);
	--wui-form-message-highlight-textcolor: #fff;
	--wui-form-mobile-field-bordercolor: rgba(var(--hightlight-color-decimal), .1);
	--wui-form-mobile-label-textcolor: #444;
	--wui-form-mobile-input-height: 40px;
	--wui-form-mobile-input-bgcolor: rgba(var(--hightlight-color-decimal), .08);

	/* wui-checkbox */

	--wui-checkbox-default-size: 30px;
	--wui-checkbox-default-bordercolor-out: rgba(var(--hightlight-color-decimal), .25);
	--wui-checkbox-default-bordercolor-over: var(--hightlight-color);
	--wui-checkbox-default-bordercolor-checked: var(--hightlight-color);
	--wui-checkbox-default-bordercolor-disabled: var(--disabled-color);
	--wui-checkbox-default-bgcolor-out: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-default-bgcolor-over: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-default-bgcolor-checked: var(--hightlight-color);
	--wui-checkbox-default-bgcolor-disabled: var(--disabled-color);
	--wui-checkbox-default-button-bordercolor-out: rgba(var(--hightlight-color-decimal), .2);
	--wui-checkbox-default-button-bordercolor-over: var(--hightlight-color);
	--wui-checkbox-default-button-bordercolor-checked: var(--hightlight-color);
	--wui-checkbox-default-button-bordercolor-disabled: var(--disabled-color);
	--wui-checkbox-default-button-bgcolor-out: #f6f6fa;
	--wui-checkbox-default-button-bgcolor-over: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-default-button-bgcolor-checked: #f6f6fa;
	--wui-checkbox-default-button-bgcolor-disabled: var(--disabled-color);
	--wui-checkbox-dark-bordercolor-out: rgba(var(--hightlight-color-decimal), .25);
	--wui-checkbox-dark-bordercolor-over: var(--hightlight-color);
	--wui-checkbox-dark-bordercolor-checked: var(--hightlight-color);
	--wui-checkbox-dark-bordercolor-disabled: var(--disabled-color);
	--wui-checkbox-dark-bgcolor-out: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-dark-bgcolor-over: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-dark-bgcolor-checked: var(--hightlight-color);
	--wui-checkbox-dark-bgcolor-disabled: var(--disabled-color);
	--wui-checkbox-dark-button-bordercolor-out: rgba(var(--hightlight-color-decimal), .2);
	--wui-checkbox-dark-button-bordercolor-over: var(--hightlight-color);
	--wui-checkbox-dark-button-bordercolor-checked: var(--hightlight-color);
	--wui-checkbox-dark-button-bordercolor-disabled: var(--disabled-color);
	--wui-checkbox-dark-button-bgcolor-out: #eaecec;
	--wui-checkbox-dark-button-bgcolor-over: rgba(var(--hightlight-color-decimal), .04);
	--wui-checkbox-dark-button-bgcolor-checked: #eaecec;
	--wui-checkbox-dark-button-bgcolor-disabled: var(--disabled-color);

	/* wui-range */

	/*--wui-range-thumb-size: 20px;
	--wui-range-thumb-bgcolor-out: var(--secondary-color);
	--wui-range-thumb-bgcolor-over: var(--secondary-color);
	--wui-range-thumb-bgcolor-disabled: var(--disabled-color);
	--wui-range-trackbar-height: 7px;
	--wui-range-trackbar-borderwidth: 1px;
	--wui-range-trackbar-bordercolor: #d5dce3;
	--wui-range-trackbar-bgcolor-out: rgba(255, 255, 255, .6);
	--wui-range-trackbar-bgcolor-over: var(--secondary-color);
	--wui-range-trackbar-bgcolor-active: var(--secondary-color);
	--wui-range-trackbar-bgcolor-disabled: var(--disabled-color);*/

	/* wui-button */

	--wui-button-default-minwidth: 200px;
	--wui-button-default-height: 40px;
	--wui-button-default-responsive-height: 40px;
	--wui-button-default-bordercolor-out: rgba(48, 77, 99, .15);
	--wui-button-default-bordercolor-over: var(--secondary-color);
	--wui-button-default-bordercolor-disabled: var(--disabled-color);
	--wui-button-default-bgcolor-out: transparent;
	--wui-button-default-bgcolor-over: transparent;
	--wui-button-default-bgcolor-disabled: var(--disabled-color);
	--wui-button-default-textcolor-out: var(--secondary-color);
	--wui-button-default-textcolor-over: var(--secondary-color);
	--wui-button-default-textcolor-disabled: #888;
	--wui-button-default-textsize: 15px;
	--wui-button-submit-minwidth: 200px;
	--wui-button-submit-height: 40px;
	--wui-button-submit-responsive-height: 40px;
	--wui-button-submit-bordercolor-out: rgba(var(--secondary-color-decimal), .25);
	--wui-button-submit-bordercolor-over: var(--hightlight-color);
	--wui-button-submit-bordercolor-disabled: var(--wui-button-default-bordercolor-disabled);
	--wui-button-submit-bgcolor-out: var(--secondary-color);
	--wui-button-submit-bgcolor-over: var(--hightlight-color);
	--wui-button-submit-bgcolor-disabled: var(--wui-button-default-bgcolor-disabled);
	--wui-button-submit-textcolor-out: #fff;
	--wui-button-submit-textcolor-over: #fff;
	--wui-button-submit-textcolor-mobile: var(--secondary-color);
	--wui-button-submit-textcolor-disabled: var(--wui-button-default-textcolor-disabled);
	--wui-button-submit-textsize: 15px;
	--wui-button-dark-bordercolor-out: #d5dce3;
	--wui-button-dark-bordercolor-over: #fff;
	--wui-button-dark-bordercolor-disabled: var(--disabled-color);
	--wui-button-dark-bgcolor-out: transparent;
	--wui-button-dark-bgcolor-over: #d5dce3;
	--wui-button-dark-bgcolor-disabled: transparent;
	--wui-button-dark-textcolor-out: #ccc;
	--wui-button-dark-textcolor-over: #444;
	--wui-button-dark-textcolor-disabled: #888;
	--wui-button-highlight-bordercolor-out: rgba(var(--hightlight-color-decimal), .25);
	--wui-button-highlight-bordercolor-over: var(--hightlight-color);
	--wui-button-highlight-bordercolor-disabled: var(--wui-button-default-bordercolor-disabled);
	--wui-button-highlight-bgcolor-out: var(--hightlight-color);
	--wui-button-highlight-bgcolor-over: var(--hightlight-color);
	--wui-button-highlight-bgcolor-disabled: var(--wui-button-default-bgcolor-disabled);
	--wui-button-highlight-textcolor-out: #fff;
	--wui-button-highlight-textcolor-over: #fff;
	--wui-button-highlight-textcolor-mobile: var(--hightlight-color);
	--wui-button-highlight-textcolor-disabled: var(--wui-button-default-textcolor-disabled);
	--wui-button-highlight-textcolor-mobile: var(--hightlight-color);
	--wui-button-icon-float-padding: 15px;
	--wui-button-icon-float-responsive-padding: 15px;
}