@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Glyphter.woff') format('woff'),
    url('../fonts/Glyphter.ttf') format('truetype'),
    url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='custom-icon-']:before{
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.custom-icon-01:before{content:'\0041';}
.custom-icon-02:before{content:'\0042';}
.custom-icon-03:before{content:'\0043';}
.custom-icon-04:before{content:'\0044';}
.custom-icon-05:before{content:'\0045';}
.custom-icon-06:before{content:'\0046';}
.custom-icon-07:before{content:'\0047';}
.custom-icon-08:before{content:'\0048';}
.custom-icon-09:before{content:'\0049';}
.custom-icon-10:before{content:'\004a';}
.custom-icon-11:before{content:'\004b';}
.custom-icon-12:before{content:'\004c';}
.custom-icon-13:before{content:'\004d';}
.custom-icon-14:before{content:'\004e';}
.custom-icon-15:before{content:'\004f';}
.custom-icon-16:before{content:'\0050';}
.custom-icon-17:before{content:'\0051';}
.custom-icon-18:before{content:'\0052';}
.custom-icon-19:before{content:'\0053';}
.custom-icon-20:before{content:'\0054';}
.custom-icon-21:before{content:'\0055';}
.custom-icon-22:before{content:'\0056';}
.custom-icon-23:before{content:'\0057';}
.custom-icon-24:before{content:'\0058';}
.custom-icon-25:before{content:'\0059';}
.custom-icon-26:before{content:'\005a';}
.custom-icon-27:before{content:'\0061';}
html, body {
    min-height: 100%;
}
body {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: transparent;
}
.card {
    border:1px solid #fff;
    background: #f7f7fa;
    background: linear-gradient(-31deg, #f7f7fa 0.00%, rgba(238,239,245,0 ) 100.00%);
    border-radius: 1px;
}
.card-header {
    background: none;
}
.card-header:first-child {
    border-radius: 1px;
}
.form-page {
    min-height: 100vh;
    display:flex;
}
.form-page .main {
    display: flex;
    min-height:100%;
    width:100%;
    align-content: center;
    align-items: center;
    margin: 30px auto;
}
.logo {
    background: none;
}
.form-page .logo {
    margin: 60px auto;
    width:225px;
}
.form-group input.form-control {
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    color: #303030;
    background: #fff;
    padding:10px;
}
.form-page a {
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
    font-style: normal;
    color: #303030;
}
.form-page p a {
    text-decoration: underline;
}
.form-page a:hover {
    color:#000;
}
.menu li a.active, .menu li a:hover {
    color:#8DBD45;
}
.user-line span, .user-line strong {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #303030;
}
.menu li a {
    color:#000;
}
.user-line.card {
    background: rgba(238,239,245,0 );
    background: linear-gradient(174deg, rgba(238,239,245,0 ) 0.00%, #f7f7fa 100.00%);
}
.keywords > li:not(.add-root) > span {
    background: rgba(238,239,245,0 );
    background: linear-gradient(0deg, rgba(238,239,245,0 ) 0.00%, #f7f7fa 100.00%);
}
.user-line.card [class*='custom-icon-'] {
    color:#8DBD45;
}
.mse-list-item {margin-top: -1px;}
.mse-list-item td {
    vertical-align: middle;
}
.mse-list-item .form-group .form-select {
    margin-bottom: 0;
}
.filter-bar .form-group input.form-control, .filter-bar .form-group .form-select {
    margin-bottom: 0;
    background: rgba(238,239,245,0 );
    background: linear-gradient(0deg, rgba(238,239,245,0 ) 0.00%, #f7f7fa 100.00%);
    border:1px solid #fff;
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    font-style: normal;
    text-align: left;
    color: #303030;
    padding: 10px;
}
.filter-bar .select-group {
    position:relative;
}
.filter-bar .form-group .form-select {
    padding-right:25px;
    position:relative;
    z-index: 1;
}
.filter-bar .select-group:after {
    font-family: 'Glyphter' !important;
    font-size:12px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index:5;
    position:absolute;
    right:5px;
    top:11px;
    display:block;
    width:24px;
    height:24px;
    line-height: 24px;
    text-align: center;
    content:'\0059';
    margin:0;
    color:#8DBD45;
}
.filter-bar .btn {
    margin-bottom: 0;
    width:46px;
    height:46px;
    line-height: 46px;
    text-align: center;
    padding:0;
    background: none !important;
    font-size: 26px;
}
.filter-bar .btn-pdf {
    color:#8DBD45;
}
.filter-bar .btn-danger {
    color: #dc3545;
}
aside .card {
    background: #eeeff5;
    background: linear-gradient(0deg, #eeeff5 0.00%, #f7f7fa 100.00%);
    width:84px;
    border:none;
    border-radius: 0;
    overflow: visible;
}
aside .menu li a i {
    width:24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    margin-left: 20px;
    margin-right: 30px;
}
.user-avatar {
    width:53px;
    height: 53px;
    line-height: 53px;
    color:#000;
}
.user-avatar strong {
    line-height: 53px;
}
.users-icon {
    padding-top:30px !important;
}
.users-icon a i {
    font-size: 20px;
    line-height: 20px;
}
.sidebar .dropdown-toggle:after {
    display:none;
}
.dz-button {
    opacity:0;
    height:1px;
}
.dropzone {
    background: rgba(141, 189, 69, 0.1);
    border:none !important;
    border-radius: 0 !important;
    min-height: 10px !important;
}
.dropzone .dz-message p {
    margin:0;
}
.dropzone .dz-message span {
    color:#8DBD45;
    font-size: 24px;
}
.dropzone .dz-message {
    margin-bottom: 0 !important;
}
h1 {
    margin-bottom: 0;
    margin-left:15px;
    padding-left:45px;
    border-left: 1px solid #000;
    font-weight: 500;
    font-size: 20px;
}
.objects-list .collapse-trigger {
    background: rgba(238,239,245,0 ) !important;
    background: linear-gradient(0deg, rgba(238,239,245,0 ) 0.00%, #f7f7fa 100.00%) !important;
}
.objects-list .collapse-trigger span {
    background: none;
}
.users-icon a {
    padding: 0;
    line-height: 20px;
}
.btn-action {
    margin-bottom:0;
    padding:0;
    font-size: 20px;
    color:#8DBD45;
    background: none;
}
.flist .card-header h3 {
    border-right: 1px solid #fff;
}
hr {
    border-top: 1px solid #fff;
    display: block;
    padding: 0;
    color:#fff;
}

.sidebar .card {
    padding-top: 30px;
}
.sidebar .dropdown-toggle {
    padding: 0 !important;
    display:block;
    margin:0 auto 30px auto;
}
.main-link {
    width:155px;
}
.flist {
    flex-wrap: wrap;
}
.flist .card-header {
    margin:0;
    background: rgba(141,189,69,0.1 );
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #303030;
    text-align: left;
}
.flist > div {
    flex-direction: column;
    align-content: stretch;
    display:flex;
}
.flist > div > .card {
    height: 100%;
    min-height:450px;
}
.email-content-body a {
    color:#dc3545;
    text-decoration: underline;
}
.email-content-body a:hover {
    color:#000;
}
.npk-list .npk-item a:hover {
    color:#dc3545;
}
aside{
    z-index: 10000;
}
.commentInput{
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 0.75rem !important;
    font-weight: 300 !important;
}
.forwardInput{
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 0.75rem !important;
    font-weight: 300 !important;
}
.grund-status {
    padding:5px;
    border-radius: 3px;
    display:block;
}
.grund-0{
    background-color: rgb(138,252,139);
}
.grund-1{
    background-color: rgb(132,248,137);
}
.grund-2{
    background-color: rgb(126,253,122);
}
.grund-3{
    background-color: rgb(1,255,58);
}
.grund-4{
    background-color: rgb(0,255,3);
}
.grund-5{
    background-color: rgb(2,131,2);
    color:#fff;
}
.grund-6{
    background-color: rgb(4,129,73);
    color:#fff;
}
.grund-7{
    background-color: rgb(4,251,255);
}
.grund-8{
    background-color: rgb(1,255,255);
}
.grund-9{
    background-color: rgb(255,252,5);
}
.grund-10{
    background-color: rgb(252,2,12);
    color:#fff;
}
.grund-11{
    background-color: rgb(4,64,124);
    color:#fff;
}
.grund-12{
    background-color: rgb(4,126,189);
    color:#fff;
}
.grund-13{
    background-color: rgb(255,128,61);
}
.grund-14{
    background-color: rgb(254,0,7);
    color:#fff;
}
.grund-15{
    background-color: rgb(247,4,0);
    color:#fff;
}
.grund-16{
    background-color: rgb(65,127,122);
    color:#fff;
}
.grund-17{
    background-color: rgb(129,0,248);
    color:#fff;
}
.grund-18{
    background-color: rgb(255,126,254);
}
.grund-19{
    background-color: rgb(131,123,12);
    color:#fff;
}
.grund-20{
    background-color: rgb(1,1,3);
    color:#fff;
}
.grund-21{
    background-color: rgb(9,58,63);
    color:#fff;
}
.grund-22{
    background-color: rgb(192,192,192);
}
.grund-23{
    background-color: rgb(1,2,0);
    color:#fff;
}
.grund-24{
    background-color: rgb(248,1,212);
}
.grund-25{
    background-color: rgb(125,125,255);
}
.grund-26{
    background-color: rgb(194,190,187);
}
.grund-27{
    background-color: rgb(255,125,255);
}
.grund-28{
    background-color: rgb(70,125,128);
    color:#fff;
}
.grund-29{
    background-color: rgb(253,2,0);
    color:#fff;
}
.grund-30{
    background-color: rgb(251,2,0);
    color:#fff;
}
.grund-31{
    background-color: rgb(251,4,12);
    color:#fff;
}
.grund-32{
    background-color: rgb(254,0,0);
    color:#fff;
}
.grund-33{
    background-color: rgb(128,128,250);
}
.grund-34{
    background-color: rgb(248,5,0);
    color:#fff;
}
.grund-35{
    background-color: rgb(249,3,6);
    color:#fff;
}
.grund-36{
    background-color: rgb(128,0,255);
    color:#fff;
}
.grund-37{
    background-color: rgb(5,0,6);
    color:#fff;
}
.grund-38{
    background-color: rgb(251,129,124);
}
.grund-39{
    background-color: rgb(252,125,8);
}
.user-overlay {display:none;top: 0;left: 0;z-index: 100;opacity: 0.5; position: absolute; background-color: darkgray; width: 100%; height: 100%;}
.request-types span {
    display:block;
    font-size: 8px;
    color:#000;
    background: rgba(238,239,245,0 );
    background: linear-gradient(0deg, rgba(238,239,245,0 ) 0.00%, #f7f7fa 100.00%);
    border: 1px solid #8DBD45;
    padding:3px;
    border-radius: 3px;
    margin-top: 5px;
}
.related-emails-list {
    display: none;margin-left: 25px;margin-top: 25px;margin-bottom: 25px;
}
.opened .related-emails-list {
    display:block;
}
.email-preview {
    padding-bottom: 50px !important;
}
.toggle-related-emails {
    border:none;
    font-weight: 300;
    position:absolute;
    top: 96px;
    right:2px;
    padding:5px;
    background: none;
}
.opened .toggle-related-emails i {
    transform: rotate(180deg);
}
.related-emails-list .email-preview {
    padding-bottom: 0.75rem !important;
    border:1px solid #8DBD45;
}
.user-type p {
    margin-bottom:0;
}
.email-preview {
    min-height:148px;
    line-height:2;
}
.green {
    color:#8DBD45;
}

.user-type{
     padding-left: 2%;
     position: absolute;
     z-index: 101;
    line-height: 20px;
 }
.sidebar{
    z-index: 1030;
}
.user-note strong {
    color:#8DBD45;
    display: block;
    margin-bottom: 10px;
}
.message {
    border-radius: 0;
    background:#fff;
}
.filter-bar .btn-pdf:hover, .filter-bar .btn-danger:hover {
    color:#000;
}
.card.sticky-top {
    background: #eeeff5 !important;
}
.error-message{
    position: absolute;
    left: 120px;
}