// Import this file into all LAMS scss files to get the consistent definitions
//@import "_material-kit.scss";
@import "material-kit/variables.scss";
@import "material-kit/bootstrap/scss/mixins/breakpoints.scss";
@import "mixins.scss";

// dialog related
$authoring-width-lg: 1280px;

// LAMS SASS Global Variables
$gray-light-mid:  $grey-300; // #dddddd
$gray-lightest:  $grey-100; // #f5f5f5 or whitesmoke
// 
// Primary colour shades
// $brand-primary-darkest: #072B57; // used for main page offcanvas course list
// $brand-primary-darker: #164276;  // used for main page offcanvas course list
$brand-primary-mid: lighten($brand-primary, 12%); // #5798d0
$brand-primary-light: lighten($brand-primary, 45%); // #dbe9f5
// next one is to be removed!!!!
$brand-primary-bright: $brand-rose;   // used when we need a primary standout, such as the right hand bar indicating the current org in the offcanvas course list.
// 
// a links
$a-link-default: $brand-primary;
$a-link-default-hover: $brand-primary-bright;
$a-link-default-focus: $brand-primary-bright;
// 
// Success Green shades
$brand-success-light: lighten($green-500, 25%); // #b5dfb5
// 
// Warning Yellow shades:
$contrast-fade-start: lighten($orange-500, 50%); // Used in Forum, Comment for highlighting replies
$contrast-light: lighten($orange-500,  20%); 
// 
// Borders in various colours
// Grey or black
$legend-border-color: #e5e5e5;
$border-thin-black: thin solid black;
$border-thin-dotted: thin dotted #AAAAAA; // admin, central, monitoring
$border-thin-dashed: thin dashed #AAAAAA; // only used in admin
$border-thin-solid: thin solid #AAAAAA; // adming and monitoring
$border-thin-body-bg: thin solid $body-bg; // white line
$border-thin-default: thin solid #AAAAAA;
$border-thin-default-light: thin solid $legend-border-color;
$medium-default: 3px solid $gray-light-mid;
// Blue
$border-thin-primary: thin solid $brand-primary;
// Red
$border-thin-danger: thin solid $brand-danger;
$border-medium-danger: 3px solid $brand-danger;
// 
// learner page box shadow
// $panel-box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);
// 
// progress bar
$optional-activity-background: lighten($brand-primary-mid, 35%);
$optional-activity-background-heading: lighten($brand-primary-mid, 5%); 
$optional-activity-background-hover: $contrast-light;
$completed-activity-fill: #000099;
$current-activity-fill: #BB0000;
$gate-activity-fill: #FF0000;
$complex-activity-fill: #999999;
$not-started-activity-fill: #009900;

// navbar customisation to make action items look the same as the navbar tabs
.navbar-nav{
	.nav-text-like-link{
            position: relative;
            color: inherit;
            padding: $padding-general-x;
            font-weight: $font-weight-default;
            font-size: $mdb-btn-font-size-base;
            text-transform: uppercase;
            border-radius: $border-radius-base;
            line-height: 20px;
	}
}
// 
// Used just for main.css - the main page
// $main_default_link: #5A738E;
// $main_blue_light_highlight: #A6E5FD;
// $main_fav_org_link: #A7B1C2;
// $main_offcanvas_link: #2B5B95;
// $main_offcanvas_link_color: $body-bg;
// $main_offcanvas_background: $brand-primary-darker;
// $main_offcanvas_color: $gray-lighter;
// $main_offcanvas_logo_background: $brand-primary-darkest;
// $main_offcanvas_search_background: $brand-primary-darkest;
// $main_dropdown_border: #D9DEE4;
// $main_navbar_link: #515356;
// $main_singlelesson_hover_border: #9be0f9;
// $main_singlelesson_hover_background: #F0F8FF;
// 
// navbar login bar
// $navbar-brand-login-color: #ffffff;
// $navbar-login-background: $brand-primary;
// 
// panel header color
// $panel-default-heading-background: lighten($brand-primary-bright, 20%);
// 
// Text & typography
// $headings-default-color: $brand-primary-darker;
// 
// $stripes_background: url('/lams/images/css/light-fabric.jpg');
$url_css_directory: "/lams/images/css/";
// $login_logo: "/lams/images/svg/lams_logo_black.svg";
// $login_logo_size: auto 20px;
// $login-logo_div_width: 100px;
// 
// $offcanvas_logo: "/lams/images/svg/lams_logo_white.svg";
// $offcanvas_height: 31px;

// generic portrait colors
$portrait-color-0:#001f3f;
$portrait-color-1:#FF851B;
$portrait-color-2:#85144b;
$portrait-color-3:#111111;
$portrait-color-4:#3D9970;
$portrait-color-5:#0074D9;
$portrait-color-6:#FF4136;

// Canvas background svg:
// <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'>
//  <rect width='20' height='20' fill='#fefefe'/>
//  <rect x='10' y='10' width='1.5' height='1.5' fill='#b6b6b6'/>
// </svg>
// this has to be url encoded and added to the background below
$canvas-dot-background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2720%27%20height%3D%2720%27%3E%0D%0A%20%20%3Crect%20width%3D%2720%27%20height%3D%2720%27%20fill%3D%27%23fefefe%27%2F%3E%0D%0A%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%271.5%27%20height%3D%271.5%27%20fill%3D%27%23b6b6b6%27%2F%3E%0D%0A%3C%2Fsvg%3E");