/*acurade Style*/

@import '~@angular/material/theming';

@include mat-core();


$custom-theme-primary: mat-palette($mat-orange);
//$custom-theme-accent: mat-palette($mat-orange, A200, A100, A400);
$custom-theme-accent: mat-palette($mat-orange);
$custom-theme-warn: mat-palette($mat-red);

$custom-theme: mat-light-theme($custom-theme-primary, $custom-theme-accent, $custom-theme-warn);

$bg-login-page: #505050;

@include angular-material-theme($custom-theme);

html, body{
    font-family: Roboto, "Helvetica Neue", sans-serif !important;
    margin:0;
    padding:0;
    position: relative;
    min-height: 100%;
    height: 100%;
}

md-dialog-container {
    margin: auto;
}

.full-height{
    height: 100%;
    min-height: 100%;
    position: relative;
}

#ac-loginpage{
    background-size: cover;
}

.login-page{
    background: url("/assets/images/wallpaper.jpg")center center;
}

/*Customize Material*/
.mat-dialog-container{    
    padding: 5px !important;
}
/* When the input is not focused */
#ac-loginpage .mat-form-field-label{
    color: #fff;
}

#ac-loginpage .mat-form-field-underline{
    background-color:#fff;
}

.small-text{
    font-size: 12px;
}

.popup{
    position: fixed;
    top:100px;
    left: 100px;
    width: 50%;
    height: 100px;
    background: blue;
}
.acflash{
    animation: blink-animation 1s steps(2, start) infinite;
    -webkit-animation: blink-animation 1s steps(2, start) infinite;
}

.blink{
    animation: blink-animation 1s steps(2, start) infinite;
    -webkit-animation: blink-animation 1s steps(2, start) infinite;
}


@keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }


  // Custom Mixins
// --------------------------------------------------

/*@import './variables';
@import './mixins';*/

$brand-primary: #fff;
$brand-success: green;
$brand-info: rgb(179, 131, 131);
$brand-warning: rgb(248, 246, 213);
$brand-danger: red;
$colors: ( 'brand-primary': $brand-primary, 'brand-success': $brand-success, 'brand-info': $brand-info, 'brand-warning': $brand-warning, 'brand-danger': $brand-danger);
@function color($key) {
    @return map-get($colors, $key);
}

// Utilities mixins
@mixin bgcolor-variant($bgcolor, $text-color: #fff) {
    & {
        background-color: color($bgcolor);
        color: $text-color !important;
    }
    .text-muted {
        color: rgba($text-color, .5);
    }
    small {
        color: inherit;
    }
}

@mixin make-bg($bgcolor, $text-color: #fff) {
    background-color: $bgcolor;
    color: $text-color !important;
}

@mixin thumnbail-size($sz: 8px) {
    width: $sz !important;
    height: $sz !important;
}

@mixin initial-size($sz: 8px) {
    width: $sz !important;
    height: $sz !important;
    line-height: $sz;
    text-align: center;
    border-radius: 50%;
}

// Icons sizes
@mixin icon-size($size) {
    .icon-#{$size} {
        font-size: $size * 1px;
        vertical-align: $size * -1 * 1%;
    }
}

//== Themes mixins
@mixin theme-header($header-bg, $header-color) {
    .layout-container {
        .header-container {
            background-color: $header-bg;
            color: $header-color;
        }
    }
}

@mixin theme-sidebar($sidebar-bg, $sidebar-color, $sidebar-header-bg, $sidebar-header-color) {
    .layout-container {
        .sidebar-container {
            background-color: $sidebar-bg;
            color: $sidebar-color;
            >.sidebar-header {
                background-color: $sidebar-header-bg;
                color: $sidebar-header-color;
            }
        }
    }
}

@mixin theme-sidebar-items($color1, $color2) {
    .sidebar-header-logo,
    .nav-icon {
        >svg,
        >em {
            color: $color1 !important;
            fill: $color2 !important;
        }
    }
}

@mixin theme-content($content-color) {
    .layout-container {
        .main-container {
            background-color: $content-color;
        }
    }
}

@mixin theme-content-dark($content-color) {
    background-color: darken($content-color, 4%);
    .layout-container {
        .main-container {
            @include is-dark($content-color);
        }
    }
}

//== Dark theme setup
@mixin is-dark($base-color) {
    background-color: darken($base-color, 4%);
    color: #f1f1f1;
    .bg-white,
    .panel,
    .card,
    .panel-default>.panel-heading {
        &:not([class*='bg-']) {
            background-color: darken($base-color, 1%);
            color: inherit;
        }
    }
    .bg-white {
        background-color: darken($base-color, 1%);
        color: inherit;
    }
    .well,
    .jumbotron,
    .breadcrumb,
    .modal-content {
        background-color: darken($base-color, 1%);
        color: inherit;
    }
    .btn-default {
        @include button-variant(#fff, $base-color, darken($base-color, 5%));
    }
    .open>.dropdown-toggle.btn-default {
        &,
        &:hover,
        &:active,
        &.active,
        &:focus {
            color: #fff;
            background-color: $base-color;
            border-color: darken($base-color, 5%);
        }
    }
    .form-control {
        color: inherit;
        background-color: rgba(240, 240, 240, .1);
        border-color: rgba(240, 240, 240, .12);
        &:focus {
            border-color: rgba(240, 240, 240, .36)
        }
    }
    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: rgba(240, 240, 240, .1);
    }
    select:not([multiple]) {
        option {
            color: $text-color;
        }
    }
    .input-group-addon,
    .input-group-button {
        background-color: transparent;
        border: 1px solid rgba($gray-base, .26);
        color: inherit;
    }
    .nav-tabs>li.active {
        color: #fff;
    }
    .note-editor .note-editing-area .note-editable {
        background-color: rgba(240, 240, 240, .1);
    }
    .photo {
        background-color: $base-color;
    }
}

// Preview for settings panel
@mixin preview-theme($prev-header, $prev-sidebar, $prev-content) {
    .preview-header {
        background-color: $prev-header;
    }
    .preview-sidebar {
        background-color: $prev-sidebar;
    }
    .preview-content {
        background-color: $prev-content;
    }
}

//
// Variables
// --------------------------------------------------
//== Colors
//@import 'material-colors';
// Redefined Gray colors for theme
$gray-darker: #263238;
$gray-dark: #455A64;
$gray: #607D8B;
$gray-light: #90A4AE;
$gray-lighter: #ECEFF1;
// Classic brand colors
$mdc-blue-A200: blue;
$brand-primary: $mdc-blue-A200;
$brand-success: #4CAF50;
$brand-info: #03A9F4;
$brand-warning: #FFB300;
$brand-danger: #F44336;
$brand-inverse: #37474F;
// Gray base
$gray-base: #a2a2a2;
//== Scaffolding
//** Background color for `<body>`.
$body-bg: #f1f2f3;
//** Global text color on `<body>`.
$text-color: #6C7177;
//** Global textual link color.
$link-color: $brand-primary;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%);
//== Typography
$font-family: "Roboto",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
$font-size-base: 14px;
//== Layout
$header-hg: 65px;
$header-bg: #fff;
$header-item-color: #555;
$header-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
$sidebar-wd: 240px;
$sidebar-wd-collapsed: 70px;
$sidebar-bg: #263238;
$sidebar-header-hg: $header-hg;
$sidebar-header-bg: $sidebar-bg;
$sidebar-header-shadow: $header-shadow;
$sidebar-toolbar-hg: 150px;
$sidebar-toolbar-bg: inherit;
$sidebar-icon-color: #868B90;
$sidebar-icon-color-active: $brand-primary;
$main-content-bg: $body-bg;
$footer-hg: 60px;
//== Media queries breakpoints
// Extra small screen / phone
$screen-xs-min: 480px;
// Small screen / tablet
$screen-sm-min: 768px;
// Medium screen / desktop
$screen-md-min: 992px;
// Large screen / wide desktop
$screen-lg-min: 1200px;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1);
$screen-sm-max: ($screen-md-min - 1);
$screen-md-max: ($screen-lg-min - 1);
//== Media queria shortcodes
$min-desktop-lg: "only screen and (min-width: #{$screen-lg-min})";
$min-desktop: "only screen and (min-width: #{$screen-md-min})";
$min-tablet: "only screen and (min-width: #{$screen-sm-min})";
$min-mobile: "only screen and (min-width: #{$screen-xs-min})";
$max-desktop: "only screen and (max-width: #{$screen-md-max})";
$max-tablet: "only screen and (max-width: #{$screen-sm-max})";
$max-mobile: "only screen and (max-width: #{$screen-xs-max})";
$text-muted: $gray-base;
$input-border: $gray-lighter;
$btn-default-border: #eaeaea;
//== Card padding
$card-padding: 16px;
//== Grid customization
$bs-grid-gutter: 24px;
$bs-grid-gutter-md: 16px;
$bs-grid-gutter-sm: 8px;
//== Animations
$animate-fade-distance: 18px;
$animate-duration: .5s;
//== Custom Checkbox/Radio
$chkradio-fg-color: $brand-primary;
$chkradio-bg-color: rgba($gray-base, .12);
//== List (material)
$mda-list-img-wd: 48px;
$mda-list-img-mr: 20px;
//== Loading Bar
$loading-bar-bg: $brand-info;
$loading-bar-hg: 3px;
//== Vector Map
$vectormap-label-bg: #313232;
$vectormap-zoom-ctrl-bg: #515253;
//== Site Preloader
$site-preloader-bg: #fff;
$site-preloader-wd: 100px;
$site-preloader-hg: 30px;
//== Timeline
$timeline-badge-size: 20px;
$timeline-datetime-height: 20px;
$timeline-separator-width: 120px;
//== Other BS variables for easy customization
$progress-bg: #f1f1f1;
$progress-height-sm: 16px;
$progress-height-xs: 8px;
$border-radius-base: 4px;
$border-radius-large: 6px;
$border-radius-small: 3px;
//== Material Shadows
$material-shadow-z1: 0 3px 1px -2px rgba(0, 0, 0, .14),
0 2px 2px 0 rgba(0, 0, 0, .098),
0 1px 5px 0 rgba(0, 0, 0, .014);
$material-shadow-z2: 0 2px 4px -1px rgba(0, 0, 0, .14),
0 4px 5px 0 rgba(0, 0, 0, .098),
0 1px 10px 0 rgba(0, 0, 0, .014);
$material-shadow-z3: 0 3px 5px -1px rgba(0, 0, 0, .14),
0 6px 10px 0 rgba(0, 0, 0, .098),
0 1px 18px 0 rgba(0, 0, 0, .014);
$material-shadow-z4: 0 5px 5px -3px rgba(0, 0, 0, .14),
0 8px 10px 1px rgba(0, 0, 0, .098),
0 3px 14px 2px rgba(0, 0, 0, .014);
$material-shadow-z5: 0 8px 10px -5px rgba(0, 0, 0, .14),
0 16px 24px 2px rgba(0, 0, 0, .098),
0 6px 30px 5px rgba(0, 0, 0, .014);
//== Utilities
$margin-base: 16px;
$margin-sm: 8px;
$margin-lg: 24px;
$margin-xl: 32px;
$padding-xl: 32px;
$padding-lg: 24px;
$padding-base: 16px;
$padding-sm: 4px;
$text-alpha: rgba(255, 255, 255, .5);
$text-alpha-inverse: rgba(0, 0, 0, .5);
$text-sm: $font-size-base * .85;
$text-md: $font-size-base * 1.9;
$text-lg: $font-size-base * 3;
$border-color: rgba($gray-base, .32);
$wd-xxs: 60px;
$wd-xs: 90px;
$wd-sm: 150px;
$wd-sd: 200px; // sd == standard
$wd-md: 240px;
$wd-lg: 280px;
$wd-xl: 320px;
$wd-xxl: 360px;
$wd-wide: 100%;
$wd-auto: auto;
$wd-zero: 0;
//== Placeholders
$placeholder-margin-vertical: 15px;
$placeholder-padding: 20px;
$placeholder-border: rgba($gray-base, .26);
$placeholder-background: transparent;
$placeholder-color: inherit;
$placeholder-large-padding-vertical: 80px;


//-----------swimlane table css-------------------------
// @import '~@swimlane/ngx-datatable/release/index.css';
// @import '~@swimlane/ngx-datatable/release/themes/material.css';
// @import '~@swimlane/ngx-datatable/release/assets/icons.css';
@import "~ng-pick-datetime/assets/style/picker.min.css";
//shadow-less ac-table design
.ngx-datatable.material {box-shadow: none;}  

.mat-dialog-container{
    padding-left: 0px !important; 
}