body
{
  scrollbar-width: thin;	
  background: #1b1b1b !important;
  background-color: #1b1b1b !important;
}

.fileUpload {
  display: none;
}

.attachmentPlaceholder-hint {
  visibility: hidden;
}
.attachmentPlaceholder-hint:after {
  content: "Enter your reply or note here";
  visibility: visible;
}

.formset-inset {
  background: #1b1b1b !important;
  background-color: #1b1b1b !important;
}

.tabsSidebar .sidebar {
  border-left: inherit !important;
}

.hero-unit, .wizard-slide {
  border: 1px solid #363636 !important;
  background-color: #222222 !important;
}

.separator::before {
  background: #363636 !important;
}

.tabsSidebar-tab.active .icon {
  fill: #06c200 !important;
}

.tabsSidebar-close .icon {
  fill: #ffffffcc !important;
}

.textBubble-overflowContainer:before {
  background: linear-gradient(transparent, #363636) !important;
}

.separator .separator-text {
  background: #222222 !important;
}

.modal-body {
	color: rgba(255,255,255,0.7) !important;
}

.profile-window {
  background: rgba(0,0,0,0.2) !important;
  border-color: rgba(0,0,0,0.3) !important;
}

.settings-list {
  color: #ffffffcc !important;
}

.settings-list th, .settings-list td {
  background: #222222 !important;
  border: 1px solid #363636 !important
}

.modal-close .icon-diagonal-cross {
  opacity: unset !important;
  fill: #ffffffcc !important;
}

.table {
	border-color: rgba(0,0,0,0.4) !important;
}

.table>thead>tr>th,.table-hover>tbody>tr:hover, .table-hover>tbody>tr.is-hover {
	background: rgba(0,0,0,0.3) !important;
}

.table>tbody>tr>td {
  border-color: #363636 !important;
}

.table>thead>tr>th {
  color: #ffffffcc !important;
}

input[type=text].form-control, input[type=password].form-control {
  background: #323232 !important;
  border: 1px solid #222222 !important;
  color: #ffffffcc !important;
}

.form-inline .form-group:not(:last-child), .form-inline.form-inline--enclosed .form-group {
  border-right: 1px solid #1b1b1b !important;
}

.bulkAction {
  background: #363636 !important;
}

.form-control {
  background: #2b2b2b !important;
  border: none !important;
  color: #ffffffcc !important;
}

.input-group-addon {
  background: transparent !important;
  color: #ffffffcc !important;
  z-index: 1 !important;
}

.token-input {
  background: #363636 !important;
  color: #ffffffcc !important;
}

.buttonDropdown.btn {
  background: #363636 !important;
  color: #ffffffcc !important;
}

.btn--primary, .btn--success {
  background: #06c20088 !important;
  color: #ffffffcc !important;
}

.btn--primary .icon {
  fill: #ffffffcc !important;
}

.btn--action, .pagination>li>a, .pagination>li>span {
  background: #363636 !important;
  color: #ffffffcc !important;
}

.pagination>li>a, .pagination>li>span, .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  border-color: #363636 !important;
}

.icon-arrow-down, .icon-arrow-up, .icon-arrow-left, .icon-arrow-right {
  fill: #ffffffcc !important;
  opacity: unset !important;
}

.btn--text {
  color: #06c200aa !important;
}

.controls-button-inner {
	background: #363636 !important;
  border-color: #343434 !important;
}

input[type=text].form-control:focus, input[type=password].form-control:focus {
  border-color: #06c20088 !important;
  box-shadow: 0 0 8px #06c200 !important;
}

.poweredBy {
  display: none !important;
}

.ticketZoom-header .ticket-title-update:hover, .ticketZoom-header .ticket-title-update:focus {
  background: inherit !important;
}

.modal-content {
  border-radius: 35px !important;
  border: none !important;
  box-shadow: none !important;
  background-color: #434343 !important;
}

.tabsSidebar-tab {
    width: 55px !important;
}

.js-navigation, .scrollPageHeader {
  background: #1b1b1b !important;
  border: none;
//	border-color: #06c20088 !important;
}

.content {
  background-color: #222222 !important;
}

.tabs {
  background: #363636 !important;
}

.tab.active {
  background: #06c20088 !important;
}

.dashboard .stat-widget {
  background: #363636 !important;
  border: 1px solid #222222 !important;
  border-radius: 20px !important;
}

.box {
  background: #222222 !important;
  border: #222222 !important;
}

.box--paper {
  background-image: linear-gradient(transparent 30px, #363636 31px) !important;
}

.table-col-resize:after {
	background: rgba(0,0,0,0.5) !important;
}

tr:after {
	background: rgba(0,0,0,0.5) !important;
}

.navigation, .global-search-menu, .sidebar, .attributeBar {
  background: #1b1b1b !important;
}

.sidebar {
	background: #363636 !important;
  border-right: unset !important;
}

.icon-important {
  fill: #ffffffcc !important;
}

.popover {
  background-color: #1b1b1b !important;
}

.nav-pills.nav-stacked>li>a, .nav-pills.nav-stacked>li>a:focus, .nav-pills.nav-stacked>li>a:active, .nav-pills.nav-stacked .nav-pills-placeholder {
  border-top: 1px solid #363636 !important;
}

.nav-pills>li:hover>a {
  background: #363636 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background: #06c20088 !important;
  color: #ffffffcc !important;
}

a.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #ffffffcc !important;
}

.ticketZoom {
  background: #222222 !important;
}

.textBubble, .bubble-arrow:after {
  background: #363636 !important;
  border: 1px solid #363636 !important;
}

.textBubble-overflowContainer, .tabsSidebar-tab {
  background: #363636 !important;
}

.tabsSidebar-tab {
  border-top: 1px solid #363636 !important;
}

.tabsSidebar-tab .icon {
  fill: #ffffffcc !important;
}

.tabsSidebar-tab.active .icon {
  fill: #06c200 !important;
}

.textBubble-overflowContainer:before {
  background: linear-gradient(transparent, #363636) !important;
}

.article-meta {
  background: #1b1b1b !important;
  color: #ffffffcc !important;
}

.customer.ticket-article-item.state--folde-out .textBubble {
  border-color: #363636 !important;
}

.search input[type=search] {
  background: #363636 !important;
}

.user-menu>li {
  background: #1b1b1b !important;
  border-top: 1px solid #363636 !important;
  border-right: 1px solid #363636;
}

.user-menu>li:not(:last-child) {
  border-right: 1px solid #363636 !important;
}

.user-menu>li:hover .list-button:before, .user-menu>li.is-active .list-button:before, .user-menu>li.is-hovered .list-button:before {
  background: #363636 !important;
}

.user-menu-icon.icon-plus, .user-menu>li:hover .user-menu-icon {
  fill: #06c200;
}

.menu-item {
  border-bottom: 1px solid #363636 !important
}

.menu-item:hover {
  background: #363636 !important;
}

.menu-item.is-active, .menu-item.is-hovered {
  background: #06c20088 !important;
}

.main+.sidebar {
  border-left: 1px solid #363636 !important;
}

.activity-message {
  color: #ffffffcc !important;
}

body, h1, h2, h3, h4, h5, h6, .ticket-title-update, .popover-notificationsHeader .popover-title, .stat-title, .stat-label, .menu-item { 
 color: #ffffffcc !important;
}

.richtext-content {
	color: #ffffffcc !important;
}

.dropdown-menu {
  background: #363636 !important;
  color: #ffffffcc !important;
}

.dropdown li:hover, .dropdown li.is-active {
  background: #1b1b1b !important;
}

[contenteditable]:hover, [contenteditable]:focus {
  background: #363636 !important;
}

.checkbox-replacement .icon-checked, .radio-replacement .icon-checked {
  color: #06c200 !important;
  fill: #06c200 !important;
}

.checkbox-replacement input[type="checkbox"]:focus:not(.is-active) ~ .icon-checked, .checkbox-replacement input[type="checkbox"]:focus:not(.is-active) ~ .icon-unchecked, .checkbox-replacement input[type="radio"]:focus:not(.is-active) ~ .icon-checked, .checkbox-replacement input[type="radio"]:focus:not(.is-active) ~ .icon-unchecked, .radio-replacement input[type="checkbox"]:focus:not(.is-active) ~ .icon-checked, .radio-replacement input[type="checkbox"]:focus:not(.is-active) ~ .icon-unchecked, .radio-replacement input[type="radio"]:focus:not(.is-active) ~ .icon-checked, .radio-replacement input[type="radio"]:focus:not(.is-active) ~ .icon-unchecked {
  box-shadow: 0 0 0 1px #ffffffcc !important;
  color: unset !important;
}

a {
  color: #06c200aa !important;
}

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

.search .logo {
  background-image: url('https://cdn.creeper.host/panel/images/creeper_penis_vsg.svg');
  min-height: 36px !important;
  min-width: 36px !important;
}

.search .logo.js-toggleNotifications:has(:not(.activity-counter:empty)) {
  animation: rotate 2s infinite linear;
}

.icon-logo {
  display: none !important;
}

.nav-tab.task-state-closed.is-active {
  color: #ffffffcc !important;
  background-color: #38ad6988 !important;
}

.nav-tab.task-state-open.is-active {
  color: #ffffffcc !important;
  background-color: #faab0088 !important;
}

.js-knowledge-baseMenuItem {
  display: none !important;
}

.chat {
  background: inherit !important;
}

.chat-window {
  color: #ffffffcc !important;
}

.chat-header {
  background: #363636 !important;
  border: #222222 !important;
}

.chat-body-holder {
  background: #1b1b1b !important;
  border-right: 1px solid #363636 !important;
  border-left: 1px solid #363636 !important;
}

.chat-controls {
  border: 1px solid #363636 !important;
}

.chat-message {
  background: #363636 !important;
}

.chat-message--agent {
  background: #06c20088 !important;
}

.chat-status-message {
  background: #363636 !important;
}

.chat-footer {
  border-top: 1px solid #363636 !important;
}

input[type=text]:focus, input[type=text].focus, input[type=password]:focus, input[type=password].focus, input[type=email]:focus, input[type=email].focus, input[type=date]:focus, input[type=date].focus, input[type=url]:focus, input[type=url].focus, textarea:focus, textarea.focus, .form-control:focus, .form-control.focus, .form-group .checkbox:focus, .form-group .checkbox.focus, .form-group .radio:focus, .form-group .radio.focus {
  box-shadow: unset !important;
  border-color: #06c20088 !important;
}

.status-field {
  border-color: #363636 !important;
}

.menu-item.is-active .zammad-switch input:not(:checked)+label, .menu-item.is-active .zammad-switch .select-box input:not(:checked)+.select-box-header, .select-box .menu-item.is-active .zammad-switch input:not(:checked)+.select-box-header {
  background: #1b1b1b !important;
}

.action {
  background: #1b1b1b !important;
  border-color: #363636 !important;
  box-shadow: 0 2px #363636 !important;
}

::-webkit-scrollbar {
  background-color: transparent !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1b1b1b !important;
  width: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffffff44 !important;
  border-radius: 1rem !important;
  width: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ffffff88 !important;
}
.is-internal .internal-border {
    background: repeating-linear-gradient(45deg, #8b4600, #8b0046 5px, #f9fafb 5px, #8b0000 6px) !important;
    border-radius: 20px;
}
.activity-entry:not(:last-child) .activity-body:after {
    border-bottom: 1px solid #585858 !important;
}
.tabsSidebar-tab-count
{
  color: #1b1b1b;
}
.tabsSidebar-tab.active .tabsSidebar-tab-count
{
  background-color: #06c200 !important;
}
.tabsSidebar-tab.active .tabsSidebar-tab-count::after
{
  border-right-color: #06c200 !important;
}
.avatar
{
    border-radius: 10px;
}
.textBubble
{
   border-radius: 20px !important;
}
.btn
{
   border-radius: 290486px !important;
}
.btn--split--last {
    border-radius: 0 290486px 290486px 0 !important;
}
.btn--split--first {
    border-radius: 290486px 0 0 290486px !important;
}
.sidebar, .popover
{
  color: #999 !important;
}
.popover .arrow
{
	border-color: #1b1b1b !important;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 290486px;
    border-bottom-right-radius: 290486px;
}
.pagination>li:first-child>a, .pagination>li:last-child>span {
    border-top-left-radius: 290486px;
    border-bottom-left-radius: 290486px;
}
html[dir=ltr] .btn--text .icon {
    margin-left: 2px;
}
.btn-group .btn--text.is-selected {
    background: #1b1b1b;
    color: white;
}
.modal.modal--local .modal-backdrop {
    background: #1b1b1baa !important;
}
.modal.modal--local .modal-dialog {
     box-shadow: inherit;
}
.tasks
{
  background: #1b1b1b !important;
}
.ticketLinks .tasks
{
  background: #343434 !important;
}
.nav-tab.is-active, .nav-tab.nav-tab--search:hover, .nav-tab.nav-tab--search.is-hover
{
  background-color: #38ad6988 !important;
}
.profile-detailsEntry, .profile-organizationMember
{
  color: #adadad !important;
}
.icon .icon-task-state
{
  text-overflow: none !important;
}
tr.item > td:nth-child(2), tr.item > td:nth-child(1) {
    text-overflow: clip;
}
.tab-badge
{
  background: #2b2b2b !important;
}
.tabs, .nav-tabs
{
  border-radius: 290486px;
}
.tab:first-child
{
  border-top-left-radius: 290386px;
  border-bottom-left-radius: 290486px;
}
.tab:last-child:not(:only-child)
{
  border-top-right-radius: 290386px !important;
  border-bottom-right-radius: 290486px !important;
}
.optional
{
  display: none;
}
.tabs--big .tab:first-child
{
  border-radius: 290486px 0 0 290486px;
}
.userSearch .tab:not(.active) 
{
  background: inherit !important;
}
.btn
{
  background: #323232;
}
.btn--text
{
  background: none;
}
.table-striped tr:nth-child(odd)
{
  background: #1b1b1b !important;
}
input[type=text], input[type=password], input[type=email], input[type=date], input[type=url], textarea, .form-control, .form-group .checkbox, .form-group .radio
{
  background: #2b2b2b;
  border: none;
}
.zammad-switch label::after
{
  background: #323232 !important;
} 
.zammad-switch label, .zammad-switch .select-box .select-box-header, .select-box .zammad-switch .select-box-header
{
  background: #1b1b1b;
}
.zammad-switch input:checked+label
{
  background: #38ad69;
}
.table
{
  color: #777;
}
.action-label
{
  background: #2b2b2b;
  color: #777;
  border-color: #1b1b1b;
}
.icon-help
{
  color: #2b2b2b;
}
.well, .panel, .checkbox-list {
    background: #1b1b1b;
    border: 1px solid #2b2b2b;
}
.panel-body
{
  color: #fff;
}
.panel-default>.panel-heading
{
  background: #2b2b2b !important;
}
.nav-tabs li.active
{
  background: #06c20088 !important;
}
.nav-tabs li {
    margin: 0;
    border: none;
    color: #fff;
    margin-left: -1px;
    background: #363636 !important;
    position: relative;
}
.page-aside
{
  border-right: none;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body
{
  border-top: none;
}
.inline-label
{
  color: #999;
}
.nav-tabs > li > a
{
   color: #fff !important;
}
.nav-tabs li:first-child
{
  border-top-left-radius: 290486px;
  border-bottom-left-radius: 290486px;
}
.nav-tabs li:last-child
{
  border-top-right-radius: 290486px;
  border-bottom-right-radius: 290486px;
}
.token
{
  background: #343434;
}
.tokenfield.form-control
{
  border-radius: 10px;
  padding: 10px;
}
.tokenfield.form-control > input
{
  border-radius: 10px;
}