.tbr-icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 36px;
}
.tbr-icon.top-right {
  position: absolute;
  top: 15px;
  right: 15px;
}
.tbr-sluiten {
  background-image: url('../images/sluiten.png');
}
.tbr-workflow {
  background-image: url('../images/workflow.png');
}
/*.selected .tbr-workflow {
    background-image: url('../images/beheerselected.png');
}*/
.tbr-beheer {
  background-image: url('../images/beheer.png');
}
.selected .tbr-beheer {
  background-image: url('../images/beheerselected.png');
}
.tbr-declaratie {
  background-image: url('../images/declaratie.png');
}
.selected .tbr-declaratie {
  background-image: url('../images/declaratieselected.png');
}
.tbr-financieel {
  background-image: url('../images/financieel.png');
}
.selected .tbr-financieel {
  background-image: url('../images/financieelselected.png');
}
.tbr-rapportage {
  background-image: url('../images/rapportage.png');
}
.selected .tbr-rapportage {
  background-image: url('../images/rapportageselected.png');
}
.tbr-home {
  background-image: url('../images/home.png');
}
.selected .tbr-home {
  background-image: url('../images/homeselected.png');
}
/*.tbr-sluiten {
    background-image: url('../images/sluiten.png');
}

.tbr-home {
    background-image: url('../images/svg/Home.svg');
}

.selected .tbr-home {
    background-image: url('../images/svg/Home-selected.svg');
}

.tbr-declaratie {
    background-image: url('../images/svg/My-Claims.svg');
}

.tbr-financieel {
    background-image: url('../images/svg/Payments.svg');
}

.tbr-rapportage {
    background-image: url('../images/svg/Reporting.svg');
}

.tbr-beheer {
    background-image: url('../images/svg/Cogs.svg');
}*/
/*@import (reference) "variables.less";
.tbr-icon {
    position: relative;
    display: inline-block;
    width: 32px!important;
    height: 36px;
    top: -6px;
    color: @tbr-color-purple;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px !important;
    font-style: normal !important;
    text-align:center;

    
    &.top-right {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}
.selected {
    .tbr-icon {
        color: @tbr-color-white;
    }
}


.tbr-sluiten:before {
    font-size: 32px !important;
    content: "\f00d";
}


.tbr-home:before {
    content: "\f015";
}
.tbr-declaratie:before {
    font-weight: 400;
    content: "\f15c";
}
.tbr-financieel:before {
    content: "\f4c0"; //"\f3d1";
}
.tbr-rapportage:before {
    font-weight: 400;
    content: "\f080";
}

.tbr-beheer:before {
    content: "\f013";
}*/
body.Develope .vct-appheader,
body.Develope .organisatieinfo {
  background-color: #008dd5;
}
body.Test .vct-appheader,
body.Test .organisatieinfo {
  background-color: #f56476;
}
body.Accept .vct-appheader,
body.Accept .organisatieinfo {
  background-color: #B2D188;
}
body.Demo .vct-appheader,
body.Demo .organisatieinfo {
  background-color: chocolate;
}
/* extra color: #f56476, #008dd5, #dfbbb1, #B2D188*/
body {
  margin: 0;
  padding: 0;
  font-family: 'SourceSansProRegular' /*'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif*/;
  font-size: 14px;
  color: #000;
  /*TODO Aan Bas vragen of de overflow hidden uitzetten geen probleem is voor de app 22-11-2017*/
  overflow: hidden;
}
textarea {
  resize: none;
}
/* scsrollbars */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
/* Track */
::-webkit-scrollbar-track {
  border: 0px /*solid #eee*/;
  background-color: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border: 0px solid #eee;
  background: #82745b;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #fff;
}
input {
  font-size: 14px;
}
/* Victis app */
.vct-appheader {
  position: relative;
  background-color: #4E357A;
  vertical-align: middle;
  color: white;
  font-weight: normal;
  height: 60px;
  line-height: 60px;
  /*padding: 0px 10px;*/
}
.vct-appheader .vct-logo {
  /*padding: 5px 0px;*/
  display: inline-block;
  /*height: 36px;*/
  margin: 0px;
}
.vct-logo {
  /*
         background-color: #4C3476;
*/
  width: 245px;
  float: left;
  position: relative;
}
.vct-appheader .vct-separator {
  position: absolute;
  width: 1px;
  height: 28px;
  left: 175px;
  top: 4px;
  background-color: #FFF;
}
.vct-appheader .organisatieinfo {
  /*min-width: 250px;*/
  max-width: 50%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #4e357a;
  /*background-color: #E5E5E5;
        padding: 8px 30px 8px 15px;*/
  color: #fff;
  font-weight: normal;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 1049;
  transition-duration: 200ms;
  /*border-left: #777 solid 1pt;    */
  text-align: right;
  padding: 0px 50px;
}
.vct-appheader .pijl {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  right: 28px;
  top: 28px;
  transition-duration: 200ms;
}
.vct-appbody {
  position: absolute;
  top: 60px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
/* Office 365 look */
.vct-panelheader {
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: #fff;
  background-color: #82745B;
  padding: 0px 0px 0px 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  font-family: 'NeoSansProBold';
  font-size: 16px;
}
.vct-panelfooter {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #585858;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0px 22px;
  /*
    border-top: 1px solid #ccc;
*/
}
.vct-panelbody {
  /*overflow: hidden !important;*/
  overflow-x: hidden;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
#detailpanel .vct-panelbody {
  /*overflow-y:auto!important;*/
}
/* Layout panels */
.ui-splitbar {
  overflow: visible;
}
.ui-layout-column > .ui-splitbar {
  /*background-color: #AAA;*/
  width: 6px !important;
  border-left: 1px solid #aaa;
  background-color: rgba(0, 0, 0, 0);
}
.ui-layout-column .ui-splitbar:last-child {
  width: 0px !important;
}
.ui-layout-row > .ui-splitbar {
  /*background-color: #4E357A;*/
  height: 6px !important;
  border-top: 1px solid #4E357A;
  background-color: rgba(0, 0, 0, 0);
}
.ui-splitbar a {
  display: none;
}
/*.ui-layout-collapsed * {
    display: none;
}*/
.ui-splitbar {
  justify-content: flex-start;
}
.ui-splitbar a {
  margin: 0px -30px !important;
}
.ui-splitbar a {
  width: 30px;
  height: 30px;
}
#infopanel + .ui-splitbar a {
  display: none !important;
}
.refresh-button-bar {
  font-family: SourceSansProRegular;
  font-size: 13px;
  float: right;
  margin-right: 36px;
}
.declaratie-as-dialog {
  position: absolute;
  right: 60px;
  top: 6px;
  z-index: 2;
  color: white;
}
.view-content {
  height: 100%;
  position: relative;
}
.view-content .button-bar {
  height: 60px;
  position: absolute;
  bottom: 0;
}
.view-content .has-button-bar .form-panel {
  bottom: 60px;
}
.view-content.pdf-holder .toolbar {
  text-align: center;
  width: auto;
  transform: translateX(50%);
}
.items-grid .ui-grid-row,
.items-grid .ui-grid-cell,
.items-grid .ui-grid-canvas {
  height: auto !important;
  width: auto !important;
  cursor: default;
}
.items-grid .ui-grid-row:hover .ui-grid-cell .text-purple {
  color: #fff;
}
.vertical-borders {
  border-left: 1px solid #82745B;
  border-right: 1px solid #82745B;
}
#treepanel + .ui-splitbar a {
  display: block;
  color: #4E357A;
}
#treepanel.ui-layout-collapsed + .ui-splitbar a {
  margin: 0 -50px !important;
}
#treepanel + .ui-splitbar a:nth-child(2) {
  display: none !important;
}
#centerpanel + .ui-splitbar a {
  display: block;
  color: #fff;
}
#centerpanel + .ui-splitbar a:nth-child(1) {
  display: none !important;
}
.main-layout {
  overflow: hidden;
}
.ui-layout-column > .ui-splitbar > :first-child {
  left: 24px;
  position: relative;
  width: 35px;
}
.ui-layout-column > .ui-splitbar > :first-child .ui-splitbar-icon-left {
  color: #fff;
}
.ui-splitbar-icon {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-top: 10px;
  margin-left: 12px;
}
.ui-splitbar-icon-left {
  border-right: 5px solid;
}
.ui-splitbar-icon-right {
  border-left: 5px solid;
  position: relative;
  left: 6px;
}
/* Aanpassingen grafiek homepage */
svg.nvd3-svg {
  overflow: visible;
}
.nv-x.nv-axis.nvd3-svg text {
  transform: rotateZ(25deg);
  font-size: x-small;
  text-anchor: start !important;
}
text.nv-axislabel {
  display: none;
}
.fa-spin.ng-hide {
  display: none !important;
}
[ng-show="!showViewer"] {
  height: auto;
}
.DeclaratieList-Grid .fa-envelope,
.VerklaringenList-Grid .fa-envelope {
  color: #008dd5;
}
.DeclaratieList-Grid .ui-grid-cell:first-child,
.VerklaringenList-Grid .ui-grid-cell:first-child {
  padding-left: 0;
  /*.fa-envelope-open {
            color: @tbr-color-success;
        }*/
  /*
        .fa-empty {
            width: 20px;
        }*/
}
.DeclaratieList-Grid .ui-grid-cell:first-child .inline-block *,
.VerklaringenList-Grid .ui-grid-cell:first-child .inline-block * {
  display: inline-block;
}
.DeclaratieList-Grid .ui-grid-cell:first-child .ui-grid-cell-contents,
.VerklaringenList-Grid .ui-grid-cell:first-child .ui-grid-cell-contents {
  padding-left: 2px;
  padding-right: 2px;
}
.DeclaratieList-Grid .ui-grid-cell:first-child .fa,
.VerklaringenList-Grid .ui-grid-cell:first-child .fa {
  padding-left: 2px;
  padding-right: 2px;
  width: 20px;
  /*&:first-child {
                margin-left: 2px;
            }*/
}
.DeclaratieList-Grid .ui-grid-cell:first-child .fa-text,
.VerklaringenList-Grid .ui-grid-cell:first-child .fa-text {
  position: relative;
  left: -20px;
  transform: translateX(50%);
  color: #4C3476;
}
.DeclaratieList-Grid .ui-grid-row-selected .fa-envelope,
.VerklaringenList-Grid .ui-grid-row-selected .fa-envelope {
  color: #008dd5;
}
.vct-grid.h-100 {
  height: 100%!important;
}
.validatieRegelsLG .ui-grid-cell > * {
  display: inline;
}
.panel-heading-iconbar {
  display: inline-block;
  position: relative;
  top: -5px;
  right: -5px;
}
.panel-heading-iconbar > * {
  text-align: center;
  width: 29px;
  height: 29px;
}
.panel-heading-iconbar .icon {
  padding: 5px;
}
/*
@keyframes tbr-notities-alert {
    from {
        background: linear-gradient(to right, @tbr-color-purple 0%, @tbr-color-purple 100%), linear-gradient(to top, @tbr-color-purple 50%, transparent 50%), linear-gradient(to top, @tbr-color-purple 50%, transparent 50%), linear-gradient(to right, @tbr-color-purple 0%, @tbr-color-purple 100%), linear-gradient(to left, @tbr-color-purple 0%, @tbr-color-purple 100%);
        background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
        background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
        background-repeat: no-repeat, no-repeat;
        transform: scaleX(0) rotate(180deg);
        transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
        transition-delay: 0.4s, 0.2s, 0s;
    }

    to {
        background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
        background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
        transform: scaleX(1) rotate(180deg);
        transition-delay: 0s, 0.2s, 0.4s;
    }
}

*/
tbr-notities {
  /*
    .notitiecontent:before {
        content: "";
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        top: calc(2px/-1);
        left: calc(2px/-1);
        background: linear-gradient(to right, @tbr-color-purple 0%, @tbr-color-purple 100%), linear-gradient(to top, @tbr-color-purple 50%, transparent 50%), linear-gradient(to top, @tbr-color-purple 50%, transparent 50%), linear-gradient(to right, @tbr-color-purple 0%, @tbr-color-purple 100%), linear-gradient(to left, @tbr-color-purple 0%, @tbr-color-purple 100%);
        background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
        background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
        background-repeat: no-repeat, no-repeat;
        transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
        transform: scaleX(0) rotate(0deg);
        transition-delay: 0.6s, 0.3s, 0s;
    }

    .notitiecontent.ng-enter:before {
        background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
        background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
        transform: scaleX(1) rotate(0deg);
        transition-delay: 0s, 0.3s, 0.6s;
    }
*/
  /*.notitiecontent:nth-of-type(3) {
        position: relative;
        align-self: flex-end;
    }

    .notitiecontent:nth-of-type(3):before {
        content: "";
        position: absolute;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        top: calc(10px/-1);
        left: calc(10px/-1);
        -webkit-mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
        mask: linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to top, #000 50%, transparent 50%), linear-gradient(to right, #000 0%, #000 100%), linear-gradient(to left, #000 0%, #000 100%);
        -webkit-mask-size: 100% 10px, 10px 200%, 10px 200%, 0% 10px, 0% 10px;
        mask-size: 100% 10px, 10px 200%, 10px 200%, 0% 10px, 0% 10px;
        -webkit-mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
        mask-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
        -webkit-mask-repeat: no-repeat, no-repeat;
        mask-repeat: no-repeat, no-repeat;
        transition: transform 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, mask-position 0.4s ease-in-out, mask-size 0.4s ease-in-out, -webkit-mask-position 0.4s ease-in-out, -webkit-mask-size 0.4s ease-in-out;
        transform: scaleX(0) rotate(0deg);
        transition-delay: 0.8s, 0.4s, 0s;
        background: linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080);
    }

    .notitiecontent:nth-of-type(3):hover:before {
        -webkit-mask-size: 200% 10px, 10px 400%, 10px 400%, 55% 10px, 55% 10px;
        mask-size: 200% 10px, 10px 400%, 10px 400%, 55% 10px, 55% 10px;
        -webkit-mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
        mask-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
        transform: scaleX(1) rotate(0deg);
        transition-delay: 0s, 0.4s, 0.8s;
    }*/
}
tbr-notities .notitiecontent {
  padding: 0px 10px;
  clear: both;
  margin-bottom: 3px;
  margin-top: 3px;
  position: relative;
  font-size: 12px;
  transition: background-color linear 1s;
}
tbr-notities .notitiecontent.ng-leave {
  display: none;
}
tbr-notities .notitiecontent .hrule {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #ddd;
  background-color: #eeeeee;
  height: 1px;
  border: 0px;
}
tbr-notities .buttonmaaknotitie {
  color: #555;
  font-size: 14px;
  width: 100%;
  text-align: right;
  vertical-align: middle;
  height: 100%;
  line-height: 24px;
  cursor: pointer;
}
tbr-notities .notitiecontent {
  padding: 5px;
  position: relative;
  margin: 5px;
}
tbr-notities .notitiecontent:before {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: calc(4px/-1);
  left: calc(4px/-1);
  background: linear-gradient(to right, #4C3476 0%, #4C3476 100%), linear-gradient(to top, #4C3476 50%, transparent 50%), linear-gradient(to top, #4C3476 50%, transparent 50%), linear-gradient(to right, #4C3476 0%, #4C3476 100%), linear-gradient(to left, #4C3476 0%, #4C3476 100%);
  background-size: 100% 4px, 4px 200%, 4px 200%, 0% 4px, 0% 4px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transform: scaleX(0) rotate(180deg);
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
  transition-delay: 0.4s, 0.2s, 0s;
}
tbr-notities .notitiecontent.ng-enter:before {
  background-size: 200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(180deg);
  transition-delay: 0s, 0.2s, 0.4s;
  animation: tbr-notities-alert 2s;
  animation-iteration-count: 3;
}
/* icon */
.fa-icon {
  border: 0px;
  cursor: pointer;
  text-align: center;
  font-size: 1.33333333em;
  /*
    vertical-align: middle;
*/
  font-size: 16px;
}
/* icons in de titel */
.ttlgroup {
  /*
    color: #fff/*555!1!;
*/
  float: left;
  margin: 0px;
  padding: 0px 10px;
  cursor: pointer;
  line-height: 26px;
  height: 26px;
}
.ttlgroup .fa-icon {
  /*
        vertical-align: middle;
*/
  line-height: 26px;
}
.ttlgroup:disabled {
  color: #ccc;
}
.ttlgroup:hover {
  /*background-color: #CCE6F7;*/
}
.ttlgroup.nohover:hover {
  background-color: transparent;
}
.ttlgroup:disabled:hover {
  background-color: transparent;
}
button.ttlgroup {
  border: 0px;
  background: none;
}
.ttlgroup span {
  font-size: 14px;
  margin-left: 5px;
  /*
        vertical-align: middle;
*/
  text-transform: none;
}
.ttlseparator {
  float: left;
  height: 19px;
  border-left: 1px solid #fff /*CCC*/;
  margin: 4px 0px;
  display: none;
}
/* toolbar */
nav.toolbar {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  /*    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
  width: 100%;
}
.tab-pane nav.toolbar {
  border-top: 0px;
}
.vct-panelbody .toolbar .tbgroup,
.modal-body .toolbar .tbgroup {
  float: left;
  margin: 5px;
  padding: 0px 8px;
  cursor: pointer;
  line-height: 26px;
  height: 30px;
}
.tbgroup:hover {
  /*background-color: #CCE6F7;*/
}
.tbgroup.nohover:hover {
  background-color: transparent;
}
.tbgroup:disabled {
  color: #ccc;
}
.tbgroup.primary:disabled {
  color: #fff;
}
.tbgroup.primary:disabled {
  background-color: rgba(78, 53, 122, 0.5);
}
.tbgroup.primary:disabled:hover,
.tbgroup:disabled:hover {
  background-color: transparent;
}
button.tbgroup {
  border: 0px;
  background: none;
  line-height: 30px;
}
.tbgroup input {
  padding: 2px;
  border: 1px solid #CCC;
  height: 24px;
  line-height: 21px;
  margin: 3px 0px;
  font-size: 11px;
}
.toolbar .tbgroup span {
  margin-left: 5px;
  font-size: 12px;
}
.btnseparator {
  float: left;
  height: 19px;
  border-left: 1px solid #CCC;
  margin: 10px 0px;
  display: none;
}
.vct-panelbody .tbgroup,
.vct-appheader .tbgroup,
.vct-panelfooter .tbgroup {
  font-family: 'NeoSansProBold';
  height: 37px;
  margin: 11px;
  padding: 0px 15px;
}
.vct-panelbody .tbgroup span.vct-appheader .tbgroup span,
.vct-panelfooter .tbgroup span {
  font-size: 16px;
}
.vct-appheader .tbgroup {
  background-color: white;
  color: #4E357A;
}
.vct-panelbody .tbgroup,
.vct-panelfooter .tbgroup {
  background: none;
  color: #82745B;
}
.vct-panelfooter .tbgroup {
  float: right;
}
.vct-panelbody .tbgroup:hover,
.vct-panelfooter .tbgroup:hover {
  background-color: #eee;
}
.vct-panelbody .tbgroup.primary,
.vct-panelfooter .tbgroup.primary {
  background-color: #4E357A;
  color: #fff;
}
.vct-panelfooter .tbgroup:disabled {
  color: #ccc;
}
.vct-panelfooter .tbgroup.primary:disabled {
  color: #fff;
}
.vct-panelfooter .tbgroup.primary:disabled {
  background-color: rgba(78, 53, 122, 0.5);
}
.vct-panelfooter .tbgroup.primary:disabled:hover {
  background-color: rgba(78, 53, 122, 0.5);
}
.vct-panelfooter .tbgroup:disabled:hover {
  background-color: transparent;
}
.vct-panelfooter .tbgroup {
  float: right;
}
.vct-panelfooter .tbgroup .fa {
  /*display: none;*/
}
.toolbar .tbgroup .fa {
  /*display: block;*/
}
.toolbar .tbgroup:disabled {
  color: #eee;
}
.toolbar .fa-icon {
  /*
    font-size: 18px;
    padding: 10px;
*/
}
.toolbar .ttlseparator,
.toolbar .btnseparator {
  display: block;
  border-color: #82745B;
}
tbr-main-menu .tbgroup {
  font-family: 'NeoSansProBold';
  height: 37px;
  margin: 11px;
  padding: 0px 15px;
  line-height: 26px;
}
tbr-main-menu .tbgroup span {
  font-size: 16px;
}
/* Upload knop */
.uploadcontrol {
  position: absolute;
  top: 6px;
  left: 190px;
  cursor: pointer;
  color: #FFF;
  line-height: 24px;
  vertical-align: middle;
  font-size: 14px;
}
.uploadicon {
  float: left;
  margin-right: 10px;
  border: 2px solid #FFF;
  border-radius: 13px;
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  font-size: 25px;
  padding: 0px;
}
/* Upload control */
/*    input[type=file]
    {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        cursor: pointer;
        z-index: 9999;
        overflow: hidden;
    }*/
.loader {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.loader:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f4f4f4, #ccc, #f4f4f4);
  -webkit-animation: spin 1.5s infinite linear;
}
.loader:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f4f4f4;
  overflow: hidden;
}
@-webkit-keyframes spin {
  from {
    transform: translate(-200%, 0);
  }
  to {
    transform: translate(100%, 0);
  }
}
.treeview {
  padding: 0px;
  margin: 10px 20px;
  list-style: none;
  /* padding-left: 6px; */
}
.treeview ul {
  padding: 0px;
  margin: 0px;
  margin-left: 16px;
  list-style: none;
  clear: both;
  background-color: white;
  margin-top: 0px;
  white-space: nowrap;
}
.treeview li {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* expanded collapsed icon */
.treeview .hitarea {
  height: 16px;
  width: 16px;
  /*
        margin-right: -20px;
*/
  margin-top: -23px /*4px*/;
  float: left;
  cursor: pointer;
  position: absolute /*relative*/;
}
.treeview .hitarea.expandable-hitarea:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 6px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #454545;
  border-style: solid;
  border-width: 5px;
}
.treeview .hitarea.selected.expandable-hitarea:before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
.treeview .hitarea.expandable-hitarea:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
  border-style: solid;
  border-width: 3px;
}
.treeview .hitarea.collapsable-hitarea:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #454545;
  border-style: solid;
  border-width: 5px 5px;
  transform: rotate(45deg);
}
.treeview .hitarea.selected.collapsable-hitarea:before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
.treeview .hitarea.collapsable-hitarea-white:before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #454545;
  border-style: solid;
  border-width: 5px 5px;
  transform: rotate(45deg);
}
.treeview .hitarea.selected.collapsable-hitarea-white:before {
  /*border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #454545;        */
}
/*
.treeview .expandable-hitarea { background-position: -80px -3px; }
*/
.treeview .node {
  height: 26px;
  margin: 0px 0px 0px 22px;
  display: block;
  cursor: default;
  white-space: nowrap;
  /*background: none !important;*/
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.treeview .node div:first-of-type {
  position: relative;
  display: inline;
  line-height: 24px;
  /* 2 pixels minder dan zijn parent om hem iets naar boven uit te lijnen */
}
.treeview i {
  margin-right: 5px;
  font-size: 14px;
  width: 15px;
  text-align: center;
}
.treeview .placeholder {
  height: 16px;
  width: 16px;
  display: block;
}
.treeview .selected {
  font-weight: bold;
  color: #fff;
}
.treeview .selected:before {
  pointer-events: none;
  content: '';
  background-color: #4E357A /*rgba(0, 0, 0, 0.1)*/;
  height: 25px;
  position: absolute;
  left: 20px;
  right: 20px;
}
.treeview .accordion.selected:before {
  height: 45px;
  position: absolute;
  left: 10px;
  right: 10px;
}
.treeview .selected-white {
  font-weight: bold;
  color: #4E357A;
  background-color: #fff;
}
.treeview .selected-white:before {
  pointer-events: none;
  content: '';
  height: 25px;
  position: absolute;
  left: 20px;
  right: 20px;
}
/*.treeview #rowtext:hover
{
    background-color: #CCE6F7;
    font-weight: bold;
    height: 18px;
    position: absolute;
    left: 5px;
    right: 5px;
}*/
ul.treeview li {
  font-family: 'SourceSansProRegular';
  font-size: 14px;
}
ul.treeview li.accordion {
  font-family: 'NeoSansProBold';
  font-size: 15px;
}
ul.treeview li.accordion > .node {
  height: 45px;
  line-height: 45px;
  margin: 0px;
}
ul.treeview li.accordion > .node i {
  background-size: 26px 30px;
  background-repeat: no-repeat;
  width: 25px;
  position: relative;
  vertical-align: middle;
}
.ui-grid-viewport {
  overflow: auto !important;
}
.ui-grid-row:hover .ui-grid-cell {
  background-color: #D2E3EC !important;
}
/* Standaard filterbox uitzetten */
/*
.ui-grid-filter-container
{
    display: none;
}
*/
.ui-grid-align {
  text-align: center;
}
.vct-grid {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: inherit !important;
}
/*
body {
}

.logoheader {
    height: 75px;
    width: 100%;
    display: table;
    background: url('../images/TBR.png') no-repeat;
    margin-bottom: 5px;
}

.logoheader span {
    font-size: 25pt;
    text-align: center;
     color: #4e357a;
    display: table-cell;
    vertical-align: bottom;
}

.welkomstbox {
    background-color: #4e357a;
}

.welkomsttekst {
    color: white;
    padding: 15px;
    font-weight: 500;
    text-align: justify;
}

/* Headers !1!
.aanvraagSub {
    margin-top: 15px;
    font-style: italic;
}

input[type=radio] {
    margin: 0px 15px 0px 0px;
}

input[type=radio] span {
     margin-left: 10px;
}

*/
/*#B2D188;*/
/*#E4916B;*/
/*#E2D575;*/
/*@columns:12;*/
/*!
 * ui-grid - v3.0.0-rc.20 - 2015-02-24
 * Copyright (c) 2015 ; License: MIT 
 */
.ui-grid {
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.ui-grid-row:hover .ui-grid-cell {
  background-color: #6e4bab !important;
  color: #fff !important;
}
.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: rgba(0, 0, 0, 0);
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: rgba(0, 0, 0, 0);
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0);
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "";
  display: table;
}
.ui-grid-clearfix:after {
  clear: both;
}
.ui-grid-invisible {
  visibility: hidden;
}
.ui-grid-top-panel-background {
  background: #fff;
  /*
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
*/
}
.ui-grid-header {
  /*    border-bottom: 1px solid #ccc;
    border-top: 1px solid #CCC;*/
  box-sizing: content-box;
  color: #fff;
  border-bottom: 1px solid #4E357A;
}
.modal-dialog .tab-pane {
  height: 100%;
}
.tab-pane {
  overflow-y: auto;
  min-height: 100%;
}
.tab-pane > ng-include {
  width: 100%;
  height: 100%;
}
.tab-pane > * {
  height: 100%!important;
  position: relative;
  display: block;
}
.tab-pane > *:first-child:last-child {
  /*            position:absolute;*/
  width: 100%;
}
#detailpanel .tab-pane > *:first-child:last-child {
  position: absolute;
}
.tab-pane .ui-grid-header {
  color: #333;
}
.ui-grid-top-panel {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background: #82745B;
  /*
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tab-pane .ui-grid-top-panel {
  background-color: #fff;
}
.ui-grid-header-viewport {
  overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}
.ui-grid-header-canvas:after {
  clear: both;
}
.ui-grid-header-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}
.ui-grid-header-cell-row {
  font-weight: normal;
  /*text-transform: uppercase;*/
  display: table-row;
}
.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: inherit;
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0);
  display: table-cell;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}
.ui-grid-header-cell:first-child {
  padding-left: 16px;
}
.ui-grid-header-cell:last-child {
  border-right: 0;
}
.ui-grid-header-cell .sortable {
  cursor: pointer;
}
.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}
.ui-grid-column-menu-button {
  position: absolute;
  right: 1px;
  top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}
.ui-grid-column-menu-button-last-col {
  /*margin-right: 25px;*/
}
.ui-grid-column-menu {
  position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.05s linear;
  -moz-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  display: block !important;
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.05s linear;
  -moz-transition: all 0.05s linear;
  -o-transition: all 0.05s linear;
  transition: all 0.05s linear;
  display: block !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.ui-grid-filter-container {
  padding: 0px 5px 5px 0px;
  position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 26px;
  margin-top: -16px;
  right: 10px;
  opacity: 0.66;
  color: #000;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 26px;
  margin-top: -17px;
  right: 2px;
  opacity: 0.66;
  color: #000;
}
.ui-grid-filter-container .ui-grid-filter-button-date [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 26px;
  margin-top: -17px;
  right: 8px;
  opacity: 0.66;
  color: #000;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  opacity: 1;
}
input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-filter-select {
  color: #000;
  padding: 0;
  margin: 0;
  border: 0 !important;
  width: 100%;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/*    input[type="text"].ui-grid-filter-input:hover
    {
        border: 1px solid rgba(0,0,0,0);
    }*/
.ui-grid-render-container {
  position: inherit;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-render-container:focus {
  outline: none;
}
.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.ui-grid-viewport :focus {
  outline: none;
}
.ui-grid-canvas {
  position: relative;
  padding-top: 1px;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #eee;
}
.ui-grid-cell:first-child {
  padding-left: 16px;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: rgba(0, 0, 0, 0);
  border-bottom-style: solid;
}
.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background: #fff;
  /*
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
*/
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 2em;
  text-align: center;
}
.ui-grid-no-row-overlay > * {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.66;
}
.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
.ui-grid-cell:last-child {
  border-right: 0;
}
.ui-grid-cell-contents {
  /*padding: 5px;*/
  padding: 3px 20px 7px 0px;
  /* door het lettertype is de padding 2px naar boven bijgesteld */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}
.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}
.ui-grid-row-header-cell {
  background-color: #F0F0EE !important;
  border-bottom: solid 1px rgba(0, 0, 0, 0);
}
.ui-grid-footer-panel-background {
  background: #fff;
  /*
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
*/
}
.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-top: 1px solid rgba(0, 0, 0, 0);
  overflow: hidden;
  font-weight: bold;
  background: #fff;
  /*
  background: #f3f3f3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
  background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
*/
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-grid-footer {
  float: left;
  width: 100%;
}
.ui-grid-footer-viewport {
  overflow: hidden;
}
.ui-grid-footer-canvas {
  position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}
.ui-grid-footer-canvas:after {
  clear: both;
}
.ui-grid-footer-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}
.ui-grid-footer-cell-row {
  display: table-row;
}
.ui-grid-footer-cell {
  overflow: hidden;
  background-color: inherit;
  border-right: 1px solid;
  border-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  display: table-cell;
}
.ui-grid-footer-cell:last-child {
  border-right: 0;
}
input[type="text"].ui-grid-filter-input {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input {
  padding: 3px;
  border: 1px solid #ccc;
  color: #000;
}
.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  /*
    background: #fff;
*/
  cursor: pointer;
  min-height: 27px;
  font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
  margin: 4px 0px;
  background-color: #82745B;
  color: #fff;
}
.tab-pane .ui-grid-menu-button .ui-grid-icon-container {
  background-color: #fff;
  color: #333;
}
.ui-grid-menu-button .ui-grid-menu {
  right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  /*            overflow-y: auto;
            overflow-x: hidden;
            max-height: 300px;*/
  border: 0px;
  /*            -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
}
.ui-grid-menu {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  padding: 0 10px 20px 10px;
  cursor: pointer;
  box-sizing: content-box;
}
.ui-grid-menu .ui-grid-menu-inner {
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0px;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /*        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
}
.ui-grid-menu .ui-grid-menu-inner ul {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  margin: 1px;
  padding: 0;
  list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
  /*padding: 8px;*/
  padding-right: 25px;
  cursor: pointer;
}
.ui-grid-menu .ui-grid-menu-inner ul li:hover {
  /*                    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);*/
  background-color: #ddd;
}
.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  /*
                    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
*/
  background-color: #f4f4f4;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
button.ui-grid-menu-item {
  /*width: 100%;*/
  padding: 8px;
  margin: 0px;
  border: 0;
  background-color: transparent;
}
.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}
.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@font-face {
  font-family: 'ui-grid';
  src: url('ui-grid.eot');
  src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
  width: 1em;
  content: ' ';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
  float: right !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}
.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-left: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  left: 0;
  right: auto;
  background: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  min-height: 27px;
  font-weight: normal;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  left: 0;
  right: auto;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial;
  left: 0;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  right: initial;
  left: 10px;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-cell-focus {
  outline: 0;
  background-color: #b3c4c7;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
div.ui-grid-cell input {
  border-radius: inherit;
  padding: 0;
  width: 100%;
  color: inherit;
  height: auto;
  font: inherit;
  outline: none;
}
div.ui-grid-cell input:focus {
  color: inherit;
  outline: none;
}
div.ui-grid-cell input[type="checkbox"] {
  margin: 9px 0 0 6px;
  width: auto;
}
div.ui-grid-cell input.ng-invalid {
  border: 1px solid #fc8f8f;
}
div.ui-grid-cell input.ng-valid {
  border: 1px solid rgba(0, 0, 0, 0);
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.movingColumn {
  position: fixed;
  border: 0px solid rgba(0, 0, 0, 0);
  /*box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);*/
  background-color: rgba(0, 0, 0, 0.05);
}
.movingColumn .ui-grid-icon-angle-down {
  display: none;
}
.ui-grid-pager-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3px 5px;
  background-color: rgba(182, 166, 213, 0.12);
  color: #82745B;
  font-family: SourceSansProRegular;
  font-size: 12px;
}
.ui-grid-pager-container {
  float: left;
  padding-top: 1px;
}
.ui-grid-pager-control {
  margin-right: 10px;
  margin-left: 10px;
  min-width: 135px;
  float: left;
}
.ui-grid-pager-control button {
  height: 25px;
  min-width: 26px;
  background-color: transparent;
  border: 0;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.ui-grid-pager-control input {
  height: 26px;
  width: 50px;
  padding-left: 4px;
}
.ui-grid-pager-control .first-bar {
  width: 10px;
  border-left: 2px solid #82745B;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}
.ui-grid-pager-control .first-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #82745B transparent transparent;
  margin-left: 2px;
}
.ui-grid-pager-control .next-triangle {
  margin-left: 1px;
}
.ui-grid-pager-control .prev-triangle {
  margin-left: 0;
}
.ui-grid-pager-control .last-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #82745B;
  margin-left: -1px;
}
.ui-grid-pager-control .last-bar {
  width: 10px;
  border-left: 2px solid #82745B;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}
.ui-grid-pager-row-count-picker {
  float: left;
}
.ui-grid-pager-row-count-picker select {
  height: 26px;
  width: 60px;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
  margin-top: 3px;
}
.ui-grid-pager-count-container {
  float: right;
  margin-top: 4px;
  min-width: 50px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-pinned-container {
  float: left;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: rgba(0, 0, 0, 0);
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
  background-color: rgba(0, 0, 0, 0);
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  left: -1px;
  width: 1px;
  background-color: #aeaeae;
}
/*.ui-grid-render-container-body {
    float: left;
}*/
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-column-resizer {
  top: 0;
  bottom: 0;
  width: 5px;
  position: absolute;
  cursor: col-resize;
}
.ui-grid-column-resizer.left {
  left: 0;
}
.ui-grid-column-resizer.right {
  right: 0;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid rgba(0, 0, 0, 0);
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.ui-grid.column-resizing {
  cursor: col-resize;
}
.ui-grid.column-resizing .ui-grid-resize-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #aeaeae;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row-saving .ui-grid-cell {
  color: #848484 !important;
}
.ui-grid-row-dirty .ui-grid-cell {
  color: #610b38;
}
.ui-grid-row-error .ui-grid-cell {
  color: #ff0000 !important;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.ui-grid-row-selected > [ui-grid-row] > div > .ui-grid-cell {
  background-color: #4E357A !important;
  color: #fff;
}
.ui-grid-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ui-grid-selection-row-header-buttons {
  cursor: pointer;
  opacity: 0.1;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  opacity: 1;
}
.ui-grid-selection-row-header-buttons.ui-grid-all-selected {
  opacity: 1;
}
.ui-grid-icon-plus-squared:before {
  content: '\c350';
}
/* '썐' */
.ui-grid-icon-minus-squared:before {
  content: '\c351';
}
/* '썑' */
.ui-grid-icon-search:before {
  content: '\c352';
}
/* '썒' */
.ui-grid-icon-cancel:before {
  content: '\c353';
}
/* '썓' */
.ui-grid-icon-info-circled:before {
  content: '\c354';
}
/* '썔' */
.ui-grid-icon-lock:before {
  content: '\c355';
}
/* '썕' */
.ui-grid-icon-lock-open:before {
  content: '\c356';
}
/* '썖' */
.ui-grid-icon-pencil:before {
  content: '\c357';
}
/* '썗' */
.ui-grid-icon-down-dir:before {
  content: '\c358';
}
/* '썘' */
.ui-grid-icon-up-dir:before {
  content: '\c359';
}
/* '썙' */
.ui-grid-icon-left-dir:before {
  content: '\c35a';
}
/* '썚' */
.ui-grid-icon-right-dir:before {
  content: '\c35b';
}
/* '썛' */
.ui-grid-icon-left-open:before {
  content: '\c35c';
}
/* '썜' */
.ui-grid-icon-right-open:before {
  content: '\c35d';
}
/* '썝' */
.ui-grid-icon-angle-down:before {
  content: '\c35e';
}
/* '썞' */
.ui-grid-icon-filter:before {
  content: '\c35f';
}
/* '썟' */
.ui-grid-icon-sort-alt-up:before {
  content: '\c360';
}
/* '썠' */
.ui-grid-icon-sort-alt-down:before {
  content: '\c361';
}
/* '썡' */
.ui-grid-icon-ok:before {
  content: '\c362';
}
/* '썢' */
.ui-grid-icon-menu:before {
  content: '\c363';
}
/* '썣' */
.ui-grid-icon-spin5:before {
  content: '\ea61';
}
/* '' */
/*
.ui-grid-viewport {
    height:auto!important;
}*/
/* bootstrap overrules */
.row {
  /*margin-right: -10px;
    margin-left: -10px;*/
  padding: 0px 5px;
}
.nav-tabs {
  background-color: #82745B;
  padding: 0px 5px 0px 16px;
  border-bottom: 1px solid #4E357A;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: underline;
  background: none;
}
.nav > li.active > a:focus,
.nav > li.active > a:hover {
  text-decoration: none;
}
.nav-tabs > li > a {
  padding: 5.5px 12px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #fff;
  border: 0px !important;
}
.tab-content {
  /*position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
  height: calc(100% + -32px);
  position: absolute;
  display: block;
  width: 100%;
  overflow-y: auto;
}
.tab-content .form-horizontal.form-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.form-horizontal.form-panel {
  position: relative;
  padding: 10px;
  /*position: absolute;*/
  /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 15px;
    overflow-y: scroll;
    overflow-x: auto;*/
  /*.form-horizontal.form-panel {
        overflow:hidden;
    }*/
}
.form-horizontal.form-panel .form-group {
  margin-right: 0px;
  margin-left: 0px;
}
.form-horizontal.form-panel .tbgroup {
  background-color: #4E357A;
  font-family: 'NeoSansProBold';
  color: white;
  margin: 0px 10px;
  height: 30px;
  white-space: nowrap;
}
.modal-backdrop {
  bottom: 0;
  z-index: 1059;
}
.modal-dialog {
  z-index: 1060;
  width: 750px;
  max-width: calc(100% - 20px);
}
.modal-dialog .modal-content tbr-dialog .tab-content {
  position: absolute;
  overflow-y: auto;
  overflow-x: auto;
}
.modal.lg .modal-dialog {
  width: 1550px;
  height: 80vh;
}
.modal.lg .modal-dialog,
.modal.hg .modal-dialog,
.modal.max .modal-dialog {
  width: 1550px;
  height: 80vh;
}
.modal.lg .modal-dialog .modal-content,
.modal.hg .modal-dialog .modal-content,
.modal.max .modal-dialog .modal-content {
  height: 100%;
}
.modal.lg .modal-dialog .modal-content .form-horizontal.form-panel,
.modal.hg .modal-dialog .modal-content .form-horizontal.form-panel,
.modal.max .modal-dialog .modal-content .form-horizontal.form-panel {
  position: absolute;
  height: 100%;
}
.modal.lg .modal-dialog .modal-content:nth-last-child(1),
.modal.hg .modal-dialog .modal-content:nth-last-child(1),
.modal.max .modal-dialog .modal-content:nth-last-child(1) {
  height: calc(-55px + 100%);
}
.modal.lg .modal-dialog .modal-content > :first-child:not(.modal-header),
.modal.hg .modal-dialog .modal-content > :first-child:not(.modal-header),
.modal.max .modal-dialog .modal-content > :first-child:not(.modal-header) {
  height: 100%;
}
.modal.lg .modal-dialog .modal-content .modal-body,
.modal.hg .modal-dialog .modal-content .modal-body,
.modal.max .modal-dialog .modal-content .modal-body,
.modal.lg .modal-dialog .modal-content .modal-body > form,
.modal.hg .modal-dialog .modal-content .modal-body > form,
.modal.max .modal-dialog .modal-content .modal-body > form {
  height: 100%;
}
.modal.lg .modal-dialog .modal-content .modal-body:nth-last-child(2),
.modal.hg .modal-dialog .modal-content .modal-body:nth-last-child(2),
.modal.max .modal-dialog .modal-content .modal-body:nth-last-child(2),
.modal.lg .modal-dialog .modal-content .modal-body:nth-child(2),
.modal.hg .modal-dialog .modal-content .modal-body:nth-child(2),
.modal.max .modal-dialog .modal-content .modal-body:nth-child(2) {
  height: calc(-55px + 100%);
}
.modal.hg .modal-dialog,
.modal.max .modal-dialog {
  transition: width ease-out 0.3s, height ease-out 0.3s;
}
.modal.hg.minimalized .modal-dialog,
.modal.max.minimalized .modal-dialog {
  height: 30px;
  width: 100px;
  top: 0px;
  right: 0px;
  overflow: hidden;
}
.modal.hg .modal-dialog {
  /*        top: 0;*/
  width: 99vw;
  height: calc(-50px + 99vh);
  right: 0;
  transition: width ease-out 0.3s, height ease-out 0.3s, right ease-out 0.3s, top ease-out 0.3s;
}
.modal.hg.minimalized .modal-dialog {
  right: calc(50px + -50%);
}
.modal.max .modal-dialog {
  /*top: 0;*/
  width: 100%;
  height: 100%;
  right: 0px;
  margin: 0 !important;
  max-width: none !important;
  position: absolute;
}
.modal.max .modal-dialog .modal-content {
  height: 100% !important;
}
.modal.max .modal-dialog .modal-content .modal-body:nth-last-child(2),
.modal.max .modal-dialog .modal-content .modal-body:nth-child(2) {
  /*height: calc(-40px + 100%);*/
}
.modal-dialog .nav-tabs {
  padding-top: 15px !important;
}
/*.modal-dialog*/
h4 {
  font-size: 16px;
  font-family: 'SourceSansProBold';
  color: #82745b;
}
/*.modal-dialog*/
h5 {
  font-size: 16px;
  font-family: 'SourceSansProBold';
  color: #82745b;
}
.modal-dialog .btn {
  font-family: 'NeoSansProMedium';
  height: 37px;
  /* margin: 11px;*/
  padding: 0px 15px;
  border: 0px;
}
.modal-dialog .btn {
  font-size: 16px;
  background: none;
  color: #82745B;
  margin-bottom: 0px;
}
.modal-dialog .btn:hover {
  background: #eee;
}
.modal-dialog .btn.btn-primary {
  background-color: #4E357A;
  color: #fff;
}
.modal-title {
  font-size: 28px;
  font-family: 'NeoSansProMedium';
  font-weight: 900;
  color: #4C3476;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-header {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.modal-content {
  border-radius: 0px;
  border: 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.modal-content .form-horizontal.form-panel {
  position: relative;
  overflow: auto;
}
.modal-content .tab-content {
  position: relative;
}
.modal-footer {
  border-top: 0px;
}
.modal .fixed {
  padding: 0 10px;
  height: 400px;
}
.modal .form-group.fixed div,
.form-control.fixed {
  height: 100%;
}
#infopanel .cards .form-horizontal.form-panel {
  position: relative;
  overflow-y: auto;
}
#infopanel .cards .form-horizontal.form-panel .panel {
  margin-bottom: 0;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group .control-label,
#infopanel .cards .form-horizontal.form-panel .panel .form-group .value {
  padding-top: 1px;
  padding-right: 5px !important;
  padding-left: 5px !important;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(1) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(2) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 33.33333333%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(3) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(4) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 16.66666667%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(2):last-child {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 75%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group > :nth-child(1):last-child {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group.percent40 > :nth-child(1):nth-last-child(2) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 41.66666667%;
}
#infopanel .cards .form-horizontal.form-panel .panel .form-group.percent40 > :nth-child(2):nth-last-child(1) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 58.33333333%;
}
.vct-panelbody .modal-body {
  padding: 0;
}
.vct-panelbody .cards .form-horizontal.form-panel {
  position: relative;
  overflow-y: auto;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel {
  margin-bottom: 0;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group .control-label,
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group .value {
  padding-top: 1px;
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group > :nth-child(1) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group > :nth-child(2) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 33.33333333%;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group > :nth-child(3) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 25%;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group > :nth-child(4) {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 16.66666667%;
}
.vct-panelbody .cards .form-horizontal.form-panel .panel .form-group > :nth-child(2):last-child {
  padding-right: 0px;
  padding-left: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 75%;
}
.form-group {
  margin-bottom: 5px;
}
/*    .form-group input[type=checkbox]/*, input[type=radio]!1! {
        margin: 10px 0 0;
    }*/
.form-group label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}
.form-panel .form-group.fixed {
  position: absolute;
  top: 130px;
  bottom: 10px;
  left: 0px;
  right: 0px;
}
.form-panel .form-group.fixed div,
.form-control.fixed {
  height: 100%;
}
.form-control {
  border-radius: 0px;
  font-size: 14px;
  height: 30px;
  padding: 0px 12px;
}
.form-control-static {
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.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 {
  padding-right: 0px;
  padding-left: 10px;
}
.btn {
  border-radius: 0px;
  font-size: 14px;
}
.alert-warning {
  color: #aaa;
  background-color: #eee;
}
.alert-attention {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 0px solid transparent;
  border-radius: 0px;
}
.input-group-addon {
  border-radius: 0px;
}
.dropdown-menu {
  z-index: 10000;
  margin-top: 0;
}
.typeaheadlist span {
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
  vertical-align: middle;
  display: inline-block;
}
.typeaheadlist span strong {
  color: #337ab7;
}
li.active .typeaheadlist span strong {
  color: #ffffff;
}
.col-sm-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-sm-offset-right-3 {
  margin-right: 25%;
}
.col-sm-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-sm-offset-right-5 {
  margin-right: 41.66666667%;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0px;
}
.bootstrap-duallistbox-container {
  margin: 0;
  padding: 0;
}
.bootstrap-duallistbox-container button.btn.btn-default {
  border: 1px solid #ccc;
}
.bootstrap-duallistbox-container .box1 {
  padding: 0 5px 0 0;
}
.bootstrap-duallistbox-container .box2 {
  padding: 0 0 0 5px;
}
/*button:disabled {
    background-color: #eee;
}*/
.form-horizontal .control-label {
  padding-top: 5px;
}
input[type=number].form-control {
  text-align: right;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0);
  color: #888;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0px;
  box-shadow: none;
  padding: 0;
}
.form-control[disabled] + .form-control-feedback,
.form-control[readonly] + .form-control-feedback,
fieldset[disabled] .form-control + .form-control-feedback {
  display: none;
}
.form-control-feedback {
  line-height: 30px !important;
  height: 30px;
}
.has-feedback .form-control {
  padding-right: 30px;
}
.uib-datepicker .btn {
  border: 0px;
}
.uib-datepicker *:focus {
  outline: none;
}
abbr[data-original-title],
abbr[title] {
  border-bottom: 0;
}
.form-control.ng-invalid {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.form-control.ng-invalid hr {
  border-top-color: #e4b9c0;
}
.form-control.ng-invalid .alert-link {
  color: #843534;
}
.no-padding {
  padding: 0;
}
.no-float {
  float: none;
}
.panel {
  border-color: #82745B;
}
.panel .panel-heading {
  margin: 0;
  background-color: #82745B;
  color: #fff;
}
.panel .form-group .value {
  color: #999;
  padding-top: 5px;
}
/* COMMENTAAR xs */
@media (max-width: 767px) {
  .xs-only-text-left {
    text-align: left !important;
  }
  .xs-only-text-right {
    text-align: right !important;
  }
  .xs-only-text-center {
    text-align: center !important;
  }
}
@media only screen {
  .xs-text-left {
    text-align: left !important;
  }
  .xs-text-right {
    text-align: right !important;
  }
  .xs-text-center {
    text-align: center !important;
  }
}
/* sm */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sm-only-text-left {
    text-align: left !important;
  }
  .sm-only-text-right {
    text-align: right !important;
  }
  .sm-only-text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 768px) {
  .sm-text-left {
    text-align: left !important;
  }
  .sm-text-right {
    text-align: right !important;
  }
  .sm-text-center {
    text-align: center !important;
  }
}
/* md */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .md-only-text-left {
    text-align: left !important;
  }
  .md-only-text-right {
    text-align: right !important;
  }
  .md-only-text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 992px) {
  .md-text-left {
    text-align: left !important;
  }
  .md-text-right {
    text-align: right !important;
  }
  .md-text-center {
    text-align: center !important;
  }
}
/* lg */
@media (min-width: 1200px) {
  .lg-only-text-left {
    text-align: left !important;
  }
  .lg-only-text-right {
    text-align: right !important;
  }
  .lg-only-text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1200px) {
  .lg-text-left {
    text-align: left !important;
  }
  .lg-text-right {
    text-align: right !important;
  }
  .lg-text-center {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .xs-no-padding {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sm-no-padding {
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .md-no-padding {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .lg-no-padding {
    padding: 0;
  }
}
.no-padding {
  padding: 0;
}
.no-v-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-h-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.padding-right {
  padding-right: 10px;
}
.padding-left {
  padding-left: 10px;
}
.no-margin {
  margin: 0!important;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.no-margin-top {
  margin-top: 0;
}
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.no-float {
  float: none;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.bold {
  font-weight: bold!important;
}
.text-bold {
  font-weight: bold !important;
}
.bolder {
  font-weight: bolder!important;
}
.full-height {
  height: 100%;
  position: relative;
}
.half-height {
  height: 50%;
  position: relative;
}
.inline-block {
  display: inline-block;
}
.full-width {
  width: 100%!important;
}
.border-warning {
  border: 1px solid #faebcc;
}
.border-info {
  border: 1px solid #c4bde2;
}
.border-danger {
  border: 1px solid #ebccd1;
}
.text-nowrap {
  white-space: nowrap!important;
}
.zindex1 {
  z-index: 1;
}
.text-with-newlines {
  white-space: pre-line;
}
/*.size(@size: 24px) {
    height: @size;
    width: @size;
}*/
.GebruikerStatus_1 {
  color: #ded6ed !important;
}
.GebruikerStatus_2 {
  color: #f0ad4e !important;
}
.GebruikerStatus_3 {
  color: #5cb85c !important;
}
.GebruikerStatus_4 {
  color: #d9534f !important;
}
.BewijslastStatus_1 {
  color: #ded6ed !important;
}
.BewijslastStatus_2 {
  color: #5cb85c !important;
}
.BewijslastStatus_3 {
  color: #d9534f !important;
}
.DeclaratieStatus_5,
.DeclaratieStatus_6,
.DeclaratieStatus_10 {
  color: #5cb85c !important;
}
.DeclaratieStatus_4,
.DeclaratieStatus_12 {
  color: #f0ad4e !important;
}
.DeclaratieStatus_7 {
  color: #d9534f !important;
}
.icon-success,
.icon-warning,
.icon-danger {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
}
.icon-success {
  background-color: #5cb85c;
  border-color: #d6e9c6;
}
.icon-warning {
  background-color: #f0ad4e;
  border-color: #faebcc;
}
.icon-danger {
  background-color: #d9534f;
  border-color: #ebccd1;
}
.text-success {
  color: #5cb85c !important;
}
.text-warning {
  color: #f0ad4e !important;
}
.text-danger {
  color: #d9534f !important;
}
.background-danger {
  background-color: #f2dede;
}
.background-success {
  background-color: #dff0d8;
}
.background-warning {
  background-color: #fcf8e3;
}
.OCRResult.OCRResult-NietAkkoord {
  border-color: #ebccd1;
  background-color: #f2dede;
}
.OCRResult.OCRResult-Akkoord {
  border-color: #d6e9c6;
  background-color: #dff0d8;
}
.OCRResult.OCRResult-TerugNaarDeclarant,
.OCRResult .OCRResult-TerugNaarDeclarant {
  border-color: #faebcc;
  background-color: #fcf8e3;
}
.OCRResult.OCRResult-BewerktDoorMedewerker {
  border-color: #2a1d41;
  background-color: #ded6ed;
}
.OCRResult.OCRResult-danger,
.OCRResult .OCRResult-danger {
  color: #d9534f !important;
}
.OCRResult.OCRResult-success,
.OCRResult .OCRResult-success {
  color: #5cb85c !important;
}
.OCRResult.OCRResult-warning,
.OCRResult .OCRResult-warning {
  color: #f0ad4e !important;
}
.OCRResult.OCRResult-bezig,
.OCRResult .OCRResult-bezig {
  color: #666666 !important;
}
.OCRResult.OCRResult-medewerker,
.OCRResult .OCRResult-medewerker {
  color: #4C3476 !important;
}
.OCRResult.OCRResult-nietuitgevoerd,
.OCRResult .OCRResult-nietuitgevoerd {
  color: #000 !important;
}
.OCRResult.OCRResult-blue,
.OCRResult .OCRResult-blue {
  color: #008dd5 !important;
}
.OCRResult.OCRResult-tedoen,
.OCRResult .OCRResult-tedoen {
  color: #cccccc !important;
}
.OCRResultRow.OCRResult-bezig,
.OCRResultRow .OCRResult-bezig {
  color: #999 !important;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}body.Develope dialog-directive {
  background-color: #008dd5;
}
body.Test dialog-directive {
  background-color: #f56476;
}
body.Accept dialog-directive {
  background-color: #B2D188;
}
body.Demo dialog-directive {
  background-color: chocolate;
}
dialog-directive {
  background-color: #4C3476;
}
dialog-directive > .modal-body {
  padding: 2px;
  background-color: inherit;
  padding-top: 30px;
}
dialog-directive .modal-dialog-bar {
  line-height: normal;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1050;
  height: 30px;
  color: #fff;
  background-color: inherit;
  width: 100%;
  text-align: right;
}
dialog-directive .modal-dialog-bar .fa-icon {
  font-size: 24px;
  background-color: white;
  top: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  color: inherit!important;
  background-color: inherit;
}
dialog-directive .modal-dialog-bar .fa-icon:hover {
  /*            color: @tbr-color-white;*/
  background-color: #6e4bab;
}
dialog-directive .modal-dialog-bar + * {
  background-color: #fff;
}
dialog-directive tbr-dialog [tbr-setting="DeclaratieAlsVenster"] {
  display: none;
}
dialog-directive tbr-dialog > * {
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
}
dialog-directive tbr-dialog > *:first-child:last-child {
  /*position: static;*/
}
dialog-directive tbr-dialog > *:nth-child(1):nth-last-child(2):nth-child(1),
dialog-directive tbr-dialog > *:nth-child(2):nth-last-child(1):nth-child(1) {
  width: 70%;
  left: 0;
}
dialog-directive tbr-dialog > *:nth-child(1):nth-last-child(2):nth-child(2),
dialog-directive tbr-dialog > *:nth-child(2):nth-last-child(1):nth-child(2) {
  width: 30%;
  right: 0;
}
dialog-directive tbr-dialog #infopanel .tab-content > .active {
  display: inline-block;
}
dialog-directive tbr-dialog .tab-content {
  height: calc(100% + -46px);
}
dialog-directive tbr-dialog .tab-pane > ng-include {
  position: absolute;
  /*.vct-panelheader {
            position:relative;
        }
        .vct-panelbody {
            position:relative;
        }*/
}
 > * dialog-directive tbr-dialog .tab-pane > ng-include:first-child:last-child {
  position: absolute;
}
dialog-directive tbr-dialog [ng-click="histterug()"] {
  display: none;
}
.google-visualization-table {
  width: 100%;
}
.CodeMirror {
  line-height: normal;
}
.CodeMirror.CodeMirror-fullscreen {
  z-index: 1070;
}
label[disabled="disabled"] {
  cursor: not-allowed;
  opacity: 0.7;
}
[ng-if] + [ng-else] {
  display: none;
}
.ui-grid-filter-container .mode {
  color: #4C3476;
  position: absolute;
  top: 8px;
  left: 4px;
}
.ui-grid-filter-container .ui-grid-filter-mode {
  color: #000;
  padding: 0;
  margin: 0;
  border: 0 !important;
  width: 100%;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 24px;
}
.ui-grid-filter-container .ui-grid-filter-date {
  color: #000;
  padding: 0;
  margin: 0;
  border: 0 !important;
  width: 100%;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  display: inline-block;
  width: calc(100% - 29px);
}
.ui-grid-filter-container .ui-grid-filter-date input {
  height: 28px;
  padding-left: 6px;
  color: #000;
}
.text-purple {
  color: #4C3476;
}
.text-black {
  color: #000;
}
.vct-panelfooter .fa-icon {
  font-size: 20px;
}
.fa-icon {
  /*font-size:20px;*/
  position: relative;
  top: 1px;
  /*margin-right:8px;*/
}
.fa-icon + * {
  margin-left: 8px;
}
.fa-chevron-down {
  transition: transform linear 0.3s;
}
.fa-chevron-down.fa-chevron-down-collapsed {
  transform: rotateX(180DEG);
}
.expandable-hitarea {
  transition: transform linear 0.3s;
}
.expandable-hitarea.expandable-hitarea-collapsed {
  transform: rotate(90DEG);
}
.reden-terug {
  min-height: 30px;
  font-size: 18px;
  border-bottom: 1px solid #fff;
  font-family: 'NeoSansProMedium';
  background-color: #ded6ed;
  color: #fff;
}
.reden-terug,
.reden-terug * {
  cursor: pointer;
}
.reden-terug.selected {
  background-color: #4C3476;
}
.reden-terug:hover {
  background-color: #2a1d41;
}
.reden-terug .reden-terug-naam {
  display: inline-block;
  width: 100%;
  font-family: 'NeoSansProMedium';
  word-break: break-word;
}
.reden-terug-list {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.reden-terug-list > .reden-terug {
  font-family: 'SourceSansProRegular';
}
.reden-terug-selected-list {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  background-color: #eee;
  border: 1px inset grey;
  transition: background-color ease-in 0.3s, border-color ease-in 0.3s;
}
.reden-terug-selected-list > .reden-terug {
  min-height: 60px;
  background-color: #fff;
  color: #000;
  padding: 0;
}
.reden-terug-selected-list > .reden-terug .reden-terug-close {
  display: block;
}
.reden-terug-selected-list > .reden-terug .reden-terug-close :hover {
  color: #6e4bab;
}
.reden-terug-selected-list > .reden-terug .reden-terug-naam {
  padding-left: 10px;
  background-color: #4C3476;
  color: #fff;
}
.reden-terug-selected-list > .reden-terug .reden-terug-tekst {
  padding-left: 16px;
  white-space: pre-wrap;
  display: block;
  font-size: 14px;
  position: relative;
}
.reden-terug-selected-list > .reden-terug .reden-terug-tekst .reden-terug-tekst-tekst {
  width: calc(-50px + 100%);
}
.reden-terug-selected-list > .reden-terug .reden-terug-tekst textarea {
  cursor: text;
  height: 350px;
}
.reden-terug-selected-list > .reden-terug .reden-terug-close {
  position: absolute;
  right: 10px;
  top: calc(50% - 15px);
  font-size: 30px;
  color: #4C3476;
}
.reden-terug-selected-list > .reden-terug .reden-terug-close:hover {
  color: #2a1d41;
}
.reden-terug-selected-list.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.reden-terug-selected-list.alert-danger hr {
  border-top-color: #e4b9c0;
}
.reden-terug-selected-list.alert-danger .alert-link {
  color: #843534;
}
.tooltip {
  z-index: 1090;
}
.tooltip.in {
  opacity: 1;
}
.tooltip .tooltip-inner {
  white-space: pre-wrap;
  background-color: #4C3476;
  max-width: 400px;
}
.fa-filter-reset {
  width: 20px;
}
.fa-filter-reset:before {
  content: "\f0b0";
}
.fa-filter-reset:after {
  content: "\f715";
  position: relative;
  left: -100%;
  font-size: 20px;
}
.fa-icon.lg {
  font-size: 32px;
}
.status {
  padding: 10px;
  margin-bottom: 10px;
  border: 0;
  color: #fff;
  font-family: 'NeoSansProRegular';
  font-size: 16px;
}
.status-success {
  background-color: #B2D188;
}
.status-danger {
  background-color: #E4916B;
}
.status-info {
  background-color: #6F89BC;
}
.status-attention {
  background-color: #E2D575;
}
.declaratiecenter .tbgroup {
  width: 250px;
  height: 50px;
  float: none;
}
.lbl,
.form-horizontal .control-label {
  color: rgba(130, 116, 91, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.txt {
  font-weight: bold;
}
.info {
  margin: -15px -15px 0px -15px;
  padding: 5px;
  background-color: rgba(130, 116, 91, 0.1);
}
.declaratieform p {
  margin: 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.declaratieform {
  width: 100%;
}
.declaratieform .form-group {
  overflow-y: auto;
}
.exportofbetaald {
  border: 0;
  color: #000;
  font-size: 11px;
}
.historieregel {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #A8A8A8;
  font-size: 11px;
  overflow: hidden;
  vertical-align: middle;
}
.historieaanwezig {
  bottom: 42px !important;
}
.declaratieheader p {
  font-size: 11px;
}
.declaratiecontainer {
  position: absolute;
  top: 265px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px 15px 0px 15px;
}
.declaratiecontainer .historieaanwezig {
  bottom: 70px !important;
}
.declaratiecontainer .form-control {
  font-size: 11px;
  padding: 0 5px;
}
.declaratiecontainer .has-feedback .form-control {
  padding-right: 30px;
}
/*
        .declaratiecontainer .form-control[disabled], .declaratiecontainer .form-control[readonly], .declaratiecontainer fieldset[disabled] .form-control {
            padding: 0;
        }*/
.error {
  border-color: darkred;
  color: darkred;
}
.dashboard .alert {
  padding: 10px;
  margin-bottom: 5px;
}
.d-recent-decl {
  height: 40px;
  overflow: hidden;
  background-color: #FAF7FF;
  padding: 1px 5px;
  position: absolute;
  font-size: 11px !important;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px dashed #E2DFF1;
  color: #C4AFA6;
  z-index: 999;
}
.centeredheader {
  text-align: center;
}
.red {
  color: #d9534f;
  /*red;*/
}
.green {
  color: #5cb85c;
  /*green;*/
}
.orange {
  color: #f0ad4e;
  /*orange;*/
}
.declaratieregel.status_5,
.declaratieregel.status_6,
.declaratieregel.status_10 {
  color: #5cb85c;
  /*green;*/
}
.declaratieregel.status_4,
.declaratieregel.status_12 {
  color: #f0ad4e;
  /*orange;*/
}
.declaratieregel.status_7 {
  color: #d9534f;
  /*red;*/
}
.declaratieregel.messages-unread > div {
  background-color: #ded6ed !important;
  border-top: 1px dashed #6e4bab;
  border-bottom: 1px dashed #6e4bab;
}
.tooltip ul {
  text-align: left;
  margin-left: 0;
  padding-left: 20px;
}
.button-bar-status {
  font-size: 22px;
  padding: 10px;
  margin-bottom: 8px;
}
#infopanel .tab-content > .active {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
/*.pdf-aantal {
    position: relative;
    display: inline-block !important;
    height: calc(-40px + 100%);
    width: 100%;

    &.pdf-aantal-2 {
        width: 50%;
    }

    &.pdf-aantal-3 {
        width: 33%;
    }

    .pdfcontent {
        top: 40px !important;
    }
}
tbr-bestanden:not(.fullscreen) .pdf-aantal {
    .toolbar {
        transform: none !important;
    }

    &.pdf-aantal-2 .toolbar {
        transform: translateX(6%) !important;
    }
}
tbr-bestanden.fullscreen .pdf-aantal {
    .toolbar {
        transform: none !important;
    }

    &.pdf-aantal-2 .toolbar {
        transform: translateX(35%) !important;
    }

    &.pdf-aantal-3 .toolbar {
        transform: translateX(5%) !important;
    }
}
tbr-bestanden.fullscreen {
    position: fixed !important;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: inline-block !important;
    background-color: @tbr-color-white;
    z-index: 9999;
}
.bestanden-pager {
    height: 40px;
    position: absolute;
    bottom: 0px;

    

    .tbgroup {
        width: 100%;
        margin: 0px !important;
    }
}*/
.btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]),
 > .btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]) {
  font-family: NeoSansProMedium !important;
  font-size: 11pt;
  border: 0;
  cursor: pointer;
  height: 37px;
  padding: 0px 15px;
}
.btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]).btn-default,
 > .btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]).btn-default {
  background-color: #4C3476;
  color: #fff;
}
.btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]).btn-default:hover,
 > .btn:not(.uib-day):not(.uib-title):not(.uib-left):not(.uib-right):not([uib-is-class]).btn-default:hover {
  background-color: #4C3476;
}