html {
  background-color: #262626;
}

.upicon { 
  background-color: #449865;
  color: #FFFFFF;
  height: 40px;
  margin-right: 20px;
  font: bold 14px Arial,Calibri,Verdana,Geneva,sans-serif;
}

.downicon { 
  background-color: #B72828; 
  color: #FFFFFF;
  height: 40px;
  margin-right: 20px;
  font: bold 14px Arial,Calibri,Verdana,Geneva,sans-serif;
}

.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;
}

.blue_morbid-box {
  width:px;
  min-width:650px;
  max-width:auto;
  padding:0 0px;
  background:#262626;
  margin:0px 0px 0px 0px;
}

.blue_body_wrapper {
  padding:10px 20px 10px 20px;
  background:#292929 none ;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.blue_above_body {
  background:url(/helpsite_files/logo_bg.png) repeat-x ;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}

.blue_footer_time {
  padding-bottom:5px;
  color:rgb(102,102,102);
  font:normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
  margin-top:10px;
  text-align: center;
  display:block;
}
.blue_below_body .blue_time {
  color:#987b17;
}

.blue_navbar {
  border-top:3px inset #191919;
}

.blue_navbar {
  position:relative;
  height:74px;
  background:#232323 none ;
  margin:-6px 0px 0px 0px;
  color:rgb(255,255,255);
  font:11px Tahoma,Arial,Calibri,Verdana,Geneva,sans-serif;
  border:1px solid #191919;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.blue_navbar a {
  color:#858585;
}
.blue_navbar a:hover {
  color:#555;
}
.blue_navtabs {
  background:#272727 url(/helpsite_files/navbar-bg.png) repeat-x left bottom;
  padding:0px 0px 0px 20px;
  height:40px;
}
.blue_navtabs li:first-child {
  border-left:1px solid #191919;
}
.blue_navtabs ul {
  position:absolute;
  top:40px;
  left:0px;
  width:100%;
  border-top:1px solid #323232;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  margin-right:-80px;
  direction:ltr;
}
.blue_navtabs li {
  float:left;
  border-right:1px solid #191919;
}
.blue_navtabs ul li:first-child {
  margin-left:20px;
  border-left:0;
}
#navtabs .popupmenu ul li:first-child {
  margin-left:0px;
}
.blue_navtabs ul li {
  border-right:0;
  position:relative;
}
.blue_navtabs li a {
  height:40px;
  line-height:30px;
  padding:0 10px;
}
.blue_navtabs li a.blue_navtab {
  border-top:0px ;
  border-left:0px ;
  display:block;
  background:#272727 url(/helpsite_files/navbar-bg.png) repeat-x left bottom;
  min-width:60px;
  width:auto !important;
  width:60px;
  text-align:center;
  font:bold 14px Arial,Calibri,Verdana,Geneva,sans-serif;
  text-decoration:none;
  line-height:40px;
}
.blue_navtabs li a.blue_navtab:hover {
  background:#004062 url(/helpsite_files/navtab-selected-bg.png) repeat-x left top;
  color:#d4efff;
}
.blue_navtabs li.selected {
  height:39px;
  color:#d4efff;
}
.blue_navtabs li.selected a.blue_navtab {
  color:#d4efff;
  background:#004062 url(/helpsite_files/navtab-selected-bg.png) repeat-x left top;
  position:relative;
  z-index:10;
}
.blue_navtabs li.selected li a,
.blue_navbar_advanced_search li a {
  text-decoration:none;
  font:11px Tahoma,Arial,Calibri,Verdana,Geneva,sans-serif;
  line-height:33px;
}
.blue_navtabs li.selected li a {
  color:#858585;
  padding:2px 5px;
}
.blue_navtabs li.selected li:hover a.popupctrl {
  border-color:#232323;
  background-color:#1c1c1c;
  text-decoration:none;
}
.blue_navtabs li.selected li:hover a.popupctrl.active,
.blue_navtabs li.selected li a.popupctrl.active {
  border-color:#272727;
  background-color:#272727;
  color:#858585;
  border-radius:3px 3px 0px 0px;
  text-decoration:none;
}
.blue_navtabs .popupbody {
  border:1px solid #272727;
  background:#272727;
  width:auto;
}
.blue_navtabs .popupbody li {
  float:none;
  border-top:1px solid #272727;
}
#navtabs .popupmenu ul,
#navtabs .popupmenu ul li a {
  height:auto;
}

.blue_floatcontainer,
.formcontrols .blockrow,
dl.stats {
  display:block;
}
.blue_floatcontainer.hidden {
  display:none;
}

.blue_breadcrumb .blue_navbithome {
  float:left;
  padding:2.5px 0;
}

.blue_breadcrumb .blue_navbit {
  color: #9f9f9f;
  float:left;
  background-image:url(/helpsite_files/navbit-arrow-right.png);
  background-position:right center;
  background-repeat:no-repeat;
  padding-right:10px;
  padding-left:3px
}
.blue_breadcrumb .blue_navbit:first-child {
  padding-left:0
}
.blue_breadcrumb .blue_navbit.blue_lastnavbit {
  background:transparent
}
.blue_breadcrumb .blue_navbit.blue_lastnavbit span {
  float:left;
  background:transparent;
  padding-right:10px;
  padding-left:3px
}
.blue_breadcrumb .blue_navbit > a,
.blue_breadcrumb .blue_lastnavbit > span {
  display:block;
  padding:2px 4px;
  float:left;
  background-color:transparent;
  border:1px solid transparent;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px
}
.blue_breadcrumb .blue_navbit a {
  color: #0077b6;
  text-decoration: none;
}
.blue_breadcrumb hr {
  display:none
}

.blue_forumhead {
  background:#003a59 url(/helpsite_files/forumhead-bg.png) repeat-x left top;
  _background-image:none;
  padding:0;
  font:bold 11px Tahoma,Arial,Calibri,Verdana,Geneva,sans-serif;
  color:#d3efff;
  clear:both;
  margin-top:8px;
  float:left;
  border:1px solid #002031;
  width:100%;
  -moz-border-radius-topright:3px;
  -moz-border-radius-topleft:3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-top-left-radius:3px
}

.blue_blockhead {
  background:#003a59 url(/helpsite_files/forumhead-bg.png) repeat-x left top;
  _background-image:none;
  padding: 8px 0;
  border:1px solid #002031;
  font:bold 11px Tahoma,Arial,Calibri,Verdana,Geneva,sans-serif;
  width:100%;
  clear:both;
  -moz-border-radius-topright:3px;
  -moz-border-radius-topleft:3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-top-left-radius:3px;
  box-shadow: -2px 2px 2px #202020;
}

.blue_block {
  background: #262626 none;
  border:1px solid #292929;
  box-shadow: -2px 2px 2px #202020;
  padding-top: 10px !important;
  width: auto;
}

.blue_blocktitle {
  font-size:16px;
  font-weight:bold;
  color:#d3efff;
  margin-left:10px;
 }

 .blue_required {
  color: #ff0000;
 }

 .blue_required_msg {
  text-align: right;
  font-size: 13px;
  margin-right: 3px;
 }

/* DEFAULT HESK CSS EDITS */

.wrapper {
  min-height: calc(90dvh - 400px) !important;
  color:#9f9f9f;
}

.main__content {
 background: #292929 none;
 padding-bottom: 20px;
}

.form-submit-ticket {
  margin-top: 20px;
  padding-bottom: 0px;
  background-color: transparent;
  padding: 0px 32px 56px;
}

.ticket__body {
  background-color: transparent;
  margin: 10px;
}

.ticket__body_block {
  background: #292929;
  border:1px solid #191919;
}

.ticket__body_block.response {
  background: #202020;
  border:1px solid #191919;
}

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

.cust-help .btn:hover .icon {
  fill:#fff;
}

.ticket__params .params--block {
  background: #292929;
  border:1px solid #191919;
  margin: 10px;
}

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

.ticket__body_block .block--head .contact .dropdown.customer .label,
.ticket__body_block .block--head .contact .dropdown.customer label {
  box-shadow: none !important;
  background-color: #323232;
  color: #fff !important;
  border: 1px solid #191919 !important;
}

.ticket__body_block .block--head .contact .dropdown .dropdown-list li {
 background: #262626 !important;
}

.ticket--profile {
  padding: 10px;
  gap:0 20px;
}

.ticket__body_block.naked {
  padding: 10px;
  box-shadow:none
}

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

.navlink {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-align:center;
  align-items:center;
  max-width:344px;
  margin:16px;
  padding:16px;
  background-color:#1776ea;
  color:#fff;
  border:none;
  outline:none;
  cursor:pointer;
  font-size:13px;
  font-weight:400;
  border-radius:2px;
  transition:all 250ms ease;
}

.navlink .navlink__title {
  color:#fff;
}

.icon-in-circle {
   background-color:#1776ea;
   color:#fff;
}

.navlink:hover > .icon-in-circle {
  background-color:#025cca;
}

.navlink:hover {
  background-color:#025cca;
  color:#fff;
}

.alert {
  border:1px solid #323232;
}

.alert.warning {
  border:1px solid #323232;
}

.alert__inner {
  background: #292929;
  color:#fff;
  box-shadow: -2px 2px 2px #202020;
}

.notification {
  color: #000; 
}

.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 .dropdown-list,
.dropdown-select .dropdown-list,
.with-label .dropdown-list {
  background:#292929;
  color: #fff;
  border:1px solid #191919;
}

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

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

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

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

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

.search__form {
  background: transparent;
  padding:2px;
}

.table-wrap {
  background-color: transparent;
}

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

.table-wrap .table tbody tr {
  background-color:#292929;
  border-bottom:1px solid #191919;
}
.table-wrap .table tbody tr:hover {
  background-color: #191919 !important;
}
.table-wrap .table tbody tr:nth-child(even) {
  background-color:#191919;
}

.table-wrap .table tbody tr a {
  color:#fff;
}

.btn--blue-border {
  width:auto;
  padding:0 16px;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:48px;
  border:1px solid #1776ea;
  color:#fff;
  background-color: #1776ea;
}
.btn--blue-border:hover {
  border-color:#025cca;
  background-color: #025cca;
  color:#ffffff
}

.modal {
  background: #292929;
  color: #fff;
}

.modal a.close-modal {
  fill: #1776ea;
}

.nav {
  display: flex;  
  flex-wrap: wrap;
  justify-content: center;
}
