.upicon { 
  background-color: #449865;
  color: #FFFFFF;
}

.downicon { 
  background-color: #B72828; 
  color: #FFFFFF;
}

.statustext {
  text-shadow: 0 0 3px #000;
  color: #FFFFFF;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 25px;
}

.replied {
  color: #CD43D9 !important;
}

.resolved {
  color: #03df03 !important;
}

.onhold {
  color: #0ca1b9 !important;
}

.open {
  color: #FFFB00 !important;
}

.main {
  background-color: #292929;
  color: #9f9f9f !important;
}

.main-menu {
  background-color: #262626;
  border-right: 1px solid #191919;
}

.radio-custom [type='radio']:checked + label,
.radio-custom [type='radio']:not(:checked) + label {
  color:#9f9f9f;
}

.table-wrap {
  padding: 0px;
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.main__content.categories.ticket-create div.table-wrap {
  padding: 12px !important;
}

.table-wrap .show_tickets {
  padding: 12px;
}

.table thead {
  background-color: #003a59;
  color: #fff;
}

.table thead .sort {
  color: #fff;
}

.table tbody tr {
  background-color: #292929 !important;
}


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

.table tbody tr.is-checked {
  background-color:#dfe4ec;
}

.table tbody tr:hover {
  background-color:#191919;
}

.icon-assign {
  fill: #9c9c9c;
}

.icon-team {
  fill:#fff !important;
}

.icon-person {
  fill:#fff;
}

.icon-back {
  fill:#fff;
}

.checkbox-custom .checked {
  background-color:#dfe4ec;
}

.btn-transparent {
  background-color: #1776ea;
  border:1px solid #1776ea;
  color:#fff;
}

.btn-transparent:hover {
  box-shadow: 0 2px 8px 0 #9f9f9f;
}

.filters__listing .btn.is-selected {
  border-color: #1776ea;
  box-shadow: 0 2px 8px 0 #9f9f9f;
}

.filters__listing .btn.is-bookmarks {
  background-color:#009b51!important;
  border:1px solid #009b51;
  color:#fff
}
.filters__listing .btn.is-bookmarks:hover {
  background-color:#009b51!important;
}

.filters__listing .btn.is-due-soon {
  background-color:#916e00 !important;
  border:1px solid #916e00;
}
.filters__listing .btn.is-overdue {
  background-color:#e64342!important;
  border:1px solid #e64342;
  color:#fff;
}

.bg-critical {
  background-color:#191919!important;
  border-top:1px solid rgb(230,67,66);
  border-top:1px solid rgba(230,67,66,.5);
  border-bottom:1px solid rgb(230,67,66);
  border-bottom:1px solid rgba(230,67,66,.5);
}
.table tbody tr.new.bg-critical td:first-child::before {
  background-color:#191919 !important;
}

.dropdown .label {
  color:#fff;
}

.ticket__body_block {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020 !important;
}

.ticket__body_block.response {
  background-color:#202020;
}

.ticket__body_block .block--head .contact b {
  color:#fff;
}

.ticket__body_block .block--description p {
  color:#9f9f9f;
}

.ticket__body_block .block--head .more a:hover {
  color:#fff;
}

.ticket__body_block .block--head .more a:hover svg {
  fill:#fff;
}

.ticket__body_block .block--head .more label:hover > span {
  color:#fff;
}

.ticket__body_block .block--head .more label:hover > svg {
  fill:#fff;
}

.ticket__body_block .block--head .more .dropdown-list a {
  color:#fff;
}

.ticket__body_block .block--head .more .dropdown-list a {
  color:#fff;
}

.dropzone {
  border:1px solid #191919;
  background:#292929;
  width: 100%;
}

.dropzone > .file-row:nth-child(even) {
  background: transparent;
}

.ticket__body_block .block--timer {
  background: #292929;
  border: 0px solid #191919;
}

.playing {
  fill:#fff !important;
}

.attachments {
  max-width: none;
  box-sizing: border-box;
}

.btn-border {
  width:auto;
  padding:0 16px;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:40px;
  border:1px solid #1776ea;
  border-radius:2px;
  color:#fff;
  font-weight:600;
  transition:all 250ms ease
}

.btn-border:hover {
  border-color:#025cca;
  color:#fff;
  border-radius:2px;
}

.btn--blue-border {

}
.btn--blue-border:hover {
  border-color:#025cca;
  color:#025cca
}

.tox-tinymce {
  
  border: none;
  box-shadow: -2px 2px 2px #202020;
  background: #323232 none;
}

.ticket__body_block .block--checkboxs .checkbox-custom input[type="checkbox"]:checked + label {
  color:#9f9f9f;
}

.ticket__params .params--block, .ticket__params .params--bar {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.ticket__params .params--bar a:hover {
  color:#fff;
}

.ticket__params .params--bar a:hover svg {
  fill:#fff;
}

.ticket__params .params--bar .dropdown {
  border-left:1px solid #202020;
}

.ticket__params .params--bar .dropdown label svg {
  fill:#9f9f9f;
}

.ticket__params .params--bar .dropdown:hover svg {
  fill:#fff;
}

.dropdown .dropdown-list,
.dropdown-select .dropdown-list {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.dropdown .dropdown-list > li,
.dropdown-select .dropdown-list > li {
  color:#fff;
}

.dropdown .dropdown-list > li a,
.dropdown-select .dropdown-list > li a {
  color:#fff;
}

.dropdown .dropdown-list > li a:hover,
.dropdown-select .dropdown-list > li a:hover {
  color:#fff;
}

.dropdown .dropdown-list > li svg,
.dropdown-select .dropdown-list > li svg {
  fill:#fff;
}

.dropdown .dropdown-list > li:hover,
.dropdown-select .dropdown-list > li:hover {
  background-color:#191919;
  color:#fff;
}

.dropdown .dropdown-list > li:hover svg,
.dropdown-select .dropdown-list > li:hover svg {
  fill:#fff;
}

.dropdown .icon-chevron-down,
.dropdown-select .icon-chevron-down {
  fill:#fff;
}

.dropdown .dropdown-list .separator,
.dropdown-select .dropdown-list .separator {
  height: 0px;
  background-color:#191919;
}

.dropdown-select:not(.right) .label,
.form-group .dropdown:not(.right) .label,
.form-group .dropdown-select:not(.right) .label,
.dropdown:not(.right) label,
.dropdown-select:not(.right) label,
.form-group .dropdown:not(.right) label,
.form-group .dropdown-select:not(.right) label {
  box-shadow: none !important;
  background-color: #323232;
  color: #fff !important;
  border: 1px solid #191919 !important;
}

.dropdown:not(.right):hover,
.dropdown-select:not(.right):hover {
  border-color:#191919;
  background-color:#323232!important;
  color:#fff;
  transition:all var(--transition-time-pri) ease
}

.note__link > a:hover  {
  color:#fff;
}

.note__link > a:hover svg {
  fill:#fff;
}

.ticket__body_block .block--timer a:hover svg {
  fill:#fff;
}

.users-online {
  margin: 16px;
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.ticket__body_block .block--head .contact .dropdown .dropdown-list li:not(.noclose):hover a {
  color:#ffffff;
}

.ticket__body_block .block--head .contact .dropdown .dropdown-list li a {
  color:#ffffff;
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li.noclose a:hover {
  color:#ffffff
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li a:hover {
  color:#ffffff
}

.ticket__body_block .block--message {
  border: none;
  background-color:transparent;
}

.notification {
  color: #000; 
}

.main__content.templates .ticket__list,
.main__content.templates .response__list {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.main__content.templates .ticket__list li:not(.deleted):nth-child(odd),
.main__content.templates .response__list li:not(.deleted):nth-child(odd) {
  background: #292929;
}

.right-bar .right-bar__body {
  box-shadow:0 4px 8px 0 rgba(38,40,42,0.1);
  background-color:#191919;
}

.right-bar .right-bar__body h3 a {
  color: #fff;
}

.main__content.profile {
  padding:16px 16px;
}

.main__content.profile .profile__wrapper {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.main__content.team .table-wrap {
  padding: 0px;
}

.main__content.team .customers__search {
  padding: 12px;
}

.main__content.reports {
  padding:16px 16px
}

.main__content.reports .reports__table {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
  padding: 0px;
  margin: 0;
}

.main__content.reports .users-online {
  margin-left: 0px !important;
}

.main__content.reports .reports__range {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
  padding: 12px;
}

.pl0 {
  padding-left:16px !important;
}

.step-slider.form {
  padding: 12px;
}

.main__content.tools .tools__add-mail {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
  margin-top:16px;
  margin-left:0px;
  padding: 12px;
}

.main__content.reports .reports__checkbox {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
  padding: 12px;
  margin-top: 20px;
}

.main__content.tools .table-wrapper {
  background-color: transparent;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
  padding:0px;
}

.main__content.reports .reports__checkbox .checkbox-custom input:checked + label {
  color:#fff;
}

.datepicker {
  background:#fff;
  color:#fff;
}

.datepicker .datepicker--content {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.datepicker .datepicker--nav {
  color:#fff;
  background-color:#025cca;
}

.datepicker .datepicker--nav i {
  color:#fff;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color:#dedede;
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color:#c5c5c5;
}

.datepicker .datepicker--cells .datepicker--cell.-current- {
  color:#38bc7d;
}

.datepicker .datepicker--cells .datepicker--cell.-selected- {
  background-color:#38bc7d;
  color:#fff;
}

.datepicker .datepicker--cells .datepicker--cell:hover:not(.-selected-) {
  background-color:#025cca;
}

.main__content.settings .settings__form {
  padding-left: 16px;
}

.main__content.settings .settings__form_block {
  padding: 12px;
}

.main__content.settings .settings__form .settings__form_block {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.main__content.settings .settings__form .form-group label span {
  color:#fff;
}

.checkbox-custom [type='checkbox']:checked + label {
  color:#fff;
}

.main__content.settings h5 {
  color:#fff;
}

.main__content.settings .settings__status {
  background: #292929;
  border: 1px solid #191919;
  box-shadow: -2px 2px 2px #202020;
}

.main__content.settings .settings__status {
  top:27px;
}

.form input.form-control,
.form textarea.form-control {
  border:solid 1px #191919;
  background-color:#323232;
  color:#ffffff;
}

.form input.form-control:-ms-input-placeholder,
.form textarea.form-control:-ms-input-placeholder {
  color:#ffffff
}
.form input.form-control::placeholder,
.form textarea.form-control::placeholder {
  color:#ffffff
}
.form input.form-control:hover,
.form textarea.form-control:hover,
.form select.form-control:hover {
  border-color:#1776ea
}
.form input.form-control:focus,
.form textarea.form-control:focus,
.form select.form-control:focus {
  color:#ffffff;
  border-color:#1776ea;
  outline:none;
  box-shadow:none
}

.header {
  border-bottom:solid 1px #191919;
}

.header .profile__user.active {
  background: #292929;
}
.header .profile__user .profile__menu {
  background: #292929;
  border: 1px solid #191919;

}

.selectize-dropdown {
  border:1px solid #191919;
  background:#323232;
  color: #fff;
}

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

.selectize-control .selectize-dropdown .option {
  color:#fff;
}
.selectize-control .selectize-dropdown .option.active {
  background-color:#202020
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background:#323232;
  color: #fff;
  border:solid 1px #191919;
}

.selectize-control:not(.read-write) .selectize-input:hover {
  color:#ffffff;
  border-color:#191919 !important;
  background-color:#323232 !important
}

.selectize-control:not(.read-write) .selectize-input:focus {
  color:#ffffff;
  border-color:#191919 !important;
  background-color:#323232 !important
}

.selectize-control .selectize-input {
  border:solid 1px #191919;
  background-color:#323232;
  color:#ffffff;
}

.selectize-control .selectize-input:hover::after,
.selectize-control .selectize-input:focus-visible::after {
  transition:all var(--transition-time-sec) ease;
  color:#ffffff;
  fill:#ffffff;
}
.selectize-control .selectize-input:hover ::placeholder,
.selectize-control .selectize-input:focus-visible ::placeholder {
  color:#ffffff;
  opacity:1
}
.selectize-control.read-write .selectize-input:not(.focus):hover,
.selectize-control.read-write .selectize-input:not(.focus).dropdown-active:hover {
  color:#ffffff;
  border-color:#191919;
  background-color:#323232 !important
}

.no-background-color {
  background-color:#323232 !important;
}