/**
* @version          Octo 1.x
* @package          Octo Template Framework
* @url              https://fd770571-0fe9-46c4-9740-12a6cfb66430.p.bardy.io
* @editor           Octopoos - www.octopoos.com
* @author           Alexandre Lapoux  - v_1.1.0
* @copyright        Copyright (C) 2020 Octopoos. All Rights Reserved.
* @license          GNU General Public License version 2 or later; see _LICENSE.php
**/
:root,
::before,
::after {
	--form-gap: 24px;
	--form-font-size: 16px;
	--form-line-height: 20px;
	--form-height: 40px;
	--form-input-padding: 0 16px;
	--form-input-padding-icon: 0 24px 0 16px;
	--form-label-color: var(--s0);
	--form-placeholder-color: #909090;
	
	
	--form-required-font-size: 18px;
	--form-input-color-normal: var(--s0);
	--form-input-color-hover: var(--s0);
	--form-input-color-disabled: var(--s9);
	--form-input-color-append-normal: var(--s0);
	
	--form-input-background-normal: transparent;
	--form-input-background-hover: transparent;
	--form-input-background-disabled: rgb(19, 132, 130,.05);
	--form-input-border-shadow-normal-top: #999999;
	--form-input-border-shadow-normal-right: #999999;
	--form-input-border-shadow-normal-bottom: #999999;
	--form-input-border-shadow-normal-left: #999999;
	--form-input-border-shadow-hover-top: #999999;
	--form-input-border-shadow-hover-right: #999999;
	
	--form-input-border-shadow-hover-left: #999999;
	--form-input-border-shadow-disabled: rgb(19, 132, 130,.05);
	--form-input-border-radius: 0;
	--form-input-border-normal: none;
	--form-input-border-hover: none;
	--form-input-border-disabled: none;
	--form-input-border-shadow-normal-top-size: 1px;
	--form-input-border-shadow-normal-right-size: 1px;
	--form-input-border-shadow-normal-bottom-size: 1px;
	--form-input-border-shadow-normal-left-size: 1px;
	--form-input-border-shadow-hover-top-size: 1px;
	--form-input-border-shadow-hover-right-size: 1px;
	--form-input-border-shadow-hover-bottom-size: 2px;
	--form-input-border-shadow-hover-left-size: 1px;
	--form-input-border-shadow-disabled-size: 1px;
	--form-label-align-padding-top: 10px;
	--form-label-align-padding-bottom: 10px;
	--form-input-align-padding-top: 10px;
	--form-input-align-padding-bottom: 10px;
	--form-input-column-gap: 8px;
	--form-placeholder-opacity: 1;
	--form-helper-width: 16px;
	--form-helper-margin-right: calc(var(--form-helper-width) + var(--form-input-column-gap));
	--form-border-color: #f2f2f2;
	--form-data-access-background: #999999;
	--form-tabs-height: 40px;
	--form-tabs-padding: 0 16px;
	--form-tabs-column-gap: 24px;
	--form-tabs-nav-column-gap: 8px;
	--form-tabs-nav-row-gap: 8px;
	--form-tabs-background-normal: #fff;
	
	--form-tabs-color-normal: var(--s0);
	--form-tabs-color-hover: #fff;
	--form-tabs-border-normal: #EDEDED;
	
	--form-tabs-background-required-normal: #fff;
	--form-tabs-background-required-hover: var(--form-required-color);
	--form-tabs-color-required-normal: var(--form-required-color);
	--form-tabs-color-required-hover: #fff;
	--form-tabs-border-required-normal: var(--form-required-color);
	--form-tabs-border-required-hover: var(--form-required-color);
	--form-dropzone-width: 282px;
	--form-dropzone-height: 141px;
	--form-dropzone-border-width: 2px;
	--form-dropzone-border-style: dashed;
	--form-dropzone-border-color: var(--form-link-color);
	--form-dropzone-gap: 16px;
	--form-dropzone-btn-height: var(--btn-small-height);
	--form-dropzone-btn-font-size: var(--btn-small-font-size);
}