#app.dark {
    --bg: #202020;
    color:#888;
}

.warn,
#app.dark .warn {
  background: #da6c46;
  color: white;
}

.filter-div.filter.col-sel {
    margin-bottom: 17px;
}

#app.dark a,
#app.dark input,
#app.dark .mid-color,
#app.dark .chart-settings-row ul li,
#app.dark .favourites .modal-close,
#app.dark .favourites label,
#app.dark .favourites .settings-row span {

    color: #c0c0c0;
}


.bg-shade-1 {
    background-color: white;
}

.bg-shade-2 {
    background-color: #ffffff5e;
}

.bg-shade-3 {
    background-color: #ebeff5;
}

.bg-color-1 {
    background-color: #00455d;
}

.dashboard h2.section-heading:after {
    background: #00455d;
}

.dashboard .risk-cont .title {
    background: hsl(195 100% 16% / 1);
}

.dashboard .kpi-box.flex>div,
.dashboard .modal-cont.rightModalPanel {
    background-color: white;
}

.dashboard .footer .kpi-box.flex>div {
    background-color: #DAE6EA;
}

.dashboard .risk-cont .title,
.dashboard .kpi-box.flex>div,
.dashboard .kpi-box ion-icon {
    color: white;
}

.dashboard .kpi-box.flex div span,
#app.dark select  {
    color: #888;
}

.dashboard .footer .kpi-box.flex div span {
    color: #32788b;
}

.dashboard .kpi-box ion-icon {
    background: #00455d3d;
}

.dashboard .risk-bar {
    background: black;
}

.dashboard tr>td:first-child.colhover,
.dashboard tr>th:first-child.colhover {
    background: transparent !important;
    color: black !important;
}

.dashboard .modal-cont.rightModalPanel {
    box-shadow: 0 25.6px 57.6px rgba(0, 0, 0, .22), 0 4.8px 14.4px rgba(0, 0, 0, .18); }

@media screen and (max-width:700px) {
    .dashboard .parent div.fin-3.chart {
        background-color: #f5f7fa;
    }
}

.contentarea.favourites {   
    background: #dce6eb;   
}
.favourites .modal-close {  
    color: black;
}
.favourites .settings-row span {  
    color: #32788b;
}
.favourites .input-cont {   
    background: #e8eff2;
}
#app.dark .favourites .input-cont {   
    background: #272727;
}
#app.dark .contentarea.favourites {
    background: #181818;
}


#app.dark .bg-shade-1 {
    background-color: #202020;
}

#app.dark .bg-shade-2 {
    background-color: #1a1a1a5e;
}

#app.dark .bg-shade-3 {
    background-color: #191919;
}

#app.dark .bg-color-1 {
    background-color: #00455d;
}

#app.dark .dashboard .risk-cont .title {
    background: #008ab8;
}

#app.dark .dashboard .kpi-box.flex>div,
#app.dark .dashboard .modal-cont.rightModalPanel {
    background-color: #252525;
}

#app.dark .dashboard .footer .kpi-box.flex>div {
    background-color: #2a2a2a;
}

#app.dark .dashboard .risk-cont .title,
#app.dark .dashboard .kpi-box.flex>div,
#app.dark .dashboard .kpi-box ion-icon {
    color: #fff;
}

#app.dark .dashboard .kpi-box.flex div span {
    color: #848484;
}
#app.dark.mobile .dashboard .kpi-box.flex div span {
    color: #bcb9b9;
}

#app.dark .dashboard .kpi-box.flex div span.figure {
    color: #f1f2f2;
}
#app.dark.mobile .dashboard .kpi-box.flex div span.figure {
    color: #fff;
}

#app.dark .dashboard .footer .kpi-box.flex div span {
    /* color: #a8a8a8; */
}

#app.dark .dashboard .kpi-box ion-icon {
    background: hsl(193 75% 37% / 1);
}

#app.dark .dashboard .risk-bar {
    background: white;
}

#app.dark .dashboard tr>td:first-child.colhover, #app.dark .dashboard tr>th:first-child.colhover {
    background: transparent !important;
    color: white !important;
}

#app.dark .dashboard .modal-cont.rightModalPanel {
    box-shadow: 0 25.6px 57.6px rgba(0, 0, 0, .22), 0 4.8px 14.4px rgba(0, 0, 0, .18); }

@media screen and (max-width:700px) {
    #app.dark .dashboard .parent div.fin-4.chart {
        background-color: #181818;
    }

    .entryblock .chart-box .entryblock-content {
        /* height: 220px; */
    }
}

#app.dark .section-heading {
    color: white;
}

#app.dark .dashboard .section-heading{
    color: #777;
}
#app.dark .dashboard h2.section-heading:after {
    background-color: #777;
}
.filter-div.filter.search.active {
    border: 1px solid #d5e3de;
     background: #d5e3de;
}
#app.dark .filter-div.filter.search.active {

    background: #2f2f2f;
}

#app.dark .section-heading:after,
#app.dark .hero-content .startpage-hero-text:before {
    background-color: white;
}

#app.dark .dashboard .risk-cont {
    border-bottom: 20px solid #181818;
    background-color: #181818;
}

body.dark {
    color: #777;
    background: #121212;
}
@media print {
body.dark {
 
    background: #fff;
}
}

#app.dark .modal-cont #close-toggle .menu-icon:after, #app.dark .modal-cont #close-toggle .menu-icon:before {
    background-color: #444
}

#app.dark ul.company-menu.mobile li a {
    background-color: hsl(0deg 0% 14% / 96%); }

#app.dark .pageheader-mainmenucontainer #menu-toggle.menu-open .menu-icon:after, #app.dark .pageheader-mainmenucontainer #menu-toggle.menu-open .menu-icon:before {
    background-color: #f1f2f2
}

body.group-site #app.dark .pageheader-mainmenucontainer #menu-toggle.menu-open {
    color: #f1f2f2
}






#app.dark a.router-link-active {
    background-color: #111111;
    color: white;

}
#app.dark .btn.btn-normal,
#app .btn.btn-normal.btn--white{
  border: 2px solid #fff;
  color:white;
}

#app.dark.mobile .center a.router-link-active {
    background-color: #00000073;
}

#app .active-green-link {
    line-height:40px;
    display:inline-block;
}

#app.mobile .center a.router-link-active:after,
#app .csp-landing a.router-link-active::after,
#app .active-green-link::after {
    content: "";
    width: 50px;
    height: 3px;
    background: limegreen;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#app.mobile .center li li a.router-link-active:after {
    width: 3px;
    height: 40px;
    background: limegreen;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


#app.dark .menu-item.start a.router-link-active {
    background-color: transparent;

}


#app.dark .nav-container ::-webkit-scrollbar {

    background-color: #2C2C2C;

}



#app.dark tspan,
#app.dark .highcharts-container text {
    opacity: 1;
    fill: #8d8d8d !important;
    stroke-width: 0 !important;
    font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif;
    /* font-size: 13px !important; */
}

#app.dark.mobile tspan,
#app.dark.mobile .highcharts-container text {
    
    fill: #d7d7d7 !important;
    stroke-width: 0 !important;
   
}


#app.dark.mobile[data-route="weeklydefault"] .highcharts-container text {
    
    fill: #444 !important;
   
}

#app.dark .scatter .highcharts-container tspan {
    opacity: 1;
    fill: transparent !important;
    stroke-width: 0 !important;
    font-family: "Gill Sans W04 Light", Arial, Helvetica, sans-serif;
    font-size: 13px !important;
}

#app.dark path.highcharts-label-box.highcharts-tooltip-box,
#app.dark path.highcharts-label-box {
    fill: #121212;
    stroke: #454545;
}

#app.dark .highcharts-container .highcharts-label.highcharts-tooltip-box text {
    fill: #f1f2f2 !important;

}





#app.dark rect.highcharts-point {
    stroke-width: 0 !important;
}

#app.dark .risk-cont .figure {
    filter: saturate(0.6);
}

#app.dark path.highcharts-axis-line {
    stroke: transparent;
}

#app.dark path.highcharts-tick {
    stroke: #444;
}



#app.dark .modal-cont.rightModalPanel {
    background-color: rgb(27 27 27);
}


#app.dark h1,
#app.dark h2,
#app.dark h3,
#app.dark h4,
#app.dark .hero-content.text-blue h1 {
    color: #f1f2f2;
}

.dashboard h1.company-header {
 
  background: #f5f7fa;

}

#app.dark .dashboard h1.company-header {
 
  background: #191919cf;

}

#app.dark .btn,
#app.dark .btn {
    color: #a8a8a8;
    border-color: #777;
}

#app.dark .multiselect,
#app.dark .multiselect__option--highlight {
    color: #f1f2f2;
    /* line-height: 18px; */
}

#app.dark .multiselect__tags {
    background-color: inherit;
}

#app.dark .open .multiselect__tags {
    background-color: #121212;
}

#app.dark .multiselect__tags {
    border: 1px solid transparent;
}

#app.dark .multiselect__content-wrapper {
    background-color: #222;
}

#app.dark .btn:hover,
#app.dark .btn.active {
    background-color: transparent;
    color: #fff;
    border-color: white;
}

#app.dark[data-route-id="map"] .btn,
#app.dark[data-route-id="map"] .btn:hover, #app.dark[data-route-id="map"] .btn.active {
    background-color: #1b1b1bab;
    margin: 5px 0;
}


#app.dark .multiselect__option--selected.multiselect__option--highlight,
#app.dark .multiselect__option--selected.multiselect__option--highlight:after,
#app.dark .multiselect__option--group-selected.multiselect__option--highlight,
#app.dark .multiselect__option--group-selected.multiselect__option--highlight:after,
#app.dark select option {
    background: #313131;
}

#app.dark .multiselect__input:-ms-input-placeholder {
    color: #f1f2f2
}

#app.dark .multiselect__input::placeholder {
    color: #f1f2f2
}

#app.dark .multiselect__tag-icon:after {
    color: #266d4d
}

#app.dark .multiselect__option:hover {
    background: #47ABA1;
}

#app.dark .multiselect__option--selected {
    background: inherit;
    border-left: 3px solid #47ABA1;
}



#app.dark .tscroll table td:first-child, #app.dark .tscroll table th:first-child, #app.dark .tscroll, #app.dark table.table, #app.dark .tscroll table th, #app.dark .tgrid {
    background-color: #202020;
    background-color: var(--bg);
}

#app.dark .tscroll table tr:hover, 
#app.dark .tscroll table tr:hover td:first-child, 
#app.dark.not-mobile .tscroll.lock2cols table tr:hover td:nth-child(2),
#app.not-mobile .tscroll.lock3cols table tr:hover td:nth-child(2),
#app.not-mobile .tscroll.lock3cols table tr:hover td:nth-child(3){
    background: #303030;
}
#app.dark.not-mobile .tscroll.lock2cols table tr.selected:hover td:nth-child(2)
{
  background-color: #345c6a;
}

#app.dark .tscroll tr td,
#app.dark .tscroll tr th {
    color: #a8a8a8;
}
#app.dark.mobile .tscroll tr td,
#app.dark.mobile .tscroll tr th {
    color: #d1cdcd;
}

#app.dark .tscroll table tr td.colhover, #app.dark .tscroll table tr th.colhover {
    /* background: #303030; */
    background: #4b4b4b4d;
}

#app.dark[data-route-id="presentation"] .tscroll table tr th.colhover
 {
    /* background: #303030; */
    background: #2e2e2e;
}

#app.dark .tscroll table tr td.colhover:hover, #app.dark .tscroll table tr.selected td.colhover, #app.dark .tscroll table tr td:hover,#app.dark.not-mobile .tscroll.lock2cols table tr:hover td:hover:nth-child(2)  {
    background: #32788b;
    color: white;
}
#app.dark .tscroll table tr td.idCol:hover {
    background-color:inherit;
  
}

#app.dark .tscroll table tr td.colored {

    color: black;
}


#app.dark .tscroll table tr.selected,
#app.dark .tscroll table tr.selected td:first-child, .tscroll table tr.selected, .tscroll table tr.selected td:first-child, .tscroll table tr td.selected.colhover {
    background: hsl(195deg 34% 31%);
}

.tscroll > table.row-select > tbody > tr.new-row:hover > td:nth-child(1):before {
    display: none;    
}
.tscroll > table.row-select > tbody > tr.selected:hover > td:nth-child(1):before {
    background: #f1f2f2;    
}


#app.dark .tscroll tr.selected td,
#app.dark .tscroll tr.selected th,
.tscroll tr.selected td,
.tscroll tr.selected th  {
    color: #ffffff;
}

body #app[data-route="home"] .main-wrap.first {
    background:#e0e8eb;
  }
  body #app[data-route="home"] .main-wrap.second {
    background:#fff;
  }
  body #app[data-route="home"] .main-wrap.third {
    background:#e0e8eb;
  }
  

body #app[data-route="home"] #top {
    background-image: url("https://images.unsplash.com/photo-1505515888495-c1897b0b5740?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80");
  }
body #app.dark[data-route="home"] #startpage #top {
    background-image: url('https://catellaproperty.blob.core.windows.net/files/img/dark-bg-2.jpg');
}

body #app.dark[data-route="home"] p.hero-text {
    color: #fff;
    background: transparent;
}

#app.dark[data-route="home"] p.hero-text.white {
    color: #777;
}

#app.dark[data-route="home"] .main-wrap.first, 
#app.dark .contentarea-lightblue:nth-child(even) {
    background: transparent;

}

#app.dark[data-route="home"] .main-wrap.second, 
#app.dark .contentarea-lightblue:nth-child(odd) {
    background: #181818;
}


#app.dark[data-route="home"] .main-wrap.third {
    background: #121212;
    background: transparent;
}

#app.dark[data-route="home"] .hero {
    background: #2a2a2a;
}

#app.dark[data-route="home"] .contentarea-pink {
    background: #383838;
}

#app.dark[data-route="home"] .contentarea-pink p {
    color: #bebebe;
}



/* #app.dark[data-route="presentations"] .primarycontent>div:nth-child(1)>div:nth-child(1) .hero-image-cont.active {
    filter: brightness(0.2);
} */

#app[data-route="documents"] .entryblock.lightgrey-theme {
    background: #eaf0ef;
  }

  #app[data-route="documents"] .contentarea.main {
    background-image: url("https://images.unsplash.com/photo-1485628390555-1a7bd503f9fe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80");
  }

#app.dark[data-route="documents"] .documentlist li a, #app.dark[data-route="documents"] .documentlist div a, #app.dark[data-route="documents"] .entryblock.lightgreen-theme .entryblock-headline, #app.dark[data-route="documents"] .entryblock.lightgreen-theme .entryblock-text, #app.dark[data-route="documents"] .entryblock.lightgrey-theme .entryblock-headline, #app.dark[data-route="documents"] .entryblock.lightgrey-theme .entryblock-text {
    color: #f1f2f2;
}

#app.dark[data-route="documents"] .document span {
    color: #777;
}

#app.dark[data-route="documents"] .pdf a:after, #app.dark[data-route="documents"] .documentlist li.pdf a:after, #app.dark[data-route="documents"] .entryblock-headline:after {
    filter: brightness(8) saturate(2);
}

#app.dark[data-route="documents"] .focus div.pdf:nth-child(odd) {
    background: hsl(0deg 0% 11%);
}

#app.dark[data-route="documents"] .video div.document:nth-child(even) {
    background: #262627;
}

#app.dark[data-route="documents"] .contentarea.main {
    background-image: url('https://catellaproperty.blob.core.windows.net/files/img/docs-dark-bg-2.jpg');
    /* padding-top: 47px; */
}

#app.dark[data-route="documents"] .entryblock.lightgrey-theme, #app.dark[data-route="documents"] .entryblock.lightgreen-theme {
    background: #252526;
}

#app.dark[data-route="documents"] .block.entryblock.darkgreen-theme {
    opacity: .8;
    background-color: transparent;
}

#app.dark[data-route="documents"] .block.entryblock.darkgreen-theme,
#app.dark[data-route="documents"] .entryblock.darkgreen-theme, #app.dark[data-route="documents"] .entryblock.has-bgimage .entryblock-content {
    background-color: #000000;
}

#app.dark .pageheader-mainmenucontainer #menu-container.expanded:hover .submenu li.menu-item ion-icon {
    color: #777;
}

::-webkit-scrollbar {
    background-color: #8b8a8a17;
  background-color: transparent;
}
::-webkit-scrollbar-thumb{
  background:#8a8a8a94;border-radius:100px;
  background-clip:padding-box;
  border:2px solid transparent;
}
::-webkit-scrollbar:vertical {
    width:16px;
}

#app.dark ::-webkit-scrollbar {
    background-color: #252525;

}
#app.dark ::-webkit-scrollbar:horizontal {
    background-color: #252525;
    height:12px;
}

#app.dark ::-webkit-scrollbar-thumb{
  background:#adadad;border-radius:100px;background-clip:padding-box;border:2px solid transparent; }

#app.dark ::-webkit-scrollbar-thumb:vertical{
  height:60px;
  
}
#app.dark ::-webkit-scrollbar:vertical {
    width:12px;
}

#app.light[data-route="shareprice"] .contentarea.grey, #app.light[data-route="portfolioallocation"] .contentarea.grey {
    background-color: #f4f2ee;
  }
  #app[data-route="shareprice"] .block.entryblock.barchart {
    background-color: #fff;
  }

#app[data-route="shareprice"] .contentarea.top.beige {
    background-color: #f4f2ee;
}

#app.dark[data-route="shareprice"] .contentarea.top.beige, #app.dark[data-route="portfolioallocation"] .contentarea.grey {
    background-color: #181818;
}



#app.dark .contentarea .contentarea.top.split {
    background-color: #181818;
}

.charts-dashboard .contentarea.top {
    background-color: #dce6eb;
  }
  .charts-dashboard .split-cont,
  .charts-dashboard .contentarea {   
      background-color: white;
  }

  #app.dark .charts-dashboard .split-cont,
  #app.dark .charts-dashboard .contentarea {
      background-color: #181818;
  }

.chart-row .contentarea.grey {
    background-color: #dce6eb;
}

.chart-row .block.entryblock.white-theme {
    background: transparent;
}

.chart-row .block.entryblock.barchart {
    background-color: #fff;
}

.chart-row .close-chart:hover {
    color: #00455d;
}
#app.dark .chart-row .contentarea.split {
    background-color: hsl(0 0% 11% / 1); } #app.dark .chart-row .contentarea.grey {
    background-color: hsl(0deg 0% 14%);
}

#app.dark .chart-row .block.entryblock.barchart {
    background-color: #181818;
}

.chart-row .close-chart:hover {
    color: #00455d;
}
#app.dark .chart-row .close-chart:hover {
    color: #fff;
}
#app.dark .chart-row .close-chart.selected:hover {
    color: inherit;
}

#app.dark[data-route="modelcharts"] .contentarea, #app.dark[data-route="shareprice"] .contentarea {
    background-color: #191919;
}

#app.dark[data-route="shareprice"] .contentarea {
    background-color: #1b1b1b;
}

#app.dark[data-route="transaction"],
#app.dark[data-route="documents"] {
    background-image: linear-gradient(110deg, #080808 0%, #313131 74%); }

#app.dark[data-route="macrocharts"] .contentarea {
    background-color: #1b1b1b;
}

#app[data-route="projects"] .hero {
    background-color: #d7c3bc;
    height: 400px;
}

#app[data-route="projects"] .contentarea-pink {
    background: #efe7e4;
}

#app.dark[data-route="projects"] .contentarea-pink {
    background-color: #121212;
}
#app .contentarea-pink:nth-child(odd) {background-color: hsl(16 26% 96% / 1);}

#app.dark .contentarea-pink:nth-child(odd) {background-color: #222;}

#app.dark[data-route="projects"] .hero {
    background-image: linear-gradient(110deg, #080808 50%, #25211e 94%);

}

#app[data-route="contact"] .contentarea {
    background-color: #00455d;
}

#app[data-route="contact"] .contentarea.top.darkblue {
    background-color: #002b3a;
}

#app.dark[data-route="contact"] .contentarea.top.darkblue, #app.not-mobile.dark[data-route="contact"] .contentarea {
    background-image: linear-gradient(90deg, #050505 50%, #00151c 94%);
}
#app.dark.mobile[data-route="contact"] .contentarea.top.darkblue {
    background-image: none;
    background-color: transparent;
    z-index:1;
    padding-bottom: 100px;
}

#app.dark.mobile[data-route="contact"]:before {
  content: "";
    position: fixed;
display:block;
  top: 0;
bottom:0;
left: 0;
right:0;
  
  background-image: linear-gradient(180deg, #17171700 60vh, #2d7163 100vh);
  z-index: -2;
  opacity:.6;
  transition:opacity 1s ease-in-out;
}
#app.dark.pushed-up.mobile[data-route="contact"]:before {

  opacity:.1;
}
#app.dark.pushed-up.mobile[data-route="contact"]:after {

  opacity:.3;
}
#app.dark.mobile[data-route="contact"]:after {
  content: "";
    position: fixed;
display:block;
  top: 0;
bottom:0;
left: 0;
right:0;
  
  background-image: linear-gradient(223deg, #17171775 45vh, hsl(195deg 100% 50% / 46%) 100vh);
  z-index: -3;
  transition:opacity 1s ease-in-out;
}

#app.dark.mobile[data-route="contact"]{background-color: transparent !important;}

#app.dark.mobile[data-route="contact"] _{
  background-color:transparent;
  
  background-image: linear-gradient(223deg, #1717176b 40vh, hsl(195deg 90% 28% / 45%) 100vh);
  z-index:-1;
  
}


#app.dark.pushed-up_.mobile[data-route="contact"]
{filter: hue-rotate(46deg);}

#app.dark[data-route="contact"] .contentarea {
    background-color: transparent;
}

#app.dark .tgrid .pagination>.disabled>a, #app.dark .pagination>.disabled>a:hover, #app.dark .pagination>.disabled>a:focus, #app.dark .tgrid .pagination>li>a {
    background-color: #333;
    border-color: transparent;

}

#app.dark .tgrid .pagination>.active>a {
    background-color: #467d8f;
}



#app.dark.not-mobile .modal-cont.rightModalPanel.wide {

background-color: rgb(27 27 27);
}

#app.dark #map-cont > div {
    background-color: #242424 !important; }


#app.dark .multiselect-options::-webkit-scrollbar-thumb:vertical{
    background:#adadad;
    border-radius:10px;
    background-clip:padding-box;
    border:2px solid transparent;
    height:50px;
    width:5px;
  }
  #app.dark .multiselect-options::-webkit-scrollbar:vertical {
      background-color: #121212;
      width:12px;
  }



.tgrid .v3.filter-div.filter {
    margin: 0;
    display: inline-block;
    margin-bottom: -9px;
    margin-top: 0px;
    /* margin-right: -36px; */
    max-width: 100% !important;
    width: 100%;
}
app.dark .tgrid  .v3 .multiselect-input {
    background-color: transparent;
}
.tgrid .v3 .multiselect-input {
    min-height: 20px;
}
#app.dark .tgrid  .v3 .multiselect-input {
    background-color: transparent;
    /* overflow-x: hidden; */
}
.tgrid .v3 .multiselect-multiple-label, .tgrid .v3 .multiselect-placeholder, .tgrid .v3 .multiselect-single-label {
    padding-left: 0px;
    font-size: 18px;
}
.tgrid .v3 .is-multiple .multiselect-search input, .tgrid .v3 .is-single .multiselect-search input {padding: 0px 0px 0px 0px;/* width: 80%; *//* margin-top: -2px; */}

.tgrid .v3 .multiselect-options {
width:100%;
margin-top: 0px;    
margin-right: -31px;    
margin-left: -8px;
}

.tgrid .v3 .multiselect-option {
    min-height: 20px;
    padding: 4px 12px;
}

#app.dark .tgrid .v3 .multiselect-option.is-pointed, #app.dark .tgrid .v3 .multiselect-clear, #app.dark .tgrid .v3 .multiselect-options {
    background: #000000;
}

.tgrid .v3 .multiselect-input:before {
    display: none;
}
.tgrid .v3 .multiselect-input:after {
    position: relative;
    width: 7px;
    height: 7px;
    border-left: 2px solid grey;
    border-bottom: 2px solid grey;
    content: "";
    transform: rotate(-45deg);
    transition: none;
    display: block;
    margin-left: 11px;
    margin-top: -5px;
}
.tgrid .v3 * {
    transition:none !important;
}

.tgrid .tscroll table td ion-icon {
    padding-bottom: 0;
    vertical-align: middle;
    padding-left: 5px;
    margin-right: -10px;
    display: inline-block;
}

.tgrid .canEdit td span {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.tgrid .canEdit td:first-child span {
    display: inline;    
}

.tgrid .v3 .multiselect-options {
    
    right: auto;    
    white-space: nowrap;
    width: auto !important;
    max-width: 400px;    
}

 
.tgrid .v3 .multiselect-single-label {    
    margin-top:-1px
}



  
  .tgrid .canEdit table td.isChanged, .tgrid .edit-form input.isChanged {
    background-color: #3c7c3f !important;
    color: white !important;
    border: 1px solid hsl(123deg 35% 53%) !important;
  }
  
  .tgrid .canEdit table input[type="text"]:focus {
    background: #32788b !important;
    color: white !important;
    /* box-shadow: 2px 1px 0 0px #32788b; */
    /* border-color: #32788b !important; */
    outline: none;
  }
 

  
  .tgrid .canEdit table td.number input[type="text"] {
    max-width: 80px;
    float: right;
  }
  .tgrid .canEdit table td.number.isBoolean input[type="text"] {float: none;text-align: left;width: 60px !important;background: transparent;}

  .tscroll table td {
    border: 1px solid transparent;
    padding: 0 0;
  }
  
  .tscroll.canEdit table td {
    border: 1px solid #ffffff14;
    padding: 0 0;
  }

  #app.admin-interface .tscroll.canEdit table td {
    border: 1px solid #f2f2f2;
  }
  #app.dark.admin-interface .tscroll.canEdit table td {
    border: 1px solid #ffffff14;
  }
  
  .tscroll.canEdit table td.select {
    padding-right: 30px;
  }
  .in-edit td.select.hasSelect.mandatory {
    border-color: indianred;
    border-left:1.4px solid indianred;
    border-right: 1.4px solid indianred; }
  
  .tgrid select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
  }
  .tgrid select {
    text-transform: none;
    border-radius: 10%;
    border-color: #fff;
    padding: 5px;
  }
  
  .tgrid .form-control {
    border: none;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0;
  }
  .tgrid .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .tgrid .form-control:-ms-input-placeholder {
    color: #999;
  }
  .tgrid .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .tgrid .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .tgrid .form-control,
  .form-control:focus {
    box-shadow: none;
  }
  .tgrid select option:checked {
    display: none;
    display: none;
  }
  
  .tgrid .canEdit td.select span.down-icon {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      border-left: 2px solid grey;
      border-bottom: 2px solid grey;
      transform: rotate(-45deg);
      /* float: right; */
      /* margin-top: 7px; */
      /* margin-right: -20px; */
  } 

  .tgrid .canEdit td.select {
    padding-right: 30px;
 }
 .tgrid .canEdit td.select.hasSelect {
    padding-right: 0;
    /* overflow-x: clip; */
 }
 .tgrid .v3 .is-multiple .multiselect-search, 
 .tgrid .v3 .is-single .multiselect-search {   
     margin-right: -30px;
 }

 .tscroll.canEdit > table > tbody > tr > td.inEdit, #app.dark .tscroll.canEdit > table > tbody > tr > td.inEdit {
    border: 1px solid #ccdfe6 !important;
    background: hsl(193deg 47% 37%);
    color: white;
    max-width: 80px;
    /* overflow-x: hidden; */
  }

   .favourites .chart-box .close-chart.selected,
  .favourites .chart-box .close-chart.selected ion-icon.hydrated{
    opacity: .7;
    cursor: initial;

  } 

  .tgrid .canEdit table input[type="text"] {
    line-height: 20px;

      margin:0 1px;
      margin-right: 0;
  }

  /* .tgrid .canEdit table td.select span {
    padding-right: 6px;
} */