//Pictures:
@images:'../images';
@js:'../js/DIST';

@brown56: #561c00;

@light-green: #00a295;
@green: #00564f;
@green35: #35a936;
@green02: #02c7b7;
@green78: #789a1c;
@green91: #91ae29;

@red: #ff0000;

@orangeff: #f0793f;

@blue00: #0093d0;
@fosBrandColor: #cc0047;

@white: #ffffff;
@black: #000000;

@greyef: #efefef;
@greye1: #e1e1e1;
@greyf2: #f2f2f2;
@greyd0: #d0d0d0;

@black00: #000000;

@rules-fos: 20px;

.bg-blue{background-color: @fosBrandColor; color: @white; padding-top: 15px;padding-bottom: 5px}

//== Typography
@font-face {
  font-family: 'open_sans';
  src: url('font/opensans-regular-webfont.eot');
  src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('font/opensans-regular-webfont.woff2') format('woff2'),url('font/opensans-regular-webfont.woff') format('woff'),url('font/opensans-regular-webfont.ttf') format('truetype'),url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url('font/opensans-bold-webfont.eot');
  src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/opensans-bold-webfont.woff2') format('woff2'),
  url('font/opensans-bold-webfont.woff') format('woff'),
  url('font/opensans-bold-webfont.ttf') format('truetype'),
  url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url('font/opensans-semibold-webfont.eot');
  src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/opensans-semibold-webfont.woff2') format('woff2'),
  url('font/opensans-semibold-webfont.woff') format('woff'),
  url('font/opensans-semibold-webfont.ttf') format('truetype'),
  url('font/opensans-semibold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  src: url('font/opensans-italic-webfont.eot');
  src: url('font/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('font/opensans-italic-webfont.woff2') format('woff2'),
  url('font/opensans-italic-webfont.woff') format('woff'),
  url('font/opensans-italic-webfont.ttf') format('truetype'),
  url('font/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;font-style: normal;
}


/* Family fonts */
@font-family-base: 'open_sans',sans-serif;
.open-sans-bold{font-family: 'open_sansbold',sans-serif;}
.open-sans-semi-bold{font-family: "open_sanssemibold",sans-serif;}
.open-sans-italic{font-family: "open_sansitalic",sans-serif;}
@text-color: @brown56;

@brand-primary: @light-green;

@font-size-large: 20px;
@font-size-extramedium: 18px;
@font-size-medium: 16px;
@font-size-base: 13px;
@font-size-small: 12px;
@font-size-extrasmall: 11px;
@font-size-extralarge: 22px;
@font-size-mobile: 16px;

// BADGE
@badge-border-radius: 100%;
.badge{padding: 3px}

//tables
@table-cell-padding: 3px 15px;


// Link
@link-color: @brown56;
@link-hover-color: @brown56;

// -> hn
@font-size-h1: @font-size-extralarge;
@headings-font-weight: normal;
@font-size-h2: @font-size-large;
@font-size-h3: @font-size-extramedium;

// -> TOOLTIP
@tooltip-max-width: 300px;

// -> BTN
@btn-default-bg: @green;
@btn-default-color: @white;
.btn-lg{font-size: 18px}
@btn-primary-color: @white;
@btn-primary-bg: @light-green;
@btn-primary-border: @light-green;
@btn-default-border: @green;

// -> MODAL
@modal-title-padding: 0;
@modal-header-border-color: transparent;


// NAVBAR
@nav-link-hover-bg: transparent;
@navbar-padding-horizontal: 0;
@navbar-collapse-max-height: 100%;

//INPUT
@input-border-radius: 0;
@input-border: @brown56;
@input-border-focus: @brown56;
@input-color-placeholder: #a8a8a8;
@input-color: @green;

//BREADCRUMBS
@breadcrumb-bg: transparent;
@breadcrumb-padding-horizontal: 0;
@breadcrumb-color: #d4c7c1;
@breadcrumb-active-color: #d4c7c1;
@breadcrumb-separator: '>';

//PANEL
@panel-default-heading-bg: transparent;
@panel-default-border: transparent;
@panel-default-text: @white;
@panel-border-radius: 0;
@panel-bg: transparent;
@panel-body-padding: 0;

//PAGINATION
@pagination-bg: transparent;
@pagination-border: transparent;
@pagination-hover-color: @light-green;
@pagination-hover-bg: transparent;
@pagination-hover-border: transparent;
@pagination-active-color: @light-green;
@pagination-active-bg: transparent;
@pagination-active-border: transparent;
@pagination-disabled-border: transparent;
@pagination-disabled-bg: transparent;

//LINK
.green-link{color: @green!important;}

//Function Border Radius
.border-radius(@size){
  -webkit-border-radius: @size;
  -o-border-radius: @size;
  -ms-border-radius: @size;
  -moz-border-radius: @size;
  border-radius: @size;
}

//Function NO Box Shadow
.noBoxShadow{
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -ms-box-shadow: none!important;
  -o-box-shadow: none!important;
  box-shadow: none!important;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

//Function Box Shadow
.box-shadow(@size, @color){
  -moz-box-shadow: @size @color;
  -webkit-box-shadow: @size @color;
  -o-box-shadow: @size @color;
  -ms-box-shadow: @size @color;
  box-shadow: @size @color;
}

.transform(@variable){
  -webkit-transform:scale(@variable);
  -moz-transform:scale(@variable);
  -ms-transform:scale(@variable);
  -o-transform:scale(@variable);
  transform:scale(@variable);
}

.translate(@variable){
  -webkit-transform:translate(@variable);
  -moz-transform:translate(@variable);
  -ms-transform:translate(@variable);
  -o-transform:translate(@variable);
  transform:translate(@variable);
}

.transition(@type, @sec, @style){
  -webkit-transition: @type @sec @style;
  -moz-transition: @type @sec @style;
  -ms-transition: @type @sec @style;
  -o-transition: @type @sec @style;
  transition: @type @sec @style;
}
.noTransition{
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.position(@horizontal, @vertical) {
  background-position: @horizontal @vertical;
}

.opacity(@number){
  @opacity: (@number * 100);
  filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opacity})";zoom:1;
  -webkit-khtml-opacity: @number;
  -moz-khtml-opacity: @number;
  -ms-khtml-opacity: @number;
  -o-khtml-opacity: @number;
  khtml-opacity: @number;
  opacity: @number;
}


.background-gradient(@position, @colorStart, @percentStart, @colorStop, @percentStop, @positionWebkit, @positionWebkit2, @positionWebkit3, @positionIE){
  background: -moz-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* FF3.6+ */
  background: -webkit-gradient(@positionWebkit, @positionWebkit2, @positionWebkit3, color-stop(@percentStart, @colorStart), color-stop(@percentStop, @colorStop)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* Opera 11.10+ */
  background: linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop);
  background: -ms-linear-gradient(@position, @colorStart @percentStart, @colorStop @percentStop); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=@colorStart, endColorstr=@colorStop,GradientType=@positionIE ); /* IE6-9 */
}

.text-center-left{text-align: center;}

@media(min-width: 768px){
  .text-center-left{text-align: left}
}