:root{
  --mdc-typography-font-family: 'Noto Sans', 'Readex Pro', sans-serif;
  --mdc-typography-font-size: 13px;
  --mdc-typography-button-font-size: 13px;
  --mdc-typography-button-text-transform: 13px;
  --mdc-typography-subtitle1-font-size: 13px;
  --mdc-typography-button-letter-spacing: 0px;

  --mdc-theme-background: /*#F2F3F7*/#F6F7FF;
  --mdc-theme-primary: /*#015CE8*#702DE7 * #4950E1 */ #1E73BE;
  --mdc-theme-secondary: rgba(39, 188, 253);
  --mdc-theme-warning: #FFA000;
  --mdc-theme-error: rgba(230, 55, 87, 1);
  --mdc-theme-success: rgba(0,210,122,1);
  --mdc-theme-text: #333;
  --mdc-theme-text-dark: #111;
  --mdc-theme-text-light:  #757575;/*rgba(157, 169, 187, 1);*/
}


body {
  padding: 0;
  margin: 0;
  display: flex;
  height: 100vh;
  background-color: var(--mdc-theme-background);
  color: var(--mdc-theme-text);
  font-family: var(--mdc-typography-font-family);
  font-size: var(--mdc-typography-font-size);
  /*font-weight: 500;*/
}

 /* HELPER */
.hidden{display:none!important}.border-0{border:none!important}.border-1{border:1px solid red!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-light{font-weight:300!important}.text-normal{font-weight:400!important}.text-medium{font-weight:500!important}.text-semibold{font-weight:600!important}.text-bold{font-weight:700!important}.text-blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.margin-0{margin:0px!important}.margin-8{margin:8px!important}.margin-16{margin:16px!important}.margin-v-0{margin-top:0px!important;margin-bottom:0px!important}.margin-v-8{margin-top:8px!important;margin-bottom:8px!important}.margin-v-16{margin-top:16px!important;margin-bottom:16px!important}.margin-h-0{margin-left:0px!important;margin-right:0px!important}.margin-h-8{margin-left:8px!important;margin-right:8px!important}.margin-h-16{margin-left:16px!important;margin-right:16px!important}.margin-top-0{margin-top:0px!important}.margin-top-8{margin-top:8px!important}.margin-top-16{margin-top:16px!important}.margin-bottom-0{margin-bottom:0px!important}.margin-bottom-8{margin-bottom:8px!important}.margin-bottom-16{margin-bottom:16px!important}.margin-left-0{margin-left:0px!important}.margin-left-8{margin-left:8px!important}.margin-left-16{margin-left:16px!important}.margin-right-0{margin-right:0px!important}.margin-right-8{margin-right:8px!important}.margin-right-16{margin-right:16px!important}.padding-0{padding:0px!important}.padding-8{padding:8px!important}.padding-16{padding:16px!important}.padding-v-0{padding-top:0px!important;padding-bottom:0px!important}.padding-v-8{padding-top:8px!important;padding-bottom:8px!important}.padding-v-16{padding-top:16px!important;padding-bottom:16px!important}.padding-h-0{padding-left:0px!important;padding-right:0px!important}.padding-h-8{padding-left:8px!important;padding-right:8px!important}.padding-h-16{padding-left:16px!important;padding-right:16px!important}.padding-top-0{padding-top:0px!important}.padding-top-8{padding-top:8px!important}.padding-top-16{padding-top:16px!important}.padding-bottom-0{padding-bottom:0px!important}.padding-bottom-8{padding-bottom:8px!important}.padding-bottom-16{padding-bottom:16px!important}.padding-left-0{padding-left:0px!important}.padding-left-8{padding-left:8px!important}.padding-left-16{padding-left:16px!important}.padding-right-0{padding-right:0px!important}.padding-right-8{padding-right:8px!important}.padding-right-16{padding-right:16px!important}

@media only screen and (max-width:64em){
  .mdc-top-app-bar__title{
      color: #fff !important;
  }

  .mdc-top-app-bar{
    background:rgba(112, 45, 231, 1) !important;
    width: 100% !important;
  }

  .mdc-top-app-bar__navigation-icon{
    color: #fff !important; 
  }
}

@media only screen and (min-width:64em){
  
}

.mdc-top-app-bar__title{
    padding-left: 10px !important;
    font-weight: 400;
    color:var(--mdc-theme-text-light);
    display: flex;
    align-items: center;
}


/*
* ----------------------------------
*       THEMES
* ----------------------------------
*/
.mdc-theme--text{color: var(--mdc-theme-text) !important;}
.mdc-theme--text-light, .mdc-typography--title{color: var(--mdc-theme-text-light) !important;}
.mdc-theme--text-dark{color: var(--mdc-theme-text-dark) !important;}

.mdc-theme--primary:not(:disabled){color: var(--mdc-theme-primary) !important}
.mdc-theme--secondary:not(:disabled){color: var(--mdc-theme-secondary) !important}
.mdc-theme--error:not(:disabled){color: var(--mdc-theme-error) !important}
.mdc-theme--warning:not(:disabled){color: var(--mdc-theme-warning) !important}
.mdc-theme--success:not(:disabled){color: var(--mdc-theme-success) !important}

.mdc-theme--primary-bg{background-color: var(--mdc-theme-primary) !important}
.mdc-theme--secondary-bg{background-color: var(--mdc-theme-secondary) !important}
.mdc-theme--error-bg{background-color: var(--mdc-theme-error) !important}
.mdc-theme--warning-bg{background-color: var(--mdc-theme-warning) !important}
.mdc-theme--success-bg{background-color: var(--mdc-theme-success) !important}

/*Themes mdc-button*/
.mdc-button.mdc-theme--warning:not(.mdc-button--raised) .mdc-button__ripple::before, .mdc-button.mdc-theme--warning:not(.mdc-button--raised) .mdc-button__ripple::after{
  background-color: var(--mdc-theme-warning);
}
.mdc-button.mdc-theme--success:not(.mdc-button--raised) .mdc-button__ripple::before, .mdc-button.mdc-theme--success:not(.mdc-button--raised) .mdc-button__ripple::after{
  background-color: var(--mdc-theme-success);
}
.mdc-button.mdc-theme--error:not(.mdc-button--raised) .mdc-button__ripple::before, .mdc-button.mdc-theme--error:not(.mdc-button--raised) .mdc-button__ripple::after{
  background-color: var(--mdc-theme-error);
}

.mdc-theme--secondary.mdc-button--raised:not(:disabled){
  background-color: var(--mdc-theme-secondary);
  color: #fff !important;
}
.mdc-theme--warning.mdc-button--raised:not(:disabled){
  background-color: var(--mdc-theme-warning);
  color: #fff !important;
}
.mdc-theme--success.mdc-button--raised:not(:disabled){
  background-color: var(--mdc-theme-success);
  color: #fff !important;
}
.mdc-theme--error.mdc-button--raised:not(:disabled){
  background-color: var(--mdc-theme-error);
  color: #fff !important;
}

/*themes mdc-icon-button*/
.mdc-icon-button.mdc-theme--secondary::before, .mdc-icon-button.mdc-theme--secondary::after {
  background-color: var(--mdc-theme-secondary);
}
.mdc-icon-button.mdc-theme--warning::before, .mdc-icon-button.mdc-theme--warning::after {
  background-color: var(--mdc-theme-warning);
}
.mdc-icon-button.mdc-theme--success::before, .mdc-icon-button.mdc-theme--success::after {
  background-color: var(--mdc-theme-success);
}
.mdc-icon-button.mdc-theme--error::before, .mdc-icon-button.mdc-theme--error::after {
  background-color: var(--mdc-theme-error);
}

/*.mdc-theme--background-primary{background-color: var(--mdc-theme-primary-bg);}
.mdc-theme--background-secondary{background-color: var(--mdc-theme-secondary-bg);}
.mdc-theme--background-success{background-color: var(--mdc-theme-success-bg);}
.mdc-theme--background-error{background-color: var(--mdc-theme-error-bg);}
.mdc-theme--background-warning{background-color: var(--mdc-theme-warning-bg);}

.mdc-theme--success.mdc-icon-button{
  color:var(--mdc-theme-success) !important;
}
.mdc-theme--success.mdc-theme--raised.mdc-icon-button{
  color: #fff !important;
  background-color: var(--mdc-theme-success);
}
.mdc-theme--success:not(.mdc-theme--raised).mdc-icon-button::before, .mdc-theme--success:not(.mdc-theme--raised).mdc-icon-button::after {
  background-color: var(--mdc-theme-success, #fff);
}

.mdc-theme--error.mdc-icon-button{
  color:var(--mdc-theme-error) !important;
}
.mdc-theme--error.mdc-theme--raised.mdc-icon-button{
  color: #fff !important;
  background-color: var(--mdc-theme-error);
}
.mdc-theme--error:not(.mdc-theme--raised).mdc-icon-button::before, .mdc-theme--error:not(.mdc-theme--raised).mdc-icon-button::after {
  background-color: var(--mdc-theme-error, #fff);
}*/


/*
* ----------------------------------
*       DRAWER AND TOP APP BAR
* ----------------------------------
*/
.mdc-drawer{
  position: fixed;
  background-color: var(--mdc-theme-primary);
  /*background: #671af0;
  background: linear-gradient(180deg, #671af0 10%, #b482eb 90%);*/
  border-color: transparent;
}

.mdc-drawer__header{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.mdc-drawer__title{
  text-align: center;
  margin-bottom: 0;
  width: 100%;
  color: #fff !important;
}

.mdc-drawer--user{
  color: #fff;
  position: relative;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 24px;
}

.mdc-drawer--thumbnail{
  display: flex;
  justify-content: center;
}

.mdc-drawer--photo{
  height: 80px;
  width: 80px;
  border-radius: 50px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 8px;
}

.mdc-drawer--info-name{
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.mdc-drawer--info-level{
  font-size: 12px;
  color: rgba(255, 255, 255, .8);
}


.mdc-drawer__content{
  padding: 0 16px;
}

.mdc-drawer .mdc-list-item{
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  font-size: var(--mdc-typography-font-size);
}

.mdc-drawer .mdc-list-item__graphic{
  color: #fff;
}

.mdc-drawer .mdc-list-item--activated{
  background-color: #fff;
  color: var(--mdc-theme-primary);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--has-dropdown.mdc-list-item--activated .mdc-list-item__meta{
 color: var(--mdc-theme-primary); 
}

.mdc-list--dropdown{
  padding: 0;
  margin-top: -8px;
  max-height: 0;
  overflow: hidden;
  transition: margin-top .25s, max-height .25s;
}
.mdc-list--dropdown-open{
  margin-top: 0px;
  max-height: 100vh;
}

.mdc-list--dropdown .mdc-list-item:nth-child(1){
  margin-top: 0;
}

.mdc-list--dropdown .mdc-list-item{
  padding-left: 24px;
}

.mdc-list-item--has-dropdown .mdc-list-item__meta{
  color: rgba(255, 255, 255, .8);
  transition: transform .2s;
}


.mdc-drawer-app-content{
  width: calc(100vw - 256px);
  flex: auto;
  overflow: auto;
  position: relative;
}

.mdc-drawer-app-content.mdc-drawer-app-content--with-right-sidebar{
  width: calc(100vw - 256px * 2); 
}


.mdc-top-app-bar{
  background-color: /*#fff*/ rgba(246, 247, 255, 1);
  color: var(--mdc-theme-text);
  transition: box-shadow, background-color .2s;
  z-index: 7;
  width: calc(100% - 256px);
}
.mdc-top-app-bar--scrolled {
  /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;*/
  box-shadow: 0 0.5rem 0.5rem -0.5rem rgb(0 0 0 / 20%) !important;
  background-color: /*#fff*/ rgba(246, 247, 255, 0.93);
}

/*
* ----------------------------------
*       BUTTON
* ----------------------------------
*/
.mdc-button{
  border-radius: 4px; /*.375rem;*/
}
.mdc-button[disabled],
.mdc-button--raised[disabled]{
  color: rgba(0, 0, 0, 0.38) !important;
}

.mdc-button--block{
  width: 100%;
}
/*BUTTON - ICON BUTTON*/
.mdc-icon-button--small{
  height: 40px;
  width: 40px;
  padding: 0;
}

.mdc-icon-button{
  border-radius: 50px;
}

.mdc-theme--primary.mdc-icon-button::before, .mdc-theme--primary.mdc-icon-button::after {
  background-color: var(--mdc-theme-primary, #000);
}

.mdc-button--raised.mdc-icon-button::before, .mdc-button--raised.mdc-icon-button::after {
  background-color: var(--mdc-theme-on-primary, #fff);
}

a.mdc-icon-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mdc-icon-button:not(:disabled):not(.mdc-button--raised):not(.mdc-theme--primary){
  color: var(--mdc-theme-text);
}

.mdc-icon-button:disabled:not(.mdc-data-table__pagination-button){
  color: rgba(0, 0, 0, 0.38) !important;
  background-color: rgba(0, 0, 0, 0.12);
  cursor: not-allowed;
}

.mdc-fab--mini{
  height: 40px !important;
}

.mdc-fab:not(:hover){
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
}
.mdc-fab:hover{
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
}
.mdc-fab:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
}
/*
* ----------------------------------
*       CARD
* ----------------------------------
*/
.mdc-card{
  border-radius: 6px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.mdc-card--header{
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  padding: 0px 1.75rem;
  color: var(--mdc-theme-text-dark);
  font-size: 1rem;
}

.mdc-card--header .row{
  justify-content: flex-end;
  height: auto;
  align-items: center;
}

.mdc-card--header .mdc-card--toolbar{
  max-width: 50%;
}

.mdc-card--content{
  padding:0 1.75rem;
}

.mdc-card--actions{
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  padding: 0 1.75rem 1rem 1.75rem;
}


/*
* ----------------------------------
*       FORM
* ----------------------------------
*/
::-webkit-input-placeholder {
    color:var(--mdc-theme-text-light);
}

::-moz-placeholder {
    color:var(--mdc-theme-text);
}

::-ms-placeholder {
    color:var(--mdc-theme-text-light);
}

.mdc-card--form .mdc-card--content{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mdc-card--toolbar .form-textfield{
  height: 40px;
}

.form-group{
  align-items: flex-start;
  min-height: 56px; /*64px;*/
  margin-bottom: 8px;
}

.form-group.form-group-detail{
  min-height: 36px !important;
  /*height: 40px !important;*/
  margin-bottom: 0px;
}

.form-group.form-group-detail label{
  height: 36px !important;
}

.form-group:not(.form-group-detail) label{
  display: flex;
  height: 46px;
  align-items: center;
  transition: color .2s ease-out;
  color:var(--mdc-theme-text-light);
}

.form-input{
  position: relative;
}

.form-input label{
    color: var(--mdc-theme-text);
  }

.form-textfield:not(disabled){
  font-family: var(--mdc-typography-font-family);
  font-size: var(--mdc-typography-font-size) !important;
  color: var(--mdc-theme-text-dark);
  display: block;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 46px;
  padding: 0 1rem;
  border-radius:/*.375rem;*/ 4px;
  border: 2px solid rgba(0, 0, 0, .08);
  transition: border-color .1s ease-in-out;
  outline:0px none transparent;
  /*box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);*/
}
.form-textfield.form-textfield--rounded{
  border-radius: 50px;
}

.form-textfield[disabled]{
  background-color: rgba(0,0,0,.03);
}

textarea.form-textfield{
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 80px;
}

.form-message{
  color: var(--mdc-theme-text-light);
  font-size: 0.7rem;
  padding: 2px 16px 0px;
}

/* FORM GROUP - FOCUS */
.form-group.form-group--focus .form-label > label,
.form-group.form-group--focus i.material-icons{
  color: var(--mdc-theme-primary) !important;
}

.form-group.form-group--focus .form-textfield,
.form-group.form-group--focus .nice-select{
  border-color: var(--mdc-theme-primary) !important;
}

/* FORM GROUP - INVALID */
.form-group.form-group--invalid .form-label > label,
.form-group.form-group--invalid .mdc-form-field > label,
.form-group.form-group--invalid .form-message,
.form-group.form-group--invalid .material-icons{
  color: var(--mdc-theme-error);
}

.form-group.form-group--invalid .form-textfield,
.form-group.form-group--invalid .nice-select{
  border-color: var(--mdc-theme-error);
  background-color: rgba(230, 55, 87, .12);
}


.form-group:not(.form-group--invalid) .form-textfield::-webkit-input-placeholder {
    color:rgba(0,0,0,.42);
}

.form-group:not(.form-group--invalid) .form-textfield::-moz-placeholder {
    color:rgba(0,0,0,.42);
}

.form-group:not(.form-group--invalid) .form-textfield::-ms-placeholder {
    color:rgba(0,0,0,.42);
}


.form-group.form-group--invalid .form-textfield::-webkit-input-placeholder {
    color:var(--mdc-theme-error);
}

.form-group.form-group--invalid .form-textfield::-moz-placeholder {
    color:var(--mdc-theme-error);
}

.form-group.form-group--invalid .form-textfield::-ms-placeholder {
    color:var(--mdc-theme-error);
}

.form-group.form-group--invalid .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"]) ~ .mdc-checkbox__background,
.form-group.form-group--invalid .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle{
  border-color: var(--mdc-theme-error);
}

/* CHECKBOX & RADIO*/
.mdc-form-field{
  color: var(--mdc-theme-text);
  font-size: var(--mdc-typography-font-size);
  height: 46px;
}

.mdc-form-field > label{
  letter-spacing: 0px;
  cursor: pointer;
  color:var(--mdc-theme-text);
  font-weight: 500;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate="true"]:enabled ~ .mdc-checkbox__background {
  border-color: #304FFE; 
  border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-primary, #304FFE));
  background-color: #018786;
  background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-primary, #304FFE));
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #702DE7;
  border-color: var(--mdc-theme-primary, #702DE7);
}
.mdc-radio .mdc-radio__background::before,
.mdc-radio .mdc-radio__ripple::before,
.mdc-radio .mdc-radio__ripple::after {
  background-color: #304FFE;
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #702DE7));
}

/* SWITCH */
.mdc-switch.mdc-switch--checked .mdc-switch__track{
  background-color: var(--mdc-theme-primary);
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb{
  background-color: var(--mdc-theme-primary); 
  border-color: var(--mdc-theme-primary); 
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after{
  background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #702DE7));
}

/* form with icon */
.form-input--trailing-icon,
.form-input--leading-icon{
  position: relative;
  display: flex;
  align-items: center;
}

.form-input--trailing-icon i.material-icons,
.form-input--leading-icon i.material-icons{
  position: absolute;
  display: inline-flex;
  align-items: center;
  color: var(--mdc-theme-text-light);
}

.form-input--trailing-icon i.material-icons{
  left: 14px;
}

.form-input--trailing-icon .form-textfield{
  /*padding-left: 2.875rem;*/
  padding-left: 46px;
}

.form-input--leading-icon i.material-icons{
  right: 12px;
  top: 0;
}

.form-input--leading-icon .form-textfield{
  /*padding-right: 2.75rem;*/
  padding-right: 46px;
}

.mdc-icon-button--nested-right-input{
  position: absolute;
  right: 4px;
  color: var(--mdc-theme-text) !important;/*
  padding: 8px;*/
}

/*
* ----------------------------------
*       DATA TABLE
* ----------------------------------
*/
.mdc-card--datatable{
  overflow: initial;
}

.mdc-card--datatable .mdc-card--header{
  padding: 0 1rem;
}

.mdc-card--datatable .mdc-card--header .form-group{
  align-items: center;
  margin-bottom: 0;
}

.mdc-card--datatable .mdc-card--content{
  padding-left: 0px;
  padding-right: 0px;
}

.mdc-data-table,
.mdc-data-table__row, .mdc-data-table__pagination{
  border-color: rgba(0, 0, 0, .1);
}

.mdc-data-table--wide{
  border-radius: 0px;
  border-left: none;
  border-right: none;
  width: 100%;
  border-radius: 0 0 6px 6px;
}

.mdc-data-table--wide th:first-child{
  padding-left: 1.75rem;
}
.mdc-data-table--wide td:last-child,
.mdc-data-table--wide th:last-child{
  padding-right: 1.75rem;
}

.mdc-data-table--wide .mdc-data-table__header-cell:first-child{
  border-top-left-radius: 0px;
}

.mdc-data-table--wide .mdc-data-table__header-cell:last-child{
  border-top-right-radius: 0px;
}

.mdc-data-table__header-cell{
  color: var(--mdc-theme-text-dark);
  font-size: var(--mdc-typography-font-size);
  background-color: rgba(232, 234, 246, .3);
  height: 46px;
  /*font-weight: 400;*/
}

.mdc-data-table__cell{
  color: var(--mdc-theme-text);
  font-size: var(--mdc-typography-font-size);
  letter-spacing: 0px;
  height: 44px;
}

.mdc-data-table__cell-elipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.mdc-data-table__cell-empty{
  color: var(--mdc-theme-text-light);
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.mdc-data-table__row:hover{
  background-color: #fff !important;
}

.mdc-data-table__pagination{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.mdc-data-table__pagination-trailing{
  width: 100%;
  margin: 0;
  justify-content: space-between;
  font-size: var(--mdc-typography-font-size);
}
.mdc-data-table__pagination-total, .mdc-data-table__pagination-rows-per-page-label{
  font-weight: 400;
  color: var(--mdc-theme-text-light);
}

.mdc-data-table__pagination .nice-select{
  height: 40px;
  line-height: 38px;
  width: 70px;
}

.mdc-data-table__pagination-button{
  width: 40px;
  height: 40px;
  padding: 0;
}


/* form in datatable*/
.mdc-data-table .form-group{
  min-height: 36px;
  margin-bottom: 0px;
}

.mdc-data-table .form-textfield:not(disabled){
  height: 36px;
}



/*
* ----------------------------------
*       MENU SURFACE
* ----------------------------------
*/
.mdc-menu.top-right{
  left: auto !important;
  right: 0px !important;
  transform-origin: right top 0px !important;
}

.mdc-menu-surface{
  /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border-radius: 6px;
}

.mdc-menu .mdc-list{
  color: var(--mdc-theme-text);
}


/*
* ----------------------------------
*       LIST
* ----------------------------------
*/
.mdc-card--list .mdc-card--content{
  padding-left: 0;
  padding-right: 0;
}

.mdc-list,
.mdc-list-item__primary-text{
  color: var(--mdc-theme-text);
}

.mdc-list-item__graphic{
  margin-right: 12px;
}

/*.mdc-list-item__text{
  color: var(--mdc-theme-text-dark);
}*/

.mdc-list-item__secondary-text,
.mdc-list--dense .mdc-list-item__secondary-text{
 color: var(--mdc-theme-text-light);
 font-size: 0.7rem; 
}

.mdc-list--dense{
  font-size: var(--mdc-typography-font-size);
}


/*
* ----------------------------------
*       DIALOG
* ----------------------------------
*/
.mdc-dialog .mdc-dialog__title{
  color: var(--mdc-theme-text-dark);
  font-size: 1.25rem;
}

.mdc-dialog__content{
  font-size: var(--mdc-typography-font-size);
  color: var(--mdc-theme-text);
}

.mdc-dialog__actions{
  padding: 10px 16px;
}

.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{
  border-color: rgba(0, 0, 0, .1);
}


/*
* ----------------------------------
*       SNACKBAR
* ----------------------------------
*/
.mdc-snackbar__label{
  letter-spacing: 0px;
  font-weight: 400;
  font-size: var(--mdc-typography-button-font-size);
  display: inline-flex;
  align-items: center;
}
.mdc-snackbar__action:not(:disabled){
  color:var(--mdc-theme-primary);
}

.snackbar-inline{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 4px;
  /*box-shadow: 0px 0px 1px var(--mdc-theme-error) inset;*/
  border: 1px solid var(--mdc-theme-error);
  background-color: rgba(230, 55, 87, .12);
  color: var(--mdc-theme-error);
  font-size: 12px;
  height: 0;
  transform: scale(0);
}
.snackbar-inline.active{
  height: auto;
  transform: scale(1);
}
.snackbar-inline.snackbar-inline--warning{
  background-color: rgba(225, 160, 0, .12);
  border-color: var(--mdc-theme-warning) !important;
  color: var(--mdc-theme-warning) !important;
}
.snackbar-inline--header{
  padding: 6px 16px 0px 16px;
  font-weight: 500;
}
.snackbar-inline--body{
  padding: 6px 16px;
  font-weight: 400;
}
.snackbar-inline--action{
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  padding: 6px 8px;
}

/*
* ----------------------------------
*       PRELOADER
* ----------------------------------
*/
.mdc-button--outlined.mdc-button--loader{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAxMzUgMTQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM3MDJERTciPg0KICAgIDxyZWN0IHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTIwIiByeD0iNiI+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCINCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjAuNXMiIGR1cj0iMXMiDQogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgIDwvcmVjdD4NCiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICA8L3JlY3Q+DQogICAgPHJlY3QgeD0iNjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNDAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICA8L3JlY3Q+DQogICAgPHJlY3QgeD0iOTAiIHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTIwIiByeD0iNiI+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCINCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiDQogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgPC9yZWN0Pg0KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSINCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgPC9yZWN0Pg0KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.mdc-button--raised.mdc-button--loader{
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAxMzUgMTQwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiPg0KICAgIDxyZWN0IHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTIwIiByeD0iNiI+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCINCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjAuNXMiIGR1cj0iMXMiDQogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgIDwvcmVjdD4NCiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICA8L3JlY3Q+DQogICAgPHJlY3QgeD0iNjAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNDAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiDQogICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICA8L3JlY3Q+DQogICAgPHJlY3QgeD0iOTAiIHk9IjEwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTIwIiByeD0iNiI+DQogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCINCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiDQogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgPC9yZWN0Pg0KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0Ig0KICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIg0KICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSINCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyINCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgPC9yZWN0Pg0KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
.mdc-button--loader .mdc-button__label{
  color: transparent !important;
}


.select-preloader{
  position: absolute;
  right: 15px;
  top: calc((46px/2) - (24px/2));
  display: none;
}

.select-preloader .material-preloader{
  width: 24px;
}

.material-preloader{
  position: relative;
  margin: 0 auto;
  width: 50px;
}

.material-preloader:before{
  content: "";
  display: block;
  padding-top: 100%;
}

.material-preloader--circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.material-preloader--circular-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  /*stroke: var(--mdc-theme-primary);*/
  -webkit-animation: dash 1.5s ease-in-out infinite; /*, color 6s ease-in-out infinite;*/
          animation: dash 1.5s ease-in-out infinite;/*, color 6s ease-in-out infinite;*/
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}