/* Though the documentation doesn't mention it, it might not be enough to add the display: none; rule to your CSS. In cases where you are loading angular.js in the body or templates aren't compiled soon enough, use the ng-cloak directive and include the following in your CSS:

  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
.badge-none {
  background-color: white;
  color: black;
}

.btn-special {
  background-color: #673ab7;
  border-color: #673ab7;
  color: #ffffff;
}
.btn-special.btn-outline {
  color: #673ab7;
}
.btn-special:hover {
  background-color: #673ab7;
  border-color: #673ab7;
  color: #ffffff;
}

.btn-other {
  background-color: #856600;
  border-color: #856600;
  color: #ffffff;
}
.btn-other.btn-outline {
  color: #856600;
}
.btn-other:hover {
  background-color: #856600;
  border-color: #856600;
  color: #ffffff;
}

.btn-dark {
  background-color: black;
  border-color: black;
  color: white;
}
.btn-dark.btn-outline {
  color: black;
}
.btn-dark:hover {
  background-color: black;
  border-color: black;
  color: white;
}

.btn-none {
  background-color: lightgray !important;
  border-color: white !important;
  color: white !important;
}
.btn-none.btn-outline {
  color: white !important;
}
.btn-none:hover {
  background-color: darkgray !important;
  border-color: white !important;
  color: black !important;
}

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

.mark-white {
  border: 5px ridge white !important;
}
.mark-grey {
  border: 5px ridge grey !important;
}
.mark-black {
  border: 5px ridge black !important;
}
.mark-blue {
  border: 5px ridge blue !important;
}
.mark-green {
  border: 5px ridge green !important;
}
.mark-red {
  border: 5px ridge red !important;
}
.mark-orange {
  border: 5px ridge orangered !important;
}
.mark-yellow {
  border: 5px ridge gold !important;
}

.mi-clase-table {
  border: 5px solid blue;
}

md-checkbox.md-checked .md-icon {
  background-color: #2196f3 !important;
}

.md-subheader.md-default-theme,
.md-subheader {
  background-color: #ffffff00;
}

.dw-range span {
  padding-left: 5px;
}

dw-multiple md-select .md-select-icon {
  max-width: 10px !important;
  min-width: 0px !important;
}
dw-multiple md-select span {
  max-width: 310px !important;
  min-width: 150px !important;
  white-space: normal !important;
}

dw-multiple md-input-container {
  margin: 0px 0px 0px 0px !important;
}

md-option {
  padding-left: 25px !important;
  padding-right: 5px !important;
  height: 30px !important;
}

md-select-menu md-content {
  /*    min-width: 136px;
    min-height: 48px;*/
  max-height: 600px !important;
  /*overflow-y: auto;*/
}
md-select-menu {
  max-height: 500px 600px !important;
  /*    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    
    min-height: 48px;
    overflow-y: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1);*/
}

.custom-multi-label {
  font-size: 16px !important;
  color: #424242;
}
/* 
.notransition {
  -webkit-transform: none !important;
  transform: none !important;
}*/

.ag-popup-editor {
  z-index: 99;
}

.not-req .md-errors-spacer,
.not-req .req-msg {
  display: none;
}

.dwf-range-disabled {
  background-color: transparent !important;
  color: blue !important;
}

.mini-label {
  font-size: 12px !important;
}

.dwf-range-div {
  background-color: white;
  color: blue;
  width: 100px;
  height: 22px;
  padding: 0px;
  font-size: 16px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px solid lightgrey;
  border-bottom: 0px solid lightgrey;
  text-align: center;
  font-weight: 500;
}
.dwf-single-div {
  background-color: white;
  color: blue;
  width: 220px;
  height: 30px;
  padding: 0px;
  font-size: 20px;
  border: 1px solid #333333;
  text-align: center;
}

.md-select-menu-container {
  z-index: 99999;
}

.dw-archive-li {
  background-color: #ffffff !important;
  border-color: #ff5722 !important;
  border-style: ridge;
  border-width: 2px;
  border-radius: 13px;
}
.dw-border {
  border-top: 1px solid rgb(131, 155, 201);
  border-bottom: 2px solid rgb(255, 158, 12);
  border-left: 1px solid rgb(131, 155, 201);
  border-right: 1px solid rgb(131, 155, 201);
}

.dwf-archive-selected {
  background-color: #d0ebff !important;
  border-color: cornflowerblue !important;
}

.bb {
  border: 1px solid #808080 !important;
}

.mr {
  margin-right: 0.2em !important;
}
.bpm {
  padding: 5px !important;
  margin: 5px !important;
}
.bp {
  padding: 5px !important;
}
.bm {
  margin: 5px !important;
}
.title {
  font-weight: 400;
  font-size: 26px;
}
.sub-title {
  font-weight: 300;
  font-size: 22px;
}
.mr {
  margin-right: 0.2em !important;
}
/**/
/**/
.pace-done {
  top: 0px !important;
}

.dwf-tag {
  display: inline-flex;
}
/*.dwf-tag.dwf-column>*{
  width: 100%;
}*/
/*.dwf-tag.dwf-column{
  display: table;
}*/
.dwf-grid .dwf-cell {
  height: auto;
  border-bottom: 2px solid rgb(199, 203, 218);
  border-right: 2px solid rgb(199, 203, 218);
}
.dwf-cell.dwf-grid {
  height: auto;
  border-bottom: 2px solid rgb(199, 203, 218) !important;
  border-right: 2px solid rgb(199, 203, 218) !important;
}
/*------------------------------------------------*/
.dwf-empty .dwf-cell {
  height: auto;
  border: 0px;
}
.dwf-cell.dwf-empty {
  height: auto !important;
  border: 0px !important;
}
/*------------------------------------------------*/
.dwf-tag.dwf-vertical > .dwf-cell {
  display: inline-grid;
}
.dwf-cell.dwf-vertical {
  display: inline-grid;
}
.dwf-tag.dwf-horizontal > .dwf-cell {
  display: inline-block;
}
.dwf-cell.dwf-horizontal {
  display: inline-block !important;
}
.dwf-cell {
  display: inline-block;
}
/*------------------------------------------------*/

/*------------------------------------------------*/
.dwf-tag.dwf-bold .dwf-item {
  font-weight: bold;
}
.dwf-bold .dwf-item {
  font-weight: bold;
}
.dwf-tag.dwf-normal .dwf-item {
  font-weight: normal;
}
.dwf-normal .dwf-item {
  font-weight: normal !important;
}
.dwf-item {
  font-weight: normal;
}

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

/*.dwf-tag.dwf-bold .dwf-item,.dwf-bold .dwf-item{
  font-weight: bold;
}
.dwf-tag.dwf-normal .dwf-item,.dwf-normal .dwf-item{
  font-weight: normal;
}
*/

.dwf-tag.dwf-1 .dwf-cell,
.dwf-cell {
  font-size: 16px;
}
.dwf-cell.dwf-1 {
  font-size: 16px !important;
}
.dwf-tag.dwf-2 .dwf-cell {
  font-size: 20px;
}
.dwf-cell.dwf-2 {
  font-size: 20px !important;
}
.dwf-tag.dwf-3 .dwf-cell {
  font-size: 24px;
}
.dwf-cell.dwf-3 {
  font-size: 24px !important;
}
.dwf-tag.dwf-4 .dwf-cell {
  font-size: 28px;
}
.dwf-cell.dwf-4 {
  font-size: 28px !important;
}
.dwf-tag.dwf-5 .dwf-cell {
  font-size: 32px;
}
.dwf-cell.dwf-5 {
  font-size: 32px !important;
}
.dwf-tag.dwf-6 .dwf-cell {
  font-size: 36px;
}
.dwf-cell.dwf-6 {
  font-size: 36px !important;
}
.dwf-tag.dwf-7 .dwf-cell {
  font-size: 40px;
}
.dwf-cell.dwf-7 {
  font-size: 40px !important;
}
.dwf-tag.dwf-8 .dwf-cell {
  font-size: 44px;
}
.dwf-cell.dwf-8 {
  font-size: 44px !important;
}

.dwf-tag.dwf-1s .dwf-cell,
.dwf-tag.dwf-s .dwf-cell {
  font-size: 14px;
}
.dwf-cell.dwf-1s,
.dwf-cell.dwf-s {
  font-size: 14px !important;
}
.dwf-tag.dwf-2s .dwf-cell {
  font-size: 12px;
}
.dwf-cell.dwf-2s {
  font-size: 12px !important;
}
.dwf-tag.dwf-3s .dwf-cell {
  font-size: 10px;
}
.dwf-cell.dwf-3s {
  font-size: 10px !important;
}
.dwf-tag.dwf-4s .dwf-cell {
  font-size: 8px;
}
.dwf-cell.dwf-4s {
  font-size: 8px !important;
}

.dwf-tag.dwf-5s .dwf-cell {
  font-size: 6px;
}
.dwf-cell.dwf-5s {
  font-size: 6px !important;
}

.sk-spinner-wave div {
  background-color: white !important;
}
.sk-spinner-fading-circle .sk-circle:before {
  background-color: #a7baeab5 !important;
}

.sk-spinner-fading-circle.sk-spinner {
  margin: -5px auto;
}

md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-ampm-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-day-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-hour-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-millisecond-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-minute-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-month-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-second-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-text,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-week-field,
md-input-container:not(.md-input-has-value)
  input:not(:focus)::-webkit-datetime-edit-year-field {
  color: black !important;
}

.disabled.des,
.disabled .des {
  opacity: 0.75;
  pointer-events: none;

  /*  > * {
    opacity: 0.9;
    pointer-events: none;
  }*/
}

.dw-disabled {
  background-color: gray !important;
  color: gainsboro !important;
}

[disabled] md-input-container .md-input,
md-input-container .md-input[disabled] {
  border-color: #c0c0c078 !important;
  background-position: bottom -1px left 0;
  background-size: 999px 0px;
  background-repeat: no-repeat;
}

[disabled] md-input-container .md-input,
md-input-container .md-input[disabled] {
  opacity: 1;
  color: #2838a5;
  font-weight: 600;
  border-width: 2px;
  border-style: none !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  background-color: transparent !important;
}

.ui-select-match .btn-default[disabled] {
  font-weight: 600;
  color: #2838a5 !important;
  opacity: 1;
  border-width: 2px;
  border-style: none !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  background-color: transparent !important;
}

.dw-center {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}

.dw-inline {
  display: table-cell;
  vertical-align: middle;
}

.dw-inline > * {
  float: left;
  display: inline-block !important;
}

.widget {
  /*margin: 5px;
  padding: 10px;*/
  padding: 5px;
  margin: 5px 0px 0px 3px !important;
}

.wid {
  padding-right: 0px;
  padding-left: 0px;
}

.dw-menu-icon {
  font-size: 20px;
}
.dw-menu-subicon {
  font-size: 18px;
}

.loading {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(242, 242, 242, 1);
  z-index: 1;
}

.center {
  margin: auto;
  width: 0%;
}

.dt-table {
  margin: 0px !important;
}
.dt-th {
  height: 0px !important;
}
.dt-th-cell {
  padding: 0px !important;
  border: 0px !important;
}
.dt-cell0 {
  padding: 0px !important;
}
.dt-cell {
  padding: 5px 0px 0px 5px !important;
}
.pagination {
  margin: 0px !important;
}
.dataTables_wrapper {
  padding: 0px;
}
.pagination > .active > a {
  background-color: lightsteelblue;
}

.selectize-input.disabled {
  font-weight: bold;
  border: solid 1px gray !important;
  color: black;
}
/* [disabled] md-input-container 
 .md-input, md-input-container .md-input[disabled] {
    
} */

.submodule {
  background: honeydew;
}
.submodule a {
  padding: 5px;
  font-size: x-large;
  color: black;
  border-style: outset;
  border-width: 2px;
}

/*

.grid {
    border: 1px solid #cccccc;
    list-style: none;
    background: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing : border-box;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.grid-img {
    width: 100%;
    vertical-align: middle; 
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
    background-color: #fff; 
}

.grid-img.img-loaded{
    visibility: visible;
    opacity: 1;
}  
*/

.md-skin .nav-second-level li a {
  padding: 7px 10px 7px 30px;
}

.div-disabled {
  background-color: rgba(255, 255, 255, 0.55);
}

.popeye-modal-container {
  background-color: white !important;
}

.special-x {
  /*    
  overflow-y: hidden;
  overflow-x: scroll;
  height: 350px;  */
  width: 100%;
}

.dynamic-grid {
  position: relative;
  display: none;
}
.dynamic-grid.angular-grid {
  display: block;
}
.grid {
  position: absolute;
  list-style: none;
  background: #ffffff;
  box-sizing: border-box;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  overflow: hidden;
  border-radius: 10px;
}
.grid.ng-leave {
  -webkit-transition: all ease 400ms;
  transition: all ease 400ms;
}
.grid.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  /*opacity: 0;*/
}
.grid.ng-enter {
  -webkit-transition: all ease 400ms;
  transition: all ease 400ms;
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  /*opacity: 0;*/
}
.grid.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  /*opacity: 1;*/
}
.grid-img {
  width: 100%;
  vertical-align: middle;
  background-color: #fff;
  /*opacity: 0;*/
  /*visibility: hidden;*/
}
.grid-img.img-loaded {
  /*visibility: visible;*/
  /*opacity: 1;*/
}

.popeye-modal-container {
  z-index: 999999999 !important;
}

@media screen and (min-width: 0px) {
  .popeye-modal {
    width: 100% !important;
  }
}

/*@media screen and (min-width: 800px) {
  .popeye-modal{
    width: 80% !important; 
  }
}

@media screen and (min-width: 1200px) {
  .popeye-modal{
    width: 60% !important; 
  }
}*/

.popeye-modal {
  height: 100%;
  padding: 10px !important;
  top: 0px;
  position: fixed !important;
  left: 0px;
}

.custom-button {
  height: 34px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: initial !important;
}
.custom-button span {
  font-size: 22px !important;
  margin-right: 4px;
}

.custom-title-dialog {
  margin-top: 0px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 22px;
  color: #101010;
}

.has-error .selectize-input {
  border-color: rgb(221, 44, 0);
}

.has-error .custom-control {
  color: rgb(221, 44, 0);
}
.has-error .custom-label {
  color: rgb(221, 44, 0);
}

.labellabel {
  position: absolute;
  /*  top:200px;
  left:170px;*/
  overflow: hidden;
}

.ui-select-choices {
  top: 31px;
}
.ui-select-choices {
  border-color: rgb(63, 81, 181) !important;
  border-width: 2px 2px 2px 2px !important;
}

.selectize-input.focus,
.selectize-input.selectize-focus {
  border-color: rgb(63, 81, 181) !important;
  border-width: 2px 2px 2px 2px !important;
}

.selectize-input {
  height: 30px !important;
  padding: 4px 24px 4px 8px !important;
}

.selectize-dropdown .active {
  background-color: #d6e8f3;
}

.be {
  color: #9d9d9d;
  font-weight: 400 !important;
}
.be2 {
  color: #2f2f2f;
  font-weight: 500 !important;
}

.selectize-control.single .selectize-input:after {
  position: inherit;
  right: 30px;
}

.moka {
  position: inherit;
  height: 29px;
  width: 20px;
  left: -24px;
  z-index: 2;
  border-style: solid;
  border-color: #d0d0d0;
  border-width: 1px;
  top: 2px;
}

.selectize-input input {
  position: absolute;
  font-weight: 600;
  top: -2px;
}

md-input-container:not(.md-input-invalid)
  .md-auto-hide
  .md-input-message-animation {
  opacity: 0 !important;
}

.object-fit_fill {
  object-fit: fill;
}
.object-fit_contain {
  object-fit: contain;
}
.object-fit_cover {
  object-fit: cover;
}
.object-fit_none {
  object-fit: none;
}
.object-fit_scale-down {
  object-fit: scale-down;
}

.multitext .custom-label {
  bottom: 95% !important;
}

.md-datepicker-calendar-pane {
  /*z-index: 10001;*/
  z-index: 9999999999;
}

.box-one {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.box-one.ng-hide {
  opacity: 0;
}

.panel-body {
  padding: 0px;
}

span.separator {
  border-top: 1px solid rgba(255, 255, 255, 0);
  width: 100%;
  height: 2px;
  display: block;
}

md-dialog.fullscreen-dialog {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
md-dialog.screen-dialog {
  border-radius: 0;
}

.blur {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;

  display: block;
  width: 100%;
  height: 1200px;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.not-blur {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  /*  margin-left: 20px;
  margin-right: 20px;*/
  width: 100%;
  height: 1200px;
  background-color: rgba(255, 255, 255, 0.45);
}

.blur1 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;

  display: block;
  width: 100%;
  height: 1200px;

  background-repeat: repeat;
  background-size: contain;
}
.not-blur1 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  /*  margin-left: 20px;
  margin-right: 20px;*/
  width: 100%;
  height: 1500px;
  background-color: rgba(255, 255, 255, 0.25);
}

#wrapper {
  overflow-x: unset !important;
}

.small-login-font {
  font-weight: bold;
  font-size: 14px;
}

.md-errors-spacer {
  /*width: 100%*/
}

/*opacity:0;margin-top:-100px*/

/*

md-input-container .md-input  {
  width: 300px;
}

md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation{
    opacity:1 !important;   
    margin-top: 0px !important;
}
md-input-container .md-input-messages-animation {
  overflow: initial !important;
}


.bs md-input-container .md-input  {
  width: 100%;
}

.md-input{
    border-left-width: 1px !important;
}
*/

md-input-container.md-input-focused .md-input,
md-input-container.md-input-resized .md-input,
md-input-container .md-input.ng-invalid.ng-dirty {
  border-width: 0px 0px 2px 2px;
}

md-input-container .md-input {
  border-left-width: 1px;
  background-color: white;
}

md-input-container {
  margin: 0px 0px 0px 0px !important;
}

.bs .md-input-text-container {
  width: 100%;
}
.md-input-text-container {
  width: 300px;
}

.bs .md-input-number-container {
  width: 100%;
}
.md-input-number-container {
  max-width: 140px;
  padding-right: 5px;
}
.md-input-number {
  text-align: right;
}

md-input-container dw3-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* white-space:   !important; */
}
/*text-transform:*/

/*.h5-date{
  font-size: 15px !important;
  margin-top: 0px;
  margin-bottom: 4px;
}
*/
/*
.custom-number{
    min-width: 150px;
    text-align: right;
    padding-right: 5px;
} 
.custom-number-lg{
    min-width: 200px !important; 
}
.custom-number-xl{
    min-width: 250px !important; 
}
*/

.dw-button {
  /*margin: margin: 0px;*/
  margin-bottom: 5px;
  padding-top: 1px;
}

.md-datepicker-button {
  margin-top: -12px !important;
  margin-right: 6px !important;
  margin-bottom: 0px !important;
  margin-left: 6px !important;
}

.not-bs {
  display: table-cell;
  vertical-align: middle;
}

.not-bs > * {
  float: left;
  display: inline-block !important;
}

.not-bss {
  display: table-cell;
  vertical-align: middle;
}

.not-bss2 {
  float: left;
  /*display:inline-block!important;*/
}

/**/
/**/
/**/

.nbs {
  display: inline-block !important;
}

.mybtn {
  height: 30px;
  font-size: 16px;
  padding: 0px 8px;
}

.mcb {
  height: 22px;
  font-size: 16px;
  padding: 0px 8px;
}

.virual-ag-row > * {
  margin: 0px;
}

.row-control-label {
  color: #3c3c3c;
  font-weight: 600;
  font-style: italic;
}
.row-control-value {
  color: #000;

  /*font-weight: bolder; */
  font-size: 14px;
}
.row-control {
  border-bottom: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ccc;
}

.text {
  white-space: normal;
  padding: 0px 2px 0px 0px;
  margin: 0px 0px 0px 2px;
}
.not-text {
  white-space: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.right {
  text-align: right;
}
.padding {
  padding-right: 5px;
}

.page-header {
  padding-bottom: 0px;
  border-bottom: 0px solid #eee;
}

.navbar-minimalize {
  border-color: white;
}
.toggle-box-options > * {
  display: inline;
}
.inline > * {
  display: inline !important;
}

.toggle-box {
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: lightgray;
}

.ag-material .ag-cell-focus {
  border: 1px solid blue !important;
}

.ag-material .ag-cell-no-focus {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.regular .ag-material .ag-row.ag-row-level-0 {
  background-color: #fefefe;
}
.regular .ag-material .ag-row-focus.ag-row-level-0 {
  border-left: 4px solid #1ab394;
  border-top: 2px solid #1ab394 !important;
  border-top: 2px solid #1ab394 !important;
}
.regular .ag-material .ag-row-selected.ag-row-level-0,
.fullselect {
  background-color: #dbe5f7;
  border-top: 1px solid #8080808c !important;
}
.regular .ag-material .ag-row-level-0 {
  border-top: 1px solid #8080808c;
}
.regular .ag-row-level-0 {
  border-top: 1px solid #8080808c !important;
}
.regular .ag-material .ag-row.ag-row-level-1 {
  background-color: #fefefe;
  border-bottom: 0px !important;
}

/* 
.inverted .ag-material .ag-row.ag-row-level-0 {
    background-color: #fefefe ;
} 
.inverted .ag-material .ag-row-focus.ag-row-level-0 {
    border-left: 4px solid #1ab394;   
    border-top: 2px solid #1ab394 !important;
}
.inverted .ag-material .ag-row-selected.ag-row-level-0 ,.fullselect{ 
  background-color: #dbe5f7 ; 
  border-top: 1px solid #808080 !important;
} 
.inverted .ag-material .ag-row-level-0 {
    border-top: 1px solid #808080 ;
}
.inverted .ag-row-level-0  {
    border-top: 1px solid #808080 !important;
}
.inverted .ag-material .ag-row.ag-row-level-1{
  background-color: #fefefe;
  border-bottom: 0px !important; 
}

 */

.ag-material .ag-row.oddone {
  background-color: red !important;
}

.listxs {
  width: 50px !important;
}
.listsm {
  width: 150px !important;
}
.listmd {
  width: 250px !important;
}
.listlg {
  width: 350px !important;
}
.listxl {
  width: 450px !important;
}

.btn-small {
  min-width: 100px;
  margin: 5px;
}

.photo-square {
  max-height: 80px;
  max-width: 80px;
  border-radius: 4px;
  overflow: hidden;
  /*  margin-right: 10px;
  margin-bottom: 10px;*/
}

.photo {
  max-height: 90px;
  max-width: 180px;
  border-radius: 4px;
  overflow: hidden;
  /*  margin-right: 10px;
  margin-bottom: 10px;*/
}

/*.ui-select-container{
  height: 38px !important;
}*/

.container-date {
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.compact-container-input {
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 5px !important;
  margin-bottom: 0px !important;
}
.container-input {
  margin-top: 20px !important;
  margin-left: 0px !important;
  margin-right: 5px !important;
  margin-bottom: 0px !important;
}

@media screen and (max-width: 600px) {
  .dw-control-main {
    width: 100% !important;
    min-width: inherit !important;
  }

  .container-fluid {
    padding: 0px !important;
  }

  /*    .page-header{
        margin: 20px 0 20px !important;
    }*/
}

/*@media (min-width:601px) { 
    .md-datepicker-input {
        width: 225px !important;
    }
}*/
/* @media (min-width:601px) { 
    .md-datepicker-input {
        width: 150px !important;
    }
} */

.ag-material .ag-header {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.ag-material .ag-ltr .ag-header-cell {
  border-right: 1px dotted #d3d3d3 !important;
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

.ag-material .ag-cell-no-focus {
  border-right: 1px solid #67b1ab30 !important;
}

.ag-cell {
  padding-top: 2px !important;
}

/*.md-content{
    padding: 2px !important;
}*/

.dw-frame {
  height: 200px; /* equals max image height */
  width: 100%;
  white-space: nowrap; /* this is required unless you put the helper span closely near the img */
}

.dw-frame-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.dw-frame-img {
  width: 100%;
}

md-autocomplete md-autocomplete-wrap {
  box-shadow: none !important;
}

.ag-fresh .ag-header-cell-label {
  white-space: pre-line !important;
  padding: 0px !important;
}

.ag-fresh .ag-header-cell-text {
  white-space: pre-line !important;
  padding: 0px !important;
}

.modal-dialog {
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  display: translate(-50%, 0%);
  top: 50px;
  left: 50%;
  position: fixed;
  z-index: 99;
  width: 800px;
}

.modal-open {
  overflow: scroll !important;
}

.dw-float {
  float: left;
  padding-right: 15px;
}

.dw-line {
  float: left;
  padding-right: 15px;
  display: inline-block;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}
.nm {
  margin: 0px;
}
.agrid-border > .ag-row {
  border-bottom-style: solid;
  border-bottom-width: thin;
}

.ag-cell-focus {
  /*border-style: none ; */
  /*border-width: 0px;*/
  border-color: black !important;
}
/*
.ag-cell-not-inline-editing{
     padding-top: 10px !important;
}*/

.minus {
  padding-top: 1px !important;
}

.rag-selected {
  /*background-color: lightcoral;*/
  border-style: dashed !important;
  border-width: 2px !important;
  border-color: black !important;
}

.custom-label {
  overflow: initial !important;
  min-width: 50px;
  font-size: 20px;
  bottom: 90% !important;
  color: #171717 !important;
}

md-checkbox .md-label {
  margin-left: 25px !important;
}

.custom-date-label {
  width: 100% !important;
  right: 0 !important;
}
.custom-time-label {
  bottom: 77% !important;
  width: 100% !important;
  right: 0 !important;
}
.custom-control {
  min-width: 250px;
}

.blueimp-gallery > .indicator > li {
  width: 75px !important;
  height: 75px !important;
}

.blueimp-gallery > .delete {
  position: absolute;
  top: 55px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none;
}
.blueimp-gallery > .delete {
  padding: 15px;
  /*  right: 15px;
  left: auto;*/
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
}

.blueimp-gallery > .delete:hover {
  color: #fff;
  opacity: 1;
}

.blueimp-gallery-controls > .delete {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.blueimp-gallery > .delete {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*



FIXES



*/

.md-skin .nav .open > a:focus {
  background: rgba(2, 2, 2, 0.1) !important;
}
.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
  background: rgba(2, 2, 2, 0.1) !important;
}

.md-skin .nav .open > a:focus {
  background: rgba(2, 2, 2, 0.1) !important;
}
.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
  background: rgba(2, 2, 2, 0.1) !important;
}

.ag-material {
  color: #444 !important;
}

.bodystyle {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}

.bodystyle-single {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

md-toolbar {
  min-height: 40px;
}

/*
md-input-container input[type=time]{
  color: black !important;
}*/

mdp-time-picker md-input-container {
  margin: 8px 0px 0px 0px !important;
}

.frame-inv {
  -ms-zoom: 1.6;
  -moz-transform: scale(1.6);
  -moz-transform-origin: 0 0;
  -o-transform: scale(1.6);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(1.6);
  -webkit-transform-origin: 0 0;
  overflow-x: hidden;
  overflow-y: scroll;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 280px;
  width: 210px;
}

/*.ui-select-container .caret{
  z-index: -99999;  
}*/

.ui-select-container .btn-link {
  margin-right: -10px !important;
}

/*.form-group{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}*/
.editable-controls .form-group {
  margin: 0px !important;
  padding: 0px !important;
}
.editable-input {
  width: 150px !important;
}

.ag-material .ag-row-drag {
  background-position-y: center;
}

.ag-material .ag-row-drag {
  background-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAZCAYAAABzVH1EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAADySURBVFhH3dcxCsJAEIXhXMzOzkpJIfZ6A89hZ2FhEURQRNHWwoAQvNWYV+yi4xOShY3OFh+J/yaaQdAkE5Ek0GgRjaGG62W94Wux0RhiuisEg8zqrV7rAo0hMISj17pAY1vjYuWHALzWx8RGYxuL8vo2hIOuj42JxjZGZAhA18fGRGNT88uBDuFgXZ8TC40W0WiR38mrkzj9ciu920YG971vMeGzIK+Ovk0e5/qyPi/4G7/j3uyfuGtrgkaLaLSIxqaS+vlN4g8RkrlFgSRuGp3XQfRaF2gMgQcqDIEHLL3WBRpD/erbABototEiGu2R7AnVHWVwesJ51QAAAABJRU5ErkJggg==");
  background-position: right;
  background-repeat: no-repeat;
  /*opacity: 0.87;*/
  background-position-x: 0px;
  background-position-y: -2px;
  float: left;
  height: 30px;
  width: 55px;
  /*border: 2px dashed navy;*/
}

.ag-material .ag-header-cell {
  padding-top: 1px !important;
}

.nav > li.active {
  border-left: 8px solid #607d8b !important;
}

.pencil {
  color: #00655c !important;
  border-color: #00655c !important;
  background-color: #1ab394 !important;
}

.ag-row-focus .pinclass {
  background-color: #18a689 !important;
}

.ag-row-focus .fullpinclass {
  background-color: #18a689 !important;
}

/*.ag-bl-center.ag-bl-full-height-center{
  max-width: 100%!important; 
  width: -webkit-fill-available !important; 
}
*/

.google-visualization-orgchart-node {
  border: 3px solid #3388dd !important;
}
/*
.google-visualization-orgchart-nodesel {
}
*/
.cgnc {
  /*  border-top-left-radius: 50%!important;
  border-bottom-left-radius: 50%!important;*/
  font-family: Roboto, "Roboto-Regular", Helvetica !important;
  color: black;
  font-size: 16px !important;
  border: 0px solid #3388dd !important;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b4b7b6));*/
  background: white;
  border-radius: 2%;
  min-width: 300px;
}
.scgnc {
  color: black;
  /*border: 1px solid #37377e !important;*/
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff7ae),
    to(#e3ca4b)
  );
}

.google-visualization-orgchart-table {
  border-collapse: separate !important;
}

.social-avatar img {
  border-radius: 50% !important;
  height: 75px;
  width: 75px;
}

.google-visualization-orgchart-table * {
  padding: 0px !important;
}

.nodeClass {
  color: red;
  background-color: red;
}

.left-border {
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #f8ac59;
}

.md-scroll-mask {
  z-index: 0 !important;
  position: initial;
}

.btn-warning.btn-outline {
  color: darkorange;
}
/*.btn-warning.btn-outline:hover{
  color: #fff;
}*/
.btn-warning:hover {
  background-color: darkorange;
  border-color: darkorange;
  color: #ffffff;
}

.ag-cell .virual-ag-row {
  top: 50%;
  transform: translateY(-50%);
}

.virtual-box {
  margin: 6px 0px 6px 0px;
}
/*
.layout-row { 
    display: flow-root !important;
}*/

.username-info {
  font-weight: 500;
  font-style: normal;
}

.mcb {
  display: block !important;
}

.toast-warning {
  background-color: #ff9e0d;
}

.ng-confirm .ng-confirm-box {
  background: #efeeff;
}

.md-button {
  /* margin: 0px 4px!important; */
  min-width: 40px;
  padding: 0px 10px 0px 10px;
}

#toast-container .toast {
  opacity: 1;
}

.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aligner-item {
  max-width: 50%;
}

.force-height {
  overflow: scroll;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  /* height: 500px !important; */
  overscroll-behavior-y: auto;
}

.dot {
  border-radius: 50%;
  display: inline-block;
}

.ui-select-choices-row-inner {
  padding: 5px 0px 5px 5px;
}

.item-list-odd {
  background-color: lightgray;
}
.item-list-even {
  background-color: lightblue;
}

.multiple-high {
  background-color: #c5daf5;
}

.new-input {
  border-top: 1px solid rgb(179, 179, 179) !important;
  border-right: 1px solid rgb(179, 179, 179) !important;
}

input {
  border-top: 1px solid rgb(179, 179, 179) !important;
  border-right: 1px solid rgb(179, 179, 179) !important;
}

.ui-select-choices-row-inner {
  border-top: 1px solid lightgray;
}

.md-skin .navbar-static-top {
  background-color: #ffffff !important;
}

#custom-secondary {
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn.btn-xs.btn-link.pull-right {
  position: absolute;
  right: 8px;
}

.input-minmax {
  min-width: 300px;
}
.box-minmax {
  /* min-width: 325px;  */
  /* max-width: 500px;  */
}
.container-minmax {
  max-width: 500px;
  width: 100%;
}

.md-skin .ibox-title h5 {
  font-size: 18px;
  font-weight: 500;
}
/* .ibox-title { 
    padding: 13px 15px 11px;
} */

md-content {
  background-color: whitesmoke;
}

/* .melon {
  border-bottom: 3px solid #f8ac59;    
  border-top: 3px solid #f8ac59; 
  border-bottom: 0px;
}  */

.steel {
  background-color: #607d8bb3;
}
.steel-left {
  border-style: outset;
  border-left: 15px outset #8a9fb559;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 8px solid #f3aa5d;
}

.custom-title-control {
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
}
.custom-title {
  font-weight: 500;
  font-size: 25px;
  color: #232323f7;
  margin: 5px 15px;
}

.panel-footer {
  background-color: #ffffff;
}

.chs-cls {
  margin-right: 15px;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

md-tab-content md-content {
  background-color: transparent;
  min-height: 90vh;
  max-height: 100vh;
}
.dw-tab md-tabs .md-tab {
  border-bottom: 1px solid #607d8b !important;
  border-right: 1px solid #607d8b !important;
  border-top: 1px solid #607d8b !important;
  max-width: 250px;
}
.dw-tab .md-tab {
  ng: 12px 23px !important;
}
.dw-tab .md-tab {
  font-weight: 600;
  font-size: 16px;
}
.dw-tab .md-tab.md-active {
  font-weight: 700;
  font-size: 17px;
}

.dw-tab .ninja_tabs md-tabs-wrapper {
  height: 0px;
}
.dw-tab .md-tab {
  text-transform: none;
}
.dw-tab .md-tabs-content-wrapper {
  margin-left: 7px;
}
.dw-tab md-tabs .md-tab.md-active {
  background-color: #b0dcff !important;
}

.dw-tab md-tabs .md-tab[disabled].deshabilitado {
  background-color: lightgray;
  color: rgb(0, 109, 99);
}

.dw-tab md-tabs .md-tab[disabled].habilitado {
  display: none;
  background-color: lightgray;
  color: rgb(0, 109, 99);
}

.dw-tab md-tabs-wrapper {
  display: none;
}

.dw-tab .md-stretch-tabs {
  display: inherit !important;
}

.btn.btn-default.form-control.ui-select-toggle {
  min-height: 34px !important;
}

.input-error-border {
  border-color: rgb(221, 44, 0) !important;
}

.input-error-msg {
  color: rgb(221, 44, 0) !important;
}

.sep {
  /*  */
  padding-right: 10px;
}

.sep0 {
  /*  */
  padding-right: 3px;
}

.hc-navy {
  color: white;
  background-color: navy;
}

.hc-pink {
  background-color: Pink;
  color: white;
}
.hc-lightpink {
  background-color: LightPink;
  color: white;
}
.hc-hotpink {
  background-color: HotPink;
  color: white;
}
.hc-deeppink {
  background-color: DeepPink;
  color: white;
}
.hc-palevioletred {
  background-color: PaleVioletRed;
  color: white;
}
.hc-mediumvioletred {
  background-color: MediumVioletRed;
  color: white;
}
.hc-lightsalmon {
  background-color: LightSalmon;
  color: white;
}
.hc-salmon {
  background-color: Salmon;
  color: white;
}
.hc-darksalmon {
  background-color: DarkSalmon;
  color: white;
}
.hc-lightcoral {
  background-color: LightCoral;
  color: white;
}
.hc-indianred {
  background-color: IndianRed;
  color: white;
}
.hc-crimson {
  background-color: Crimson;
  color: white;
}
.hc-firebrick {
  background-color: Firebrick;
  color: white;
}
.hc-darkred {
  background-color: DarkRed;
  color: white;
}
.hc-red {
  background-color: Red;
  color: white;
}
.hc-orangered {
  background-color: OrangeRed;
  color: white;
}
.hc-tomato {
  background-color: Tomato;
  color: white;
}
.hc-coral {
  background-color: Coral;
  color: white;
}
.hc-darkorange {
  background-color: DarkOrange;
  color: white;
}
.hc-orange {
  background-color: Orange;
  color: white;
}
.hc-yellow {
  background-color: Yellow;
  color: white;
}
.hc-lightyellow {
  background-color: LightYellow;
  color: white;
}
.hc-lemonchiffon {
  background-color: LemonChiffon;
  color: white;
}
.hc-lightgoldenrodyellow  {
  background-color: LightGoldenrodYellow;
  color: white;
}
.hc-papayawhip {
  background-color: PapayaWhip;
  color: white;
}
.hc-moccasin {
  background-color: Moccasin;
  color: white;
}
.hc-peachpuff {
  background-color: PeachPuff;
  color: white;
}
.hc-palegoldenrod {
  background-color: PaleGoldenrod;
  color: white;
}
.hc-khaki {
  background-color: Khaki;
  color: white;
}
.hc-darkkhaki {
  background-color: DarkKhaki;
  color: white;
}
.hc-gold {
  background-color: Gold;
  color: white;
}
.hc-cornsilk {
  background-color: Cornsilk;
  color: white;
}
.hc-blanchedalmond {
  background-color: BlanchedAlmond;
  color: white;
}
.hc-bisque {
  background-color: Bisque;
  color: white;
}
.hc-navajowhite {
  background-color: NavajoWhite;
  color: white;
}
.hc-wheat {
  background-color: Wheat;
  color: white;
}
.hc-burlywood {
  background-color: Burlywood;
  color: white;
}
.hc-tan {
  background-color: Tan;
  color: white;
}
.hc-rosybrown {
  background-color: RosyBrown;
  color: white;
}
.hc-sandybrown {
  background-color: SandyBrown;
  color: white;
}
.hc-goldenrod {
  background-color: Goldenrod;
  color: white;
}
.hc-darkgoldenrod {
  background-color: DarkGoldenrod;
  color: white;
}
.hc-peru {
  background-color: Peru;
  color: white;
}
.hc-chocolate {
  background-color: Chocolate;
  color: white;
}
.hc-saddlebrown {
  background-color: SaddleBrown;
  color: white;
}
.hc-sienna {
  background-color: Sienna;
  color: white;
}
.hc-brown {
  background-color: Brown;
  color: white;
}
.hc-maroon {
  background-color: Maroon;
  color: white;
}
.hc-darkolivegreen {
  background-color: DarkOliveGreen;
  color: white;
}
.hc-olive {
  background-color: Olive;
  color: white;
}
.hc-olivedrab {
  background-color: OliveDrab;
  color: white;
}
.hc-yellowgreen {
  background-color: YellowGreen;
  color: white;
}
.hc-limegreen {
  background-color: LimeGreen;
  color: white;
}
.hc-lime {
  background-color: Lime;
  color: white;
}
.hc-lawngreen {
  background-color: LawnGreen;
  color: white;
}
.hc-chartreuse {
  background-color: Chartreuse;
  color: white;
}
.hc-greenyellow {
  background-color: GreenYellow;
  color: white;
}
.hc-springgreen {
  background-color: SpringGreen;
  color: white;
}
.hc-mediumspringgreen  {
  background-color: MediumSpringGreen;
  color: white;
}
.hc-lightgreen {
  background-color: LightGreen;
  color: white;
}
.hc-palegreen {
  background-color: PaleGreen;
  color: white;
}
.hc-darkseagreen {
  background-color: DarkSeaGreen;
  color: white;
}
.hc-mediumaquamarine {
  background-color: MediumAquamarine;
  color: white;
}
.hc-mediumseagreen {
  background-color: MediumSeaGreen;
  color: white;
}
.hc-seagreen {
  background-color: SeaGreen;
  color: white;
}
.hc-forestgreen {
  background-color: ForestGreen;
  color: white;
}
.hc-green {
  background-color: Green;
  color: white;
}
.hc-darkgreen {
  background-color: DarkGreen;
  color: white;
}
.hc-aqua {
  background-color: Aqua;
  color: white;
}
.hc-cyan {
  background-color: Cyan;
  color: white;
}
.hc-lightcyan {
  background-color: LightCyan;
  color: white;
}
.hc-paleturquoise {
  background-color: PaleTurquoise;
  color: white;
}
.hc-aquamarine {
  background-color: Aquamarine;
  color: white;
}
.hc-turquoise {
  background-color: Turquoise;
  color: white;
}
.hc-mediumturquoise {
  background-color: MediumTurquoise;
  color: white;
}
.hc-darkturquoise {
  background-color: DarkTurquoise;
  color: white;
}
.hc-lightseagreen {
  background-color: LightSeaGreen;
  color: white;
}
.hc-cadetblue {
  background-color: CadetBlue;
  color: white;
}
.hc-darkcyan {
  background-color: DarkCyan;
  color: white;
}
.hc-teal {
  background-color: Teal;
  color: white;
}
.hc-lightsteelblue {
  background-color: LightSteelBlue;
  color: white;
}
.hc-powderblue {
  background-color: PowderBlue;
  color: white;
}
.hc-lightblue {
  background-color: LightBlue;
  color: white;
}
.hc-skyblue {
  background-color: SkyBlue;
  color: white;
}
.hc-lightskyblue {
  background-color: LightSkyBlue;
  color: white;
}
.hc-deepskyblue {
  background-color: DeepSkyBlue;
  color: white;
}
.hc-dodgerblue {
  background-color: DodgerBlue;
  color: white;
}
.hc-cornflowerblue {
  background-color: CornflowerBlue;
  color: white;
}
.hc-steelblue {
  background-color: SteelBlue;
  color: white;
}
.hc-royalblue {
  background-color: RoyalBlue;
  color: white;
}
.hc-blue {
  background-color: Blue;
  color: white;
}
.hc-mediumblue {
  background-color: MediumBlue;
  color: white;
}
.hc-darkblue {
  background-color: DarkBlue;
  color: white;
}
.hc-navy {
  background-color: Navy;
  color: white;
}
.hc-midnightblue {
  background-color: MidnightBlue;
  color: white;
}
.hc-lavender {
  background-color: Lavender;
  color: white;
}
.hc-thistle {
  background-color: Thistle;
  color: white;
}
.hc-plum {
  background-color: Plum;
  color: white;
}
.hc-violet {
  background-color: Violet;
  color: white;
}
.hc-orchid {
  background-color: Orchid;
  color: white;
}
.hc-fuchsia {
  background-color: Fuchsia;
  color: white;
}
.hc-magenta {
  background-color: Magenta;
  color: white;
}
.hc-mediumorchid {
  background-color: MediumOrchid;
  color: white;
}
.hc-mediumpurple {
  background-color: MediumPurple;
  color: white;
}
.hc-blueviolet {
  background-color: BlueViolet;
  color: white;
}
.hc-darkviolet {
  background-color: DarkViolet;
  color: white;
}
.hc-darkorchid {
  background-color: DarkOrchid;
  color: white;
}
.hc-darkmagenta {
  background-color: DarkMagenta;
  color: white;
}
.hc-purple {
  background-color: Purple;
  color: white;
}
.hc-indigo {
  background-color: Indigo;
  color: white;
}
.hc-darkslateblue {
  background-color: DarkSlateBlue;
  color: white;
}
.hc-slateblue {
  background-color: SlateBlue;
  color: white;
}
.hc-mediumslateblue  {
  background-color: MediumSlateBlue;
  color: white;
}
.hc-white {
  background-color: White;
  color: white;
}
.hc-snow {
  background-color: Snow;
  color: white;
}
.hc-honeydew {
  background-color: Honeydew;
  color: white;
}
.hc-mintcream {
  background-color: MintCream;
  color: white;
}
.hc-azure {
  background-color: Azure;
  color: white;
}
.hc-aliceblue {
  background-color: AliceBlue;
  color: white;
}
.hc-ghostwhite {
  background-color: GhostWhite;
  color: white;
}
.hc-whitesmoke {
  background-color: WhiteSmoke;
  color: white;
}
.hc-seashell {
  background-color: Seashell;
  color: white;
}
.hc-beige {
  background-color: Beige;
  color: white;
}
.hc-oldlace {
  background-color: OldLace;
  color: white;
}
.hc-floralwhite {
  background-color: FloralWhite;
  color: white;
}
.hc-ivory {
  background-color: Ivory;
  color: white;
}
.hc-antiquewhite {
  background-color: AntiqueWhite;
  color: white;
}
.hc-linen {
  background-color: Linen;
  color: white;
}
.hc-lavenderblush {
  background-color: LavenderBlush;
  color: white;
}
.hc-mistyrose {
  background-color: MistyRose;
  color: white;
}
.hc-gainsboro {
  background-color: Gainsboro;
  color: white;
}
.hc-lightgray {
  background-color: LightGray;
  color: white;
}
.hc-silver {
  background-color: Silver;
  color: white;
}
.hc-darkgray {
  background-color: DarkGray;
  color: white;
}
.hc-gray {
  background-color: Gray;
  color: white;
}
.hc-dimgray {
  background-color: DimGray;
  color: white;
}
.hc-lightslategray {
  background-color: LightSlateGray;
  color: white;
}
.hc-slategray {
  background-color: SlateGray;
  color: white;
}
.hc-darkslategray {
  background-color: DarkSlateGray;
  color: white;
}
.hc-black {
  background-color: Black;
  color: white;
}

.ulzero {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding-left: 20px !important;
}

.ng-confirm .ng-confirm-box div.ng-confirm-content-pane {
  overflow: unset;
}

.ng-confirm .ng-confirm-box {
  overflow: initial;
}

.master-top {
  display: inline-block;
}

.md-icon-button + .md-datepicker-input-container {
  margin-left: 5px !important;
}

.col-sm-12 {
  width: 100% !important;
}
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
  float: left !important;
}

.md-datepicker-input {
  width: 100px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  flex: none;
  padding-right: 10px;
}

[data-md-tooltip] {
  position: relative;
}
[data-md-tooltip]:before {
  content: attr(data-md-tooltip);
  position: absolute;
  bottom: -35px;
  left: 50%;
  padding: 8px;
  transform: translateX(-50%) scale(0);
  transition: transform 0.2s ease-in-out;
  transform-origin: top;
  background: #616161e6;
  color: white;
  border-radius: 2px;
  font-size: 12px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
[data-md-tooltip]:hover:before {
  transform: translateX(-50%) scale(1);
}
[data-md-tooltip].md-tooltip--right:before {
  left: auto;
  right: -10px;
  bottom: auto;
  top: 50%;
  transform: translate(100%, -50%) scale(0);
  transform-origin: left center;
}
[data-md-tooltip].md-tooltip--right:hover:before {
  transform: translate(100%, -50%) scale(1);
}
[data-md-tooltip].md-tooltip--left:before {
  left: -15px;
  right: auto;
  bottom: auto;
  top: 50%;
  transform: translate(-100%, -50%) scale(0);
  transform-origin: right center;
}
[data-md-tooltip].md-tooltip--left:hover:before {
  transform: translate(-100%, -50%) scale(1);
}
[data-md-tooltip].md-tooltip-disabled:before {
  display: none;
}
.md-tooltip--top:before {
  top: -35px;
  bottom: auto;
  transform: translateX(-50%) scale(0);
  transform-origin: bottom center;
}
/* Generic CSS for Alignment */
body {
  margin: 0;
}
.container {
  max-width: 980px;
  margin: 0 auto;
}
.col {
  display: inline-block;
  width: 15%;
  margin: 40px auto;
  margin-bottom: 20px;
}
.text-c {
  text-align: center;
}
.header {
  padding: 15px;
  margin: 0;
  background: #e21549;
  color: white;
  font-size: 1.17em;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.material-icons {
  cursor: pointer;
}
.material-icons:hover {
  color: #e21549;
}

.haru .md-select-icon {
  display: none;
}

.haru {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 20px;
  color: whitesmoke;
}

.haru md-text {
  color: white;
}

md-select-menu-container md-content {
  padding-right: 10px;
}

.md-tooltip {
  font-size: 16px;
  /* padding: 5px;
  margin: 5px; */
}

.invisible {
  display: none;
}

.line {
  /* width: auto; */
  display: inline-flex;
  width: inherit;
  border-width: 2px !important;
  padding-top: 5px;
  margin-right: 7px;
  margin-left: 4px;
  border-color: #16509036;
}
.hline {
  width: -webkit-fill-available;
  border-width: 2px 0px !important;
  padding-top: 5px;
  margin-right: 7px;
  margin-left: 4px;
  border-color: #16509036;
}

.simple-button-span {
  font-size: 22px !important;
  margin-right: 0px;
  margin-top: 6px;
}

.mini-sele md-select {
  margin: -6px 0 -5px;
}
/* 
.mini-sele md-select md-select-value{
  border: 0px!important;
  height: 0px;
}
.mini-sele md-select span{
  top: 8px;
  position: relative;
} */

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.ng-confirm-modern .ng-confirm-box {
  margin-top: 10px !important;
  padding: 5px 25px 10px 25px !important;
}

.ng-confirm-modern .ng-confirm-title-c {
  margin-bottom: -5px !important;
}

.ng-confirm-modern .ng-confirm-content-pane {
  margin-bottom: 5px !important;
}
.ng-confirm-modern .ng-confirm-buttons {
  padding-bottom: 0px !important;
}

#toast-container {
  position: fixed;
  z-index: 999999999999 !important;
}

.parent-label {
  padding: 0px 3px 0px 0px !important;
}

.label {
  padding: 0px 5px !important;
  font-weight: 500;
  font-size: 14px !important;
  /* white-space: initial !important;  */

  /* padding: 0px 0px 0px 0px !important;  
  margin: 0px 0px 0px 0px !important; */
}

.label.circle {
  border-radius: 100px;
}

.hidden {
  visibility: hidden;
}

.ng-confirm .ng-confirm-box div.ng-confirm-content-pane {
  margin-bottom: 5px;
  margin-top: 5px;
}

.label-special {
  background-color: #673ab7;
  color: #ffffff;
}

.label-other {
  background-color: #8c5440;
  color: #ffffff;
}

.label-default {
  background-color: #607d8b;
  color: #ffffff;
}
.label-none {
  background-color: white;
  color: black;
  border: 1px inset;
}
.label-dark {
  background-color: black;
  color: white;
}

.label-success {
  background-color: #00967a !important;
}

/* 
.label-success{
  background-color: #1ab394 !important;
} */
.label-primary {
  background-color: #1c84c6 !important;
}

.truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* -webkit-line-clamp: 2; */
  overflow: hidden;
}

.truncate-tip {
  white-space: pre-line;
  max-width: 400px;
  height: auto;
}

.Treant .collapsed .collapse-switch {
  background-color: transparent;
}
.Treant .collapse-switch {
  width: 25px;
  height: 100%;
  display: block;
  border: 0px solid black;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}

ol,
ul {
  margin-bottom: 5px !important;
}

.btn-outline {
  background-color: white;
  border-width: 2px;
  font-weight: 500;
}

/*






*/
.edge {
  visibility: hidden !important;
}
.edge .horizontalEdge {
  visibility: hidden !important;
}

.orgchart .node .title {
  background-color: white !important;
}

.orgchart .node .content {
  padding: 0px;
  border: 0px;
}

.chart-container {
  position: relative;
  display: inline-block;
  top: 10px;
  left: 10px;
  height: 100%;
  width: calc(100% - 24px);
  border: 2px dashed #aaa;
  border-radius: 5px;
  overflow: auto;
  text-align: center;
  /* width: 100%; */
}

.org-btn {
  padding: 2px 2px;
  width: 25px;
  height: 25px;
  font-size: 15px;
}

.orgchart .node .title {
  height: 100%;
  width: 100%;
}
.orgchart .node .content {
  height: 100%;
  width: 100%;
}

.org-center {
  margin: auto;
  border: 3px solid green;
  padding: 10px;
}
.orgchart {
  background-image: linear-gradient(90deg, #e9f0f7 10%, rgba(0, 0, 0, 0) 10%),
    linear-gradient(#e9f0f7 10%, rgba(0, 0, 0, 0) 10%);
}

/* .chart-container {
  float: left;
  position: relative;
  display: inline-block;
  top: 10px;
  left: 0px;
  height: 1100px;
  width: 50%;
  overflow: hidden;
  text-align: center;
}  

.orgchart {
  background: #fff;
  border: 0;
  padding: 0;
  width: 100%;
}

.orgchart>.spinner {
  color: rgba(255, 255, 0, 0.75);
}

.orgchart .node .title {
  background-color: #fff;
  color: #000;
  height: 120px;
  border-radius: 0;
}

.orgchart.r2l .node .title {
  transform: rotate(-90deg) translate(60px, 60px);
  -ms-transform: rotate(-90deg) translate(60px, 60px);
  -moz-transform: rotate(-90deg) translate(60px, 60px);
  -webkit-transform: rotate(-90deg) translate(60px, 60px);
}

.orgchart.l2r .node .title {
  transform: rotate(-90deg) translate(60px, 60px) rotateY(180deg);
  -ms-transform: rotate(-90deg) translate(60px, 60px) rotateY(180deg);
  -moz-transform: rotate(-90deg) translate(60px, 60px) rotateY(180deg);
  -webkit-transform: rotate(-90deg) translate(60px, 60px) rotateY(180deg);
}

.orgchart .node .content {
  border: 0;
  background-color: #b80036;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.orgchart.r2l .node .content,
.orgchart.l2r .node .content {
  position: absolute;
  bottom: 138px;
  right: 78px;
  width: 20px;
  border-radius: 0px;
}

.orgchart .node>.spinner {
  color: rgba(184, 0, 54, 0.75);
}

.orgchart.r2l .node,
.orgchart.l2r .node {
  width: 130px;
}

.orgchart .node:hover {
  background-color: rgba(255, 255, 0, 0.6);
}

.orgchart .node.focused {
  background-color: rgba(255, 255, 0, 0.6);
}

.orgchart .node .edge {
  color: rgba(0, 0, 0, 0.6);
}

.orgchart .edge:hover {
  color: #000;
}

.orgchart td.left,
.orgchart td.top,
.orgchart td.right {
  border-color: #999;
}

.orgchart td>.down {
  background-color: #999;
} */

.ng-confirm {
  z-index: 99999999 !important;
}
.md-dialog-container {
  z-index: 99999999 !important;
}

.pull-center {
  float: initial !important;
}

.md-button.md-default-theme.md-fab[disabled],
.md-button.md-fab[disabled],
.md-button.md-default-theme.md-raised[disabled],
.md-button.md-raised[disabled] {
  background-color: #d2d2d2 !important;
}

.grid_trs #html-content-holder {
  background-color: transparent !important;
}

.grid_trs .ag-row-animation {
  background-color: transparent !important;
}

.grid_trs .ag-row {
  background-color: transparent !important;
}

.grid_trs .panel-default {
  border: 0px !important;
}

.grid_trs .ag-header-cell-text {
  color: black !important;
}

.grid_trs .custom-title-control {
  border-top: 0px !important;
}

.nav-label {
  color: black;
  font-size: 15px;
  /* font-weight: 500; */
}
.snav-label {
  color: rgba(0, 0, 0, 0.796);
  font-size: 13px;
  font-weight: 500;
}

.dw-menu-item {
  padding: 6px 2px !important;
  color: black;
  font-size: 14px;
}

.dw-handle {
  background: white;
  border: 2px solid #6b7982;
  font-size: 14px;
}

.dw-handle:hover {
  background: #6b7982;
  border: 2px solid white;
  color: blue;
}

.square {
  border: 3px inset #a9a9a9;

  font-weight: 500;
  font-size: 16px;
}
/* 
.li-item{
  border-width: 0px 0px 2px 0px;
  border-color: #607D8B !important;
  border-style: solid;
} */

.btn-custom.btn-outline {
  color: inherit;
}
.btn-custom {
  border-color: inherit;
}

.btn-custom-btn.outline {
  color: inherit;
}

figure {
  position: relative;
}
figcaption {
  position: absolute;
  top: 20%;
  /* font-weight:bold; */
  font-size: 25px;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
* The dndDraggingSource class will be applied to
* the source element of a drag operation. It makes
* sense to hide it to give the user the feeling
* that he's actually moving it.
*/
.simpleDemo ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
* An element with .dndPlaceholder class will be
* added to the dnd-list while the user is dragging
* over it.
*/
.simpleDemo ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
}

/**
* Show selected elements in green
*/
.simpleDemo ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}

.btn-custom:hover {
  background-color: white;
  color: black !important;
}

@font-face {
  font-family: "Gobold";
  src: url(Gobold-Blocky-Regular.otf) format("truetype");
}

@font-face {
  font-family: "Coolvetica";
  src: url(Coolvetica.ttf) format("truetype");
}

jv-json-viewer {
  position: inherit;
}

.multipanel {
  /* max-width: 400px; */
  /* border: 1px solid; */
  margin: 5px;
  padding: 5px;
}
.multipanel:hover {
  /* background: radial-gradient(white, #0c4cbf40); */
  background: #0066ff21;
}

/*Acordion Header*/
.dw-uag .panel-heading {
  background-color: white;
}

/*Acordion item*/
.dw-uag .accordion-toggle {
  color: black;
}

.ui-select-bootstrap .ui-select-choices-row.active .list {
  color: #fff;
}
.list {
  color: #0072b5;
  font-weight: 700;
  margin: 0px -8px;
}

.nestedDemo .dropzone ul[dnd-list] {
  margin: 0px;
  min-height: 42px;
  padding-left: 0px;
}

.nestedDemo .dropzone li {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  padding: 0px;
}

/**
* Reduce opacity of elements during the drag operation. This allows the user
* to see where he is dropping his element, even if the element is huge. The
* .dndDragging class is automatically set during the drag operation.
*/
.nestedDemo .dropzone .dndDragging {
  opacity: 0.7;
}

/**
* The dndDraggingSource class will be applied to the source element of a drag
* operation. It makes sense to hide it to give the user the feeling that he's
* actually moving it. Note that the source element has also .dndDragging class.
*/
.nestedDemo .dropzone .dndDraggingSource {
  display: none;
}

/**
* An element with .dndPlaceholder class will be added as child of the dnd-list
* while the user is dragging over it.
*/
.nestedDemo .dropzone .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}

/***************************** Element Selection *****************************/

.nestedDemo .dropzone .selected .item {
  color: #3c763d;
  background-color: #dff0d8;
}

.nestedDemo .dropzone .selected .box {
  border-color: #d6e9c6;
}

.nestedDemo .dropzone .selected .box > h3 {
  background-color: #dff0d8;
  background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);
  border-color: #d6e9c6;
  color: #3c763d;
}

/***************************** Element type specific styles *****************************/

.nestedDemo .dropzone .item {
  padding: 10px 15px;
}

.nestedDemo .dropzone .container-element {
  margin: 10px;
}

.nestedDemo .dropzone .container-element .column {
  float: left;
  width: 50%;
}

/***************************** Toolbox *****************************/

.nestedDemo .toolbox ul {
  cursor: move;
  list-style: none;
  padding-left: 0px;
}

.nestedDemo .toolbox button {
  margin: 5px;
  opacity: 1;
  width: 123px;
}

.nestedDemo .toolbox .dndDragging {
  opacity: 0.5;
}

.nestedDemo .toolbox .dndDraggingSource {
  opacity: 1;
}

/***************************** Trashcan *****************************/

.nestedDemo .trashcan ul {
  list-style: none;
  padding-left: 0px;
}

.nestedDemo .trashcan img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.nestedDemo .trashcan .dndDragover img {
  width: 100%;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.nestedDemo .trashcan .dndPlaceholder {
  display: none;
}

body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.subbody {
  top: 40px !important;
  position: fixed !important;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}

.navbody {
  top: 0px;
  min-height: 40px;
  height: 40px;
  margin-bottom: 0;
  position: fixed;
  width: 100%;
  right: 0px;
  left: 0px;
}

.dw-page {
  margin: 0px 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.dw-page-single {
  margin: 0px 0px 0px;
  padding-right: 0px;
  padding-left: 0px;
}

/*  ({{50+(item.id.length*8)}})  */

.hn {
  font-weight: 400;
  background-color: #e95f20d6;
  color: white;
  padding: 5px;
  font-size: 30px;
  border-radius: 3px;
}

.xxsmall {
  font-size: 10px !important;
}

.xsmall {
  font-size: 12px !important;
}

.small {
  font-size: 14px !important;
}

.medium {
  font-size: 18px !important;
}

.large {
  font-size: 22px !important;
}

.xlarge {
  font-size: 26px !important;
}

.xxlarge {
  font-size: 30px !important;
}

.selectize-dropdown-content {
  max-height: 300px !important;
}

.dw4-toolbox {
  padding-left: 0px;
  list-style: none;
}

.dw4-toolitem {
  display: inline-flex;
  padding: 0px 5px;
  height: 35px;
  width: 40px;
  margin: 0px 1px;
}

.dw4-tabs md-tabs-wrapper {
  background-color: white !important;
  height: 25px;
}
.dw4-tabs md-tab-item {
  color: black !important;
}

.dw4-tabs md-tabs-canvas.md-center-tabs .md-tab {
  height: 35px;
  top: -10px;
}

.dw4-tabs md-tabs-content-wrapper {
  display: block;
  top: 25px;
  overflow: hidden;
}
.dw4-tabs-min md-tabs-content-wrapper {
  top: 1px !important;
}

.dw4-tabs md-pagination-wrapper {
  height: 2px;
}

.dw4-tabs md-ink-bar {
  height: 24px;
  background: #cc36367a;
  top: 0px;
}

.dw4-row {
  display: inline-flex;
}
.dw4-flow {
  flex-flow: wrap;
  display: inline-flex;
}

.dw4-dir-column {
  display: block;
}
.dw4-dir-row {
  display: flex;
  flex-flow: wrap;
}

.dw4-toolbar-tools {
  padding: 0 5px;
  max-height: 30px;
}

.dw4-main-chip {
  font-size: 25px !important;
  font-weight: 400 !important;
  color: white;
}

.dw4-chip {
  font-size: 25px !important;
  color: white;
  font-weight: 400 !important;
}

.dw4-icon {
  font-size: 25px;
}

.dw4-input {
  height: 25px;
  color: white;
  background-color: transparent;
  font-size: 18px;
  font-weight: 100;
  border-width: 0px 0px 0px 0px !important;
  padding: 0px 0px;
  font-size: 20px;
}

.dw4-btn-icon {
  color: white;
  font-size: 25px;
  height: 30px;
  width: 30px;
}

.dw4-btn-btn {
  min-width: 30px;
  width: 30px;
  padding: 0px;
  margin: 0px 3px;
  top: 6px;
}

.dw4-extra {
  top: 5px;
  height: 40px;
  border: 2px solid white;
  position: relative;
  font-size: 15px;
}

.dw4-display {
  color: white;
  min-width: 50px;
  border-left: 3px solid #2dfff5;
  height: 35px;
  top: 2px;
  position: relative;
  font-size: 15px;
  padding: 0px 5px;
  line-height: 20px;
  background-color: #00000075;
}

.dw4-ul {
  list-style: none;
}
.dw4-ul li:before {
  min-height: 75px;
  padding: 20px 11px;
  content: "\f016"; /* file-o */
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: 600;
  color: white;
  background-color: lightgray;

  border-width: 4px;
  border-color: black;
  border-style: solid;
}

.dw4-li:before {
  min-height: 0px !important;
  padding: 0px !important;
  content: "" !important;
  background-color: black !important;
  visibility: hidden !important;
  border-width: 0px !important;
  border-color: white !important;
  border-style: solid !important;
}

.dw4-property,
.dw4-action,
.dw4-select .md-select-value {
  font-size: 16px;
  display: flex;
  font-family: "Roboto";
  justify-content: center;
  align-items: center;
  white-space: break-spaces;
  color: white !important;
  padding-right: 0px;
  min-width: 10px;
}

.dw4-select .selectize-input {
  background-color: transparent;
  padding: 0px !important;
  border: 0px !important;
}

.dw4-select .md-select-icon {
  margin: 0px;
  width: 0px;
  color: #00000000;
}

.dw4-action-red {
  border-color: red;
}
.dw4-action-red md-icon {
  color: red;
}

.dw4-box-select {
  padding-left: 10px;
  display: inline-flex;
}

.dw4-select {
  height: 40px;
  /* border-right: 1px solid; */
  margin: 0px;
  padding: 0px;
  top: 5px;
  position: relative;
}

.dw4-pselect .md-select-value .md-select-icon {
  display: none;
}

.dw4-pselect {
  /* border-right: 1px solid; */
  margin: 0px;
  padding: 0px;
  top: -2px;
  position: relative;
}
.dw4-pselect .dw4-main-chip {
  font-size: 21px !important;
}

.dw4-action {
  border-width: 1px;
  border-style: solid;
}

.dw4-handle {
  font-size: 30px;
  position: relative;
  top: -5px;
  margin-left: 5px;
}

.dw4-header {
  display: flex;
  margin: 0px !important;
  background-color: black;
  color: white;
}
.dw4-list {
  min-height: 40px;
  min-width: 200px;
  border-width: 0px 0px 15px 0px;
  border-color: transparent;
  border-style: solid;
  padding-left: 10px;
  padding: 0px !important;
  margin: 0px !important;
  /* border-top: 8px solid  white; */
}
.dw4-checkbox {
  background-color: white;
}

.dw4-checkbox input[type="checkbox"] {
  transform: scale(1.5);
}

.dw4-gm {
  display: inline-flex;
}

.dw4-gm2 {
  display: inline-flex;
  top: 5px;
  position: relative;
}

.big-box {
}
.mini-box {
  max-width: 150px;
}
.mini-box .box-title {
  font-size: 15px;
}

.dw4-vgroup {
  width: 50px;
  padding-left: 5px;
  display: grid;
  margin-top: 10px;
  margin-bottom: 0px;
  min-width: 30px;
  /* max-width:800px; */
}

.dw4-plabel {
  height: 12px;
  font-size: 15px;
  position: relative;
  top: -5px;
}

.dw4-pbit {
  height: 25px;
  font-size: 30px;
  position: relative;
  top: 0px;
  margin-top: -12px;
}

.dw4-group {
  padding-left: 5px;
  display: inline-flex;
  margin-top: 0px;
  margin-bottom: 0px;
  min-width: 10px;

  /* max-width:800px; */
}

.dropzone {
  padding: 5px;
}

.vl {
  border-left: 2px solid #93929a;
  height: 36px;
  top: 10px;
  position: relative;
}

.svl {
  border-left: 2px solid #93929a;
  height: 36px;
  top: 6px;
  position: relative;
}

.dw4-item {
  min-width: 100px;
  /* 
  max-width:1000px;
  */
  height: 40px;
  border-width: 0px 2px 2px 0px;
  border-color: #ffffff24;
  border-style: solid;
}

.dw4-dash5 {
  border: 5px;
}

.dw4-card {
  margin: 0px !important;
  border-width: 0px;
  border-color: #6a687db0;
  border-style: solid;
  padding: 0px;
}

.dw4-card md-card-content {
  padding: 0px;
}

.dw4-type:before {
  background-color: #0277bd !important; /* cube */
  content: "\f1b2" !important;
}
.dw4-type.dw4-container:before {
  background-color: gray !important; /* archive */
  content: "\f187" !important;
}

.dw4-ellipsis-low {
  margin: 0px !important;
}

.dw4-ellipsis-btn {
  margin: 0px !important;
  height: 40px !important;
  padding: 0px !important;
  width: 35px !important;
}

.dw4-mini-btn {
  margin: 0px;
  padding: 0px;
  height: 40px;
  /* color:white; */
}

.dw4-spa {
  background-color: #6a687db0 !important;
  color: white !important;
  font-size: 25px;
}

.dw4-lg-label {
  font-size: 20px;
  padding-right: 5px;
}
.dw4-label {
  font-size: 15px;
  color: blue;
  padding-right: 3px;
}

.dw4-fill {
  height: 30px;
  width: -webkit-fill-available;
}

.dw4-in {
  font-size: 20px;
  height: 35px;
  width: 500px;
}

/*separator      |   ,      */
.match9474 {
  background-color: transparent;
  color: cyan;
  font-size: 16px;
  font-weight: 500;
}
.match44 {
  padding-right: 2px;
  background-color: transparent;
  color: cyan;
  font-size: 18px;
  font-weight: 500;
  font-weight: 600;
}

/*marks        []  *         # @        */

.match9650,
.match9660,
.match9788 {
  background-color: transparent;
  color: #ff6308;
  font-size: 18px;
  font-weight: 600;
}
.match35,
.match64 {
  background-color: transparent;
  color: #ff6308;
  font-size: 16px;
  font-weight: 500;
}

/*string     "    '        */
.match34,
.match39 {
  background-color: transparent;
  color: magenta;
  font-size: 18px;
  font-weight: 600;
}

/*operator     :    <=>        */
.match58 {
  background-color: transparent;
  color: orange;
  font-size: 18px;
  font-weight: 600;
}
.match60,
.match61,
.match62 {
  background-color: transparent;
  color: lime;
  font-size: 16px;
  font-weight: 500;
}
/*operator        !        */
.match33 {
  background-color: transparent;
  color: red;
  font-size: 18px;
  font-weight: 600;
}

/*compile          ()             */
.match9668,
.match9658 {
  background-color: transparent;
  color: yellow;
  font-size: 16px;
  font-weight: 600;
}

.color-black {
  color: black;
}

/* .tree-node{
  border-width: 0px 7px 10px 0px;
    border-style: solid; 
} */
.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 70px;
}

.angular-ui-tree-node,
.angular-ui-tree-placeholder {
  line-height: 18px;
}

.tree-node.tree-node-content {
  border-width: 0px 5px 5px 0px;
  border-style: solid;
  border-color: white;
}

.branch {
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  border-color: navy;
  margin-bottom: 40px;
}

.auto-height {
  height: initial !important;
}

.tox-notification--warning {
  display: none !important;
}
.tox-tinymce-aux {
  z-index: 999999999999999999999999999999 !important;
}

.tox-statusbar__branding {
  display: none !important;
}

md-input-container input[type="time"] {
  width: 110px;
}

.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content .galleria {
  left: 20px;
  right: 20px;
}

.bubbles-on {
  z-index: 999999999999;
}

.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content {
  position: absolute;
  top: 25px;
}

.ng-image-gallery .ng-image-gallery-thumbnails .thumb {
  background-size: contain;
  background-repeat: no-repeat;
}

.ng-image-gallery
  .ng-image-gallery-modal
  .ng-image-gallery-content
  .actions-icons-container
  .delete-img {
  background-color: firebrick;
  width: 60px;
  height: 60px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.todo-list > li {
  background: lightsteelblue;
}

.todo-list > li .label {
  margin-left: 4px !important;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #000 !important;
  background-color: #009d8b30 !important;
}

ui-select-bootstrap > .form-control {
  color: black;
}

.minisele > .md-select-value > .md-select-icon {
  display: none;
}

.custom-control-add > .ui-select-container {
  margin-bottom: 0px !important;
}

.md-select-value {
  border: 0px;
}

.mini-sele-line {
  display: inline-flex;
  width: inherit;
  border-bottom: 2px solid navy;
  padding-top: 0px;
  margin-right: 15px;
  margin-left: 0px;
}

.mini-sele {
  font-weight: 400;
  color: black;
  font-size: 22px !important;
  border: 0px solid navy;
  height: 30px;
  top: 0px;
  background: #f5f5f5;
}

mdp-time-picker .md-button.md-icon-button {
  display: none;
}

.ng-confirm-bootstrap .ng-confirm-box {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.ng-confirm-bootstrap .ng-confirm-buttons {
  position: absolute;
  top: 0px;
  right: -3px;
}

.ng-confirm-bootstrap .ng-confirm-content-pane {
  padding: 0px 15px 0px 15px;
  top: -5px;
}
.ng-confirm-bootstrap .ng-confirm-title-c {
  padding: 9px;
  margin-bottom: 3px;
  background-color: #3f51b5;
  color: white;
  font-size: 18px !important;
  padding-bottom: 6px !important;
}

.ng-confirm-bootstrap.ng-confirm .ng-confirm-box {
  padding: 0px !important;
}

/* /////////////////////// */
.ng-confirm-light .ng-confirm-buttons {
  position: absolute;
  top: 0px;
  right: -3px;
}

.ng-confirm-light .ng-confirm-content-pane {
  padding: 0px 15px 0px 15px;
  top: -5px;
}
.ng-confirm-light .ng-confirm-title-c {
  padding: 9px;
  margin-bottom: 3px;
  background-color: #3f51b5;
  color: white;
  font-size: 18px !important;
  padding-bottom: 6px !important;
}

/* .ng-confirm-light */
.ng-confirm-light.ng-confirm .ng-confirm-box {
  padding: 0px !important;
}

.glyphicon .arrow {
  position: absolute;
  top: 8px;
  left: 200px;
}

/* md-menu-content {
  padding: 1px 0px 0px 0px !important;
  border: 2px #788b9b solid !important;
  background: #dfe4eb !important;
  max-height: 600px;
} */
md-menu-content {
  border: 2px steelblue solid;
  background: lightsteelblue;
  padding: 0px !important;
}
.md-open-menu-container.md-active {
  margin-top: 45px;
}

.cylinder {
  /* this variable will define how big the curve will be */
  --r: 4px;
  /* whatever values/units you want */
  width: 25px;
  height: 30px;
  background: radial-gradient(
      50% var(--r) at 50% var(--r),
      #0003 99.99%,
      #0000 0
    ),
    radial-gradient(
      50% var(--r) at 50% calc(100% - var(--r)),
      #fff3 99.99%,
      #0000 0
    ),
    red;
  border-radius: 100% / calc(var(--r) * 2);
}

.ng-confirm .ng-confirm-box {
  margin-top: 20px !important;
}

.m-t-sm {
  margin-top: 0px !important;
}

.data-table {
  width: 100%;
  max-width: 1800px;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.data-table th,
.data-table td {
  padding: 12px 15px;
  text-align: right;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: black;
}

.data-table th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.data-table tr:hover {
  background-color: #f5f5f5;
}

.data-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.data-table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

.blueimp-gallery {
  z-index: 999999999999999999999999999 !important;
}