/* Buttons */

.btn {
    border: 0;
    padding: 6px 14px;
    font-size: 12px;
    /* border-radius: 4px; */
    cursor: pointer;
    border: solid 1px transparent;
    line-height: 12px;
    height: 26px;
}

.btn.square {
    padding: 0 !important;
    width: 22px;
    height: 22px;
    cursor: pointer;
    min-width: initial;
}

.btn.square i {margin-right: 0;}

.bc1 {
    color: #edf1f2;
    background-color: #0299C8;
    margin: 0 0 0 5px;
    min-width: 100px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #f58022; */
    border-radius: 4px;
    font-size: 16px;
}

.bc1:hover {
    /* box-shadow: 0 0 0px 1px grey; */
    background-color: #0484aa;
}

.bc1.cancel {
    color: #edf1f2;
    background-color: gray;
}

.bc1.cancel:hover {
    background-color: #979797;
}

.bc1.save {
    /* background-color: #0299c6; */
}

.bc1.generate {
    background-color: #ff5722;
}

.bc1.tblVertex {
    /* background-color: #ff5722; */
    width: 26px;
    height: 26px;
}

.bc1.tblVertex>i{margin: 0;}

.bc1.add {
    min-width: initial;
    padding: 0 4px;
    height: 22px;
}

.bc1 i {
    margin-right: 10px;
    font-size: 16px;
    vertical-align: baseline;
}

.bc1.add i {}

.bc1.inForm{
    height: 23px !important;
    width: initial !important;
}

.bc3 {
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

.bc3:hover {
    /* background-color: #ffffff; */
    /* border-color: #3bc1c4; */
    color: #595f65;
}

.btn.disabled{pointer-events: none;opacity: 0.3;}

.cancel {
    /* color:red; */
}

.bc1.backBtn{
    margin: 6px;
    font-size: 16px;
    background-color: #20262a;
}

.bc1.newOrder{
    height: 34px;
    font-size: 22px;
    width: 134px;
    background-color: #20262a;
}

.backBtn i{
    font-size: 20px;
    color: #5697c1;
}

/* form */

.form {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.form.copyWeights{width: 100%;}

.form.copyWeights .form-group{
    display: flex;
}

.form.copyWeights .form-group.from{}

.form.copyWeights .form-group.to{}

.form.copyWeights .form-group label{
    /* flex-grow: 1; */
    white-space: nowrap;
    margin: 0 5px 0 0;
    line-height: 24px;
    font-weight: bold;
}

.form.copyWeights .form-group label.val{
    color: #0299c6;
}

.form .form-group {
    width: 18%;
    margin-right: 0.5%;
    width: 15.5%;
    margin-left: 0.5%;
}

.form .form-group._2x {
    width: 32%;
}

.form .form-group._4x {
    width: 65%;
}

.form .form-group:last-child {}

.form.d100 .form-group {
    width:100px;
}

.form.d11 .form-group{width: 8.0%;}

.form.d10 .form-group {
    width: 8.5%;
}

.form.d9 .form-group{}

.form.d8 .form-group {
    width: 11.5%;
}

.form.d8 .form-group.x2{width: 23.9%;}

.form.d7 .form-group {width: 13.285%;width: initial;/* flex-grow: 1; */margin: 0 2px;}

.form.d7 .form-group.x2{width: 27.5%;}

.form.d7 .form-group.x3{width: 41.8%;}

.form.d8 .form-group.x4{width: 48.99%;}

.form.d6 .form-group {
    width: 15%;
}

.form.d5 .form-group {
    width: 19%;
}

.form.d5 .form-group.x3 {width: 59%;}

.form.d5 .form-group.x2 {width: 39%;}

.form.d4 .form-group {
    width: 19%;
}

.form.d4.d55 .form-group {
    width:23%;
}

.form.d4.d55 .form-group.barcode .form-control.long{
    width: 130px;
}

.form.d44 .form-group {
    width:23%;
}

.form.d44 .form-group.x4 {width: 95.2%;}

.form.d3 .form-group {
    width: 32.2%;
}

.form.d2 .form-group {
    width: 49%;
}

.form.d1 .form-group {
    width: 100%;
}

.form.single,
.form.side {
    padding: 5px;
}

.form.single .form-group {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.form.side {
    justify-content: flex-end;
}

.form.side .form-group {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    width: initial;
    margin: 0 0 0 1%;
}

.form.side .form-group button {
    width: initial;
    font-size: 20px;
}

.form.side .form-group button i {
    margin-right: 10px;
}

.form .form-group.full {
    width: 100%!important;
}

.form .form-group>label {
    margin-bottom: 0;
}

.form .form-group input {}

.form .form-group .fileContainer {
    overflow: hidden;
    position: relative;
    padding: 0;
    border-color: transparent;
    width: 94px;
    height: 30px;
}

.form .form-group .fileContainer>span {
    line-height: 18px;
    cursor: pointer;
    margin: 0;
    height: 28px;
    /* font-size: 12px; */
    width: 92px;
}

.form .form-group .fileContainer input[type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.form .form-group>button {
    width: 200px;
    height: 40px;
}

.form .form-group .extractionLbl{
    display: flex;
    align-items: center;
}

.form .form-group .extractionLbl span{
    margin: 0 10px;
    font-size: 12px;
}

.form .form-group>button.extractionFormBtn{
    width: initial;
    height: 28px;
    margin: 0;
    background-color: #3f51b5;
}

.form .form-group>button.extractionFormBtn.play{
    background-color: #0299c6;
}

.form .form-group>button.extractionFormBtn.info{
    width: 130px;
}

.form .form-group>button.extractionFormBtn.delete{
    background-color: #e74949;
    width: 28px;
    min-width: initial;
    padding: 0;
}

.form .form-group>button.extractionFormBtn.delete i{
    margin: 0;
    font-size: 14px;
}

.form .form-group .form-control {
    /* display: flex; */
    /* box-shadow: none; */
}

.form .showErrors {
    /*.ng-invalid*/
    border-color: #cc0000!important;
    padding: 1px!important;
}

.showErrors {
  /*.ng-invalid*/
  border-color: #cc0000 !important;
  padding: 1px !important;
}

.online-status{padding: 2px 3px 2px 3px;border-radius: 2px;/* width: 119px; */display: inline-block;height: 22px;line-height: 18px;margin-top: 3px;text-align: center;}

.online-status.rework{background-color: #ffd5b5;display: inline-block;width: 45px;margin-right: 4px;}

.online-status.rework.parent{background-color: hwb(26 24% 0%);}

.form .form-group .form-control.radios {
    padding: 0;
    border: 0;
    box-shadow: none;
    display: flex;
}

.form .form-group .form-control.radios .radio {
    margin: 0 5px 0 0;
    line-height: 24px;
    background-color: #edf1f2;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
    padding-right: 7px;
}

.form .form-group .form-control.radios .radio.selected {
    background-color: #3bc1c4;
    color: #fff;
    border-color: #3bc1c4;
}

.form .form-group .form-control.radios .radio label {
    padding-left: 20px;
    /* line-height: 20px; */
}

.form .form-group .form-control.radios .radio.selected label {}

.form .form-group .form-control.radios .radio label input {
    margin-left: -15px;
    margin-top: 6px;
}

.form .form-group .form-control.disabled{pointer-events: none;border: 0;box-shadow: none;padding-left: 0;}

/* Checkbox*/

.app-check-box {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.app-check-box.withLabel{width: -moz-fit-content;width: fit-content;}

.app-check-box label{margin: 0;display: flex;justify-content: flex-start;align-items: center;height: 100%;width: -moz-fit-content;width: fit-content;}

.app-check-box .cbxInnerWrap {
    background-color: #edf1f2;
    border: solid 1px #c1c1c1;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* min-height: 20px; */
}

.app-check-box .cbxInnerWrap.checked {
    background-color: #0299c6 !important;
    border-color: #0299c6 !important;
}

.app-check-box .cbxInnerWrap input {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 200px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    border: 0;
}

.app-check-box .cbxInnerWrap i {
    color: #fff;
}

.app-check-box .cbxInnerWrap i.c {}

.app-check-box .cbxInnerWrap i.r {
    display: none;
}

.app-check-box.form-control {
    width: 24px;
    padding: 0;
    height: 24px;
    font-size: 16px;
    text-align: center;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
}

.app-check-box.radioStyle {}

.app-check-box.radioStyle>.cbxInnerWrap.checked {
    background-color: transparent !important;
}

.app-check-box.radioStyle>.cbxInnerWrap i.c {
    display: none;
}

.app-check-box.radioStyle>.cbxInnerWrap i.r {
    display: block;
    color: #0299c6;
    font-size: 9px;
}

.app-check-box.radioStyle .cbxInnerWrap {
    border-radius: 50%;
}

/* backgrounds */

.bg1 {
    background-color: #fff;
    padding: 10px;
    /* border-radius: 5px; */
    /* box-shadow: 0 0 4px 0 #dad8d8; */
}

body [simple].mat-form-field-appearance-legacy .mat-form-field-infix {
    border-top: 0;
    padding: 0;
}

body [simple].mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0;
}

body [simple].mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 0;
}

body .disabled .mat-select-arrow-wrapper {
    opacity: 0;
}

body .mat-select-disabled .mat-select-value {
    color: #5d6265;
    /* background-color: red; */
}

body .mat-select-disabled .mat-select-value .mat-select-value-text {
    display: inline-block;
    border-radius: 5px;
    padding: 2px 5px;
}

body .toolType.mat-select-disabled .mat-select-value .mat-select-value-text {
    background-color: #f79220;
    /* color: #000; */
}

body .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-infix {
    padding: 1px 0;
    width: 140px;
}

body .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    border-bottom: solid 1px;
    background: none;
    display: none;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,.table th {
    padding: 1px 4px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
    color: #000;
    background-color: #f1f1f1;
    padding: 4px;
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>td,.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255,255,255,.075)
}

.width-49{
    width:49%!important;
}

#navTree{
    overflow-y: auto;
}

/*top level*/

#navTree>ul{}

#navTree>ul>li{}

#navTree>ul>li.open{
    background-color: #36474f !important;
}

#navTree>ul>li:hover{
    /* background-color: #36474f; */
    background-color: #30383c;
}

/*inner level*/

#navTree>ul>li ul{display: none;}

#navTree>ul>li li{
    line-height: 30px;
}

#navTree>ul>li li:hover{}

#navTree>ul>li li .treeRow{
    color: #c8c6c6;
    font-size: 13px;
    margin-left: -40px;
    padding-left: 46px;
    border-left: solid 3px transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: solid 1px transparent; */
}

#navTree>ul>li li.open{
    /* background-color: red; */
}

#navTree>ul>li li.open .treeRow,
#navTree>ul>li li.routerLinkActive .treeRow {
    color: #fff;
    /* border-left-color: #f79020; */
    background-color: #1d262a;
    /* border-bottom-color: #f79020; */
}

#navTree>ul>li li:hover .treeRow{
    color: #fff;
    /* border-left-color: #f79020; */
    background-color: #1d262a;
}

#navTree>ul>li li.shiny{
    line-height: 40px;
    display: none;
}

#navTree>ul>li li.shiny .treeRow{
    background-color: #4dbd73;
    color: #fff;
    padding-left: 23px;
    display: block;
}

#navTree>ul>li li .treeRow .icon{}

#navTree>ul>li li .treeRow .txt{
    line-height: 19px;
}

#navTree>ul>li li .treeRow .badge{
    font-size: 10px;
    background-color: #566e7a;
    height: 15px;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 8px;
    margin-right: 20px;
    font-weight: bold;
    color: #fff;
    width: initial;
}

/*all levels*/

#navTree ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#navTree ul li{
    padding-left: 20px;
    line-height: 50px;
}

#navTree ul li .treeRow{
    padding-left: 0;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #f7f8f9;
}

#navTree li.open>ul{display: block;}

#navTree li.open{}

#navTree li .icon{
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* bottom: 0; */
    /* display: flex; */
    /* align-items: center; */
    margin-right: 6px;
    font-size: 18px;
    width: 23px;
}

#navTree li.open .treeRow{
    min-height: 26px;
    border-top: solid 1px #4d5d67;
}

#navTree li .txt{
    text-decoration: none;
    color: inherit;
}

/*@import url("./ngx.css");*/

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline;position: absolute;left: auto;top: 0;width: 100%;height: 100%;}

audio:not([controls]){display:none;height:0}

[hidden],template{display:none}

a{background-color:transparent}

a:active,a:hover{outline:0}

abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}

b,strong{font-weight:bold}

dfn{font-style:italic}

h1{font-size:2em;margin:0.67em 0}

mark{background:#ff0;color:#000}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sup{top:-0.5em}

sub{bottom:-0.25em}

img{border:0}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{box-sizing:content-box;height:0}

pre{overflow:auto}

code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}

button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

button{overflow:visible}

button,select{text-transform:none}

button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}

button[disabled],html input[disabled]{cursor:default}

button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

input{line-height:normal}

input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}

input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}

legend{border:0;padding:0}

textarea{overflow:auto}

optgroup{font-weight:bold}

table{border-collapse:collapse;border-spacing:0}

td,th{padding:0}

*{box-sizing:border-box}

*:before,*:after{box-sizing:border-box}

html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}

body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}

input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}

a{color:#337ab7;text-decoration:none}

a:hover,a:focus{color:#23527c;text-decoration:underline}

a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

figure{margin:0}

img{vertical-align:middle}

.img-responsive{display:block;max-width:100%;height:auto}

.img-rounded{border-radius:6px}

.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}

.img-circle{border-radius:50%}

hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

[role="button"]{cursor:pointer}

fieldset{min-width:0;padding:0;margin:0;border:0}

legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}

label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight: normal;}

input[type="search"]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}

input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}

input[type="file"]{display:block}

input[type="range"]{display:block;width:100%}

select[multiple],select[size]{height:auto}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}

.form-control{display:block;width:100%;height: 24px;padding: 1px 6px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border: 1px solid #ced4da;/* border-radius:4px; */box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)}

.form-control::-moz-placeholder{color:#999;opacity:1}

.form-control:-ms-input-placeholder{color:#999}

.form-control::-webkit-input-placeholder{color:#999}

.form-control::-ms-expand{background-color:transparent;border:0}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1;border-color: #ced4da;}

.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}

textarea.form-control{height:auto}

@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}

.form-group{margin-bottom:15px}

.radio,.checkbox{position:relative;display:block;margin-top: 10px;margin-bottom:10px;line-height: 20px;}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}

.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-top:4px \9;margin-left:-20px}

.radio+.radio,.checkbox+.checkbox{margin-top:-5px}

.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}

.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}

.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}

.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}

select.input-sm{height:30px;line-height:30px}

textarea.input-sm,select[multiple].input-sm{height:auto}

.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}

.form-group-sm select.form-control{height:30px;line-height:30px}

.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}

.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}

.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}

select.input-lg{height:46px;line-height:46px}

textarea.input-lg,select[multiple].input-lg{height:auto}

.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}

.form-group-lg select.form-control{height:46px;line-height:46px}

.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}

.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}

.has-feedback{position:relative}

.has-feedback .form-control{padding-right:42.5px}

.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}

.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}

.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}

.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}

.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}

.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}

.has-success .form-control-feedback{color:#3c763d}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}

.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}

.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}

.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}

.has-warning .form-control-feedback{color:#8a6d3b}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}

.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}

.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}

.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}

.has-error .form-control-feedback{color:#a94442}

.has-feedback label~.form-control-feedback{top:25px}

.has-feedback label.sr-only~.form-control-feedback{top:0}

.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}

@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}

.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}

.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}

@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}

.form-horizontal .has-feedback .form-control-feedback{right:15px}

@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}

@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}

.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}

.dropup,.dropdown{position:relative}

.dropdown-toggle:focus{outline:0}

.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,0.175)}

.dropdown-menu.pull-right{right:0;left:auto}

.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}

.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}

.open>.dropdown-menu{display:block}

.open>a{outline:0}

.dropdown-menu-right{right:0;left:auto}

.dropdown-menu-left{right:auto;left:0}

.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}

.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}

.pull-right>.dropdown-menu{right:0;left:auto}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}

@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}

.modal-open{overflow:hidden}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}

.modal.fade .modal-dialog{transform:translate(0, -25%);transition:transform 0.3s ease-out}

.modal.in .modal-dialog{transform:translate(0, 0)}

.modal-open .modal{overflow-x:hidden;overflow-y:auto}

.modal-dialog{position:relative;width:auto;margin:10px}

.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,0.5);outline:0}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}

.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}

.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}

.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}

.modal-header .close{margin-top:-2px}

.modal-title{margin:0;line-height:1.42857143}

.modal-body{position:relative;padding:15px}

.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}

.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}

.modal-footer .btn-group .btn+.btn{margin-left:-1px}

.modal-footer .btn-block+.btn-block{margin-left:0}

.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}

@media (min-width:992px){.modal-lg{width:900px}}

.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}

.tooltip.in{filter:alpha(opacity=90);opacity:.9}

.tooltip.top{padding:5px 0;margin-top:-3px}

.tooltip.right{padding:0 5px;margin-left:3px}

.tooltip.bottom{padding:5px 0;margin-top:3px}

.tooltip.left{padding:0 5px;margin-left:-3px}

.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}

.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}

.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}

.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}

.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}

.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}

.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}

.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,0.2)}

.popover.top{margin-top:-10px}

.popover.right{margin-left:10px}

.popover.bottom{margin-top:10px}

.popover.left{margin-left:-10px}

.popover>.arrow{border-width:11px}

.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}

.popover>.arrow:after{content:"";border-width:10px}

.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}

.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}

.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}

.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}

.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25)}

.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}

.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}

.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}

.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}

.popover-content{padding:9px 14px}

.clearfix:before,.clearfix:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}

.clearfix:after,.form-horizontal .form-group:after,.modal-header:after,.modal-footer:after{clear:both}

.center-block{display:block;margin-right:auto;margin-left:auto}

.pull-right{float:right !important}

.pull-left{float:left !important}

.hide{display:none !important}

.show{display:block !important}

.invisible{visibility:hidden}

.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}

.hidden{display:none !important}

.affix{position:fixed}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
  font-size: 6px
}

.mat-badge-large .mat-badge-content {
  font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -.05em
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -.02em
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -.005em
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px
}

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500
}

.mat-card-header .mat-card-title {
  font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
  font-size: 14px
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 14px;
  font-weight: 500
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500
}

.mat-cell,
.mat-footer-cell {
  font-size: 14px
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.33333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.33334%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.34375em
}

.mat-form-field-underline {
  bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .66667em;
  top: calc(100% - 1.79167em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.33333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.33334%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.33335%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .54167em;
  top: calc(100% - 1.66667em)
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75)
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em 0
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.33333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.33334%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.33333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.33334%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400
}

.mat-step-sub-label-error {
  font-weight: 400
}

.mat-step-label-error {
  font-size: 14px
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
  font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-list-option {
  font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px
}

.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

@media (-ms-high-contrast:active) {
  .mat-ripple-element {
    display: none
  }
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-option {
  color: rgba(0, 0, 0, .87)
}

.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox::after {
  color: #fafafa
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #028FBA
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0
}

.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87)
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87)
}

.mat-badge-content {
  color: #fff;
  background: #3f51b5
}

@media (-ms-high-contrast:active) {
  .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
  }
}

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff
}

.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336
}

.mat-badge {
  position: relative
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, .38)
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: 0 0
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor
}

.mat-button-focus-overlay {
  background: #000
}

.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #fff
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none
}

.mat-button-toggle {
  color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: solid 1px rgba(0, 0, 0, .12)
}

.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
  fill: #fafafa
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important
}

@media (-ms-high-contrast:black-on-white) {
  .mat-checkbox-checkmark-path {
    stroke: #000 !important
  }
}

.mat-checkbox-mixedmark {
  background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54)
}

@media (-ms-high-contrast:active) {
  .mat-checkbox-disabled {
    opacity: .5
  }
}

@media (-ms-high-contrast:active) {
  .mat-checkbox-background {
    background: 0 0
  }
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: #3f51b5
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ff4081
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: #f44336
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4
}

.mat-chip.mat-standard-chip::after {
  background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background: rgba(255, 255, 255, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background: rgba(255, 255, 255, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background: rgba(255, 255, 255, .1)
}

.mat-table {
  background: #fff
}

.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
  color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, .87);
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, .38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, .04)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
  color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336
}

.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: rgba(0, 0, 0, .04)
}

@media (hover:none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-form-field-label {
  color: rgba(0, 0, 0, .6)
}

.mat-hint {
  color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336
}

.mat-error {
  color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
  color: #3f51b5
}

.mat-icon.mat-accent {
  color: #ff4081
}

.mat-icon.mat-warn {
  color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-input-element {
  caret-color: #3f51b5
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-accent .mat-input-element {
  caret-color: #ff4081
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
  background-color: #eee
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04)
}

.mat-menu-panel {
  background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
  background: 0 0;
  color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04)
}

.mat-paginator {
  background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38)
}

.mat-progress-bar-background {
  fill: #c5cae9
}

.mat-progress-bar-buffer {
  background-color: #c5cae9
}

.mat-progress-bar-fill::after {
  background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336
}

.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
  background-color: #000
}

.mat-select-value {
  color: rgba(0, 0, 0, .87)
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
  color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
  background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87)
}

.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
  background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5
}

.mat-primary .mat-slider-thumb-label-text {
  color: #fff
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081
}

.mat-accent .mat-slider-thumb-label-text {
  color: #fff
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
  color: #fff
}

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04)
}

@media (hover:none) {
  .mat-step-header:hover {
    background: 0 0
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87)
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header::after,
.mat-horizontal-stepper-header::before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-sort-header-arrow {
  color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12)
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff
}

.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor
}

.mat-tooltip {
  background: rgba(97, 97, 97, .9)
}

.mat-tree {
  background: #fff
}

.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87)
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, .7);
  background: #323232;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
  color: #ff4081
}

/**
 ****************************
 * Generic Styles
 ****************************
*/

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block; }

.ag-hidden {
  display: none !important; }

.ag-invisible {
  visibility: hidden !important; }

.ag-faded {
  opacity: 0.3; }

.ag-width-half {
  display: inline-block;
  width: 50% !important; }

.ag-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important; }

.ag-selectable {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important; }

.ag-select-agg-func-popup {
  position: absolute; }

.ag-input-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
  overflow: hidden; }

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right; }

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px; }
  to {
    padding-left: 2px;
    padding-right: 6px; } }

.ag-root-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.ag-root-wrapper.ag-layout-normal {
    height: 100%; }

.ag-root-wrapper .ag-watermark {
    position: absolute;
    bottom: 10px;
    right: 25px;
    opacity: 0.5;
    transition: opacity 1s ease-out 3s; }

.ag-root-wrapper .ag-watermark:before {
      content: '';
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDk0cHgiIGhlaWdodD0iMjM5cHgiIHZpZXdCb3g9IjAgMCA0OTQgMjM5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLjYxMjg0OTkzMSwxMDggTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgQzAuNjEyODQ5OTMxLDYyLjEwMDY1MzYgMy40NzE4MzM3OCw1Ny4xNDg3NDgzIDguMTEyODQ5OTMsNTQuNDY5MjU2NCBMOTguMzA2NDI1LDIuMzk1OTcxNTcgTDk4LjMwNjQyNSwyLjM5NTk3MTU3IEMxMDIuOTQ3NDQxLC0wLjI4MzUyMDM1OCAxMDguNjY1NDA5LC0wLjI4MzUyMDM1OCAxMTMuMzA2NDI1LDIuMzk1OTcxNTcgTDExMy4zMDY0MjUsMi4zOTU5NzE1NyBMMjAzLjUsNTQuNDY5MjU2NCBMMjAzLjUsNTQuNDY5MjU2NCBDMjA4LjE0MTAxNiw1Ny4xNDg3NDgzIDIxMSw2Mi4xMDA2NTM2IDIxMSw2Ny40NTk2Mzc0IEwyMTEsMTM4IEwxODEsMTM4IEwxODAuOTk3MDQxLDkzLjk5OTk5OTggTDE4MC45OTYwMzIsOTMuOTk5OTk5OSBDMTgwLjk5NTQ3NSw4NS43MTYxMjI2IDE3NC4yNzk5MDksNzkuMDAxMDA4NyAxNjUuOTk2MDMyLDc5LjAwMTAwODcgTDEyMiw3OC45OTk5OTk5IEMxMTMuNzE1NzI5LDc4Ljk5OTk5OTkgMTA3LDg1LjcxNTcyODYgMTA3LDkzLjk5OTk5OTkgTDEwNywxMzYuMDE1NjIzIEwxMDcsMTM2LjAxNTYyMyBDMTA3LDE0NC4yOTk4OTUgMTEzLjcxNTcyOSwxNTEuMDE1NjIzIDEyMiwxNTEuMDE1NjIzIEwxNjgsMTUxLjAxNTYyMyBMMTY4LDE2MyBDMTY4LDE2NC42NTY4NTQgMTY2LjY1Njg1NCwxNjYgMTY1LDE2NiBMMTIwLDE2NiBMMTIwLDE3OSBMMTY1Ljk5NjAzMiwxNzkgTDE2NS45OTYwMzIsMTc4Ljk5Nzg3NyBDMTc0LjI3OTQ3NCwxNzguOTk3ODc3IDE4MC45OTQ4NiwxNzIuMjgzNDQyIDE4MC45OTYwMzIsMTY0IEwxODEsMTUwLjk2MDU1NCBMMjExLDE1MC45NjA1NTQgTDIxMSwxNzEuNjA2MjA3IEwyMTEsMTcxLjYwNjIwNyBDMjExLDE3Ni45NjUxOTEgMjA4LjE0MTAxNiwxODEuOTE3MDk2IDIwMy41LDE4NC41OTY1ODggTDExMy4zMDY0MjUsMjM2LjY2OTg3MyBMMTEzLjMwNjQyNSwyMzYuNjY5ODczIEMxMDguNjY1NDA5LDIzOS4zNDkzNjUgMTAyLjk0NzQ0MSwyMzkuMzQ5MzY1IDk4LjMwNjQyNSwyMzYuNjY5ODczIEw4LjExMjg0OTkzLDE4NC41OTY1ODggTDguMTEyODQ5OTMsMTg0LjU5NjU4OCBDMy40NzE4MzM3OCwxODEuOTE3MDk2IDAuNjEyODQ5OTMxLDE3Ni45NjUxOTEgMC42MTI4NDk5MzEsMTcxLjYwNjIwNyBMMC42MTI4NDk5MzEsMTIxIEwyNywxMjEgTDI3LDEzNiBDMjcsMTQ0LjI4NDI3MSAzMy43MTU3Mjg3LDE1MSA0MiwxNTEgTDQyLDE1MSBMMTAwLDE1MSBMMTAwLDk0IEMxMDAsODUuNzE1NzI4OCA5My4yODQyNzEyLDc5IDg1LDc5IEwyNyw3OSBMMjcsOTIgTDg0LDkyIEM4NS42NTY4NTQyLDkyIDg3LDkzLjM0MzE0NTggODcsOTUgTDg3LDk1IEw4NywxMDggTDAuNjEyODQ5OTMxLDEwOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDc3LDU1IEw0OTQsNTUgTDQ5NCwxNTEgTDQzNSwxNTEgQzQyNi43MTU3MjksMTUxIDQyMCwxNDQuMjg0MjcxIDQyMCwxMzYgTDQyMCw5NiBDNDIwLDg3LjcxNTcyODggNDI2LjcxNTcyOSw4MSA0MzUsODEgTDQzNSw4MSBMNDc3LDgxIEw0NzcsNTUgWiBNNDQwLDk4IEM0MzguMzQzMTQ2LDk4IDQzNyw5OS4zNDMxNDU4IDQzNywxMDEgTDQzNywxMzEgQzQzNywxMzIuNjU2ODU0IDQzOC4zNDMxNDYsMTM0IDQ0MCwxMzQgTDQ3NywxMzQgTDQ3Nyw5OCBMNDQwLDk4IFoiIGlkPSJkIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTYiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCAyNiAxNyAyNiAxNyA5NiAwIDk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjRTExRjIyIiBwb2ludHM9IjAgMS4xMzY4NjgzOGUtMTMgMTcgMS4xMzY4NjgzOGUtMTMgMTcgMTcgMCAxNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMzEsMTUxIEwzNDgsMTUxIEwzNDgsMTAxIEwzNDgsMTAxIEMzNDgsOTkuMzQzMTQ1OCAzNDkuMzQzMTQ2LDk4IDM1MSw5OCBMMzg5LDk4IEwzODksODEgTDM0Niw4MSBMMzQ2LDgxIEMzMzcuNzE1NzI5LDgxIDMzMSw4Ny43MTU3Mjg4IDMzMSw5NiBMMzMxLDE1MSBaIiBpZD0iciIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI0LDg2IEwzMjQsNzYgTDMyNCw3NiBDMzI0LDY3LjcxNTcyODggMzE3LjI4NDI3MSw2MSAzMDksNjEgTDI0OSw2MSBMMjQ5LDYxIEMyNDAuNzE1NzI5LDYxIDIzNCw2Ny43MTU3Mjg4IDIzNCw3NiBMMjM0LDEzNiBMMjM0LDEzNiBDMjM0LDE0NC4yODQyNzEgMjQwLjcxNTcyOSwxNTEgMjQ5LDE1MSBMMzA5LDE1MSBMMzA5LDE1MSBDMzE3LjI4NDI3MSwxNTEgMzI0LDE0NC4yODQyNzEgMzI0LDEzNiBMMzI0LDEwMCBMMjg3LDEwMCBMMjg3LDExNyBMMzA3LDExNyBMMzA3LDEzMSBMMzA3LDEzMSBDMzA3LDEzMi42NTY4NTQgMzA1LjY1Njg1NCwxMzQgMzA0LDEzNCBMMjU0LDEzNCBMMjU0LDEzNCBDMjUyLjM0MzE0NiwxMzQgMjUxLDEzMi42NTY4NTQgMjUxLDEzMSBMMjUxLDgxIEwyNTEsODEgQzI1MSw3OS4zNDMxNDU4IDI1Mi4zNDMxNDYsNzggMjU0LDc4IEwzMDQsNzggTDMwNCw3OCBDMzA1LjY1Njg1NCw3OCAzMDcsNzkuMzQzMTQ1OCAzMDcsODEgTDMwNyw4NiBMMzI0LDg2IFoiIGlkPSJHIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJhZyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRTExRjIyIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJnIiBmaWxsPSIjRTExRjIyIiB4PSIxMjAiIHk9IjkyIiB3aWR0aD0iNDgiIGhlaWdodD0iNDYiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsMTIxIEw4NywxMjEgTDg3LDEzOCBMNDMsMTM4IEw0MywxMzggQzQxLjM0MzE0NTgsMTM4IDQwLDEzNi42NTY4NTQgNDAsMTM1IEw0MCwxMjEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRTExRjIyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
      filter: invert(50%);
      background-repeat: no-repeat;
      background-size: 110px 60px;
      display: block;
      height: 60px;
      width: 110px; }

.ag-root-wrapper .ag-watermark .ag-watermark-text {
      opacity: 0.5;
      font-weight: bold;
      font-family: Impact;
      font-size: 19px; }

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row; }

.ag-root-wrapper-body.ag-layout-normal {
    flex: 1 1 auto;
    height: 0;
    min-height: 0; }

.ag-root {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column; }

.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
    overflow: hidden;
    flex: 1 1 auto;
    width: 0; }

.ag-root.ag-layout-normal {
    height: 100%; }

/**
 ****************************
 * Viewports
 ****************************
*/

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-pinned-left-cols-viewport,
.ag-center-cols-viewport,
.ag-pinned-right-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto; }

.ag-body-viewport {
  display: flex; }

.ag-body-viewport.ag-layout-normal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

.ag-body-viewport:not(.ag-layout-print).ag-force-vertical-scroll {
    overflow-y: scroll; }

.ag-pinned-left-cols-viewport, .ag-pinned-right-cols-viewport {
  flex-grow: 1000; }

.ag-center-cols-viewport {
  width: 102%;
  overflow-x: auto; }

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll; }

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%; }

/**
 ****************************
 * Containers
 ****************************
*/

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container {
  position: relative; }

.ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  height: 100%;
  white-space: nowrap; }

.ag-body-viewport .ag-center-cols-clipper {
  min-height: 100%; }

.ag-body-viewport.ag-layout-auto-height .ag-center-cols-clipper, .ag-body-viewport.ag-layout-auto-height .ag-center-cols-container {
  min-height: 50px; }

.ag-body-viewport .ag-center-cols-container {
  display: block; }

.ag-body-viewport.ag-layout-print {
  flex: none; }

.ag-body-viewport.ag-layout-print .ag-center-cols-clipper {
    min-width: 100%; }

.ag-pinned-right-cols-container {
  display: block; }

.ag-body-horizontal-scroll-container {
  height: 100%; }

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none; }

.ag-full-width-container {
  width: 100%; }

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.ag-virtual-list-container {
  overflow: hidden; }

/**
 ****************************
 * Scrollers
 ****************************
*/

.ag-center-cols-clipper {
  flex: 1;
  min-width: 0;
  overflow: hidden; }

.ag-body-horizontal-scroll {
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  position: relative; }

.ag-layout-print .ag-body-horizontal-scroll {
  display: none; }

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  flex-grow: 1000;
  overflow-x: scroll; }

.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
    overflow-x: hidden; }

/**
 ****************************
 * Headers
 ****************************
*/

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden; }

.ag-header .ag-header-cell-sortable, .ag-pinned-left-header .ag-header-cell-sortable, .ag-pinned-right-header .ag-header-cell-sortable {
    cursor: pointer; }

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap; }

.ag-header-icon {
  display: flex; }

.ag-pinned-left-header {
  height: 100%; }

.ag-pinned-right-header {
  height: 100%; }

.ag-header-row {
  position: absolute;
  overflow: hidden; }

.ag-header-overlay {
  display: block;
  position: absolute; }

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
  line-height: 1.5; }

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  height: 100%; }

.ag-header-cell-label .ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-numeric-header .ag-header-cell-label {
  flex-direction: row-reverse; }

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-header-cell-resize {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 4px; }

.ag-header-expand-icon {
  padding-left: 4px; }

.ag-header-select-all {
  display: flex;
  line-height: 1; }

/**
 ****************************
 * Columns
 ****************************
*/

.ag-column-moving .ag-cell {
  transition: left 0.2s; }

.ag-column-moving .ag-header-cell {
  transition: left 0.2s; }

.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s; }

/**
 ****************************
 * Column Panel
 ****************************
*/

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto; }

.ag-column-select-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 4;
  flex-shrink: 1;
  flex-basis: 0; }

.ag-column-select-panel .ag-primary-cols-header-panel {
    display: flex;
    flex: none; }

.ag-column-select-panel .ag-primary-cols-header-panel .ag-column-name-filter {
      flex: 1 1 auto; }

.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper {
      flex: 1 1 auto; }

.ag-column-select-panel .ag-primary-cols-header-panel .ag-primary-cols-filter-wrapper input {
        width: 100%; }

.ag-column-select-panel .ag-primary-cols-list-panel {
    flex: 1 1 auto;
    overflow: auto; }

.ag-column-drop {
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%; }

.ag-column-drop .ag-column-drop-list {
    display: flex;
    align-items: center; }

.ag-column-drop .ag-column-drop-list .ag-column-drop-cell {
      display: flex;
      align-items: center; }

.ag-column-drop .ag-column-drop-list .ag-column-drop-cell .ag-column-drop-cell-text {
        overflow: hidden;
        flex: 1 1 auto;
        text-overflow: ellipsis;
        white-space: nowrap; }

.ag-column-drop.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0;
  align-items: stretch; }

.ag-column-drop.ag-column-drop-vertical > div {
    display: flex;
    align-items: center; }

.ag-column-drop.ag-column-drop-vertical .ag-column-drop-list {
    align-items: stretch;
    flex-grow: 1;
    flex-direction: column;
    overflow-x: auto; }

.ag-column-drop.ag-column-drop-vertical .ag-column-drop-empty-message {
    display: block; }

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden; }

/**
 ****************************
 * Rows
 ****************************
*/

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; }

.ag-row-no-animation .ag-row {
  transition: background-color 0.1s; }

.ag-row {
  white-space: nowrap;
  width: 100%; }

.ag-row-position-absolute {
  position: absolute; }

.ag-row-position-relative {
  position: relative; }

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all; }

.ag-row-inline-editing {
  z-index: 1; }

.ag-row-dragging {
  z-index: 2; }

.ag-stub-cell {
  display: flex;
  align-items: center; }

/**
 ****************************
 * Cells
 ****************************
*/

.ag-cell {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-cell-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%; }

.ag-cell-wrapper.ag-row-group {
    align-items: flex-start; }

.ag-cell-wrapper .ag-cell-value, .ag-cell-wrapper .ag-group-value {
    overflow: hidden;
    text-overflow: ellipsis; }

.ag-full-width-row.ag-row-group .ag-cell-wrapper {
  align-items: center; }

.ag-cell-with-height {
  height: 100%; }

.ag-group-cell-entire-row {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.ag-footer-cell-entire-row {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.ag-cell-inline-editing {
  z-index: 1; }

.ag-cell-inline-editing .ag-cell-edit-input, .ag-cell-inline-editing .ag-input-wrapper {
    height: 100%;
    width: 100%;
    line-height: normal; }

/**
 ****************************
 * Filters
 ****************************
*/

.ag-set-filter-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-filter .ag-filter-checkbox {
  pointer-events: none; }

.ag-filter .ag-filter-body-wrapper {
  display: flex;
  flex-direction: column; }

.ag-filter .ag-filter-filter {
  flex: 1 1 auto; }

/**
 ****************************
 * Floating Filter
 ****************************
*/

.ag-floating-filter-full-body .ag-react-container, .ag-floating-filter-body .ag-react-container {
  height: 100%; }

.ag-floating-filter-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%; }

.ag-floating-filter-body input {
    margin: 0;
    flex: 1 1 auto;
    max-height: calc(100% - 1px); }

.ag-floating-filter-full-body {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%; }

.ag-floating-filter-full-body > div {
    flex: 1 1 auto; }

.ag-floating-filter-full-body input {
    margin: 0;
    width: 100%; }

.ag-floating-filter-full-body input[type="range"] {
    height: 100%; }

.ag-floating-filter {
  display: inline-block;
  position: absolute; }

.ag-floating-filter-input {
  width: 100%; }

.ag-floating-filter-input:-moz-read-only {
  background-color: #eee; }

.ag-floating-filter-input:read-only {
  background-color: #eee; }

.ag-floating-filter-menu {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.ag-floating-filter-button {
  display: flex;
  flex: none; }

/**
 ****************************
 * Drag & Drop
 ****************************
*/

.ag-dnd-ghost {
  display: flex;
  align-items: center;
  background: #e5e5e5;
  border: 1px solid black;
  cursor: move;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
  padding: 3px;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 10; }

.ag-dnd-ghost-icon {
  padding: 2px; }

/**
 ****************************
 * Overlay
 ****************************
*/

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%; }

.ag-overlay-panel {
  display: flex;
  height: 100%;
  pointer-events: none;
  width: 100%; }

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center; }

.ag-overlay-wrapper.ag-overlay-loading-wrapper {
    pointer-events: all; }

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px; }

/**
 ****************************
 * Popup
 ****************************
*/

.ag-popup > div {
  z-index: 5; }

.ag-popup-backdrop {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 1; }

/**
 ****************************
 * Virtual Lists
 ****************************
*/

.ag-virtual-list-item {
  position: absolute;
  width: 100%; }

.ag-virtual-list-item span:empty:not(.ag-icon) {
    border-left: 1px solid transparent; }

/**
 ****************************
 * Floating Top and Bottom
 ****************************
*/

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex; }

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000; }

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000; }

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex; }

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000; }

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
  flex-grow: 1000; }

/**
 ****************************
 * Dialog
 ****************************
*/

.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden; }

.ag-dialog .ag-title-bar, .ag-panel .ag-title-bar {
    display: flex;
    flex: none;
    align-items: center;
    cursor: default; }

.ag-dialog .ag-title-bar .ag-title-bar-title, .ag-panel .ag-title-bar .ag-title-bar-title {
      flex: 1 1 auto; }

.ag-dialog .ag-title-bar .ag-title-bar-buttons, .ag-panel .ag-title-bar .ag-title-bar-buttons {
      display: flex; }

.ag-dialog .ag-title-bar .ag-title-bar-buttons .ag-button, .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
        cursor: pointer; }

.ag-dialog .ag-panel-content-wrapper, .ag-panel .ag-panel-content-wrapper {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    overflow: hidden; }

.ag-dialog .ag-panel-content-wrapper > div, .ag-panel .ag-panel-content-wrapper > div {
      width: 100%;
      height: 100%; }

.ag-dialog {
  position: absolute; }

.ag-dialog .ag-resizer {
    position: absolute;
    pointer-events: none;
    z-index: 1; }

.ag-dialog .ag-resizer.ag-resizer-topLeft {
      top: 0;
      left: 0;
      height: 5px;
      width: 5px;
      cursor: nwse-resize; }

.ag-dialog .ag-resizer.ag-resizer-top {
      top: 0;
      left: 5px;
      right: 5px;
      height: 5px;
      cursor: ns-resize; }

.ag-dialog .ag-resizer.ag-resizer-topRight {
      top: 0;
      right: 0;
      height: 5px;
      width: 5px;
      cursor: nesw-resize; }

.ag-dialog .ag-resizer.ag-resizer-right {
      top: 5px;
      right: 0;
      bottom: 5px;
      width: 5px;
      cursor: ew-resize; }

.ag-dialog .ag-resizer.ag-resizer-bottomRight {
      bottom: 0;
      right: 0;
      height: 5px;
      width: 5px;
      cursor: nwse-resize; }

.ag-dialog .ag-resizer.ag-resizer-bottom {
      bottom: 0;
      left: 5px;
      right: 5px;
      height: 5px;
      cursor: ns-resize; }

.ag-dialog .ag-resizer.ag-resizer-bottomLeft {
      bottom: 0;
      left: 0;
      height: 5px;
      width: 5px;
      cursor: nesw-resize; }

.ag-dialog .ag-resizer.ag-resizer-left {
      left: 0;
      top: 5px;
      bottom: 5px;
      width: 5px;
      cursor: ew-resize; }

.ag-dialog .ag-message-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }

.ag-dialog .ag-message-box .ag-message-box-content {
      display: flex;
      flex: 1 1 auto;
      justify-content: center;
      align-items: center; }

.ag-dialog .ag-message-box .ag-message-box-button-bar {
      display: flex;
      justify-content: center; }

/**
 ****************************
 * Tooltip
 ****************************
*/

.ag-tooltip {
  position: absolute;
  pointer-events: none;
  z-index: 99999; }

.ag-chart-tooltip {
  display: table;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 99999;
  font: 12px Verdana, sans-serif;
  color: black;
  background: #f4f4f4;
  border-radius: 5px;
  box-shadow: 0 0 1px rgba(3, 3, 3, 0.7), 0.5vh 0.5vh 1vh rgba(3, 3, 3, 0.25);
  opacity: 0;
  transform: scale(0.9);
  transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition-property: opacity, transform; }

.ag-chart-tooltip.visible {
    opacity: 1;
    transform: scale(1); }

.ag-chart-tooltip .title {
    font-weight: bold;
    padding: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    background-color: #888888; }

.ag-chart-tooltip .content {
    padding: 7px; }

/**
 ****************************
 * Animations
 ****************************
*/

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear; }

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0; }

.ag-opacity-zero {
  opacity: 0 !important; }

/**
 ****************************
 * Menu
 ****************************
*/

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
  width: 200px; }

.ag-menu-list {
  display: table; }

.ag-menu-option, .ag-menu-separator {
  display: table-row; }

.ag-menu-option > span, .ag-menu-separator > span {
    display: table-cell;
    vertical-align: middle; }

.ag-menu-option-text {
  white-space: nowrap; }

.ag-menu-column-select-wrapper .ag-column-select-panel {
  height: 100%; }

/**
 ****************************
 * Rich Select
 ****************************
*/

.ag-rich-select {
  cursor: default;
  outline: none; }

.ag-rich-select .ag-rich-select-value {
    display: flex;
    align-items: center; }

.ag-rich-select .ag-rich-select-value > span {
      flex: 1 1 auto; }

.ag-rich-select .ag-rich-select-value > span.ag-icon {
        order: 1;
        flex: none; }

.ag-rich-select .ag-rich-select-list .ag-virtual-list-item {
    display: flex; }

.ag-rich-select .ag-rich-select-list .ag-virtual-list-item .ag-rich-select-row {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      white-space: nowrap; }

/**
 ****************************
 * Pagination
 ****************************
*/

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end; }

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center; }

.ag-paging-page-summary-panel .ag-disabled {
    pointer-events: none; }

.ag-paging-page-summary-panel .ag-paging-button {
    position: relative; }

.ag-paging-page-summary-panel .ag-paging-button button {
      position: absolute; }

/**
 ****************************
 * Tool Panel
 ****************************
*/

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 200px; }

.ag-tool-panel-wrapper .ag-filter-toolpanel-header {
    line-height: 1.5;
    cursor: pointer; }

.ag-column-tool-panel-column,
.ag-column-tool-panel-column-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ag-column-tool-panel-column .ag-column-tool-panel-column,
  .ag-column-tool-panel-column .ag-column-tool-panel-column-group,
  .ag-column-tool-panel-column-group .ag-column-tool-panel-column,
  .ag-column-tool-panel-column-group .ag-column-tool-panel-column-group {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis; }

.ag-column-select-checkbox {
  display: flex; }

.ag-tool-panel-horizontal-resize {
  cursor: col-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1; }

.ag-rtl .ag-tool-panel-horizontal-resize {
  transform: translateX(3px); }

.ag-ltr .ag-tool-panel-horizontal-resize {
  transform: translateX(-3px); }

.loading-filter {
  background-color: #e6e6e6;
  height: 100%;
  padding: 5px;
  position: absolute;
  top: 34px;
  width: 100%;
  z-index: 1; }

.ag-details-row {
  height: 100%;
  width: 100%; }

.ag-details-grid {
  height: 100%;
  width: 100%; }

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis; }

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%; }

.ag-numeric-header .ag-cell-label-container {
  flex-direction: row; }

/**
 ****************************
 * Side Bar
 ****************************
*/

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse; }

.ag-side-bar .ag-side-buttons div button {
    display: block;
    white-space: nowrap;
    outline: none;
    cursor: pointer; }

.ag-side-bar .ag-side-buttons div button span:not(.ag-icon) {
      writing-mode: tb;
      writing-mode: vertical-lr; }

.ag-side-bar .panel-container {
    width: 180px; }

.ag-side-bar.full-width .panel-container {
    width: 200px; }

.ag-rtl .ag-side-bar .ag-side-buttons button span:not(.ag-icon) {
  writing-mode: tb-rl;
  writing-mode: vertical-rl; }

/**
 ****************************
 * Status Bar
 ****************************
*/

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden; }

.ag-status-bar .ag-status-panel {
    display: inline-flex; }

.ag-status-bar-left {
  display: inline-flex; }

.ag-status-bar-center {
  display: inline-flex; }

.ag-status-bar-right {
  display: inline-flex; }

/**
 ****************************
 * Widgets
 ****************************
*/

.ag-group-component {
  position: relative;
  flex: 1 1 100%; }

.ag-group-component .ag-group-component-title-bar {
    display: flex;
    align-items: center; }

.ag-group-component .ag-group-component-toolbar {
    display: flex;
    align-items: center; }

.ag-group-component .ag-group-component-container {
    display: flex;
    flex-direction: column; }

.ag-group-component .ag-group-component-container .ag-group-subgroup {
      display: flex;
      align-self: stretch; }

.ag-group-component .ag-group-item {
    display: flex;
    flex: 1 1 auto;
    align-items: center; }

.ag-group-component.ag-disabled .ag-group-component-container {
    pointer-events: none; }

.ag-group-component.ag-collapsed .ag-group-component-toolbar, .ag-group-component.ag-collapsed .ag-group-component-container {
    display: none; }

.ag-toggle-button .ag-input-wrapper .ag-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px; }

.ag-input-field {
  display: flex;
  flex-direction: row;
  align-items: center; }

.ag-input-field input, .ag-input-field select, .ag-input-field textarea {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0; }

.ag-range-field {
  display: flex;
  align-items: center; }

.ag-picker-field > .ag-wrapper, .ag-slider > .ag-wrapper, .ag-angle-select > .ag-wrapper {
  display: flex; }

.ag-picker-field > .ag-wrapper > div, .ag-slider > .ag-wrapper > div, .ag-angle-select > .ag-wrapper > div {
    flex: 1 1 auto; }

.ag-angle-select {
  display: flex;
  align-items: center; }

.ag-angle-select .ag-angle-select-field .ag-parent-circle {
    display: block;
    position: relative; }

.ag-angle-select .ag-angle-select-field .ag-child-circle {
    position: absolute; }

.ag-picker-field {
  display: flex;
  align-items: center; }

.ag-picker-field > .ag-wrapper > button {
    display: flex;
    border: 0;
    padding: 0;
    margin: 0; }

.ag-color-picker > .ag-wrapper {
  align-items: stretch;
  overflow: hidden; }

.ag-color-picker button {
  cursor: pointer; }

.ag-labeled.ag-label-align-right label {
  order: 1; }

.ag-labeled.ag-label-align-right > div {
  flex: none; }

.ag-labeled.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start; }

.ag-labeled.ag-label-align-top > div {
    align-self: stretch; }

.ag-color-panel {
  display: flex;
  flex-direction: column;
  text-align: center; }

.ag-color-panel .ag-spectrum-color {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    cursor: default; }

.ag-color-panel .ag-fill {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.ag-color-panel .ag-spectrum-val {
    cursor: pointer; }

.ag-color-panel .ag-spectrum-dragger {
    position: absolute;
    pointer-events: none;
    cursor: pointer; }

.ag-color-panel .ag-spectrum-hue {
    cursor: default;
    background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

.ag-color-panel .ag-spectrum-alpha {
    cursor: default; }

.ag-color-panel .ag-spectrum-hue-background {
    width: 100%;
    height: 100%; }

.ag-color-panel .ag-spectrum-alpha-background {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black);
    width: 100%;
    height: 100%; }

.ag-color-panel .ag-hue-alpha {
    cursor: pointer; }

.ag-color-panel .ag-spectrum-slider {
    position: absolute;
    pointer-events: none; }

.ag-color-panel .ag-spectrum-text-value {
    display: inline-block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; }

.ag-color-panel .ag-spectrum-text-value:focus {
    outline: none;
    outline-offset: 0; }

.ag-color-panel .ag-recent-colors {
    display: flex; }

.ag-color-panel .ag-recent-colors > div {
      cursor: pointer; }

.ag-ltr .ag-toolpanel-indent-1 {
  padding-left: 10px; }

.ag-rtl .ag-toolpanel-indent-1 {
  padding-right: 10px; }

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 10px; }

.ag-rtl .ag-row-group-indent-1 {
  padding-right: 10px; }

.ag-ltr .ag-toolpanel-indent-2 {
  padding-left: 20px; }

.ag-rtl .ag-toolpanel-indent-2 {
  padding-right: 20px; }

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 20px; }

.ag-rtl .ag-row-group-indent-2 {
  padding-right: 20px; }

.ag-ltr .ag-toolpanel-indent-3 {
  padding-left: 30px; }

.ag-rtl .ag-toolpanel-indent-3 {
  padding-right: 30px; }

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 30px; }

.ag-rtl .ag-row-group-indent-3 {
  padding-right: 30px; }

.ag-ltr .ag-toolpanel-indent-4 {
  padding-left: 40px; }

.ag-rtl .ag-toolpanel-indent-4 {
  padding-right: 40px; }

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 40px; }

.ag-rtl .ag-row-group-indent-4 {
  padding-right: 40px; }

.ag-ltr .ag-toolpanel-indent-5 {
  padding-left: 50px; }

.ag-rtl .ag-toolpanel-indent-5 {
  padding-right: 50px; }

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 50px; }

.ag-rtl .ag-row-group-indent-5 {
  padding-right: 50px; }

.ag-ltr .ag-toolpanel-indent-6 {
  padding-left: 60px; }

.ag-rtl .ag-toolpanel-indent-6 {
  padding-right: 60px; }

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 60px; }

.ag-rtl .ag-row-group-indent-6 {
  padding-right: 60px; }

.ag-ltr .ag-toolpanel-indent-7 {
  padding-left: 70px; }

.ag-rtl .ag-toolpanel-indent-7 {
  padding-right: 70px; }

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 70px; }

.ag-rtl .ag-row-group-indent-7 {
  padding-right: 70px; }

.ag-ltr .ag-toolpanel-indent-8 {
  padding-left: 80px; }

.ag-rtl .ag-toolpanel-indent-8 {
  padding-right: 80px; }

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 80px; }

.ag-rtl .ag-row-group-indent-8 {
  padding-right: 80px; }

.ag-ltr .ag-toolpanel-indent-9 {
  padding-left: 90px; }

.ag-rtl .ag-toolpanel-indent-9 {
  padding-right: 90px; }

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 90px; }

.ag-rtl .ag-row-group-indent-9 {
  padding-right: 90px; }

.ag-ltr .ag-toolpanel-indent-10 {
  padding-left: 100px; }

.ag-rtl .ag-toolpanel-indent-10 {
  padding-right: 100px; }

.ag-ltr .ag-row-group-indent-10 {
  padding-left: 100px; }

.ag-rtl .ag-row-group-indent-10 {
  padding-right: 100px; }

.ag-ltr .ag-toolpanel-indent-11 {
  padding-left: 110px; }

.ag-rtl .ag-toolpanel-indent-11 {
  padding-right: 110px; }

.ag-ltr .ag-row-group-indent-11 {
  padding-left: 110px; }

.ag-rtl .ag-row-group-indent-11 {
  padding-right: 110px; }

.ag-ltr .ag-toolpanel-indent-12 {
  padding-left: 120px; }

.ag-rtl .ag-toolpanel-indent-12 {
  padding-right: 120px; }

.ag-ltr .ag-row-group-indent-12 {
  padding-left: 120px; }

.ag-rtl .ag-row-group-indent-12 {
  padding-right: 120px; }

.ag-ltr .ag-toolpanel-indent-13 {
  padding-left: 130px; }

.ag-rtl .ag-toolpanel-indent-13 {
  padding-right: 130px; }

.ag-ltr .ag-row-group-indent-13 {
  padding-left: 130px; }

.ag-rtl .ag-row-group-indent-13 {
  padding-right: 130px; }

.ag-ltr .ag-toolpanel-indent-14 {
  padding-left: 140px; }

.ag-rtl .ag-toolpanel-indent-14 {
  padding-right: 140px; }

.ag-ltr .ag-row-group-indent-14 {
  padding-left: 140px; }

.ag-rtl .ag-row-group-indent-14 {
  padding-right: 140px; }

.ag-ltr .ag-toolpanel-indent-15 {
  padding-left: 150px; }

.ag-rtl .ag-toolpanel-indent-15 {
  padding-right: 150px; }

.ag-ltr .ag-row-group-indent-15 {
  padding-left: 150px; }

.ag-rtl .ag-row-group-indent-15 {
  padding-right: 150px; }

.ag-ltr .ag-toolpanel-indent-16 {
  padding-left: 160px; }

.ag-rtl .ag-toolpanel-indent-16 {
  padding-right: 160px; }

.ag-ltr .ag-row-group-indent-16 {
  padding-left: 160px; }

.ag-rtl .ag-row-group-indent-16 {
  padding-right: 160px; }

.ag-ltr .ag-toolpanel-indent-17 {
  padding-left: 170px; }

.ag-rtl .ag-toolpanel-indent-17 {
  padding-right: 170px; }

.ag-ltr .ag-row-group-indent-17 {
  padding-left: 170px; }

.ag-rtl .ag-row-group-indent-17 {
  padding-right: 170px; }

.ag-ltr .ag-toolpanel-indent-18 {
  padding-left: 180px; }

.ag-rtl .ag-toolpanel-indent-18 {
  padding-right: 180px; }

.ag-ltr .ag-row-group-indent-18 {
  padding-left: 180px; }

.ag-rtl .ag-row-group-indent-18 {
  padding-right: 180px; }

.ag-ltr .ag-toolpanel-indent-19 {
  padding-left: 190px; }

.ag-rtl .ag-toolpanel-indent-19 {
  padding-right: 190px; }

.ag-ltr .ag-row-group-indent-19 {
  padding-left: 190px; }

.ag-rtl .ag-row-group-indent-19 {
  padding-right: 190px; }

.ag-ltr .ag-toolpanel-indent-20 {
  padding-left: 200px; }

.ag-rtl .ag-toolpanel-indent-20 {
  padding-right: 200px; }

.ag-ltr .ag-row-group-indent-20 {
  padding-left: 200px; }

.ag-rtl .ag-row-group-indent-20 {
  padding-right: 200px; }

.ag-ltr .ag-toolpanel-indent-21 {
  padding-left: 210px; }

.ag-rtl .ag-toolpanel-indent-21 {
  padding-right: 210px; }

.ag-ltr .ag-row-group-indent-21 {
  padding-left: 210px; }

.ag-rtl .ag-row-group-indent-21 {
  padding-right: 210px; }

.ag-ltr .ag-toolpanel-indent-22 {
  padding-left: 220px; }

.ag-rtl .ag-toolpanel-indent-22 {
  padding-right: 220px; }

.ag-ltr .ag-row-group-indent-22 {
  padding-left: 220px; }

.ag-rtl .ag-row-group-indent-22 {
  padding-right: 220px; }

.ag-ltr .ag-toolpanel-indent-23 {
  padding-left: 230px; }

.ag-rtl .ag-toolpanel-indent-23 {
  padding-right: 230px; }

.ag-ltr .ag-row-group-indent-23 {
  padding-left: 230px; }

.ag-rtl .ag-row-group-indent-23 {
  padding-right: 230px; }

.ag-ltr .ag-toolpanel-indent-24 {
  padding-left: 240px; }

.ag-rtl .ag-toolpanel-indent-24 {
  padding-right: 240px; }

.ag-ltr .ag-row-group-indent-24 {
  padding-left: 240px; }

.ag-rtl .ag-row-group-indent-24 {
  padding-right: 240px; }

.ag-ltr .ag-toolpanel-indent-25 {
  padding-left: 250px; }

.ag-rtl .ag-toolpanel-indent-25 {
  padding-right: 250px; }

.ag-ltr .ag-row-group-indent-25 {
  padding-left: 250px; }

.ag-rtl .ag-row-group-indent-25 {
  padding-right: 250px; }

.ag-ltr .ag-toolpanel-indent-26 {
  padding-left: 260px; }

.ag-rtl .ag-toolpanel-indent-26 {
  padding-right: 260px; }

.ag-ltr .ag-row-group-indent-26 {
  padding-left: 260px; }

.ag-rtl .ag-row-group-indent-26 {
  padding-right: 260px; }

.ag-ltr .ag-toolpanel-indent-27 {
  padding-left: 270px; }

.ag-rtl .ag-toolpanel-indent-27 {
  padding-right: 270px; }

.ag-ltr .ag-row-group-indent-27 {
  padding-left: 270px; }

.ag-rtl .ag-row-group-indent-27 {
  padding-right: 270px; }

.ag-ltr .ag-toolpanel-indent-28 {
  padding-left: 280px; }

.ag-rtl .ag-toolpanel-indent-28 {
  padding-right: 280px; }

.ag-ltr .ag-row-group-indent-28 {
  padding-left: 280px; }

.ag-rtl .ag-row-group-indent-28 {
  padding-right: 280px; }

.ag-ltr .ag-toolpanel-indent-29 {
  padding-left: 290px; }

.ag-rtl .ag-toolpanel-indent-29 {
  padding-right: 290px; }

.ag-ltr .ag-row-group-indent-29 {
  padding-left: 290px; }

.ag-rtl .ag-row-group-indent-29 {
  padding-right: 290px; }

.ag-ltr .ag-toolpanel-indent-30 {
  padding-left: 300px; }

.ag-rtl .ag-toolpanel-indent-30 {
  padding-right: 300px; }

.ag-ltr .ag-row-group-indent-30 {
  padding-left: 300px; }

.ag-rtl .ag-row-group-indent-30 {
  padding-right: 300px; }

.ag-ltr .ag-toolpanel-indent-31 {
  padding-left: 310px; }

.ag-rtl .ag-toolpanel-indent-31 {
  padding-right: 310px; }

.ag-ltr .ag-row-group-indent-31 {
  padding-left: 310px; }

.ag-rtl .ag-row-group-indent-31 {
  padding-right: 310px; }

.ag-ltr .ag-toolpanel-indent-32 {
  padding-left: 320px; }

.ag-rtl .ag-toolpanel-indent-32 {
  padding-right: 320px; }

.ag-ltr .ag-row-group-indent-32 {
  padding-left: 320px; }

.ag-rtl .ag-row-group-indent-32 {
  padding-right: 320px; }

.ag-ltr .ag-toolpanel-indent-33 {
  padding-left: 330px; }

.ag-rtl .ag-toolpanel-indent-33 {
  padding-right: 330px; }

.ag-ltr .ag-row-group-indent-33 {
  padding-left: 330px; }

.ag-rtl .ag-row-group-indent-33 {
  padding-right: 330px; }

.ag-ltr .ag-toolpanel-indent-34 {
  padding-left: 340px; }

.ag-rtl .ag-toolpanel-indent-34 {
  padding-right: 340px; }

.ag-ltr .ag-row-group-indent-34 {
  padding-left: 340px; }

.ag-rtl .ag-row-group-indent-34 {
  padding-right: 340px; }

.ag-ltr .ag-toolpanel-indent-35 {
  padding-left: 350px; }

.ag-rtl .ag-toolpanel-indent-35 {
  padding-right: 350px; }

.ag-ltr .ag-row-group-indent-35 {
  padding-left: 350px; }

.ag-rtl .ag-row-group-indent-35 {
  padding-right: 350px; }

.ag-ltr .ag-toolpanel-indent-36 {
  padding-left: 360px; }

.ag-rtl .ag-toolpanel-indent-36 {
  padding-right: 360px; }

.ag-ltr .ag-row-group-indent-36 {
  padding-left: 360px; }

.ag-rtl .ag-row-group-indent-36 {
  padding-right: 360px; }

.ag-ltr .ag-toolpanel-indent-37 {
  padding-left: 370px; }

.ag-rtl .ag-toolpanel-indent-37 {
  padding-right: 370px; }

.ag-ltr .ag-row-group-indent-37 {
  padding-left: 370px; }

.ag-rtl .ag-row-group-indent-37 {
  padding-right: 370px; }

.ag-ltr .ag-toolpanel-indent-38 {
  padding-left: 380px; }

.ag-rtl .ag-toolpanel-indent-38 {
  padding-right: 380px; }

.ag-ltr .ag-row-group-indent-38 {
  padding-left: 380px; }

.ag-rtl .ag-row-group-indent-38 {
  padding-right: 380px; }

.ag-ltr .ag-toolpanel-indent-39 {
  padding-left: 390px; }

.ag-rtl .ag-toolpanel-indent-39 {
  padding-right: 390px; }

.ag-ltr .ag-row-group-indent-39 {
  padding-left: 390px; }

.ag-rtl .ag-row-group-indent-39 {
  padding-right: 390px; }

.ag-ltr .ag-toolpanel-indent-40 {
  padding-left: 400px; }

.ag-rtl .ag-toolpanel-indent-40 {
  padding-right: 400px; }

.ag-ltr .ag-row-group-indent-40 {
  padding-left: 400px; }

.ag-rtl .ag-row-group-indent-40 {
  padding-right: 400px; }

.ag-ltr .ag-toolpanel-indent-41 {
  padding-left: 410px; }

.ag-rtl .ag-toolpanel-indent-41 {
  padding-right: 410px; }

.ag-ltr .ag-row-group-indent-41 {
  padding-left: 410px; }

.ag-rtl .ag-row-group-indent-41 {
  padding-right: 410px; }

.ag-ltr .ag-toolpanel-indent-42 {
  padding-left: 420px; }

.ag-rtl .ag-toolpanel-indent-42 {
  padding-right: 420px; }

.ag-ltr .ag-row-group-indent-42 {
  padding-left: 420px; }

.ag-rtl .ag-row-group-indent-42 {
  padding-right: 420px; }

.ag-ltr .ag-toolpanel-indent-43 {
  padding-left: 430px; }

.ag-rtl .ag-toolpanel-indent-43 {
  padding-right: 430px; }

.ag-ltr .ag-row-group-indent-43 {
  padding-left: 430px; }

.ag-rtl .ag-row-group-indent-43 {
  padding-right: 430px; }

.ag-ltr .ag-toolpanel-indent-44 {
  padding-left: 440px; }

.ag-rtl .ag-toolpanel-indent-44 {
  padding-right: 440px; }

.ag-ltr .ag-row-group-indent-44 {
  padding-left: 440px; }

.ag-rtl .ag-row-group-indent-44 {
  padding-right: 440px; }

.ag-ltr .ag-toolpanel-indent-45 {
  padding-left: 450px; }

.ag-rtl .ag-toolpanel-indent-45 {
  padding-right: 450px; }

.ag-ltr .ag-row-group-indent-45 {
  padding-left: 450px; }

.ag-rtl .ag-row-group-indent-45 {
  padding-right: 450px; }

.ag-ltr .ag-toolpanel-indent-46 {
  padding-left: 460px; }

.ag-rtl .ag-toolpanel-indent-46 {
  padding-right: 460px; }

.ag-ltr .ag-row-group-indent-46 {
  padding-left: 460px; }

.ag-rtl .ag-row-group-indent-46 {
  padding-right: 460px; }

.ag-ltr .ag-toolpanel-indent-47 {
  padding-left: 470px; }

.ag-rtl .ag-toolpanel-indent-47 {
  padding-right: 470px; }

.ag-ltr .ag-row-group-indent-47 {
  padding-left: 470px; }

.ag-rtl .ag-row-group-indent-47 {
  padding-right: 470px; }

.ag-ltr .ag-toolpanel-indent-48 {
  padding-left: 480px; }

.ag-rtl .ag-toolpanel-indent-48 {
  padding-right: 480px; }

.ag-ltr .ag-row-group-indent-48 {
  padding-left: 480px; }

.ag-rtl .ag-row-group-indent-48 {
  padding-right: 480px; }

.ag-ltr .ag-toolpanel-indent-49 {
  padding-left: 490px; }

.ag-rtl .ag-toolpanel-indent-49 {
  padding-right: 490px; }

.ag-ltr .ag-row-group-indent-49 {
  padding-left: 490px; }

.ag-rtl .ag-row-group-indent-49 {
  padding-right: 490px; }

.ag-ltr {
  direction: ltr; }

.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
    flex-direction: row; }

.ag-ltr .ag-header-cell-resize {
    right: -4px; }

.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
    left: -4px; }

.ag-rtl {
  direction: rtl; }

.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
    flex-direction: row-reverse; }

.ag-rtl .ag-header-cell-resize {
    left: -4px; }

.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
    right: -4px; }

@media print {
  .ag-body-viewport {
    display: block; }
  .ag-row {
    page-break-inside: avoid; } }

.ag-body .ag-pinned-left-cols-viewport, .ag-body .ag-body-viewport, .ag-body .ag-pinned-right-cols-viewport {
  -webkit-overflow-scrolling: touch; }

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.ag-chart .ag-chart-components-wrapper {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden; }

.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper {
      position: relative;
      flex: 1 1 auto;
      overflow: hidden; }

.ag-chart .ag-chart-components-wrapper .ag-chart-canvas-wrapper canvas {
        display: block; }

.ag-chart .ag-chart-components-wrapper .ag-chart-menu {
      position: absolute;
      top: 10px;
      right: 20px;
      width: 24px;
      overflow: hidden;
      display: flex;
      flex-direction: column; }

.ag-chart:not(.ag-has-menu):hover .ag-chart-menu {
    opacity: 1;
    pointer-events: all; }

.ag-chart .ag-chart-docked-container {
    position: relative;
    width: 0;
    min-width: 0;
    transition: min-width 0.4s; }

.ag-chart .ag-chart-docked-container .ag-panel {
      border-width: 0 0 0 1px; }

.ag-chart-tabbed-menu > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.ag-chart-tabbed-menu .ag-tab-header {
  flex: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default; }

.ag-chart-tabbed-menu .ag-tab-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden; }

.ag-chart-tabbed-menu .ag-tab-body > div {
    width: 100%;
    overflow: hidden;
    overflow-y: auto; }

.ag-chart-tabbed-menu .ag-chart-settings {
  overflow-x: hidden; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper {
    position: relative;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar {
      width: 100%;
      display: flex;
      height: 30px;
      align-items: center; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex: 1 1 auto;
        height: 100%; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
          opacity: 0.2; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
            opacity: 1; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn {
        position: relative;
        flex: none; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-prev-btn button, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-nav-bar .ag-chart-settings-next-btn button {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          cursor: pointer;
          opacity: 0; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container {
      position: relative;
      flex: 1 1 auto;
      overflow-x: hidden;
      overflow-y: auto; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100%;
        overflow: hidden; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component {
          flex: none; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container {
          flex-direction: row;
          flex-wrap: wrap; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-group-component-container .ag-chart-mini-thumbnail {
            flex: none; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating, .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper.ag-animating {
          transition: left 0.3s;
          transition-timing-function: ease-in-out; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
          cursor: pointer; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-wrapper .ag-chart-settings-mini-charts-container .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail canvas {
            display: block; }

.ag-chart-tabbed-menu .ag-chart-data-wrapper, .ag-chart-tabbed-menu .ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.ag-chart-tabbed-menu .ag-chart-data-wrapper > div, .ag-chart-tabbed-menu .ag-chart-format-wrapper > div {
    display: flex;
    margin: 0;
    padding-bottom: 2px; }

.ag-chart-tabbed-menu .ag-chart-data-wrapper > div:not(:first-child), .ag-chart-tabbed-menu .ag-chart-format-wrapper > div:not(:first-child) {
      margin-top: 0; }

.ag-chart-tabbed-menu .ag-chart-format-wrapper {
  overflow-x: hidden; }

.ag-chart-tabbed-menu .ag-chart-format-wrapper .ag-group-component .ag-group-subgroup {
    justify-content: space-between; }

.ag-chart .ag-chart-menu {
  opacity: 0;
  pointer-events: none; }

.ag-chart .ag-chart-menu > span {
    opacity: 0.5;
    line-height: 24px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 2px 0;
    cursor: pointer; }

.ag-chart .ag-chart-menu > span:hover {
      border-radius: 5px; }

.ag-chart .ag-chart-docked-container {
  min-width: 0;
  width: 0; }

.ag-chart-tabbed-menu .ag-tab-body {
  padding: 0; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar {
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector {
    padding: 0 10px; }

.ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
      cursor: pointer; }

@charset "UTF-8";

@font-face {
  font-family: "agGridBalham";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBlMAAAC8AAAAYGNtYXAXVtK6AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZqMuy3gAAAF4AAAbDGhlYWQVomOXAAAchAAAADZoaGVhB8ID+QAAHLwAAAAkaG10eNYAInYAABzgAAAA4GxvY2HEmL4aAAAdwAAAAHJtYXhwAEUAlQAAHjQAAAAgbmFtZZQXxKQAAB5UAAABknBvc3QAAwAAAAAf6AAAACAAAwP2AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpMwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6TP//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAD///wPBA4EAJwBQAG4AAAEeARcWFRYUBxQHDgEHBiMGIiciJy4BJyY1JjQ3NDc+ATc2MzYyFzIFIgYHBgcOARcUFx4BFxYXFjI3Njc+ATc2NzY0JyYnLgEnJiMiBgcGIwEjNSEVHgEXFgYHDgEVITUzFSE0Njc+AScuASc1IQMkPlwCAQEBAQJcPklJSZJJSUk9XQIBAQEBAlw+SUlJkklJ/gUlOgEBAQEBAQMCNSRJSUqSSklJJDUCAwEBAQEDAjUkSUhJkUlISQHgQP8AAXUZEAoYJ1YBAED+gAYbLWQgLmICAYADgAJcPklJSZJJSUk+XAIBAQEBAlw+SUlJkklJST5cAgEBAUE4JkhJSZJJSUkkNQIDAQEBAQMCNSRJSUqSSklJJDUCAwEBAf8AQAMgQiscRBciPRpAgCZMGCdHHylHNEUAAQBTABMDrQNtACcAABMXByc3HgEXByERByc3HgEXBycRISc3HgEXByc3IRE3HgEXByc3FxHNSi6WlgwWDEoBE0kulyZLJi5JARNKLiVMJZYuSv7tSQwWDJeXLkkBoEkul5cMFgxJARNKLpYlTCUuSv7tSS4mSyaXLkn+7UoMFgyWli5KARMAAAEBKQCZAtcC5wAKAAABByc3HgEXBycRIwHgiS7XNms2LolAAmyJLdc2azYtif4tAAMAgABAA4ADQAAbADcARgAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgcyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzYTNx4BFwcXBycHJzcnNxcCAE9GRmkeHh4eaUZGT09GRmkeHh4eaUZGT0I7OlcZGRkZVzo7QkI7OlcZGRkZVzo7QqkMFgyqqi6pqS6qqi6pA0AeHmlGRk9PRkZpHh4eHmlGRk9PRkZpHh5AGRlXOjtCQjs6VxkZGRlXOjtCQjs6VxkZ/u2qDBYMqakuqqouqakuqgADANUAlQMrAusABAAJAA0AABMzESMRNzMRIxETMxEj1YCA73h473h4Ajf+XgGitP2qAlb+qv8AAAMAAP/ABAADwAAPACAAKAAABSEiJjURNDYzITIWFREUBgMhIgYVERQWMyEyNjURNCYjBwEnNxcBHgEDSP1wTGxsTAKQTGxsSv1tLUFBLQKTLUFALgz+VNAznQF5DRpAbEwCkExsbEz9cExsA7lBLf1tLkBALgKTLUH3/lPRNJ0BeA0aAAMAAP/ABAADwAAPACAAJAAABSEiJjURNDYzITIWFREUBgMhIgYVERQWMyEyNjURNCYjAyE1IQNI/XBMbGxMApBMbGxK/W0tQUEtApMtQUAuJf22AkpAbEwCkExsbEz9cExsA7lBLf1tLkBALgKTLUH+IkoAAgAA/8AEAAPAAA8AIAAAATIWFREUBiMhIiY1ETQ2MwUhIgYVERQWMyEyNjURNCYjA0hMbGxM/XBMbGxMApL9bS1BQS0Cky1BQC4DwGxM/XBMbGxMApBMbEdBLf1tLkBALgKTLUEAAAADAHMASAONAzgABgAKABYAAAkBBxcJAiE3FyEFMAYVFBYzMjY1NCYC/f5VPGb+9wFFAUX978zM/mgCTFUyIyMyVQGNAas8Zv73/rsBRc3NQGsqIzIyIyprAAAAAAIAwACgAcAC4AADAAcAACUhESEHETMRAcD/AAEAwICgAkBA/kABwAAEAMAAoANAAuAAAwAHAAsADwAAJSMRMxMjETMTIxEzASMRMwHAQEDAQEDAQED9wEBAoAJA/cACQP3AAkD9wAJAAAAAAAEBXgCpAqIC1wAHAAABBxcHCQEeAQKi6ekt/ukBFwsXAqnp6S4BFwEXDBYAAwCgAEADYANAABAAIAAzAAAlIyImNRE0NjsBMhYVERQGIxMhIgYVERQWMyEyNjURNCYBIzwBNRE0NjMhOgEzFSEiBhURAr77Q2BgQ/tDX19DBf79Jzc3JwEDJzc3/fdBX0MBmgECAf5dJjZAX0QBOkNgYEP+xkRfAkA4Jv67Jzc3JwFFJjj+AAEEAgIXQ19ANib93AAAAAABASkA6QLXApcADgAAATceARcHFwcnByc3JzcXAgCpDBYMqqouqakuqqouqQHtqgwWDKmpLqqqLqmpLqoAAAAABQBAAAADwAOAACUAMgA/AEsAUQAAAT4BNTQmIyIGFRQWMzI2NxcHLgEjIgYVFBYzMjY1NCYnNwEzNQEHIiY1NDYzMhYVFAYjESImNTQ2MzIWFRQGIwEiJjU0NjMyFhUUBgkBFwE1IwGWCAhpSkppaUoUJRFpaRElFEppaUpKaQgIagE6hv3WoyU0NCUlNTUlJTQ0JSU1NSUBDQkNDQkJDQ0BMf7zWQE6hgKDESUUSmlpSkppCAhqaggIaUpKaWlKFCURaf7HLQIpEDUlJTQ0JSU1/ec0JSU1NSUlNAFQDQkJDQ0JCQ0Bqf7zWQE5LQAABwCGAFYDegMqAAsADwAbACgALAA4ADwAADciBhUUFjMyNjU0JgU1IRUDIgYVFBYzMjY1NCYHMhYVFAYjIiY1NDYzBSE1IQEyFhUUBiMiJjU0NgUhNSHGGiYmGhslJQKZ/eaaGiYmGhslJRsSGRkSERkZEQIJ/pEBb/33GyUlGxomJgLO/eYCGtYmGhslJRsaJmtVVQGVJhoaJiYaGiYVGRISGRkSEhlWVgE/JRsaJiYaGyVqVQAAAAEBKQCZAtcC5wAKAAABNx4BFwcnNxcRMwIgiQwWDNfXLolAARSJCxcL19ctiQHTAAEBXgCpAqIC1wAMAAAJASc3JzcWFx4BFxYXAqL+6S3p6S0jIyNFIyMjAcD+6S7p6S4jIyNGIiMjAAAAAAUAQwBzA70DDQAsAEoAaABzAH0AAAE+ATc6ATMWFx4BFxYXMAYHDgEHFwcnBgcGJicmJy4BJy4BJzA2Nz4BNyc3FwcOAQ8BFhceARcWNz4BNycOASMiJy4BJyY1NDY3JwE+AT8BJicuAScmBw4BBxc+ATMyFx4BFxYVFAYHFwEOARUUFjMyNjcnBT4BNTQmIyIGBwEqL2g2BwQHSENCci0tGzkuECQTPi1LOUBAgD49NSlEGQoPCiUbFzcgPi1KCjFOGAEdNzeJTExICxYKHRxEJi8oKT0SERcVMAHBMU0YARgnKGU7Oz4pUCUkHEQmLikpPRESGBUq/p0MDl5CGC0T3gELDQ5eQhksEwLEFxsCAhgXUjk4RHYwER4NPi1LHA0MCBUVJh5KLBEiGFMkHzYWPi1JUSFZNwJFNTU/BwcXBAgFHRUYEhI8KSkuJkQcMf6ZIVo3AjguLkESEgEBExEjFRcREj0pKC8lRRwqAQgTLBlCXg4N3bATLRhDXQ4MAAQAQwCZA70C9gAkAEMAYABvAAABFhceARcWFzAGBwYHDgEnJicuAScuAScwNjc2Nz4BNzY3OgEzBwYHDgEHBg8BFhceARcWNzY3PgE3Nj8BJicuAScmIxcyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzYzFzU0JiMiBh0BFBYzMjY1AglIQ0JyLS0bOS46Tk6oU1RFKUQZCg8KJRsgKSpgNTU3BwQHETs4N2AnJhgBHTc3iUxMSColJkAaGhIBGCcoZTs7PggtKCc7ERISETsnKC0tKCc7ERISETsnKC2gXkJCXl5CQl4C9gIYF1I5OER2MD0jJBAVFDIeSiwRIhhTJCsjIzIODgJAAhITQC0sNgJFNTU/BwcXDRYWOyMjKAM4Li1CEhEfERE7JygtLSgnOxIRERI7JygtLSgnOxER2AFCXl5CAkJeXkIAAgDAAKADQAMAABsAMwAAAQYHDgEHBgcOAR0BBzQ2JzQmJyYnLgEnJic1IQUUFhcWFx4BFxYXFTc1Njc+ATc2Nz4BNQNAARYVQSUmIAQEwAICBQMhJSZAFhUBAoD9wAQEISUmQBYVAUABFhVBJSYgBAQCuiAfHz8gICIFCwZ1kEKDQgYKBCIhIkAeHx1GQAcOBiIhIkAeHx2GMFYgHx8/ICAiBg4HAAAAAgD1AKkDCwLXAAcACwAAAQcXBwkBHgElESMRAwvp6S3+6QEXCxf+NUACqenpLgEXARcMFgv+AAIAAAAADADAAMADQALAAAMABwALAA8AEwAXABsAHwAjACcAKwAvAAAlIzUzFyM1MxcjNTMXIzUzJSM1MxcjNTMXIzUzFyM1MyUjNTMXIzUzFyM1MxcjNTMBAEBAwEBAwEBAwEBA/cBAQMBAQMBAQMBAQP3AQEDAQEDAQEDAQEDAgICAgICAgECAgICAgICAQICAgICAgIAAAAgAP///A8EDgQAnAFAAVABYAFwAYABkAGgAAAEeARcWFRYUBxQHDgEHBiMGIiciJy4BJyY1JjQ3NDc+ATc2MzYyFzIFIgYHBgcOARcUFx4BFxYXFjI3Njc+ATc2NzY0JyYnLgEnJiMiBgcGIxMjNTMFITUhJSM1MwUhNSElIzUzBSE1IQMkPlwCAQEBAQJcPklJSZJJSUk9XQIBAQEBAlw+SUlJkklJ/gUlOgEBAQEBAQMCNSRJSUqSSklJJDUCAwEBAQEDAjUkSUhJkUlISeCAgAGA/sABQP6AgIABgP7AAUD+AICAAgD+QAHAA4ACXD5JSUmSSUlJPlwCAQEBAQJcPklJSZJJSUk+XAIBAQFBOCZISUmSSUlJJDUCAwEBAQEDAjUkSUlKkkpJSSQ1AgMBAQH94EBAQEBAQEBAQEBAAAAAAAQAQwDIA70CuAAkAE0AYABwAAABFhceARcWFzAGBwYHDgEHBicmJy4BJyYnMDY3Njc+ATc2MzoBByIGBwYHDgEHBgcwFhcWFx4BNzY3Njc+ATc2NzAmJyYnLgEnJiMqASMXHgEVFAYHDgEnLgEnNDY3PgEzBw4BBwYWFxY2NzYmJy4BIwIJQEJBdS8wHUI7KS8vYzIyMDs5OmYpKRlFPyElJU4oKCcHBAoNGQwuMC9VIyMVHx8qNDRvODgxKigoSB0dEh8fHiUkTyopKAYEBhJGixgZMHw0PGcCGRwkUjoTI0gWGxovPYweGyAwFyAoArgBDAw5Ly9IfSkdEhERAQEDBBAPOy0tPoEqFw4PEQQEQAEBAwsLKyEhLj8cKBUVEQICBwYNDSweHic/HRwTEhQFBB0CRVQgPRQmBgUFTUEiQhYaDEABCRkgXA0RByUiXAsGAgACAPUAqQMLAtcADAAQAAAJASc3JzcWFx4BFxYXEyMRMwI5/ukt6ektIyMiRiMjI9JAQAHA/uku6ekuIyMjRiIjI/8AAgAAAAACAHkAkwOHAu0ACwAWAAABByEVIRcHCQEeARcFFzcnITUhNycOAQI0QAGT/m1Ajf7SAS4jRyP+oNMygAHu/hKAMjVpAmBAwECNAS0BLSNHI6DTM4BAgDM1aQAAAAgAYAAgA6ADYAADAAkADwATABcAHQAjACcAACUjETMnByc3HgEFByc3HgE3ITUhBSE1ITcHJzceASUHJzceAQUjETMCIEBAc80tzQsXAastzS0zZ4b/AAEA/cD/AAEATS3NLTNnAdPNLc0LF/7eQEAgAQAgzS3NCxerLc0tM2fNQEBAYC3NLTNnbc0tzQsXiwEAAAACAPEAsQMPAs8ABwAOAAATHwEnNycHJyUvARcHFzfxA99HdFN1RwIeA99HdFN1AZPfA0d1U3RHWt8DR3VTdAAAAwDAAOADQAKgAAMABwALAAAlITUhNSE1ITUhNSEDQP2AAoD9gAKA/YACgOBAgECAQAAAAAIAywCKAzUC9gAHAA8AACUvARcHFzcXEx8BJzcnBycB2gTeR3RTdUdMBN5HdFN1R7jeBEh1U3VHAhDeBEh1U3VHAAAAAgCAAWADgAIgAAMABwAAASE1IQUVITUDgP0AAwD9QAKAAWDAQEBAAAEBXgCpAqIC1wAMAAAJASc3JzcWFx4BFxYXAqL+6S3p6S0jIyNFIyMjAcD+6S7p6S4jIyNGIiMjAAAAAAIAQACgA8AC4AAKABYAAAE3HgEXByc3FxEzASMRByc3HgEXBycRAUGQDBcM4OAvkEIBwEKQL+A4cDgvkAEYhgsWC9LSLIYByP3AAciGLNI0aTUshv44AAAGAHYAQAOLA0sAHAAyAEEAUwBiAG4AAAEWFx4BFxYHBgcOAScmJyYnLgE3Njc2Nz4BNzYXBwYHDgEHBhcWFx4BNzY3NicuAScmBxcWBw4BBwYnLgEvAQEeAQEWNz4BNzY3NiYnBgcOAQcGBxMyFh8BASYnJjY3Njc6AQcGBw4BBwYXAS4BBwIGYlVVaw4NLSdOTbddXkcvHh4XCAgcGScmXzc3OQpTR0haCgsnKFNTuVVVLSUKCVhJSVzzIwgITUBBThw0GCgBgwYL/tgoKSpJHBsMCAEJISAhQSEgIUMhQB0p/n0lBQYyODhYBAoGMCoqNwoKDgEGESISA0sCNTWkZWRgVDc3JRUUQys5On5AQDoyKik6EBABQAEtLYxVVFFTLS0EKitcTFVVjy8uAc1ASkl7JSYIAhENFgGDChT+rQwFBScgHykePR0gISFBISAhAdYREBb+fEFLTIIuLQZAAhkZTTAvLgEFBQUBAAAAAAMAgAAwA4ADUAAWACIANgAAATQmIyIGFSMiBhURFBYzITI2NRE0JiMFMhYVFAYjIiY1NDYBISImNRE0NjsBFSE1MzIWFREUBgKAOEhIOIA1S0s1AgA1S0s1/wASGRkSEhkZARL+ABomJhpAAYBAGiYmAvAYSEgYSzX+QDVLSzUBwDVLERgRERgYEREY/ZEmGgHAGiaAgCYa/kAaJgAAAAACAHAAMAOQA1AAKABAAAABJzA2Nz4BFzcmNz4BNzYxFhceARcWFw4BBw4BJwceARcWBg8BJwcnNwEOAR8BByYGBwE+ATc2Jic3MBY3JzAGMQFZlQYPIXEwZQkQECwUFCUkJUklJSQFCwUaRSpqAQECAygvGJrpLekBCBEaChCgMGITASECBAIeBweaOiTaAQFHlScVLQ8JYxwdHS4PDyUlJEolJCUHDgcjLwdnCQEbM2AYDJrqLukBtg4mDxefDAIe/t8CAwIaViyaESrZAQAACgA///8DwQOBACcAOwBHAGEAZwBuAHsAhgCMAJIAAAEeARcWFRYUBxQHDgEHBiMGIiciJy4BJyY1JjQ3NDc+ATc2MzYyFzITIREWMxY2NzY3PgE3Njc+ASc0JwEUFhUeARcyFjM1IwEHJzceARcHJxUOAQcjFwcnNx4BFwcWNjc1BRQWFTM1JwYUBzM1IzcqASMiBgcUBhUzNTMlFTM0JjUuASciJiUGIgcVMzcmIiMVMwMkPlwCAQEBAQJcPklJSZJJSUk9XQIBAQEBAlw+SUlJkklJqP26PT09ej09PSQ1AgICAQEBAvz8AQI1JAgQCHwCQQkuVxYrFi4JAVw/dwouVlYMFgwLUYIB/bwBfn0BAX99vxguFyU6AQF8QgHHfQECNSQIEP7zIUEggsMgQSGCA4ACXD5JSUmSSUlJPlwCAQEBAQJcPklJSZJJSUk+XAIBAQH/AP28AgEBAQICAjUkPT08ej09PP48CREIJDUCAX4BFgouVhUsFS4Kcz9fAgkuV1cMFgwKAR1Fc1QhQCCBwiFAIYL/OCYYMBlBf38JEQkkNQIBAgEBf4ABgQAAAgCgAGADYAMgAAsAFwAAASEVIREjESE1IREzBxEhFSERMxEhNSERAmABAP8AwP8AAQDAgP8AAQBAAQD/AAIgwP8AAQDAAQBA/wBA/wABAEABAAAAAQFeAKkCogLXAAcAAAEHFwcJAR4BAqLp6S3+6QEXCxcCqenpLgEXARcMFgACAAD/wAQAA8AAGwA3AAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmBzIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NgIAal1diykoKCmLXV1qal1diykoKCmLXV1qXVFSeiMjIyN6UlFdXVFSeiMjIyN6UlEDwCgpi11dampdXYspKCgpi11dampdXYspKEAjI3pSUV1dUVJ6IyMjI3pSUV1dUVJ6IyMAAwAA/8AEAAPAABsANwBTAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmBzIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NgEUBw4BBwYjIicuAScmNTQ3PgE3NjMyFx4BFxYCAGpdXYspKCgpi11dampdXYspKCgpi11dal1RUnojIyMjelJRXV1RUnojIyMjelJRAZ0ZGVc6O0JCOzpXGRkZGVc6O0JCOzpXGRkDwCgpi11dampdXYspKCgpi11dampdXYspKEAjI3pSUV1dUVJ6IyMjI3pSUV1dUVJ6IyP+QEI7OlcZGRkZVzo7QkI7OlcZGRkZVzo7AAAAAAIAeQCTA4cC7QAOABkAAAkBJzchNSEnNxYXHgEXFiUXIRUhBxc3Jw4BA4f+0o1A/m0Bk0CNJiYlTCUm/saA/hIB7oAy09MMGgHA/tONQMBAjSUmJksmJXqAQIAz09MNGQAAAAACAIAAQAOAA0AADgAZAAABESERIxEUFjMhMjY1ESMFNxcHJzcXETMRMQMr/apVMiMCViMyVf8AbjzV1TxuVgHA/tUBK/7VIzIyIwErHW481dU8bgGd/mMAAQDpAR4DFwJiAAcAAAkCNxc3HgEDF/7p/uku6ekMFgI1/ukBFy3p6QsXAAABAV4AqQKiAtcABwAAAQcXBwkBHgECounpLf7pARcLFwKp6ekuARcBFwwWAAEBXgCpAqIC1wAMAAAJASc3JzcWFx4BFxYXAqL+6S3p6S0jIyNFIyMjAcD+6S7p6S4jIyNGIiMjAAAAAAEA6QEeAxcCYgALAAABBycHJwEWFx4BFxYDFy7p6S4BFyMjIkYjIwFLLenpLQEXIyMjRSMjAAAAAQDpAO4DFwKSAAcAAAkBJzcXAR4BAxf+ibcuiQFJDBYCZf6Jty2JAUkLFwABAV4AqQKiAtcADAAACQEnNyc3FhceARcWFwKi/ukt6ektIyMjRSMjIwHA/uku6ekuIyMjRiIjIwAAAAABAMABoANAAeAAAwAAEyEVIcACgP2AAeBAAAAAAQDpAR4DFwJiAAcAAAkCNxc3HgEDF/7p/uku6ekMFgI1/ukBFy3p6QsXAAABAAAAAQAAEkvheV8PPPUACwQAAAAAANlBj40AAAAA2UGPjQAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAA4BAAAAAAAAAAAAAAAAgAAAAQAAD8EAABTBAABKQQAAIAEAADVBAAAAAQAAAAEAAAABAAAcwQAAMAEAADABAABXgQAAKAEAAEpBAAAQAQAAIYEAAEpBAABXgQAAEMEAABDBAAAwAQAAPUEAADABAAAPwQAAEMEAAD1BAAAeQQAAGAEAADxBAAAwAQAAMsEAACABAABXgQAAEAEAAB2BAAAgAQAAHAEAAA/BAAAoAQAAV4EAAAABAAAAAQAAHkEAACABAAA6QQAAV4EAAFeBAAA6QQAAOkEAAFeBAAAwAQAAOkAAAAAAAoAFAAeAMIBBgEeAYwBqAHqAiQCWAKGApoCvALSAx4DPgO2BBIEKgRIBQgFrgYCBiAGagcMB7YH2ggICFIIcgiMCK4IwgjgCQwJxAoUCnwLVAt+C5QL6gxqDJwMyAzeDPQNEg0uDUQNYg1wDYYAAAABAAAAOACTAAwAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACAAAAAEAAAAAAAIABwBpAAEAAAAAAAMACAA5AAEAAAAAAAQACAB+AAEAAAAAAAUACwAYAAEAAAAAAAYACABRAAEAAAAAAAoAGgCWAAMAAQQJAAEAEAAIAAMAAQQJAAIADgBwAAMAAQQJAAMAEABBAAMAAQQJAAQAEACGAAMAAQQJAAUAFgAjAAMAAQQJAAYAEABZAAMAAQQJAAoANACwQWdCYWxoYW0AQQBnAEIAYQBsAGgAYQBtVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwQWdCYWxoYW0AQQBnAEIAYQBsAGgAYQBtQWdCYWxoYW0AQQBnAEIAYQBsAGgAYQBtUmVndWxhcgBSAGUAZwB1AGwAYQByQWdCYWxoYW0AQQBnAEIAYQBsAGgAYQBtRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal; }

.ag-theme-balham {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1; }

.ag-theme-balham .ag-menu, .ag-theme-balham .ag-theme-balham.ag-dnd-ghost, .ag-theme-balham .ag-cell.ag-cell-inline-editing, .ag-theme-balham .ag-cell.ag-popup-editor, .ag-theme-balham .ag-select-agg-func-popup, .ag-theme-balham .ag-overlay-loading-center {
    border: 1px solid #BDC3C7; }

.ag-theme-balham .ag-tab-header .ag-tab {
    border: 1px solid transparent;
    border-bottom-width: 0;
    margin: 4px;
    margin-bottom: 0;
    padding: 4px 8px; }

.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
    background-color: white;
    border-bottom: 2px solid #0091EA;
    border-bottom: 2px solid white;
    border-color: #BDC3C7; }

.ag-theme-balham label {
    margin-bottom: 0; }

.ag-theme-balham * {
    box-sizing: border-box; }

.ag-theme-balham *:focus, .ag-theme-balham * *:before, .ag-theme-balham * *:after {
      outline: none;
      box-sizing: border-box; }

.ag-theme-balham .ag-tab {
    box-sizing: content-box; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-1 {
    padding-left: 20px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-1 {
    padding-right: 20px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
    padding-left: 28px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-1 {
    padding-right: 28px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-2 {
    padding-left: 40px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-2 {
    padding-right: 40px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-2 {
    padding-left: 56px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-2 {
    padding-right: 56px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-3 {
    padding-left: 60px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-3 {
    padding-right: 60px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-3 {
    padding-left: 84px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-3 {
    padding-right: 84px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-4 {
    padding-left: 80px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-4 {
    padding-right: 80px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-4 {
    padding-left: 112px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-4 {
    padding-right: 112px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-5 {
    padding-left: 100px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-5 {
    padding-right: 100px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-5 {
    padding-left: 140px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-5 {
    padding-right: 140px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-6 {
    padding-left: 120px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-6 {
    padding-right: 120px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-6 {
    padding-left: 168px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-6 {
    padding-right: 168px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-7 {
    padding-left: 140px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-7 {
    padding-right: 140px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-7 {
    padding-left: 196px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-7 {
    padding-right: 196px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-8 {
    padding-left: 160px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-8 {
    padding-right: 160px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-8 {
    padding-left: 224px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-8 {
    padding-right: 224px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-9 {
    padding-left: 180px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-9 {
    padding-right: 180px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-9 {
    padding-left: 252px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-9 {
    padding-right: 252px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-10 {
    padding-left: 200px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-10 {
    padding-right: 200px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-10 {
    padding-left: 280px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-10 {
    padding-right: 280px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-11 {
    padding-left: 220px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-11 {
    padding-right: 220px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-11 {
    padding-left: 308px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-11 {
    padding-right: 308px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-12 {
    padding-left: 240px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-12 {
    padding-right: 240px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-12 {
    padding-left: 336px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-12 {
    padding-right: 336px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-13 {
    padding-left: 260px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-13 {
    padding-right: 260px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-13 {
    padding-left: 364px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-13 {
    padding-right: 364px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-14 {
    padding-left: 280px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-14 {
    padding-right: 280px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-14 {
    padding-left: 392px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-14 {
    padding-right: 392px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-15 {
    padding-left: 300px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-15 {
    padding-right: 300px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-15 {
    padding-left: 420px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-15 {
    padding-right: 420px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-16 {
    padding-left: 320px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-16 {
    padding-right: 320px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-16 {
    padding-left: 448px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-16 {
    padding-right: 448px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-17 {
    padding-left: 340px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-17 {
    padding-right: 340px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-17 {
    padding-left: 476px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-17 {
    padding-right: 476px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-18 {
    padding-left: 360px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-18 {
    padding-right: 360px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-18 {
    padding-left: 504px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-18 {
    padding-right: 504px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-19 {
    padding-left: 380px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-19 {
    padding-right: 380px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-19 {
    padding-left: 532px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-19 {
    padding-right: 532px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-20 {
    padding-left: 400px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-20 {
    padding-right: 400px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-20 {
    padding-left: 560px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-20 {
    padding-right: 560px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-21 {
    padding-left: 420px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-21 {
    padding-right: 420px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-21 {
    padding-left: 588px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-21 {
    padding-right: 588px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-22 {
    padding-left: 440px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-22 {
    padding-right: 440px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-22 {
    padding-left: 616px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-22 {
    padding-right: 616px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-23 {
    padding-left: 460px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-23 {
    padding-right: 460px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-23 {
    padding-left: 644px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-23 {
    padding-right: 644px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-24 {
    padding-left: 480px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-24 {
    padding-right: 480px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-24 {
    padding-left: 672px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-24 {
    padding-right: 672px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-25 {
    padding-left: 500px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-25 {
    padding-right: 500px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-25 {
    padding-left: 700px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-25 {
    padding-right: 700px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-26 {
    padding-left: 520px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-26 {
    padding-right: 520px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-26 {
    padding-left: 728px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-26 {
    padding-right: 728px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-27 {
    padding-left: 540px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-27 {
    padding-right: 540px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-27 {
    padding-left: 756px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-27 {
    padding-right: 756px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-28 {
    padding-left: 560px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-28 {
    padding-right: 560px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-28 {
    padding-left: 784px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-28 {
    padding-right: 784px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-29 {
    padding-left: 580px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-29 {
    padding-right: 580px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-29 {
    padding-left: 812px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-29 {
    padding-right: 812px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-30 {
    padding-left: 600px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-30 {
    padding-right: 600px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-30 {
    padding-left: 840px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-30 {
    padding-right: 840px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-31 {
    padding-left: 620px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-31 {
    padding-right: 620px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-31 {
    padding-left: 868px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-31 {
    padding-right: 868px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-32 {
    padding-left: 640px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-32 {
    padding-right: 640px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-32 {
    padding-left: 896px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-32 {
    padding-right: 896px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-33 {
    padding-left: 660px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-33 {
    padding-right: 660px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-33 {
    padding-left: 924px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-33 {
    padding-right: 924px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-34 {
    padding-left: 680px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-34 {
    padding-right: 680px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-34 {
    padding-left: 952px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-34 {
    padding-right: 952px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-35 {
    padding-left: 700px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-35 {
    padding-right: 700px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-35 {
    padding-left: 980px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-35 {
    padding-right: 980px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-36 {
    padding-left: 720px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-36 {
    padding-right: 720px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-36 {
    padding-left: 1008px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-36 {
    padding-right: 1008px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-37 {
    padding-left: 740px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-37 {
    padding-right: 740px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-37 {
    padding-left: 1036px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-37 {
    padding-right: 1036px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-38 {
    padding-left: 760px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-38 {
    padding-right: 760px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-38 {
    padding-left: 1064px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-38 {
    padding-right: 1064px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-39 {
    padding-left: 780px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-39 {
    padding-right: 780px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-39 {
    padding-left: 1092px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-39 {
    padding-right: 1092px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-40 {
    padding-left: 800px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-40 {
    padding-right: 800px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-40 {
    padding-left: 1120px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-40 {
    padding-right: 1120px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-41 {
    padding-left: 820px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-41 {
    padding-right: 820px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-41 {
    padding-left: 1148px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-41 {
    padding-right: 1148px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-42 {
    padding-left: 840px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-42 {
    padding-right: 840px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1176px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1176px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-43 {
    padding-left: 860px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-43 {
    padding-right: 860px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1204px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1204px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-44 {
    padding-left: 880px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-44 {
    padding-right: 880px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1232px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1232px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-45 {
    padding-left: 900px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-45 {
    padding-right: 900px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1260px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1260px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-46 {
    padding-left: 920px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-46 {
    padding-right: 920px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1288px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1288px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-47 {
    padding-left: 940px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-47 {
    padding-right: 940px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1316px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1316px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-48 {
    padding-left: 960px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-48 {
    padding-right: 960px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-48 {
    padding-left: 1344px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-48 {
    padding-right: 1344px; }

.ag-theme-balham .ag-ltr .ag-toolpanel-indent-49 {
    padding-left: 980px; }

.ag-theme-balham .ag-rtl .ag-toolpanel-indent-49 {
    padding-right: 980px; }

.ag-theme-balham .ag-ltr .ag-row-group-indent-49 {
    padding-left: 1372px; }

.ag-theme-balham .ag-rtl .ag-row-group-indent-49 {
    padding-right: 1372px; }

.ag-theme-balham .ag-cell .ag-icon {
    display: inline-block;
    vertical-align: middle; }

.ag-theme-balham .ag-checkbox, .ag-theme-balham .ag-radio-button, .ag-theme-balham .ag-toggle-button {
    display: flex;
    align-items: center;
    cursor: default; }

.ag-theme-balham .ag-checkbox label, .ag-theme-balham .ag-radio-button label, .ag-theme-balham .ag-toggle-button label {
      cursor: default; }

.ag-theme-balham .ag-checkbox label:empty, .ag-theme-balham .ag-radio-button label:empty, .ag-theme-balham .ag-toggle-button label:empty {
        margin: 0; }

.ag-theme-balham .ag-checkbox:not(.ag-label-align-left) label, .ag-theme-balham .ag-radio-button:not(.ag-label-align-left) label, .ag-theme-balham .ag-toggle-button:not(.ag-label-align-left) label {
      margin-left: 4px; }

.ag-theme-balham .ag-cell {
    -webkit-font-smoothing: subpixel-antialiased; }

.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 28px; }

.ag-theme-balham .ag-ltr .ag-cell {
    border-right: 1px solid transparent; }

.ag-theme-balham .ag-ltr .ag-row.ag-cell-first-right-pinned, .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned {
    border-left: 1px solid #BDC3C7; }

.ag-theme-balham .ag-ltr .ag-row.ag-cell-last-left-pinned, .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned {
    border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-rtl .ag-row-group-leaf-indent {
    margin-right: 28px; }

.ag-theme-balham .ag-rtl .ag-cell {
    border-left: 1px solid transparent; }

.ag-theme-balham .ag-rtl .ag-row.ag-cell-first-right-pinned, .ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned {
    border-left: 1px solid #BDC3C7; }

.ag-theme-balham .ag-rtl .ag-row.ag-cell-last-left-pinned, .ag-theme-balham .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned {
    border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-value-change-delta {
    padding-right: 2px; }

.ag-theme-balham .ag-value-change-delta-up {
    color: #43a047; }

.ag-theme-balham .ag-value-change-delta-down {
    color: #e53935; }

.ag-theme-balham .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s; }

.ag-theme-balham .ag-value-change-value-highlight {
    background-color: rgba(22, 160, 133, 0.5);
    transition: background-color 0.1s; }

.ag-theme-balham .ag-input-wrapper input:not([type]),
  .ag-theme-balham .ag-input-wrapper input[type="text"],
  .ag-theme-balham .ag-input-wrapper input[type="number"],
  .ag-theme-balham .ag-input-wrapper input[type="tel"],
  .ag-theme-balham .ag-input-wrapper input[type="date"],
  .ag-theme-balham .ag-input-wrapper input[type="datetime-local"] {
    border-width: 1px;
    border-style: solid;
    border-color: #95A5A6; }

.ag-theme-balham .ag-input-wrapper input:not([type]):disabled,
    .ag-theme-balham .ag-input-wrapper input[type="text"]:disabled,
    .ag-theme-balham .ag-input-wrapper input[type="number"]:disabled,
    .ag-theme-balham .ag-input-wrapper input[type="tel"]:disabled,
    .ag-theme-balham .ag-input-wrapper input[type="date"]:disabled,
    .ag-theme-balham .ag-input-wrapper input[type="datetime-local"]:disabled {
      color: rgba(0, 0, 0, 0.38);
      background-color: #ebebeb;
      border-color: rgba(149, 165, 166, 0.3); }

.ag-theme-balham .ag-input-wrapper input[type="date"] {
    flex: 1 1 auto; }

.ag-theme-balham .ag-input-wrapper input[type="range"] {
    padding: 0; }

.ag-theme-balham .ag-input-wrapper textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #95A5A6; }

.ag-theme-balham .ag-input-wrapper textarea:disabled {
      color: rgba(0, 0, 0, 0.38);
      background-color: #ebebeb;
      border-color: rgba(149, 165, 166, 0.3); }

.ag-theme-balham .ag-header {
    background-color: #f5f7f7;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border-bottom: 1px solid #f1f1f1;
    }

.ag-theme-balham .ag-pinned-right-header {
    border-left: 1px solid #BDC3C7; }

.ag-theme-balham .ag-pinned-left-header {
    border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-header-row {
    border: none; }

.ag-theme-balham .ag-row {
    border-style: solid;
    border-color: #BDC3C7;
    border-width: 0; }

.ag-theme-balham .ag-row:not(.ag-row-first) {
      border-width: 1px 0 0; }

.ag-theme-balham .ag-row.ag-row-last {
      border-bottom-width: 1px; }

.ag-theme-balham .ag-row-odd {
    background-color: #fcfdfe; }

.ag-theme-balham .ag-row-even {
    background-color: white; }

.ag-theme-balham .ag-horizontal-left-spacer {
    border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-horizontal-left-spacer.ag-scroller-corner {
      border-right: none; }

.ag-theme-balham .ag-horizontal-right-spacer {
    border-left: 1px solid #BDC3C7; }

.ag-theme-balham .ag-horizontal-right-spacer.ag-scroller-corner {
      border-left: none; }

.ag-theme-balham .ag-row-hover {
    background-color: #ECF0F1; }

.ag-theme-balham .ag-numeric-cell {
    text-align: right; }

.ag-theme-balham .ag-header-cell-label .ag-header-icon {
    margin-left: 4px;
    opacity: 0.87; }

.ag-theme-balham .ag-header-cell,
  .ag-theme-balham .ag-header-group-cell {
    border-style: solid;
    border-color: #BDC3C7;
    padding-left: 12px;
    padding-right: 12px;
    border-width: 0; }

.ag-theme-balham .ag-header-cell.ag-header-cell-moving,
    .ag-theme-balham .ag-header-group-cell.ag-header-cell-moving {
      background-color: white; }

.ag-theme-balham .ag-header-cell:not(.ag-header-group-cell-no-group),
    .ag-theme-balham .ag-header-group-cell:not(.ag-header-group-cell-no-group) {
      border-top-width: 1px; }

.ag-theme-balham .ag-header-row:first-child .ag-header-cell, .ag-theme-balham .ag-header-row:first-child .ag-header-group-cell {
    border-top-width: 0; }

.ag-theme-balham .ag-header-cell-resize {
    cursor: col-resize; }

.ag-theme-balham .ag-header-select-all {
    margin-right: 12px; }

.ag-theme-balham .ag-cell {
    line-height: 26px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid transparent;
    padding-left: 11px;
    padding-right: 11px; }

.ag-theme-balham .ag-row-drag {
    cursor: move;
    cursor: grab;
    min-width: 28px; }

.ag-theme-balham .ag-row-dragging, .ag-theme-balham .ag-row-dragging .ag-row-drag {
    cursor: move; }

.ag-theme-balham .ag-column-drag {
    cursor: move;
    cursor: grab; }

.ag-theme-balham .ag-row-dragging {
    opacity: 0.5; }

.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
  .ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
  .ag-theme-balham .ag-ltr .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
  .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus.ag-cell-range-single-cell,
  .ag-theme-balham .ag-rtl .ag-cell-focus.ag-cell-range-single-cell.ag-cell-range-handle {
    border: 1px solid #0091EA;
    outline: initial; }

.ag-theme-balham .ag-header-cell-resize {
    width: 8px; }

.ag-theme-balham .ag-menu {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    padding: 0; }

.ag-theme-balham .ag-menu .ag-menu-list {
      cursor: default;
      margin-bottom: 4px;
      margin-top: 4px;
      width: 100%; }

.ag-theme-balham .ag-menu .ag-menu-option-active {
      background-color: #ECF0F1; }

.ag-theme-balham .ag-menu .ag-menu-option-disabled {
      opacity: 0.5; }

.ag-theme-balham .ag-menu .ag-menu-option-text {
      margin-left: 4px; }

.ag-theme-balham .ag-menu .ag-menu-option-icon {
      padding-left: 4px;
      padding-right: 4px;
      min-width: 24px; }

.ag-theme-balham .ag-menu .ag-menu-option-shortcut {
      padding-left: 8px; }

.ag-theme-balham .ag-menu .ag-menu-separator {
      height: 8px; }

.ag-theme-balham .ag-menu .ag-menu-separator > span {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'8px'%20viewBox%3D'0%200%201%208px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'4px'%20x2%3D'1'%20y2%3D'4px'%20stroke-width%3D'1'%20stroke%3D'%23BDC3C7'%2F%3E%3C%2Fsvg%3E"); }

.ag-theme-balham .ag-menu .ag-menu-option-popup-pointer {
      width: 24px;
      text-align: center; }

.ag-theme-balham.ag-dnd-ghost {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    border: 1px solid #BDC3C7;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    height: 32px !important;
    line-height: 32px;
    margin: 0;
    padding: 0 8px;
    transform: translateY(8px); }

.ag-theme-balham.ag-dnd-ghost span,
    .ag-theme-balham.ag-dnd-ghost div {
      height: 100%;
      margin: 0;
      padding: 0; }

.ag-theme-balham.ag-dnd-ghost .ag-dnd-ghost-icon {
      margin-right: 4px;
      opacity: 0.87; }

.ag-theme-balham .ag-tab-header {
    background: #f5f7f7;
    min-width: 220px;
    width: 100%;
    display: flex; }

.ag-theme-balham .ag-tab-header .ag-tab {
      display: flex;
      border-bottom: 2px solid transparent;
      height: 16px;
      flex: none;
      align-items: center;
      justify-content: center; }

.ag-theme-balham .ag-tab-body {
    padding: 2px 0; }

.ag-theme-balham .ag-tab-body .ag-menu-list {
      margin-bottom: 0;
      margin-top: 0; }

.ag-theme-balham .ag-tab-body .ag-menu-list > div:first-child > span {
        padding-top: 0; }

.ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > span {
        padding-bottom: 0; }

.ag-theme-balham .ag-tab-body .ag-menu-list > div:last-child > .ag-menu-option-popup-pointer {
        background-position-y: 0; }

.ag-theme-balham .ag-filter .ag-filter-select, .ag-theme-balham .ag-filter .ag-filter-body {
    margin-bottom: 4px; }

.ag-theme-balham .ag-filter .ag-filter-body {
    margin-top: 0; }

.ag-theme-balham .ag-filter .ag-filter-filter {
    margin-left: 4px;
    margin-right: 4px; }

.ag-theme-balham .ag-filter .ag-filter-select {
    margin: 4px; }

.ag-theme-balham .ag-filter input[type="radio"] {
    margin: 0 3px 0 6px;
    width: 12px;
    height: 17px;
    vertical-align: top; }

.ag-theme-balham .ag-filter input[type="text"],
  .ag-theme-balham .ag-filter input[type="date"] {
    padding-left: 4px; }

.ag-theme-balham .ag-filter .ag-set-filter-list {
    height: 168px; }

.ag-theme-balham .ag-filter .ag-set-filter-item {
    height: 28px;
    display: flex;
    align-items: center; }

.ag-theme-balham .ag-filter .ag-set-filter-item > div, .ag-theme-balham .ag-filter .ag-set-filter-item > span {
      margin-left: 5px;
      display: flex; }

.ag-theme-balham .ag-filter .ag-filter-header-container:nth-child(2) {
    border-bottom: 1px solid #BDC3C7; }

.ag-theme-balham .ag-filter .ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
    padding-top: 8px; }

.ag-theme-balham .ag-filter .ag-filter-apply-panel button {
      line-height: 1.5; }

.ag-theme-balham .ag-filter .ag-filter-apply-panel button + button {
      margin-left: 8px; }

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
  .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
    height: 16px; }

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
    .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-tool-panel-column-label,
    .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
    .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
    .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-tool-panel-column-label,
    .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
      margin-left: 4px;
      margin-right: 4px; }

.ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel {
    border-top: 1px solid #BDC3C7;
    padding-top: 4px; }

.ag-theme-balham .ag-column-select-panel .ag-primary-cols-list-panel > div {
      cursor: pointer; }

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
    margin-left: 24px; }

.ag-theme-balham .ag-primary-cols-header-panel {
    border-top: 1px solid #BDC3C7;
    height: 32px;
    align-items: center; }

.ag-theme-balham .ag-primary-cols-header-panel > div {
      cursor: pointer;
      margin: 0 4px; }

.ag-theme-balham .ag-primary-cols-header-panel .ag-filter-body {
      margin-left: 4px;
      margin-right: 4px; }

.ag-theme-balham .ag-tool-panel-wrapper {
    border-right: 0; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel {
      width: 100%; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-instance {
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        flex: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        display: flex;
        flex-flow: column nowrap; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-instance .ag-filter-toolpanel-header {
          padding: 0 5px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-instance .ag-filter-toolpanel-header > div {
            margin: auto 0; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-body-wrapper {
        padding-top: 5px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-air {
        border: 1px solid #BDC3C7;
        border-left: 0;
        border-right: 0;
        padding: 4px 0; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel {
      height: 32px;
      display: flex;
      flex: none; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
        display: flex;
        align-items: center;
        margin-left: 4px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel {
      border-bottom: 1px solid #BDC3C7;
      padding-bottom: 3px;
      padding-top: 0; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
      border-bottom: 1px solid #BDC3C7;
      padding: 4px 0;
      padding-bottom: 8px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
        color: rgba(0, 0, 0, 0.38);
        font-weight: 600;
        font-size: 12px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        padding-left: 24px;
        padding-right: 4px;
        margin-top: 4px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-list {
        cursor: default;
        margin-top: 4px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop > div > :first-child {
        margin-left: 4px;
        margin-right: 4px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop:last-child {
        border-bottom: 0; }

.ag-theme-balham .ag-numeric-header .ag-header-cell-label .ag-header-icon {
    margin-left: 0;
    margin-right: 4px; }

.ag-theme-balham .ag-paging-panel {
    border-top: 1px solid #BDC3C7;
    color: rgba(0, 0, 0, 0.54);
    height: 32px;
    padding: 0 12px; }

.ag-theme-balham .ag-paging-panel > span {
      margin-left: 16px; }

.ag-theme-balham .ag-paging-page-summary-panel .ag-icon {
    width: 16px;
    height: 16px; }

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button button {
    cursor: pointer;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled .ag-icon {
    color: rgba(0, 0, 0, 0.38);
    opacity: 0.38; }

.ag-theme-balham .ag-paging-page-summary-panel .ag-paging-button.ag-disabled button {
    cursor: default; }

.ag-theme-balham .ag-paging-page-summary-panel span {
    margin: 0 4px; }

.ag-theme-balham .ag-row-selected {
    background-color: #b7e4ff; }

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell), .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell) {
    border: 1px solid transparent; }

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top, .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
      border-top-color: #0091EA; }

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right, .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
      border-right-color: #0091EA; }

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom, .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
      border-bottom-color: #0091EA; }

.ag-theme-balham .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left, .ag-theme-balham .ag-rtl .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
      border-left-color: #0091EA; }

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.2); }

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart {
      background-color: rgba(0, 88, 255, 0.1); }

.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category {
      background-color: rgba(0, 255, 132, 0.1); }

.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.3); }

.ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.4); }

.ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.5); }

.ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.6); }

.ag-theme-balham .ag-ltr .ag-selection-fill-top, .ag-theme-balham .ag-rtl .ag-selection-fill-top {
    border-top: 1px dashed #0091EA; }

.ag-theme-balham .ag-ltr .ag-selection-fill-top.ag-cell.ag-cell-range-selected, .ag-theme-balham .ag-rtl .ag-selection-fill-top.ag-cell.ag-cell-range-selected {
      border-top: 1px dashed #869198; }

.ag-theme-balham .ag-ltr .ag-selection-fill-right, .ag-theme-balham .ag-rtl .ag-selection-fill-right {
    border-right: 1px dashed #0091EA; }

.ag-theme-balham .ag-ltr .ag-selection-fill-right.ag-cell.ag-cell-range-selected, .ag-theme-balham .ag-rtl .ag-selection-fill-right.ag-cell.ag-cell-range-selected {
      border-right: 1px dashed #869198; }

.ag-theme-balham .ag-ltr .ag-selection-fill-bottom, .ag-theme-balham .ag-rtl .ag-selection-fill-bottom {
    border-bottom: 1px dashed #0091EA; }

.ag-theme-balham .ag-ltr .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected, .ag-theme-balham .ag-rtl .ag-selection-fill-bottom.ag-cell.ag-cell-range-selected {
      border-bottom: 1px dashed #869198; }

.ag-theme-balham .ag-ltr .ag-selection-fill-left, .ag-theme-balham .ag-rtl .ag-selection-fill-left {
    border-left: 1px dashed #0091EA; }

.ag-theme-balham .ag-ltr .ag-selection-fill-left.ag-cell.ag-cell-range-selected, .ag-theme-balham .ag-rtl .ag-selection-fill-left.ag-cell.ag-cell-range-selected {
      border-left: 1px dashed #869198; }

.ag-theme-balham .ag-fill-handle, .ag-theme-balham .ag-range-handle {
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: -1px;
    right: -1px;
    background-color: #0091EA; }

.ag-theme-balham .ag-fill-handle {
    cursor: cell; }

.ag-theme-balham .ag-range-handle {
    cursor: nwse-resize; }

.ag-theme-balham .ag-cell.ag-cell-inline-editing {
    padding: 12px;
    height: 40px; }

.ag-theme-balham .ag-cell.ag-cell-inline-editing, .ag-theme-balham .ag-cell.ag-popup-editor {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background-color: #f5f7f7; }

.ag-theme-balham .ag-popup-editor {
    padding: 0; }

.ag-theme-balham .ag-popup-editor .ag-large-textarea textarea {
      height: auto;
      padding: 12px; }

.ag-theme-balham .ag-rich-select {
    background-color: #f5f7f7; }

.ag-theme-balham .ag-rich-select .ag-rich-select-list {
      width: 200px;
      height: 182px; }

.ag-theme-balham .ag-rich-select .ag-rich-select-value {
      padding: 0 4px 0 12px;
      height: 28px; }

.ag-theme-balham .ag-rich-select .ag-virtual-list-item {
      cursor: default;
      height: 28px; }

.ag-theme-balham .ag-rich-select .ag-virtual-list-item:hover {
        background-color: #ECF0F1; }

.ag-theme-balham .ag-rich-select .ag-rich-select-row {
      padding-left: 12px; }

.ag-theme-balham .ag-rich-select .ag-rich-select-row-selected {
      background-color: #b7e4ff; }

.ag-theme-balham .ag-ltr .ag-floating-filter-button {
    margin-left: 12px; }

.ag-theme-balham .ag-floating-filter-button button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: transparent;
    border: 0;
    height: 16px;
    padding: 0;
    width: 16px; }

.ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) ~ .ag-cell-value:not(:empty), .ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) + .ag-group-value:not(:empty),
  .ag-theme-balham .ag-group-expanded:not(.ag-hidden) ~ .ag-cell-value:not(:empty),
  .ag-theme-balham .ag-group-expanded:not(.ag-hidden) + .ag-group-value:not(:empty),
  .ag-theme-balham .ag-group-contracted:not(.ag-hidden) ~ .ag-cell-value:not(:empty),
  .ag-theme-balham .ag-group-contracted:not(.ag-hidden) + .ag-group-value:not(:empty),
  .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) ~ .ag-cell-value:not(:empty),
  .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) + .ag-group-value:not(:empty) {
    margin-left: 12px; }

.ag-theme-balham .ag-selection-checkbox:not(.ag-hidden) ~ .ag-group-checkbox,
  .ag-theme-balham .ag-group-expanded:not(.ag-hidden) ~ .ag-group-checkbox,
  .ag-theme-balham .ag-group-contracted:not(.ag-hidden) ~ .ag-group-checkbox,
  .ag-theme-balham .ag-group-checkbox:not(.ag-invisible) ~ .ag-group-checkbox {
    margin-left: 12px; }

.ag-theme-balham .ag-group-child-count {
    margin-left: 2px; }

.ag-theme-balham .ag-selection-checkbox span {
    position: relative; }

.ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 28px;
    padding-left: 12px; }

.ag-theme-balham .ag-column-drop-horizontal .ag-icon-group,
    .ag-theme-balham .ag-column-drop-horizontal .ag-icon-pivot {
      margin-right: 12px; }

.ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-left,
    .ag-theme-balham .ag-column-drop-horizontal .ag-icon-small-right {
      margin: 0 4px;
      opacity: 0.54; }

.ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-empty-message {
      opacity: 0.38; }

.ag-theme-balham .ag-column-drop-cell {
    background: #dde4e6;
    border-radius: 16px;
    min-height: 16px;
    padding: 0 2px; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-text {
      margin: 0 4px; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
      min-width: 16px;
      margin: 0 2px;
      opacity: 0.54; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
        opacity: 0.87; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drag {
      margin-left: 8px; }

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
    margin-top: 4px; }

.ag-theme-balham .ag-select-agg-func-popup {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px;
    background: white;
    height: 70px;
    padding: 0; }

.ag-theme-balham .ag-select-agg-func-popup .ag-virtual-list-item {
      cursor: default;
      line-height: 20px;
      padding-left: 8px; }

.ag-theme-balham .ag-set-filter-list,
  .ag-theme-balham .ag-menu-column-select-wrapper {
    width: auto; }

.ag-theme-balham .ag-column-drop-vertical > .ag-column-drop-cell {
    margin-left: 4px;
    margin-top: 0; }

.ag-theme-balham .ag-cell-data-changed {
    background-color: rgba(22, 160, 133, 0.5) !important; }

.ag-theme-balham .ag-cell-data-changed-animation {
    background-color: transparent;
    transition: background-color 1s; }

.ag-theme-balham .ag-row-stub {
    background-color: inherit; }

.ag-theme-balham .ag-stub-cell {
    padding-left: 12px;
    padding-top: 4px; }

.ag-theme-balham .ag-stub-cell .ag-loading-icon {
      animation-name: spin;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.ag-theme-balham .ag-stub-cell .ag-loading-text {
      margin-left: 4px;
      margin-top: 4px; }

.ag-theme-balham .ag-floating-top {
    border-bottom: 1px solid #BDC3C7; }

.ag-theme-balham .ag-floating-bottom {
    border-top: 1px solid #BDC3C7; }

.ag-theme-balham .ag-floating-top, .ag-theme-balham .ag-floating-bottom {
    background-color: inherit; }

.ag-theme-balham .ag-floating-top .ag-row, .ag-theme-balham .ag-floating-bottom .ag-row {
      background-color: inherit; }

.ag-theme-balham .ag-status-bar {
    background: white;
    border: 1px solid #BDC3C7;
    border-top-width: 0;
    color: rgba(0, 0, 0, 0.38);
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding-right: 16px;
    padding-left: 16px;
    line-height: 1.5; }

.ag-theme-balham .ag-name-value-value {
    color: #000; }

.ag-theme-balham .ag-status-bar-center {
    text-align: center; }

.ag-theme-balham .ag-name-value {
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px; }

.ag-theme-balham .ag-details-row {
    padding: 20px; }

.ag-theme-balham .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }

.ag-theme-balham .ag-overlay-loading-center {
    background: white;
    border-radius: 2px;
    box-shadow: none;
    padding: 4px; }

.ag-theme-balham .ag-side-bar {
    background-color: #f5f7f7;
    border: 1px solid #BDC3C7;
    border-left-width: 0;
    position: relative; }

.ag-theme-balham .ag-side-bar .ag-side-buttons {
      padding-top: 16px;
      background: white;
      width: 20px;
      position: relative; }

.ag-theme-balham .ag-side-bar .ag-side-buttons .ag-side-button button {
        background: transparent;
        border: 0;
        color: #000;
        padding: 8px 0 8px 0;
        width: 100%;
        margin: 0;
        min-height: 72px;
        border-width: 1px 0 1px 0;
        border-style: solid;
        border-color: transparent;
        background-position-y: center;
        background-position-x: center;
        background-repeat: no-repeat; }

.ag-theme-balham .ag-side-bar .ag-side-buttons .ag-selected button {
        background-color: #f5f7f7;
        margin-left: -1px;
        padding-left: 1px;
        border-color: #BDC3C7; }

.ag-theme-balham .ag-side-bar .ag-panel-container {
      border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-side-bar.full-width .ag-panel-container {
      border-right: 0; }

.ag-theme-balham .ag-side-bar .ag-column-drop {
      min-height: 50px; }

.ag-theme-balham .ag-primary-cols-filter-wrapper {
    margin-left: 4px;
    margin-right: 4px; }

.ag-theme-balham .ag-group-component {
    background-color: #f8f9fa;
    padding: 0px;
    border: 0 solid #cbd0d3;
    border-top-width: 1px; }

.ag-theme-balham .ag-group-component.ag-disabled > .ag-group-component-label .ag-group-component-title, .ag-theme-balham .ag-group-component.ag-disabled > .ag-group-component-container {
      opacity: 0.5; }

.ag-theme-balham .ag-group-component .ag-group-component-title-bar {
      background-color: #e9eeef;
      height: 16px;
      font-size: 12px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      height: 26px; }

.ag-theme-balham .ag-group-component:not(.ag-collapsible) > div {
      margin-left: 0; }

.ag-theme-balham .ag-group-component:not(.ag-collapsible) > .ag-group-component-title-bar {
      margin-left: 0;
      padding: 4px; }

.ag-theme-balham .ag-group-component:not(.ag-collapsible) > .ag-group-component-title-bar .ag-column-group-icons {
        display: none; }

.ag-theme-balham .ag-group-component .ag-group-component-toolbar {
      background-color: #f2f5f5;
      padding: 4px;
      border: 0 solid #BDC3C7; }

.ag-theme-balham .ag-group-component > .ag-group-component-container {
      margin-left: 8px;
      padding: 4px; }

.ag-theme-balham .ag-group-component .ag-group-item {
      margin: 2px 0; }

.ag-theme-balham .ag-group-component .ag-group-item .ag-group-component-title-bar {
        height: 18px; }

.ag-theme-balham .ag-labeled label {
    margin-right: 4px;
    white-space: nowrap; }

.ag-theme-balham .ag-labeled.ag-label-align-top label {
    margin-bottom: 2px; }

.ag-theme-balham .ag-slider > .ag-wrapper > div:not(:first-of-type), .ag-theme-balham .ag-angle-select > .ag-wrapper > div:not(:first-of-type) {
    margin-left: 8px; }

.ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-parent-circle {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
    background-color: #ffffff; }

.ag-theme-balham .ag-angle-select .ag-angle-select-field .ag-child-circle {
    top: 4px;
    left: 12px;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -4px;
    border-radius: 3px;
    background-color: #4c4c4c; }

.ag-theme-balham .ag-toggle-button .ag-input-wrapper {
    height: 16px;
    width: 40px;
    background-color: white;
    border: 1px solid #7F8C8D;
    border-radius: 500rem; }

.ag-theme-balham .ag-toggle-button .ag-input-wrapper .ag-icon {
      width: 16px;
      height: 16px;
      border: 1px solid #7F8C8D;
      border-radius: 500rem;
      right: calc(100% - 16px); }

.ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper {
    background-color: #0091EA; }

.ag-theme-balham .ag-toggle-button.ag-selected .ag-input-wrapper .ag-icon {
      background: white;
      right: -1px; }

.ag-theme-balham .ag-color-picker > .ag-wrapper {
    border: 1px solid #BDC3C7;
    border-radius: 5px; }

.ag-theme-balham .ag-color-picker > .ag-wrapper > div {
      width: 16px;
      height: 16px; }

.ag-theme-balham .ag-color-picker > .ag-wrapper button {
      background-color: white; }

.ag-theme-balham .ag-color-picker > .ag-wrapper button:hover {
      background-color: #ECF0F1; }

.ag-theme-balham .ag-dialog.ag-color-dialog {
    border-radius: 5px; }

.ag-theme-balham .ag-color-panel {
    padding: 4px; }

.ag-theme-balham .ag-color-panel .ag-spectrum-color {
      background-color: red;
      border-radius: 2px; }

.ag-theme-balham .ag-color-panel .ag-spectrum-tools {
      padding: 10px; }

.ag-theme-balham .ag-color-panel .ag-spectrum-sat {
      background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); }

.ag-theme-balham .ag-color-panel .ag-spectrum-val {
      background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); }

.ag-theme-balham .ag-color-panel .ag-spectrum-dragger {
      border-radius: 12px;
      height: 12px;
      width: 12px;
      border: 1px solid white;
      background: black;
      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); }

.ag-theme-balham .ag-color-panel .ag-spectrum-hue-background {
      border-radius: 2px; }

.ag-theme-balham .ag-color-panel .ag-spectrum-alpha-background {
      border-radius: 2px; }

.ag-theme-balham .ag-color-panel .ag-hue-alpha {
      margin-bottom: 10px;
      height: 11px;
      border-radius: 2px; }

.ag-theme-balham .ag-color-panel .ag-spectrum-slider {
      margin-top: -12px;
      width: 13px;
      height: 13px;
      border-radius: 13px;
      background-color: #f8f8f8;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }

.ag-theme-balham .ag-color-panel .ag-spectrum-text-value {
      font-weight: bold;
      line-height: 20px;
      color: #333; }

.ag-theme-balham .ag-color-panel .ag-spectrum-text-value:focus {
      border: 1px solid #0d77e4;
      padding: 2px; }

.ag-theme-balham .ag-color-panel .ag-recent-colors > div {
      margin: 0 3px; }

.ag-theme-balham .ag-color-panel .ag-recent-colors > div:first-child {
        margin-left: 0; }

.ag-theme-balham .ag-color-panel .ag-recent-colors > div:last-child {
        margin-right: 0; }

.ag-theme-balham.ag-popup > div:not(.ag-tooltip-custom) {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }

.ag-theme-balham .ag-panel {
    background-color: white;
    border: 1px solid #BDC3C7; }

.ag-dragging-range-handle .ag-theme-balham .ag-panel.ag-dialog, .ag-dragging-fill-handle .ag-theme-balham .ag-panel.ag-dialog {
      opacity: 0.7;
      pointer-events: none; }

.ag-theme-balham .ag-panel .ag-title-bar {
      background-color: #f5f7f7;
      border-bottom: 1px solid #d9dcde;
      color: rgba(0, 0, 0, 0.54);
      height: 32px;
      font-size: 12px;
      font-weight: 600;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      padding-left: 12px;
      padding: 5px 10px; }

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button {
        height: 20px;
        width: 20px;
        border-radius: 5px; }

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button .ag-icon {
          line-height: 20px;
          font-size: 20px; }

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:hover, .ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button.ag-has-popup {
          background-color: #d7e0e2; }

.ag-theme-balham .ag-panel .ag-title-bar .ag-title-bar-buttons .ag-button:not(:last-child) {
          margin-right: 5px; }

.ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar {
      height: 30px;
      background-color: #f5f7f7;
      padding: 2px; }

.ag-theme-balham .ag-panel .ag-message-box .ag-message-box-button-bar button {
        border-radius: 2px; }

.ag-theme-balham .ag-tooltip {
    background-color: #cbd0d3;
    color: #000;
    border-radius: 2px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #cbd0d3;
    transition: opacity 1s; }

.ag-theme-balham .ag-tooltip.ag-tooltip-hiding {
      opacity: 0; }

.ag-theme-balham .ag-chart .ag-chart-menu {
    border-radius: 5px;
    background: white; }

.ag-theme-balham .ag-chart .ag-chart-menu > span:hover {
      background-color: #e6e6e6; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-group-component-container {
    margin-left: 0; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail {
    border: 1px solid #BDC3C7;
    border-radius: 5px;
    margin: 5px; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(2n + 2):not(:last-child) {
      margin-left: auto;
      margin-right: auto; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n + 1) {
      margin-left: 2px; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail:nth-child(3n) {
      margin-right: 2px; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper .ag-chart-mini-thumbnail.ag-selected {
      border-color: #0091EA; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
    color: #000;
    font-size: 10px; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
      color: #0091EA; }

.ag-theme-balham .ag-chart-tabbed-menu .ag-chart-format .ag-chart-format-wrapper .ag-group-item {
    margin: 4.8px 0; }

.ag-theme-balham .ag-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "agGridBalham";
    speak: none;
    font-size: 16px;
    color: #7F8C8D;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.ag-theme-balham .ag-icon-aggregation:before {
    content: "\E900"; }

.ag-theme-balham .ag-icon-arrows:before {
    content: "\E901"; }

.ag-theme-balham .ag-icon-asc:before {
    content: "\E902"; }

.ag-theme-balham .ag-icon-cancel:before {
    content: "\E903"; }

.ag-theme-balham .ag-icon-chart:before {
    content: "\E904"; }

.ag-theme-balham .ag-icon-checkbox-checked:before {
    content: "\E905"; }

.ag-theme-balham .ag-icon-checkbox-indeterminate:before {
    content: "\E906"; }

.ag-theme-balham .ag-icon-checkbox-unchecked:before {
    content: "\E907"; }

.ag-theme-balham .ag-icon-color-picker:before {
    content: "\E908"; }

.ag-theme-balham .ag-icon-column:before {
    content: "\E909"; }

.ag-theme-balham .ag-icon-columns:before {
    content: "\E90A"; }

.ag-theme-balham .ag-icon-contracted:before {
    content: "\E90B"; }

.ag-theme-balham .ag-icon-copy:before {
    content: "\E90C"; }

.ag-theme-balham .ag-icon-cross:before {
    content: "\E90D"; }

.ag-theme-balham .ag-icon-cut:before {
    content: "\E90E"; }

.ag-theme-balham .ag-icon-data:before {
    content: "\E90F"; }

.ag-theme-balham .ag-icon-desc:before {
    content: "\E910"; }

.ag-theme-balham .ag-icon-expanded:before {
    content: "\E911"; }

.ag-theme-balham .ag-icon-eye-slash:before {
    content: "\E912"; }

.ag-theme-balham .ag-icon-eye:before {
    content: "\E913"; }

.ag-theme-balham .ag-icon-filter:before {
    content: "\E914"; }

.ag-theme-balham .ag-icon-first:before {
    content: "\E915"; }

.ag-theme-balham .ag-icon-grip:before {
    content: "\E916"; }

.ag-theme-balham .ag-icon-group:before {
    content: "\E917"; }

.ag-theme-balham .ag-icon-indeterminate:before {
    content: "\E918"; }

.ag-theme-balham .ag-icon-last:before {
    content: "\E919"; }

.ag-theme-balham .ag-icon-left:before {
    content: "\E91A"; }

.ag-theme-balham .ag-icon-loading:before {
    content: "\E91B"; }

.ag-theme-balham .ag-icon-maximize:before {
    content: "\E91C"; }

.ag-theme-balham .ag-icon-menu:before {
    content: "\E91D"; }

.ag-theme-balham .ag-icon-minimize:before {
    content: "\E91E"; }

.ag-theme-balham .ag-icon-minus:before {
    content: "\E91F"; }

.ag-theme-balham .ag-icon-next:before {
    content: "\E920"; }

.ag-theme-balham .ag-icon-none:before {
    content: "\E921"; }

.ag-theme-balham .ag-icon-not-allowed:before {
    content: "\E922"; }

.ag-theme-balham .ag-icon-paste:before {
    content: "\E923"; }

.ag-theme-balham .ag-icon-pin:before {
    content: "\E924"; }

.ag-theme-balham .ag-icon-pivot:before {
    content: "\E925"; }

.ag-theme-balham .ag-icon-plus:before {
    content: "\E926"; }

.ag-theme-balham .ag-icon-previous:before {
    content: "\E927"; }

.ag-theme-balham .ag-icon-radio-button-off:before {
    content: "\E928"; }

.ag-theme-balham .ag-icon-radio-button-on:before {
    content: "\E929"; }

.ag-theme-balham .ag-icon-right:before {
    content: "\E92A"; }

.ag-theme-balham .ag-icon-save:before {
    content: "\E92B"; }

.ag-theme-balham .ag-icon-small-down:before {
    content: "\E92C"; }

.ag-theme-balham .ag-icon-small-left:before {
    content: "\E92D"; }

.ag-theme-balham .ag-icon-small-right:before {
    content: "\E92E"; }

.ag-theme-balham .ag-icon-small-up:before {
    content: "\E92F"; }

.ag-theme-balham .ag-icon-tick:before {
    content: "\E930"; }

.ag-theme-balham .ag-icon-tree-closed:before {
    content: "\E931"; }

.ag-theme-balham .ag-icon-tree-indeterminate:before {
    content: "\E932"; }

.ag-theme-balham .ag-icon-tree-open:before {
    content: "\E933"; }

.ag-theme-balham .ag-icon-checkbox-checked,
  .ag-theme-balham .ag-icon-checkbox-indeterminate,
  .ag-theme-balham .ag-icon-checkbox-unchecked {
    background-color: white;
    line-height: 16px;
    border-radius: 3px; }

.ag-theme-balham .ag-icon-checkbox-checked-readonly,
    .ag-theme-balham .ag-icon-checkbox-indeterminate-readonly,
    .ag-theme-balham .ag-icon-checkbox-unchecked-readonly {
      cursor: default;
      opacity: 0.38; }

.ag-theme-balham .ag-icon-checkbox-checked {
    color: #0091EA; }

.ag-theme-balham .ag-icon-checkbox-checked-readonly:before {
      content: "\E905"; }

.ag-theme-balham .ag-icon-checkbox-indeterminate-readonly:before {
    content: "\E906"; }

.ag-theme-balham .ag-icon-checkbox-unchecked-readonly:before {
    content: "\E907"; }

.ag-theme-balham .ag-group-expanded .ag-icon-contracted:empty:before {
    content: "\E933"; }

.ag-theme-balham .ag-icon-row-drag:before {
    content: "\E916"; }

.ag-theme-balham .ag-right-arrow:before {
    content: "\E91A"; }

.ag-theme-balham .ag-icon-radio-button-on {
    color: #0091EA; }

.ag-theme-balham .ag-right-arrow:before {
    content: "\E92A"; }

.ag-theme-balham .ag-rtl {
    text-align: right; }

.ag-theme-balham .ag-rtl .ag-numeric-cell {
      text-align: left; }

.ag-theme-balham .ag-rtl .ag-checkbox:not(.ag-label-align-left) label, .ag-theme-balham .ag-rtl .ag-radio-button:not(.ag-label-align-left) label, .ag-theme-balham .ag-rtl .ag-toggle-button:not(.ag-label-align-left) label {
      margin-right: 4px;
      margin-left: 0; }

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
      margin-right: 4px; }

.ag-theme-balham .ag-rtl .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
      padding-left: 4px;
      padding-right: 16px; }

.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
    .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
    .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
    .ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
      margin-left: 4px;
      margin-right: 4px; }

.ag-theme-balham .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
      margin-left: 0;
      margin-right: 24px; }

.ag-theme-balham .ag-rtl .ag-header-select-all {
      margin-left: 12px;
      margin-right: 0; }

.ag-theme-balham .ag-rtl .ag-selection-checkbox,
    .ag-theme-balham .ag-rtl .ag-group-checkbox,
    .ag-theme-balham .ag-rtl .ag-group-expanded,
    .ag-theme-balham .ag-rtl .ag-group-contracted {
      display: inline-flex; }

.ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-cell-value:not(:empty), .ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-group-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-cell-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-group-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-cell-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-group-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-cell-value:not(:empty),
      .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-group-value:not(:empty) {
        margin-right: 12px;
        margin-left: initial; }

.ag-theme-balham .ag-rtl .ag-selection-checkbox + .ag-group-checkbox,
      .ag-theme-balham .ag-rtl .ag-group-checkbox + .ag-group-checkbox,
      .ag-theme-balham .ag-rtl .ag-group-expanded + .ag-group-checkbox,
      .ag-theme-balham .ag-rtl .ag-group-contracted + .ag-group-checkbox {
        margin-right: 12px;
        margin-left: initial; }

.ag-theme-balham .ag-rtl .ag-group-child-count {
      margin-left: unset;
      margin-right: 2px; }

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal {
      padding-right: 12px; }

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-group,
      .ag-theme-balham .ag-rtl .ag-column-drop-horizontal .ag-icon-pivot {
        margin-left: 12px;
        margin-right: 0; }

.ag-theme-balham .ag-rtl .ag-floating-filter-button {
      margin-right: 12px; }

.ag-theme-balham .ag-rtl .ag-set-filter-item > div, .ag-theme-balham .ag-rtl .ag-set-filter-item > span {
      margin-left: 0;
      margin-right: 5px; }

.ag-theme-balham .ag-rtl .ag-header .ag-header-cell-resize::after {
      border-left: 1px solid #BDC3C7;
      border-right: 0; }

.ag-theme-balham .ag-rtl .ag-side-bar .ag-panel-container {
      border-left: 1px solid #BDC3C7;
      border-right: 0; }

.ag-theme-balham .ag-rtl .ag-side-bar.full-width .ag-panel-container {
      border-left: 0; }

.ag-theme-balham .sass-variables::after {
    content: '{ "autoSizePadding": "12px", "headerHeight": "32px", "groupPaddingSize": "28px", "footerPaddingAddition": "16px", "virtualItemHeight": "28px", "aggFuncPopupHeight": "98px", "checkboxIndentWidth": "20px", "leafNodePadding": "12px", "rowHeight": "28px", "gridSize": "4px", "iconSize": "16px" }';
    display: none; }

.ag-theme-balham .ag-cell-highlight {
    background-color: #0091EA !important; }

.ag-theme-balham .ag-header-cell-resize::after {
    height: 80%;
    margin-top: 8px; }

.ag-theme-balham .ag-header-cell::after,
  .ag-theme-balham .ag-header-group-cell::after {
    border-right: 1px solid rgba(189, 195, 199, 0.5);
    content: " ";
    height: 16px;
    margin-top: 8px;
    position: absolute;
    text-indent: -2000px;
    top: 0; }

.ag-theme-balham .ag-ltr .ag-header-cell::after,
  .ag-theme-balham .ag-ltr .ag-header-group-cell::after {
    right: 0; }

.ag-theme-balham .ag-rtl .ag-header-cell::after,
  .ag-theme-balham .ag-rtl .ag-header-group-cell::after {
    left: 0; }

.ag-theme-balham .ag-column-drop-horizontal.ag-column-drop {
    border: 1px solid #BDC3C7;
    border-bottom: 0; }

.ag-theme-balham .ag-ltr .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
    border-right: 0; }

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal.ag-column-drop.ag-width-half:first-child {
    border-left: 0; }

.ag-theme-balham .ag-row {
    border-color: #d9dcde; }

.ag-theme-balham .ag-row-selected {
    border-color: #b7e4ff; }

.ag-theme-balham .ag-column-drop-cell {
    min-height: 24px; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button {
      margin-bottom: 2px;
      margin-top: 2px; }

.ag-theme-balham .ag-column-drop-cell .ag-column-drop-cell-button:hover {
      opacity: 1; }

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell {
    margin-left: 8px;
    margin-right: 8px; }

.ag-theme-balham .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text {
      margin-left: 8px; }

.ag-theme-balham .ag-column-drop-horizontal {
    background-color: #f5f7f7;
    height: 32px; }

.ag-theme-balham .ag-column-drop-horizontal .ag-column-drop-cell-text {
      margin-left: 8px; }

.ag-theme-balham .ag-root {
    border: 1px solid #BDC3C7; }

.ag-theme-balham .ag-tool-panel-wrapper {
    border-right: 1px solid #BDC3C7; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column-group,
    .ag-theme-balham .ag-tool-panel-wrapper .ag-column-select-panel .ag-column-tool-panel-column {
      min-height: 20px; }

.ag-theme-balham .ag-tool-panel-wrapper .ag-column-drop {
      padding-bottom: 8px;
      padding-top: 8px; }

.ag-theme-balham .ag-rtl .ag-side-bar,
  .ag-theme-balham .ag-rtl .ag-tool-panel-wrapper {
    border-left: 1px solid #BDC3C7;
    border-right: 0; }

.ag-theme-balham .ag-rtl .ag-icon-expanded,
  .ag-theme-balham .ag-rtl .ag-icon-contracted {
    transform: rotate(180deg); }

.ag-theme-balham .ag-menu-option {
    height: 28px; }

.ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column-group,
  .ag-theme-balham .ag-column-select-panel .ag-column-tool-panel-column {
    height: 20px; }

.ag-theme-balham .ag-tab-header {
    border-bottom: 1px solid #BDC3C7; }

.ag-theme-balham .ag-tab-header .ag-tab {
      margin-bottom: -2px; }

.ag-theme-balham .ag-tab-header .ag-tab.ag-tab-selected {
      background-color: white;
      border-bottom-color: transparent; }

.ag-theme-balham .ag-tab-body,
  .ag-theme-balham .ag-popup-editor,
  .ag-theme-balham .ag-menu {
    background-color: white;
    color: #000; }

.ag-theme-balham .ag-cell.ag-cell-inline-editing {
    height: 28px;
    padding: 0; }

.ag-theme-balham .ag-details-row {
    background-color: white; }

.ag-theme-balham .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }

.ag-theme-balham .ag-overlay-loading-center {
    background-color: white;
    border: 1px solid #BDC3C7;
    color: #000;
    padding: 16px; }

.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.3); }

.ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.4); }

.ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.5); }

.ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(0, 145, 234, 0.6); }

.ag-theme-balham .ag-rich-select-value {
    border-bottom: 1px solid #BDC3C7; }

.ag-theme-balham .ag-filter-apply-panel {
    border-top: 1px solid #BDC3C7; }

.ag-theme-balham .ag-filter-toolpanel-body {
    background-color: white; }

/* @import url("./css/blend.css");
@import url("./css/object-distances.css"); */

html,
body,
app-root {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #888f96;
  overflow-x: hidden;

}

.hidden{display: none;}

.loader-hidden {
  visibility: hidden;
}

.loader-overlay {
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 1;
  z-index: 500000;
  bottom: 0;
  background-color: #a9a9a936;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffffb3;
  right: 0;
}

.loader-overlay .spinner {
  font-size: 70px;
  color: #0299c6;
}

app-root {}

:focus {
  outline: none;
}

.opacity0 {
  opacity: 0;
}

.opacity1 {
  opacity: 1 !important;
}

.p-2{padding: 18px 24px;}

.pointerEventsNone {
  pointer-events: none;
}

#shell {
  background-color: #edf1f2;
  display: flex;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
}

#shell app-nav-bar {
  width: 200px;
  min-width: 200px;
  background-color: #566e7a;
  height: calc(100% - 0px);
  color: #fff;
  /* overflow-y: auto; */
  display: flex;
  flex-direction: column;
  position: relative;
}

#siteHeader {
  background-color: #0299c6;
  /* background: #0299c6; */
  background: -moz-linear-gradient(left, #0299c6 0%, #d71920 49%, #f15d25 76%, #f79220 100%);
  /* background: -webkit-linear-gradient(left, #0299c6 0%, #d71920 49%, #f15d25 76%, #f79220 100%); */
  /* background: linear-gradient(to right, #0299c6 0%, #d71920 49%, #f15d25 76%, #f79220 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0299c6', endColorstr='#f79220', GradientType=1);
  min-height: 75px;
  height: 75px;
  display: flex;
  color: #fff;
  align-content: center;
}

#siteHeader .left {
  flex-grow: 1;
  position: fixed;
  top: 50px;
  left: 63px;
  display: none;
}

#siteHeader .userWrap {
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  flex-grow: 1;
  font-weight: bold;
}

#siteHeader .userWrap .userName {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-grow: 1;
  justify-content: center;
}

#siteHeader .userWrap .userName:hover {
  color: #dadada;
}

#siteHeader .userWrap .userName>i {
  font-size: 30px;
  margin-right: 7px;
}

#siteHeader .userWrap .userName .userNameText {}

#siteHeader .sep {
  margin: 0 10px;
  height: 30px;
  background-color: #fff;
  width: 1px;
}

#siteHeader .logout {
  cursor: pointer;
}

#siteHeader .logout:hover {
  color: #dadada;
}

#siteHeader .logout i{}

#siteWrap {
  display: flex;
  flex-grow: 1;
  overflow: auto;
}

#shell #siteContent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
}

#shell #pageOutlet {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* width: 1050px; */
  width: 100%;
  justify-content: center;
  align-items: center;
}

#shell #pageOutlet>div {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
}

.dlmSelectPanel{
		display: flex;
		flex-direction: column;
		/* height: 200px; */
		position: relative;
		border: solid 1px #9999997d;
		/* background-color: #dadada63; */
		/* margin-bottom: 10px; */
		border-width: 1px 0 0 0;
		}

.dlmSelectPanel .dlmHeader{
		padding: 5px;
		line-height: 40px;
		display: flex;
		justify-content: flex-start;
		height: 50px;
		min-height: 50px;
		flex-direction: row;
		margin: 10px 0;
		}

.dlmSelectPanel .dlmHeader .dlmTitle{
		font-size: 24px;
	/* font-weight: bold; */
	color: #0299c6;
	cursor: default;
	pointer-events: none;}

.dlmSelectPanel .dlmContent{
		flex-grow: 1;
	overflow-y: auto;
	height: 100%;
	margin-bottom: 10px;
	position: relative;
	/* padding: 0 1px; */}

.dlmSelectPanel .fileContainer{}

.dlmSelectPanel .form{
    flex-grow: 1;
}

.dlmSelectPanel .form .form-group{
    width: 100%;
    margin: 0 20px;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
}

.dlmSelectPanel .form .form-group .fileContainer{width: -moz-fit-content;width: fit-content;}

.dlmSelectPanel .form .form-group .fileContainer .btn{width: -moz-fit-content;width: fit-content;}

.page {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  min-width0: 1050px;
  width: calc(100% - 20px);
  margin: 0 10px;
}

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

.page .page-v50{
  min-height: 50%;
}

.page .page-v40{
  min-height: 40%;
}

.page .page-v30{
  min-height: 30%;
  flex-direction: row !important;
  padding: 0px !important;
  border: 0 !important;
}

.page .page-v60{
min-height: 60%;
}

.page .page-h50{
  min-width: 50%;
}

.page .page-h33{
  min-width: 33.33%;
}

.page .pagePartStyle{
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   /* margin: 0 10px; */
   /* border: solid 5px #1d262b2b; */
   /* padding: 0px 10px 10px 10px; */
   /* box-shadow: 0 0 1px 0 #9e9e9e; */
}

.page .pagePartStyle .pageTitle.tabsSectionHeader{pointer-events: initial;}

.page .pagePartStyle .pageTitle.tabsSectionHeader>div{line-height: 26px;cursor: pointer;padding-left: 6px;/* margin-top: 0px; *//* border-top: solid 1px #CECECE; */padding-right: 6px;padding-top: 8px;}

.page .pagePartStyle .pageTitle.tabsSectionHeader>div.selected{padding-top: 5px;}

.margin-top-5{margin-top: -5px;}

.page .pageHeader {
  padding: 5px 0;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  height: 50px;
  min-height: 50px;
}

.page .pageHeader .pageTitle {
  font-size: 24px;
  /* font-weight: bold; */
  color: #0299c6;
  cursor: default;
  pointer-events: none;
}

.pageExtraTitle {
    color: #9c27b0;
    font-size: 16px;
    /* font-weight: bold; */
    vertical-align: top;
    margin-left: 10px;
}

.page .pageHeader .pageHeaderControls {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.page .pageContent {
  flex-grow: 1;
  overflow-y: auto;
  height: 100%;
  /* margin-bottom: 10px; */
  position: relative;
  /* padding: 0 1px; */
}

.page .pageSection {
  /* border-bottom: solid 1px #d6d6d6; */
  /* padding-bottom: 10px; */
  /* box-shadow: 1px 1px 5px 0 gray; */
  /* margin-bottom: 20px; */
  border: solid 1px #ced4da;
  border-width: 1px 1px 1px;
  border-radius: 3px;
  min-width: 800px;
}

.page .pageSection:last-child {
  /* border-bottom:0; */
}

.page .pageSection .pageSectionHeader {
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  margin: 0px 0px 0;
  padding: 0 5px;
  cursor: default;
}

.page .pageSection .pageSectionHeader .pageSectionTitle {
  font-size: 20px;
  font-weight: bold;
  /* color: #1d2b36; */
  color: #5d6265;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.page .pageSection .pageSectionHeader .pageSectionTitle.showErrors {
  color0: #cc0000;
}

.page .pageSection .pageSectionHeader .pageSectionTitle .err {
  display: none;
  margin-left: 10px;
  font-size: 14px;
  color: #c00;
}

.page .pageSection .pageSectionHeader .pageSectionTitle i.fas.err {
  font-size: 20px;
}

.page .pageSection .pageSectionHeader .pageSectionTitle.showErrors .err {
  display: inline;
}

.page .pageSection .pageSectionHeader .pageSectionExtraTitle {
  color: gray;
  font-size: 14px;
  font-weight: normal;
}

.pageSectionControls {
  display: flex;
  align-items: center;
}

.page .pageSection .pageSectionHeader .pageSectionDdlButton {
  width: 30px;
  font-size: 30px;
  display: none;
  align-items: center;
  justify-content: center;
}

.page .expandable .pageSection .pageSectionHeader .pageSectionDdlButton {
  display: flex;
}

.page .pointerEventsNone .pageSection .pageSectionHeader .pageSectionDdlButton {
  display: none;
}

.page .pageSection .pageSectionHeader .pageSectionDdlButton>i {
  height: 16px;
  display: inline-block;
  line-height: 8px;
  color: grey;
}

.page .pageSection .pageSectionHeader .controls {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page .pageSection .pageSectionHeader .controls .btn {}

.page .pageSection .pageSectionHeader .controls .btn.square {}

.page .pageSection .pageSectionHeader .controls .btn.square i {
  margin-right: 0;
}

.page .pageSection .pageSectionFooter {
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  margin: 0px 0px 0;
  padding: 0 5px;
  cursor: default;
  height: 40px;
  min-height: 40px;
}

.page .pageSection .headerBadge {
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  background-color: #566e7a;
  color: #fff;
  border-radius: 20px;
  min-width: 18px;
}

.badge {
  font-size: 11px;
  background-color: #566e7a;
  height: 24px;
  line-height: 1;
  /* padding: 2px 5px; */
  border-radius: 4px;
  margin-right: 2px;
  font-weight: normal;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page .pageSection .headerSummary {
  /* margin-left: 20px; */
  font-weight: normal;
  font-size: 12px;
  color: #000;
  display: flex;
}

.page .pageSection .headerSummary .block {
  height: 20px;
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.page .pageSection .headerSummary .block .lbl {
  font-size: 12px;
  font-weight: bold;
}

.page .pageSection .headerSummary .block .val {
  margin-left: 5px;
}

.page .pageSection .headerSummary .block.focused {
  /* border-bottom: solid 1px gray; */
  background-color: #b91631;
  border-radius: 5px;
  padding: 0 0px 0 5px;
  color: #fff;
}

.page .infoSummary {
  display: flex;
}

.page .infoSummary .block {
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.page .infoSummary .block .lbl {
  font-size: 12px;
  font-weight: bold;
}

.page .infoSummary .block .val {
  margin-left: 5px;
}

.page .pageSection .headerFilters {}

.page .pageSection .headerFilters .block {}

.page .pageSection .headerFilters .block .lbl {}

.page .pageSection .headerFilters .block .control {}

.page .pageSection .pageSectionBody {
  padding: 0 10px;
}

.page .pageSection .pageSectionBody.noPadding {
  padding: 0;
}

.page .pageSection.flat {
  border: 0;
}

.page .pageSection.flat .pageSectionBody {
  padding: 0;
}

.page .pageSection.flat .pageSectionBody .form {
  padding: 0;
}

.page .pageSection .pageSectionBody>div:last-child form {
  border: 0;
  height: initial;
}

.page .controlSet {}

.controlSet .controlSetDiv{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    border: solid 1px #e7e6e6;
    background-color: #e8e6e6;
    margin: 0 0 0 15px;
}

.controlSet .controlSetDiv .lbl{
    margin: 0 5px;
    color: #000;
}

.page .pageBottom {
  display: flex;
  justify-content: center;
  padding: 10px 0 10px;
  min-height: 60px;
  background-color: #edf1f2;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
}

.page .fullPagePopup .pageBottom {
  margin-top: -56px;
  z-index: 10;
  min-height: 52px;
}

.page .pageBreadCrumbs {}

.page .pageBreadCrumbs .breadCrumb {
  /* font-weight: bold; */
  font-size: 16px;
  cursor: pointer;
  color: #a1224c;
  cursor: default;
  pointer-events: none;
}

.page .pageBreadCrumbs .breadCrumb.last {
  color: #e33822;
  /* font-weight: bold; */
  font-size: 18px;
  cursor: default;
}

.page .pageBreadCrumbs .breadCrumb .arrow {
  color: #000000;
  margin: 0 5px;
}

.page.disableEdit{}

.page.disableEdit button.add1{
    opacity: 0.4;
    background-color: gray;
    pointer-events: none;
}

.page.disableEdit app-action-cell-renderer button{
  opacity: 0.4;
  /* background-color: gray; */
  pointer-events: none;
}

.fullPagePopup {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  /* overflow-y: hidden; */
  right: 0;
  /* background-color: #fff; */
  display: flex;
  flex-direction: column;
  /* height: 100%; */
}

.fullPagePopup div.part {
  /* padding: 0 10px; */
  flex-grow: 1;
  overflow-y: auto;
  background-color: #fff;
  /* margin-top: 20px; */
  /* border-radius: 4px; */
  margin-bottom: 10px;
}

.fullPagePopup .pageBottom {}

.pageSection .expandCollapsIcon {
  display: none;
}

.expandable {
  z-index: 1;
}

.expandable .pageSection {
  /* height: 40px; */
}

.expandable .pageSection.ddl {
  height: 42px;
  z-index: 10;
  position: relative;
}

.expandable .pageSection.expanded.ddl {
  z-index: 11;
  border: 0;
}

.expandable .pageSection.expanded.ddl .pageSectionBody {
  box-shadow: 0px 0px 6px 2px;
  /* margin: 0 -5px; */
  /* border: solid 1px gray; */
  padding-top: 40px;
  margin-top: -40px;
  border-radius: 5px;
}

.expandable .pageSection .pageSectionHeader {
  cursor: pointer;
}

.expandable .pageSection .pageSectionBody {
  height: auto;
  overflow: hidden;
  max-height: 0;
  /* transition: all 0.3s; */
  background-color: #fff;
  /* margin: 0 -5px; */
  /* margin-bottom: 1px; */
  /* margin-right: 1px; */
}

.expandable .pageSection.ddl .pageSectionHeader {
  background-color: #edf1f2;
  /* border: solid 1px silver; */
  /* border-width: 1px 1px 0 1px; */
  background-color: #eaeaea;
  background-color: initial;
}

.pointerEventsNone.expandable .pageSection.ddl .pageSectionHeader {
  background-color: transparent;
}

.expandable .pageSection.ddl .pageSectionBody {
  /* box-shadow: 0 0 10px 0px; */
  margin-right: 0;
}

.expandable .pageSection.expanded {}

.expandable .pageSection.expanded .pageSectionHeader {
  box-shadow: none !important;
}

.expandable .pageSection.expanded.ddl .pageSectionHeader {
  box-shadow: none;
  border: solid 1px gray;
  border-width: 0;
}

.expandable .pageSection.expanded .pageSectionBody {
  max-height: 300px;
  /* height: 248px; */
  overflow-y: auto;
  margin: 1px;
}

.expandable .pageSection .expandCollapsIcon {
  width: 10px;
  margin-right: 4px;
}

.expandable .pageSection.expanded .expandCollapsIcon {}

.expandable .pageSection .expandCollapsIcon.expand {}

.expandable .pageSection.expanded .expandCollapsIcon.expand {
  display: inline-block;
}

.expandable .pageSection .expandCollapsIcon.collaps {
  display: inline-block;
}

.expandable .pageSection.expanded .expandCollapsIcon.collaps {
  display: none;
}

.expandable .pageSection .pageSectionHeader:hover {
  /* background-color: #e1e1e1; */
  box-shadow: 0 0 6px 2px;
}

.expandable .pageSection .pageSectionHeader .pageSectionControls {
  display: none;
}

.expandable .pageSection.expanded .pageSectionHeader .pageSectionControls {
  display: flex;
}

.expandable .pageSection .pageSectionHeader .headerSummary {
  display: flex;
}

.expandable .pageSection.expanded .pageSectionHeader .headerSummary {
  display: none;
}

.expandable .pageSection .pageSectionHeader .headerFilters {
  display: none;
}

.expandable .pageSection.expanded .pageSectionHeader .headerFilters {
  display: flex;
}

.boxList {
  display: flex;
  padding: 5px 0;
  overflow-x: auto;
  align-items: center;
}

.boxList .box {
  border: solid 1px silver;
  margin: 0 6px 0 4px;
  min-width: 205px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 3px 0;
  position: relative;
  background-color: #fff;
}

.boxList .box.hover:hover {
  background-color: #edf1f2;
  cursor: pointer;
}

.boxList .box .remove {
  position: absolute;
  right: 0;
  top: 0;
  margin: -6px -7px 0 0;
}

.boxList .box .remove,
.boxListContainer .removeBoxList {
  width: 18px;
  height: 18px;
  background-color: #566e7a;
  color: #fff;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}

.boxList .box .boxContent {
  display: flex;
  flex-direction: column;
  padding: 10px;
  cursor: pointer;
  border: solid 1px transparent;
}

.boxList .box .boxContent.selected {
  border-color: green;
}

.boxList .box .boxContent .star {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #b91631;
}

.boxList .box .row {
  display: flex;
  /* justify-content: space-between; */
  margin-top: 5px;
}

.boxList .box .row:first-child {
  margin-top: 0;
}

.boxList .box .row .lbl {
  font-weight: bold;
  font-size: 10px;
  /* width: 100px; */
  margin-right: 10px;
  min-width: 72px;
}

.boxList .box .row .val {
  min-width: 20px;
  color: #000;
}

.boxList .box .row .val.bool {
  font-size: 14px;
}

.boxList .box .row .val.bool.fa-times {
  color: #b91631;
}

.boxList .box .row .val.bool.fa-check {
  color: green;
}

.boxList .val.badge {
  width: initial;
  height: inherit;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: initial;
  font-weight: normal;
  color: #fff !important;
  font-size: 12px;
  background-color: #b91631;
}

.boxList .box.new {
  cursor: pointer;
  min-width: 50px;
  height: 50px;
}

.boxList .box.new>span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 40px;
}

.selectOnly .boxList .box {}

.standalone .boxList .box.hover:hover {
  background-color: #edf1f2;
  cursor: pointer;
}

.standalone .boxList .box:hover .mat-select-disabled .mat-select-trigger {
  cursor: pointer;
}

body .boxListContainer .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}

body .boxListContainer .mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 0;
}

.boxListContainer {
  /* padding: 5px; */
  border-bottom: solid 1px #ced4da;
  /* margin: 0 -10px; */
  /* background-color: #f1f1f1; */
  position: relative;
  /* overflow-x: auto; */
}

.boxListContainer .removeBoxList {}

.boxListContainer .bar {
  padding: 5px;
  background-color: #edf1f2;
  justify-content: flex-end;
  display: flex;
}

.boxListContainer .bar>span {
  margin-left: 5px;
  width: initial;
  border-radius: 3px;
  padding: 3px 5px;
  cursor: pointer;
  height: initial;
  display: flex;
  align-items: center;
}

.boxListContainer .bar>span.removeBoxList {
  height: 26px;
}

.boxListContainer .bar>span.add {
  background-color: #f58022;
  color: #fff;
  line-height: 18px;
  text-align: center;
}

.boxListContainer .bar>span>span {
  /* margin-right: 5px; */
}

.boxListContainer .bar>span>span.fa-plus {
  margin-right: 5px;
}

.boxListContainer.disabled .boxList .box {}

.boxListContainer.disabled .boxList .box .boxContent {
  padding: 4px;
}

.boxListContainer.disabled .boxList .box .boxContent.selected {}

.boxListContainer.params {
  display: flex;
  padding: 0;
  align-items: center;
}

.boxListContainer.params .bar {
  background: none;
  align-items: flex-end;
  padding-bottom: 20px;
  height: 100%;
  align-items: center;
  padding: 4px;
}

.boxListContainer.params .bar>span.add {}

.boxListContainer.params .bar>span.removeBoxList {
  height: 26px;
  width: 26px;
  justify-content: center;
}

.boxListContainer.params .boxList {
  flex-grow: 1;
}

.boxListContainer.params .boxList .box {
  border: 0;
  box-shadow: none;
  width: 100%;
}

.boxListContainer.params .boxList .box .boxContent {
  flex-direction: row;
  padding: 0;
}

.boxListContainer.params .boxList .box .boxContent .form-group {
  margin-right: 10px;
  width: 18%;
}

.boxListContainer.params .boxList .box .boxContent .form-group.single {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.boxListContainer.params .boxList .box .boxContent .form-group.single label {
  margin: 0 10px 0 0;
}

.form-group.single {
  width: 100%;
  display: flex;
  align-items: center;
}

.form-group.single label {
  white-space: nowrap;
  margin: 0 10px 0 0;
}

.selected>.boxListContainer {}

.confirmModal {}

.confirmModal .modal-dialog {
  width: 300px;
}

.confirmModal .modal-dialog .modal-content {}

.confirmModal .modal-dialog .modal-content .title {
  margin: 0;
}

.confirmModal .modal-dialog .modal-content .message {
  display: flex;
}

.confirmModal .modal-dialog .modal-content .message .typeName {
  color: #0299c6;
}

.confirmModal .modal-dialog .modal-content .message .icon {
  color: #0299c6;
  font-size: 40px;
  margin-right: 10px;
}

.confirmModal .modal-dialog .modal-content .message .content {}

.confirmModal .modal-dialog .modal-content .controls {
  display: flex;
  justify-content: center;
}

.confirmModal .modal-dialog .modal-content .controls button {
  margin: 0 5px;
}

.reWorkPopup{    z-index: 500001;}

.reWorkPopup .modal-dialog {width: 420px;}

.reWorkPopup .modal-dialog .modal-header{    /* display: flex; */    /* justify-content: space-between; */    /* width: 100%; */}

.reWorkPopup .modal-dialog .modal-header .close{position: absolute;right: 14px;top: 16px;padding: 0;font-size: 18px;}

.reWorkPopup .modal-dialog .modal-header .close i{    margin: 0;}

.reWorkPopup .modal-dialog .modal-content .controls {  display: flex;  justify-content: center;}

.reWorkPopup .modal-dialog .modal-content .controls button {  margin: 0 5px;}

.reWorkPopup .modal-dialog .modal-content .row{    /* width: 100%; */}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan{border: solid 1px #c1c1c1;border-radius: 50%;width: 80px;height: 80px;text-align: center;line-height: 80px;display: inline-block;overflow: hidden;font-size: 40px;cursor: pointer;background-color: #edf1f26b;position: relative;}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan input{display: block;width: 100%;height: 100%;font-size: 400px;position: absolute;top: 0;left: 0;margin: 0;padding: 0;opacity: 0;cursor: pointer;border: 0;}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan.p.selected{background-color: #4CAF50;border-color: #006604 !important;color: #fff;}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan.f.selected{background-color: #353536;border-color: #000000 !important;color: #fff;}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan:hover{}

.reWorkPopup .modal-dialog .modal-content .row .circleSpan.readonly{border-color: green;/* opacity: 0.4; *//* border: solid 2px #000; *//* backdrop-filter: blur(50px); *//* background-color: #4CAF50f1 !important; */}

.reWorkPopup .modal-dialog .modal-content .row label{margin: 8px 0 0;display: flex;justify-content: flex-start;align-items: center;/* cursor: pointer; */width: 100%;}

.reWorkPopup .modal-dialog .modal-content .row label app-check-box{}

.reWorkPopup .modal-dialog .modal-content .row label .lbl{padding-left: 4px;display: flex;cursor: pointer;height: 100%;align-items: center;}

.reWorkPopup .modal-dialog .modal-content .row label.readonly{    opacity: 0.5;}

.reWorkPopup .modal-dialog .modal-content .row label.readonly app-check-box{}

.reWorkPopup .modal-dialog .modal-content .row .col-md-4{display: flex;flex-direction: column;align-items: center;border: solid 1px #f1f1f1;padding: 10px;flex-grow: 1;}

.reWorkPopup .modal-dialog .modal-content .row .col-md-4.hideWearhouse{}

.reWorkPopup .modal-dialog .modal-content .row .col-md-4.hideWearhouse label{    opacity: 0;    pointer-events: none;}

.reWorkPopup .modal-dialog .modal-content .row .col-md-4:first-child{align-items: self-start;width: 90px;font-weight: bold;justify-content: center;}

.reWorkPopup .modal-dialog .modal-content .row.headerRow{}

.reWorkPopup .modal-dialog .modal-content .row.headerRow>div{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;font-weight: bold;position: relative;}

.reWorkPopup .modal-dialog .modal-content .row.headerRow>div .app-check-box{/* margin-left: 10px; */}

.reWorkPopup .modal-dialog .modal-content .row.headerRow>div>span{    color: #5797c3;    font-size: 20px;    position: absolute;    left: 50%;    width: 18px;    display: block;    text-align: center;    margin-left: -9px;}

.reWorkPopup .modal-dialog .modal-footer{display: flex;justify-content: flex-end;}

.col-md-4{width: 33.33%;}

.p_copyfrom {  z-index: 1000;}

.p_copyfrom .modal-dialog {width: 480px;}

.p_copyfrom .modal-dialog .modal-header {  /* display: flex; */  /* justify-content: space-between; */  /* width: 100%; */}

.p_copyfrom .modal-dialog .modal-header .close {  position: absolute;  right: 14px;  top: 16px;  padding: 0;  font-size: 18px;}

.p_copyfrom .modal-dialog .modal-header .close i {  margin: 0;}

.p_copyfrom .modal-dialog .headerRow .form-group{width: 33%;}

.p_copyfrom .modal-dialog .headerRow .form-group label{margin: 20px 20px 0;}

.p_copyfrom .modal-dialog .modal-footer {  display: flex;  justify-content: flex-end;}

.formSection {  padding: 5px;  border: solid 1px #d6d6d6;  margin-bottom: 10px;  border-radius: 5px;}

.formSection>div:last-child>.pageSection {  margin-bottom: 0;}

.fullHeight {  height: 100%;}

.fullHeight .pageSection {  height: 100%;  display: flex;  flex-direction: column;}

.fullHeight .pageSection .pageSectionBody {
  flex-grow: 1;
}

.fullHeight ngx-datatable {
  height: 100%;
}

.editPopup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000061;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.editPopup .editContent {
  background-color: #fff;
  box-shadow: 0 0 30px 5px;
  border-radius: 5px;
  margin: 0 0 0 200px;
  max-width: 1200px;
  max-height: 90%;
  overflow-y: auto;
  width: 1200px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.editPopup .editContent>.pageSection{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-width: 600px;
}

.editPopup .editContent>.pageSection>.pageSectionHeader{
    box-shadow: 0 0 5px 0 gray;
    background-color: #f1f1f1;
}

.editPopup .editContent>.pageSection>.pageSectionBody{
    flex-grow: 1;
    overflow-y: auto;
    padding: 10px 10px;
}

.editPopup .editContent>.pageSection>.pageSectionFooter{
    box-shadow: 0 0 5px 0 grey;
    background-color: #f1f1f1;
}

.viewPopup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #00000010;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 2;
}

.viewPopup .viewContent {
  background-color: #fff;
  box-shadow: 0 0 30px 5px;
  border-radius: 5px;
  margin: 0 0 0 200px;
  max-width: 1000px;
  max-height: 80%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.viewPopup .viewContent .pageSection {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.viewPopup .viewContent .pageSection .pageSectionBody {
  overflow-y: hidden;
}

.viewPopup.graphspopup {
  background-color: #fff;
  z-index: 3;
}

.viewPopup.graphspopup .viewContent {
  /* height: 90%; */
  /* width: 1200px; */
  max-height: 100%;
  margin: 0;
  max-width: initial;
  background-color: #f1f1f1;
  width: 100%;
  height: 100%;
}

.viewPopup.graphspopup .viewContent .pageSection {}

.viewPopup.graphspopup .viewContent .pageSection .pageSectionBody {
  flex: 1;
}

.tabsSection {
  display: flex;
  flex-direction: column;
}

.tabsSection .tabsSectionHeader {
  display: flex;
  /* margin-top: 10px; */
  /* z-index: 1; */
}

.tabsSection .tabsSectionHeader>div {


  border: solid 1px #CECECE;

  color: #333;

  border-width: 1px 1px 0 1px;
  cursor: pointer;
padding: 6px 20px;background-color: #fff;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 1px 1px white;margin-right: -1px;line-height: 1;}

.tabsSection .tabsSectionHeader>div>span.type{color: #0099c6;}

.tabsSection>h3{margin: 5px 0; color: #000;}

.tabsSection .tabsSectionHeader>div:hover {
  /* background-color: #f1f1f1; */
}

.tabsSection .tabsSectionHeader>div.selected {
  border-top: 4px solid #F44343;
  margin-top: 0;
  margin-bottom: 0;
  color: #D13636;
  z-index: 2;
  position: relative;
  margin-bottom: -1px;
  padding-top: 4px;
  }

.tabsSection .tabsSectionHeader>div.disabled{pointer-events: none;opacity: 0.5;}

.tabsSection .tabsSectionHeader>div>i {
  /* padding: 0 5px; */
  margin-left: 5px;
  border: solid 1px silver;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  border-radius: 2px;
}

.tabsSection .tabsSectionHeader>div>i:hover {
  color: #fff;
  border-color: #fff;
  background-color: #0299c6;
}

.tabsSection .tabsSectionBody {
  flex-grow: 1;
  background-color: #fff;
  border: solid 1px #CECECE;

  /* margin-top: -1px; */
  padding: 5px;
  /* overflow-y: auto; */
  position: relative;
  display: flex;
  flex-direction: column;
box-shadow: 0px 0px 3px rgb(0 0 0 / 13%);}

.tabsSection .tabsSectionBody>div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: initial;
  height: initial;
  overflow-y: auto;
  z-index: 1;
}

.tabsSection .tabsSectionBody>div.visible {
  opacity: 1;
  z-index: 2;
}

.tabsSection .tabsSectionBody .tabTitle{display: none;}

.tabsSection .tabsSectionBody.all{flex-direction: row;height: calc(100% - 50px);}

.tabsSection .tabsSectionBody.all>div{
  opacity: 1;
  position: relative;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  flex-grow: 1;
}

.tabsSection .tabsSectionBody.all>div .tabTitle{display: block;}

.tabsSection .tabsSectionBody.all>div .cluster{display: block;max-width: initial;min-height: initial;display: flex;flex-direction: column;height: 100%;}

.editorActionPopup .tabsSectionBody.all .graphBoxContainer.half{
  width: initial; /*calc(((100vh - 80px - (2*36px)) / 2) + 75px);*/
  height: 50%;
  position: relative;
}

.graphEditor .editorActionPopup .tabsSectionBody.all .graphBoxContainer.half .graphBox .square{

width: calc(((100vh - 110px - (2*36px)) / 2) + 75px);

height: calc((100vh - 130px - (2*36px)) / 2);

/* width: calc((100vh - 130px - (2*36px)) / 2); */
}

.graphEditor  .tabsSectionBody.all  .graphBox .graphElement .circleContainer{
  /* right: 86px; */
}

.nestedTabsSection{  display: flex;  flex-direction: column;}

.nestedTabsSection .nestedTabsSectionHeader {
  display: flex;
  margin-top: 10px;
  z-index: 1;
}

.nestedTabsSection .nestedTabsSectionHeader>div {
  margin-right: 16px;
  padding: 10px;
  border: solid 1px #D4D4D4;
  /* background-color: silver; */
  color: #333;

  border-width: 0 0 4px 0;
  cursor: pointer;
margin-bottom: -4px;font-size: 12px;}

.nestedTabsSection>h3{margin: 5px 0; color: #000;}

.nestedTabsSection .nestedTabsSectionHeader>div:hover {
  border-color: #DD4B39;
color: #DD4B39;}

.nestedTabsSection .nestedTabsSectionHeader>div.selected {
  border-color: #DD4B39;
color: #DD4B39;}

.nestedTabsSection .nestedTabsSectionHeader>div.disabled{}

.nestedTabsSection .nestedTabsSectionHeader>div>i {
  /* padding: 0 5px; */
  margin-left: 5px;
  border: solid 1px silver;
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  border-radius: 2px;
}

.nestedTabsSection .nestedTabsSectionHeader>div>i:hover {
  color: #fff;
  border-color: #fff;
  background-color: #0299c6;
}

.nestedTabsSection .nestedTabsSectionBody {
  flex-grow: 1;
  background-color: #fff;
  border: solid 1px #D4D4D4;


  padding: 5px;

  position: relative;
  display: flex;
  flex-direction: column;
border-width: 4px 0 0 0;}

.nestedTabsSection .nestedTabsSectionBody>div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: initial;
  height: initial;
  overflow-y: auto;
  z-index: 1;
}

.nestedTabsSection .nestedTabsSectionBody>div.visible {
  opacity: 1;
  z-index: 2;
}

.filterPCircle{
  position: absolute;
  border: dotted 2px #673ab7;
  transform-origin: center;
  transform: translate(-50%, -50%);
  background-color: #fff8;
  border-radius: 50%;
  margin-left: -3px;
}

.graphSplitH {
  display: flex;
  /* height: 100%; */
  justify-content: space-between;
  width: 100%;
  /* top: 0; */
  /* position: absolute; */
}

.graphSplitH>div {
  max-width: 50%;
  min-height: 500px;
}

.graphColV {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  /* overflow-y: auto; */
}

.graphColV>div {
  height: 400px;
}

.graphBox {
  display: flex;
  flex-grow: 1;
  padding: 10px;
  position: relative;
  border: solid 1px silver;
  margin: 10px;
  background-color: #f1f1f1;
}

.graphBox:first-child {
  /* border: 0; */
}

.graphBox .graphElement {
  flex-grow: 1;
  /* padding: 5px; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 1600px;
  height: 100%;
  overflow: hidden;
}

.graphBox .graphElement .plotly {
  width: 100%;
  height: 100%;
  /* position: relative; */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.graphBox .graphElement .plotly .svg-container {
  /* width: 100% !important; */
  /* height: 100% !important; */
}

.graphBox .graphProps {
  margin-left: 10px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.graphBox .graphProps.contourEditor {
        /* padding: 5px; */
        justify-content: flex-start;
        background-color: #f1f1f1;
        margin-left: 0;
        width: 142px;
        position: relative;
    }

.graphBox .graphProps .line {
  display: flex;
  justify-content: space-between;
}

.graphBox .graphProps.contourEditor .line {
  flex-direction: row;
  align-items: center;
  border-bottom: solid 1px #e0e0e0;
  margin-bottom: 2px;
  padding: 2px 6px;
}

.graphBox .graphProps .line .gp {
  /* margin-right: 10px; */
  width: 140px;
}

.graphBox .graphProps.contourEditor .line .gp {
  /* width: 100%; */
  font-size: 11px;
  line-height: 22px;
  color: gray;
  flex-grow: 1;
}

.graphBox .graphProps .line .gv {
  color: #000;
  font-weight: bold;
  width: 70px;
  text-align: right;
}

.graphBox .graphProps.contourEditor .line .gv {
  width: 54px;
  /* overflow: hidden; */
  /* width: 100%; */
  text-align: center;
}

.graphBox .graphProps.analysisDirty {
  /* opacity: 0.5; */
  /* background-color: rgb(0 0 0 / 39%); */
  /* color: #fff; */
}

.graphBox .graphProps.analysisDirty .line {/* opacity: 0.3; */}

.graphBox .graphProps.analysisDirty .line .gp {}

.graphBox .graphProps.analysisDirty .line .gv {
  text-decoration: line-through;
  color: gray;
  opacity: 0.5;
}

.graphBox .line.analysisDirtyLine{justify-content: center;opacity: 1 !important;}

.graphBox .analysisDirtyBtn{
    margin: 0;
    background-color: #f58022;
    font-size: 10px;
    padding: 6px 4px;
    height: initial;
    width: 100%;
    min-width: initial;
}

.graphBox .analysisDirtyBtn i{
  margin-right: 4px;
  font-size: 10px;
}

.graphBox .graphProps.analysisDirty .line{}

.graphBox .graphProps.analysisDirty .line.Cylinder{
    position: fixed;
    top: 4px;
    border: 0;
    left: 50%;
    transform: translateX(-50%);
    }

.graphBox .graphProps.analysisDirty .line.Addition{
    position: fixed;
    top: 4px;
    border: 0;
    left: 50%;
    transform: translateX(-50%);
    }

.graphBox.v {
  flex-direction: column;
}

.graphBox.v .graphProps {
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.graphBox.v .graphProps .line {
  margin: 10px 10px 0 0;
  padding: 5px;
  /* border: solid 1px #fff; */
  background-color: #fff;
}

.graphBox.v .graphProps .line .gp {}

.graphBox.v .graphProps .line .gv {}

.graphBox .graphTable{
  /* margin: 0 -6px -6px; */
}

.graphBox .graphTable table{
  font-size: 10px;
  margin: 0;
  table-layout: fixed;
}

.graphBox .graphTable table th{
  color: gray;
  padding: 1px;
  border-left: solid 1px #e6e6e6;
  text-align: center;
  /* width: 22px; */
}

.graphBox .graphTable table tr{}

.graphBox .graphTable table tr td{
  padding: 1px;
  color: #000;
  border-left: solid 1px #e0dfdf;
  min-width: 34px;
  text-align: center;
  /* width: 22px; */
}

.graphBox .graphTable .rTitle{
  font-weight: bold;
  color: gray;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: 50px;
  font-size: 7px;
  max-width: 50px !important;
}

.graphBox .graphTable .cTitle{
  border-left: solid 1px silver;
  color: darkblue;
  min-width: 20px;
  text-align: left;
  /* width: 22px; */
}

.graphBox .graphTableList{display: none;}

.maximized .graphBox .graphTable{display: none;}

.maximized .graphBox .graphTableList .graphTable {display: block;margin: initial;}

.maximized .graphBox .graphTableList{

display: block;

min-width: 980px;

max-width: 980px;

flex-grow: 1;

position: absolute;

right: 0;

top: 0;
}

.maximized .graphBox .graphTableList .graphTableTitle{
    font-weight: bold;
    color: #0299c6;
    font-size: 16px;
}

.maximized .graphBox .graphTableList >div{
    border-top: solid 1px;
    padding: 5px;
    /* margin-bottom: 4px; */
    }

.maximized .graphBox .graphTableList >div:first-child {border-top: 0;}

.maximized .graphBox .graphTableList >div.selected{
    background-color: #0299c61a;
}

.graphSplitV {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.graphSplitV>div {
  max-height: 50%;
  flex-grow: 1;
  overflow: hidden;
  height: 50%;
  padding: 10px;
}

.graphSplitV>div .graphBox {
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.graphBox.noProps .graphProps {
  display: none;
}

.jsonPre {}

.jsonPre .number {
  color: blue;
  font-weight: bold;
}

.jsonPre .key {
  color: #000;
}

.jsonPre .string {}

.jsonPre .boolean {}

.jsonPre .null {}

.jsonPre .emptyObj {
  font-size: 10px;
}

.jsonPre .nan {
  font-size: 10px;
}

.loadingPlaceholder {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.loadingPlaceholder i {
  font-size: 70px;
  color: #0299c6;
}

.loadingPlaceholder.nodata{}

.loadingPlaceholder.nodata i{
  color: gray;
  font-style: initial;
}

body .ag-theme-balham .ag-root {
  border: 0;
}

body .ag-theme-balham .ag-row-selected {
  /* background-color: inherit; */
  /* border-color: #d9dcde; */
}

body .ag-theme-balham .ag-root {
  border-color: #dadada;
}

body .ag-theme-balham .ag-row {
  border-color: #f1f1f1;
}

body .ag-theme-balham .ag-header-cell::after,
.ag-theme-balham .ag-header-group-cell::after {
  /* opacity: 0; */
}

body .ag-theme-balham .ag-header-cell:last-child::after,
.ag-theme-balham .ag-header-group-cell:last-child::after {
  opacity: 0;
}

body .ag-theme-balham .ag-floating-filter-button button {
  line-height: 20px;
}

body .ag-theme-balham .ag-rtl .ag-floating-filter-button {
  margin-right: 4px;
}

body .ag-theme-balham .ag-header-cell,
body .ag-theme-balham .ag-header-group-cell {
  padding: 0 4px;
}

body .ag-theme-balham .ag-cell-focus {
  outline: 0 !important;
  border-color: transparent !important;
}

body app-action-cell-renderer .btn {
  color: #9c9c9c;
}

body app-action-cell-renderer .btn:hover {
  color: #0299c6;
}

body .ag-theme-balham .ag-input-wrapper input:not([type]),
body .ag-theme-balham .ag-input-wrapper input[type="text"],
body .ag-theme-balham .ag-input-wrapper input[type="number"],
body .ag-theme-balham .ag-input-wrapper input[type="tel"],
body .ag-theme-balham .ag-input-wrapper input[type="date"],
body .ag-theme-balham .ag-input-wrapper input[type="datetime-local"] {
  border: solid 1px #e6e6e6;
}

body .ag-theme-balham .ag-header-cell:not(.ag-header-group-cell-no-group) {
  border-top-color: #dadada;
}

body .ag-theme-balham .ag-cell {
  padding-left: 4px;
  padding-right: 4px;
}

body .ag-theme-balham .ag-row-selected {
  background-color: #A9C1D6
}

.app-gridrow {
  line-height: 24px;
  cursor: pointer;
  border-radius: 5px;
  /* background-color: #a2a2a2; */
  color: #826e7b;
  /* border-color: #a2a2a2; */
  height: 26px;
}

.app-gridrow>div {}

.app-gridrow .selectSpan {
  color: silver;
}

.app-gridrow .modelDiv {
  display: flex;
}

.app-gridrow .pContainer {
  margin-right: 10px;
}

.app-gridrow .pContainer .pLbl {
  font-weight: bold;
  font-size: 10px;
  color: #617381;
  margin-right: 2px;
}

.app-gridrow .pContainer .pVal {}

.gridPopup {
  padding-left: 100px;
}

.gridPopup .loader-overlay {
  left: 200px;
}

.gridPopup .gridPopupContainer {
  min-width: 1050px;
  min-height: 500px;
  height: 500px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 30px 5px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.gridPopup .gridPopupContainer .theHeader {

}

.gridPopup .gridPopupContainer .theGrid {
  overflow: auto;
  display: flex;
  flex-grow: 1;
}

.gridPopup .gridPopupContainer .theControls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 10px;
}

.gridPopup .gridPopupContainer .theControls bytton {}

.gridPopup .gridPopupContainer ag-grid-angular {}

.app-gridembed {
  height: initial;
  padding: 1px;
}

.app-gridembed>div {}

.tree {
  position: absolute;
  left: -200px;
  top: 10%;
  bottom: 10%;
  background-color: #fff;
  box-shadow: 0 0 5px 0px;
  border-radius: 0 10px 10px 0;
  width: 200px;
  display: flex;
  flex-direction: column;
  padding: 5px;
  position: initial;
  margin: 0 !important;
}

.tree.open {
	left: 0 !important;
	z-index: 1;
}

.tree .treeRowHand {
	position: absolute;
	right: 0;
	width: 20px;
	height: 60px;
	background-color: #0299c6;
	color: #fff;
	font-size: 20px;
	border-radius: 0 4px 4px 0;
	line-height: 60px;
	text-align: center;
	margin-right: -20px;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	z-index: 1;
}

.tree .treeRowHand:hover {
  background-color: #0986ab;
}

.tree.open .treeRowHand {}

.tree .treeControls {
  margin-right: 2px;
  margin-bottom: 8px;
  margin-top: 5px;
}

.tree .treeControls input {
  width: 100%;
}

.tree .treeBody {
  flex-grow: 1;
  overflow-y: auto;
  font-size: 14px;
}

.tree .treeBody .tree_node {
  min-height: 20px;
  line-height: 20px;
}

.tree .treeBody>.tree_node {
  margin-bottom: 5px;
}

.tree.open .treeBody .tree_node {}

.tree .treeBody .tree_node .nodeName {
  display: flex;
  cursor: pointer;
  line-height: 24px;
}

.tree.open .treeBody .tree_node .nodeName {
  display: flex;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
}

.tree .treeBody .tree_node .nodeName .nodeControl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}

.tree .treeBody .tree_node .nodeName .nodeControl>i {
  font-size: 18px;
}

.tree .treeBody .tree_node .nodeName .nodeControl app-check-box {
  width: 18px;
  height: 18px;
  font-size: 10px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
}

.tree .treeBody .tree_node .nodeName .nodeControl .app-check-box>.cbxInnerWrap.checked {
  /* background-color: #0299c6 !important; */
  /* border-color: #0299c6 !important; */
}

.tree .treeBody .tree_node .nodeName .nodeTitle {
  flex-grow: 1;
  margin-left: 4px;
  color: #000;
  display: block;
}

.tree .treeBody .nodeBody {}

.tree .treeBody .nodeBody .tree_node {}

.tree .treeBody .nodeBody .tree_node .nodeName {
  padding-left: 15px;
}

.tree .treeBody .tree_node .nodeName:hover {
  background-color: #f5f7f7;
}

.tree .treeBody .nodeBody .tree_node .nodeName:hover {}

.tree-popup {
  background-color: #fff;
  overflow: auto;
  width: 170px;
  display: flex;
  flex-direction: column;
  padding: 5px;
  border-right: 1px solid #dfe2e2;
  background-color: #F5F7F7;
}

.tree-popup.open {
  left: 0;
}

.tree-popup .tree-popupRowHand {
  width: 20px;
  height: 60px;
  background-color: #0299c6;
  color: #fff;
  font-size: 20px;
  border-radius: 0 4px 4px 0;
  line-height: 60px;
  text-align: center;
  margin-right: -20px;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
}

.tree-popup .tree-popupRowHand:hover {
  background-color: #0986ab;
}

.tree-popup.open .tree-popupRowHand {}

.tree-popup .tree-popupControls {
  margin-right: 2px;
  margin-bottom: 8px;
  margin-top: 5px;
}

.tree-popup .tree-popupControls input {
  width: 100%;
}

.tree-popup .tree-popupBody {
  flex-grow: 1;
  overflow-y: auto;
  font-size: 14px;
}

.tree-popup .tree-popupBody .tree-popup-node {
  min-height: 20px;
  line-height: 20px;
}

.tree-popup .tree-popupBody>.tree-popup-node {
  margin-bottom: 5px;
}

.tree-popup.open .tree-popupBody .tree-popup-node {}

.tree-popup .tree-popupBody .tree-popup-node .nodeName {
  display: flex;
  cursor: pointer;
  line-height: 24px;
}

.tree-popup.open .tree-popupBody .tree-popup-node .nodeName {
  display: flex;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName .nodeControl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2px;
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName .nodeControl>i {
  font-size: 18px;
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName .nodeControl app-check-box {
  width: 18px;
  height: 18px;
  font-size: 10px;
  border: 0;
  display: inline-block;
  vertical-align: middle;
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName .nodeControl .app-check-box>.cbxInnerWrap.checked {
  /* background-color: #0299c6 !important; */
  /* border-color: #0299c6 !important; */
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName .nodeTitle {
  flex-grow: 1;
  margin-left: 4px;
  color: #000;
}

.tree-popup .tree-popupBody .nodeBody {}

.tree-popup .tree-popupBody .nodeBody .tree-popup-node {}

.tree-popup .tree-popupBody .nodeBody .tree-popup-node .nodeName {
  padding-left: 15px;
}

.tree-popup .tree-popupBody .tree-popup-node .nodeName:hover {
  background-color: #f5f7f7;
}

.tree-popup .tree-popupBody .nodeBody .tree-popup-node .nodeName:hover {}

.cellIcon {}

.cellIcon.check {
  border: solid 1px silver;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
}

.cellIcon.checkTrue {
  color: green;
}

.cellIcon.checkFalse {}

.cellIcon.chirality {
  font-size: 16px;
  display: block;
  vertical-align: middle;
  margin-top: 4px;
  color: #566e7a;
}

.cellIcon.status {
  font-size: 16px;
  margin-top: 4px;
  color: #999;
}

.cellIcon.status.dev {}

.cellIcon.status.readonly {}

.cellIcon.status.approved {}

.cellIcon.extracting{}

.cellIcon.extracting.extracting0 {
    color: silver;
}

.cellIcon.extracting.extracting2 {
    color: green;
}

.graphEditor {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.graphEditor .editorHeader {
  /* height: 80px; */
  /* justify-content: space-between; */
  /* align-items: center; */
  display: flex;
  padding: 0;
  /* background-color: #f1f1f1; */
  border-bottom: solid 1px silver;
  /* min-height: 80px; */
  flex-direction: column;
}

.graphEditor .editorHeader .title {
  font-size: 18px;
  /* color: #0299c6; */
  margin-left: 1%;
  flex-grow: 1;
  line-height: 39px;
}

.graphEditor .editorHeader .title .foaNodeDesign{
    color: #ff4081;
    font-size: 14px;
    font-weight: bold;
}

.graphEditor .editorHeader .title .foaNodeDesign select{}

.graphEditor .editorHeader .cancel {}

.graphEditor .editorHeader .editorHeaderLine {  height: 40px;  display: flex;  padding: 0;  border-bottom: solid 1px silver;  min-height: 40px;}

.graphEditor .editorHeader .editorHeaderLine.line1{}

.graphEditor .editorHeader .editorHeaderLine.line2{}

.graphEditor .editorBody {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  padding-top: 4px;
  position: relative;
}

.graphEditor .editorBody .graphsSection {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 110vh;
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer {
  width: 50%;
  padding: 24px 4px 10px;
  display: flex;
  flex-direction: column;
}

.graphEditor .editorBody .graphsSection.d3 .gsExternalContainer {
    min-height: 50%;
  width: 33.33%;
}

.graphEditor .editorBody .graphsSection.d3 .gsExternalContainer .graphBox .square{

}

.graphEditor .editorBody .graphsSection.d3 .gsExternalContainer .graphBox .square.outOfRange{
  border: solid 1px red;
  border-radius: 5px;
}

.graphEditor .editorBody .graphsSection.d2 .gsExternalContainer {
    min-height: 100%;
  width:50%;
}

.graphEditor .editorBody .graphsSection.d2 .gsExternalContainer .graphBox .square{

width: calc(((100vw - 400px) / 2));

height: calc(((100vw - 400px) / 2));
}

.graphEditor .editorBody .graphsSection.d1 .gsExternalContainer {
    min-height: 100%;
    width: 100%;
    /* height: 100%; */
}

.graphEditor .editorBody .graphsSection.d1 .gsExternalContainer .graphBox .square{

width: calc(((100vw - 400px) / 2));

height: calc(((100vw - 400px) / 2));
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected {
  /* position: fixed; */
  /* width: 50%; */
  /* height: 100%; */
  /* z-index: 5; */
}

.graphEditor .editorBody .graphsSection .gsInternalContainer {
  width: 100%;
  height: 100%;
  border: dashed 1px silver;
  position: relative;
  flex-grow: 1;
  border-radius: 5px 0 5px 5px;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer {
  border: solid 1px #0299c6;
  box-shadow: 0 0 5px 0px #0299c6b5;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer .rightControls {}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer .rightControls .maxminBtn {}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer .rightControls mat-select {
  border: solid 1px #0299c6;
  /* border-bottom: solid 1px #fff; */
  background-color: #0299c6;
  box-shadow: 1px 0px 5px 0 #0299c6b5;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer mat-select .mat-select-value-text,
.graphEditor .editorBody .graphsSection .gsExternalContainer.selected .gsInternalContainer mat-select .mat-select-arrow {
  color: #fff;
}

/* .graphEditor .editorBody .graphsSection .gsInternalContainer .ddl{position: absolute;right: 8px;top: 8px;z-index: 10;top: 0;right: 0;margin: -27px -1px -2px 0;}
.graphEditor .editorBody .graphsSection .gsInternalContainer .ddl>span{background-color: #fff;color: gray;background-color: #f1f1f1;border-radius: 4px 4px 0 0;border: dashed 1px silver;border-width: 1px 1px 0 1px;}
.graphEditor .editorBody .graphsSection .gsInternalContainer .ddl.selected>span{color: #0299c6;}
.graphEditor .editorBody .graphsSection .gsInternalContainer .ddl>span i{    margin: 0 0 0 10px;} */

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls {
  position: absolute;
  right: 0;
  top: 0;
  margin: -27px -1px 0 0;
  z-index: 10;
  display: flex;
  height: 26px;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls mat-select {
  width: 200px;
  border: dashed 1px silver;
  border-bottom-width: 0;
  background-color: #fbfbfb;
  border-radius: 5px 5px 0 0;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls .maxminBtn {
	border: solid 1px #dadada;
	border-radius: 3px;
	background-color: #f0f0f0;
	margin: 3px 3px 1px 0;
	height: 20px;
	display: inline-block;
	line-height: 8px;
	padding: 6px;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls .maxminBtn.active {
  color: #0299c6;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls .maxminBtn.on {
  background-color: green;
  color: #fff;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls .maxminBtn i {}

.graphEditor .editorBody .graphsSection .gsInternalContainer .rightControls .maxminBtn:hover {}

.graphEditor .editorBody .editorPanel {
  width: 350px;
  /* background-color: #f1f1f1; */
  /* border: solid 1px silver; */
  /* margin-top: -40px; */
  display: flex;
  flex-direction: column;
  /* margin: 0 20px 20px 0; */
  /* height: 100%; */
  min-width: 350px;
  position: absolute;
  right: 0;
  background-color: #fff;
  padding: 10px 10px 0;
  bottom: 10px;
  top: 1px;
  box-shadow: 0px 0 5px 0;
  border-radius: 4px 0 0 4px;
  margin-right: -350px;
  z-index: 20;
}

.graphEditor .editorBody .editorPanel .titleSection {
  height: 40px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin-bottom: 10px;
  background-color: #fafafa;
  box-shadow: 0 0 2px 0;
  border-radius: 5px;
  min-height: 40px;
}

.graphEditor .editorBody .editorPanel .titleSection .title {
  font-size: 24px;
  color: #0299c6;
}

.graphEditor .editorBody .editorPanel .titleSection .ddl {}

.graphEditor .editorBody .editorPanel .stepsSection {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  /* border: solid 1px silver; */
  /* margin-bottom: 10px; */
  /* border-radius: 5px; */
  overflow: hidden;
}

.graphEditor .editorBody .editorPanel .handel {
  position: absolute;
  left: 0;
  width: 20px;
  height: 60px;
  background-color: #0299c6;
  color: #fff;
  font-size: 20px;
  border-radius: 4px 0 0 4px;
  line-height: 60px;
  text-align: center;
  margin-left: -20px;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  box-shadow: -2px 0 5px 0 #7b7b7b;
}

.graphEditor .editorBody .editorPanel.open {
  margin-right: 0;
}

.graphEditor .editorBody .editorPanel.open .handle {}

.graphEditor .graphBox {
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
}

.graphEditor .graphBox .square {
  width: calc(((100vh - 80px - (2*36px)) / 2) + 75px);
  /* padding-bottom: 42vh; */
  position: relative;
  /* min-width: 50vh; */
  height: calc((100vh - 80px - (2*36px)) / 2);
}

.graphEditor .graphBox .graphElement {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.graphEditor .graphBox .graphElement .circleContainer {
	position: absolute;
	left: 48px;
	right: 73px;
	top: -1px;
	bottom: 49px;
	overflow: hidden;
	border: solid 1px #000;
	border-color: transparent;
}

.graphEditor .graphBox .graphElement .circleContainer>div {}

.graphEditor .actionsButtons,
.object-distances .actionsButtons {
  display: flex;
  align-items: center;
}

.graphEditor .actionButton,
.object-distances .actionButton {
  padding: 4px;
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 4px;
  font-size: 16px;
  border: solid 2px #dadada;
  border-radius: 3px;
  line-height: 20px;
  position: relative;
}

.graphEditor .actionButton:hover {}

.graphEditor .actionButton.selected,
.object-distances .actionButton.selected {
  /* background-color: #0299c6; */
  /* color: #fff; */
  border-color: #0299c6;
}

.graphEditor .actionButton.Plus {
  color: #67ce03;
}

.graphEditor .actionButton.Factor {
  color: #02b0e5;
}

.graphEditor .actionButton.Blur {
  color: #fbb603;
}

.graphEditor .controlsSection {
  /* padding: 4px; */
  height: 36px;
  min-height: 36px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  /* background-color: #fafafa; */
  /* box-shadow: 0 0 2px 0; */
  border-radius: 5px;
  min-height: 36px;
  /* margin-bottom: 10px; */
}

.graphEditor .controlsSection button {
	margin: 0 0px 0 10px;
	height: 30px;
	min-width: initial;
	padding: 0 5px;
}

.graphEditor .controlsSection button:last-child{margin-right: 10px;}

.graphEditor .controlsSection .btnSep{
    width: 2px;
    background-color: #888f96;
    height: 30px;
    margin-left: 10px;
    box-shadow: 0 0px 12px 1px #888f96;
    /* border: solid 1px #808080; */
}

.graphEditor .controlsSection button.optimize{ background-color: #f58022;}

.graphEditor .controlsSection button.copyOptimization{ background-color: #ff5722;}

.graphEditor .controlsSection.undoredo{}

.graphEditor .controlsSection.undoredo .stepBtn{
  border: solid 2px #0299c6;
  background-color: #0299c6;
  border-radius: 4px;
  color: #fff;
}

.graphEditor .controlsSection.undoredo .stepBtn.disabled{pointer-events: none;background-color: #efefef;border-color: #dadada;color: gray;opacity: 0.5;}

.graphEditor .controlsSection.undoredo .stepBtn i{}

.graphEditor .controlsSection.undoredo .stepBtn span{
  /* background-color: #9e9e9e; */
  display: inline-block;
  /* padding: 2px 5px; */
  font-weight: bold;
  color: #f1f1f1;
  text-shadow: 1px 1px 5px black;
}

.graphEditor .controlsSection.undoredo .stepBtn.disabled i{}

.graphEditor .controlsSection.undoredo .stepBtn.disabled span{}

.graphEditor .controlsSection.undoredo .stepSpan{
  display: inline-block;
  border: solid 1px silver;
  margin: 5px;
  padding: 5px;
}

.graphEditor .controlsSection.undoredo .stepSpan.active{background-color: silver;color: #fff;}

.graphEditor .editorBody .graphsSection .gsExternalContainer.maximized {
  position: fixed;
  width: calc(100% - 355px);
  z-index: 11;
  background-color: #fff;
  left: 0;
  /* box-shadow: 0 0 5px 0 #000; */
  min-height: initial;
  bottom: 0;
  top: 45px;
  width: 100%;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.maximized .gsInternalContainer {
  box-shadow: 0px 0 5px 0;
  border: none;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.maximized .gsInternalContainer mat-select {
  box-shadow: 2px -2px 2px 0px #dcd9d9;
  border: solid 1px silver;
  margin: 0px 0px 0 0;
  border-width: 1px 1px 0 1px;
  height: 24px;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer.maximized .gsInternalContainer .editorGraphBox {}

.graphEditor .editorBody .graphsSection .gsExternalContainer.maximized .gsInternalContainer .editorGraphBox .square {
  width: calc(100vh - 80px + 75px);
  height: calc(100vh - 80px);
  /* height: 50vh; */
  min-width: initial;
  padding-bottom: initial;
}

.graphEditor .editorBody .graphsSection .gsInternalContainer.maximized .rightControls {}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown>span {
  color: #fff;
  background-color: #0299c6;
  border-color: #0299c6;
  padding: 0 5px;
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 26px;
  border: solid 1px #0299c6;
  border-radius: 5px;
}

.dropdown>span i {
  font-size: 20px;
  margin-right: 4px;
}

.dropdown>span.noText i {
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  right: 0;
}

.dropdown-content .drop-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  border-bottom: 1px solid #e9ecef;
}

.dropdown-content .drop-item:last-child {
  border: none;
}

.dropdown-content .drop-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown.on .dropdown-content {
  display: block;
}

.filterCircle {
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: solid 2px #000;
  background-color: #ffffffa8;
  cursor0: none;
  position: relative;
}

.filterCircle.outerCircle {
  position: absolute;
}

.filterCircle.outerCircle.posC{
  background-color: #deffdea8;
}

.filterCircle.outerCircle.negC{
  background-color: #ffdedea8;
}

.filterCircle.innerCircle {
  left: 50%;
  top: 50%;
  position: absolute;
  background-color: transparent;
}

.filterCircle .resizer {
  display: none;
  position: absolute;
  width: 10px;
  background-color: #0299c6;
  border: solid 1px #000;
  border-radius: 50%;
  cursor: n-resize;
  height: 10px;
}

.filterCircle .resizer:hover {
  background-color: #fff;
}

.filterCircle .resizer.top {
  top: 0;
  margin-top: -5px;
  left: 50%;
  margin-left: -5px;
}

.filterCircle .resizer.right {}

.filterCircle .resizer.bottom {
  bottom: 0;
  margin-bottom: -5px;
  left: 50%;
  margin-left: -5px;
}

.filterCircle .resizer.left {}

.filterCircle.dragging {
  background-color: #ffffffbd;
}

.filterCircle.dragging .resizer {
  display: none !important;
}

.filterCircle.outerCircle:hover>.resizer {
  display: block;
}

.filterCircle.innerCircle:hover>.resizer {
  display: block;
}

.stepslist {
  display: flex;
  flex-direction: column;
  /* height: 100%; */
  overflow-y: hidden;
  /* margin: 5px; */
  /* border: solid 1px gray; */
  /* border-radius: 4px; */
  overflow-x: hidden;
  /* background-color: #f1f1f1; */
  flex-grow: 1;
}

.stepslist .formSection {
  margin: 5px;
  padding: 10px;
  background-color: #fff;
  border-bottom: solid 1px silver;
  box-shadow: 0 0 4px;
  position: relative;
}

/* .stepslist .formSection .stepHeader{font-size: 15px;display: flex;color: #000;align-items: center;cursor: pointer;}
.stepslist .formSection .stepHeader .num{width: 30px;text-align: center;border: solid 1px #0299c6;border-radius: 50%;color: #0299c6;margin-right: 11px;font-size: 18px;font-weight: bold;height: 30px;line-height: 29px;} */

.stepslist .formSection .stepBody {
  padding: 5px;
  background-color: #fff;
  margin-left: 38px;
  margin-top: 4px;
  border: solid 1px silver;
  border-radius: 4px;
}

.stepslist .formSection .stepBody.circleStep {}

.stepslist .formSection.activeStep {
  background-color0: #b5d8ec;
}

.stepslist .formSection.activeStep .stepHeader .num {
  background-color: #0299c6;
  color: #fff;
}

.stepslist .formSection .stepHeader:hover .num {
  background-color: #0299c6;
  color: #fff;
}

.stepslist .formSection.Initial {}

.stepslist .formSection.Plus {
  color: #67ce03;
}

.stepslist .formSection.Factor {
  color: #02b0e5;
}

.stepslist .formSection.Blur {
  color: #fbb603;
}

.stepslist .graphStepsContainer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: solid 1px silver;
  border-radius: 5px;
  padding: 5px 5px 0;
  flex-grow: 1;
  overflow-y: auto;
  margin-bottom: 10px;
  min-height: 58px;
}

.stepslist .graphStepsContainer h4 {
  margin: 0;
  padding: 4px 0;
  background-color: #fafafa;
  color: #000;
  border-bottom: solid 1px silver;
}

.stepslist .graphStepsContainer .graphSteps {
  overflow-y: auto;
  min-height: 24px;
}

.stepslist .graphStepsContainer .graphSteps .viewSection {
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
  /* bottom: 0; */
  /* left: 100px; */
  justify-content: flex-start;
  align-items: center;
  padding: 4px 0;
  position: relative;
  padding-left: 30px;
  /* margin: 2px 0 0; */
  border-bottom: solid 1px #f1f1f1;
  font-size: 11px;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .viewSec {
  margin-right: 10px;
  /* width: 70px; */
}

.stepslist .graphStepsContainer .graphSteps .viewSection .viewSec:last-child {}

.stepslist .graphStepsContainer .graphSteps .viewSection .viewSec .lbl {
  white-space: nowrap;
  margin-right: 5px;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .viewSec .val {
  font-weight: bold;
  color: #000;
  /* width: 23px; */
  display: inline-block;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .stepHeader {
  font-size: 12px;
  display: flex;
  color: #000;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .stepHeader i {
  width: 22px;
  text-align: center;
  /* border: solid 1px silver; */
  border-radius: 50%;
  /* color: #0299c6; */
  /* margin-right: 11px; */
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  line-height: 20px;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .stepHeader.Plus {
  color: #67ce03;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .stepHeader.Factor {
  color: #02b0e5;
}

.stepslist .graphStepsContainer .graphSteps .viewSection .stepHeader.Blur {
  color: #fbb603;
}

.stepslist .graphStepsContainer .graphSteps .viewSection:hover {
  background-color: #e5ecef;
}

.stepslist .graphStepsContainer .graphSteps .viewSection:hover .stepHeader i {}

.stepslist .graphStepsContainer .graphSteps .viewSection.active {
  background-color: #e5ecef;
}

.graphEditor .formSection form {}

.graphEditor .formSection .stepPropRow {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  background-color: #fafafa;
}

.graphEditor .formSection .stepPropRow:last-child {
  margin-bottom: 0;
}

.graphEditor .formSection .stepPropRow .lbl {
  min-width: 60px;
  flex-grow: 1;
  padding-left: 4px;
}

.graphEditor .formSection .stepPropRow .control1 {
  flex-grow: 2;
  margin-left: 10px;
  justify-content: flex-end;
  display: flex;
}

.graphEditor .formSection .stepPropRow .control1 .slider {}

.graphEditor .formSection .stepPropRow .control2 {
  flex-grow: 1;
  margin-left: 10px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.graphEditor .formSection .stepPropRow .control2 input {
  width: 68px;
}

.graphEditor .formSection .stepPropRow .control2 .percent {
  position: absolute;
  top: 7px;
  right: 5px;
}

.graphEditor .formSection .stepPropRow.controls {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}

.graphEditor .formSection .stepPropRow.controls button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  line-height: 20px;
}

.graphEditor .formSection .stepPropRow.controls button:hover {
  color: #0299c6;
}

.graphEditor .formSection .stepPropRow.controls button i {
  margin-right: 5px;
}

.graphEditor .formSection .split2 {
  display: flex;
}

.graphEditor .formSection .split2 .stepPropRow {
  margin-left: 20px;
  margin-bottom: 0;
  flex-grow: 1;
}

.graphEditor .formSection .split2 .stepPropRow:first-child {
  margin-left: 0;
}

.graphEditor .formSection .split2 .stepPropRow:first-child .control2 {
  justify-content: flex-start;
}

.graphEditor .formSection .split2 .stepPropRow .lbl {}

.graphEditor .formSection .split2 .stepPropRow .control1 {}

.graphEditor .formSection .split2 .stepPropRow .control1 .slider {}

.graphEditor .formSection .split2 .stepPropRow .control2 {
  margin-left: 0;
}

.graphEditor .formSection .split2 .stepPropRow .control2 input {
  min-width: initial;
}

.graphEditor .graphFormSection {
  display: flex;
  position: absolute;
  top: 0;
  margin: -27px 0px 0 -1px;
  width: 100%;
  z-index: 5;
}

.graphEditor .graphFormSection form {
  display: flex;
}

.graphEditor .graphFormSection .field {
  display: flex;
  /* margin-right: 5px; */
  padding: 2px;
  border: solid 2px transparent;
  height: 26px;
  /* border-radius: 4px; */
  position: relative;
}

.graphEditor .graphFormSection .field:focus-within {
  /* border-color: #0299c6; */
  /* background-color: #0299c6; */
  /* color: #fff; */
  color: #0299c6;
  font-weight: bold;
}

.graphEditor .graphFormSection .lbl {
  /* min-width: 60px; */
  flex-grow: 1;
  padding: 0 4px 0 0;
  line-height: 24px;
  font-weight: normal;
}

.graphEditor .graphFormSection .control {
  /* margin-right: 10px; */
}

.graphEditor .graphFormSection .control input {
  width: 50px;
  height: 18px;
  padding: 0px 0 0 1px;
  font-size: 12px;
  line-height: 18px;
}

.graphEditor .graphFormSection .control input.fullHeight{height: 24px;}

.graphEditor .graphFormSection .field:focus-within .control input {}

.graphEditor .graphFormSection .control .percent {
  position: absolute;
  top: 7px;
  right: 6px;
  font-size: 9px;
}

.graphEditor .graphFormSection .control.hasPercent input {
  padding-right: 12px;
  width: 67px;
}

.graphEditor .keyboardShortcutInfo {
  position: absolute;
  background: #0299c6;
  border-radius: 3px;
  /* top: 0; */
  width: 22px;
  color: #fff;
  text-align: center;
  left: 0;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  box-shadow: 1px 2px 6px 1px #616060;
  z-index: 24;
}

.graphEditor .keyboardShortcutInfo.bottom {
  margin-top: 4px;
  top: 100%;
}

.graphEditor .keyboardShortcutInfo.top {
  margin-bottom: 4px;
  bottom: 100%;
}

.graphEditor .keyboardShortcutInfo.right:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #000000;
  border-left: 0;
  margin-top: -20px;
  margin-left: -20px;
}

.graphEditor .keyboardShortcutInfo.bottom:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #0299c6;
  border-top: 0;
  margin-left: -6px;
  margin-top: -6px;
}

.graphEditor .keyboardShortcutInfo.top:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #0299c6;
  border-bottom: 0;
  margin-left: -6px;
  margin-bottom: -6px;
}

.graphEditor .graphFormSection .field .keyboardShortcutInfo {
  margin-left: 30px;
}

.graphEditor .graphFormSection .field .keyboardShortcutInfo.top {}

.graphEditor .editorActionPopup .graphFormSection .field .keyboardShortcutInfo {
  margin-left: 60px;
}

.graphEditor .actionButton .keyboardShortcutInfo {
  margin: 4px 0 0 2px;
}

mat-option {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* .stepslist .formSection.viewOnly{}
.stepslist .formSection.viewOnly .stepBody{display: flex;flex-wrap: wrap;font-size: 11px;border: 0;margin: -40px 0 0 81px;padding: 0;}
.stepslist .formSection.viewOnly .stepPropRow{margin-left: 0;width: 87px;}
.stepslist .formSection.viewOnly .stepPropRow .lbl{    min-width: initial;}
.stepslist .formSection.viewOnly .stepPropRow .control1{}
.stepslist .formSection.viewOnly .stepPropRow .control1 .slider{}
.stepslist .formSection.viewOnly .stepPropRow .control2{margin-left: 0px;font-weight: bold;flex-grow: initial;}
.stepslist .formSection.viewOnly .stepPropRow .control2 input{pointer-events: none;padding: 0;border: none;box-shadow: none;width: 34px;display: inline;}
.stepslist .formSection.viewOnly .stepPropRow .control2 input[type=number]::-webkit-inner-spin-button,
.stepslist .formSection.viewOnly .stepPropRow .control2 input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; }
.stepslist .formSection.viewOnly .stepPropRow.controls{}
.stepslist .formSection.viewOnly .stepPropRow.controls button{}
.stepslist .formSection.viewOnly .stepPropRow.controls button:hover{}
.stepslist .formSection.viewOnly .stepPropRow.controls button i{}
.stepslist .formSection.viewOnly .editOnly{display: none;} */

.experimentParamsPopup {}

.experimentParamsPopup .pageSectionBody {
  padding: 10px !important;
  min-height: 400px;
}

.experimentParamsPopup .pageSectionBody form {
  display: initial;
}

.experimentParamsPopup .pageSectionBody .paramRow {
  display: flex;
}

.experimentParamsPopup .pageSectionBody .paramRow.deleted {
  display: none;
}

.experimentParamsPopup .pageSectionBody .paramRow>div {
  padding: 2px;
  border-bottom: solid 1px #f1f1f1;
}

.experimentParamsPopup .pageSectionBody .paramRow>.div-no-border {
  padding: 2px;
  border-bottom: 0px;
}

.experimentParamsPopup .pageSectionBody .paramRow>div.p_cbx {}

.experimentParamsPopup .pageSectionBody .paramRow>div.p_name {
  width: 160px;
}

.experimentParamsPopup .pageSectionBody .paramRow>div.p_type {
  width: 100px;
}

.experimentParamsPopup .pageSectionBody .paramRow>div.p_extra {
  flex-grow: 1;
}

.experimentParamsPopup .pageSectionBody .paramRow>div.p_c {}

.experimentResultPopup {}

.experimentResultPopup .pageSectionBody {
  padding: 10px !important;
  min-height: 400px;
}

.vertexTablesPopup{}

.vertexTablesPopup .editContent{height: 96%;max-height: initial;}

.vertexTablesPopup .pageSectionBody {padding: 0 10px !important;/* min-height: 500px; */display: flex;}

.vertexTablesPopup .pageSectionBody .side{flex-grow: 1;width: 100%;display: flex;flex-direction: column;padding-bottom: 5px;}

.vertexTablesPopup .pageSectionBody .side.l{border-right: solid 1px gray;padding-right: 10px;}

.vertexTablesPopup .pageSectionBody .side.r{padding-left: 10px;}

.vertexTablesPopup .pageSectionBody .side h2{
    color: #000;
}

.vertexTablesPopup .pageSectionBody .side ag-grid-angular{}

.vertexTablesPopup .vertex {    display: block;}

.vertexTablesPopup .vertex.vertex0{    background-color: #ff408173;    color: transparent;}

.vertexTablesPopup .pivotSection{min-height: initial;flex-grow: initial !important;/* padding-bottom: 10px !important; */}

.vertexTablesPopup .pivotSection .side{overflow-y: auto;height: 100%;padding-bottom: 20px;}

.vertexTablesPopup .pivotSection table{/* width: fit-content; */margin: 0;}

.vertexTablesPopup .pivotSection table th{}

.vertexTablesPopup .pivotSection table th.vtBottomCorner{    border-bottom-color: transparent;    border-left-color: transparent;}

.vertexTablesPopup .pivotSection table td{background-color: #c7e5a3;text-align: center;color: #000;}

.vertexTablesPopup .pivotSection table td.missing{background-color: #f2c0d0;color: transparent;}

.vertexTablesPopup .pivotSection table .yTitle{width: 28px;background-color: #f6f7f7;max-width: 28px;}

.vertexTablesPopup .pivotSection table .yTitle span{transform: rotate(90deg);display: block;}

.vertexTablesPopup .pivotSection table .xTitle{height: 28px;padding: 4px;background-color: #f6f7f7;/* max-height: 20px; */}

.vertexTablesPopup .pivotSection .pivotHeader{    display: flex;    justify-content: space-between;}

.vertexTablesPopup .pivotSection .pivotHeader .controlSet{    display: flex;}

.vertexTablesPopup .pivotSection .pivotHeader .controlSet .form-group{    display: flex;    align-items: center;    margin: 0 0 0 20px;}

.vertexTablesPopup .pivotSection .pivotHeader .controlSet .form-group label{margin: 0 5px 0 0;font-size: 12px;font-weight: 700;}

.vertexTablesPopup .pivotSection .pivotHeader .controlSet .form-group mat-select{    min-width: 70px;}

.testDataBoxOverlay {
  position: fixed;
  background-color: #00000070;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 55;
}

.testDataBox {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 999;
  display: flex;
  overflow: scroll;
  bottom: 5px;
  /* height: 100%; */
}

.testDataBox>div {
  background-color: #fff;
  display: flex;
  flex-direction: column-reverse;
  border: solid 2px #000;
  height: -moz-fit-content;
  height: fit-content;
}

.testDataBox>div div {
  display: flex;
  flex-direction: row;
}

.testDataBox>div>div {}

.testDataBox>div>div>div {
  width: 44px;
  height: 44px;
  border: solid 1px silver;
  color: #000;
  overflow: hidden;
}

.testDataBox span {
  font-size: 14px;
  display: block;
  width: 100%;
}

.testDataBox span.c1 {
  color: #fff;
  background-color: red;
}

.testDataBox span.c2 {
  color: #fff;
  background-color: blue;
}

.testDataButton {
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
}

.actionFormDisabled {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

body .hasTree{
    display: flex;
    flex-direction: row-reverse;
}

@media screen and (min-width:1670px) {
  body .hasTree {
    position: initial !important;
  }

  .tree {
    /* position: fixed; */
    margin-left: -200px;
    top: 50px;
    box-shadow: none;
    border-right: solid 1px #f1f1f1;
    border-radius: 0;
    bottom: 10px;
  }

  .tree .treeRowHand {
    display: none;
  }
}

.surface-name .name {
	font-size: 14px;
	line-height: 28px;
	display: flex;
	flex-direction: column;
	color: #028FBA;
	font-weight: bold;
	margin-bottom: 0;
}

.editorActionPopup{position: fixed;background-color: #edf1f2;left: 10px;right: 10px;top: 10px;bottom: 10px;z-index: 25;box-shadow: 0 0 20px 0 #000;padding: 5px;display: flex;flex-direction: column;overflow: hidden;border-radius: 5px;}

.editorActionPopup .lensSelectionPopup{position: fixed;background-color: #F7F7F8;left: 10px;right: 10px;top: 10px;bottom: 10px;z-index: 25;box-shadow: 0 0 20px 0 #000;padding: 5px;display: flex;flex-direction: column;overflow: hidden;border-radius: 5px;height: initial !important;}

.editorActionPopup .lensSelectionPopup .lensSelectionPopupBody{    flex-grow: 1;}

.editorActionPopup .lensSelectionPopup .selectLensControls{    display: flex;
    padding: 10px 10px;
    margin: 0px -5px -5px;
    background-color: #f7f7f8;
    /* border-top: solid 1px #9999997d; */}

.editorActionPopup .contourSelection{    flex-grow: 1;}

.editorActionPopup .contourSelection ul{list-style: none;padding: 0;display: flex;margin: 0;}

.editorActionPopup .contourSelection ul li{display: flex;line-height: 24px;margin-right: 10px;}

.editorActionPopup .contourSelection ul li .app-check-box{margin-right: 2px;}

.editorActionPopup .lensSelectionPopup .selectLensControls .btns{    display: flex;    justify-content: center;    align-items: center;}

.editorActionPopup .lensSelectionPopup .selectLensControls .btns .btn{}

.editorActionPopup .lensSelectionPopup .page .pageContent{    width: 100%;    overflow-x: hidden;}

.editorActionPopup .tabsSection {height: 100%;display: flex;flex-direction: column;}

.editorActionPopup .tabsSection .tabsSectionBody{   }

.editorActionPopup .tabsSection .tabsSectionBody .graphSplitH{}

.editorActionPopup .tabsSection .editorActionPopupControls{display: flex;border-top: solid 1px #f1f1f1;padding: 0 10px;}

.editorActionPopup .tabsSection .editorActionPopupControls .graphFormSection{position: relative;top: inherit;margin: initial;width: initial;flex-grow: 1;/* flex-direction: column; *//* justify-content: center; */align-items: center;height: 50px;min-height: 50px;}

.editorActionPopup .tabsSection .editorActionPopupControls .btns{    display: flex;    justify-content: center;    align-items: center;}

.editorActionPopup .tabsSection .editorActionPopupControls .btns .btn{}

.editorActionPopup .targetSourcePopupOverlay{z-index: 25;position: fixed;background-color: #ffffff85;top: 0;right: 0;bottom: 0;left: 0;}

.editorActionPopup .targetSourcePopup.targetSourcePopup{
  width: 600px;
  left: 50%;
  margin-left: -300px;
  z-index: 26;
  height: 700px !important;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionHeader{}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionHeader>div{
  border: 0;
  background-color: transparent;
  /* font-weight: bold; */
  /* text-transform: uppercase; */
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody{
  display: flex;
  flex-direction: column;
  flex-direction: row;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .sectionTitle{
  font-weight: bold;
  color: #0299c6;
  margin-top: 10px;
  /* font-size: 18px; */
  text-transform: uppercase;
  line-height: 24px;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .app-check-box{
  margin-top: 13px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  margin-left: -21px;
  /* margin-right: 5px; */
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection{
  position: initial;
  flex-grow: 1;
  opacity: 1;
  display: flex;
  flex-direction: column;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.from{
  max-height: 150px;
  max-height: initial;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.to{
  /* border-top: solid 1px gray; */
  max-height: 100px;
  max-height: initial;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale2{
  flex-grow: initial;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section{
  width: 25%;
  display: flex;
  flex-direction: column;
  border-right: solid 1px #f1f1f1;
  padding-left: 20px;
  padding-top: 20px;
  border-top: solid 1px #f1f1f1;
  width: 100%;
  height: 140px;
  padding: 10px 20px 20px 20px;
  /* flex-grow: 1; */
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.mini{height: 92px;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section .inputnumber{
  margin-bottom: 5px;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section .inputnumber.title{
  margin-top: 10px;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section .inputnumber input{
  width: 50px;
  height: 20px;
  border: solid 1px gray;
  color: #000;
  font-weight: normal;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section:first-child{  background-color: #f1f1f1;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.disabled{
  pointer-events: none;
  opacity: 0.3;
  text-decoration0: line-through;
  /* background-color: #000; */
  /* opacity: 0; */
text-decoration: line-through;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.disabled input{
    border: solid 1px transparent;
    box-shadow0: initial;
    color0: #000 !important;
    -webkit-appearance: initial;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.disabled input[type=checkbox]{

}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.disabled input[type=checkbox]:checked:before{
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  color: #000;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.notRelevant{
  pointer-events: none;
  text-decoration: line-through;
  /* background-color: #000; */
  opacity: 0;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section .radio.disabled,
.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section .checkbox.disabled{
  opacity: 0.3;
  text-decoration: line-through;
  pointer-events: none;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .section.titleSection{
  /* padding-left: 25px; */
  border: 0;
  max-height: 40px;
  padding-top: 0px;
  padding-bottom: 0;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection label{
  display: block;
  line-height: 20px;
  margin-bottom: 0;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection label input{}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .title label{
  color: #000;
  font-weight: bold;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection .title label input{}

.editorActionPopup .targetSourcePopup.targetSourcePopup .selectLensControls{}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale{
  max-height: 45px;
  border-top: solid 1px #bdc3c7;
  max-height: initial;
  position: absolute;
  left: 5px;
  bottom: 5px;
  height: 40px;
  top: initial;
  flex-direction: row;
  right: 5px;
  background-color: #f1f1f1;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale .section.titleSection{flex-direction: row;padding-bottom: 0;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale .section.titleSection .sectionTitle{
  padding-left: 5px;
  cursor: pointer;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale .section{
  padding-top: 0px;
  border: 0;
  height: 100%;
  padding-bottom: 0;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.scale .section .scaleInput{
  width: 60px;
  margin-top: 10px;
}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.ccaret{/* max-height: 45px; *//* border-top: solid 1px gray; */}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.ccaret .section.titleSection{}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.ccaret .section.titleSection .sectionTitle{padding-left: 5px;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.ccaret .section{padding: 0px;text-align: center;font-size: 60px;color: #0299c640;text-decoration: initial;justify-content: center;}

.editorActionPopup .targetSourcePopup.targetSourcePopup .tabsSectionBody .pSection.ccaret .section .arr{}

.editorActionPopup .tree{position: absolute;    left: -200px;    top: 10%;    bottom: 10%;    background-color: #fff;    box-shadow: 0 0 5px 0px;    border-radius: 0 10px 10px 0;    width: 200px;    display: flex;    flex-direction: column;    padding: 5px;}

.editorActionPopup .tree .treeRowHand {display: block;}

.graphEditor .editorActionPopup .graphBox{    height: initial;    flex-grow: 1;}

.graphEditor .editorActionPopup .graphBox .square{    width: calc((100vw - 100px) / 3);   height: calc(((100vw - 100px) / 3) - 75px);}

.graphEditor .editorActionPopup .graphBoxContainer.half .graphBox .square{
    width: calc(((100vh)) - 170px);
    height: calc(((100vh)) - 170px);
}

.editorActionPopup .graphBoxContainer{width: 33.33%;display: flex;flex-direction: column;}

.editorActionPopup .graphBoxContainer.half{    width: 50%;}

.editorActionPopup .graphBoxContainer h3{    margin-left: 50px;    color: #000;}

.graphEditor .editorActionPopup .graphFormSection .field{    height: initial;    align-items: center;    margin-right: 20px;}

.graphEditor .editorActionPopup .graphFormSection .field .fieldBtn{    height: 19px;    margin-left: 5px;    font-weight: normal;}

.editorActionPopup.infoObject{justify-content: center;
    align-items: center;
    background-color: #f5f7f775;
    box-shadow: initial;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}

.editorActionPopup.infoObject .lensSelectionPopup{
    min-width: 600px;
    left: initial;
    right: initial;
    }

.editorActionPopup.infoObject .infoObjectBody{    height: calc(100vh - 50px);}

.editorActionPopup.infoObject .lensSelectionPopup .fromLine{    padding: 10px;
    border-bottom: solid 1px #9cd3e4;
    display: flex;}

.editorActionPopup.infoObject .lensSelectionPopup .fromLine .fromLineKey{    font-weight: bold;
    min-width: 200px;
    color: #3f51b5;}

.editorActionPopup.infoObject .lensSelectionPopup .fromLine .fromLineTo{width:50px;}

.editorActionPopup.infoObject .lensSelectionPopup .fromLine .fromLineTo i{}

.editorActionPopup.infoObject .lensSelectionPopup .fromLine .fromLineEntity{
    font-weight: bold;
    flex-grow: 1;
    /* max-width: 210px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

.editorActionPopup.infoObject .lensSelectionPopup .fromLine .fromLineSource{
    width: 100px;
    margin-left: 10px;
}

button.infoObject{line-height:26px;}

button.rxbtn{line-height:26px;}

.pasteOptimizationPanel{justify-content: center;
    align-items: center;
    background-color: #f5f7f775;
    box-shadow: initial;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}

.pasteOptimizationPanel>div{
  position: fixed;
    background-color: #edf1f2;

    top: 10px;
    bottom: 10px;
    z-index: 25;
    box-shadow: 0 0 20px 0 #000;
    padding: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px;
    height: initial !important;
  width: 600px;
    left: initial;
    right: initial;
  bottom: initial;}

.pasteOptimizationPanel .tabsSectionHeader{
     display: flex;
    margin-top: 10px;
    z-index: 1;}

.pasteOptimizationPanel .tabsSectionHeader>div{
color: #000;
margin: 5px;
 }

.pasteOptimizationPanel .pasteOptimizationPanelBody{
  flex-grow: 1;
    background-color: #fff;
    border: solid 1px #999;
    border-radius: 0 5px 5px 5px;
    margin-top: -1px;
    padding: 5px;
    /* overflow-y: auto; */
    position: relative;
    display: flex;
    flex-direction: column;
  /* height: calc(100vh - 50px); */}

.pasteOptimizationPanel .pasteOptimizationPanelBody .section{
  width0: 25%;
  display: flex;
  flex-direction: column;
  border-right: solid 1px #f1f1f1;
  padding-left: 20px;
  padding-top: 20px;
  border-top: solid 1px #f1f1f1;
  width: 100%;
  /* height: 140px; */
  padding: 10px 20px 20px 20px;
  /* flex-grow: 1; */
}

.pasteOptimizationPanel .selectLensControls{
      display: flex;
    padding: 10px 10px;
    margin: 0px -5px -5px;
    background-color: #c0c0c02b;
    border-top: solid 1px #9999997d;
}

.pasteOptimizationPanel .selectLensControls .btns{display: flex;}

/* .tabsSection .tabsSectionBody>div{display: none;}
.tabsSection .tabsSectionBody>div.visible{display: block;} */

.editorcrosscontainer{
    height: calc((100vh - 80px - (2*36px)) / 2);
    width: 100%;
    /* overflow-y: scroll; */
}

.graphEditor .graphBox.crossgraphbox{
    /* padding: 10px; */
    /* border: solid 1px silver; */
    /* margin: 10px; */
    /* background-color: #f1f1f1; */
    overflow: initial;
    flex-grow: 1;
    /*flex-direction: column;*/
}

.graphEditor .graphBox.crossgraphbox .graphProps{
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px -10px -10px;
    /* padding: 10px; */
    background-color: #f1f1f1;
    border-radius: 0 0 5px 5px;
    justify-content: left;
}

.graphEditor .graphBox.crossgraphbox .graphProps .line{
    font-size: 10px;
    padding: 0 10px;
    border: solid 1px #e1e1e1;
    width: 33.33%;
}

.graphEditor .graphBox.crossgraphbox .graphProps .line .gp{
    width: 131px;
    font-size: 11px;
    color: gray;
}

.graphEditor .graphBox.crossgraphbox .graphProps .line .gv{
    width: 40px;
    font-size: 12px;
    /* overflow: hidden; */
}

.modebar-container{display: none !important;}

.graphEditor .editorBody .graphsSection .gsExternalContainer .editorcrosscontainer.tabsSection{}

.graphEditor .editorBody .graphsSection .gsExternalContainer .editorcrosscontainer.tabsSection .tabsSectionHeader{
    margin: 5px 0 0 5px;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer .editorcrosscontainer.tabsSection .tabsSectionHeader>div{
    min-width: 50px;
    text-align: center;
    background-color: #e4e3e3;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer .editorcrosscontainer.tabsSection .tabsSectionHeader>div.selected{
    background-color: #fff;
}

.graphEditor .editorBody .graphsSection .gsExternalContainer .editorcrosscontainer.tabsSection .tabsSectionBody{
    border-width: 1px 0 0 0;
    border-radius: 0;
}

.graphEditor .editorBody .maximized .editorcrosscontainer{overflow0: hidden;height: 100%;}

/* .graphsSection .gsExternalContainer.maximized*/

.graphEditor .editorBody .maximized .editorcrosscontainer.tabsSection{}

.graphEditor .editorBody .maximized .editorcrosscontainer.tabsSection .tabsSectionHeader{}

.graphEditor .editorBody .maximized .editorcrosscontainer.tabsSection .tabsSectionBody{}

.graphEditor .graphBox.crossgraphbox .graphElement{
    position: relative;
    margin-bottom: 5px;
    max-width: calc(100vw - 950px - 60px);
}

.graphEditor .editorBody .maximized.d1 .editorcrosscontainer{overflow0: hidden;height: calc(100vh - 80px - 36px);}

.graphEditor .editorBody .graphsSection.d2 .editorcrosscontainer{
    height: calc((100vh - 46px - (2*36px)));
}

.graphElementContainer .specificationsInfoContainer{
    /* max-width: 184px; */
    min-width: initial;
}

.graphElementContainer .specificationsInfoContainer .form .specificationsBox label{padding: 0;margin: 0;}

.graphEditor .graphBox.crossgraphbox .graphElementContainer{
  display: flex;
  overflow: initial;
  flex-grow: 1;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectGraphDdl{
    cursor: pointer;
    /* border: solid 1px rgb(82 80 80 / 87%); */
    /* border-width: 1px 1px 0 1px; */
    /* border-radius: 5px 5px 0 0; */
    /* background-color: #f1f1f1; */
    /* font-size: 14px; */
    /* font-weight: bold; */
}

.selectGraphDdl .title{
    line-height: 26px;
    margin-left: 5px;
    margin-right: 5px;
}

.selectGraphDdl .title i{
    margin-left: 5px;
}

.selectGraphDdl .body{
    position: absolute;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0 #0299c6;
    border-radius: 5px;
    top: 23px;
    /* border: dashed 2px #0299c6; */
    /* padding: 10px; */
}

.selectGraphDdl .body .tabHeadersContainer{
    padding: 0;
    height: initial;
    border-bottom: solid 1px #0299c6;
    padding: 5px 10px 0;
}

.selectGraphDdl .body .tabHeadersContainer .tabHeader{
    min-width: initial;
    height: 20px;
    margin-right: 8px;
    margin-top: 0;
    padding: 0 4px;
    line-height: 22px;
    border: 0;
    background-color: transparent;
    white-space: nowrap;
    font-weight: bold;
}

.selectGraphDdl .body .tabHeadersContainer .tabHeader:last-child{
    margin-right: 0;
}

.selectGraphDdl .body .tabHeadersContainer .tabHeader.selected{
    color: #fff;
    background-color: #0299c6;
}

.selectGraphDdl .body .tabHeadersContainer .tabHeader.optimizationResult{color: #f58022;}

.selectGraphDdl .body .tabHeadersContainer .tabHeader.optimizationResult.selected{color: #fff;background-color: #f58022;}

.selectGraphDdl .body .ddlLine{
    color: #000;
    padding: 3px 0 3px 14px;
    font-size: 12px;
    border-top: solid 1px silver;
    border-left: solid 4px transparent;
}

.selectGraphDdl .body .ddlLine:hover{
    border-left-color: #0299c6;
}

.selectGraphDdl .body .ddlLine.selected{
    color: #0299c6;
}

.selectGraphDdl.lensSelectorDdl{
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 3;
    background-color: #e4e3e3;
    height: 30px;
}

.selectGraphDdl.infoBtn{
      position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    /* background-color: #e4e3e3; */
    height: 30px;
width: 30px;}

.hideLegends .selectGraphDdl.infoBtn{    background-color: #e4e3e3;}

.hideLegends .selectGraphDdl.infoBtn .title{    border: 0;
    line-height: 26px;
    color: gray;}

.selectGraphDdl.infoBtn .title{margin: 2px;text-align: center;line-height: 24px;padding-right: 5px;color: #0099c6;border: solid 1px #0099c6;background-color: #0099c60d;font-size: 14px;}

.selectGraphDdl.infoBtn .title i{}

.selectGraphDdl.lensSelectorDdl .title{line-height:32px;}

.lensSelectorDdl .refLensLine{padding: 4px;line-height: 20px;display: flex;justify-content: space-between;align-items: center;background-color: #f1f1f1;margin: 4px;}

.lensSelectorDdl .refLensLine span{
    color: #000;
}

.lensSelectorDdl .refLensLine span span{
    font-weight: bold;
    color: #0091ea;
}

.lensSelectorDdl .refLensLine i{height: 20px;    line-height: 20px;}

.lensSelectorDdl .refLensBottomBar{
    display: flex;
    justify-content: center;
}

.lensSelectorDdl .refLensBottomBar button{
    margin: 5px;
}

.lensSelectorDdl .body{
    top: 32px;
    min-width: 200px;
}

.refLensesMapKeys{
    display: flex;
    color: #000;
}

.refLensesMapKeys>div{
    margin: 4px 20px 4px 4px;
}

.refLensesMapKeys>div span{
    font-weight: bold;
    color: #0091ea;
}

.gridWithDetails{
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    flex-grow: 1;
}

.gridWithDetails .ag-theme-balham{
    flex-grow: 1;
    /* max-height: 50%; */
    min-height: 50%;
}

.gridWithDetails .nodeDesignTreeContainer{
    position: relative;
    min-height: 100px;
    border: solid 1px #0299c6;
    padding: 0;
    /* max-height: 388px; */
    overflow-y: scroll;
    z-index: 1;
    flex-grow: 1;
    max-height: 45vh;
}

.gridWithDetails .nodeDesignTreeContainer.deletePreview{z-index: 500001;}

.gridWithDetails .nodeDesignTreeContainer.deletePreview .btnCell,
.gridWithDetails .nodeDesignTreeContainer.deletePreview .newNodeDesignBtn,
.gridWithDetails .nodeDesignTreeContainer.deletePreview .nodeDesignCell.edit{opacity: 0.2; pointer-events: none;}

.gridWithDetails .nodeDesignTreeContainer .title{
    font-size: 14px;
    padding: 4px;
    font-weight: bold;
    background-color: #f5f7f7;
    color: #566e7a;
    position: sticky;
    top: 0;
    z-index: 2;
}

.gridWithDetails .nodeDesignTreeContainer .loading{}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree{}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNodeContainer{}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode.removed{  color: red;  text-decoration: line-through;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode{    display: flex;    width: 100%;    /* margin-bottom: 4px; */    /* border-bottom: solid 1px silver; */    /* padding-bottom: 4px; */}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode.selected{}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode.selected  > div.nodeDesignCell{background-color: #a9c1d6 !important;color: #000;}

{}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode:hover>div.nodeDesignCell{background-color: #eac08512;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode.active > div.nodeDesignCell{background-color: #b6d9bc26;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode:last-child{    margin-bottom: 0;    /* padding: 0px 0 0px 4px; */    border: 0;    /* box-shadow: 0 0 10px 0 black; */    /* margin-bottom: 10px; */}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode .btn{    margin-left: 8px;    height: 20px;    background-color: transparent;    color: #0299c6;    font-weight: bold;    min-width: initial;    padding: 0;    font-size: 12px;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode .btn i{    margin-right: 4px;    vertical-align: middle;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode .btn:hover span{text-decoration: underline;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode .btn.cancel{    color: red;}

.gridWithDetails .nodeDesignTreeContainer .nodeDesignTree .nodeDesignNode .btn.newNodeDesignBtn{

height: 26px;

padding-left: 0;

text-decoration: none !important;
}

.nodeDesignNode .nodeDesignCell{
    width: 100px;
    border-left: solid 1px #f1f1f1;
    padding: 2px 4px;
    line-height: 20px;
    border-bottom: solid 1px silver;
    border-bottom-style: dashed;
}

.nodeDesignNode .nodeDesignCell.name{
    flex-grow: 1;
    border-left: 0;
    cursor: pointer;
}

.nodeDesignNode .nodeDesignCell.name>span{
    vertical-align: middle;
    margin-right: 5px;
}

.nodeDesignNode .nodeDesignCell.edit{
    width: 28px;
}

.nodeDesignNode .nodeDesignCell.description{
    /* flex-grow: 1; */
}

.ellipsis{
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nodeDesignNode .nodeDesignCell.tag{
    width: 160px;
}

.nodeDesignNode .nodeDesignCell.designerName{
    width: 57px;
}

.nodeDesignNode .nodeDesignCell.lastUpdate{
    width: 105px;
}

.nodeDesignNode .nodeDesignCell.status{
    width: 80px;

}

.nodeDesignNode .nodeDesignCell.status .nodeDesignStatus{
font-size: 9px;
    background-color: #fff;
    padding: 2px;
    border: solid 1px #fff;
    border-radius: 3px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.nodeDesignNode .nodeDesignCell.status .nodeDesignStatus1{border-color: #ffe28c; color:#594300;}

.nodeDesignNode .nodeDesignCell.status .nodeDesignStatus10{border-color: #b2d8b9; color:#14892c;}

.nodeDesignNode .nodeDesignCell.btnCell{
    display: flex;
    width: 235px;
}

.nodeDesignNode .nodeDesignCell.btnCell .btn{
    min-width: initial;
    padding: 0 2px;
    margin-right: 5px;
}

.nodeDesignNode .nodeDesignCell.btnCell .btn i{
    margin-right: 2px;
    text-decoration: none !important;
}

.nodeDesignNode .nodeDesignCell.edit .btn{
    padding: 0 2px;
}

.nodeDesignNode.headers{
    background-color: #f5f7f7;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    border-bottom: 1px solid #f1f1f1;
    position: sticky;
    top: 28px;
}

.nodeDesignNode.headers .nodeDesignCell{}

.nodeDesignNode.headers .nodeDesignCell.name{
    padding-left: 4px;
    cursor: initial;
}

.nodeDesignNode.headers .nodeDesignCell.name .expandCollapsAll{
    display: flex;
}

.nodeDesignNode.headers .nodeDesignCell.name .expandCollapsAll .btn{
    margin-right: 20px;
    display: flex;
    align-items: initial;
}

.sqlNodeDesignName{
    color: #000;
    background-color: #f9f9f9;
    /* height: 27px; */
    display: inline-block;
    /* vertical-align: top; */
    /* line-height: 27px; */
    /* margin-top: 7px; */
    font-size: 16px;
    height: 38px;
}

.sqlNodeDesignName .txt{
    color: #0299c6;
    margin: 0 5px;
    vertical-align: middle;
}

.sqlNodeDesignName .editSqlNodeDesignBtn{
       border: solid 1px #dadada;
       border-radius: 3px;
       background-color: #f0f0f0;
       height: 20px;
       display: inline-block;
       line-height: 8px;
       vertical-align: middle;
       color: #888f96;
       margin: 0 4px;
}

.sqlNodeDesignName .editSqlNodeDesignBtn>span{}

.sqlNodeDesignName .editSqlNodeDesignBtn:hover{
    color: #595f65;
}

:root {
  --nodeDesignNodeLeft: 15;
  --nodeDesignNodeWid: 18;
}

.nodeDesignNode.lvl1 .nodeDesignCell.name{
    margin-left: 1px;
}

.nodeDesignNode.lvl2 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 0px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl3 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 1px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl4 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 2px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl5 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 3px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl6 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 4px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl7 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 5px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl8 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 6px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl9 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 7px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode.lvl10 .nodeDesignCell.name{margin-left: calc(var(--nodeDesignNodeLeft) * 8px + (var(--nodeDesignNodeWid) * 1px));}

.nodeDesignNode .corner{
    display: inline-block;
    width: 16px;
    height: 17px;
    border: solid 2px #0299c6;
    vertical-align: top;
    border-width: 0 0 2px 2px;
    float: left;
    margin-top: -7px;
    margin-left: -18px;
    margin-right: 4px;
}

.nodeDesignNode.lvl1 .corner{
    border-left: 0;
    width: 8px;
    display: none;
}

.btn.activate{
    color: #000000 !important;
    /* font-size: 9px; */
    min-width: 62px !important;
}

.btn.activate.test{
    /* color: #4a6785 !important; */
    white-space: nowrap;
}

.btn.activate.active{
    color: #ff4081 !important;
}

.nodeDesignNode .plusMinusContainer{
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    color: #0299c6;
    font-size: 9px;
    line-height: 8px;
    /* font-weight: bold; */
}

.nodeDesignNode .plusMinusContainer .plusMinus{
 border: solid 2px #888f96;
 border-radius: 3px;
 display: block;
 height: 100%;
line-height: 11px;}

.nodeDesignNode .plusMinusContainer .pluse{}

.nodeDesignNode .plusMinusContainer .minus{}

.nodeDesignNode .plusMinusContainer .leaf{
    line-height: 14px;
}

* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  /* user-select: none; */ /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

body{
  --axis-width: 60px;
}

.odContainer{
    height: 100%;
    /* margin: 0 100px; */
    display: flex;
    position: relative;
    flex-direction: column;
    flex-grow: 1;
    border: solid 1px gray;
    margin: 0 -8px;
    border-radius: 5px;
    /* width: 1000px; */
}

.deleteActive{cursor: url(/assets/img/delete.png), pointer;}

.odContainer .drawing{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;

    justify-content: center;
    align-items: center;
    border: solid 1px #e2e2e2;
    display: none;
}

.odContainer .drawing.isDrawing{
  display: flex;
}

.odContainer .drawing i {
	font-size: 70px;
	color: #0299c6;
}

.object-distances{
        /* box-shadow: 0 0 5px 0 grey; */
        margin: 20px 0 0 0;
        /* border: solid 1px gray; */
        display: flex;
        flex-direction: column;
        /* background-color: #f1f1f1; */
        border-radius: 4px;
        height: 500px;
        /* overflow: hidden; */
        position: relative;
}

.object-distances .odHeader{
    height: 40px;
    /* background-color: #f1f1f1; */
    margin: 0 var(--axis-width);
    /* border: solid 1px gray; */
    border-width: 1px 1px 0 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 6px;
}

.object-distances .odHeader>div{display: flex;}

.object-distances .odBody{
    flex-grow: 1;
    display: flex;
    position: relative;
    width: 1060px;
}

.object-distances .odFooter{}

.object-distances .odRightContent{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    /* overflow: hidden; */
    margin: 0 var(--axis-width) var(--axis-width) var(--axis-width);
    border: solid 1px silver;
}

.object-distances .odYAxis{
    width: var(--axis-width);
    flex-direction: column;
    justify-content: center;
    margin-bottom: var(--axis-width);
    /* display: block !important; */
    position: relative;
    align-items: flex-start;
    min-width: var(--axis-width);
    left: 0;
    top: 0;
    bottom: 0;
}

.object-distances .odYAxis .ticks{
    flex-direction: column-reverse;
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: flex-end;
}

.object-distances .odYAxis .ticks .tick{
    vertical-align: middle;
    display: block;
    transform: translate(0, 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    padding-right: 2px;
}

.object-distances .odYAxis .ticks .tick i{
    /* background-color: #028fba; */
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 2px;
    margin-top: -2px;
    border-bottom: solid 1px #028fba;
    display: none;
}

.object-distances .odYAxis .ticks .tick:last-child i{/* margin-top: -1px; */}

.object-distances .odYAxis span{transform: rotate(270deg);display: block;white-space: nowrap;height: -moz-max-content;height: max-content;position: absolute;right: 10px;}

.object-distances .odXAxis{
    height: calc(var(--axis-width) / 2);
    display: flex;
    justify-content:flex-start; /*start*/
    align-items: flex-start; /*start*/
    margin-right: var(--axis-width);
    flex-direction: column;
    bottom: calc(var(--axis-width) / 2);
    left: var(--axis-width);
}

.object-distances .odXAxis span{
    display: block;
    text-align: center;
    width: 100%;
}

.object-distances .odXAxis .ticks{
    margin: 0 0 10px 0;
    /* overflow: hidden; */
}

.object-distances .odXAxis .ticks .tick{
    transform: translate(-50%, 0);
    text-align: center;
    /* padding-top: 10px; */
    padding-top: 2px;
}

.object-distances .odXAxis .ticks .tick:first-child{/* padding-left: 5px; */}

.object-distances .odXAxis .ticks .tick i{
    position: absolute;
    left: 50%;
    /* right: 0; */
    font-size: 6px;
    top: 0;
    width: 1px;
    height: 6px;
    background-color: #028fba;
    display: inline-block;
    /* margin-left: -0.5px; */
    display: none;
}

.object-distances .odXAxis .ticks .tick:last-child i{/* margin-left: -1px; */}

.object-distances .odXAxis.xLabel{
    bottom: 0;
    right: 0;
}

.object-distances .odXAxis,
.object-distances .odYAxis{
    font-size: 18px;
    /* font-weight: bold; */
    color: #1d89bf;
    display: flex;
    position: absolute;
}

.object-distances .ticks{
    display: flex;
    /* overflow: hidden; */
    /* flex-wrap: wrap; */
    justify-content: flex-start;
}

.object-distances .ticks .tick{
    font-size: 10px;
    color: #1b2427;
}

.object-distances .odGraph{
    flex-grow: 1;
    background-color: #fff;
    /* margin-right: var(--axis-width); */
    /* border: solid 1px gray; */
    border-width: 0;
    position: relative;
}

.object-distances .odGraph canvas{/* border: solid 1px silver; */}

.object-distances .odGraph.testMode canvas{opacity: 0.2;}

.object-distances .odGraph .cp{
    position: absolute;
    background-color: #516772;
    border-radius: 50%;
    border: solid 1px #1b2427;
    transform: translate(-50%, 50%);
    /* cursor: move; */
    z-index: 10;
}

.object-distances .odGraph .cp.cpTest{border: solid 1px #1b2427;background-color: #1b2427;opacity: 1 !important;}

.object-distances .odGraph.testMode .cp{
    opacity: 0.2;
}

.object-distances .odGraph .cp:hover,
.object-distances .odGraph .cp.active{
    /* border-color: gray; */
    background-color: #00c3ff;
    box-shadow: 0 0 6px 0 #808080;
}

.object-distances .odGraph .cp.outside{
    background-color: #ab2e2e;
    border-color: #ab2e2e;
}

.object-distances .odGraph .cp.selected{
    background-color: #ff4081;
}

.object-distances .odGraph .vline{
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display0: none;
  opacity: 0.3;
  background: rgba(255, 0, 0, 0.2);
  border-left: solid 1px red;
  border-right: solid 1px red;
  transform: translate(-50%, 0%);
  animation0: opacity-fade 1s ease-in-out 0s;
}

.object-distances .odGraph .vline.show{
  animation: opacity-fade 1s ease-in-out 0s;
  opacity: 0;
}

.object-distances .odGraph .sideRange{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    opacity: 0.3;
}

.object-distances .odGraph .sideRange.show{
    display: block;
}

.object-distances .odGraph .sideRange.l{
  left: 0;
  background: rgba(255, 0, 0, 0.2);
  /* background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,0) 100%); */
  border-right: solid 1px red;
}

.object-distances .odGraph .sideRange.r{
  right: 0;
  background: rgba(255, 0, 0, 0.2);
  /* background: linear-gradient(90deg, rgba(255,0,0,0) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%); */
  border-left: solid 1px red;
}

@keyframes opacity-fade {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0;
  }
}

@keyframes opacity-fade-rev {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 0;
  }
}

.object-distances .operation{
    display: flex;
    /* margin-right: 10px; */
}

@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
    }

.object-distances .operation.translate{}

.object-distances .operation.scale{}

.object-distances .operation button{
    width: initial;
    min-width: initial;
    margin: 0;
    /* height: 20px; */
    padding: 0 4px;
    border-radius: 3px;
}

.object-distances .operation>button{
    border: solid 2px #dadada;
}

.object-distances .operation>div{
    display: flex;
    align-items: center;
}

.object-distances .operation>div .lbl{
    margin-right: 5px;
    font-weight: bold;
    font-size: 11px;
}

.object-distances .operation>div input{
    width: 60px;
    margin-right: 5px;
}

.object-distances .operation>div button{
    margin-right: 5px;
    height: 20px;
}

.object-distances .errorMsg{
    margin-left: 5px;
    /* text-transform: capitalize; */
    line-height: 24px;
    animation-name: blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-size: 11px;
    position: absolute;
    top: 48px;
    z-index: 9;
    left: 60px;
}

.object-distances .errorMsg.error{color: #ab2e2e;}

.object-distances .errorMsg.warning{
    color: #030169;
}

.object-distances .operation.active>button{}

.object-distances .operation.active>div{}

.object-distances .actionButton{width: initial !important;font-size: 10px !important;padding: 2px 4px !important;height: 24px !important;line-height: 16px !important;}

.object-distances .actionButton.delete{}

.object-distances .actionButton.translate{}

.object-distances .actionButton.scale{}

.object-distances .actionButton.import{}

.object-distances .actionButton i{
    font-size: 14px;
    vertical-align: middle;
    margin-right: 2px;
}

.odContainer .odContainerTitleC{}

.odContainer .odContainerTitle{font-size: 20px;font-weight: bold;color: #5d6265;padding: 10px 3px;margin-right: 20px;}

.odContainer.zoomActive{}

.odContainer.zoomActive .odBody{}

.odContainer.zoomActive .odBody .odRightContent{
    overflow: hidden;
}

.odContainer.zoomActive .odBody .odRightContent .odGraph{}

.odContainer.zoomActive .odBody .odRightContent .odGraph canvas{}

.object-distances .oGraphZoomButton{
    display: flex;
    align-items: center;
    /* border: solid 2px #dadada; */
    border-radius: 3px;
    margin-right: 10px;
    /* position: relative; */
    z-index: 9;
}

.object-distances .zoomActive .oGraphZoomButton{}

.object-distances .oGraphZoomButton .oGraphZoomButtonContent{
    display: flex;
    align-items: center;
    border: solid 1px #fff;
    /* border-width: 1px 1px 0 1px; */
    z-index: 10;
    padding: 0 4px 0 2px;
    border-radius: 4px 4px 0 0;
    /* margin-bottom: -8px; */
    height: 33px;
    }

.object-distances .oGraphRefContainer{
    display: flex;
    padding: 0 !important;
    align-items: center;
    /* background-color: #efefef; */
    margin: 0;
}

.object-distances .oGraphRefContainer app-check-box{
    /* margin: -2px 0 -2px -2px; */
    /* border: solid 1px; */
}

.object-distances .oGraphRefContainer .lbl{
    margin: 0 4px;
    color: #fff;
}

.object-distances .oGraphRefContainer .lbl i{}

.object-distances .zoomActive .oGraphZoomButton .oGraphZoomButtonContent{
    border-color: #028fba;
    border-bottom-color: #f1f1f1;
    background-color: #f1f1f1;
    box-shadow: 0px -2px 2px 0px;
    /* margin-bottom: -8px; */
}

.object-distances .oGraphZoomButton app-check-box{
    margin: 0 2px 0;
    /* border: solid 2px #dadada; */
    /* border-radius: 5px; */
    /* border-right-width: 0; */
}

.object-distances .oGraphZoomPanel{display: none;}

.object-distances .zoomActive .oGraphZoomPanel{display: flex;position: absolute;top: 36px;background-color: #fff;padding: 5px;align-items: center;box-shadow: 0px 2px 2px;border: solid 1px #028fba;border-radius: 0 4px 4px 4px;background-color: #f1f1f1;}

.object-distances .oGraphZoomPanel input{
    width: 50px;
    margin: 0 5px;
}

.object-distances .oGraphZoomPanel button{
    /* background-color: #028fba; */
    /* color: #fff; */
    border: 0;
    border-radius: 0;
    /* width: 30px !important; */
    min-width: initial;
    padding: 0 10px !important;
}

.tabHeadersContainer{
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 40px;
    /* background-color: #f1f1f1; */
}

.tabHeadersContainer .tabHeader{
    height: 35px;
    margin-right: 10px;
    /* padding: 5px; */
    border: solid 1px #999;
    background-color: silver;
    color: #000;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    cursor: pointer;
    margin-top: 5px;
    display: flex;
    align-items: flex-start;
    min-width: 170px;
    padding-right: 2px;
}

.tabHeadersContainer .tabHeader.selected{background-color: #fff;}

.tabHeadersContainer .tabHeader input{
    height: 20px;
    background-color: transparent;
    border: 0;
    pointer-events0: none;
    /* border: solid 1px #f1f1f1; */
    /* border-radius: 5px 0 0 0; */
    flex-grow: 1;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 10px);
    cursor: pointer;
    padding: 0 5px;
    margin: 7px 5px;
    min-width: initial;
}

.tabHeadersContainer .tabHeader input:hover{
    /* border: solid 3px #f1f1f1; */
    /* border-radius: 5px; */
}

.tabHeadersContainer .tabHeader .removeTab,
.tabHeadersContainer .tabHeader .editTitle{
    width: 22px;
    text-align: center;
    height: 26px;
    font-size: 20px;
    line-height: 26px;
    margin-top: 2px;
    color:gray;
}

.tabHeadersContainer .tabHeader .removeTab:hover,
.tabHeadersContainer .tabHeader .editTitle:hover{color:#000;}

.tabHeadersContainer .tabHeader .editTitle{font-size: 14px;}

.tabHeadersContainer .tabHeader .finishEdit{
    width: 30px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    display: none;
    font-weight: bold;
    background-color: #0299c6;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 0 5px 0 #7b7b7b;
    margin-top: 2px;
    }

.tabHeadersContainer .tabHeader .tabHeaderInputContainer{
    flex-grow: 1;
    height: 100%;
    position: relative;
    padding: 0 10px;
    line-height: 34px;
}

.tabHeadersContainer .tabHeader.editMode{}

.tabHeadersContainer .tabHeader.editMode input{
    pointer-events0: initial;
    /* box-shadow: inset 0 0 4px 1px gray; */
    color: blue;
    background-color: #fafafa;
    opacity: 1;
    cursor: text;
}

.tabHeadersContainer .tabHeader.editMode .removeTab{
    display: none;
}

.tabHeadersContainer .tabHeader.editMode .editTitle{
    display: none;
}

.tabHeadersContainer .tabHeader.editMode .finishEdit{ display: block;}

.tabHeadersContainer .tabHeader.editMode .tabHeaderInputContainer{}

.tabHeadersContainer .addTab{
    margin-left: -4px;
    padding: 8px 10px 4px;
    margin-right: 6px;
}

.tabHeadersContainer .addTab.open{
    box-shadow: 0px -1px 10px 0 #3a3333;
    z-index: 11;
}

.tabHeadersContainer .addTab .addTabIcon{
        width: 32px;
        height: 26px;
        background-color: #0299c6;
        color: #fff;
        font-size: 16px;
        border-radius: 4px;
        line-height: 26px;
        text-align: center;
        cursor: pointer;
        box-shadow: 0px 0 5px 0 #7b7b7b;
}

.tabHeadersContainer .addTab .layoutSelectionList{
    position: absolute;
    background-color: #fff;
    z-index: 11;
    width: 50px;
    padding: 4px 4px 0;
    box-shadow: 0px 5px 9px 0px #0a3038;
    margin: 5px 0 0 -9px;
    flex-direction: column;
    align-items: center;
    display: none;
}

.tabHeadersContainer .addTab.open .addTabIcon{
}

.tabHeadersContainer .addTab.open .layoutSelectionList{
    display: flex;
}

.tabHeadersContainer .addTab .layoutSelectionList>div{
    text-align: center;
    width: 32px;
    height: 26px;
    background-color: #efefef;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    /* box-shadow: 0px 0 5px 0 #7b7b7b; */
    margin-bottom: 8px;
    border: solid 2px #dadada;
    color: #0299c6;
    font-weight: bold;
}

.tabHeadersContainer .addTab .layoutSelectionList>div:hover{
    background-color: #0299c6;
    color: #fff;
    border-color: #0299c6;
}

.tabHeadersContainer .tabsSaveLayout{
    background-color: #0299c6;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 0 5px 0 #7b7b7b;
    padding: 0 8px;
    border: 0;
}

.mat-select-disabled-order {
    background-color: #eee;
}

.mat-select-disabled-order .mat-select-value .mat-select-value-text {
        background-color: #eee !important;
        color: #5d6265 !important;
        padding: 0px !important;
    }

.form-group.barcode {
    width: 150px !important;
}

.codeValidationError{
  border-color: #cc0000!important;
  padding0: 1px!important;
}

.typeChanged{
  border-top: solid 1px #0299c6 !important;
  /* height: 36px !important; */
}

.typeChanged>div{padding-top: 16px;}

.typeChanged::before{

background-color: #36474f;

color: #fff;

padding: 1px 4px;

font-size: 11px;

/* height: 8px; */

position: absolute;

display: inline-block;

line-height: 14px;

overflow: hidden;

top: 0;

left: 0;
}

.typeChanged.Adhesive::before{content: 'Adhesive';}

.typeChanged.Envelope::before{content: 'Envelope';}

.typeChanged.FlexibleLens::before{content: 'Flexible Lens';}

.typeChangedBottom{
  border-bottom: solid 1px #0299c6 !important
}

.orderHeaderStatus{
  display: flex;
  margin-left: 10px;
  font-size: 14px;
  font-weight: initial;
  height: 60px;
  align-items: center;
  flex-grow: 1;
}

.orderHeaderStatus .orderHeaderStatusBlock{
  margin-right: 10px;
  height: 100%;
  /* margin-top: 20px; */
  display: flex;
  align-items: center;
  padding-top: 10px;
  position: relative;
}

.orderHeaderStatus .orderHeaderStatusBlock >span{
  padding: 0px 2px;
  /* border: solid 5px transparent; */
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  vertical-align: middle;
  line-height: 50px;
  border: solid 1px silver;
  border-width: 1px 1px 0;
  margin-bottom: 1px;
  background-color: #c0c0c038;
  display: flex;
  height: 50px;
}

.orderHeaderStatus .orderHeaderStatusBlock >span:hover{  /* background-color: #fff; */  box-shadow: 0px -4px 3px #c7c7c7a1;}

.orderHeaderStatus .orderHeaderStatusBlock i.fas{  margin-left: 10px;}

.orderHeaderStatus .orderHeaderStatusBlock >span >span{
    width: 120px;
    /* font-weight: bold; */
    color: #222222;
}

.orderHeaderStatus .orderHeaderStatusBlock.active >span{border-color:#0299c6;/* box-shadow: 0 0 10px #abb4bd; */background-color: #fff;box-shadow: 0px -4px 3px #c7c7c7a1;}

.orderHeaderStatus .orderHeaderStatusBlock:last-child i.fas{  display: none;}

.orderHeaderStatus .orderHeaderStatusBlock label.stationDate{    position: absolute;    left: 0;    right: 14px;    margin: 0;    bottom: 11px;    height: 20px;    text-align: center;    pointer-events: none;    font-size: 12px;}

.orderHeaderMoreProperty{height: 30px;flex-grow: 1;font-size: 14px;display: flex;align-items: center;margin: 10px;padding: 0 10px;background-color: #ffffff7a;}

.orderHeaderMoreProperty label{
    margin: 0 4px 0 20px;
}

.orderHeaderMoreProperty span {}

.pageSection.adminEdit{}

.pageSection.adminEdit .pageSectionHeader{}

.pageSection.adminEdit .pageSectionBody{  background-color: #fff;  padding: 20px 20px;  box-shadow: 0 0 4px;  margin: 0 5px 5px;}

.pageSection.adminEdit .edit-content-frames .pageSection{  border: 0;}

.orderHeaderControls{}

.orderHeaderControls .controlSet{  display: flex;}

.orderHeaderControls .btn{}

#changedEntities {
  position: fixed;
  top: 58px;
  right: 10px;
  background-color: #fff;
  border: solid 1px black;
  box-shadow: 0 0 10px 2px;
  padding: 10px;
  min-width: 200px;
  display: none;
  z-index: 9999999;
  max-height: 90%;
  overflow: auto;
}

#changedEntities .changedEntity {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px;
}

#changedEntities .changedEntity .n {
  color: #000;
  font-weight: bold;
}

#changedEntities .changedEntity .v {}

#changedEntities .changedEntity.Deleted .v {  color: red;}

#changedEntities .changedEntity.Modified .v {  color: blue;}

#changedEntities .changedEntity.Added .v {  color: green;}

.btn.extractin1{    pointer-events: none;  }

.btn.extractin1>i{animation: fa-spin 2s infinite linear;}

.btn.extractin1>i::before{content:"\f110";}

.cpMover{
    position: absolute;
    right: 5px;
    width: 150px;
    box-shadow: 0 0 10px 0;
    overflow: hidden;
    top: 100px;
    background-color: #516772;
    border-radius: 4px;
}

.cpMover .title{}

.cpMover .title i{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
}

.cpMover .form{
    margin: 10px;
    color: #fff;
}

.cpMover .form .form-group{}

.cpMover .form .form-group label{}

.cpMover .form .form-group input{}

.cpMover .form .form-group button{
    width: 50px;
    padding: 5px;
    min-width: initial;
    margin: 0;
}

.cpMover .form .form-group button.save{}

.cpMover .form .form-group button.cancel{}

.cpMover .form .form-group.controls{
    display: flex;
    justify-content: space-around;
    margin: 0;
}

.blinktwice {
  animation-name: blink1;
  animation-duration: 0.5s;
  animation-iteration-count: 3;
}

@keyframes blink1 {
  0% {color: red;}
  50% {
    opacity: 0.8;
    color: #fff;
  }
  100% {color: red;}
}

[app-specifications]>div.specifications{
    border: solid 1px gray;
    padding: 0px 0;
    margin: 0 -8px;
    border-radius: 5px;
}

.specifications .form{/* flex-grow: 1; */}

.specifications .line{}

.specifications .line>.form{
    flex-direction: column;
    margin-bottom: 0px;
}

.specifications .form h4{}

.specifications .form h4{
    flex-grow: 1;
    margin: 0;
    padding: 5px;
    background-color: #f1f1f1;
    margin: 0 6px 4px;
    color: #028FBA;
    font-size: 20px;
}

.specifications .form .specificationsContainer{
    padding: 0 8px;
}

.specifications .form .specificationsContainer h5{
    margin: 0;
    padding: 5px 0px;
    background-color: #fff;
    border-bottom: solid 2px #3f51b5;
    color: #3f51b5;
    margin-bottom: 2px;
}

.specifications .form .specificationsContainer .specificationsBox.form-group{
    flex-grow: 1;
}

.specifications .form .specificationsContainer .specificationsBox.form-group label{}

.specifications .form .specificationsContainer .specificationsBox.form-group input{
    border-color: #ced4da;
    background-color: #fff;
}

.specifications .form .specificationsContainer .specificationsBox.sep{
    display: flex;
    justify-content: center;
    align-items: flex-end; /*end*/
    font-size: 18px;
    max-width: 30px;
}

.specifications .form .specificationsContainer.spvError{}

.specifications .form .specificationsContainer.spvError h5{border-bottom: solid 2px red;}

.specifications .form .specificationsContainer.spvError label{}

.specifications .form .specificationsContainer.spvError input{border: solid 1px red;}

.specifications .form.d1>.form-group{width:100%;}

.specifications .form.d2>.form-group{width: 49%;}

.specifications .form.d3>.form-group{width: 32.2%;}

.specifications .form.d4>.form-group{width: 24%;}

.specifications .form.d5>.form-group{width: 19%;}

.specifications .pageSectionTitle{font-size: 20px;font-weight: bold;color: #5d6265;padding: 10px 3px;}

.specifications .specificationsHeader{height: 40px;    border-width: 1px 1px 0 1px;    display: flex;    justify-content: space-between;    align-items: center;    margin: 4px 6px;}

.specifications .specificationsHeader>div{display: flex;}

.specifications .specificationsHeader .actionsButtons {    display: flex;    align-items: center;}

.specifications .specificationsHeader .actionsButtons .actionButton {    /* width: initial !important; */    /* font-size: 10px !important; */    padding: 2px 4px !important;    height: 24px !important;    line-height: 16px !important;border: solid 2px #dadada;border-radius: 3px;}

.specifications .specificationsHeader .actionsButtons .actionButton i{font-size: 14px;
    vertical-align: middle;
    margin-right: 2px;}

.specificationsInfoContainer{
    border: solid 1px gray;
    margin: 2px 0px;
    background-color: #c0c0c0;
    color: #000;
    border-radius: 4px;
    font-size: 10px;
    min-width: 225px;
    max-width: 220px;
    background-color: #fff;
}

.specificationsInfoContainer .form{
    width: 100%;
    padding: 2px;
    align-items: center;
}

.specificationsInfoContainer .form .specificationsBox{
    margin: 0;
    flex-grow: 1;
    color: #f58022;
    font-size: 18px;
}

.specificationsInfoContainer .form .specificationsBox.sep{
    max-width: 10px;
    color: #000;
    /* font-size: 26px; */
    line-height: 25px;
}

.specificationsInfoContainer .form .specificationsBox.sep i{}

.specificationsInfoContainer .form .specificationsBox.t{
    max-width: 10px;
}

.specificationsInfoContainer .form .specificationsBox label{
    margin: 0;
    font-weight: bold;
    display: flex;
    line-height: 25px;
    width: 100%;
    justify-content: center;
}

.specificationsInfoContainer .form .specificationsBox label.target{
    font-size: 14px;
    font-weight: bold;
    color: #3f51b5;
    justify-content: center;
}

.specificationsInfoContainer .form .specificationsBox label span.target{
    color: #000;
    font-size: 12px;
}

.specificationsInfoContainer .form .specificationsBox label span.tolerance{
    color: blue;
    font-size: 12px;
}

.specificationsInfoContainer .form .specificationsBox label span.mm{
    font-size: 10px;
    color: #373030;
    margin-left: 2px;
}

.specificationsInfoContainer .form .specificationsBox label i{
    font-size: 8px;
    line-height: 24px;
    margin: 0 1px;
}

.graphBox .graphTable table tr.specificationsTR th{
    background-color: initial;
    border: 0;
}

.spGreen{
    background-color: #b5d1b5;
}

.spRed{
    background-color: #e8c1c1;
}

input.no-spin-button::-webkit-outer-spin-button,
input.no-spin-button::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.no-spin-button {
    -moz-appearance:textfield; /* Firefox */
}

.showRefPanel{
      position: absolute;
      right: 5px;
      width: 150px;
      box-shadow: 0 0 10px 0;
      overflow: hidden;
      top: 50px;
      background-color: #516772;
      border-radius: 4px;
      padding: 10px;
}

.extractionInlineForm{
    width: 100%;
}

.extractionInlineForm .form-group{
    width: -moz-fit-content !important;
    width: fit-content !important;
}

.extractionInlineForm .app-check-box{
    margin-top: 2px;
}

.extractionInlineForm .spacer{flex-grow: 1;}

.withBorders{}

.withBorders>div{
    border: solid 1px gray;
    margin: 5px 2px;
    padding: 12px 12px 0;
    border-radius: 5px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row .col-xyz{
    width: 450px;
    overflow: hidden;
}

.row .col-extraction{
    flex-grow: 1;
}

.startExtractionPopup{}

.startExtractionPopup.readOnly{}

.startExtractionPopup.readOnly input{
    box-shadow: initial;
    border: solid 1px silver;
    border-width: 0 0 1px 0;
}

.startExtractionPopup.readOnly button.start{}

/* You can add global styles to this file, and also import other style files */

.form-specific-group {
  display: flex;
  border: 1px rgb(206, 212, 218) solid;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 15px;
  width: 100%;
}

.form-specific-group div {
  margin-top: 5px;
}

.form-title label {
  display: flex;
  font-weight: bold !important;
  flex-grow: 1;
  align-items: center;
  width: 100%;
  color: #5d6265;
  margin-left: 6.5% !important;
  font-size: 14px;
}

.pageSectionTitle .form-main-title {
  display: flex;
  font-weight: bold !important;
  align-items: center;
  margin-right: 20px;
  margin-left: 5px;
  color: #5d6265;
  font-size: 16px;
}

.pageSectionTitle .form-info {
  display: flex;
  font-weight: bold !important;
  align-items: center;
  margin-right: 20px;
  margin-left: 5px;
  color: #5d6265;
  font-size: 14px !important;
  padding-bottom: 2px;
}

.btn-end {
  width: 100%;
  justify-content: space-between;
}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-no-focus.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first {
  background-color: #A3E1D4;
  font-weight: bold;
  font-size: 14px;
}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first.ag-row-focus {
  background-color: #A3E1D4;
  font-weight: bold;
  font-size: 14px;
}

#pageOutlet>div>div>div.experiment-page.ng-star-inserted>div {
  width: 1400px !important;
  max-width: 1400px !important;
  max-height: 85%;
}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-no-focus.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first>div:nth-child(16)>app-action-cell-renderer {
  display: none;

}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-no-focus.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first>div:nth-child(5)>app-action-cell-renderer {
  display: none;
}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first.ag-row-focus>div:nth-child(5)>app-action-cell-renderer {
  display: none;
}

.results-grid>.gridEmbedContainer>#agGridpopup>div>div.ag-root-wrapper-body.ag-layout-normal>div>div.ag-body-viewport.ag-layout-normal.ag-row-no-animation>div.ag-center-cols-clipper>div>div>div.ag-row.ag-row-even.ag-row-level-0.ag-row-position-absolute.ag-row-first.ag-row-focus>div:nth-child(16)>app-action-cell-renderer {
  display: none;
}

.loginpage .login {
  background-color: #fff;
  color: #fff;
  width: 420px;
  padding: 40px;
  position: fixed;
  right: 50%;
  top: 100px;
  box-shadow: 0 0 100px 0px #302f2f;
  border-radius: 5px;
  margin-right: -210px;
}

.loginpage h1 {
  margin-bottom: 40px;
  color: #337ab7 !important;
  display: block;
  text-align: center;
}

.loginpage h1 img {
  height: 65px;
  vertical-align: middle;
}

.loginpage form label {
  color: #000;
  width: 100%;
  position: relative;
  margin: 10px 0;
}

.loginpage form label span.fa {
  font-size: 24px;
  position: absolute;
  top: 13px;
  left: 5px;
  color: silver;
}

.loginpage form .input,
.loginpage form input[type=checkbox],
.loginpage input[type=text] {
  width: 100%;
  background: #fff;
  border: 0;
  line-height: 50px;
  border-bottom: solid 1px silver;
  color: #000;
  font-weight: normal;
  padding: 0 10px 0 6px;
}

.loginpage form input.input:-webkit-autofill {
  background-color: rgb(255, 255, 255) !important;
  -webkit-text-fill-color: #000 !important;
}

.loginpage.hasError form .input {
  border-color: #d03535;
}

.loginpage form button {
  height: 50px;
  padding: 10px;
  font-size: 20px;
  margin: 30px 0px 0;
  cursor: pointer;
  line-height: 16px;
  background-color: #337ab7;
  color: #fff;
  border-radius: 0;
  width: 100%;
  box-shadow: 0px 5px 20px 0 silver;
  border-radius: 3px;
}

.loginpage form button:hover,
.loginpage form button:active,
.loginpage form button:focus {
  color: #fff !important;
}

.loginpage .loginError {
  color: #337ab7;
  font-size: 18px;
  text-align: center;
  padding: 20px 0 0;
  height: 65px;
  margin-bottom: 0;
}

.landingpage{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('landing.a4ea0795eb3026bbd411.jpg');
}

.landingpage .landing{
    /* position: fixed; */
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    display: flex;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top right, #d2b48ccc, #000000);
    opacity: 1;
}

.landingpage .landing .text{z-index: 1;height: 200px;margin: 10px;background-color: #ffffff96;border-radius: 10px;box-shadow: 0 0 100px 0px #302f2f;}

.landingpage .landing .text img{

height: 100%;
}

.landingpage .landing .gear{
    /* position: fixed; */
    /* top: 100px; */
    /* left: 0; */
    width: 100%;
    /* bottom: 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* z-index: 0; */
    opacity: 1;
    display: flex;
    color: #fff;
    font-size: 50px;
    }

.landingpage .landing .gear i{
    /* font-size: 40px; */
}

.landingpage .landing .gear .under{
    /* font-size: 40px; */
    margin-left: 10px;
}

.landingpage .landing .glass{}

.landingpage .landing .btn{
    font-size: 50px;
    padding: 30px 40px;
    margin: 0px 0 40px;
    z-index: 1;
    box-shadow: 0 0 100px 0px #302f2f;
    height: initial;
    max-height: initial;
}

#logoContainer {
  margin: 10px 38px;
  font-size: 30px;
  display: flex;
  justify-content: left;
  align-items: center;
  white-space: nowrap;
  /* width: 200px; */
  background-color: #fff;
  border-radius: 40px 20px;
  padding: 10px;
  box-shadow: 0 0 4px 3px;
  margin: 0;
  width: 200px;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  justify-content: center;
}

#logoContainer i {
  font-size: 24px;
  color: #ebe8e8;
  margin-left: 10px;
}

#logoContainer img {
  /* margin: 0 10px; */
  max-height: 75px;
}

.global-form {
  margin-top: 4px;
}

.styles-section-trace {
  border: 1px solid rgb(206, 212, 218);
  width: 100%;
  height: 100%;
  display: flex;
  cursor: pointer;
  overflow: auto;
  flex-wrap: wrap;
  align-content: baseline;
}

.styles-section-trace div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 165px;
  height: 127px;
}

.styles-section-trace label {
  align-self: center;
}

.styles-section-trace .paint-trace svg {
  max-width: 116px;
}

.styles-section-trace .trace {
  width: 500px;
}

.trace-view {
  border: 1px solid rgb(206, 212, 218);
  margin: 20px;
  padding: 7px;
}

.trace-delete-icon {
  color: grey;
  font-size: 16px;
  align-self: flex-end;
}

.trace-delete-icon:hover {
  color: silver;
}

.ex-with-lens {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-top: 4px;
}

.ex-with-lens>label {
  margin-left: 2px;
  margin-top: 4px;
}

.margin-checkbox-label {
  margin-left: 10px;
  align-self: center;
}

.separtor {
  border-left: 1px solid #ccc;
}

.frames-lens-section {
  /* padding: 10px; */
  /* padding-bottom: 0px; */
margin: 20px -7px 20px;border: solid 1px #808080d4;border-radius: 4px;}

.lens-edit-footer {
  padding-bottom: 35px !important;
}

.edit-content-lens-page {
  max-height: 90% !important;
}

.page-user-width-height {
  width: 100%;
  height: 50% !important;
}

.supplier-user {
  border-top: 1px solid;
  width: 100%;
  height: 50%;
}

.frame-send{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 120px!important;
  margin-left: 10px!important;
}

.frame-send-no-margin{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 120px !important;
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{background-color: #0000003d;  opacity: 1;}

.order1{order:1;}

.order2{order:2;}

.disabled .disabled {opacity: 1;}

.hideLegends .infolayer{display: none;}

.labNamingScheme{
    margin: 0;
}

.labNamingScheme>label{}

.labNamingScheme>div.form-control{
    height: 300px;
    border: 0 !important;
    padding: 0;
    box-shadow: none;
    display: flex;
}

.labNamingScheme>div.form-control .col{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #edf1f2;
    margin: 0 10px 0 0;
    padding: 0;
    /* border-right: solid 1px #1d262b2b; */
    border: solid 1px #1d262b2b;
    max-width: 380px;
    width: 380px;
    overflow: hidden;
}

.labNamingScheme>div.form-control .col:last-child{
    /* border: 0; */
    margin-right: 0;
}

.labNamingScheme.fp>div.form-control .col{width: initial; max-width: initial;}

.labNamingScheme>div.form-control .col .pageTitle{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px #9e9e9e;
}

.labNamingScheme>div.form-control .col .pageHeader{
    min-height: 28px;
    height: 28px;
    padding: 0 5px;
    line-height: 28px;
    background-color: #edf1f2;
}

.labNamingScheme>div.form-control .col .pageHeaderControls{
    margin: 0;
}

.labNamingScheme>div.form-control .col .pageContent{
    padding: 5px;
    margin: 0;
    overflow: hidden;
    /* padding: 0; */
}

.labNamingScheme>div.form-control .col .fileContainer{padding: 0 4px;height: 22px;background-color: #607d8b;}

.labNamingScheme>div.form-control .col .fileContainer>span{line-height: 24px;}

.labNamingScheme>div.form-control .col .add{
}

.form-group.line {
  display: flex;
  justify-content: space-between;
}

.form-group.line label{
    margin: 0 20px 0 0;
    line-height: 24px;
    width: 50%;
}

.jsonConverterPopup{}

.jsonConverterPopup.editPopup .editContent{
    width: 400px;
    min-width: initial;
}

.labNamingScheme .labNamingSchemeList{
    display: flex;
    flex-direction: column;
    height: 100%;
    /* width: 385px; */
    /* overflow: hidden; */
}

.labNamingScheme .labNamingSchemeList .labNamingSchemeHeader{}

.labNamingScheme .labNamingSchemeList .labNamingSchemeHeader .labNamingSchemeEntry{display: flex;border-bottom: solid 1px gray;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeHeader span.h{
    width: 200px;
    margin-right: 10px;
    display: block;
    font-weight: bold;
}

.labNamingScheme .labNamingSchemeList .labNamingSchemeHeader span.h:first-child{width: 100px;}

.labNamingScheme.fp .labNamingSchemeList .labNamingSchemeHeader span.h:first-child{width: 200px;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody{
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    /* width: 385px; */
}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry{
    display: flex;
    margin-top: 5px;
    overflow: hidden;
    /* width: 301px; */
}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.deleted{
    /* text-decoration: line-through; */
    color: red;
}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry input{    width: 200px;    margin-right: 10px;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.deleted input{/*color: red; */border: solid 1px #fff;box-shadow: none;background-color: #ff000012;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.deleted span.remove{    display: none;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry input:first-child{width: 100px;}

.labNamingScheme.fp .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry input:first-child{width: 200px;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry span.remove{    display: block;    line-height: 24px;    width: 24px;    text-align: center;    font-size: 16px;    cursor: pointer;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.forDelete{}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.forDelete input{    border-color: red;    color: red;    text-decoration: line-through;    pointer-events: none;}

.labNamingScheme .labNamingSchemeList .labNamingSchemeBody .labNamingSchemeEntry.forDelete span.remove{    display: none;}

.editPopup [app-labprofile-edit].editContent{    max-width: initial;
    width: initial;}

.fDirCol{flex-direction: column;}

[app-propagation-space-configuration-edit]{max-width: 800px !important;}

form.propagationSpaceConfiguration{}

form.propagationSpaceConfiguration .form{    margin-bottom: 10px;    padding: 4px;    border: solid 1px transparent;}

.labprofile{}

.labprofile .tabsSection{    padding-top: 10px;}

.labprofile .tabsSectionBody{}

.labprofile .tabsSectionBody>div{    padding: 2px;}

.labprofile .tabsSectionBody .page-h33{    border: solid 1px silver;    margin: 2px;    padding: 2px;    min-width: calc(33.33% - 4px);}

.labprofile .tabsSectionBody [app-dsrule]{    height: 100%;}

.labprofile .tabsSectionBody [app-dsrule] .page{    margin: 0;    width: 100%;}

.labprofile .tabsSectionBody [app-dsrule] .page .pageHeader{/* display: none;   height: 0;    line-height: 0; */min-height: 0;padding: 0;height: 0;}

.labprofile .tabsSectionBody [app-dsrule] .page .pageHeader .pageTitle{display: none;}

.labprofile .tabsSectionBody [app-dsrule] .page .pageHeader .pageHeaderControls{position: fixed;right: 0;margin-top: -33px;}

.labprofile .tabsSectionBody [app-dsrule] .page .pageHeader .pageHeaderControls .refresh{display: none;}

.labprofile .tabsSectionBody [app-dcsoutput-edit] .page .pageHeader{display: none;}

.labprofile .tabsSectionBody [app-dcsoutput-edit]{height: 100%;}

.labprofile .tabsSectionBody [app-dcsoutput-edit] .pageSectionFooter{padding: 15px;}

form.propagationSpaceConfiguration .form-group{display: flex;align-items: center;margin-bottom: 0;}

form.propagationSpaceConfiguration .form-group label{margin: 0 10px 0 0;min-width: 30px;}

form.propagationSpaceConfiguration .form-group .form-control{    margin-right: 20px;}

form.propagationSpaceConfiguration .d3 .form-group .form-control{    margin: 0 40px 0 10px;    width: 1px;    flex-grow: 1;}

form.propagationSpaceConfiguration .form-group.labelOnly label{font-weight: bold;color: #000;font-size: 11px;}

form.propagationSpaceConfiguration .form-group.radios{}

form.propagationSpaceConfiguration .form-group.radios .radio{}

form.propagationSpaceConfiguration .form-group.radios .radio label{}

form.propagationSpaceConfiguration .errorLine{
    width: 100% !important;
    margin: 5px 4px 0;
    color: #e91e63;
    display: none;
}

form.propagationSpaceConfiguration .hasError{
    border-color: #e91e63;
}

form.propagationSpaceConfiguration .hasError .errorLine{
    display: block;
}

.readonly{pointer-events: none;opacity: 0.8;background-color: transparent;}

.ordersFilterForm{align-items: center;margin-bottom: 10px;}

.ordersFilterForm .aBtn{margin-top: 14px;padding: 0 6px;/* width: 70px; */min-width: initial;margin-left: 0;}

.ordersFilterForm .aBtn.refresh{width: 28px;margin-left: 10px;}

.ordersFilterForm .aBtn.refresh i{    margin: 0;}

.ordersFilterForm .aBtn.refreshWithText{margin-left: 10px;}

.mr-1{margin-right: 2px;}

.mr-2{margin-right: 4px;}

.mr-3{margin-right: 6px;}

.ml-1{margin-left: 2px;}

.ml-2{margin-left: 4px;}

.ml-3{margin-left: 6px !important;}

.generate{/* display: none !important; */}

app-action-cell-renderer .buildstatusingrid{}

app-action-cell-renderer .buildstatusingrid span{}

app-action-cell-renderer .buildstatusingrid button{    color: #e91e63;}

body app-action-cell-renderer .buildstatusingrid .btn:hover{color: #e91e63;}

app-action-cell-renderer .buildstatusingrid button.succeeded{color:green;}

body app-action-cell-renderer .buildstatusingrid .btn.succeeded:hover{color: green;}

.ordersFilterForm [matInput]{width: calc(100% - 30px);}

.ordersFilterForm .mat-icon-button{width: 30px;height: initial;line-height: initial;}

.form-group.opticalReason{width: 55% !important;}

app-action-cell-renderer .reworkingrid button{}

app-action-cell-renderer .reworkingrid button.disabled{
    opacity: 0;
}

app-action-cell-renderer .reworkingrid .reworkTree{
    /* background-color: #5797c3; */
    /* color: #fff; */
    border-radius: 4px;
    /* padding: 1px; */
    /* border: solid 2px #9C27B0; */
    /* width: 20px; */
    /* height: 20px; */
    /* margin-left: 2px; */
    text-align: center;
    background-color: #ff852b;
    color: #fff;
}

.form-control.outside{
    /* border: solid 1px red; */
    background-color: #ff000017;
}

.idelModal{}

.idelModal>div{
    display: flex;
}

.idelModal>div .leftS{}

.idelModal>div .rightS{
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex{display: flex !important;}

.h-100{height: 100%;}

.w-50p{width: 50%;}

.w-25p{width: 25%;}

.w-75p{width: 75%;}

.fforderview_col_data{width: 49.99%;}

.isAdmin .fforderview_col_data {  width: 33.33%;}

.fforderview pre .sep{color: #1b00ff;}

.fforderview pre{color: #000000;height: calc(100% - 50px);-webkit-user-select: text;-moz-user-select: text;user-select: text;}

.fforderview .pageSectionTitle{}

.fforderview .pageSectionTitle h5{    display: flex;    margin: 0;    align-items: center;    font-weight: normal;}

.fforderview .pageSectionTitle i{    font-size: 10px;    color: #9310d7;    margin: 0 10px;    font-weight: bold;}

.editPopup .editContent.w-fforderview{    width: calc(90% - 200px);    max-width: initial;}

.ordersFilterForm .form-group{display: none; min-width:90px;}

.ordersFilterForm.advanced .form-group.adv{display: block !important;}

.ordersFilterForm.advanced .form-group.adv.station{width: 130px;}

.ordersFilterForm.advanced .form-group.tbx{width: 80px;display: block !important;}

.ordersFilterForm.advanced .form-group.simple{display: none;}

.ordersFilterForm .form-group.simple{display: flex;}

.ordersFilterForm .form-group.account{    width: 130px;}

.ordersFilterForm .form-group.status{    width: 122px;}

.ordersFilterForm .form-group.wo{    width: 50px;}

.ordersFilterForm .form-group.ref{    width: 120px;}

.ordersFilterForm .form-group.name{   width: 120px;}

.ordersFilterForm .form-group.date{/* margin-top: 8px; */width: 100px;}

.ordersFilterForm .form-group.switch{    margin: 17px 10px 0 0;    color: #5797c3; cursor: pointer;}

.ordersFilterForm .form-group.switch:hover{text-decoration: underline;}

.ordersFilterForm .form-group.searchTxt{    align-items: center;}

.ordersFilterForm .form-group.searchTxt label{    margin-right: 10px;    align-items: center;}

.ordersFilterForm .spacer{flex-grow: 1;}

.ordersFilterForm>label{margin-top: 9px;}

.ordersFilterForm .form-group .cbxBox, .form-group .cbxBox.withlabel{    display: flex;    align-items: center;}

.ordersFilterForm .form-group .cbxBox label, .form-group .cbxBox.withlabel label{    margin: 0 5px;}

.pageContent.withFilter{    display: flex;    flex-direction: column;}

.pageContent.withFilter form{    display: flex;}

.pageContent.withFilter ag-grid-angular{    flex-grow: 1;}

.lensDisabled{}

.lensDisabled .form.d8 .form-group{pointer-events: none;opacity: 0.6;}

.lensDisabled .form.d8 .form-group.notDisabled{pointer-events: all;opacity: 1;}

.lensDisabled .col-xyz{pointer-events: none;opacity: 0.6;border-color: #f1f1f1;}

.lensDisabled .edit-content-frames{border: 0;}

.lensDisabled .edit-content-frames>div{pointer-events: none;opacity: 0.6;border-color: #f1f1f1;}

.lensDisabled .specifications{/* pointer-events: none; *//* opacity: 0.6; *//* border-color: #f1f1f1 !important; */}

.lensDisabled .object-distances{border: 0;}

.lensDisabled .object-distances>div{pointer-events: none;opacity: 0.6;border-color: #f1f1f1;}

.lensDisabled .form .form-group .form-control{    border-color: #f1f1f1;    background-color: #f1f1f1;}

.editContent {width: 1050px;margin: 0 auto;}

#shell #pageOutlet>div[app-order]{width: 1050px;width: 100%;}

.noPadding{padding: 0 !important;}

.noBorder{border: 0 !important;}

.flex-direction-row{display: flex; flex-direction: row !important;}

.flex-row{flex-direction: row!important;}

.ffServerObjRow{    display: flex;}

.ffServerObjRow>label{    width: 50%;}

.ffServerObjRow>div{}

.labPanel{}

.labPanel .form-control{display: flex;height: initial;padding: 10px;box-shadow: none;}

.labPanel .form-control .form-group{margin-bottom: 0;}

.labPanel .form-control label{display: flex;}

.labPanel .form-control app-check-box{margin-right: 10px;}

.labRoute{}

.labRoute .form-control{}

.labRoute .col{margin: 0 5px;width: 100px;/* padding: 8px; */border: solid 1px silver;border-radius: 4px;cursor: pointer;background-color: #f1f1f1;box-shadow: 0 0 8px silver;display: flex;flex-direction: column;}

.labRoute .col.selected{background-color: #e0f3ff;}

.labRoute .col.sep{border: 0;background-color: #fff !important;padding: 0;margin: 0 10px;border-left: solid 1px #5697c1;width: initial;}

.labRoute .col.disabled{pointer-events: none;cursor: not-allowed;/* opacity: 0.5; */background-color: #f2f8fe;box-shadow: none;border: solid 1px transparent;}

.labRoute .col:first-child{margin-left:0 ;}

.labRoute .col:hover{/* background-color: #e0f3ff; */border-color: #5697c1;}

.labRoute .col label{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;cursor: pointer;margin: 0;padding: 8px;/* height: 100%; */flex-grow: 1;}

.labRoute .col label app-check-box{    /* display: block; */}

.labRoute .col label span{text-wrap: wrap;text-align: center;line-height: 18px;margin-top: 8px;font-size: 12px;}

.gridAsPopup{}

.gridAsPopup .modal-dialog{height:calc(100% - 60px)}

.gridAsPopup .modal-dialog .modal-content{height: 100%;display: flex;flex-direction: column;}

.gridAsPopup .modal-dialog .modal-content .modal-header{}

.gridAsPopup .modal-dialog .modal-content .modal-header .close{position: absolute;    right: 14px;    top: 16px;    padding: 0;    font-size: 18px;}

.gridAsPopup .modal-dialog .modal-content .modal-body{    flex-grow: 1;}

.gridAsPopup .modal-dialog .modal-content .modal-body>div{height: 100%;}

.reworkTree{}

.reworkTree .modal-dialog{width: 1050px;}

.orders-edit-page-section{}

.orders-edit-page-section .pageSectionTitle{}

.orders-edit-page-section .pageSectionTitle>div:first-child{display: flex;flex-direction: column;font-size: 16px;}

.orders-edit-page-section .pageSectionTitle>div:first-child span{    line-height: 22px;}

.orders-edit-page-section .pageSectionTitle>div:first-child span.parentLeg{    font-size: 14px;    color: #ff852b;}

.orders-edit-page-section.finishedOrder{}

body .orders-edit-page-section.finishedOrder .form-control{background-color: #eee !important;  opacity: 1 !important;  border-color: #ced4da !important;pointer-events: none !important;}

.orders-edit-page-section.finishedOrder mat-select{background-color: #eeeeee;  pointer-events: none;}

.orders-edit-page-section.finishedOrder .saveStage{display: none;}

.orders-edit-page-section.finishedOrder .loadPromapperFile{    display: none;  }

.rework .divRoute-1{pointer-events: none;}

/*NotInRoute*/

.rework .divRoute-1 input{background-color: #eeeeee;}

.minmax.ng-invalid{border-color: #cc0000 !important;  padding0: 1px !important;}

.rework .divRoute0{pointer-events: none;}

/*NoChange*/

.rework .divRoute0 input{background-color: #eeeeee;}

.rework .divRoute1{}

/*Pending*/

.rework .divRoute1 input:-moz-read-write{border-color: #000;}

.rework .divRoute1 input:read-write{border-color: #000;}

.rework .divRoute2{pointer-events: none;}

/*Pass*/

.rework .divRoute2 input{background-color: #eeeeee;}

.rework .divRoute3{pointer-events: none;}

/*Fail*/

.rework .divRoute3 input{background-color: #eeeeee; }

.orderComputedStatus{}

.orderComputedStatus.Pending{    color: #3F51B5;}

.orderComputedStatus.Fail{    color: #E91E63;}

body .ag-body-viewport .orderFail{background-color: #ff000024;}

.mat-select-disabled{background-color: #eeeeee;pointer-events: none;}

.form-control[readonly]{pointer-events: none;}

.reworkOperatorName{    display: flex;    margin-right: auto;    margin-bottom: 0;    line-height: 24px;    margin-left: -13px;}

.reworkOperatorName label{    margin: 0 18px 0 0;    font-weight: bold;}

.reworkOperatorName input{    width: 130px;}

label.hasCheckbox{    display: flex;    align-items: center;}

label.hasCheckbox app-check-box{    margin-right: 4px;}

div[app-dcsoutput-edit] .form.d1 .form-group{    padding: 2px 0;    border-bottom: solid 1px #f1f1f1;    margin: 0;}

div[app-dcsoutput-edit] table th{position: sticky;top: 0;/* background-color: red; */z-index: 1;    border: solid 0px #000;}

div[app-dcsoutput-edit] table th.hasButton{    padding: 1px 4px;}

div[app-dcsoutput-edit] table .bc1{    /* height: 22px; */    margin: 0;    padding: 0;    /* width: 64px; */    min-width: initial;}

div[app-dcsoutput-edit] .pageContent {margin: 10px;padding: 0;overflow: hidden;display: flex;justify-content: space-between;}

div[app-dcsoutput-edit] .pageContent>div {margin: 10px;padding: 0;overflow-y: auto;flex-grow: 1;}

div[app-dcsoutput-edit] .pageContent>div:first-child{width: 300px; max-width: 300px;}

.c100vh-50{    height: calc(100vh - 50px);}

div[app-dashboardorder-edit] .tabsSection .tabsSectionBody>div>form{flex-wrap: nowrap;flex-direction: column;width: 100%;max-width: 1000px;margin: 0 auto;}

div[app-dashboardorder-edit] .form-lenses-view{border-width: 0 0 1px 0;margin-bottom: 0;}

div[app-dashboardorder-edit] .frame-section{    overflow-y: initial;}

div[app-dashboardorder-edit] .form-lenses-group.left{    margin-bottom: 0px;}

div[app-dashboardorder-edit] .margin-bottom-10{    margin-bottom: 0;}

div[app-dashboardorder-edit] .form-group{margin-bottom: 2px;}

div[app-dashboardorder-edit] .label-frame-form-right{margin-bottom: 0;margin-right: 0;width: 80px;text-align: left;}

div[app-dashboardorder-edit] .label-frame-form-left{margin-bottom: 0;margin-right: 0;width: 80px;text-align: left;}

div[app-dashboardorder-edit] .frame-form{    margin-top: 0;}

.rgrangepage{    border: 0 !important;}

.rgrangepage .form-control.fromto{display: flex;width: -moz-fit-content;width: fit-content;border: 0;}

.rgrangepage .form-control.fromto >input{width: 60px;border: 1px solid #ced4da;}

.rgrangepage .form-control.fromto.showErrors>input{border-color: #cc0000 !important;    padding: 1px !important;}

.rgrangepage .form-control.fromto >span{    margin: 0 5px;    font-size: 12px;    line-height: 20px;}

.rgrangepage .rangesHeader{  }

.rgrangepage .rangesHeader .form-group{display: flex;align-items: center;margin-bottom: 0;width: 24%;}

.rgrangepage .rangesHeader .form-group .btn.bc1{width: -moz-fit-content;width: fit-content;height: 22px;}

.rgrangepage .rangesHeader .form-group.btnContainer{    justify-content: end;}

.rgrangepage .pageSectionBody .rangeSectionWrap{    display: flex;}

.rgrangepage .pageSectionBody .rangeSectionWrap>.section{    flex-grow: 1;}

.rgrangepage .pageSectionBody .section{padding: 10px;border: solid 1px #ced4da;border-radius: 3px;margin-bottom: 20px;}

.rgrangepage .pageSectionBody .section .header{    display: flex;    justify-content: space-between;}

.rgrangepage .pageSectionBody .section .header h3{margin: 0;line-height: 24px;}

.rgrangepage .pageSectionBody .section .header .form-group{margin: 0 10px;}

.rgrangepage .pageSectionBody .section .header .form-group label{    margin: 0 5px 0 0;}

.rgrangepage .pageSectionBody .section .header .form-group .form-control{}

.rgrangepage .pageSectionBody .section .header mat-select{    width: 100px;}

.rgrangepage .pageSectionBody .section table{margin: 8px 0 0;width: initial;}

.rgrangepage .pageSectionBody .section table th{text-align: center;background-color: #f1f1f1;color: #000;}

.rgrangepage .pageSectionBody .section table td{width: 36px;height: 36px;/* line-height: 36px; */min-width: 36px;padding: 0;background-color: #c0c0c0a8;border-color: gray;}

.rgrangepage .pageSectionBody .section table td .app-check-box.form-control{    height: 36px;    width: 36px;}

.rgrangepage .pageSectionBody .section table .verticalTitle{}

.rgrangepage .pageSectionBody .section table .verticalTitle span{    text-orientation: upright;    writing-mode: tb-rl;}

.rgrangepage .pageSectionBody .section table .corner{border-color: #fff #dee2e6 #dee2e6 #fff;    background-color: white;}

.rgrangepage .pageSectionBody .cyl_sph_table{    margin-right: 10px;}

.rgrangepage .pageSectionBody .section table td.celloff{}

.rgrangepage .pageSectionBody .section table td div {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;background-color: #f9f9f9;justify-content: space-around;}

.rgrangepage .pageSectionBody .section table td div>.c {    color: darkmagenta;}

.rgrangepage .pageSectionBody .section table td div>.t {    color: #000;}

.rgrangepage.formingtime .pageSectionBody .section table td{width: 50px;height: 40px;}

.rgrangepage.formingtime .pageSectionBody .section .header{    justify-content: flex-end;}

.rgrangepage.formingtime .forminglegend{}

.rgrangepage.formingtime .forminglegend .legend{width: 100px;height: 100px;background-color: #f9f9f9;border: solid 1px gray;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;margin-top: 80px;justify-content: space-around;}

.rgrangepage.formingtime .forminglegend span.c{color: darkmagenta;}

.rgrangepage.formingtime .forminglegend span.t {color: #000;}

.rgrangepage .pageSectionBody .add_table{}

.rgrangepage .selectAll{min-width: initial;  background-color: #749bad;  height: 48px;  width: 56px;  margin: -5px 0 0 -3px;}

.preparationErrors{color: #000;    border0: 1px solid #dedddd;    border-radius: 4px;    padding: 0 5px 15px;    width: 100%;}

.preparationErrors .preparationErrorRow{}

.preparationErrors .preparationErrorRow h4{margin-bottom: 0;    color: red;}

.ffbasecurvecharts .form-group{}

.ffbasecurvecharts .form-group .rangLbl{white-space: nowrap;/* min-width: 65px; */margin-left: 30px;display: flex;align-items: center;}

.ffbasecurvecharts .form-group .rangLbl>span{    color: #000;    font-size: 14px;    margin-left: 3px;    width: 38px;    display: inline-block;}

.ffbasecurvecharts .form-group .rangLbl .app-check-box{    margin-right: 5px;}

.ffbasecurvecharts .form-group.baseSelected{}

.ffbasecurvecharts .form-group.baseSelected [mat-select]{}

.ffbasecurvecharts .form-group input[type=range]{}

.ffbasecurvechartsTable{    width: 100%;}

.ffbasecurvechartsTable .table{    width: initial;}

.ffbasecurvechartsTable .table thead tr.dataHeaders th{    min-width: 35px;    padding: 0;    text-align: center;}

.ffbasecurvechartsTable .table td{text-align: center;border: solid 1px #383838;}

.ffbasecurvechartsTable .table tbody th{text-align: left;}

.ffbasecurvechartsTable.baseFitsTable .table{}

.ffbasecurvechartsTable .table th{color:#000;text-align: center;background-color: #f1f1f1;    line-height: 12px;}

.ffbasecurvechartsTable.baseFitsTable .table td>span{display: none;}

.ffbasecurvechartsTable.baseFitsTable .table td.c0{background-color: #fff;}

.ffbasecurvechartsTable.baseFitsTable .table td.c1{background-color: #67ce03;}

.ffbasecurvechartsTable.bestBaseTable .table{}

.ffbasecurvechartsTable.bestBaseTable .table td>span{    color: #000;}

.ffbasecurvechartsTable.bestBaseTable .table td.c0{background-color: #fff;}

.ffbasecurvechartsTable.bestBaseTable .table td.c0 span{display: none;}

.ffbasecurvechartsTable.bestBaseTable .table td.c1{background-color: #7030A0;}

.ffbasecurvechartsTable.bestBaseTable .table td.c2{background-color: #FFC000;}

.ffbasecurvechartsTable.bestBaseTable .table td.c3{background-color: #ED7D31;}

.ffbasecurvechartsTable.bestBaseTable .table td.c4{background-color: #4472C4;}

.ffbasecurvechartsTable.bestBaseTable .table td.c5{background-color: #BDD7EE;}

.ffbasecurvechartsTable.bestBaseTable .table td.c6{background-color: #FFF2CC;}

.ffbasecurvechartsTable.bestBaseTable .table td.c7{background-color: #AC07B9;}

.ffbasecurvechartsTable.bestBaseTable .table td.c8{background-color: #C00000;}

.ffbasecurvechartsTable.bestBaseTable .table td.c9{background-color: #D8A494;}

.ffbasecurvechartsTable.bestBaseTable .table td.c10{background-color: #E3077A;}

.ffbasecurvecharts .rangeSectionWrap{width: 100%;flex-direction: column;}

.ffbasecurvecharts .tableTitle{    margin-top: 0;}

.confirmModal.autoUpdate{}

.confirmModal.autoUpdate h3{}

.confirmModal.autoUpdate .btn.add{}

.ag-theme-balham .fa-exclamation-triangle{color: red;}

.version{    bottom: 0;    position: absolute;    padding: 0 20px 4px;    background-color: #566e7a;    z-index: 1;    height: 20px;    /* border-top: solid 1px #4d5d67; */    width: calc(100% - 20px);}

.h100p{height: 100%;}

.w100p{width: 100%;}

.w80{width: 80px !important;}

.mat-select-close{float: right;  background-color: #fff;  font-size: 30px;  padding: 4px;  height: 38px;  line-height: 30px;  width: 38px;  text-align: center;  cursor: pointer;  border: solid 1px #b9b9b9;  margin: 2px 0 0 0;  border-radius: 4px;  background-color: #f1f1f1;}

.mat-select-close:hover{color: #000;}

.viewOnly{}

.viewOnly mat-select {background-color: #eeeeee;  pointer-events: none;}

.viewOnly .form-control {    background-color: #eeeeee;    pointer-events: none;  }

.autoFillBarcodes{}

.autoFillBarcodes .form-control{pointer-events: none;background-color: #eee;  opacity: 1;  border-color: #ced4da;}

.editPopup.orderTypeSelection{}

.editPopup.orderTypeSelection .editContent{    width: 400px;    padding: 20px;    align-items: center;}

.editPopup.orderTypeSelection button{}

.editPopup.orderTypeSelection button.save {    height: 50px;    width: 300px;    margin: 10px 0;}

.editPopup.orderTypeSelection button.backBtn{    height: 30px;}

.editPopup.orderTypeSelection button.disabled {}

.ag-header-group-cell.ag-header-group-cell-no-group::after {  border-left: none !important;  border-right: none !important;}

.ag-header-group-text{line-height: 17px;  font-weight: bold;}

.order-lenses-label {
  font-size: 13px;
  font-weight: bold;
  color: #0299c6;
  width: 100%;
  align-self: flex-end;
}

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0px;
}

.form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding-left: 0;
}

.form-check label {
  margin-bottom: 0px;
  margin-top: 9px;
  margin-left: 2px;
  font-size: 11px;
}

.form-check.right {
  margin-bottom: -9px;
}

.form-check.left {
  margin-bottom: 14px;
}

.form-lenses-group {
  flex: 1;
  width: 100%;
}

.form-lenses-group.left {
  margin-bottom: 15px;
}

.form-lenses-group div {
  width: 100%;
}

.form .d10 .form-group {
  width: 8% !important;
  text-align: center;
}

.form .d10a .form-group {
  width: 10% !important;
  text-align: center;
}

.form-lenses-wrap-group {
  margin-right: 0.5%;
  margin-bottom: 15px;
  width: 100%;
}

.form-lenses-view {
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #dedddd;
  border-radius: 4px;
  padding-top: 5px;
}

.border-right {
  flex: 0.02;
  border-left: 1px rgb(206, 212, 218) solid;
}

.form.d18 .form-group {
  width: 17%;
}

.form.d18 .form-group mat-label{display: block;}

.background-none {
  background: transparent;
}

.orders-edit-page-section {
  margin-top: 6px;
}

.lens-with-trace-wrapper {
  width: 100%;
}

.lens-with-trace-section {
  display: flex;
  flex-direction: column;
  padding: 10px;
  height: 100%;
}

.styles-section {
  border: 1px solid rgb(206, 212, 218);
  width: 100%;
  ;
  height: 160px;
  display: flex;
  cursor: pointer;
  overflow-y: hidden;
}

.styles-section div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

.styles-section label {
  align-self: center;
}

.styles-section .paint-trace svg {
  max-width: 116px;
}

.selected-trace {
  background-color: #0299c6;
  color: white;
  padding: 3px;
  margin-top: 3px;
}

.trace {
  flex: 1;
}

.frame-section {
  overflow-y: auto;
  height: 100%;
}

.frame-paint {
  flex: 2;
  background-color: white;
  height: 150px;
  margin: 10px;
  border: 1px solid rgb(206, 212, 218);
  text-align: center;
}

.frame-inputs {
  display: flex;
  flex: 1;
  justify-content: center;
}

.frame-form {
  margin-top: 3px;
  justify-content: center;
  text-align: center;
}

.label-frame-form-right {
  align-self: center;
  margin-right: 5%;
  margin-top: 16px;
}

.result-frame-form-group {
  text-align: -webkit-center;
}

.result-frame-inputs {
  width: 100px;
  color: white;
  background-color: #0299c6 !important;
}

.label-frame-form-left {
  align-self: center;
  margin-right: 56px;
  margin-bottom: 11px;
}

.label-frame-form-left-margin {
  align-self: center;
  margin-right: 56px;
  margin-bottom: -5px;
}

.form-width100 {
  width: 100%;
  justify-content: center;
}

.editContent-full-height {
  height: 94%;
  text-align: -webkit-center;
}

mat-list-option {
  font-size: 10px;
}

mat-list-option[aria-selected="true"] {
  background: #0299c6;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.padding-top-10 {
  padding-top: 10px;
}

.traces-selection {
  text-align: start;
  margin-left: 7px;
}

.frames-page-content {
  margin-bottom: 0px !important;
}

.calculate-diamter-button {
  border-radius: 5px;
}

.edit-content-frames {
  /* height: 600px; */
  /* background-color: #fff; */
  /* margin-top: -6px; */
  margin: 0 10px 10px;
}

.edit-content-frames.lensPage{margin: 15px -7px 20px;}

.order-footer {
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  margin: 0px 0px 0;
  padding: 0 5px;
  cursor: default;
  height: 40px;
  min-height: 40px;
  /* padding-bottom: 35px; */
}

.app-check-box-label-no-margin {
  margin-top: 0px !important;
}

.border-section {
  border: 1px solid;
  margin: 5px;
  border-radius: 3px;

}

.order-lab {
  height: auto;
}

.order-form-view-label .form-group label {
  font-size: 12px;
  font-weight: bold;
  margin: 1px;
  color: black;
  /* text-align: center; */
  /* display: block; */
}

.order-form-view-label .form-group label.lAbove{display: block;text-align: center;}

.status-new {
  color: white;
  font-weight: bold;
  background-color: #0299c6;
  border-radius: 3px;
  font-size: 14px;
  padding: 4px;
}

.status-pending {
  color: white;
  font-weight: bold;
  background-color: orange;
  border-radius: 3px;
  font-size: 14px;
  padding: 4px;
}

.status-finished {
  color: white;
  font-weight: bold;
  background-color: green;
  border-radius: 3px;
  font-size: 14px;
  padding: 4px;
}

/* ///// order grid */

.box {
  color: black;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #dadada;
}

.wrapper {
  width: 100%;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(100%/3);
  grid-template-rows: repeat(14, 31px);
  grid-auto-flow: column;
  height: auto;
  overflow: auto;
  overflow-x: hidden;

}

.wrapper-sv {
  width: 100%;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(100%/3);
  grid-template-rows: repeat(9, 31px);
  grid-auto-flow: column;
  height: auto;
  overflow: auto;
  overflow-x: hidden;

}

.wrapper-fl {
  width: 100%;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(100%/3);
  grid-template-rows: repeat(8, 31px);
  grid-auto-flow: column;
  height: auto;
  overflow: auto;
  overflow-x: hidden;

}

.wrapper-df {
  width: 100%;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: calc(100%/3);
  grid-template-rows: repeat(10, 31px);
  grid-auto-flow: column;
  height: auto;
  overflow: auto;
  overflow-x: hidden;

}

.css-grid-header {
  background-color: #dadada;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 339px;
}

.boxFlex {
  display: flex;
  border-bottom: 0px !important;
}

.boxFlex i {
  margin-left: 4px;
  margin-top: 3px;
  color: green;
}

.v-h-prism-section {
  border-left: 1px solid silver;
  padding-left: 11px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.frame-name {
  min-width: 155px!important;
  margin-left: 25px !important;
}

.form.d100 .form-group.frame-file{
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 10px;
    /* margin-top: 11px; */
}

.form.d100 .form-group.frame-file .fileContainer {
    margin: 0;
    width: 100%;
    border: 0;
}

.form.d100 .form-group.frame-file label{
    white-space: nowrap;
}

.form.d100 .form-group.frame-file .fileContainer>span{
    width: 100%;
    height: 24px;
    white-space: nowrap;
}