// GENERAL
// 
$theme-border-color: #438ec3 !default;
$theme-border-size: 1px !default;
$theme-border-radius: 1px !default;

$theme-font-size: 13px !default;
$theme-color: #636363 !default;
$theme-highlight-color: #fff !default;
$theme-highlight-bg-color: #438ec3 !default;







// FORM
// 
$form-width: 730px !default;
$form-margin: 0 !default;
$form-font-size: $theme-font-size !default;

// LABELS
$field-margin: 0 0 15px 0 !default;
$field-label-width: 190px !default;
$field-label-color: $theme-color !default;
$field-label-link-color: #2988ca !default;
$field-label-margin-top: 7px !default;
$field-label-margin-right: 28px !default;
$field-label-margin-bottom: 0 !default;
$field-label-margin-left: 22px !default;
$field-label-font-size: $theme-font-size !default;

$price-color: #29a643 !default;


// FORM STYLES (INPUT, TEXTAREA)
// 
// Input
$input-width: 426px !default;
$input-height: 24px !default;
$input-border-color: $theme-border-color !default;
$input-border-size: $theme-border-size !default;
$input-border-radius: $theme-border-radius !default;
$input-color: $theme-color !default;
$input-font-size: $theme-font-size !default;
$input-padding: 0 7px !default;

// Textarea
$textarea-width: 420px !default;
$textarea-height: 40px !default;
$textarea-padding: 10px !default;
$textarea-line-height: 18px !default;

// DONE / FAIL ICONS
$field-status-icon-width: 16px !default;
$field-status-icon-height: 16px !default;
$field-status-icon-done-bg: "/assets/ui-kit/valid_icon.png" !default;
$field-status-icon-fail-bg: "/assets/ui-kit/error_icon.png" !default;


// TITLES
$form-title-color: #336482 !default;
$form-title-font-size: 20px !default;
$form-title-font-weight: normal !default;
$form-title-text-transform: none !default;
$form-title-text-align: center !default;
$form-title-margin: 16px 0 27px 0 !default;

// ORDER BOTTOM BLOCK
$form-footer-width: auto !default;
$form-footer-padding: 29px 0 !default;
$form-footer-margin: 0 !default;
$form-footer-bg-start-color: #51badc !default;
$form-footer-bg-end-color: #4194bd !default;
$form-footer-color: #fff !default;
$form-footer-border-size: 0 !default;
$form-footer-border-color: transparent !default;

$form-button-height: 38px !default;
$form-button-margin: 0 0 0 30px !default;
$form-button-padding: 0 40px !default;
$form-button-text-transform: uppercase !default;
$form-button-font-size: 16px !default;
$form-button-font-weight: bold !default;
$form-button-color: #fff !default;
$form-button-text-shadow: 0 1px 1px #000 !default;
$form-button-text-align: center !default;
$form-button-bg-start-color: #ed6c0a !default;
$form-button-bg-end-color: #eb5c08 !default;
$form-button-border-color: transparent !default;
$form-button-border-size: 0 !default;
$form-button-border-radius: $theme-border-radius !default;
$form-button-box-shadow: 0 2px 6px 0 #474747 !default;



// SELECT2
// 
// General configuration
$select-height: $input-height;
$select-sprite: "/assets/ui-kit/select.png" !default;
$select-spinner: "/assets/ui-kit/select-spinner.gif" !default;
$select-margin: 0 !default;
$select-float: left !default;
$select-font-size: $theme-font-size !default;
$select-border-radius: $theme-border-radius !default;
$select-border-color: $theme-border-color !default;
$select-border-size: $theme-border-size !default;

// Error border color
$select-error-color: #ec373e !default;

// When select disabled
$select-disabled-bg: #f4f4f4 !default;
$select-disabled-color: #666 !default;
$select-disabled-border-color: #ddd !default;

// Choice styles
$select-choice-padding: 0 0 0 7px !default;
$select-choice-color: $theme-color !default;
$select-choice-bg-start-color: #fff !default;
$select-choice-bg-end-color: #fff !default;

// Arrow styles
$select-arrow-container-width: 25px !default;
$select-arrow-container-bg-start-color: #fff !default;
$select-arrow-container-bg-end-color: #fff !default;
$select-arrow-width: 13px !default;
$select-arrow-height: 7px !default;
$select-arrow-bg-color: $theme-highlight-bg-color !default;

// Drop styles
$select-drop-color: #000 !default;
$select-drop-bg-color: #fff !default;

// Search and search input styles
$select-search-min-height: 24px !default;
$select-search-border-color: $theme-border-color !default;
$select-search-border-size: 1px !default;
$select-search-font-size: $theme-font-size !default;
$select-search-padding: 4px 4px 4px 4px !default;
$select-search-margin: 0 !default;
$select-search-input-padding: 4px 20px 4px 5px !default;
$select-search-input-margin: 0 !default;

// Drop results styles
$select-results-max-height: 200px !default;
$select-results-margin: 0 !default;
$select-results-padding: 0 !default;

// Highlighted colors
$select-highlighted-bg: $theme-highlight-bg-color !default;
$select-highlighted-color: $theme-highlight-color !default;

// When select has tree inside drop results
$select-tree-root-color: $theme-border-color !default;
$select-tree-border-color: $theme-border-color !default;






// BUTTONSET
// 
// General styles
$buttonset-display: table !default;
$buttonset-width: 100% !default;
$buttonset-font-size: $theme-font-size !default;
$buttonset-border-radius: $theme-border-radius !default;

// Inside buttons styles
$buttonset-button-display: table-cell !default;
$buttonset-button-color: $theme-color !default;
$buttonset-button-padding: 5px 0 !default;
$buttonset-button-margin: 0 !default;
$buttonset-button-border-size: $theme-border-size !default;
$buttonset-button-border-color: $theme-border-color !default;
$buttonset-button-bg-start-color: #fff !default;
$buttonset-button-bg-end-color: #fff !default;

$buttonset-payment-method-sprite: "/assets/ui-kit/payment_icons.png" !default;

// Active styles
$buttonset-button-active-color: $theme-highlight-color !default;
$buttonset-button-active-border-color: $theme-highlight-bg-color !default;
$buttonset-button-active-bg-start-color: $theme-highlight-bg-color !default;
$buttonset-button-active-bg-end-color: $theme-highlight-bg-color !default;

// Level buttonset
$level-buttonset-width: 150px !default;
$level-buttonset-min-height: 123px !default;
$level-buttonset-margin: 0 20px 0 0 !default;
$level-buttonset-color: $theme-color !default;
$level-buttonset-border-size: 2px !default;
$level-buttonset-border-color: $theme-border-color !default;
$level-buttonset-title-bg-color: $theme-highlight-bg-color !default;
$level-buttonset-title-heading-color: #74ffbc !default;
$level-buttonset-title-color: #fff !default;
$level-buttonset-title-arrow-height: 24px !default;

$level-buttonset-active-color: $theme-color !default;
$level-buttonset-active-border-size: 3px !default;
$level-buttonset-active-border-color: #ef6810 !default;
$level-buttonset-active-title-bg-color: $theme-highlight-bg-color !default;
$level-buttonset-active-title-color: $level-buttonset-title-color !default;





// SPINNER
// 
$spinner-width: 94px !default;
$spinner-height: $input-height !default;
$spinner-border-size: $theme-border-size !default;
$spinner-border-color: $theme-border-color !default;
$spinner-border-radius: $theme-border-radius !default;
$spinner-bg-start-color: #fff !default;
$spinner-bg-end-color: #fff !default;

$spinner-input-color: $theme-color !default;
$spinner-input-padding: 0 !default;
$spinner-input-margin: 0 !default;
$spinner-input-text-align: center !default;
$spinner-input-font-size: $theme-font-size !default;
$spinner-input-border-radius: 0 !default;

$spinner-controls-width: 25px !default;
$spinner-controls-bg-color: #fff !default;

$spinner-arrow-width: 13px !default;
$spinner-arrow-height: 7px !default;
$spinner-arrow-bg-color: $theme-highlight-bg-color !default;






// TABS AND TAB ITEMS
// 
// Tab items
$tab-item-width: 100% !default;
$tab-item-padding-top: 15px !default;
$tab-item-padding-right: 0 !default;
$tab-item-padding-bottom: 0 !default;
$tab-item-padding-left: 0 !default;
$tab-item-margin: 0 !default;
$tab-item-bg-color: #fff !default;
$tab-item-border-size: 0px !default;
$tab-item-border-color: transparent !default;
$tab-item-border-top-radius: 4px !default;
$tab-item-border-bottom-radius: 4px !default;
$tab-item-box-shadow: 0 0 6px 0 #6F6F6F !default;

// Customer tabs
$tabs-bg-color: #f2eeff !default;

// Customer tabs menu link
$tabs-link-height: 31px !default;
$tabs-link-margin: 0 25px 0 0 !default;
$tabs-link-padding: 0 10px !default;
$tabs-link-color: #81a7c1 !default;
$tabs-font-size: 16px !default;
$tabs-link-bg-start-color: #dfdbed !default;
$tabs-link-bg-end-color: #dfdbed !default;
$tabs-link-border-color: #abcbe0 !default;
$tabs-link-border-size: 1px !default;
$tabs-link-border-radius: $theme-border-radius !default;
$tabs-link-box-shadow: none !default;
$tabs-link-text-shadow: none !default;

// Customer tabs menu link active styles
$tabs-link-active-color: $theme-highlight-color !default;
$tabs-link-active-border-size: 0 !default;
$tabs-link-active-border-color: transparent !default;
$tabs-link-active-bg-start-color: $theme-highlight-bg-color !default;
$tabs-link-active-bg-end-color: $theme-highlight-bg-color !default;
$tabs-link-active-box-shadow: 0 0 6px 0 #6f6f6f inset !default;
$tabs-link-active-text-shadow: none !default;






// UNIFORM
// 
$uniform-sprite: "/assets/ui-kit/uniform_sprite.png" !default;
$uniform-sprite-size: 493px !default;
$uniform-button-height: 30px !default;
$uniform-button-margin-left: 13px !default;
$uniform-button-padding: 0 !default;
$uniform-button-span-height: $uniform-button-height !default;
$uniform-checkbox-height: 19px !default;
$uniform-checkbox-width: 19px !default;
$uniform-input-padding: 3px !default;
$uniform-input-background: "/assets/ui-kit/uniform_bg_input.png" !default;
$uniform-input-background-focus: "/assets/ui-kit/uniform_bg_input_focus.png" !default;
$uniform-input-background-size: 1px !default;
$uniform-radio-height: 18px !default;
$uniform-radio-width: 18px !default;
$uniform-select-fixed-width: 190px !default;
$uniform-select-height: 26px !default;
$uniform-select-margin-left: 10px !default;
$uniform-select-margin-right: 25px !default;
$uniform-select-select-height: 22px !default;
$uniform-select-select-top: 2px !default;
$uniform-upload-action-width: 85px !default;
$uniform-upload-filename-margin-top: 2px !default;
$uniform-upload-filename-margin-bottom: 2px !default;
$uniform-upload-filename-margin-left: 2px !default;
$uniform-upload-filename-width: 82px !default;
$uniform-upload-filename-padding: 0 10px !default;
$uniform-upload-height: 28px !default;
$uniform-upload-width: 190px !default;

$uniform-checkbox-voffset: (-10 * $uniform-select-height);
$uniform-radio-voffset: ($uniform-checkbox-voffset - $uniform-checkbox-height);
$uniform-upload-voffset: ($uniform-radio-voffset - $uniform-radio-height);
$uniform-button-voffset: ($uniform-upload-voffset - (8 * $uniform-upload-height));

$uniform-class-action: ".action" !default;
$uniform-class-active: ".active" !default;
$uniform-class-button: ".button" !default;
$uniform-class-checkbox: ".checker" !default;
$uniform-class-checked: ".checked" !default;
$uniform-class-disabled: ".disabled" !default;
$uniform-class-input: ".uniform-input" !default;
$uniform-class-filename: ".filename" !default;
$uniform-class-focus: ".focus" !default;
$uniform-class-hover: ".hover" !default;
$uniform-class-multiselect: ".uniform-multiselect" !default;
$uniform-class-radio: ".radio" !default;
$uniform-class-select: ".selector" !default;
$uniform-class-upload: ".uploader" !default;
$uniform-class-textarea: ".uniform" !default;
$uniform-class-wrapper: "" !default;

$uniform-class-wrapper-element: "";
@if $uniform-class-wrapper != "" {
  $uniform-class-wrapper-element: "span"
}





// TOOLTIP
// 
// Tooltip binder styles
$tooltip-icon: "/assets/ui-kit/tooltip.png" !default;
$tooltip-width: 18px !default;
$tooltip-height: 18px !default;
$tooltip-margin: 5px 0 0 5px !default;

// Tooltip drop styles
$tooltip-drop-width: 180px !default;
$tooltip-drop-bg-color: $theme-highlight-bg-color !default;
$tooltip-drop-color: $theme-highlight-color !default;
$tooltip-drop-font-size: 13px !default;
$tooltip-drop-padding: 10px !default;
$tooltip-drop-border-radius: 3px !default;






// UPLOADER
// 
$uploader-margin: 0 0 15px 0 !default;

$uploader-input-width: 170px !default;
$uploader-input-float: left !default;

$uploader-button-width: auto !default;
$uploader-button-height: ($input-height + $input-border-size * 2) !default;
$uploader-button-padding: 0 19px !default;
$uploader-button-margin: 0 0 0 (-$input-border-radius);
$uploader-button-bg-start-color: $theme-highlight-bg-color !default;
$uploader-button-bg-end-color: $theme-highlight-bg-color !default;
$uploader-button-border-color: transparent !default;
$uploader-button-border-size: 0px !default;
$uploader-button-border-left-radius: 0px !default;
$uploader-button-border-right-radius: $theme-border-radius !default;

$uploader-button-color: $theme-highlight-color !default;
$uploader-button-font-size: 15px !default;
$uploader-button-font-weight: normal !default;
$uploader-button-text-transform: uppercase !default;
$uploader-button-text-shadow: 0px 1px 1px #000 !default;





// PRICES
// 
$price-margin: 0 auto !default;
$price-bg-color: #fff !default;
$price-border-color: #accbdf !default;
$price-border-size: 1px !default;
$price-table-bg-color: #f1f5f7 !default;

$price-item-border-color: $theme-highlight-bg-color !default;
$price-item-border-size: 1px !default;
$price-item-active-border-color: #2988ca !default;

$price-resume-border-color: $theme-highlight-bg-color !default;
$price-resume-highlight-bg-color: $theme-highlight-bg-color !default;
$price-resume-highlight-color: $theme-highlight-color !default;

$price-badge-popuplar-bg-color: #eb5f09 !default;
$price-badge-other-bg-color: #37b6a4 !default;