@import '../theme/theme.scss';
/* test */

//Font weights
$light: 100 !default;
$regular: 400 !default;
$bold: 600 !default;

//Base Font
$base-font-family: "Roboto", "Helvetica", "Arial", sans-serif !default;
$base-font-weight: $regular !default;
$base-font-size: 14px !default;
$base-line-height: 1.2 !default;

//Fixed Font
$fixed-font-family: monospace !default;
$fixed-font-size: 85% !default;
$fixed-line-height: $base-line-height !default;


/* dimensions */


/* colors */
$theme-main-color: #4EC3E0 !default;
$theme-highlight-color: #CC0000 !default;
$theme-content-background-color: #FFFFFF !default;
$theme-border-color: #CECECC !default;
$theme-text-color: #333333 !default;
$theme-canvas-color: #F3F3F3 !default;
$theme-error-color: #FE6A6A !default;

$body-backgroud-color: $theme-canvas-color !default;
$box-border-color: #EAEAEA !default;
$box-border-size: 1px !default;
$box-background-color: $theme-content-background-color !default;
$box-min-height: 50px !default;
$box-header-color:#DFDFDF;
$tiles-border-color: lighten($box-border-color, 25%) !default;
$tile-min-height: $box-min-height !default;
//TODO

$disabled-background-color: rgb(235, 235, 228) !default;
$disabled-text-color: #C0C0C0 !default;

/* menu */
$menu-color: #EAEAEA !default;
$menu-color-hover: #FFFFFF !default;
$menu-color-active: #FFFFFF !default;
$menu-border-size-active: 2px !default;
$menu-border-color-active: $theme-main-color !default;
$menu-border-color-hover: $theme-main-color !default;
$menu-background-color: #333333 !default;
$menu-background-color-hover: darken($theme-main-color, 20%) !default;
$top-menu-bar-height: 58px !default;
$menu-logo: false !default;
$menu-logo-width: 150px !default;
$menu-logo-height: $top-menu-bar-height !default;
$menu-logo-url: '';//~assets/logo.png';
$side-menu-width: 235px !default;
$side-menu-closed-width: $top-menu-bar-height;


/* buttons */
$button-font-weight: 400 !default;

$button-rounded: true !default;
$button-border-radius: 5px;
$button-padding: 10px 35px;
$button-text-transform: uppercase !default;

$button-small-width:120px !default;
$button-small-height:26px !default;
$button-small-font-size:14px !default;
$button-small-padding:4px 30px !default;


$button-width:120px !default;
$button-height:32px !default;
$button-font-size:14px !default;
$button-padding:5px 30px !default;

$button-big-width:120px !default;
$button-big-height:40px !default;
$button-big-font-size:18px !default;
$button-big-padding:5px 30px !default;

$btn-main-color: $theme-main-color;
$btn-main-font-color: #FFFFFF !default;
$btn-main-color-hover: lighten($btn-main-color, 15%);
$btn-main-font-color-hover: $theme-text-color;
$btn-main-border: 1px solid darken($btn-main-color, 10%);
$btn-main-border-hover: 1px solid $btn-main-color;

$btn-default-color: #A2A2A2 !default;
$btn-default-font-color: #FFFFFF !default;
$btn-default-color-hover: lighten($btn-default-color, 15%) !default;
$btn-default-font-color-hover: $theme-text-color !default;
$btn-default-border: 1px solid darken($btn-default-color, 10%) !default;
$btn-default-border-hover: 1px solid lighten($btn-default-color, 5%) !default;

$btn-disabled-color:$disabled-background-color !default;
$btn-disabled-font-color:$disabled-text-color !default;

/* forms */
$form-input-border-color: $theme-form-border-color !default;
$form-input-label-color: $theme-form-label-color !default; 
$form-input-text-color: $theme-form-text-color !default;
$form-input-label-font-size: 14px !default; 
$form-input-border-color-active: lighten($theme-main-color, 5%) !default;
$form-input-background-color: #FEFEFF !default;
$form-input-border-size: 1px !default;
$form-input-color: #242424 !default;
$form-input-font-family: $base-font-family !default;
$form-input-font-size: 14px !default;
$form-input-font-size-big: 26px !default;
$form-input-placeholder-color: #CDCDCC !default;
$form-input-placeholder-text-transform: uppercase !default;
$form-input-padding: 7px 5px !default;
$form-input-margin: 10px !default;

$form-input-border-color-error: $theme-error-color !default;
$form-input-text-color-error: $theme-error-color !default;

$form-input-border-color-disabled: $theme-form-border-disabled-color !default;
$form-input-text-color-disabled: $theme-form-label-disabled-color !default;
$form-input-label-color-disabled: $theme-form-label-disabled-color !default;
$form-input-background-color-disabled: $theme-form-border-disabled-color !default;

$filter-background-color: $theme-content-background-color !default;
$filter-border-color: $theme-border-color !default;
$filter-border-size: 2px;
$filter-height: 50px;
$filter-button-font-size: 18px;
$filter-button-color: $theme-main-color !default;
$filter-button-text-color: $theme-text-color !default;
$filter-button-color-hover: lighten($theme-main-color, 15%) !default;
$filter-button-text-color-hover: darken($theme-text-color, 15%) !default;
$filter-button-color-disabled: #CDCDCD !default;
$filter-button-text-color-disabled: #242424 !default;
$filter-input-placeholder-color: $form-input-placeholder-color !default;
$filter-input-placeholder-text-transform: $form-input-placeholder-text-transform;
$filter-input-font-size: 18px;

//Lists

//paging
$paging-font-size:16px;
$paging-font-color:#323232 !default;
$paging-button-font-size: 16px;
$paging-button-color: #333333 !default;
$paging-button-text-color: #E0E0E0 !default;
$paging-button-color-hover: lighten(#333333, 15%) !default;
$paging-button-text-color-hover: lighten(#E0E0E0, 15%) !default;
$paging-button-color-disabled: #CDCDCD !default;
$paging-button-text-color-disabled: #242424 !default;
$paging-border-color: $theme-border-color !default;
$paging-border-size: 0px;
$paging-active-color: $theme-main-color !default;
$paging-active-text-color: $theme-text-color !default;
$paging-hover-color: #DEDEDD !default;
$paging-hover-text-color: darken($theme-text-color, 15%) !default;


/* modal
{
  overlay : {
    position          : 'fixed',
    top               : 0,
    left              : 0,
    right             : 0,
    bottom            : 0,
    backgroundColor   : 'rgba(255, 255, 255, 0.75)'
  },
  content : {
    position                   : 'absolute',
    top                        : '40px',
    left                       : '40px',
    right                      : '40px',
    bottom                     : '40px',
    border                     : '1px solid #ccc',
    background                 : '#fff',
    overflow                   : 'auto',
    WebkitOverflowScrolling    : 'touch',
    borderRadius               : '4px',
    outline                    : 'none',
    padding                    : '20px'
 
  }
}
*/

$state-success-text:             #3c763d !default;
$state-success-bg:               #dff0d8 !default;
$state-success-border:           darken(adjust-hue($state-success-bg, -10), 5%) !default;

$state-info-text:                #31708f !default;
$state-info-bg:                  #d9edf7 !default;
$state-info-border:              darken(adjust-hue($state-info-bg, -10), 7%) !default;

$state-warning-text:             #8a6d3b !default;
$state-warning-bg:               #fcf8e3 !default;
$state-warning-border:           darken(adjust-hue($state-warning-bg, -10), 5%) !default;

$state-danger-text:              #a94442 !default;
$state-danger-bg:                #f2dede !default;
$state-danger-border:            darken(adjust-hue($state-danger-bg, -10), 5%) !default;


//Alerts
$alert-padding: 15px !default;
$alert-border-radius: 10px !default;
$alert-link-font-weight: $bold !default;

$alert-success-bg:            $state-success-bg !default;
$alert-success-text:          $state-success-text !default;
$alert-success-border:        $state-success-border !default;

$alert-info-bg:               $state-info-bg !default;
$alert-info-text:             $state-info-text !default;
$alert-info-border:           $state-info-border !default;

$alert-warning-bg:            $state-warning-bg !default;
$alert-warning-text:          $state-warning-text !default;
$alert-warning-border:        $state-warning-border !default;

$alert-danger-bg:             $state-danger-bg !default;
$alert-danger-text:           $state-danger-text !default;
$alert-danger-border:         $state-danger-border !default;

//Headers
$header-color: $theme-text-color !default;
$header-line-color: $theme-main-color !default;

$header-h1-normal-font-size: 36px !default;
$header-h1-small-font-size: 26px !default;

$header-h2-normal-font-size: 27px !default;
$header-h2-small-font-size: 18px !default;

$header-h3-normal-font-size: 21px !default;
$header-h3-small-font-size: 16px !default;


//layout
$grid-columns: 12;

$breakpoints: "xs" "sm" "md" "lg";

$screen-sm-min: 480px !default;
$screen-xs-max: $screen-sm-min - 1;
$screen-md-min: 820px !default;
$screen-sm-max: $screen-md-min - 1;
$screen-lg-min: 1200px !default;
$screen-md-max: $screen-lg-min - 1;
$screen-xl-min: 1600px !default;
$screen-lg-max: $screen-xl-min - 1;

$container-xs: 90%;
$container-sm: 440px !default;
$container-md: 760px !default;
$container-lg: 1140px !default;
$container-xl: 1500px !default;

//attachments
$attachment-dropzone-bg-color: #E4E4E4 !default;
$attachment-dropzone-color: #868686 !default;
$attachment-dropzone-icon-font-size: 50px !default;
$attachment-dropzone-font-size: 16px !default;