body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-weight: 300;
    color: #000000 !important;
    background-color: #e6e6e6;
}
body, td, a {
    color: #000000 !important;
}
.table th, .table td {
    font-size: .8rem !important;
    border: 0 !important;
}
.table thead th {
    border: 0 !important;
    margin-left: .3rem !important;
}
.table a {
    margin-left: .3rem !important;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 300;
}
.h1, h1 {
    font-weight: 500;
}
.h2, h2 {
    font-weight: 400;
    font-size: 1.3rem;
}
.h3, h3 {
    font-weight: 300;
    font-size: 1.1rem;
}
.h4, h4 {
    font-weight: 300;
    font-size: .9rem;
}
.fs-xs {
    font-size: .65rem !important;
}
.fs-sm {
    font-size: .75rem !important;
}
.fs-sm-1 {
    font-size: .775rem !important;
}
.fs-sm-2 {
    font-size: .8rem !important;
}
.fs-sm-3 {
    font-size: .9rem !important;
}
.fs-md {
    font-size: 1rem !important;
}
.fs-md-2 {
    font-size: 1.25rem !important;
}
.fs-md-3 {
    font-size: 1.5rem !important;
}
.fs-md-4 {
    font-size: 1.75rem !important;
}

.label {
    font-weight: 500;
    color: #000 !important;
}

.btn-floating i {

}


.btn-outline-primary {
    border: 2px solid #666;
    color: #666 !important;
    background-color: transparent;
}
.btn-primary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.btn-primary:hover {
    background-color: #666666 !important;
    border-color: #666666 !important;
}

.text-secondary {
    color: #000000 !important;
}
.primary-color {
    background-color: #000000 !important;
}
.hover-cursor:hover,
.hover-pointer:hover,
.hover-cursor:focus,
.hover-pointer:focus,
.hover-cursor:active,
.hover-pointer:active {
    cursor: pointer;
    outline: 0;
}
.btn-secondary {
    background-color: #666666 !important;
    border-color: #666666 !important;
}
.btn-secondary:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* ICONS */
.material-icons {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}
.btn .material-icons {
    color: #fff;
    vertical-align: middle;
}
.btn-floating.btn-sm {
    padding: 0;
}
.material-icons.md-18 { font-size: 18px; width: 18px; height: 18px; }
.material-icons.md-24 { font-size: 24px; width: 24px; height: 24px; }
.material-icons.md-36 { font-size: 36px; width: 36px; height: 36px; }
.material-icons.md-48 { font-size: 48px; width: 48px; height: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* END ICONS */


.btn.active,
.btn:active,
.btn:focus,
.btn:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-wide {
    min-width: 180px;
}
.btn-floating {
    border: none;
}
.btn-group .btn-secondary + .btn-secondary {
    border-left-color: #f1f1f1;
}

.btn-group .btn-flat.active {
    background-color: #808080;
    color: #fff;
    border-radius: 4px!important;
}
.btn-group.dashboard .btn .icon {
    font-size: 1.5rem;
}
.caret {
    display: inline-block;
    margin-left: 70px;
    vertical-align: middle;
    border-top: .35rem solid #808080;
    border-right: .35rem solid transparent;
    border-left: .35rem solid transparent;
}

.img-placeholder {
    display: inline-block;
    height: 100%;
    min-height: 50px;
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 12px;
    font-weight: 100;
    color: #fff;
    background-color: #ddd;
}
img.user {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.input-full-width {
    width: 100%;
}

/****
LOGIN
****/
#logo {
    width: 44px;
    height: 44px;
    background: transparent url('/public/img/sd-logo.png') no-repeat 0 0;
    background-size: 44px 44px;
}
.card.login {
    padding: 4rem 2rem 2rem 2rem;
    max-width: 750px;
    margin: 0 auto;
}
/****
LOGIN



MAIN NAVIGATION
**************/
#logo.dashboard {
    width: 44px;
    height: 44px;
    background-image: url(/public/img/sd-logo-white.png);
}
.navbar-nav a {
    color: white;
}
#navbar-user-button,
#navbar-user-button .user-img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.dropdown-toggle::after {
    display: none;
    margin-left: 0;
    border: none;
}
#navbar-user .dropdown-menu {
    top: 130%;
    min-width: 18rem;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.nav-user {
    margin-top: 65px;
}
#navbar-user-img {
    width: 140px;
    border-radius: 50%;
}

/**************
END MAIN NAVIGATION


MAIN CONTAINER
*************/
#main-container {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    /*z-index: 2;*/
}
.wrapper {
    position: relative;
    flex: 1;
}

#main-container.with-left-nav {
    padding-left: 250px;
}
#main-container.with-application-nav {
    /*margin-left: 250px;*/
    pointer-events: none;
}
#component, .component-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.component-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
    background: #C7C7C7;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 2;
}
.component-bar + .component-content::before {
    height: 88px;
    margin-bottom: 2rem;
}
.component-bar.search-bar {
    padding: .5rem 2rem;
    padding-bottom: .25rem;
	background-color: #f7f7f7;
}
.component-bar.search-bar + .component-content::before {
    height: 81px;
    padding: .5rem;
}
.component-bar.with-left-nav {

}
.component-bar-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    color: #4d4d4d;
    font-weight: 300;
    /*padding-bottom: 1rem;*/
}
.component-bar-title a {
    font-size: 1.5rem;
    margin-right: .5rem;
}
.module-toggle {
    font-size: 1.5rem;
}

.view-bar {
    background-color: #8A8A8A;
}
.component-bar.view-bar::before {
    height: 69px;
}
.view-bar .nav {
    max-width: 768px;
    margin: 0 auto;
}
.view-bar .nav-link, .view-bar .nav-link.active {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    background-color: transparent;
    box-shadow: none!important;
    padding: 0.5rem;
}
.view-bar .nav-link.active::after {
    display: inline-block;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: "";
    border-bottom: .5rem solid #eee;
    border-right: .5rem solid transparent;
    border-left: .5rem solid transparent;
}
.component-content.with-left-nav {
    padding-left: 265px;
}

/*************
END MAIN CONTAINER



COMPONENT NAVIGATION
Styles for navigations within components suchas Processes/Projects/Modbus Stripchart
*************/

.breadcrumb {
    font-size: .775rem;
    text-transform: uppercase;
    padding: .25rem 1rem .25rem 0px;
    margin-bottom: 0;
    background-color: transparent;
}
a.breadcrumb-item {
    color: #f6c037;
}
.breadcrumb-item.active {
    color: #949494;
}


.nav.nav-pills.nav-fill {
    background-color: #ededed;
}
.nav-pills .nav-item:hover {
    border-left: none;
}
.nav-pills .nav-item .active,
.nav-pills .nav-item .active:active,
.nav-pills .nav-item .active:focus,
.nav-pills .nav-item .active:hover,
.nav-pills .nav-item:hover {
    font-weight: 300;
}
.nav-pills .nav-link {
    font-size: 1rem;
    padding: .75rem 1rem;
    color: #58595B;
    border-radius: 0;
}
.nav-pills .nav-link:hover {
    color: #58595B;
    background-color: #c3c3c3;
}
.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-item.show .nav-link:focus,
.nav-pills .nav-item.show .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #FFFFFF;
    cursor: default;
    background-color: #58595B;
}

/**************
COMPONENT NAVIGATION
*************/

/* cards */
.card .card-header {

}
.card .card-header p {
    margin-bottom: 0 !important;
}
.card.horizontal {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.card.horizontal .img-container {
    display: block;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    max-width: 125px;
    max-height: 125px;
    margin-left: -12px;
}
.card.horizontal .img-container,
.card .card-body.horizontal .img-container {
    padding-top: .75rem;
    margin-right: 1rem;
}
.card.horizontal .img-container img {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.card.horizontal  .card-body {
    padding: .75rem;
}
.card.horizontal h4 {
    font-size: 1.25rem;
    margin-bottom: .5rem;
}
.card.horizontal h5 {
    font-size: 1rem;
    margin-bottom: .5rem;
}
.card.horizontal p {
    font-size: .85rem;
    margin-bottom: 0;
}
.card.horizontal .phone {
    color: #808080;
    font-weight: 300;
}
.card.horizontal .title {
    font-size: .9rem;
}
.card.horizontal .sub-product,
.card.horizontal .sub-product .title {
    font-size: .8rem;
}
.card.horizontal .sub-product .id,
.card.horizontal .sub-product .price {
    font-weight: 600;
}
.gradient-card-header {
    text-transform: uppercase;
    padding: 1rem !important;
}
.gradient-card-header h4, .gradient-card-header h5 {
    margin-bottom: 0;
}
.gradient-card-header p {
    font-size: .8rem;
    margin-bottom: 0;
}

.card-columns.image-column {
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-column-count: 2;
    column-count: 2;
}
.card-columns .card {
    margin-bottom: 5px;
}

.hover-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -ms-transition: .3s;
    transition: .3s;
}
.card.horizontal .sub-product:hover > .hover-actions {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.hover-actions a {
    display: block;
    color: #000;
    font-weight: 600;
    padding: .5rem;
}
.card.horizontal .sub-product:hover > .hover-actions a:hover {
    color: #6686CA;
}
.card .card-body.horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.card.list-style .card-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 1rem;
}


/* END cards */

/* MEDIA */
.media.title .media-left {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 100%;
    min-width: 160px;
}
/* END MEDIA */


/*************
MODAL STYLES
*************/
.mat-dialog-container {
    position: relative;
}
.custom-modal {
    overflow: hidden;
}
.custom-modal .mat-dialog-container {
    max-width: 100%!important;
    overflow: hidden;
}
.modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: #000;
    z-index: 10;
    border: 0 !important;
}
.modal-header i, .modal-header .material-icons {
    color: #fff;
}
.modal-img {
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    background: transparent url('/public/img/sd-logo.png') no-repeat 0 0;
}
.modal-header-push {
    height: 75px;
}
#modal-content-container {
	height: 100%;
	max-width: 700px;
	margin: 0 auto;
}
#modal-content-container .no-selection {
    font-size: 1.25rem;
    font-weight: 100;
}
.custom-modal .mat-step-text-label {
    text-transform: uppercase;
}
/***************
END MODAL STYLES
***************/

.material-border-top-fix {
    margin-top: -1em;
}
.mat-slide-toggle-label {
    margin-bottom: 0 !important;
}
.mat-slide-toggle {
    height: 14px !important;
}
.bottom-left {
    left: 23px;
    right: auto;
}
.btn-floating.btn-large i {
    line-height: 38.5px;
}
.assigned-users td:first-of-type {
    width: 100%;
}
.assignment-list {
    max-height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: .75rem 0;
}
.assignment-list .mat-checkbox-layout {
	margin-bottom: 0;
}


.snack-bar-wrapper {
    background-color: #6686CA!important;
}
.snack-bar-success {
    background-color: #00C851!important;
}
.snack-bar-warning {
    background-color: #ffbb33!important;
}
.snack-bar-error {
    background-color: #CC0000!important;
}
.border-top-0 {
    border-top: none !important;
}


/***********
FORMS & INPUTS
***********/
input.custom-control {
	height: auto;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    padding: 0.65rem;
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    box-sizing: border-box!important;
    background-color: #F7F7F7;
    margin: 0;
}
/***************
FORMS & INPUTS
***************/

/* Tables */
table.details {
    font-size: .75rem;
    margin-left: 5.25rem;
}
table.details td {
    font-size: .8rem;
    padding: .15rem .35rem;
}
table.details tr td:first-child {
    text-align: right;
}


.table-style {
    font-size: .75rem;
    font-weight: 400;
}
.table-style .header {
    color: #656565;
    background-color: #e0e0e0;
    font-weight: 600;
    margin-bottom: .15rem;
}
.table-style .data {
    background: white;
    margin-bottom: .15rem;
}
/* END Tables */


/* Chips */
.chip {
    height: 24px;
    line-height: 10px;
    font-size: .7rem;
    border: none;
    box-shadow: none;
    padding: 8px;
    margin-bottom: 0;
    margin-right: 0;
}
/* END Chips*/

/**/

.dropzone.dz-wrapper {
    background: #f4f4f4;
}
.dropzone.dz-wrapper .dz-message,
.dropzone {
    border: none !important;
    background: #fff!important;
    height: 100%;
    color: #000;
}
.dropzone.dz-wrapper .dz-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
}
.dropzone.dz-wrapper .dz-message .dz-text {
    color: #000;
    font-size: 1.65rem;
    font-weight: 600;
    text-align: center;
}

#dropzone-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	pointer-events: none;
}
#dropzone-icon .material-icons {
    color: #000;
	font-size: 3rem;
	pointer-events: none;
}
#dropzone-icon .sub-text {
	padding-bottom: 35px;
	pointer-events: none;
}

.dropzone .circle {
	display: inline-block;
    color: #fff;
    border-radius: 50%;
    background-color: #4CAF50;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
}
/**/

/* Utilities */
.hidden-all {
    display: none!important;
}

.hover-fade {
    opacity: 0;
}
.hover-fade:hover {
    opacity: 1;
}
.border-bottom {
    border-bottom: 1px solid #eee!important;
}
/* END Utilities */


/* BOOTSTRAP REWRITES */
.no-backdrop.mat-drawer-container {
    background-color: #e6e6e6 !important;
}
.no-backdrop .mat-drawer-backdrop.mat-drawer-shown {
    display: none!important;
}
.page-link {
    color: #f6c037;
}
.page-item.active .page-link {
    background-color: #f6c037;
    border-color: #f6c037;
}
/* END BOOTSTRAP REWRITES */


/* MEDIA QUERIES */

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none!important;
    }
    .card.login {
        padding: 3rem 14rem 4rem 14rem;
    }
}
@media (max-width: 992px) {
    .hidden-lg-down {
        display: none!important;
    }
    #main-container.with-left-nav {
        padding-left: 0;
    }
    .with-left-nav {
        padding-left: 15px!important;
        margin-left: 0!important;
    }
}
@media (max-width: 768px) {
    .custom-modal {
        width: 95% !important;
        height: 95% !important;
        padding-top: 60px;
    }
    .custom-modal .mat-dialog-container {
        max-width: 100%;
    }
    #modal-body-container {
        max-width: 100%;
    }
}
@media (max-width: 768px) and (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media (max-width: 425px) {
    #logo.dashboard,
    .modal-img {
        width: 46px!important;
        background-size: cover!important;
    }
}



.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}


/* END MEDIA QUERIES */

/* RETINA IMAGES */
@media (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #logo {
        background-image: url("/public/img/sd-logo@2x.png");
        background-size: contain;
    }
    .modal-img {
        background-image: url("/public/img/sd-logo@2x.png");
        background-size: contain;
    }
    #logo.dashboard {
        background-image: url("/public/img/sd-logo-white@2x.png");
        background-size: contain;
    }
}


/* Material overrides */
.mat-form-field-placeholder {
    color: #000 !important;
    font-size: .9rem !important;
    padding-top: .4rem !important;
}


.module-left-nav {
    padding: 0 20px;
    margin: 0;
}
.nav-header {
    font-weight: 500;
}
.module-left-nav .nav {
    margin-bottom: 20px;
}
.nav-drop-down .mat-select-value-text {
    font-size: .85rem !important;
    color: white !important;
}
.nav-drop-down .mat-select-disabled .mat-select-value, .mat-select-arrow {
    color: white !important;
}
.nav-drop-down .mat-form-field-underline {
    background-color: white !important;
}


.status-pending {
    font-style: italic;
    color: #9c27b0;
}
.status-complete {
    font-style: italic;
    color: #4caf50;

}



/*# sourceMappingURL=app.d1236aa527d8e9b80d2e.css.map*/