@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../../media/fonts/Fira_Sans/FiraSans-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url(../../media/fonts/Fira_Sans/FiraSans-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../../media/fonts/Fira_Sans/FiraSans-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url(../../media/fonts/Fira_Sans/FiraSans-BoldItalic.ttf) format('truetype');
}

// Default variables for the cradmin_legacy theme
// We can override bootstrap variables here.

// Body
@cradmin-bodypadding: 50px;
@cradmin-bodypadding-xs: 15px;
@cradmin-bodybg: #e6e6e6;
@cradmin-bodycolor: #666666;

// Links
@cradmin-link-tap-highlight-color: rgba(0, 0, 0, 0.5);


// Overall styles
@cradmin-focus-bg: #fff;


// Containers
@cradmin-container-focus-bg: @cradmin-focus-bg;
@cradmin-container-focus-border-bottom-color: #ccc;


// Page header
@cradmin-page-header-bg: #377CA8;
@cradmin-page-header-margin: 0 0 (@grid-gutter-width/2) 0;
@cradmin-page-header-color: #fff;
@cradmin-page-header-padding-top: 20px;
@cradmin-page-header-padding-bottom: 22px;
@cradmin-page-header-h1-font-size: ceil(@font-size-base + 5px);
@cradmin-page-header-h1-line-height: (@cradmin-page-header-h1-font-size + 10px);

@cradmin-page-header-secondary-bg: #377CA8;
@cradmin-page-header-secondary-margin: 30px 0 (@grid-gutter-width/2) 0;
@cradmin-page-header-secondary-color: #fff;
@cradmin-page-header-secondary-padding-top: 20px;
@cradmin-page-header-secondary-padding-bottom: 22px;
@cradmin-page-header-secondary-margin-top: 30px;
@cradmin-page-header-secondary-h2-font-size: @cradmin-page-header-h1-font-size;
@cradmin-page-header-secondary-h2-line-height: (@cradmin-page-header-secondary-h2-font-size + 10px);


// Form
// @cradmin-form-selected-bg: #F4FCFC;
@cradmin-form-bg: #fff;
@cradmin-form-field-inactive-bg: #FAFAFA;
@cradmin-form-field-inactive-border-color: #ddd;
@cradmin-form-field-focus-bg: #E1EDF4;
@cradmin-form-field-focus-border-color: darken(@cradmin-form-field-focus-bg, 10%);
@cradmin-form-field-focus-box-shadow: none;
@cradmin-form-max-width: none;
@cradmin-form-sidepadding-left: (@grid-gutter-width/2);
@cradmin-form-sidepadding-right: (@grid-gutter-width/2);
@cradmin-form-asterisk-display: inline-block;
@cradmin-form-asterisk-color: rgb(220, 0, 0);
@cradmin-form-focusfield-lg-padding: 10px 12px;

// Submitrow
@cradmin-submitrow-padding-top: 8px;
@cradmin-submitrow-padding-right: @cradmin-form-sidepadding-right;
@cradmin-submitrow-padding-bottom: 8px;
@cradmin-submitrow-padding-left: @cradmin-form-sidepadding-left;
@cradmin-submitrow-bg: #333;
@cradmin-submitrow-btn-text-transform: uppercase;
@cradmin-submitrow-btn-default-bg: #808080;
@cradmin-submitrow-btn-default-border-color: @cradmin-submitrow-btn-default-bg;
@cradmin-submitrow-btn-default-color: #fff;
@cradmin-submitrow-btn-default-hover-bg: #666;
@cradmin-submitrow-btn-default-hover-border-color: @cradmin-submitrow-btn-default-hover-bg;
@cradmin-submitrow-btn-default-hover-color: #fff;
@cradmin-submitrow-cancel-color: #ccc;
@cradmin-submitrow-cancel-hover-color: #fff;

// Objecttable
@cradmin-objecttable-header-line-height: 40px;
@cradmin-objecttable-selected-row-bg: #FFE2A8;
@cradmin-objecttable-orderingindex-color: #666;
@cradmin-objecttable-orderingdirection-color: #666;


// table-cradmin-fluid
@cradmin-table-header-bg: #FAFAFA;
@cradmin-table-body-border-color: #E6E6E6;
@cradmin-table-body-bg: @cradmin-focus-bg;
@cradmin-table-body-border-color: #ccc;
@cradmin-table-body-border-bottom-color: @cradmin-container-focus-border-bottom-color;
@cradmin-table-body-rowseparator-color: #D9D9D9;
@cradmin-table-body-rowseparator-style: dashed;

// cradmin-roleselect
@cradmin-roleselect-list-flat-bg: @cradmin-focus-bg;
@cradmin-roleselect-list-flat-itemseparator-color: #D9D9D9;
@cradmin-roleselect-list-flat-itemseparator-style: dashed;

// bulkfileupload
@cradmin-bulkfileupload-padding: 0;
@cradmin-bulkfileupload-bg: @cradmin-form-bg;


@cradmin-bulkfileupload-dropbox-bg: lighten(@cradmin-bodybg, 6%);
@cradmin-bulkfileupload-dropbox-border-style: dashed;
@cradmin-bulkfileupload-dropbox-border-color: darken(@cradmin-bulkfileupload-dropbox-bg, 12%);
@cradmin-bulkfileupload-dropbox-border-width: 2px;
@cradmin-bulkfileupload-dropbox-color: @cradmin-bodycolor;
@cradmin-bulkfileupload-dropbox-font-weight: bold;
@cradmin-bulkfileupload-dropbox-font-size: inherit;
@cradmin-bulkfileupload-dropbox-padding: 5px 30px 5px 30px;
@cradmin-bulkfileupload-dropbox-height: 100px;
@cradmin-bulkfileupload-dropbox-text-align: center;

@cradmin-bulkfileupload-dropbox-backdrop-bg: rgba(0, 0, 0, .4);
@cradmin-bulkfileupload-hide-overlay-button-color: #eee;
@cradmin-bulkfileupload-hide-overlay-button-hover-color: #fff;
@cradmin-bulkfileupload-hide-overlay-button-font-size: 30px;

@cradmin-legacy-bulkfileupload-overlay-uploadingmessage-bg: #fff;
@cradmin-legacy-bulkfileupload-overlay-uploadingmessage-color: @text-color;
@cradmin-legacy-bulkfileupload-overlay-uploadingmessage-font-size: @font-size-base;
@cradmin-legacy-bulkfileupload-overlay-uploadingmessage-font-weight: bold;

@cradmin-bulkfileupload-dropbox-dragover-bg: @alert-success-bg;
@cradmin-bulkfileupload-dropbox-dragover-border-style: solid;
@cradmin-bulkfileupload-dropbox-dragover-border-color: @alert-success-border;
@cradmin-bulkfileupload-dropbox-dragover-color: @alert-success-text;

@cradmin-bulkfileupload-overlay-dropbox-dragover-bg: @cradmin-bulkfileupload-dropbox-dragover-bg;
@cradmin-bulkfileupload-overlay-dropbox-dragover-border-style: @cradmin-bulkfileupload-dropbox-dragover-border-style;
@cradmin-bulkfileupload-overlay-dropbox-dragover-border-color: @cradmin-bulkfileupload-dropbox-dragover-border-color;
@cradmin-bulkfileupload-overlay-dropbox-dragover-color: @cradmin-bulkfileupload-dropbox-dragover-color;


@cradmin-bulkfileupload-dropbox-dragover-error-bg: @alert-danger-bg;
@cradmin-bulkfileupload-dropbox-dragover-error-border-style: solid;
@cradmin-bulkfileupload-dropbox-dragover-error-border-color: @alert-danger-border;
@cradmin-bulkfileupload-dropbox-dragover-error-color: @alert-danger-text;

@cradmin-bulkfileupload-advanced-fileselectbutton-color: @link-color;
@cradmin-bulkfileupload-advanced-fileselectbutton-hover-color: @link-hover-color;

@cradmin-bulkfileupload-simple-button-wrapper-padding: 10px 15px;
@cradmin-bulkfileupload-simple-button-padding: 10px 16px;

@cradmin-bulkfileupload-progress-item-bg: #f5f5f5;

@cradmin-bulkfileupload-progress-item-color: @cradmin-bodycolor;
@cradmin-bulkfileupload-progress-item-font-weight: normal;
@cradmin-bulkfileupload-progress-item-font-size: @font-size-base;

@cradmin-bulkfileupload-progress-item-remove-file-button-color: #111;
@cradmin-bulkfileupload-progress-item-remove-file-button-hover-color: #000;
@cradmin-bulkfileupload-progress-item-remove-file-button-bg: #e0e0e0;
@cradmin-bulkfileupload-progress-item-remove-file-button-hover-bg: #ccc;

@cradmin-bulkfileupload-progress-error-bg: @alert-danger-bg;
@cradmin-bulkfileupload-progress-item-error-color: @alert-danger-text;
@cradmin-bulkfileupload-progress-item-error-closebutton-color: @cradmin-bulkfileupload-progress-item-error-color;
@cradmin-bulkfileupload-progress-item-error-closebutton-hover-color: darken(@cradmin-bulkfileupload-progress-item-error-closebutton-color, 12%);

@cradmin-bulkfileupload-progressbar-bg: #333;
@cradmin-bulkfileupload-progressbar-progress-bg: @btn-primary-bg;
@cradmin-bulkfileupload-progresspercent-color: #fff;
@cradmin-bulkfileupload-progresspercent-font-size: @font-size-small;

// Alerts
@cradmin-alert-dismissable-icon-top: 12px;

// Filewidgets
@cradmin-filewidget-button-height: 40px;
@cradmin-filewidget-button-width: 220px;
@cradmin-filewidget-button-border-radius: @cradmin-btn-border-radius-base;
@cradmin-filewidget-clear-margin: 10px 0 0 0;


// Buttons radius and padding
@cradmin-btn-transition-duration: 0.15s;

@cradmin-btn-border-radius-base: @border-radius-base;
@cradmin-btn-padding-base-horizontal: @padding-base-horizontal;
@cradmin-btn-padding-base-vertical: @padding-base-vertical;

@cradmin-btn-border-radius-xs: @border-radius-small;
@cradmin-btn-padding-xs-horizontal: @padding-xs-horizontal;
@cradmin-btn-padding-xs-vertical: @padding-xs-vertical;

@cradmin-btn-border-radius-sm: @border-radius-small;
@cradmin-btn-padding-sm-horizontal: @padding-small-horizontal;
@cradmin-btn-padding-sm-vertical: @padding-small-vertical;

@cradmin-btn-border-radius-lg: @border-radius-large;
@cradmin-btn-padding-lg-horizontal: @padding-large-horizontal;
@cradmin-btn-padding-lg-vertical: @padding-large-vertical;

@btn-default-color: @link-color;
@btn-default-bg: #fff;
@btn-default-border: #D9D9D9;
@cradmin-btn-tap-highlight-color: rgba(0, 0, 0, 0.5);
@cradmin-btn-default-hover-color: #fff;
@cradmin-btn-default-hover-border: @btn-default-color;
@cradmin-btn-default-hover-bg: @btn-default-color;

@btn-primary-color: #fff;
@btn-primary-bg: #377CA8;
@btn-primary-border: #224D68;
@btn-primary-hover-color: @btn-primary-color;
@btn-primary-hover-bg: @btn-primary-border;
@btn-primary-hover-border: @btn-primary-border;

@btn-success-color: #fff;
@btn-success-bg: #3cb63f;
@btn-success-border: @btn-success-bg;
@btn-success-hover-color: @btn-success-color;
@btn-success-hover-bg: lighten(@btn-success-bg, 5%);
@btn-success-hover-border: @btn-success-hover-bg;

@cradmin-btn-danger-hover-color: @btn-danger-color;
@cradmin-btn-danger-hover-bg: darken(@btn-danger-bg, 9%);
@cradmin-btn-danger-hover-border: @cradmin-btn-danger-hover-bg;


// Menu
@cradmin-menu-color: #ddd;
@cradmin-menu-hover-color: #fff;
@cradmin-menu-hover-transition: color @cradmin-btn-transition-duration ease;
@cradmin-menu-active-color: #fff;
@cradmin-menu-expandeditem-color: @cradmin-menu-hover-color;
@cradmin-menu-bg: #333;
@cradmin-mainmenu-header-bg: darken(@cradmin-menu-bg, 5%);
@cradmin-mainmenu-footer-bg: darken(@cradmin-menu-bg, 5%);
@cradmin-menu-mobiletoggle-bg: @cradmin-menu-bg;
@cradmin-menu-mobiletoggle-color: @cradmin-menu-color;
@cradmin-menu-mobiletoggle-hover-bg: darken(@cradmin-menu-mobiletoggle-bg, 5%);
@cradmin-menu-mobiletoggle-hover-color: @cradmin-menu-hover-color;
@cradmin-menu-mobiletoggle-height: 50px;
@cradmin-menu-vertical-desktop-height: 50px;
@cradmin-menu-vertical-desktop-item-padding: 0 16px;


// Floating iframe overlay
@cradmin-floating-iframe-zindex: 50000;
@cradmin-floating-iframe-backdrop-bg: none;
@cradmin-floating-iframe-showhide-transition-duration: 0.15s;

@cradmin-floating-iframe-closebutton-bg: rgba(30, 30, 30, 0.8);
@cradmin-floating-iframe-closebutton-color: rgb(190, 190, 190);
@cradmin-floating-iframe-closebutton-hover-color: rgb(248, 248, 248);
@cradmin-floating-iframe-closebutton-hover-bg: @cradmin-floating-iframe-closebutton-bg;
@cradmin-floating-iframe-closebutton-width: 10%;
@cradmin-floating-iframe-closebutton-icon-font-size: 30px;
@cradmin-floating-iframe-closebutton-transition-duration: @cradmin-btn-transition-duration;

@cradmin-floating-iframe-content-bg: rgb(30, 30, 30);
@cradmin-floating-iframe-navbar-height: @cradmin-menu-mobiletoggle-height;

@cradmin-floating-iframe-scrollbar-width: 14px;
@cradmin-floating-iframe-scrollbar-track-bg: lighten(@cradmin-floating-iframe-content-bg, 5%);
@cradmin-floating-iframe-scrollbar-thumb-bg: @btn-primary-bg;
@cradmin-floating-iframe-scrollbar-thumb-hover-bg: lighten(@cradmin-floating-iframe-scrollbar-thumb-bg, 10%);


// Dateselector
@cradmin-datetimeselector-backdrop-bg: rgba(0, 0, 0, .6);
@cradmin-datetimeselector-page-bg: #fff;
@cradmin-datetimeselector-page-bottom-xs: 0;
@cradmin-datetimeselector-page-bottom: 10px;
@cradmin-datetimeselector-page-height: 480px;
@cradmin-datetimeselector-page-width: 600px;
@cradmin-datetimeselector-transition: all .15s ease-in-out;
@cradmin-datetimeselector-horizontal-spacing: 15px;

@cradmin-datetimeselector-mobile-width-breakpoint: @screen-sm-min;
@cradmin-datetimeselector-mobile-height-breakpoint: (@cradmin-datetimeselector-page-height + @cradmin-datetimeselector-page1-shortcuts-height + @cradmin-datetimeselector-page-bottom);

@cradmin-datetimeselector-closebutton-padding: 10px 20px;
@cradmin-datetimeselector-closebutton-font-size: 20px;
@cradmin-datetimeselector-closebutton-color: @text-muted;
@cradmin-datetimeselector-closebutton-hover-color: @link-color;

@cradmin-datetimeselector-dateview-padding-top: 15px;
@cradmin-datetimeselector-table-height: 400px;
@cradmin-datetimeselector-table-bottom: 65px;
@cradmin-datetimeselector-table-bordercolor: @btn-default-border;
@cradmin-datetimeselector-table-thead-height: 25px;
@cradmin-datetimeselector-daybuttoncell-bg: @btn-default-bg;
@cradmin-datetimeselector-daybuttoncell-color: @btn-default-color;
@cradmin-datetimeselector-daybuttoncell-hover-bg: @cradmin-btn-default-hover-bg;
@cradmin-datetimeselector-daybuttoncell-hover-color: @cradmin-btn-default-hover-color;
@cradmin-datetimeselector-daybuttoncell-selected-bg: darken(@cradmin-btn-default-hover-bg, 10%);
@cradmin-datetimeselector-daybuttoncell-selected-color: @cradmin-btn-default-hover-color;
@cradmin-datetimeselector-daybuttoncell-today-bg: @cradmin-form-field-focus-bg;
@cradmin-datetimeselector-daybuttoncell-today-color: @cradmin-datetimeselector-daybuttoncell-color;
@cradmin-datetimeselector-daybuttoncell-not-in-current-month-bg: @cradmin-datetimeselector-daybuttoncell-bg;
@cradmin-datetimeselector-daybuttoncell-not-in-current-month-color: @text-muted;
@cradmin-datetimeselector-daybuttoncell-disabled-bg: rgb(3, 3, 3);
@cradmin-datetimeselector-daybuttoncell-disabled-color: rgb(100, 100, 100);
@cradmin-datetimeselector-daybuttoncell-not-in-current-month-disabled-bg: darken(@cradmin-datetimeselector-daybuttoncell-disabled-bg, 10%);
@cradmin-datetimeselector-daybuttoncell-not-in-current-month-disabled-color: lighten(@cradmin-datetimeselector-daybuttoncell-disabled-color, 10%);

@cradmin-datetimeselector-page1-shortcuts-height: 65px; // Height including bottom and top padding
@cradmin-datetimeselector-page1-shortcuts-bottom: 15px;

@cradmin-datetimeselector-backbutton-width: 50px;
@cradmin-datetimeselector-backbutton-border-right: 1px solid darken(@cradmin-datetimeselector-page-bg, 10%);
@cradmin-datetimeselector-backbutton-color: @link-color;
@cradmin-datetimeselector-backbutton-icon-font-size: 25px;
@cradmin-datetimeselector-backbutton-hover-bg: darken(@cradmin-datetimeselector-page-bg, 5%);
@cradmin-datetimeselector-backbutton-hover-color: darken(@cradmin-datetimeselector-backbutton-color, 5%);

// Varius bootstrap overrides
@font-family-sans-serif: 'Fira Sans', sans-serif;
@font-family-monospace: monospace;
@link-color: #377CA8;
@font-size-base: 16px;
@input-color-placeholder: #767676;
@input-color: #222222;

@border-radius-base: 2px;
@border-radius-large: 3px;
@icon-font-path: '../../vendor/fonts/glyphicons/';

@cradmin-listbuilder-itemvalue-focusbox-padding: 10px;
@cradmin-listbuilder-itemvalue-focusbox-bg: @cradmin-focus-bg;

@cradmin-multiselect2-target-selected-item-padding: @cradmin-listbuilder-itemvalue-focusbox-padding;
