/* CSS CUstom Checkbox =========================================================*/
.blue_border { border: 1px solid blue; }
.red_border { border: 1px solid red; }
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label,
input[type=checkbox].css-checkbox+label.css-label.clr {
    padding-left: 24px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked+label.css-label,
input[type=checkbox].css-checkbox+label.css-label.chk {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(csscheckbox_3796e821bd459a4cc54285ebb78eedd0.png);
    user-select: none;
}

/* /CSS CUstom Checkbox */

body {
    margin: 0px;
    height: 100%;
    background: initial;
    text-align: left;
    font-size: 14px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}

pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre-wrap;
}


#container {
    width: 800px;
}

.sender_ip {
    font-size: 6pt;
    bottom: 4px;
    right: 4px;
    position: absolute;
    color: #b8c7c7;
}
.message_anchor:hover {
    opacity: 1.0;
}
.message_anchor {
    position: absolute;
    left: 8px;
    top: 4px;
    opacity: 0.1;
}
.updated .message_anchor a {
    font-size: 12px;
    font-weight: 200;
    color: transparent;
    text-shadow: 0 0 0 #666666;
}

.tech_scroll {
    height: 100px;
    width: 800px;
}

.updated .tech_scroll {
    width: initial;
}

.updated.client_container_ {
	min-width: fit-content;
}

.tech_action_scroll {
    height: 500px;
}

.tech_scroll,
.tech_action_scroll {
    overflow-x: auto;
    overflow-y: scroll;
    padding-right: 5px;
}

.grey {
	font-size: 95%;
	color: #888;
}
.grey_text {
    font-size: 95%;
    color: #888;
    overflow: hidden;
    width: 40em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tech_container,
#client_container {
    display: inline-block;
    width: auto;
}
.ws-normal {
	white-space: normal;
}

#container,
#tech_container,
#client_container {
    padding: 15px;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 3px 3px 10px #004b6d;
}

#header {
    background-image: url("/images/DA-Logo-tickets.png");
    height: 110px;
}

#tech_header {
    position: relative;
    height: 40px;
}

#client_header {
    position: relative;
    background-image: url("/images/DA-Logo-tickets.png");
    height: 110px;
}

#tech_wide_filler {
    width: 850px;
    height: 0px;
}

.updated #tech_wide_filler {
    width: initial;
    height: 0px;
}

#wide_filler {
    width: 800px;
    height: 0px;
}

#header,
#tech_header,
#client_header {
    background-repeat: no-repeat;
    background-position: 0px 3px;
    border-bottom: 1px solid #9aa5a9;
}

.light_text,
.light_ticket,
#bottom_note,
.error_text a {
    text-align: center;
    color: #7c8487 !important;
}
.light_ticket::before {
	color: black;
}

#notice_string {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

#footer,
#footer a {
    color: #005672;
}

#footer {
    text-align: center;
    padding: 20px;
}

#logo,
#client_logo {
    width: 350px;
    height: 109px;
}

#tech_logo {
    width: 250px;
    height: 39px;
}

.updated #tech_logo {
    width: initial;
    height: initial;
}

#logo,
#tech_logo,
#client_logo {
    font-size: 20px;
    float: left;
    color: #354b53;
    cursor: pointer;
}

#login {
    text-align: left;
    float: right;
    padding-top: 15px;
}

.big_button,
.form_table {
    box-shadow: 3px 3px 10px #a5a5a5;
}

#content {
    padding-top: 15px;
}

.big_button {
    display: inline-block;
    padding: 20px;
    border-radius: 10px;
    border: 1px outset #8f8f8f;
    margin: 40px;
    font-size: 15pt;
    color: #354b53;
    cursor: pointer;
}

.button {
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 2px;
}

#center_buttons {
    text-align: center;
    padding-top: 10px;
    padding: 50px;
}

#center_text {
    text-align: center;
    padding: 50px;
}
.center_div {
    margin-left: auto;
    margin-right: auto;
}

.form_table {
    background: #f0f6f9;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px outset #dceaf0;
    border-spacing: 0px;
}

.form_table th {
    color: #737276;
    border-radius: 8px;
    height: 30px;
    padding: 5px;
    padding-left: 8px;
}

.form_table tr:first-child th {
    text-align: left;
    background: linear-gradient(to right, #bbd2de, #f0f6f9);
}

.form_table tr:last-child th {
    text-align: right;
    background: linear-gradient(to right, #f0f6f9, #bbd2de);
}

.form_table tr:hover {
    background: #f0f6f9;
    background: linear-gradient(to bottom, #f0f6f9 0%, #e0ebf0 7%, #f0f6f9 100%);
}

.form_table2 tr:hover {
    background: #deeaf0;
    background: linear-gradient( to bottom, #f0f6f9 0%, #deeaf0 28%, #deeaf0 76%, #f0f6f9 100%);
}

.form_table th select {
    background: #bbd2de;
    font-weight: bold;
    color: #737276;
}

#canned_select {
    background: #f0f6f9;
}

.form_table td {
    padding: 5px;
}

.form_table td:first-child {
    text-align: right;
}

.form_left td:first-child {
    text-align: left;
}

.multi-row {
    border: 1px solid #ff9999;
    border-left: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

input[type="text"],
input[type="password"],
select {
    border-radius: 3px;
    padding: 3px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #ededed;
}

input[type="submit"],
input[type="button"] {
    padding: 3px;
    color: #1b516a;
}

input[type="submit"]:disabled,
input[type="button"]:disabled {
    color: #bcbcbc;
}

.error_text {
    color: #cc0000;
    font-weight: bold;
    display: inline-block;
}

td.error_text {
    display: table-cell;
}

.align_left,
#bottom_note,
.error_text {
    text-align: left;
}

.align_center {
    text-align: center;
}

.align_top {
    display: inline-block;
    vertical-align: top;
}

.relative_position {
    position: relative;
}

#bottom_note {
    display: inline-block;
    padding-top: 10px;
}

.form_table textarea {
    border-radius: 5px;
    padding: 5px;
}

.form_table textarea.message {
    height: 400px;
    width: 780px;
}

.form_table textarea.reply_message,
.form_table textarea.reply_encrypted {
    height: 100px;
    width: 780px;
}

.form_table textarea.encrypted {
    height: 100px;
    width: 100%;
    font-family: courier new;
    font-size: 10pt;
}

.all_tickets_mini {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px outset #dceaf0;
    border-spacing: 1px;
}

#all_tickets th,
#all_tickets td,
.all_tickets_mini th {
    padding: 5px;
}

#all_tickets th a {
    color: black;
    text-decoration: none;
}

#all_tickets th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#all_tickets th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#all_tickets tr:nth-child(odd),
.all_tickets_mini tr:nth-child(odd) {
    background: #f0f6f9;
}

#all_tickets tr td.medium_highlight,
#all_tickets tr:nth-child(odd) td.medium_highlight,
.all_tickets_mini tr td.medium_highlight,
button.medium_highlight,
b.medium_highlight {
    background: #b1ecb4;
}

#all_tickets tr td.high_highlight,
#all_tickets tr:nth-child(odd) td.high_highlight,
.all_tickets_mini tr td.high_highlight,
button.high_highlight,
tr.critical>td,
.tr.critical {
    background: #ffd3d3;
}

#all_tickets tr td.mine,
#all_tickets tr:nth-child(odd) td.mine,
.all_tickets_mini tr td.mine,
button.mine,
b.mine {
    background: #a4bbdf;
}

#all_tickets tr td.other_tech,
#all_tickets tr:nth-child(odd) td.other_tech,
.all_tickets_mini tr td.other_tech,
td.message_info.other_tech,
button.other_tech {
    background: #ffd494;
}

#all_tickets tr:hover,
.popup_line:hover {
    background: #d7cbe6;
}

#all_tickets td {
    cursor: pointer;
    white-space: nowrap;
}

#all_tickets td.nohand {
    cursor: auto;
}

td.code,
p.code,
div.code {
    background: #f9f9f9;
    white-space: nowrap;
    border: 1px solid black;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    max-width: 700px;
    overflow: auto;
}

.encrypted_date {
    background: #f9f9f9;
    padding: 5px;
    display: inline-block;
    white-space: normal;
}

.code,
.form_table textarea.reply_encrypted,
.encrypted_date,
.date_span,
.code > option {
    font-family: courier new;
    font-size: 10pt;
}

.support.full, .support.Y {
        background-color: #adebad
}
.support.limited, .support.L,
.support.internal, .support.I {
        background-color: #ffff99
}
.support.internal_OFF, .support.I_OFF {
        background-color: #80bfff
}
.support.expired, .support.E,
.support.none, .support.N {
        background-color: #ffad99
}
 
.date_span {
    background: #e1edf2;
    padding: 3px;
}

#progress_bar {
    width: 10%;
}

#upload_div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2001;
    min-width: 320px;
}

#image_div {
    position: fixed;
    top: 10%;
    left: 10%;
    z-index: 2001;
    width: 80%;
    cursor: pointer;
}

#image_div img {
    cursor: pointer;
    max-width: 100%;
}

.ticket_info_divs .attachments-container__item {
    cursor: pointer;
    margin-bottom: 7px;
}

#faded_overlay {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 2000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#close_attachment_div {
    float: right;
    padding: 0 5px 5px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.attachment_name,
.image_name {
    font-family: courier new;
    font-size: 10pt;
    padding: 2px;
    padding-right: 5px;
}

.attachment_name {
    background: #dee9ef;
    cursor: pointer;
}

.image_name {
    background: #deefe4;
    cursor: pointer;
}

.attachment_line {
    margin-bottom: 10px;
}

.delete_message_highlight {
    border-radius: 10px;
    box-shadow: 0px 0px 30px red;
}

.guest_alert {
    background: #ffb870;
}

.delete_attachment,
.delete_encryption,
.tech_delete_message {
    font-size: 11pt;
}

.tech_delete_message,
.hide_unless_hover {
    opacity: 0;
}

.tech_delete_message:hover,
.hide_unless_hover:hover {
    opacity: 1;
}

.delete_encryption,
.tech_delete_message {
    position: absolute;
    top: -50px;
    right: -15px;
}

.attachment_size,
.delete_attachment,
.delete_encryption,
.tech_delete_message {
    float: right;
    padding: 3px;
    z-index: 1001;
}

.delete_attachment,
.delete_encryption,
.tech_delete_message {
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.delete_attachment:hover,
.delete_encryption:hover,
.tech_delete_message:hover {
    background: #c8d2d7;
}

.important_text {
    font-size: 14pt;
    font-weight: bold;
}

#settings_update {
	margin-left: 30px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;

	font-family: courier new;
	font-size: 10pt;
	white-space: nowrap;

	background: #f9f9f9;
	border: 1px solid black;
}
#settings_update:empty {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}
div:has(>#settings_update:empty) {
	margin: 0px;
}
.buttons-container {
    padding-top: 10px;
}
.buttons-container a:hover {
    color: #0a5976;
    background-color: #e8f7fd;
}
.message_div {
    margin-bottom: 10px;
    border-spacing: 0px;
    width: 710px;
}

.message_info,
.message_text {
    box-shadow: 1px 1px 1px #a5a5a5;
}

.message_info {
    padding: 5px;
    background: #d9e7ed;
    color: #737276;
    vertical-align: top;
    width: 65px;
}

.message_who {}

.message_when {}

.message_text {
    position: relative;
    padding: 15px;
    text-align: left;
    background: #f0f6f9;
    white-space: pre-wrap;
    width: 609px;
}

.own_message {
    margin-left: 75px;
}

.other_message {
    margin-right: 30px;
    float: left;
}

.own_message .message_text {
    color: #7c8487;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.own_message .message_info {
    position: relative;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
    float: right;
    text-align: left;
}

.other_message .message_text {
    background: #ebf6fa;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.other_message .message_info {
    background: #baced8;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    text-align: right;
}


/*******************/

.tech_comment_text {
    width: initial;
}

/***************************/

.spacer {
    clear: both;
}

#tech_left {
    padding-right: 10px;
}

#tech_left,
#tech_ticket_settings {
    display: inline-block;
    vertical-align: top;
}

.ticket_info_divs {
    width: 620px;
}

.updated .ticket_info_divs {
    width: initial;
}

#subject {
    text-align: left;
    border-radius: 8px;
    padding: 5px;
    padding-left: 8px;
    margin-bottom: 10px;
    color: #737276;
    font-weight: bold;
    background: linear-gradient(to right, #bbd2de, #ffffff);
}


/*****************************************************************
* TABS
*/

#tabs {
    text-align: center;
    white-space: nowrap;
    padding-top: 5px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.tab,
.selected_tab {
    display: inline-block;
    padding: 8px;
    color: #737276;
    margin-left: 3px;
    margin-right: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 1px 0px 2px #727272;
}

.tab_text,
.selected_tab_text {
    text-decoration: none;
}

.selected_tab,
#all_tickets th,
.all_tickets_mini th {
    background: #bbd2de;
}

.tab {
    background: #eeeeee;
}

.tab:hover,
.selected_tab:hover {
    cursor: pointer;
    background: #bbd2de;
}


/*****************************************************************/

.updated .comment-box {
    border: 1px solid #f6f6f6;
    background-color: #fcfcfc;
    padding: 10px 11px 17px;
    font-size: 12px;
    white-space: normal;
}

.comment-box .tech_action_scroll {
    height: 100px;
}

.ticket_info_divs .license {
    display: block;
    border: none;
    padding-right: 0;
    padding-bottom: 5px;
    background-color: initial;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.license,
.license_bad,
.license_medium,
.license_good {
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
}

.license {
    background: #f9f9f9;
}

.license_bad {
    background: #f3cbcb;
}

.license_good {
    background: #85e085;
}
.license_medium {
	background: #ff9900;
}

/*****************************************************************/

#icons {
    display: inline;
    float: left;
}

.icon_attachment_yes,
.icon_encryption_yes,
.icon_reply_yes,
.icon_ticket_yes,
.icon_tech_comment_yes {
    color: #009933;
    font-weight: bold;
    cursor: pointer;
}

.icon_tech_comment_no {
    background-position: 5px -333px;
}

.icon_tech_comment_yes {
    background-position: 5px -296px;
}

.icon_attachment_no {
    background-position: 5px -185px;
}

.icon_attachment_yes {
    background-position: 5px -148px;
}

.icon_encryption_no {
    background-position: 5px -259px;
}

.icon_encryption_yes {
    background-position: 5px -222px;
}

.icon_reply_no {
    background-position: 5px -111px;
}

.icon_reply_yes {
    background-position: 5px -74px;
}

.icon_ticket_no {
    background-position: 5px -37px;
}

.icon_ticket_yes {
    background-position: 5px -0px;
}

#icon_ticket,
#icon_reply,
#icon_encryption,
#icon_attachment,
#icon_tech_comment {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 37px;
    padding-right: 2px;
    margin-top: 2px;
    text-align: right;
    border-radius: 2px;
    background-image: url("/images/icons.png");
    background-repeat: no-repeat;
}

.pos_relative {
    position: relative;
}

.popup_show {
    display: block;
}

.popup_hide {
    display: none;
}

#popup_ticket,
#popup_reply,
#popup_encryption,
#popup_attachment,
#popup_tech_comment {
    position: absolute;
    top: 40px;
    left: 8px;
    z-index: 1010;
    text-align: left;
    padding: 5px;
    background: #fff;
    color: black;
    font-weight: bold;
    border: 1px outset #dceaf0;
    box-shadow: 3px 3px 10px #a5a5a5;
}

.popup_info {
    font-weight: normal;
    float: right;
}

.popup_txt {
    font-weight: normal;
}

.popup_line {
    padding: 5px;
    border-top: 1px solid #e5e4e4;
    margin-top: 5px;
}

.notify_tech_assigned {
    background-color: #badec3;
}


/*****************************************************************/

.hand {
    cursor: pointer;
}

.nohand {
    cursor: auto;
}

.pointer {
    cursor: pointer;
}

.collapse {
    display: none;
}

th#search_toggle {
    color: #0d577b;
    font-size: 12pt;
    padding: 0px;
}

#search input[type="text"] {
    width: 100%;
}

#search button {
    width: 100%;
}


/* helpers */

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.alert_row {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #b4cd73;
    color: white;
    text-align: center;
    padding: 1.5rem 0;
    width: 100%;
    z-index: 2005;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    display: none;
}

.m0 {
    margin: 0;
}

.max-100pr,
#lid {
    max-width: 100%;
}

.pre_wrap_scroll {
    white-space: pre-wrap;
    overflow: auto;
}

.text-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
#all_tickets1 .text-elipsis {
    overflow: hidden;
    white-space: nowrap;
}

.text-elipsis.h27 {
    height: 27px;
}

.updated .va-baseline::before {
    vertical-align: baseline;
}

.add_clock_sybol {
    position: relative;
    padding-left: 12px;
}

.add_clock_sybol::before {
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    display: inline-block;
    padding-right: 3px;
    vertical-align: top;
}

.dib {
    display: inline-block;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fr::after,
.fl::after {
    content: '';
    clear: both;
}
.mta {
    margin-top: auto;
}
.mt8 {
	margin-top: 8px;
}
.mt15,
.mt15-l {
    margin-top: 15px;
}

.ml0 {
	margin-left: 0px !important;
}
.ml10,
.ml10-425-up {
    margin-left: 10px;
}
.ml12 {
    margin-left: 12px;
}
.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}

.mb12 {
    margin-bottom: 12px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb20-l {
    margin-bottom: 20px;
}

.mb4r {
    margin-bottom: 4rem;
}

.ml30 {
    margin-left: 30px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr30 {
    margin-right: 30px;
}

.mr3r,
.mr3r-425-up,
.mr3r-850-up {
    margin-right: 3rem;
}
.p20 {
    padding: 20px;
}

.pt10 {
	padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}

.pr15 {
    padding-right: 15px;
}

.pl0 {
	padding-left: 0px !important;
}
.pl15-i {
	padding-left: 15px !important;
}
.pl15 {
    padding-left: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb3r {
    margin-bottom: 3rem;
}
.pb10 {
	padding-bottom: 10px;
}

.pb20,
.pb20-650-up {
    padding-bottom: 20px;
}

.py12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.nobold {
    font-weight: normal;
}

.fw700,
.my_tickets__table--to-divs .fw700 {
    font-weight: 700;
}
.fw400 {
    font-weight: 400 !important;
}
.fw600 {
    font-weight: 600;
}

.fw500 {
    font-weight: 500;
}

.fzinherit {
    font-size: inherit;
}

.fz20 {
    font-size: 20px;
}

.fz18 {
    font-size: 18px;
}

.fz16 {
    font-size: 16px;
}

.fz15 {
    font-size: 15px;
}

.fz14 {
    font-size: 14px;
}

.fz13,
.updated .fz13 {
    font-size: 13px;
}

.fz12,
.updated .fz12 {
    font-size: 12px;
}

.fz11 {
    font-size: 11px;
}


#test_result {
    vertical-align: middle;
    margin-left: 50px;
    margin-bottom: 30px;
    font-size: 50px;
}
.x-red {
    color: red;
}
.check-green {
    color: green;
}

.status_filter a {
    color: #a7b5cf;
    text-decoration: none;
}

.status_filter {
    display: inline-block;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    color: #516994;
}

.text-justify {
    text-align: justify;
}

.tac {
    text-align: center !important;
}
.tal {
    text-align: left !important;
}
.note {
    width: 700px;
    display: block;
    white-space: normal;
}


/* Updated design styles========================================================================== */


/* Globals */

body.updated #content {
    padding: 0;
}

.updated select {
    cursor: pointer;
}

.updated a {
    text-decoration: none;
    color: #34383c;
    font-size: 14px;
    cursor: pointer;
}

.updated .underline {
    text-decoration: underline;
}

.updated * {
    box-sizing: border-box;
}


/* Common helpers =========================================== */

.overlay--all-z10 {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.178); */
}

.bg-primary {
    background-color: #0083b3;
}

.bg-green {
    background-color: #9bbd45;
}

.container {
    max-width: 960px;
    /* max-width: 95%; */
    margin: 0 auto !important;
}

.container-90pr {
    max-width: calc(100% - 11rem);
    margin: 0 auto;
}

#tech_container.container-fluid,
.container-fluid {
    width: 100%;
}

.posrel {
    position: relative;
}

.ttup {
    text-transform: uppercase;
}

.d-flex,
.d-flex-425-up,
.d-flex-600-up,
.d-flex-500-up,
.d-flex-800-up,
.d-flex-850-up,
.d-flex-1000-up,
.d-flex-1500-up {
    display: flex;
}

.f-wrap {
    flex-wrap: wrap;
}
.f-no-wrap {
    flex-wrap: nowrap;
}

.fg1 {
    flex: 1 1 50%;
}

.f110 {
    flex: 1 1 0;
}

.f210 {
    flex: 2 1 0;
}

.fgrow1 {
    flex-grow: 1;
}
.fgrow3 {
	flex-grow: 3;
}
.fb-15p {
	flex-basis: 15%;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: flex-start;
}

.justify-around,
.justify-around-600-up {
    justify-content: space-around;
}

.align-items-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.justify-end {
    justify-content: flex-end;
}

.f-large5 {
    flex: 5 1 0;
}

.f-small1 {
    flex: 1 1 0;
}

.h50 {
    height: 50px;
}

.h100pr {
    height: 100%;
}

.w100pr {
    width: 100%;
}

.w85pr {
    width: 85%;
}

.w50pr,
.w50pr-850-up {
    width: 50%;
}

.w43pr,
.w43pr-425-up {
    width: 43%;
}

.w40pr-800-up,
.w40pr-1000-up {
    width: 40%;
}

.w25pr {
    width: 25%;
}

.w20pr,
.w20pr-800-up,
w20pr-1000-up {
    width: 20%;
}
.w200 {
    width: 200px;
}
.p0 {
    padding: 0;
}

.updated .pt0 {
    padding-top: 0;
}

.hr {
    height: 1px;
    background-color: #ededed;
}

.hr.minus4k {
    margin: 0 -4000px;
}

.bb-eded {
    border-bottom: 1px solid #ededed;
}

.b-eded {
    border: 1px solid #ededed;
}

.dropdownAction {
    cursor: pointer;
}

.cw-i {
	color: #fff !important;
}
.badge {
    border-radius: 8px;
    padding: 7px 14px 6px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    /* margin-left: 13px; */
}

.pointer {
    cursor: pointer;
}

.col--70 {
    width: 70%;
}

.select--light {
    padding: 9px 30px 9px 18px;
    font-size: 13px;
    color: #34383c;
    position: relative;
    border: 1px solid #ededed;
    background-image: url('/images/selectbox-arrow-down--light.svg');
    background-position: calc(100% - 14px);
    background-size: 10px;
    background-repeat: no-repeat;
}

.updated .select--light.select--light--version {
    width: 70%;
    margin-left: -4px;
}

.select--btn {
    position: absolute;
    left: 12px;
    top: 0;
    width: calc(100% - 12px);
    opacity: 0.01;
    background-image: url('/images/selectbox-arrow-down--light.svg');
    background-position: calc(100% - 14px);
}

.select--btn.l0 {
    left: 0;
    width: 100%;
}

.w-space-normal {
    white-space: normal;
}

.w-space-nowrap {
    white-space: nowrap;
}

.label-130 {
    width: 130px;
}

.label-193 {
    width: 193px;
}

/* highlights */

.blue_highlight {
    background-color: #e5f2f7;
    color: #005879;
}

.medium_highlight {
    background-color: #f5f8ec;
    color: #9bbe45;
}

.high_highlight {
    background-color: #fcece8;
    color: #e54a1a;
}

.yellow_highlight {
    background-color: #fcf9e7;
    color: #d8be14;
}


/* header =========================================== */

.updated #tabs {
    position: static;
}

.updated #tech_container {
    padding: 0;
    background: initial;
    border-radius: 0;
    box-shadow: none;
}

.updated #tech_header {
    height: 75px;
}

.updated .header {
    height: 75px;
}

.updated #tech_header>.container {
    display: flex;
    align-items: flex-end;
}

.updated .client-page #tech_logo {
    float: none;
	transform: translateY(-10px);
}

.updated #tech_header #tech_logo {
    float: none;
	transform: translateY(-2px);
}

.updated .header_tabs__link {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 29px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
}

.updated .header_tabs__link:hover {
    color: #00baff;
}

.header_tabs__link.active_tab {
    font-weight: 600;
    /* text-decoration: underline; */
}

.header_tabs__link.active_tab::after {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #00baff;
}

.header_tabs.header_tabs--mobile,
.client-page .header_tabs.header_tabs--mobile {
    opacity: 1;
    height: initial;
    z-index: 10;
}

.header_tabs.header_tabs--mobile .header_tabs__link {
    padding: 7px 12px;
}

.mobile_toggle {
    display: none;
    width: 20px;
    /* height: 13px; */
    flex-direction: column;
    /* justify-content: space-between; */
}

.mobile_toggle.mobile_toggle--client {
    display: none;
}

.mobile_toggle .mobile_toggle__bar {
    height: 2px;
    background-color: #fff;
}

.mobile_toggle .mobile_toggle__bar:not(:last-of-type) {
    margin-bottom: 6px;
}

.updated .notif_count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    padding: 4px 6px;
}


/* form login and new table =========================================== */

.login-form,
.table_updated {
    padding-top: 26px;
}

.table_updated .td--label {
    padding-top: 14px;
    padding-bottom: 13px;
}

.table_updated .t-row {
    /* display: flex; */
    /* justify-content: space-between; */
    width: 100%;
    margin-bottom: 12px;
}

.login-form .inner-container,
.get-ticket-page .inner-container,
.create-ticket-page .inner-container,
.mw465 {
    max-width: 465px;
}
.mw535 {
    max-width: 535px;
}
.row--under-header {
    padding-top: 4.8rem;
    padding-bottom: 4.2rem;
}

.title-under-header {
    /* height: 31px; */
    font-size: 18px;
    color: #0083b4;
    font-weight: 600;
    margin-right: 15px;
    white-space: normal;
}

.input-block {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-block label {
    /* font-size: 16px;*/
    font-weight: 600;
    /* width: 200px; */
    display: inline-block;
}

.table_updated__label {
    /* font-size: 16px;*/
    font-weight: 600;
    margin-right: 10px;
    /* width: 200px; */
    display: inline-block;
}

.login-form .input-block input,
.login-form .input-block select {
    border-radius: 2px;
    border: 1px solid #ededed;
    font-size: 14px;
    padding: 9px 11px;
    width: 56%;
}

.client-page .login input {
    border-radius: 2px;
    border: 1px solid #ededed;
    font-size: 14px;
    padding: 9px 11px;
}

.table_updated .table_updated__input,
.updated .table_updated__input {
    border-radius: 2px;
    border: 1px solid #ededed;
    font-size: 14px;
    padding: 9px 11px;
    width: 100%;
}

.input-block .input-block__right-side {
    width: 260px;
}

.col-settings .input-block .input-block__right-side {
    width: 150px;
}

.col-settings .input-block label {
    font-size: 15px;
}

.col-settings .select--light {
    min-width: initial;
    width: 100%;
}

.table_updated--top input:not([type='checkbox']) {
    width: 100%;
}

.input-block .input-block__link {
    text-decoration: underline;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.input-block input::placeholder {
    color: #acb0b6;
}

.input-block .uri {
    font-size: 14px;
    color: #34383c;
    display: inline-block;
    font-weight: 600;
    width: 260px;
}

table.input-block  {
    border-spacing: 15px;
}
table.input-block > tbody > tr > td:first-child {
    font-weight: 600;
    width: 150px;
}
table.input-block > tbody > tr > td:nth-child(2) {
    width: 250px;
}

.login-form table.input-block input {
    width: 250px;
}
.table_updated .checkb-label {
    font-size: 14px;
    color: #34383c;
    /* font-weight: 600; */
}

.updated .btn {
    /* background-color: #9bbd45; */
    color: #fff;
    font-size: 16px;
    padding: 10px 27px;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    margin-left: 12px;
    line-height: 1;
    cursor: pointer;
}

.updated .btn.btn--small {
    padding: 4px 7px;
    font-size: 12px;
    /* color: #34383c; */
    /* margin-bottom: 5px; */
    margin-left: initial;
    border-radius: 2px;
}

.updated .btn.btn--small.btn--c-white {
    color: #fff;
}

.updated .btn:disabled {
    opacity: 0.6;
    color: #fff;
    cursor: not-allowed;
}

.btn:focus {
    outline: none;
}

.btn.btn--green {
    background-color: #9bbd45;
}

.btn.btn--green.btn--create {
    font-weight: 500;
    margin-left: 0;
    width: 25%;
    padding: 9px 10px;
}

.btn.btn--dark {
    background-color: #34383c;
}

.btn.btn--dark-light {
    background-color: #51555a;
}

.btn.btn--red {
    background-color: #e54919;
}

.btn.btn--blue {
    background-color: #0083b3;
}
.btn.btn--light-grey {
    color: grey;
    background-color: transparent;
    border: 1px solid gray;
    padding: 8px 20px;
    border-radius: 8px;
}
.btn.btn--dark-blue {
    background-color: #005272;
    font-weight: 500;
    font-size: 13px;
    padding: 15px 12px;
    border-radius: 2px;
}

.btn.medium {
    font-weight: 500;
    padding: 9px 29px;
}

.btn.big_button_ {
    padding: 2rem 3rem;
    display: inline-block;
}

.login-form .button-row {
    margin-top: 18px;
}

.table-title {
    font-size: 18px;
    font-weight: 700;
    padding-top: 5.7rem;
    padding-bottom: 1.7rem;
}

.line-spacer {
    height: 3px;
    width: 26px;
    background-color: #34383c;
    margin-bottom: 2.3rem;
}

.btn.btn-notifications {
    /* margin-bottom: 30px; */
}

.login-page {
    min-height: calc(100vh - 96px - 92px);
}

.btn-container--login {
    padding: 3rem 0;
}


/* table old to new  */

.table_old_to_new {
    padding: 15px;
    padding-top: 0;
    background-color: #fff;
}

.table_old_to_new.pt26 {
    padding: 0;
    padding-top: 26px;
}

.table_old_to_new th {
    font-size: 17px;
    font-weight: 700;
    height: 5rem;
}

.table_old_to_new tr td:first-child {
    font-size: 16px;
    font-weight: 700;
}

.table_old_to_new tr td input {
    border-radius: 2px;
    /* border: 1px solid #ededed; */
    font-size: 14px;
    padding: 9px 11px;
    width: 100%;
}

.table_old_to_new tr td input[type="text"],
.table_old_to_new tr td input[type="password"] {
    border: 1px solid #ededed;
}


/* new upload btn  */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn .btn--upload {
    border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


/* /new upload btn  */


/* Tech info ========================================== */

.tech-info-content .load-more-container {
    margin-top: 4.4rem;
    margin-bottom: 11.2rem;
}


/* Table Actions ========================================== */

.table-actions * {
    /* font-size: 14px; */
}

.table-actions .row__link {
    /* font-size: 16px; */
    color: #0083b4;
}

.table-actions .row__item {
    margin-right: 3.5rem;
    line-height: 1.5;
}


/* Ticket.php, tickets inner ========================================== */

.timeb4 {
    position: relative;
}

.timeb4::before {
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    display: inline-block;
    padding-right: 3px;
    vertical-align: top;
    /* font-weight: 900; */
}

.message_div_ {
    padding-left: 4rem;
    position: relative;
    margin-bottom: 1.7rem;
}

.message_div_::before {
    content: '';
    width: 2rem;
    height: 100%;
    left: 0;
    position: absolute;
}

.own_message_::before {
    background: #b4cd73;
}

.other_message_::before {
    background: #6fb8d5;
}

.other_tech_message_::before {
    background: #FFD494;
}

.own_tech_message_::before {
    background: #acacac;
}

.col-conversations {
    width: 60%;
    flex: 2 1 0;
}

.conversations__reply .reply_message,
.nice-textarea {
    min-height: 120px;
    width: 100%;
    border: 1px solid #ededed;
    padding: 13px 20px;
    margin-bottom: 13px;
}

.new_ticket .nice-textarea {
    min-height: 30vh;
    /* width: 85%; */
}

.new_ticket .input-block .input-block__right-side {
    width: 180px;
}

.conversations__reply .reply_message::placeholder,
.nice-textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    color: #e1dfdf;
}

.ticket_info_divs .col-space {
    min-width: 30%;
}

.ticket_info_divs p {
    margin: 0;
}

#tech_who_is_typing {
    color: #757880;
}
#unsent_message {
    color: #757880;
}

/* Notifications ========================================== */

.notification-container {
    position: relative;
    z-index: 2;
	margin-bottom: 8px;
}
#tech_header .notification-container button {
	padding-right: 20px;
	padding-left: 20px;
}

.notification-container * {
    box-sizing: border-box;
}

.notifications__card {
    display: none;
    position: absolute;
    top: calc(100% - 9px);
    min-width: 241px;
    right: 0;
    background-color: #fff;
    font-size: 14px;
    border-radius: 2px;
}
.notifications__card {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
}

.notifications__card::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    /* background-color: #005272; */
	background-color: #fff;
    right: 10px;
    transform: rotate(45deg);
    top: -2px;
}

.card__header {
    background-color: #005272;
    color: #fff;
    padding: 20px;
}

.card__body {
    border: 1px solid #ededed;
    border-top: none;
    padding-bottom: 10px;
}

.card__title {
    font-size: 14px;
    font-weight: 500;
}

.card__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px 11px;
}

.card__row--bdbt {
    border-bottom: 1px solid #f5f7f9;
}

.card__row__value {
    padding: 4px 13px;
    border-radius: 10rem;
    color: #fff;
    line-height: 1;
    min-width: 34px;
    text-align: center;
    font-weight: 500;
}

.card__sublist {
    padding: 10px 0;
}

.card__sublist a {
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 500;
}

.c-dark-gray,
.c-dark-gray::before {
    color: #757880;
}

.c-grey-l,
.updated .c-grey-l {
    color: #e8e5e5;
}

.updated .c-white {
    color: #fff;
}

.updated .c-red {
    color: #b70936;
}

.updated .c-blue {
    color: #0f8ab8;
}

.updated .c-green {
    color: #9bbe45;
}

.updated .c-orange {
    color: #ff9900;
}

.bg-gray {
    background-color: #f3f3f3;
}

.bg-light-gray {
    background-color: #fcfdfd;
}

.bg-green {
    background-color: #b9d17d;
}

.bg-redish {
    background-color: #ed805f;
}

.bg-red {
    background-color: #e54919;
}

.bg-blue {
    background-color: #4ca8ca;
}

.bg-dark {
    background-color: #827d7d;
}

.va-bottom::after,
.va-bottom::before {
    vertical-align: bottom;
}

.notification-container .popup_class {
    position: relative;
    cursor: pointer;
}

.notification-container #popup_ticket,
.notification-container #popup_reply,
.notification-container #popup_encryption,
.notification-container #popup_attachment,
.notification-container #popup_tech_comment {
    position: absolute;
    top: 100%;
    left: 8px;
    z-index: 1010;
    text-align: left;
    padding: 5px;
    color: black;
    border: 1px outset #dceaf0;
    box-shadow: 3px 3px 10px #a5a5a5;
}


/* My_tickets ========================================== */

.my_tickets__table {
    width: 100%;
    /* margin-top: 70px; */
    border-collapse: collapse;
}

.my_tickets__table.clickable tr td {
    cursor: pointer;
	
	/* border: 1px solid blue; */
}


/* Table to divs mechanics ========================================== */

.my_tickets__table--to-divs {
    width: 100%;
}

.my_tickets__table--to-divs .tr {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ededed;
    /* display: table-row; */
    cursor: pointer;
}

.my_tickets__table--to-divs .tr:hover:not(.thead) {
    background-color: #fcfcfc;
}

.my_tickets__table--to-divs * {
/*    font-size: 14px; */
/*    font-weight: 600;*/
}

.my_tickets__table--to-divs .th,
.my_tickets__table--to-divs .th * {
    font-size: 14px;
    font-weight: 700;
}

.my_tickets__table--to-divs .td {
    display: inline-block;
    width: 5%;
    /* flex: 1 1 0; */
    /* display: table-cell; */
    padding-top: 17px;
    padding-bottom: 10px;
    /* margin-right: 10px; */
}

.my_tickets__table--to-divs .tr .td:nth-of-type(4) {
    /* width: 36%; */
	width: 43%;
    white-space: normal;
}

.my_tickets__table--to-divs .tr .td:nth-of-type(2) {
    width: 10%;
}

.my_tickets__table--to-divs .tr .td:nth-of-type(5) {
    width: 7%;
}

.my_tickets__table--to-divs .tr .td:nth-of-type(8) {
    width: 7%;
}

.my_tickets__table--to-divs .tr .td:nth-of-type(9) {
    width: 7%;
}

.my_tickets__table--to-divs .tr .td:nth-of-type(10) {
    width: 7%;
}


/* Table to divs mechanics mytickets.php ========================================== */

.my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(5) {
    width: 12%;
}

.my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(2) {
    width: 9%;
}

.my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(7) {
    width: 6%;
}

.my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(1),
.my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(3) {
    width: 3.5%;
}

.table-fixed {
    table-layout: fixed;
}

.my_tickets__table td,
.my_tickets__table th,
.my_tickets__table--to-divs .td,
.my_tickets__table--to-divs .th,
.table_updated th,
.table_updated td {
    padding-right: 5px;
	padding-left: 5px;	
}

.my_tickets__table th {
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 22px;
    padding-top: 18px;
}

.my_tickets__table a {
    text-decoration: none;
    color: #34383c;
    font-size: 14px;
}

.my_tickets__table td {
    font-size: 14px;
    /* font-weight: 600; */
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 22px;
    padding-top: 18px;
	white-space: nowrap;
}

.my_tickets__table td.p0 {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 15px;
}

.my_tickets__table.table-small td {
    /* font-weight: 600; */
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 14px;
    padding-top: 10px;
}

.my_tickets__table.table-inner td {
    font-size: 12px;
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 4px;
    padding-top: 2px;
}

.my_tickets__table td>span {
    font-size: 14px;
    font-weight: 600;
}

.my_tickets__table tr:hover {
    background-color: #fcfcfc;
    position: relative;
}

.my_tickets__table tr.critical>td {
    background: rgba(255, 153, 153, 0.286);
}

.status-circle {
    background-color: green;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
}

.status-circle[data-status="high"] {
    background-color: #e54919;
}

.status-circle[data-status="medium"] {
    background-color: #ffdd00;
}

.status-circle[data-status="low"] {
    background-color: #9bbd45;
}


.my_tickets__table span.high_highlight {
    background-color: #fcece8;
    color: #e54e1f;
}

.my_tickets__table span.medium_highlight {
    background-color: rgba(156, 190, 69, 0.1);
    color: #9bbe45;
}

.my_tickets__table .view-ticket-hower-item {
    position: relative;
    font-size: 25px;
    color: #030404;
    line-height: 1;
    cursor: pointer;
}

.my_tickets__table .view-ticket-td .view-ticket {
    /* content: "View Ticket"; */
    /* display: none; */
    position: absolute;
    bottom: calc(100% + 12px);
    right: -30px;
    background-color: #33373b;
    color: #fff;
    width: 166px;
    padding: 13px 16px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

.my_tickets__table .view-ticket-td .view-ticket::before {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    transform: rotate(45deg);
    top: calc(100% - 15px);
    background-color: #33373b;
    left: 108px;
    /* display: none; */
}


/* .my_tickets__table .view-ticket-td:hover .view-ticket-hower-item::after,
.my_tickets__table .view-ticket-td:hover .view-ticket-hower-item::before,
.my_tickets__table .view-ticket-hower-item:hover::after,
.my_tickets__table .view-ticket-hower-item:hover::before {
    display: block;
} */


/* spinner */

.spinner-container {
    display: none;
    margin-left: 30px;
}


/* Tag table */

.tag-table {
    /* padding-top: 20px; */
    border-collapse: separate;
    border-spacing: 0px 0px;
	
}

.tag-table th {
    text-align-last: left;
}
.tag-table td {
	padding: 5px;
}


/* Dropdown select boxes */

.dropdowns-container {
    /* padding-bottom: 33px; */
}

.dropdown-box * {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    box-sizing: border-box;
}

.dropdown-content__title {
    margin-top: 12px;
    margin-bottom: 11px;
}

.dropdown-box {
    position: relative;
    width: 25%;
    min-width: 151px;
    font-size: 14px;
    border: 1px solid #ededed;
    padding: 9px 15px;
    margin-right: 2rem;
}

.dropdown-content__option {
    margin-bottom: 7px;
}

[data-on] {
    background-color: #f2f9fc;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #fff;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
    border: 1px solid #ededed;
    padding: 0 15px;
    border-top: none;
    z-index: 1;
}

.dropdown-box__input {
    height: 100%;
    width: 100%;
    border: none;
    box-shadow: none;
}

.dropdown-box__input:focus {
    outline: none;
}

.message_div_ .message_text_updated {
    /* max-height: 0; */
    /* transform: scaleY(0); */
    /* transition: 0.4s; */
    /* overflow: hidden; */
}

.message_div_.msg-state-open .message_text_updated {
    /* max-height: initial; */
    /* transform: scaleY(1); */
}


/* FOOTER ========================================== */

.updated #footer p {
    color: #c4c4c4;
    /* font-size: 16px; */
}


/* medias ========================================== */

@media screen and (max-width: 1500px) {
    .d-flex-1500-up {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr.thead {
        display: none;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr {
        flex-wrap: wrap;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(1) {
        width: 15%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(2) {
        width: 25%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(3) {
        width: 60%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(4) {
        width: 100%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(5),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(6),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(7),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(8) {
        width: 25%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(9),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(10),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(11),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(12) {
        width: 25%;
    }
    .my_tickets__table.my_tickets__table--to-divs--my .td[data-th]:before {
        content: attr(data-th);
        font-weight: 700;
        font-size: 12px;
        float: left;
    }
    .my_tickets__table.my_tickets__table--to-divs--my .td[data-th]:before {
        color: gray;
        margin-right: 3px;
        transform: translateY(2px);
    }
    .my_tickets__table td.wrap1200 {
        white-space: normal;
    }
    .d-flex-1200-down {
        display: flex;
    }
    .d-flex-1200-up {
        display: block;
    }
    .col-conversations {
        width: initial;
        padding-bottom: 2rem;
        margin-bottom: 3rem;
        border-bottom: 1px solid #ededed;
    }
}

@media screen and (max-width: 1000px) {
    .my_tickets__table--to-divs .tr.thead {
        display: none;
    }
    .my_tickets__table--to-divs .tr {
        flex-wrap: wrap;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(1),
    .my_tickets__table--to-divs .tr .td:nth-of-type(2),
    .my_tickets__table--to-divs .tr .td:nth-of-type(3) {
        width: 33%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(4) {
        width: 100%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(5),
    .my_tickets__table--to-divs .tr .td:nth-of-type(6),
    .my_tickets__table--to-divs .tr .td:nth-of-type(7),
    .my_tickets__table--to-divs .tr .td:nth-of-type(8),
    .my_tickets__table--to-divs .tr .td:nth-of-type(9),
    .my_tickets__table--to-divs .tr .td:nth-of-type(10),
    .my_tickets__table--to-divs .tr .td:nth-of-type(11) {
        width: 14.1%;
        /* margin-bottom: 10px; */
    }
    .db-1000-down {
        display: block;
    }
    .w20pr-1000-up {
        width: initial;
    }
    .w40pr-1000-up {
        width: initial;
    }
    .d-flex-1000-up {
        display: block;
    }
    .mt20-1000-up {
        margin-top: 20px;
    }
    .mb12-1000-down {
        margin-bottom: 12px;
    }
    .header_tabs.header_tabs--mobile .header_tabs__link.logout-link {
        padding-bottom: 30px;
    }
    .updated #tech_header>.container {
        align-items: center;
    }
	.updated .client-page #tech_logo {
		transform: translateY(-5px);
	}
	.updated #tech_header #tech_logo {
		float: none;
		transform: translateY(2px);
	}
    .mt15-l {
        margin-top: initial;
    }
    .container,
    .container-90pr {
        max-width: calc(100% - 8rem);
        margin: 0 auto !important;
    }
    /* mobile header */
    .header_tabs {
        visibility: hidden;
        height: 0;
        opacity: 0;
        position: absolute;
        transition: all 0.2s ease-out;
        visibility: visible;
        background-color: #0083b3;
        width: 100%;
        top: 100%;
        left: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-right: 0;
        overflow: hidden;
    }
	.notification-container {
		margin-bottom: 0px;
	}
    .logged_in.updated #tech_header {
        height: 55px;
    }
    .client-page .header {
        height: 55px;
    }
    .logged_in .tech_header-container {
        align-items: center;
        height: 100%;
        justify-content: space-between;
        width: 100%;
    }
    .mobile_toggle {
        display: flex;
    }
    .client-page .mobile_toggle {
        display: flex;
    }
    .header_tabs__link.active_tab::after {
        content: none;
    }
    .updated .header_tabs__link {
        margin-right: 0;
    }
    /* /mobile header */
    /* table data responsive */
    .my_tickets__table td {
        display: inline-block;
        text-align: right;
    }
    .my_tickets__table.not-responsive {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .my_tickets__table.not-responsive td {
        display: table-cell;
        text-align: initial;
        border-bottom: none;
    }
    .my_tickets__table.not-responsive.bb td {
        display: table-cell;
        text-align: initial;
        border-bottom: 1px solid #ededed;
    }
    .my_tickets__table .data-row {
        /* width: 50%; */
        display: block;
        float: left;
        padding-right: 15px;
        border-bottom: 3px solid #e5e4e4;
    }
    .my_tickets__table tr th {
        display: none;
    }
    .my_tickets__table td th {
        display: block;
        /* width: 100%; */
        text-align: right;
    }
    .my_tickets__table td[data-th]:before,
    .my_tickets__table .td[data-th]:before {
        content: attr(data-th);
        font-weight: 700;
        font-size: 12px;
        float: left;
		margin-right: 5px;
    }
    .my_tickets__table .td[data-th]:before {
        color: gray;
        margin-right: 3px;
        transform: translateY(2px);
    }
}

@media screen and (max-width: 850px) {
    .mb12-850-down {
        margin-bottom: 12px;
    }
    .d-flex-850-up {
        display: block;
    }
    .mr3r-850-up {
        margin-right: initial;
    }
    .w50pr-850-up {
        width: initial;
    }
	
	.my_tickets__table td {
		white-space: normal;
	}

	.text-elipsis {
		height: auto;
		overflow: visible;
		line-height: 1.3;
	}
	
}

@media screen and (max-width: 800px) {
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(5),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(6),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(7),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(8) {
        width: 50%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(9),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(10),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(11),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(12) {
        width: 50%;
    }
    .mobile_toggle.mobile_toggle--client {
        display: flex;
    }
    .label-130-800-down {
        width: 130px;
    }
    .db-800-up {
        display: block;
    }
    .w40pr-800-up {
        width: initial;
    }
    .w20pr-800-up {
        width: initial;
    }
    .mb15-800-down {
        margin-bottom: 15px;
    }
    .d-flex-800-up {
        display: block;
    }
    .dn-med-down {
        display: none;
    }
    .f-wrap-m,
    .f-wrap-800-down {
        flex-wrap: wrap;
    }
    .dropdown-box {
        margin-bottom: 15px;
        width: initial;
    }
    .btn.btn--green.btn--create {
        margin-bottom: 15px;
        width: initial;
    }
}

@media screen and (max-width: 650px) {
    .my_tickets__table--to-divs .tr .td:nth-of-type(5),
    .my_tickets__table--to-divs .tr .td:nth-of-type(6),
    .my_tickets__table--to-divs .tr .td:nth-of-type(7),
    .my_tickets__table--to-divs .tr .td:nth-of-type(8) {
        width: 25%;
        margin-bottom: 5px;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(9),
    .my_tickets__table--to-divs .tr .td:nth-of-type(10),
    .my_tickets__table--to-divs .tr .td:nth-of-type(11) {
        width: 33%;
        margin-bottom: 5px;
    }
    .container-90pr {
        max-width: calc(100% - 4.4rem);
    }
    .align-center-650-down {
        align-items: center;
    }
    .dn-650-down {
        display: none;
    }
    /* mobile header */
    .client-page .header_tabs {
        visibility: hidden;
        height: 0;
        opacity: 0;
        position: absolute;
        transition: all 0.2s ease-out;
        visibility: visible;
        background-color: #0083b3;
        width: 100%;
        top: 100%;
        left: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-right: 0;
        overflow: hidden;
    }
    .logged_in.updated #tech_header {
        height: 55px;
    }
    .logged_in .tech_header-container {
        align-items: center;
        height: 100%;
        justify-content: space-between;
        width: 100%;
    }
    .mobile_toggle {
        display: flex;
    }
    .header_tabs__link.active_tab::after {
        content: none;
    }
    .updated .header_tabs__link {
        margin-right: 0;
    }
    /* /mobile header */
    .updated .header {
        height: 55px;
    }
    .pb20-650-up {
        padding-bottom: initial;
    }
    .login {
        position: absolute;
        background-color: #0083b3;
        top: 100%;
        width: 100%;
        left: 0;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .my_tickets__table.client-page .data-row {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(2),
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(3) {
        width: 40%;
        margin-bottom: 10px;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(1) {
        width: 20%;
        margin-bottom: 10px;
    }
    .db-600-up {
        display: block;
    }
    .w100pr-600-up {
        width: 100%;
        display: block;
    }
    .mb15-600-down {
        margin-bottom: 15px;
    }
    .container {
        max-width: calc(100% - 5rem);
    }
    .f-wrap-600-down {
        flex-wrap: wrap;
    }
    .dn-600-down {
        display: none;
    }
    .justify-start-600-down {
        justify-content: flex-start;
    }
    .justify-start-600-down>.col-l {
        width: 37.4%;
    }
    .d-flex-600-up {
        display: block;
    }
    html {
        font-size: 6px;
    }
    /* mobile header */
    .header_tabs {
        visibility: hidden;
        height: 0;
        opacity: 0;
        position: absolute;
        transition: all 0.2s ease-out;
        visibility: visible;
        background-color: #0083b3;
        /* width: 100%; */
        top: 100%;
        left: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-right: 0;
        overflow: hidden;
    }
    .updated #tech_header {
        height: 55px;
    }
    .tech_header-container {
        align-items: center;
        height: 100%;
        justify-content: space-between;
        width: 100%;
    }
	#tech_header .notification-container button {
		padding-right: 12px;
		padding-left: 12px;
	}
    .mobile_toggle {
        display: flex;
    }
    /* /mobile header */
    .updated .btn {
        font-size: 14px;
        padding: 10px 12px;
        margin-left: 12px;
        line-height: 1;
    }
}

@media screen and (max-width: 500px) {
    .d-flex-500-up {
        display: block;
    }
}

@media screen and (max-width: 425px) {
    .my_tickets__table--to-divs .tr .td:nth-of-type(1) {
        width: 20%;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(2) {
        width: 40%;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(5) {
        width: 32%;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(7) {
        width: 27%;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(6) {
        width: 21%;
    }
    .my_tickets__table--to-divs .tr .td:nth-of-type(8) {
        width: 20%;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(5) {
        width: 100%;
        margin-bottom: 1rem;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(2) {
        width: 47%;
        margin-bottom: 1rem;
    }
    .my_tickets__table--to-divs.my_tickets__table--to-divs--my .tr .td:nth-of-type(3) {
        width: 25%;
        margin-bottom: 1rem;
    }
    .dropdown-box {
        margin-right: 0;
    }
    .f-wrap-425-down {
        flex-wrap: wrap;
    }
    .d-flex-425-up {
        display: block;
    }
    .label-130-800-down {
        width: initial;
        min-width: 65px;
    }
    .w43pr-425-up {
        width: initial;
    }
    .my_tickets__table .data-row {
        width: 100%;
    }
    .ml10-425-up {
        margin-left: initial;
    }
    .mr3r-425-up {
        margin-right: initial;
    }
    .last-tickets .tickets-container>div {
        border-bottom: 1px solid #ededed;
        margin-bottom: 6px;
    }
    .updated .btn--client-login {
        margin-top: 10px;
        width: calc(100% - 30px);
        margin-left: 0;
    }
    .client-page .login input {
        width: calc(50% - 21px);
    }
}

.messagesAccordionToggle {
    transform: rotate(0deg);
    transition: all 0.4s;
}

.rotate--open {
    transform: rotate(-90deg);
}


/* Animations */

.loader {
    margin: 14px auto;
    font-size: 4.4px;
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    animation: load5 1.1s infinite ease;
    transform: translateZ(0);
}

@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #2b2c2b, 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2), 2.5em 0em 0 0em rgba(43, 44, 43, 0.2), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.2), 0em 2.5em 0 0em rgba(43, 44, 43, 0.2), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.2), -2.6em 0em 0 0em rgba(43, 44, 43, 0.5), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.7), 1.8em -1.8em 0 0em #2b2c2b, 2.5em 0em 0 0em rgba(43, 44, 43, 0.2), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.2), 0em 2.5em 0 0em rgba(43, 44, 43, 0.2), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.2), -2.6em 0em 0 0em rgba(43, 44, 43, 0.2), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.5), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.7), 2.5em 0em 0 0em #2b2c2b, 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.2), 0em 2.5em 0 0em rgba(43, 44, 43, 0.2), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.2), -2.6em 0em 0 0em rgba(43, 44, 43, 0.2), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.2), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.5), 2.5em 0em 0 0em rgba(43, 44, 43, 0.7), 1.75em 1.75em 0 0em #2b2c2b, 0em 2.5em 0 0em rgba(43, 44, 43, 0.2), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.2), -2.6em 0em 0 0em rgba(43, 44, 43, 0.2), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.2), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2), 2.5em 0em 0 0em rgba(43, 44, 43, 0.5), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.7), 0em 2.5em 0 0em #2b2c2b, -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.2), -2.6em 0em 0 0em rgba(43, 44, 43, 0.2), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.2), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2), 2.5em 0em 0 0em rgba(43, 44, 43, 0.2), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.5), 0em 2.5em 0 0em rgba(43, 44, 43, 0.7), -1.8em 1.8em 0 0em #2b2c2b, -2.6em 0em 0 0em rgba(43, 44, 43, 0.2), -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.2), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2), 2.5em 0em 0 0em rgba(43, 44, 43, 0.2), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.2), 0em 2.5em 0 0em rgba(43, 44, 43, 0.5), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.7), -2.6em 0em 0 0em #2b2c2b, -1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(43, 44, 43, 0.2), 1.8em -1.8em 0 0em rgba(43, 44, 43, 0.2), 2.5em 0em 0 0em rgba(43, 44, 43, 0.2), 1.75em 1.75em 0 0em rgba(43, 44, 43, 0.2), 0em 2.5em 0 0em rgba(43, 44, 43, 0.2), -1.8em 1.8em 0 0em rgba(43, 44, 43, 0.5), -2.6em 0em 0 0em rgba(43, 44, 43, 0.7), -1.8em -1.8em 0 0em #2b2c2b;
    }
}