@charset "utf-8";
/* ==========================================================================
   MERGED BASE STYLES: client-desktop.css
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap"); /* Customer Landing Page */
/* CSS Document */
/*
/*      CLIENT - Desktop
*/

html {
    background: var(--nav-bar-bg);
}
body {
    background: #f3f3f5;
	margin: 0;
}
body,
.faq-page .thread-body {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: initial;
    font-family: 'Open Sans', sans-serif !important;
    color: #3b4450;
}
input, select, textarea {
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #696969;
    padding: 0;	
}
a, .link, a:hover, .link:hover {
    border-bottom: unset;
	margin-bottom: unset;
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6, 
.thread-body.bleed h1,
.thread-body.bleed h2,
.thread-body.bleed h3
.thread-body.bleed h4,
.thread-body.bleed h5,
.thread-body.bleed h6 {
    font-family: Montserrat, sans-serif;
}
h1 {
    position: relative;
    color: #606d7f;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
	width: fit-content;
}
h1 b {
    font-weight: normal;
}
h1 small {
	font-size: 70%;
}
h3,
.thread-body.bleed h3 {
    margin: 10px 0 10px 0;
    color: #777;
    font-weight: normal;
    font-size: 23px !important;
}
hr {
	display: none;
}
p,
.faq-page .thread-body.bleed,
.main-content {
    padding: 0;
    margin: 0;
    font-size: 18px; /*target important */
    font-weight: 400;
    line-height: initial;
    font-family: 'Open Sans', sans-serif;
    overflow: initial;
}
}
.error {
	color: #d62705;
    font-weight: 500;
    margin: 0px 0px 10px 0px!important;
}
/* ==========================================================================
 HEADER
========================================================================== */
#container {
    width: 100%;
	height: 60px;	
    margin: 0 auto;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;	
    border-radius: 5px!important;
	background: unset;
}
#header {
    position: relative;
    height: 60px;
    padding: 0;
}
#header a {
	font-family: Montserrat, sans-serif;
    font-size: 14px;
}
#header a:hover {
    color: var(--header-title-hover) !important;
}
#header-desktop {
	display: block;
}
#header-mobile {
	display: none;
}
#header .pull-left {
    float: left;
    width: 400px;
    height: 60px;
    background: #000;
}
#header-logo {
    float: left;
}
.rtl #header-logo {
    float: right;
}
#header #logo img {
    display: none;
}
#header-links {
    float: right;
    margin: 0 1px 0px 0;
    padding: 14px 0px 0px 0;
    color: #DAD5D5!important;
    font-size: 13px;
}
#header-links a {
    margin: 0 0 0 8px;
}
#header-inner {
    max-width: 1264px;
    height: 60px;
    margin: 0 auto;
}
#header-inner p {
    font-size: 14px;
}
#internationalization-container {
    background: #CA2303;
    width: 100%;
    height: 23px;
    margin: 5px 0 0 0;
}
#internationalization {
    float: right;
    padding: 6px 7px 0px 0;
}
.clear {
    height: 0px;
}
#header p {
    width: unset;
    padding: unset;	
    /*color: var(--nav-bar-link);*/ /*target*/
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.pull-right.flush-right {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 100;
}
.pull-right.flush-right a {
    color: var(--nav-bar-link);
    margin: 0 10px 0 0;
    font-weight: 400;
}
.pull-right.flush-right a:last-child {
    margin: 0;	
}	
.pull-right.flush-right a:first-child {
    margin-left: 10px;
}
.rtl .pull-right.flush-right a:first-child {
    margin-left: 0;
    margin-right: 10px;
}
.pull-right.flush-right a b {
    font-weight: 100;
    margin-right: 4px;
}
a[href*="/login.php"],
a[href*="/logout.php"] {
	text-decoration: none!important;
    letter-spacing: 0px;
    padding: 5px 7px 7px 7px;
    position: relative;
    top: 0;
    border-radius: 3px;
    font-weight: 500 !important;
    will-change: background;
    transition: all 0.15s ease-in-out;
	border: .5px solid var(--header-title-color);
    border-radius: 3px;	
}
a[href*="/login.php"]:hover, 
a[href*="/logout.php"]:hover {
    background: var(--nav-bar-bg) !important;
    color: var(--header-title-color) !important;
} 
@media screen and (max-width: 900px) {
	#header a[href*="/profile.php"] {
		font-size: 14px;
		width: initial;
	}
}
#content {
    max-width: calc(1264px - 2%);
    position: relative;
    box-shadow: 1px 2px 30px rgba(0, 0, 0, .05);
    background: #fff !important;
    margin: 0 auto !important;
    margin-top: 26px !important;
    margin-bottom: 3% !important;	
    border-radius: 6px;
    padding: 20px !important;
    overflow: auto;
}
.flag {
	margin: 0 5px 4px 0;
    fill: var(--nav-bar-link);
    width: 24px;
    height: 16px;
    background-size: 28px 22px !important;
    background-position: center center !important;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.26) !important;
}
a.flag {
    margin-left: 0;
    margin-bottom: 1px;	
    float: left;
}
#flags {
    float: right;
}
.select2-results,
.select2-selection__rendered {
    font-size: 15px;
}

/* ==========================================================================
 LOGO
========================================================================== */
#left-logo {
    position: relative;
    margin: 12px 11px 12px 2px !important;
}
.rtl #left-logo {
    margin: 12px 2px 12px 11px !important;
}
#header-image img {
    height: 34px;
}

/* ==========================================================================
 NAVIGATION
========================================================================== */
#nav-wrapper {
    background: var(--nav-bar-bg);
    height: 24px;
    position: relative;
    z-index: 4;
}
#nav-inner {
    max-width: 1264px;
    margin: 0 auto;
    overflow: hidden;
}
#nav {
    padding: 0;
    background: initial;
    border-top: initial;
    box-shadow: unset;
    border: none;
    height: 24px;
    line-height: 23px;
    margin: 0 auto;
    width: fit-content;
    float: left;
}
#nav li {
    max-width: 900px;
    margin: 0 auto;
}
#nav li a {
    background-image: none!important;
    color: var(--nav-bar-link);
    display: inline-block;
    width: unset;
    height: unset;
    line-height: unset;
    text-align: unset;
    padding: unset;
    margin: 0 10px 0 0;
    border-radius: unset;
    background-position: unset;
    background-repeat: unset;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.rtl #nav li a {
	padding-right: 0;
    margin-right: 0;
}
#nav li a.active, #nav li a:hover {
    border: 0px!important;	
    background-color: unset;
    height: unset;
}
#nav li a:hover,
#nav li a svg:hover,
#languages svg:hover {
    color: var(--nav-bar-link-hover) !important;
	fill: var(--nav-bar-link-hover) !important;
}
#nav-wrapper ul#nav li:first-child {
	display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.rtl #nav-wrapper ul#nav li:first-child {
    margin-right: 0;
}
ul#nav li a svg {
	fill:  var(--nav-bar-link);
}
#mobile_right_buttom {
	display:none;
}
@media screen and (min-width: 960px) { 
	#right-buttons,
	#right_menu,
	button.c-hamburger.c-hamburger--htx {
		display: none!important;
	}
}

/* ==========================================================================
 TYPOGRAPHY
========================================================================== */

h2, .subject {
	color: #475260;
    font-weight: 600;
    line-height: 1.2;
    font-size: 25px;
    font-family: Montserrat, sans-serif;
}
h2[style="margin:0 0 19px 0;font-size:16pt"] {
    line-height: 20px;
}
div[style="margin:0px 30px 0px 30px;padding:5px 0 0 0"] {
    margin: 40px 100px 0 60px !important;
}
label.required, span.required {
    font-weight: 400;
}

/* ==========================================================================
 INPUTS
========================================================================== */
input {
    line-height: normal;
}
input, select, textarea {
    margin: 0;
    vertical-align: baseline;
}
.form_table input[type=text] {
    width: 423px!important;
}
select, input.dp, input#query, input[type="text"], input[type="search"], input[type="email"], .form-field, .form_table input[type=text], .form_table input[type=password], .form_table textarea, input[type="tel"] {
    padding: 0 0 0 6px!important;
    color: #252525!important;
    margin: 3px 0px 3px 2px!important;
    border: .5px solid #a1a6ad!important;
    border-radius: var(--edafa-radius-md)!important;
    height: 30px!important;
    font-size: 14px;
    background-color: #fff !important; /*this use to specify background instead of background-color, but broke chevrons in drop-down menus*/
}
tbody#dynamic-form select {
    padding: 0 6px 0 6px!important;
}	
.rtl select, .rtl input.dp, .rtl input#query, .rtl input[type="text"], .rtl input[type="search"], .rtl input[type="email"], .rtl .form-field, .rtl .form_table input[type=text], .rtl .form_table input[type=password], .rtl .form_table textarea, .rtl input[type="tel"] {
	padding: 0 6px 0 0 !important;
}
.dropzone {
    background: #e8f6fa!important;
    font-size: 14px;
    color: #747373!important;
    padding: 8px!important;
    border-radius: 5px!important;
}
.filedrop .dropzone a {
    color: #0f588f!important;
    text-decoration: underline;
}
.filedrop {
    padding-bottom: 22px;
}
.error-asterisk {
    color: #d62705;
    font-size: 19px!important;
    font-weight: bold;
}
input#username,
input[type="password"] {
    padding: 0 0 0 6px!important;
    color: #252525!important;
    margin: 3px 0px 3px 2px!important;
    border: .5px solid #A5A4A4!important;
    border-radius: var(--edafa-radius-md)!important;
    height: 30px!important;
    font-size: 14px;
    width: 100%!important;
  	background: #fff !important;
}
input[name="passwd1"],
input[name="passwd2"] {
    border-right: 4px solid var(--edafa-danger) !important;
}
.rtl input#username,
.rtl input[type="password"] {
    padding: 0 6px 0 0!important;
}
input[size="5"] {
    width: 44px!important;
}
input[type="tel"] {
    width: 330px !important;
    height: 32px !important;
}

/* ==========================================================================
 REDACTOR
========================================================================== */

.redactor-toolbar {
    border-bottom: 0px!important;
    border-radius: 5px 5px 0 0;
}
.redactor-editor {
	font-size: 11pt;
    height: 300px;
	border: .5px solid #A5A4A4!important;
    border-top: 0px!important;
}
.redactor-box {
	background: initial;
    border: 0px;
    margin-top: 10px !important;
}

/* ==========================================================================
 CAPTCHA
========================================================================== */
#captcha-image,
#captcha-text,
#captcha-info {
  float: left;
  margin: 5px 10px 10px 0;
}
.rtl #captcha-image,
.rtl #captcha-text,
.rtl #captcha-info {
  float: right;
  margin: 5px 0 10px 10px;
}
#ticketForm div .captcha {
    margin-right: 0;
}
th.required {
    font-weight: bold;
}
tr.captchaRow th {
    padding: 0 0 5px 0;
}
#ticketForm div input#captcha {
    width: 87px!important;
    min-width: 87px!important;
    text-align: center;
    padding: 0px!important;
    margin: 1px 0 0 0!important;
    display: inline-block !important;	
}
input#captcha {
    border-right: 2px solid var(--edafa-danger) !important;
}
#ticketForm input#captcha input#captcha {
	width: calc(87px - 6px) !important;
}
span.captcha {
    border: 1px solid #A5A4A4!important;
    border-radius: var(--edafa-radius-sm)!important;
}
#captcha img {
    /* width: 87px!important; */
    text-align: center;
    padding: 0px!important;
    margin: 0px 12px 0 12px!important;
    border: 1px solid #A5A4A4!important;
    border-radius: 3px;
}
.captcha-float {
    float: left;
}
.captcha-float.error-asterick {
    float: left;
}
.captcha-float font.error-asterisk {
    float: left;
}
.captcha-float .error {
    float: left;
    margin: 5px 0 0 0;
}
.captcha-text {
    float: right;
    margin: 5px 0 0 4px;
    font-weight: 400;
}
.captcha-error {
    color: #d62705;
    font-weight: bold;
    margin: 6px 0px 0px 12px!important;
}
#ticketForm td .captcha {
    margin-right: 3px;
}
tr.captchaRow td.required {
    font-weight: 500;
}
.form-header[style="margin-bottom:0em"]:after {
    content: '*';
    color: #d62705;
    font-size: 19px!important;
    font-weight: bold!important;
}

/* ==========================================================================
 BUTTONS
========================================================================== */
p[style="text-align: center;"] {
    margin: 30px 0 0 0;
}

/* ==========================================================================
 ALERTS: ERRORS, NOTICES AND WARNINGS
========================================================================== */

#msg_notice, #msg_warning, #msg_error {
    display: table;
    padding: 14px 14px 14px 46px;
    background: initial;
    border-radius: 6px;
    font-size: 17px;
    width: calc(98% - 47px);
    margin: 10px 0 35px 0;
    font-weight: 500;	
}
#alert-icon {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 40px;	
}
#alert-text {
    display: table-cell;	
    vertical-align: middle;
}
#msg_error svg, #msg_warning svg, #msg_notice svg {
    fill: currentColor;
    position: initial;
    width: 24px!important;
    margin: 0px 0px 0px 0px;
    padding: 0 10px 0 2px;
    animation: bounceIn 1s;
	-webkit-animation-iteration-count: 3;
}
#msg_notice {
    border: .5px solid #bdd1ac;
    border-right: 6px solid #A1C7CF;
	color: #3c763d;
    background-color: #dff0d8;
    background: url(../icons/alert-outline-message.svg) 16px 50% no-repeat #dff0d8 !important;
    background-size: 22px !important;	
}
#msg_warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border: 1px solid #D7BF96;
    border-right: 6px solid #C9B799;	
}
#msg_error {
    color: #8b6161;
    background-color: #FFF0F0;
    border: initial;
    border-right: 6px solid #CF9E94;
    font-size: 20px;
}
#msg_info {
    padding: 14px 14px 14px 52px;	
	line-height: 30px;
}
i.icon-compass.icon-2x.pull-left {
	display: none;
}	
#msg_info a[href*="/login.php"], 
#msg_info a[href*="/logout.php"] {
    top: -1px;
    border: .5px solid #31708f;
    padding: 2px 5px 4px 5px;
    background: #ffffff29;	
}	
#msg_info, #msg_notice, #msg_warning, #msg_error, .success-banner, .notice-banner {
	animation-name: bounceInClient;
}
@keyframes bounceInClient {
  from {
    -webkit-transform: scale(0.5);	  
	transform: scale(0.5);  
    opacity: 0.4;
  }
  50% { 
    -webkit-transform: scale(1.1);
	transform: scale(1.1); 	  
    opacity: 0.8;
  }
  to {  
    -webkit-transform: scale(1.0);
	transform: scale(1.0); 	  
    opacity: 1;
  }
}

/* ==========================================================================
 LANDING PAGE BOXES
========================================================================== */
#open-or-check, 
#check-ticket {
    width: calc(100% - 0px);
    margin: 0 auto 40px auto;
    overflow: hidden;
    padding: 0 0 10px 0;
}
.client-choice {
    width: calc(50% - 150px);
    min-height: 265px;
    float: left;
    border-radius: 5px;
    padding: 40px;
    background: #E8EBEF;
    position: relative;
    -webkit-box-shadow: 0 5px 0 0 #C6CCD4;
    -moz-box-shadow: 0 3px 0 0 #C6CCD4;
    box-shadow: 0px 5px 0px 0px #C6CCD4;
}
#open-or-check .client-choice {
    min-height: 216px;
}
#open-new, 
#access-link,
#login-sign-in {
    margin: 0 20px 0 40px;
}
#check-status, 
#sign-in,
#login-options {
    margin: 0 20px 0 40px;
}
#clientLogin #email, 
#clientLogin #ticketno {
    margin: 0 auto !important;
    width: 243px;
}
#access-link #open-text,
#login-sign-in #open-text {
    width: 250px;
    margin: 23px auto;
}
#open-text input {
    width: 243px !important;
    height: 37px !important;
}
#clientLogin input[type=submit],
#login-sign-in input#sign-in-button {
    background: #ff7563;
    -webkit-box-shadow: 0 3px 0 0 #cb4a39;
    -moz-box-shadow: 0 3px 0 0 #cb4a39;
    box-shadow: 0 3px 0 0 #c55b4e;
    color: #fff !important;
    background-position: left 26px center;
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 56px !important;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    border: initial !important;		
}
#clientLogin input[type=submit] {
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23FFFFFF' d='M4%2C4H20A2%2C2 0 0%2C1 22%2C6V18A2%2C2 0 0%2C1 20%2C20H4C2.89%2C20 2%2C19.1 2%2C18V6C2%2C4.89 2.89%2C4 4%2C4M12%2C11L20%2C6H4L12%2C11M4%2C18H20V8.37L12%2C13.36L4%2C8.37V18Z' /%3E %3C/svg%3E") !important;
}
form[action="login.php"] input[type="submit"]{
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23FFFFFF' d='M7%2C14A2%2C2 0 0%2C1 5%2C12A2%2C2 0 0%2C1 7%2C10A2%2C2 0 0%2C1 9%2C12A2%2C2 0 0%2C1 7%2C14M12.65%2C10C11.83%2C7.67 9.61%2C6 7%2C6A6%2C6 0 0%2C0 1%2C12A6%2C6 0 0%2C0 7%2C18C9.61%2C18 11.83%2C16.33 12.65%2C14H17V18H21V14H23V10H12.65Z' /%3E %3C/svg%3E") !important;
}
#clientLogin input[type=submit]:hover,
#login-sign-in input#sign-in-button:hover {
    -webkit-box-shadow: 0 3px 0 0 #ad4032;
    -moz-box-shadow: 0 3px 0 0 #cb4a39;
    box-shadow: 0 3px 0 0 #8a433a;
}
#sign-in-button:hover,
.searchArea button:hover,
#clientLogin input[type=submit]:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
} 
#open-new #sign-in-button:hover {
    -webkit-box-shadow: 0 3px 0 0 #b55245;
    -moz-box-shadow: 0 3px 0 0 #b55245;
    box-shadow: 0 3px 0 0 #b55245;
}
#check-status #sign-in-button:hover {
    -webkit-box-shadow: 0 3px 0 0 #57606b;
    -moz-box-shadow: 0 3px 0 0 #57606b;
    box-shadow: 0 3px 0 0 #57606b;
}
.subtitle {
    padding: 0px;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    font-family: 'Open Sans', sans-seri;
    margin: 30px 0 60px 0;
}
#login-hide {
    display: none;
}

#open-title {
    color: #475260;
    font-weight: 600;
    line-height: 1.2;
    font-size: 25px;
    font-family: Montserrat, sans-serif;
}
#open-text {
    color: #475260;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin: 20px 0 30px 0;
    min-height: 72px;
}
#open-new div#sign-in-button {
    background: #ff7563;
    -webkit-box-shadow: 0 3px 0 0 #cb4a39;
    -moz-box-shadow: 0 3px 0 0 #cb4a39;
    box-shadow: 0 3px 0 0 #c55b4e;
    border: initial !important;	
}
#sign-in-button {
    background: #8391A3;
    color: #ffffff;
    box-shadow: 0 3px 0 0 #636d7a;
    border: medium none;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 40px;
	width: fit-content;
    font-size: 18px;
    text-align: center;
    padding: 7px 30px;
    display: block;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0px;
}
.client-choice-icon {
    width: 23px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 6px;
}
.rtl .client-choice-icon {
    margin-right: 0;
    margin-left: 6px;
}
.client-choice-icon svg {
    fill: #fff;
    width: 24px;
    height: 24px;
}
#more-options {
    font-size: 16px;
    margin-top: 6px;
}
#information {
    overflow: hidden;
    padding: 40px;
    border: 1px solid #c6ccd4;
    margin: 20px 40px 44px 40px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 0 0 #C6CCD4;
    -moz-box-shadow: 0 3px 0 0 #C6CCD4;
    box-shadow: 0px 4px 0px 0px #bec4cb;
}
.other-resources {
    color: #596678;
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.info:nth-child(2) {
    margin-top: 40px;
}
.first.column section div a, .last.column section div a {
    margin: 0 0 8px 0 !important;
    display: inline-block;
}

/* ==========================================================================
 SIGN-IN PAGE login.inc.php
========================================================================== */

#clientLogin {
    background: url('../assets/default/images/lock.png?1319655200') 91% 72% no-repeat #f6f6f6;
}
#clientLogin strong {
    font-size: inherit;
    color: inherit;
    display: inherit;
}
#login {
    position: relative;
}
#ticketForm div label {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}
#clientLogin div label {
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}
.rtl #clientLogin div label {
    text-align: right;
}
#ticketForm div.clear, 
#clientLogin div.clear {
    padding: 0px;
}
img.sign-in-image {
    margin-bottom: 16px;
}
a.forgot-password {
    margin: 0 0 0 10px;
    position: absolute;
    bottom: 0px;
    width: 145px;
}

/* ==========================================================================
 WELCOME PAGE LANDING PAGE BOXES 
========================================================================== */

.main-content {
    width: 100%;
    display: table-cell;
}
.main-content p {
    margin: 20px auto 0 auto;
    font-size: 110%;
}

div[style="margin:0px 30px 0px 30px;padding: 0;"] {
    margin: 0 42px 24px 24px!important;
}
#landing-agent {
    margin: 5px 20px 9px 20px;
    padding: 0 3px 0 0;	
    font-size: 17px;
    float: right;
}
#landing-agent-welcome {
    padding: 20px 10px 20px 0;
    font-size: 17px;
    text-align: right;
	margin: 0 0 0 -6px;
}
#redactor-bottom-whitespace {
	margin: -2px 0 0px -4px;
    z-index: 100;
    background: url(../images/whitespace.png);
    width: 20px;
    position: absolute;
}
#redactor-bottom-whitespace-gray {
    background: url(../images/whitespace-gray.png);
}
#reply #redactor-bottom-whitespace {
    display: none;
}
.sidebar {
    max-width: 300px;
    margin: 0 0 0 30px;
    width: initial!important;
    padding: 25px;
    border: initial;
    border-radius: 5px;
    color: #7e8a8f !important;	
    margin-bottom: 40px !important;	
}
.sidebar .content {
	padding: 0;
    border: initial;
    background: initial;
    color: #fff;
    color: #3e4653;
    font-size: 18px;
}
.sidebar .content a {
    color: #4490b0;
    font-size: 18px;
    display: block;
    margin: 0 0 10px 0;
}
.sidebar div.topic {
    margin: 0 0 6px 0;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23585e60' d='M21%2C7L9%2C19L3.5%2C13.5L4.91%2C12.09L9%2C16.17L19.59%2C5.59L21%2C7Z' /%3E %3C/svg%3E");
    background-position: right 4px center !important;
    background-size: 20px !important;
	background-repeat: no-repeat !important;
}
.sidebar section .header,
.content section strong {
    margin-bottom: 12px;
    font-weight: 700;
    color: #585e60;
    font-size: 21px;
    display: block;
}
.sidebar section + section {
    margin-top: 19px;
}
.searchbar input[type="text"] {
    background-color: #ffffff !important;
    border: initial !important;
    color: #272a2e !important;
    font-size: 18px !important;
    margin-top: 20px !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%237e8a8f' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E") !important;
    background-position: right 12px center !important;
    background-size: 20px !important;
	background-repeat: no-repeat !important;
    color: #7e8a8f !important;
    font-weight: 400;
    padding: 4px 0 4px 11px !important;
    height: initial !important;	
}
.searchbar input[type="text"]::placeholder {
    font-weight: 100 !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #7e8a8f !important;
    font-style: initial;
	font-size: 16px;
}
/* Sidebar search — animated green button slide-in on focus */
.sidebar-search-container {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    height: 35px;
    margin-top: 20px;
}
.sidebar-search-container input[type="text"] {
    margin-top: 0 !important;
    width: 100% !important;
    height: 35px !important;
    box-sizing: border-box;
}
.sidebar-search-btn {
    position: absolute;
    right: -38px;
    top: 0;
    width: 38px;
    height: 35px;
    border: none !important;
    background: #7ab800;
    cursor: pointer;
    padding: 0 !important;
    margin: 0;
    min-width: initial;
    -webkit-transition: right .55s ease;
    -moz-transition: right .55s ease;
    transition: right .55s ease;
    border-radius: 0;
}
.sidebar-search-container i {
    top: 1px;
}
.sidebar-search-btn i.icon-search {
    display: block;
    width: 38px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.sidebar-search-container input[type="text"]:focus ~ .sidebar-search-btn,
.sidebar-search-container input[type="text"]:active ~ .sidebar-search-btn {
    right: 0;
}
select[name="topicId"] {
    border: initial !important;
    font-size: 18px !important;
    color: #7e8a8f !important;
    background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%237e8a8f' d='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E") !important;
	background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 20px !important;
    min-width: initial;	
}
.rtl select[name="topicId"] {
    background-position: left 6px center !important;
}
.faq-page #faq ol li a {
    font-size: 18px !important;
}
@media screen and (max-width: 460px) {
	.sidebar {
		margin-bottom: 10px;
		margin-left: initial;
		width: initial;
	}	
	.sidebar.pull-right {
		width: initial!important;
		/*display: block!important;*/
		height: initial!important;
	    float: none;	
	    display: none !important;	
	}
	#landing_page .flush-right a {
		margin: 10px auto 15px auto!important;
	}
	.main-content p {
		margin: 20px auto 20px auto;
	}	
}
/* 
    RESPONSIVE DIVs 
*/
.responsive-div-client-index {
    width: 100%;
}
.responsive-div-client-index div {
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
#one-client-index,
#two-client-index {
    float: left;
    width: 50%;
    height: 100%;
}
#two-client-index {
    width: 48%;
    margin: 0 0 0 2%;
}
#two-client-index {
} 
#two-client-index a {
    display: initial;
}
#landing-intro {
    padding: 0 24px 0 0;
    font-size: calc(14px + .4vw);
}

/* ==========================================================================
 CHECK TICKET STATUS
========================================================================== */
#clientLogin .instructions {
    display: initial;
    padding: initial;
}
#clientLogin {
    display: initial;
    margin: initial;
    padding: initial;
    border: initial;
    border-radius: initial;
    box-shadow: initial;
    background: initial;
}

/* ==========================================================================
 TICKET OPEN open.inc.php
========================================================================== */
.responsive-div-open-new {
	width:100%;
    margin: 0 0 30px 0;	
}
.responsive-div-open-new div {
     box-sizing:border-box;
 }
 #one, #two {
     float:left;
	 width:50%;
     height:100%;
 }
#two {
}
 .clearfix{clear:both; display:block;}
 @media screen and (max-width: 600px) {
    #one, #two {
		width: auto;
		float: none;
		display: inline-block;
    }
	#two {
		margin: 30px 0 0 0;
	}	 
 }
.open-page h3 {
    margin: 0;
}
.open-page .select2-container--default,
.open-page .select2-selection--multiple, 
.open-page .select2-selection__rendered {
    height: auto !important;
} 
ul#redactor-toolbar-0 { /* don't delete this! */
    width: calc(100% - 2px) !important;
    position: relative !important;
    top: 0px !important;
}
table#open-ticket-table {
    width: 800px;
}
table#open-ticket-table h3 {
    margin: -10px 0 10px 0;
}
table#open-ticket-table th {
    font-weight: bold;
}
form#ticketForm hr {
    display: none;
}
.redactor-in figure[data-redactor-type=line] hr {
    display: inherit !important;
}
form#ticketForm table {
    width: 100%;
    margin: 20px 0 0px 0;
}
form#ticketForm tr.client-deets td:first-child {
    font-weight: 600;
}
form#ticketForm tr.client-deets td {
    padding: 5px 0;
    border-bottom: initial !important;
}
form#ticketForm .form-header {
    /* margin: 36px 0 0 0 !important; */
}
form#ticketForm .filedrop {
    padding-bottom: 50px;
}
form#ticketForm tbody:first-of-type .form-header {
    margin: -16px 0 0 0 !important;
}
select#topicId {
    background: #fff url(../../osta/svg/chevron-down.svg) no-repeat !important;
    background-position: right 0 center !important;	
    border: .5px solid #a1a6ad!important;
    height: 31px !important;
    border-right: 4px solid red !important;
    width: calc(442px - 4px);
    font-size: 15px !important;
}
form[id="ticketForm"] table tr.client-required td select#topicId {
    border: 4px solid red !important;
}
.open-page select#topicId {
    color: #252525!important;
}
td.client-required input {
    border-right: 4px solid red !important;
    width: calc(431px - 4px);
}
form#ticketForm b {
    font-weight: initial;
}
font.error {
    /* display: none; */
}
input#captcha {
    border-right: 4px solid red !important;
}
form#ticketForm table tr:first-child td[colspan="2"] {
	padding-top: 36px;
}
form#ticketForm table tr:nth-child(2),
form#ticketForm table tr:nth-child(3) {
    /*display: table-row-group;*/ /*target*/
}
#ticketForm div input {
    width: 346px;
}
#ticketForm div select {
    width: 352px;
}
#account-details {
    margin: 40px 0 20px 0;
    background: #0000000d;
    width: 93%;
    border: .5px solid #aaa;
    border-radius: 5px;
    padding: 10px;
}
#account-details p {
    margin: 15px;
}

form#reply input[type="submit"] {
    margin-bottom: 9px;
}
input[value="Create Ticket"],
input[value="Register"] {
    color: #3c763d !important;
}
p.buttons input {
    margin-bottom: 10px;
}
div#msg_notice + div {
    margin-top: 30px;
}
form#ticketForm table tbody:first-child tr:nth-child(2) td:first-child,
form#ticketForm table tbody:first-child tr:nth-child(2) td:nth-child(2) {
    border-bottom: 1px dashed #ccc;
}
form#ticketForm table tbody:first-child tr:nth-child(3) td:first-child {
    padding-top: 10px;
    border-bottom: 1px dashed #ccc;
}
form#ticketForm table tbody:first-child tr:nth-child(3) td:nth-child(2) {
    padding-top: 10px;
}
form#ticketForm table tbody:first-child tr:nth-child(2) td[colspan="2"]:first-child,
form#ticketForm table tbody:first-child tr:nth-child(3) td[colspan="2"]:first-child {
    border: initial;
}
.open-page .thread-body.bleed {
    border: initial;
}

/* ==========================================================================
 VIEW (login)
========================================================================== */
.responsive-div-view-page {
  width: 100%;
  -webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);
  -moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);
  border-radius: 5px !important;	
}
#one-view-page,
#two-view-page {
  float: left;
  width: calc(45% - 1px);
  height: 300px;
  background: #fff;
}
#or-wrapper,
#or,
#options-wrapper,
#options {
	text-align: center;
}
#options {
    margin: 0 12% 0;
}
#one-view-page {
	border: 1px solid #ddd;
	border-right: 0;
	border-radius: 5px 0 0 5px;
}
#middle-view-page {
	float: left;
	width: 10%;
	height: 300px;
	background: url('../../osta/img/1x100.png') #fff;
	background-position: center center;
	background-size: 1px 100%;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}
#two-view-page {
	border: 1px solid #ddd;
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
#login-wrapper {
	width: 190px;
	height: 177px;
	margin: 0 auto;
	margin-top: 62px;	
}
#login {
	text-align: left;
	display: inline;	/*dirty hack*/
}
#or-wrapper {
	border: .5px solid #787878;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding: 14px;
	border-radius: 50%;
	background: #fff;
	font-style: italic;
	color: #787878;
}
#or {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
#options-wrapper {
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.clearfix {
	clear: both;
	display: block;
}
#login label input#email,
#login label input#ticketno, 
#login input {
    width: calc(100% - 10px) !important
}
#clientLogin #login input.btn {
    float: left;
    width: 98% !important;
    margin: 20px auto 0 3px;
    color: #128dbe !important;
    border: .5px solid #128dbe !important;
    background: unset !important;
    font-weight: 400;
}
#clientLogin #login input.btn:hover {
    border: .5px solid #056b08 !important;
    color: #035b06 !important;
    background: #c3e6c2 !important;
}
#options a {
	display: inline;
}
#clientLogin strong {
	font-weight: 500;
}
table[width="800"] {
    width: 100%;
}
form#reply {
    width: unset !important;
} 
#reply h2 {
	display: none;
}
div[style="padding-bottom:10px;"] {
    padding-bottom: 20px !important;
}

/* ==========================================================================
 SEARCH WELL
========================================================================== */
.search.well {
    margin: 10px 0 20px 0;
    padding: 24px;
    display: inline-block;
    width: -webkit-fill-available;
    background-color: #e5e8ec;
    border-radius: 5px;
}
.search .flush-left {
    height: 32px;
}
.search.well input[type="submit"] {
    margin: 4px 5px 0 13px!important;
}
#help-topic {
    display: none;
}
#clear-filters {
    display: none;
}
/*input[type="search"] {
    width: 260px!important;
    background: #fff!important;
}*/
#ticketSearchForm input[type="text"] {
    position: relative!important;
    top: 0px;
    background: #FFF !important;
    text-shadow: unset;
    width: 293px;
    height: 27px !important;
    margin: 0px !important;
    float: left;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23929ba0' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E") !important;
    border: initial !important;
    font-size: 20px;
    border-radius: 0 !important;
    padding: 4px 0 4px 11px !important;
    background-repeat: no-repeat !important;
    background-position: 273px 8px !important;
    background-size: 20px !important;	
}
#ticketSearchForm input[type="text"]::placeholder {
	font-style: italic;
    font-size: 20px;
    color: #929BA0 !important;
    font-weight: 400;
}
#search-container {
    overflow: hidden;
    width: 300px;
    height: 35px;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 5px !important;
    float: left;
}
.button.ticket-search {
    border: .5px solid rgba(166, 182, 166, 0.7294117647058823) !important;
    background-color: #d0e9c6;
    box-shadow: unset;
    width: initial;
    padding: 5px !important;
    transform: initial;
    outline: none;
    margin-left: 0px;
    min-width: initial;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
    border: initial !important;
    border-radius: 0px;
    box-shadow: unset;
    width: initial;
    position: initial !important;
    float: initial !important;
    padding: 0 !important;
    height: 35px !important;
}
form[action="tickets.php"] i.icon-search {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px;
    height: 35px;
    float: initial !important;
    background-position: 7px 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E");
    opacity: 1;
    border-radius: initial;
    background-color: #7ab800;
}
#ticketSearchForm input[type="text"]:active ~ .button.ticket-search, 
#ticketSearchForm input[type="text"]:focus ~ .button.ticket-search {
    opacity: 1;
    margin-left: -38px;
}	
.rtl #ticketSearchForm input[type="text"] {
    padding: 0 6px 0 0 !important;
}
.action-button {
    border: initial;
    letter-spacing: 1.6px;
    background: #dcdfe2;
    color: #3b4450 !important;
    border-color: #dcdfe2;
    line-height: 1em;
    font-size: 19px;
    display: inline-block;
    padding: 10px 14px;
    font-family: Poppins;
}
a.action-button:hover {
    background: #d5d7da;
    border: initial;
    position: relative;
    top: 1px;
}
.client-side.tickets-page .pull-right a.action-button:hover {
    top: 0;
}
i.icon-print {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233b4450' d='M18%2C3H6V7H18M19%2C12A1%2C1 0 0%2C1 18%2C11A1%2C1 0 0%2C1 19%2C10A1%2C1 0 0%2C1 20%2C11A1%2C1 0 0%2C1 19%2C12M16%2C19H8V14H16M19%2C8H5A3%2C3 0 0%2C0 2%2C11V17H6V21H18V17H22V11A3%2C3 0 0%2C0 19%2C8Z' /%3E%3C/svg%3E");
}
#ticketSearchForm select {
	background: #fff!important;
    width: 250px;
    height: initial !important;
    margin: 0 !important;
    float: right;
    border: initial !important;
	border-radius: 5px !important;	
    padding: 4px 0 4px 11px !important;
    font-size: 20px;
    text-align: center !important;
    color: #7e8a8f !important;
    font-weight: 400;
    background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%237e8a8f' d='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 20px !important;
}

@media screen and (max-width: 758px) { 
	#ticketSearchForm select {
		margin-top: 12px !important;
	}
}

/* ==========================================================================
 MANAGE YOUR PROFILE INFORMATION
========================================================================== */

form#profile-info {
    margin: 10px 0 0 0;
}

/* ==========================================================================
 FORGOT MY PASSWORD
========================================================================== */

form#clientLogin.extra-padding {
    padding: 64px 0px 45px 74px;
}

/* ==========================================================================
 TICKETS tickets.inc.php
========================================================================== */
.tickets-page #content {
    font-size: 18px !important;
}
h1#tickets-title {
    margin: 0 0 14px 0;
}
.tickets-page #content h1:not(#tickets-title) small {
    display: inline-block;
    border: .5px solid #606d7f;
    margin: 10px 0 0 0;
    padding: 0 6px;
}
span.number {
    font-family: 'Product Sans', Montserrat, sans-serif;
    font-size: 23px !important;
    font-weight: 100;
    position: relative;
    top: 0px;
}
#ticketTable, 
#ticketTable thead, 
#ticketTable tbody, 
#ticketTable tr {
    width: 100%;
}
#ticketTable {
    table-layout: auto !important;
    max-width: 100%;
}
#ticketTable th:nth-child(1), #ticketTable td:nth-child(1) { width: 12%; }
#ticketTable th:nth-child(2), #ticketTable td:nth-child(2) { width: 18%; }
#ticketTable th:nth-child(3), #ticketTable td:nth-child(3) { width: 12%; }
#ticketTable th:nth-child(4), #ticketTable td:nth-child(4) { width: 43%; }
#ticketTable th:nth-child(5), #ticketTable td:nth-child(5) { width: 15%; }
#ticketTable th {
	background-color: #ced3db;
    padding: 10px 7px;
    vertical-align: middle;
    border: initial;
}
#ticketTable th a {
	color: #525a5e;
    font-size: 18px;
    font-weight: 600;
}
#ticketTable th:hover a {
    color: #42485c;
}
#ticketTable tr td {
    background-color: #e6f5fc;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    color: #3b4450;
    padding: 10px 5px;
	border: initial;
    vertical-align: middle;
    overflow: hidden;
    word-break: break-word;
}
#ticketTable th:first-child {
    border-radius: 5px 0 0 0;
}
#ticketTable th:last-child {
    border-radius: 0 5px 0 0;
}
#ticketTable tr:nth-child(odd) td {
    background-color: #f1fafd;
}
#ticketTable tr:hover td {
    background: #fbefd2 !important;
}
table.list + div, #table-foot-options {
    font-size: 18px;
    padding: 20px 0 0 0;
}
#table-foot-options a {
    margin: 0;
}
#ticketTable th:first-child a {
    margin-left: 24px;
}
#new-reply-icon {
    float: left;
    width: 22px;
    height: 10px;	
    margin-left: 4px;
}
#new-reply-icon {
    float: left;
    width: 22px;
    height: 10px;
    margin: 0 0 3px 4px;	
    position: relative;
	top: 0;
    left: 0;
}
.dot {
    height: 10px;
    width: 10px;
    background-color: #88c80b;
    border-radius: 50%;
    display: none;
}
.new-reply-waiting .dot,
.ticket-status .dot {
    display: inline-block;	
	animation:  bounceIn 2s ease-in-out 3s infinite;	 
}
@keyframes bounceIn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
.ticket-status .dot {
	display: none;
}	
.Icon {
    padding-left: 0px;
}
a.Icon.Ticket,
a.Icon.emailTicket,
a.Icon.phoneTicket,
a.Icon.webTicket {
    border: .5px solid;
    background: #ffffff78 !important;
    padding: 0 4px;
    font-size: 15px;
}
.rtl a.Icon.Ticket,
.rtl a.Icon.emailTicket,
.rtl a.Icon.phoneTicket,
.rtl a.Icon.webTicket {
    margin-right: 8px;	
	margin-left: initial;	
}
.truncate {
    display: initial;
    width: auto;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.page-links {
    margin: 0;
    border: 0px solid #DFF0FD;
    border-top: 0px;
    padding: 10px;
    border-radius: 0 0 6px 6px;
    background: #dff0fd;
}
/* animated refresh icon */
h1#tickets-title a:first-child {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	/* padding-right: 2.2em; */
	padding-right: 4px;
}
h1#tickets-title a:first-child:after {
	background-image: url(../../osta/icons/refresh.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 28px;
    display: inline-block;
    width: 28px;
    height: 28px;
    content: "";
    position: relative;
    top: 4px;
    left: -7px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
h1#tickets-title a:first-child:hover:after, 
h1#tickets-title a:first-child:focus:after, 
h1#tickets-title a:first-child:active:after {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#ticketTable b {
    font-weight: initial;
}
.active.state {
    font-weight: 600;
}

/* ==========================================================================
 TICKET VIEW view.inc.php
========================================================================== */
#ticketInfo h1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}
table .headline, table.custom-data .headline {
    border-bottom: 2px solid #ddd;
    border-bottom: initial;
    font-weight: 500;
    background-color: #f3f3f5;
    padding: 0 0 15px 0!important;	
}
.infoTable {
    background: initial;
    margin: 8px 0 0 0;
    font-size: 15px;
}
.infoTable th {
    text-align: left;
    padding: 3px 8px 3px 0;
}
#ticket-view-number {
    float: right;
    font-size: 17px;
    margin-top: 10px;
}
td#infoTable1 {
    width: 330px;
}
td#infoTable2 {
    width: 290px;
}
td#infoTable3 {
	/*width: *;*/
}
.thread-event .type-icon {
    padding: 9px 15px;
}
.thread-body.bleed {
    margin-top: 20px !important;
}
.thread-entry.avatar.message .header:before {
    border-right-color: rgba(0, 0, 0, 0.06);
}
.thread-entry.avatar.message .header:after {
    border-left: none;
}
.thread-entry.avatar.message .header:before {
    border-right-color: #ffe0b3;
    z-index: 9
}
.thread-entry::after {
    border-bottom: 0px;
}
#ticketThread {
    border-bottom: .5px solid #ddd;
}
#ticketThread table.response, #ticketThread table.message {
    border: initial;
    border-bottom: initial;
    margin: 0 0 20px 0;	
}
#ticketThread .message th {
    background: #ddd!important; /*gray*/
    border-radius: 8px 8px 0px 0px;
    border: 0px!important;
    color: #696969!important;
    font-size: 10pt;
    padding: 12px;
}
table.thread-entry.response th {
	border-radius: 8px 8px 0px 0px;
    border: 0px!important;
    color: #fff;
    font-size: 10pt;
}
table.thread-entry.response span {
    color: #fff!important;
}
#ticketThread table th {
    padding: 12px;
	background: #248DBC!important; /*blue*/	
}
#ticketThread table th span {
    color: #696969;
}
.thread-body {
    font-family: 'Open Sans', sans-serif;
    padding: 15px;
    color: #3b4450;
    word-wrap: break-word;
    overflow-x: auto;
    border: 1px solid #BEBEBE;
    border-top: 0px;
    border-radius: 0px 0px 8px 8px!important;
    /*float: left;*/  /*target*/
	/*width: 758px;*/ /*why?!*/
}
.thread-body div, 
.thread-body p, 
.thread-body ul, 
.thread-body ol, 
.thread-body table, 
.thread-body dl, 
.thread-body blockquote, 
.thread-body pre {
    font-size: 17px;
}
.thread-entry .thread-body {
    width: calc(100% - 32px);
}  
#reply {
	padding: 18px 20px 20px 20px;
	background: #f3f3f5;
    border: none;
    border-top: 1px solid none;
    border-radius: 6px;
}
form#reply h3 {
    margin-top: 0px!important;
}
.pull-right.states i.icon-file-alt,
.pull-right.states i.icon-file-text {
    display: none;
}
.states small {
    font-size: 78%;
}
.thread-entry.avatar.response .header:before { 
    border-right-color: #ffe0b3;
    z-index: 9 !important;
}
.thread-event .type-icon::after {
    border: unset;
}

/* ==========================================================================
 COMPANY INFO PAGE info.php (created by osTicket Awesome)
========================================================================== */

#info-page .main-content {
    display: none;
}


/* ==========================================================================
 OTHER RESOURCES index.php (created by osTicket Awesome)
========================================================================== */

.main-content table td {
    font-size: 90%;
}
.main-content h2 {
    margin: 20px 0;
    line-height: initial !important;
    font-weight: 500;
    font-size: 22px;
}
.main-content h1 {
    font-size: 28px;
    font-weight: 600;
}
.main-content strong {
    font-weight: 600;
}

/* ==========================================================================
 LOADING ANIMATION
========================================================================== */
#loading {
    display: none;	
    vertical-align: middle;
    border: initial;
    padding: 0px;
    width: 100px;
    height: 100px;
    background: initial;
    position: fixed;
    z-index: 3000;
    box-shadow: initial;
    left: calc(50% - 50px) !important;
    top: 50% !important;
}
#loading h1, #upgrading h1 {
    display: none;
}
.loading-icon {
	padding: 0px;
    margin-left: -8px;
    margin-top: 8px;
    background-color: #fff;
    height: 18px;
    width: 18px;
    display: block;
    background-size: contain;
    border: 4px solid #fff;
    border-radius: 50%;
    position: fixed;
    z-index: 3000;
}
i.icon-spinner {
    margin: 0px auto !important;
    padding: 0px !important;
    width: 100px;
    height: 100px;
}
i.icon-spinner:before {
	display: block !important;
}
#loading i.icon-spinner:before,
#upgrading i.icon-spinner:before {
    background-image: url(../../osta/img/loading.svg);
    content: ' ';
    background-position: center !important;
    border-radius: 50%;
    vertical-align: middle;
    width: 100px !important;
    height: 100px !important;
    background-size: 100px 100px !important;
    top: 0 !important;
}
.icon-3x {
    font-size: initial;
}
.spin {
    -webkit-animation: gi-spin 1.5s infinite linear;
    animation: gi-spin 1.5s infinite linear;
}
@-webkit-keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } 
}

@keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } 
}
div#popup {
	opacity: 0;
	animation-name: lightSpeedIn;
	animation-duration: 450ms;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

div#popup {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
/* ==========================================================================
 FOOTER
========================================================================== */
#footer {
    width: 100%;
    background: var(--nav-bar-bg) !important;
    height: 80px;
    bottom: 0;
    position: static;
}
#footer #poweredBy {
	background: none;
}
#osticket {
    width: 50% !important;
    height: 100%;
    display: inline-block;
    float: left;
}
#ostawesome {
    width: 50% !important;
    height: 100%;
    display: inline-block;
    float: right;
}
#footer a {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    float: right;
    padding: 0 20px;	
}
a#osticket-link {
    float: right;
}
a#ostawesome-link {
    float: left;
}
#footer svg {
    fill: var(--header-title-color);
    width: 122px;
}
#ostawesome svg {
    width: 111px;
    position: relative;
    top: 2px;
}
/* jump */
@-webkit-keyframes jump {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	top: 20px;
  }
}
@keyframes jump {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	top: 20px;	  
  }
}
.jump {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.jump:hover, .jump:focus, .jump:active {
  -webkit-animation-name: jump;
  animation-name: jump;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#login-content {
    margin: 36px 20px 0 0;
}
#client-login {
    width: 360px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px 0 #e7e7e7;
    float: left;
    margin: 0 2% 20px 2%;
}
#client-login h3{
    padding: 4% 6%;
    background: #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #a5a4a4;
    font-weight: lighter;
    margin: 0px;
    color: #696969;
}
#client-login-inner {
    padding: 5%;
}
#client-login input{
    height: initial!important;
    width: 100%!important;
	padding:3% 4%!important;
	background:#f3f3f3!important;
	border:1px solid #ccc!important;
	border-radius:var(--edafa-radius-md)!important;
	color:#505050!important;
	margin:2%!important;
	margin-bottom:7%!important;
	font-size:0.95rem!important;
}

#client-login input:focus{
  outline:none;
  border:1px solid #4b85ea !important;
}
#client-options{
    width: 48%;
    float: right;
    clear: right;
}
#client-options-agent {
    padding-top: 50px;
}
input#sign-in {
    text-align: center;
    vertical-align: middle;
    position: relative;
    width: initial!important;
    padding: 2px 10px!important;
    color: #FFF!important;
    background: #1a96f3!important;
	margin-right: 14px!important;
}
input#sign-in:hover {
    background: #454546!important;
}

@media screen and (max-width: 820px) { 
	#client-options {
		width: 42%;
	}
}
@media screen and (max-width: 750px) { 
	#client-options {
		width: 36%;
	}
}
@media screen and (max-width: 680px) { 
	#client-options {
		width: 28%;
	}
}
@media screen and (max-width: 590px) { 
	#client-login {
		width: 100%;
	    margin-bottom: 30px;	
	}
	#client-options {
		width: 100%;
		float:none;
	    margin: 0px 0 0 10px;	
	}
	input#sign-in {
		margin-right: 14px!important;
		margin-bottom: 15px!important;
		clear: both;
		float: none;
	}	
	#client-options-agent {
		padding-top: 0px;
		padding-bottom: 20px;
	}	
}

/* ==========================================================================
 PRE-FOOTER
========================================================================== */
#landing-search {
    max-width: 1264px;
    padding: 3% 0 3% 0;
    margin: 0 auto;
}
#content #landing-search {
    width: calc(100% - 80px);
    padding: 3% 0 3% 0;
    margin: 0 auto;
}
.hide #landing-search-inner {
    display: none;
}
#content #landing-search.hide {
    padding: 1% 0 3% 0;
}
#landing-search-inner {
    width: 100%;
    margin: 0;
    display: inline-block;
}
#landing-search .form-wrapper {
    margin: 0 auto !important;
    max-width: 1264px;	
}
.rtl #landing-search-inner input.search {
    border-radius: 0 3px 3px 0 !important;
}
.rtl #landing-search-inner input.search::placeholder {
    padding-right: 10px;
}
.form-wrapper {
}
.form-wrapper input::placeholder {
    font-size: 20px;
}
.form-wrapper input {
    width: calc(100% - 201px) !important;
    margin: 0px !important;
    padding: 10px 6px 6px 14px !important;
    float: left;
    border: .5px solid #b2b2b2 !important;
}
.rtl .form-wrapper input {
	float: right;
}
.form-wrapper input:focus {
     outline: 0;
     background: #fff;
     -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
     -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
     box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
     color: #999;
     font-weight: normal;
     font-style: italic;
}
.form-wrapper input:-moz-placeholder {
     color: #999;
     font-weight: normal;
     font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
     color: #999;
     font-weight: normal;
     font-style: italic;
}
.form-wrapper button {
	overflow: visible;
    position: relative;
    left: -4px;
    float: right;
    border: 0;
    padding: 0 !important;
    margin: 0;
    cursor: pointer;
    height: 33px;
    width: 110px;
    /* font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma'; */
    color: #fff;
    text-transform: uppercase;
    background: #128dbe;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 5px 5px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}
.rtl .form-wrapper button {
    left: 2px;
    border-radius: 5px 0 0 5px;
}
 .rtl .form-wrapper button {
	float: left;
}
.form-wrapper button:hover {
    background: #75a80d;
}
.form-wrapper button:active,
.form-wrapper button:focus {
     background: #75a80d;
}
.form-wrapper button:before {
	content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #128dbe transparent; 
    top: 9px;
    left: -6px;
    will-change: background;
    transition: all 0.3s ease-in-out;	 
}
.rtl .form-wrapper button:before {
	display: none;
}
.form-wrapper button:hover:before,
.form-wrapper button:active:before {
    border-right-color: #75a80d;
    top: 9px;
    left: -6px;
}
.form-wrapper button:focus:before {
    border-right-color: #75a80d;
}
.form-wrapper button::-moz-focus-inner {
	 border: 0;
	 padding: 0;
}
.form-wrapper button[type=submit]:hover {
	color: #fff;
}
/*-------------------------------------*/
.cf:before,
.cf:after {
     content: "";
     display: table;
}
.cf:after {
     clear: both;
}
.cf {
     zoom: 1;
}
 /*-------------------------------------*/
.searchArea button, .searchArea .inputDiv, .searchArea input {
  height: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
}
.searchArea button {
    float: right;
    margin-left: -1px;
    border: 1px solid #8391a3;
    border-radius: 0 5px 5px 0;
    padding: 0 20px 5px 20px;
    background: #8391a3;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.rtl .searchArea button {
    float: left;
    border-radius: 5px 0 0 5px;
}
.searchArea button svg {
    fill: #fff;
}
.searchArea .inputDiv {
    overflow: hidden;
    border: solid 1px #8391a3;
    border-radius: 5px 0 0 5px;
}
.rtl .searchArea .inputDiv {
    border-radius: 0 5px 5px 0;
}
.searchArea input {
    height: 44px !important;
    margin: 0 !important;
    padding: 0 0 4px 11px !important;
    border: initial !important;
    font-size: 20px;
    color: #606d7f !important;
}
.inputDiv input::placeholder {
    font-size: 18px;
	font-weight: 100;
    font-style: italic;
} 
input.search {
    width: 100% !important;
}

/* ==========================================================================
 IE Fixes
========================================================================== */

_:-ms-lang(x), #internationalization-container {
    position: relative;
    top: -1px;
}
_:-ms-lang(x), #footer #poweredBy {
    text-indent: 0px !important;
}
_:-ms-lang(x), .sidebar {
    width: 240px;
}
_:-ms-lang(x), input#sign-in {
	width: auto!important;
    padding: 0px 10px  0px 10px !important;
}
#client-login input {
    border: 1px solid #4b85ea !important;
}
.index-page section {
    margin: 0;
}
.sidebar section {
    margin: 0;
}
#featured a,
.first.column section div a, 
.last.column section div a {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: initial;
}
.index-page i.icon-folder-open {
    display: none !important;
}
#more-options {
    font-size: 16px;
    margin-top: 6px;
}
#more-options h1 {
    margin-bottom: 32px;	
}
.first.last.column {
    line-height: 22px;
}
.featured-category.front-page .article-title:nth-child(5) {
    display: none;
}
.article-title {
    font-weight: normal;
    margin: 0 0 30px;
}
.faq-content .article-title {
    margin: 0;
}
.article-teaser {
	height: unset;
    overflow: hidden;
    margin: 8px 12px 0 0;
    font-size: 17px;
    line-height: initial;
    color: #475260;
    font-weight: 300;
    font-family: Poppins;
}
.rtl .article-teaser {
	margin-right: 0px;
    margin-left: 12px;
}
.category-name {
    margin-bottom: 10px !important;
    font-family: 'Product Sans', "segoe ui", "helvetica neue", arial, helvetica, sans-serif;
    font-size: 23px !important;
}
.category-name,
.other-resources,
.featured-questions {
    color: #596678;
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin: 0 0 26px 0 !important;
}
.resource a {
    /* margin: 0 0 10px 0 !important; */
    padding: 0 0 10px 0 !important;
    display: inline-block;
}
.resource br {
    display: none;
}
.featured-category {
	margin: 0 20px 30px 40px;
    width: calc(50% - 74px);
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden;
    padding: 40px;
    border: 1px solid #c6ccd4;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 0 0 #C6CCD4;
    -moz-box-shadow: 0 3px 0 0 #C6CCD4;
    box-shadow: 0px 4px 0px 0px #bec4cb;
}
.featured-category.front-page:nth-child(3) {
    float: right;
    margin: 0 40px 30px 20px;
}
@media screen and (max-width: 970px) { 
	.featured-category {
		margin: 0 10px 30px 40px;
		width: calc(50% - 50px);
	}
	.featured-category.front-page:nth-child(3) {
		margin: 0 40px 30px 10px;
	}	
}
@media screen and (max-width: 700px) { 
	#landing_page {
		width: 100% !important;
		margin-bottom: 24px !important;		
	}
	#landing_page h1 {
		margin: 0 0 24px !important;
		margin-bottom: 10px;	
	}
	.featured-category {
		width: calc(100% - 80px);
		margin: 20px 40px !important;
		float: none;	
	}	
	#information {
		margin: 0 0 1% 0;
	}	
}
@media screen and (max-width: 700px) {
	.featured-category {
		width: 100%;
		margin: 0 0 4% 0 !important;
	}
}
@media screen and (max-width: 600px) { 
	#landing_page h1 {
		margin: 0 0 20px !important;
	}	
}

/* ==========================================================================
 KNOWLEDGE BASE
========================================================================== */
#kb li {
    background-image: initial;
}
#kb > li > i {
    display: none;
}
#kb > li h4 a,
.faq-page h2,
.faq-content .article-title {
	color: #475260;
    font-weight: 600;
    line-height: 1.2;
    font-size: 25px;
    font-family: Montserrat, sans-serif;
}
.faq-page h2 {
    margin: 10px 0;
}
#kb li {
    border-bottom: initial;
}
.index-page div[style="margin-left:45px"] {
    margin: 0 !important;
}
.popular-faq {
    margin: 0 0 19px 22px;
}
.popular-faq a,
.faq-page #faq ol li a {
    font-size: 18px;
}
.icon-file-alt {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: 18px !important;
    background-position: 0px -1px;
    margin-right: 5px;
}
#breadcrumbs,
#breadcrumbs a {
    font-size: 18px;
}
#breadcrumbs:not(a) {
    font-size: 23px !important;
    color: #aaa;
}
.faq-content {
    margin-top: 30px;
}
#kb {
    padding: 0;
	margin: 0;	
}
#kb > li {
    padding: 0;
	margin: 0 0 20px 0;
}
ul#kb .faded {
    margin-bottom: 6px !important;
}
ul#kb div[style="margin-left:45px"] {
    margin-left: 0 !important;
}
ul#kb li:first-of-type div[style="margin-left:45px"] {
    margin-top: 40px;
}
.index-page h1 {
    margin: 0 0 30px 0;
}
.thread-body img {
    max-width: 50% !important;
    height: auto !important;
}
.faq-content .thread-body img {
    max-width: 100% !important;
    height: auto !important;
}

#faq ol li a {
    display: inline;
    padding: 0;
    height: initial;
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid #ddd;
    line-height: initial;
    padding-left: inherit;
    background: initial;
}
#faq ol,
.faq-page #faq ol li a {
    background-image: none !important;
    border: 0;
}
.faq-page #faq ol li {
    background: initial;
}
#faq ol li a:hover {
    background: unset;
}
.faq-page .span8 hr {
    display: inline-block;
}
.span8 {
    width: 65%;
    margin: 0 2% 0 0;	
}
.rtl .span8 {
    margin: 0 0 0 2%;
}
.span4 {
    width: 32.5%;
    margin: 0;
}
ul#kb .popular-faq a {
    display: initial;
}
@media screen and (max-width: 930px) { 
	.span8 {
		width: 100%;
    	margin: 0;		
	}
	.span4 {
		width: 100%;
    	margin: 24px 0 0 0;		
	}	
	.sidebar {
		max-width: 100%;
		margin: 0;
		width: initial!important;
		padding: 5%;
		border: initial;
	}
}
@media screen and (max-width: 600px) { 
	input[type="tel"] {
		width: calc(97% - 100px) !important;
	}
	input[maxlength="30"],
	input[maxlength="64"] {
		width: calc(100% - 29px) !important;
	}	
}

/* ==========================================================================
 LANGUAGE TWEAKS
========================================================================== */
html[lang="el"] #ticket-open-inner-text-inner,
html[lang="el"] #ticket-view-inner-text-inner,
html[lang="ru"] #ticket-open-inner-text-inner,
html[lang="ru"] #ticket-view-inner-text-inner {
    font-size: 100%;
}
#landing_page {
    font-size: 112%;
    line-height: 100%;
    width: calc(100% - 80px);
    margin: 0 auto;
}
#landing_page:not([lang="en_US"]) {
    /* margin-bottom: 2%; */
}
html[lang="en_US"] #landing_page {
    margin-bottom: 0;
}
#landing_page h1 {
    margin: 0 -40px 24px -40px;
    line-height: initial;
}
#open-view-boxes-desktop {
    padding: 1px 20px 0 20px;
}
#open-view-boxes-wrapper {
	width: calc(100% - 94px);
    margin: 0 auto;
    margin-top: 12px;
    background: #e7e7e9;
    padding: 30px;
    border-radius: 6px;
}
#open-view-boxes-inner {
    background: #fff;
    display: inline-block;
    width: calc(100% - 40px);
    border: .5px solid #c1c1c1;
    padding: 20px;
    border-radius: 4px;
	-webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.1);	
}
.open-view-open {
	float: left; 
	width: calc(50% - 40.5px);
}
.open-view-view {
	float: right;
	width: calc(50% - 40.5px);
}
#title-row,
#desc-row {
    width: 100% !important;
}
.open-view-open.title h1,
.open-view-view.title h1 {
    font-size: 25px;
}
.open-view-open.title,
.open-view-view.title {
	padding: 20px 20px 10px 20px;
}
#desc-row {
    display: inline-block;
    margin-top: 10px;
}
.open-view-open.desc,
.open-view-open.buttons {
	padding: 10px 20px 20px 20px;
}
.open-view-view.desc,
.open-view-view.buttons {
	padding: 10px 20px 20px 20px;
}
.open-view-open.title h1 {
    color: #128dbe;
}
.open-view-view.title h1 {
    color: #739b10;
}
.open-view-open.desc img,
.open-view-view.desc img {
    position: relative;
    top: -6px;
    height: 74px;
    margin: 0 20px 0 0px;
}
.open-view-view.desc img {
    margin-left: -9px !important;
}
#open-view-boxes-wrapper:after {
    clear: both;
}
.open-view-open.buttons a.button {
    color: #128dbe;
    border: 1.5px solid #128dbe !important;
    border-left-width: 1px !important;
    border-bottom-width: 1px !important;	
    padding: 12px !important;
    margin: 0px;
    letter-spacing: 1.6px;
    background: #5ab7dc;
	text-transform: uppercase;
	font-size: 13px;
}
.open-view-view.buttons a.button {
    color: #739b10;
    border: 1.5px solid #739b10 !important;
    border-left-width: 1px !important;
    border-bottom-width: 1px !important;	
    padding: 12px !important;
    margin: 0px;
    letter-spacing: 1.6px;
    background: #adcc60;
	text-transform: uppercase;
	font-size: 13px;
}
/* Shutter In Vertical */
.open-view-open.buttons a.button,
.open-view-view.buttons a.button {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
    width: calc(100% - 26px);	
}
.open-view-open.buttons a.button:before,
.open-view-view.buttons a.button:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.open-view-open.buttons a.button:hover,
.open-view-view.buttons a.button:hover,
.open-view-open.buttons a.button:focus,
.open-view-view.buttons a.button:focus,
.open-view-open.buttons a.button:active,
.open-view-view.buttons a.button:active {
    color: #fff !important;
}
.open-view-open.buttons a.button:hover:before, 
.open-view-view.buttons a.button:hover:before,
.open-view-open.buttons a.button:focus:before,
.open-view-view.buttons a.button:focus:before,
.open-view-open.buttons a.button:active:before,
.open-view-view.buttons a.button:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}
#landing_page .open-view-open.title h1, 
#landing_page .open-view-view.title h1 {
    margin: 0 0 10px 0!important;
}
#ui-datepicker-div {
	z-index: 9 !important;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 100 !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left span.ui-icon.ui-icon-circle-triangle-w, 
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right span.ui-icon.ui-icon-circle-triangle-e{
    width: 26px;
    height: 26px;
    top: 18px !important;
}
span.ui-icon.ui-icon-circle-triangle-w:before,
span.ui-icon.ui-icon-circle-triangle-e:before {
    position: absolute;	
    content: '>';
    display: block;
    color: var(--nav-bar-link);
    width: 20px;
    height: 20px;
    font-size: 26px;
    font-weight: 100;
    line-height: 20px;
}
@media screen and (min-width: 545px) {
  div#open-view-boxes-mobile {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  div#open-view-boxes-desktop {
    display: none;
  }
  .open-view-open,
  .open-view-view {
	float: unset;
	width: calc(100% - 40px);
  }
} 

/* ==========================================================================
 SAFARI 7.1+ ONLY
========================================================================== */
_::-webkit-full-page-media, _:future, :root #or-wrapper {
	border: 1px solid #787878;		
}
_::-webkit-full-page-media, _:future, :root #header a {
	font-weight: 400;
}
_::-webkit-full-page-media, _:future, :root .pull-right.flush-right {
	font-weight: 400;
}
_::-webkit-full-page-media, _:future, :root a[href*="/login.php"], _::-webkit-full-page-media, _:future, :root a[href*="/logout.php"] {
	border: 1px solid var(--header-title-color);
}
_::-webkit-full-page-media, _:future, :root input.btn {
	border: 1px solid #128dbe!important;
}
_::-webkit-full-page-media, _:future, :root input#username, input[type="password"] {
	border: 1px solid #A5A4A4!important;
}

/* ==========================================================================
 LANGUAGE SELECTOR FLY OPEN MENU - ACTIVATED WHEN >4 LANGUAGES ENABLED
========================================================================== */
.flag { width: 24px; }
/* 4 OR LESS = NO CHEVRON */
.button-container {
    display: flex;
    justify-content: end;
    height: 18px;
    float: right;
    margin-top: 4px;
    z-index: 9999;
}
.button-text-container {
    display: flex;
    align-items: left;
    justify-content: right;
    overflow: hidden;
    width: 118px;
    transition: width 1s;
    will-change: width;
    height: 18px !important
}
.button-icon-container {
    display: none;
    width: 0 !important;
}
/* NOW WE COOK WITH BUTTER */
.chevron .button-container {
    display: flex;
    justify-content: end;
    height: 18px;
    float: right;
    margin-top: 4px;
    z-index: 9999;
}
.chevron .button-text-container {
    display: flex;
    align-items: left;
    justify-content: right;
    overflow: hidden;
    width: 118px;
    transition: width 1s;
	transition-timing-function: ease-in-out;	
    will-change: width;
    height: 18px !important;
    width: 118px;
    transition: width 3s;
	transition-timing-function: ease-in-out;	
    will-change: width;	
    transition: width 2s;
	transition-timing-function: ease-in-out;	
    will-change: width;	
}
.chevron .button-text-container.shrink  {
	width: 118px !important;
}
.chevron .button-text-container.grow {
    transition: width 2s;
	transition-timing-function: ease-in-out;	
    will-change: width;  
}
.chevron .button-icon-container {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 18px !important;
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -6px;	
}
.chevron .button-icon-container svg  {
  will-change: transform; 
  transition: transform .5s;
  transform: rotate(0deg);
  transition-timing-function: ease-in-out;
}
.chevron .button-text-container.grow ~ .button-icon-container svg {
  transform: rotate(0deg);
}
.chevron .button-text-container.shrink ~ .button-icon-container svg {
  transform: rotate(180deg);
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  20% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  40% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  80% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }  
}
@keyframes hvr-wobble-horizontal {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  20% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  40% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
  80% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }  
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
ul#nav{
    margin-left: 0;
    will-change: margin-left;	
    transition: margin-left 3s;
	transition-timing-function: ease-in-out;	
}
ul#nav.hide-nav {
    margin-left: -700px;
    transition: margin-left 1s;
	transition-timing-function: ease-in-out;
}
.tickets-page #ticketInfo  {
    width: 100%;
    margin: 20px 0 10px 0px;
    background: #fff;6;
    border-radius: 6px;
    padding: 0px;
}
.tickets-page .headline {
    background: initial;
    margin: 20px !important;
    font-size: 24px;
    color: #888;
}
@media screen and (max-width: 600px) {
	.tickets-page .headline {
		margin: 20px 20px 20px 0!important;
	}
	.tickets-page #ticketInfo {
		margin: 20px 0;
	}
	.thread-event .description {
		margin: 2px 0 0 5px !important;	
	}
}
.tickets-page th {
	font-weight: 600;
    width: 130px !important;
    font-size: 17px;
}
.tickets-page td {
    padding: 0;
    font-size: 17px;	
}	
.redactor-statusbar li {
    font-size: 14px;
}	

/* ==========================================================================
 PASSWORD RESET PAGE
========================================================================== */		
a[href="pwreset.php"] {
    text-align: center !important;
    padding-top: 4px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.pwreset-page h1 {
    margin: 0 0 20px 0;
}		
.pwreset-page form[action="pwreset.php"] {
    width: 500px;
    min-height: 265px !important;
    border-radius: 5px !important;
    padding: 40px !important;
    background: #E8EBEF !important;
    position: relative !important;
    -webkit-box-shadow: 0 5px 0 0 #C6CCD4 !important;
    -moz-box-shadow: 0 3px 0 0 #C6CCD4 !important;
    box-shadow: 0px 5px 0px 0px #C6CCD4 !important;
    display: block !important;
    margin: 0 auto !important;
    margin: 56px auto !important;
}
.pwreset-page form[action="pwreset.php"] div {
    width: 100% !important;
}
.pwreset-page form[action="pwreset.php"] strong {
    color: #475260 !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    font-size: 25px !important;
    font-family: Montserrat, sans-serif !important;
}
.pwreset-page form[action="pwreset.php"] div div {
    text-align: left;
    width: fit-content !important;
    margin: 20px auto 40px !important;
    color: #475260;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
	width: intrinsic !important;          /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content !important;    /* Firefox/Gecko */
	width: -webkit-max-content !important;	
}
@media screen and (max-width: 700px) {
	.pwreset-page form[action="pwreset.php"] {
		padding: 6% !important;
		width: 88% !important;
	}
	.pwreset-page form[action="pwreset.php"] strong {
		font-size: 22px !important;
	}	
}

/* ==========================================================================
 ACCOUNT REGISTRATION PAGE
========================================================================== */
.account-page h1 {
    margin: 0 0 30px 0;
}
.account-page div {
    font-size: 18px;
    font-weight: 300;
    line-height: initial;
    font-family: 'Open Sans', sans-serif;
    overflow: initial;
}
.account-page div strong {
	font-size: 22px;
	font-weight: 300;
}

form#reply input {
    margin-bottom: 9px;
    color: #ffffff;
    color: #fff !important;
    font-family: Montserrat;
    letter-spacing: initial !important;
    font-size: 15px;
    padding: 10px 20px !important;
}
form#reply input[type="submit"] {
    background: #00bbd7;
    -webkit-box-shadow: 0 3px 0 0 #0296ac;
    -moz-box-shadow: 0 3px 0 0 #0296ac;
    box-shadow: 0 3px 0 0 #0296ac;	
}
form#reply input[type="submit"]:hover {
    background: #00c8e6;
}
form#reply input[type="reset"], 
form#reply input[type="button"] {
    background: #b4b9c1;
    -webkit-box-shadow: 0 3px 0 0 #8c8f95;
    -moz-box-shadow: 0 3px 0 0 #8c8f95;
    box-shadow: 0 3px 0 0 #8c8f95;
    color: #5d6166 !important;
    font-weight: 600;
}
form#reply input[type="reset"]:hover,
form#reply input[type="button"]:hover {
    background: #ced4db;
}
form#reply p[style="text-align:center"] {
    margin: 20px 0 0 0;
}

/* ==========================================================================
 RTL TRANSLATIONS
========================================================================== */
.rtl .pull-right.flush-right a:last-child {
    margin-right: 13px;
}
.rtl .chevron .button-container {
    margin-right: -7px;
}
.rtl .chevron .button-icon-container {
    margin-right: 5px;
}
.rtl .infoTable th {
    text-align: right;
    padding: 3px 0px 3px 8px;
}
.rtl #ticketTable tr td {
    text-align: left;
}
.rtl #ticketTable th:last-child {
    border-radius: 5px 0 0 0;
    padding-left: 20px;
}
.rtl #ticketTable th:first-child {
    border-radius: 0 5px 0 0;
}
.rtl #ticketTable td:last-child {
    padding-left: 20px;
}
.rtl #search-container {
    float: right;
}
.rtl #ticketSearchForm input[type="text"] {
    height: 35px !important;
}
.rtl #ticketSearchForm select {
    padding: 4px 11px 4px 0 !important;	
    background-position: left 8px center !important;
}
.rtl #ticketSearchForm input[type="text"]::placeholder {
    padding-right: 44px;
}

/* ==========================================================================
 INSTALLER
========================================================================== */
#landing_page span[style="font-size: medium"] {
    font-size: 25px !important;
    margin: 0 0 30px 6px;
    display: inline-block;
}


/* C64 Blinking Cursor */
@keyframes c64-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.c64-cursor {
  animation: c64-blink 1s infinite;
  font-weight: bold;
}

/* FAQ Styling */
.faq-content .thread-body table tbody > tr > th {
    background: #595e60 !important;
    font-weight: 600;
}
tr[style="background-color:#fff5f7;"] {
    background: #ebebeb66 !important;
}
.faq-content h3 {
    margin: 30px 0 10px 0 !important;
    color: #777;
    font-weight: normal;
    font-size: 23px !important;
}
.faq-content h3 element.style {
    border-left: 4px solid #a47a18;
    padding-left: 15px;
    font-style: italic;
}
.faq-content .faded {
    font-size: 80%;
}

.faq-content blockquote {
    margin: 2em 0 0 \!important;
}

/* ==========================================================================
   MERGED BASE STYLES: staff-desktop.css
   ========================================================================== */
/* CSS Document */
/*
/*      STAFF - desktop
*/
table.list tbody td a {
    font-weight: 500;
}
table.list tbody tr:nth-child(2n+1) td {
    background-color: #ffffff;
}
table.list tbody tr:nth-child(2n+1) td {
    background-color: #f0faff;
}
table.list tbody tr.highlight:nth-child(2n+1) td {
    background-color: #dddddd;
}
form table.list + div b {
    margin-right: 5px;
}

/* ==========================================================================
 GLOBAL STYLES
========================================================================== */
html {
    background: var(--nav-bar-bg);
}
body {
    background: #f3f3f5;
}
body,
.thread-body {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px!important;
    color: #4c5156;
}
a {
    color: #128dbe;
}
a:hover, .link:hover {
    text-decoration: none !important;
}
b {
    font-weight: 600;
}
.input.attached.focus {
	outline-offset: initial;
	outline-style: initial;
	outline-width: initial;
	outline-color: initial;
}
button {
    border-width: 1px;
}
button:focus { 
	outline: none; 
}
select:focus,
input:focus {
    outline: .5px solid #606d7f;
}
input[type='radio']:checked,
input[type='checkbox']:checked {
	filter: hue-rotate(335deg) opacity(.9);
	-webkit-filter: hue-rotate(335deg) opacity(.9);
}
code {
    color: #029200;
}

/* ==========================================================================
 PAGE LAYOUT 
========================================================================== */
#container {
	width: 100%;
    margin: 0;
    /*height: 60px;*/
}
#content {
    max-width: 1200px;
    margin: 0 auto;
    background: initial;
    border: none;
    min-height: 670px;
}
th {
    font-family: 'Open Sans', sans-serif;
}

/* ==========================================================================
 HEADER
========================================================================== */
#header {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/02.png);
	background-size: cover;
    border: initial;
    box-shadow: initial;
    width: 100%;
    height: 60px;
    top: 0;
    z-index: 4;
    position: absolute;
}
#header a {
    color: var(--header-title);
	font-weight: 200;
	font-size: 14px;
}
#header p {
    border: none;
    color: var(--header-title);
    /*background: var(--header-bg);*/  /*messes up Client header*/
    max-width: initial;
    margin: 0;
    padding: 18px;
}
p#info {
    font-weight: 100;
}
p#info strong {
    font-weight: 400;
}
div[style="margin-bottom:20px; padding-top:5px;"] {
    margin: 0 !important;
    padding: 0 !important;
}
/* The queue title/search bar sits directly under the tab row now that the
   row is content-width instead of a clipped fixed-width strip (previously
   the row's own overflow:auto clipping hid this collision). The quick
   search box pulls itself up 34px (form[action="tickets.php"] .attached.input,
   below) to align with the "Open" heading; give it the same clearance
   logs.php already uses for this identical wrapper so it doesn't overlap
   the tabs above it. */
.tickets-page #content div[style="margin-bottom:20px; padding-top:5px;"] {
    margin-top: 17px !important;
}

/* ==========================================================================
 FALLBACK COLORS
========================================================================== */
.pull-right#nav a:hover, .pull-right#nav a svg:hover {
	color: var(--header-title-hover);
	fill:  var(--header-title-hover);
    font-family: "segoe ui", "helvetica neue", arial, helvetica, sans-serif;	
}
#header #nav a {
    color: var(--header-title);
    font-family: "segoe ui", "helvetica neue", arial, helvetica, sans-serif;
}
#header #nav a:hover {
    color: var(--header-title-hover) !important;
}
.rtl #header li:nth-child(5) {
    margin-left: -2px !important;
}
#header a[href*="login.php"]:hover {
    background: rgba(255, 255, 255, 0.10980392156862745);
}
.sidr {
	background: #f3f3f5;
}
.c-hamburger span,
.c-hamburger span::before,
.c-hamburger span::after {
  	background: #555;
}
:root {
	--header-bg: #e4e4e4;	
	--header-title: #444444;

	--nav-bar-bg: #cecece;
	--nav-bar-link: #000000;
	
	--stickybar: #444444;	

	--mobile-menu-bg: #cecece;	
	--mobile-link-color: #000000;
}

/* ==========================================================================
 NAVIGATION
========================================================================== */
#nav {
    background:  var(--header-title);
    border: none;
    padding-top: 0;
    z-index: initial;	
}
#sub_nav {
    background: var(--nav-bar-bg) !important;
    height: 12px;
    padding: 0;
    max-width: 1240px;
    margin: 57px auto;
    border: 0;
    line-height: 22px;
}
#sub_nav .small.icon-sort-down.pull-right {
	display: none;
}
nav#customQ_nav #sub_nav {
    line-height: 28px;
}
@media screen and (max-width: 1270px) {
	ul#sub_nav {
		margin-left: 12px !important;
	}
}
#sub_nav a {
    padding: initial;
}
ul#sub_nav a.active {
    font-weight: 600;
}
#sub_nav li.top-queue + li > a {
    margin-left: 14px;
}
a#new-ticket {
    margin-left: 14px !important;
}
.sidr-inner a#new-ticket {
	margin-left: 0 !important;
}
#nav a {
    margin-left: 8px;
}
a#dark-mode-link {
    margin-left: 6px;
}
a#logout {
    margin-left: 5px;
}
#nav > li:first-of-type {
    margin-left: 8px;
}
#nav li a {
    margin-left: 0;
}
#nav li:hover a,
a#agent-panel:hover,
a#admin-panel:hover {
    color: var(--header-title) !important;
    fill: var(--header-title) !important;
}

#nav li.active, #nav li.inactive:hover {
    background-color: var(--header-title);	
    box-shadow: none;
    border: none;
    padding-left: initial;
    padding-right: initial;	
}
#nav .active {
    color: var(--nav-bar-link) !important;
    font-weight: 400;
}
#nav .active, #nav .inactive {
    border-radius: initial;
    border-style: initial;	
}
#sub_nav a,
#nav .active a,
#nav .inactive a {
    color: var(--header-title);
}
#sub_nav a {
    color: var(--nav-bar-link);
}
#sub_nav a:hover {
    color: #000000;
}
#nav li.inactive > ul {
    width: initial;
    background: var(--header-title);
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: none;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#nav .inactive li a {
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding: 4px 34px 4px 34px;
}
.rtl #nav .inactive li a {
    padding-left: 34px;
    padding-right: 34px;
}
#nav .inactive li a:hover {
    color: var(--mobile-menu-bg);
    background-color: rgba(0,0,0,0.1);
}
#customQ_nav .jb-overflowmenu-menu-primary li.item > a {
    padding: 0;
}
#sub_nav > li > a {
    margin-left: 17px !important;
    padding: 0;
}
.rtl #sub_nav > li > a {
    margin-right: 17px !important;
	padding-right: 0 !important;
}
.rtl ul#sub_nav li:first-child a {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* ==========================================================================
 LOGO
========================================================================== */
#left-logo {
    width: 300px;
    height: 28px;
    margin: 15px 14px;
    float: left;
    -webkit-transition: left 2s;
    transition: left 2s;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    z-index: 0;
}
.rtl #left-logo {
	float: right;
    right: 0;
}
/* TEXT LOGO */
#header-text {
    padding: 2px;
}
#header-title {
    color: var(--header-title);	
    line-height: 21px;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    font-family: "Montserrat",sans-serif;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;	
}
#header-subtitle {
    color: var(--header-title);
    margin: 0;
    position: relative;
    font-size: 10px;
    font-family: verdana;
    font-style: initial;
    letter-spacing: 2.4px!important;
    display: block;
    font-weight: 100;
}
/* IMAGE LOGO */
#left-logo {
    max-width: 300px;
    height: 34px;
    margin: 12px 11px;
}
#header-default svg {
    height: 34px;
    fill: var(--header-title);
}
#header-default:hover svg {
    fill: var(--header-title-hover);
}
#header-text {
	display: none;
}
#header-image img {
    display: none;
}

a#header-logo:hover  > #left-logo #header-title, 
a#header-logo:focus  > #left-logo #header-title,
a#header-logo:active > #left-logo #header-title,
a#header-logo:hover  > #left-logo #header-image img, 
a#header-logo:focus  > #left-logo #header-image img,
a#header-logo:active > #left-logo #header-image img,
a#header-logo:hover  > #left-logo #header-default svg, 
a#header-logo:focus  > #left-logo #header-default svg,
a#header-logo:active > #left-logo #header-default svg {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
} 

/* ==========================================================================
 HEADER NAV 
========================================================================== */
#nav.pull-right {
	background: initial;
    position: relative;
    top: 16px;
	color: #f3f3f5; /* fallback */
    color: var(--header-bg);
	padding: 0 calc(1% + 5px) 0 0 !important;
}
.rtl #nav.pull-right {
	padding: 0 0 0 calc(1% + 5px) !important;
}
a.no-pjax[href*="/scp/logout.php"] svg {
	fill: var(--header-title);
    display: inline-block;
    width: 18px;
    height: 18px;
    content: "";
    position: relative;
    top: 4px;
}
.rtl a.no-pjax[href*="/scp/logout.php"] svg {
    transform: rotate(180deg);
}
#nav.pull-right .active, 
#nav.pull-right .inactive {
    min-width: initial;
}
#nav.pull-right li.active, 
#nav.pull-right li.inactive:hover {
    background-color: initial;
}
#nav.pull-right li.inactive > ul {
    width: initial;
    background: var(--header-bg);
    left: -33px;
}
.rtl #nav.pull-right li.inactive > ul {
    left: -33px;
    right: initial;
}
#nav.pull-right .active, 
#nav.pull-right .inactive,
#nav.pull-right li.active, 
#nav.pull-right  li.inactive:hover {
    padding-left: initial;
    padding-right: initial;
}
.rtl #nav li:first-child {
    margin-left: 8px !important;
}
.rtl #nav.pull-right li > ul li:first-child {
    margin-left: 0 !important;
}
#nav > li + li:nth-child(5) {
    /*margin-left: 0;*/  /*what was this for?!*/
}
#nav.pull-right .active a {
    font-weight: 400;
}

/* ==========================================================================
 TOP MARGIN
========================================================================== */
.pull-left {
    float: left;
    margin: 0;
}
.rtl .pull-left {
    float: right !important;
}
p.full-width .pull-right {
    margin: 9px 0 0 0; /*target*/
    margin: 0 0 0 0;	
}
.pull-right.flush-right.page-top {
    float: left;
}

/* ==========================================================================
 TYPOGRAPHY
========================================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Product Sans', 'Open Sans', sans-serif;;
}
h2 {
    color: #777777;
    font-weight: 400;
    font-size: 25px;
	margin: 0;		
}
h2 a {
    line-height: 33px;	
}
h3 {
    padding: 5px 0;
    color: #777777;
    font-weight: 400;
    font-size: 19px;
    margin: 0;
}
.pull-left.flush-left h2 a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	/* padding-right: 2.2em; */
	padding-right: 4px;
}
.flush-left h2 svg {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 0;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	fill: #8BCB0D;	
}
.flush-left h2 a:hover > svg, 
.flush-left h2 a:focus > svg, 
.flush-left h2 a:active > svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.sticky.bar.fixed .flush-left h2 a svg {
    fill: var(--header-title);
}
label {
    color: #4c5156 !important;
}
.error {
    color: #d62705;
    font-size: 13px;
    font-weight: 500;
}
li.error a:before {
    display: none;
}
.faded strong {
    font-weight: 500;
}

/* ==========================================================================
 ICONS
========================================================================== */
a [class^="icon-"], a [class*=" icon-"] {
    color: #128dbe;
}
.pull-right i[class^="icon-"], .pull-right i[class*=" icon-"] {
    display: inline-block;
    float: left;
}
.rtl .pull-right i[class^="icon-"], 
.rtl .pull-right i[class*=" icon-"] {
    float: right;
}
i.icon-refresh {
    display: none;
}
.configureQ {
    margin: 16px 0 0 4px;
}
[class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width {
    padding: 0; /* Completed Tasks */
    margin: 0 6px 0 3px;
    width: 20px;
}
#sort-dropdown [class^="icon-"].icon-fixed-width, #sort-dropdown [class*=" icon-"].icon-fixed-width {
    margin: 0 4px 0 3px;
}
.configureQ > .noclick-dropdown {
    padding: 25px 0 0 0;
    margin-top: -3px;
    margin-left: -7px;
}
.configureQ i.icon-fixed-width.icon-pencil {
    background-position: 1px -2px;
}
.floating-options i.icon-edit, .floating-options i.icon-share {
    padding: 15px !important;
    background-position: center center;
	float: right;
    top: 0;
}
.floating-options i.icon-share {
    background-size: 24px !important;
    top: 1px;
}
.floating-options i.icon-share:after {
	clear: both;
}
.quicknote .body a {
    margin: 0 0 15px 0;
}
.quicknote {
    margin: 10px 0;
    border: .5px solid rgba(0,0,0,0.2);
    border-radius: 4px;
}
.quicknote .body {
    padding: 0 10px;
}
#new-note {
    margin-top: 10px;
    background: rgba(219, 243, 255, 0.6509803921568628);
}
#quick-notes i.note-type.icon-user {
    margin-left: 0;
}
.re-icon i:before { /*Redactor Toolbar trash icon*/
    top: -4px;
}
.delete-draft:hover {
    background-color: rgba(212, 8, 8, 0.9294117647058824) !important;
}
.faded {
    margin: 3px 0 0 0 !important;
    /* font-size: 18px; */ /*target*/
    color: #888;
}
.thread-event .faded {
    margin: 3px 0 0 0 !important;
    font-size: 18px;
}
.thread-event .type-icon i {
    top: 0 !important;
}
.thread-entry .muted-button {
    border-radius: 5px;
    padding: 3px 5px;
    margin: -4px 0 -1px 5px;
    border: .5px solid rgba(0, 0, 0, 0.21);
    color: #666;
    color: rgba(0,0,0,0.5);
    background: rgba(255, 255, 255, 0.21);
}
.label.label-bare:hover,
.thread-entry .muted-button:hover {
    background: rgba(255, 255, 255, 0.48);
}
a[href="#moreoptions"] i.icon-reorder {
    padding-right: 2px;
}

/* ==========================================================================
 TICKET PAGES
========================================================================== */
form[action="tickets.php"] {
    display: inline;
}
form#reply {
    width: 98% !important;
}
#resp_sec tr:first-of-type td[colspan="2"]:first-of-type {
    display: none;
}
#resp_sec .redactor-box {
    margin-top: 10px !important;
}
.redactor-styles,
.redactor-styles p,
.-redactor-container .redactor-styles {
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    max-width: initial !important;
}
.redactor-styles {
    padding: 5px 12px 0px 12px;
}
.redactor-styles h1, 
.redactor-styles h2, 
.redactor-styles h3, 
.redactor-styles h4, 
.redactor-styles h5, 
.redactor-styles h6  {
    font-family: 'Open Sans', sans-serif;
    line-height: initial;
}
.redactor-box.redactor-styles-on {
    border: 1px solid #aaaaaa;
}
.inner br:nth-child(2) {
    /* display: none; */ /*breaks signature line breaks*/
}
#tasks.tab_content {
    min-height: 80px;
}
.redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar {
    padding: 0 0 0 0;
    border-radius: 6px 6px 0 0;	
	box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.22);	
}
.redactor-box.redactor-styles-on {
    border: 1px solid #aaaaaa !important;
}
.tixTitle h3 {
    font-weight: 400;
	color: #777777;
	font-size: 22px;	
}
.avatar.pull-left {
    margin-left: -60px;
    display: inline-block;
    width: 100px; /*target*/
    height: auto;
}
.thread-entry .avatar.pull-left.avatar {
    width: 50px;
}

/* ==========================================================================
 UNIVERSAL TABLE STYLES
========================================================================== */
/* HEAD */
table[width="940"] {
    width: 100%;
}
table.list, 
#ticketTable {
    width: 100%;
    border: 1px solid #cfd4d6;
    border-radius: 6px;
    margin: 5px 0 0 0;
    background: initial;
    background-color: #fff;
    border-spacing: 0;
    border-collapse: separate;
}
.logs-page table.list {
	table-layout: auto !important;	
}
table.list thead th {
    background-color: #fff;
    color: #686868;
}
table.list th:not(:first-child) a:hover {
    background: #cfe6ff url(../../osta/icons/asc-desc.svg) 100% 50% no-repeat;
    background-size: 20px;
}
table.list thead th.osta_priority a:hover {
    background-position: 3px 14px !important;
}
.rtl table.list th:nth-child(3) a:hover, 
.rtl table.list th:nth-child(4) a:hover, 
.rtl table.list th:nth-child(5) a:hover, 
.rtl table.list th:nth-child(6) a:hover,
.rtl table.list th:nth-child(7) a:hover {
    background: #cfe6ff url(../../osta/icons/asc-desc.svg) 8px 50% no-repeat;
    background-size: 20px;	
}
table.list th:first-child {
	border-radius: 6px 0 0 0;
    background-image: url(../icons/checkmark.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    height: 40px;
    content: "";
    width: 30px !important;
}
table.list.queue.tickets th:first-child { /*target*/
	background-position: center left 12px;
}
.rtl table.list th:first-child {
    border-radius: 0 6px 0 0;
}
table.list th:last-child {
    border-radius: 0 6px 0 0;
}
table.ticket_info table {
    background: #fff;
    padding: 4px;
    border-radius: 6px;	
}
table.list th {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    height: 30px;
}
table.list thead th a {
    display: block; /* helps with asc-desc bg images */	
    color: #128dbe;
    font-weight: normal;
    font-size: 16px;
    background: url(../../osta/icons/asc-desc.svg) 100% 50% no-repeat;
    background-size: 20px;
    will-change: background;
    transition: all 0.3s ease-in-out;	
    margin: 0; 
    height: 30px;
    padding: 8px 0 2px 10px; /* this positions the text */
    text-shadow: -1px -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF, 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF, -1px 0 0 #FFF;
}
.rtl table.list thead th a {
    background-position: 8px 50%;
    padding-right: 15px;
    padding-left: 0;
}
table.list thead th a.asc {
    background: #cfe6ff url(../../osta/icons/asc.svg) 100% 50% no-repeat;
    background-size: 20px;
}
.rtl table.list thead th a.asc {
    background: #cfe6ff url(../../osta/icons/asc.svg) 8px 50% no-repeat;
    background-size: 20px;
}
table.list thead th a.desc {
    background: #cfe6ff url(../../osta/icons/desc.svg) 100% 50% no-repeat;
    background-size: 20px;
}
.rtl table.list thead th a.desc {
    background: #cfe6ff url(../../osta/icons/desc.svg) 8px 50% no-repeat;
    background-size: 20px;
}
th.osta_ticket a {
    margin-left: 5px !important;
    padding-left: 22px !important;
    line-height: 24px;
    font-style: initial;
    font-family: Montserrat;
    font-size: 14px !important;
    font-weight: 600 !important;
}
@media screen and (max-width: 1000px) {
	table.list thead th a,
	table.list thead th a.asc,	
	table.list thead th a.desc {
		background-image: initial;
	}
}
/* BODY */
table.list tbody td {
    margin: 0;
	padding: 0 10px 0 10px;
    vertical-align: middle;
    border: initial;
    font-size: 11px;
    color: #686868;
}
table.list td.checkbox-cell {
    padding: 18px 0px;
}
table.list tbody td.osta_ticket {
    padding: 0 10px 0 4px;
}
a[style="display:inline"] {
    font-size: 14px;
    font-weight: 500;
}
table.list td div.wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* FOOT */
table.list tfoot td {
    font-size: 14px;
    background: #fff;
    border-radius: 0 0 6px 6px;
    padding: 12px;
    border-top: .5px solid #e0e0e0;
}
td.empty:before {
    display: none;
}
.truncate {
    display: initial;
    width: auto;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.osta_ticket .truncate {
    white-space: initial !important;
}

/* ==========================================================================
 TICKET LIST COLUMN WIDTHS
========================================================================== */
form[action="tickets.php"] table.list thead th {
	width: initial !important;
}
form[action="tickets.php"] table.list thead th:first-child,
form[action="tickets.php"] table.list thead th:nth-child(2) {
    text-align: center;
}
form[action="tickets.php"] table.list th:first-child,
form[action="tickets.php"] table.list td:first-child {
	max-width: 1vw;
}
form[action="tickets.php"] table.list th:nth-child(2),
form[action="tickets.php"] table.list td:nth-child(2) {
	max-width: 2vw;
}
form[action="tickets.php"] table.list th:nth-child(3),
form[action="tickets.php"] table.list td:nth-child(4) { /* <-acount for hidden mobile td */
	max-width: 9vw;
}
form[action="tickets.php"] table.list th:nth-child(4),
form[action="tickets.php"] table.list td:nth-child(5) {
	max-width: 10vw;
}
form[action="tickets.php"] table.list th:nth-child(5),
form[action="tickets.php"] table.list td:nth-child(6) {
	max-width: 20vw;
}
form[action="tickets.php"] table.list th:nth-child(6),
form[action="tickets.php"] table.list td:nth-child(7) {
	max-width: 10vw;
}
form[action="tickets.php"] table.list th:nth-child(7),
form[action="tickets.php"] table.list td:nth-child(8) {
    max-width: 4vw;
}
form[action="tickets.php"] table.list th > .wrap,
form[action="tickets.php"] table.list th > .wrap a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
form[action="tickets.php"] table.list td:nth-child(6) div.wrap {
    max-width: 75%;
}
.rtl form[action="tickets.php"] table.list td:nth-child(6) div.wrap {
    float: right;
}
form[action="tickets.php"] table.list td:nth-child(6) div.overdueTicket.wrap {
    max-width: calc(75% - 20px);
}
@media screen and (max-width: 1080px) {
	.tickets-page table.list thead th a {
	    padding: 8px 0 2px 0 !important;
	}
	.tickets-page table.list tbody td {
		/*padding-left: 0 !important;*/
	}	
}
@media screen and (max-width: 860px) {
	.tickets-page table.list thead th a {
	/* background-image: initial !important;	 */
	}
}

/* ==========================================================================
 TICKET LIST HEAD
========================================================================== */
table.list thead th.osta_priority a {
    color: #fff;
    font-size: 1px;
    background-image: url(../icons/exclaimation.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 6px;
    content: "";
}
table.list thead th:first-child a.desc {
    height: 39px !important;
}
form[action="tickets.php"] table.list thead th:first-child:hover {
    background-color: #cfe6ff;
    box-shadow: inset 0 -1px 0 0 #fff;
}
form[action="tickets.php"] table.list thead th:first-child a {
    background-image: initial;
}
form[action="tickets.php"] table.list thead th:first-child a {
	background-image: none;
}
.tickets-page table.list thead th:first-child a.asc,
table.list thead th:first-child a.desc {
    background: initial;
}
/*priority*/
.tickets-page table.list th:first-child a {
	border-radius: 6px 0 0 0 !important;
}
table.list thead th a#selectToggle {
    background: initial;
}
/*checkbox*/

/*description*/

/*number*/
table.list thead th:last-child,
table.list thead th:last-child a {
    border-radius: 0 6px 0 0;
}
.rtl table.list thead th:last-child,
.rtl table.list thead th:last-child a {
    border-radius: 6px 0 0 0;
}
table.list tbody tr:hover td.osta_priority {
    opacity: .8;
}
table.list tbody tr:hover td.osta_priority_emergency {
    filter: brightness(160%);
}
table.list tbody tr:hover td.osta_priority_high {
    filter: brightness(118%);
}
table.list tbody tr:hover td.osta_priority_normal {
    filter: brightness(118%);
}
table.list tbody tr:hover td.osta_priority_low {
    filter: brightness(120%);
}

/*row color and hover hightlights*/
table.list tbody tr.highlight td {
  	background: #ddd;
    border-top: .1px solid #aaa !important;
    border-bottom: .1px solid #aaa !important;
}
table.list tbody tr:hover td {
    background: #ffe9d2;
}

/* ==========================================================================
 TICKET LIST BODY
========================================================================== */
/*priority*/
/*checkbox*/

.new-reply {
    background-size: 8px !important;
    background-repeat: no-repeat !important;
    content: '1' !important;
    display: inline-block;
    margin: 0;
    background: #fff;
    color: #000000;
    font-weight: 400;
    padding: 2px;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: relative;
    left: -5px;
    border: 1px solid #8a8a8a;
    animation: new-reply-pulse 1.5s ease-in-out infinite;	
}
@-webkit-keyframes new-reply-pulse {
	0% {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
	}
	50% {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(117, 178, 226, .3)
	}
	to {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
	}
}
@keyframes new-reply-pulse {
	0% {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
	}
	50% {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(117, 178, 226, .3)
	}
	to {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3);
		box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
	}
}
.nowrap {
    white-space: nowrap;
}
td.osta_ticket div {
    white-space: nowrap;
    vertical-align: middle;
}
td.osta_lastupdated {
	line-height: 22px;
}
.date-text {
    position: relative;
    top: 1px;
}
/*from*/
form[action="tickets.php"] table.list tbody td:nth-child(5) {
	padding-left: 10px;
    font-size: 14px !important;
}
/*description*/
form[action="tickets.php"] table.list tbody td:nth-child(6) {
	padding-left: 10px;
}
.Icon.overdueTicket.link.truncate {
    padding: 0 0 0 20px;
}
td.table-description div {
    font-size: 14px !important;
}
i.icon-comments-alt {
    top: 5px;
    right: 4px;
}
#thread-count {
    float: right;
    position: relative;
    right: 4px;
}
.rtl #thread-count {
    float: left;
    left: 0;
}
#thread-icon {
    float: right;
    padding: 0 4% 0 4px;
}
.rtl #thread-icon {
    float: left;
    padding: 0 4px 0 4%;
}
i.icon-comments-alt {
    top: 2px;
}
/*name*/
form[action="tickets.php"] table.list tbody td:nth-child(7) {
    padding-left: 10px;
    font-size: 12px;
}
/*number*/
a.Icon.Ticket.preview,
a.Icon.apiTicket.preview,
a.Icon.emailTicket.preview,
a.Icon.phoneTicket.preview,
a.Icon.webTicket.preview,
a.Icon.otherTicket.preview {
    margin: 0 0 0 12px;
	margin: 0;
}
a.Icon.Ticket.preview b,
a.Icon.apiTicket.preview b,
a.Icon.emailTicket.preview b,
a.Icon.phoneTicket.preview b,
a.Icon.webTicket.preview b,
a.Icon.otherTicket.preview b {
    font-weight: normal;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
}
a[data-preview^="#tasks"],
.orgs #tickets .list a.preview,
.users #tickets .list a.preview,
table.list.queue.tickets a.preview,
#relations a.Ticket.preview,
.tasks .list td:not(.task-number) a[href^="tickets.php"] {
    font-weight: 400;
    border: .5px solid #128dbe;
    border-radius: 2px;
    padding: 2px 3px 2px 3px;
    background: #ffffff7a;
    margin: 0;
    font-size: 10px;
} 
a.preview:empty {
    display: none !important;
}
.orgs #tickets .list a.preview,
.users #tickets .list a.preview {
	padding: 2px 3px 0 3px;
}
.orgs #users .list tbody td {
	padding: 14px 0;
    font-size: 14px;
}
.orgs #users .list tbody td:nth-child(3) {
    font-size: 13px;
}
.orgs #users i.icon-fixed-width.icon-file-text-alt {
    top: 4px;
}
.users #tickets .list thead th a {
    padding: 8px 0 2px 0;
}
.users #tickets .list th:first-child {
    background-image: none;
    width: 6% !important;
}
.users #tickets .list th:nth-child(2) {
	width: 13% !important;
}
.users #tickets .list th:nth-child(3) {
	width: 11% !important;
}
.users #tickets .list th:nth-child(4) {
	width: 42% !important;
}
.users #tickets .list th:nth-child(5),
.users #tickets .list th:nth-child(6) {
	width: 14% !important;
}
.users #tickets .list td{
	padding: 14px 0;
    /* font-size: 14px !important; */ /* messing up User view Tickets tab */
}
.users #tickets .pull-right.faded-more {
    padding-right: 20px;
}
.preview {
	float: left;
}
.rtl .preview {
    float: right;
}
_::-webkit-full-page-media, _:future, :root a.preview {
    border: 1px solid #128dbe;
}

/* ==========================================================================
 TICKET LIST - FOOT
========================================================================== */
form[action="tickets.php"] table.list tfoot td {
    padding: 10px 8px 6px 0 !important;
    border-top: .5px solid rgba(0, 0, 0, 0.09) !important;
    border-radius: 0 0 6px 6px;
    font-size: 14px !important;
}
table.list + div,
table.list ~ div {
    font-size: 14px;
    padding: 12px 12px 0 12px;
}
table.list ~ div b {
    margin-right: 10px;
}
table.list + div a#queue-export,
#table-foot-options a#queue-export,
table.list.queue.tickets ~ div a#queue-export {
    margin-left: 10px !important;
}

/* ==========================================================================
 TICKET VIEW
========================================================================== */
.ticket_info {
    background: #fff;
    border: 1px solid #cfd4d6;
    border-radius: 6px;
    margin: 0;
    padding: 0;
}
.ticket_info th {
    color: #4c5156 !important;
	font-weight: 600;
}
.ticket_info td {
    border-radius: 6px;
    background: #fff;
}
.ticket_info {
	margin: 0 0 10px 0;
}	
.ticket_info td {
	padding: 3px 8px;
}
.ticket_infotr:first-child td {
	padding-top: 7px;
}
.ticket_info tr:last-child td {
	padding-bottom: 9px !important;
}
.has_bottom_border {
    padding-bottom: 5px;
    border-bottom: none;
}
.flush-left h2 {
    margin: 0;
}
.clear.tixTitle.has_bottom_border h3 {
    margin: -8px 0 3px -4px;
}
.templates .pull-left.flush-left,
.emails .pull-left.flush-left,
.staff .pull-left.flush-left,
.teams .pull-left,
.roles .pull-left,
.departments .pull-left,
.directory .pull-left,
.dashboard .pull-left,
.users .pull-left,
.orgs .pull-left,
.tasks .pull-left.flush-left,
.kb .pull-left,
.categories .pull-left,
.canned .pull-left {
    margin-top: 0;
}
#ticketThread::before {
    margin-left: 83px;
}
.thread-entry .thread-body {
    width: calc(100% - 27px);
}
.thread-entry::before {
    border-top: 2px solid #f3f3f5;
}
.thread-entry::after {
    /*border-bottom: 2px solid #f3f3f5;*/
}
.thread-entry.message .header,
.thread-preview-entry.message .header {
    background: #ffddba;	
}
.thread-entry.avatar.message .header:after {
    border-left: 7px solid #ffddba;
}
.thread-entry .header,
.thread-preview-entry .header {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 5px 5px 0 0;
}
.thread-entry .header .title {
    margin-left: 0;
}
.thread-entry.note .header,
.thread-preview-entry.note .header,
.thread-preview-entry.collapsed .header {
    background: #dae9eb;
}
.thread-entry.response .header,
.thread-preview.entry.response .header {
    background: #b2e9f1;
}
.thread-entry.avatar .header:before {
    border-left: 8px solid #dddddd;
}
.textra.light {
    float: right;
    padding-left: 5px;
}
.thread-entry .label-bare {
    display: inline-block;
    padding: 5px 9px 3px 9px;
    border: 0.5px solid #99bbc0;
    background: rgba(255, 255, 255, 0.21);
    margin: -3px 0 0 0;
    color: #3b8ebd;
}
.thread-entry .label-bare i.icon-user, 
.thread-entry .label-bare i.icon-code-fork {
    width: 13px;
    height: 13px;
    background-size: 13px !important;
    margin: -2px 0 6px 0;
}
.thread-entry .label-bare .icon-code-fork:before {
    content: "\f126";
    top: 0px !important;
    left: 3px;
    font-size: 14px;
}
.thread-entry.message .header a.white.button.action-button.show-images {
	padding: 1px 4px 4px 4px;
    border: .5px solid #c9b49e;
    background: initial;
    float: right;
    background: rgba(255, 255, 255, 0.21);
}
.thread-preview-entry.collapsed.response .header .thread-name span:first-child {
    color: #4c5156;
}
.thread-entry.message .header a.white.button.action-button.show-images:hover {
    border: .5px solid #c9b49e !important;
    background: rgba(255, 255, 255, 0.37);
}
.thread-event .description {
    margin: 11px 0 0 5px !important;
    padding-top: 0;
    padding-left: 0;
    display: block;
    width: calc(100% - 114px);
    line-height: initial !important;
    color: #3b4450;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    float: left;
}
.thread-entry.avatar.response .header:before {
    border-right-color: #afebf3;
    z-index: 9
}
.thread-entry.avatar.response .header:after, .thread-entry.avatar.note .header:after {
    /* border-right: 7px solid #dae9eb !important; */ /*target*/
}
.thread-event {
    background-color: #fff0 !important;
    padding: 0 2px 9px;
    margin: 0 0 16px 60px;
    overflow: hidden;
}
.thread-event i {
    color: #6a798c !important;
}
.thread-event .type-icon {
	border: .5px solid #d8d8d8;
    padding: 9px 12px;
    background-color: #fff;
    position: relative;
    left: -2px;
    top: 0;
    float: left;
}
#thread-items::before {
    margin-left: 79px;
}
#response_options > form { /* Ticket View */
	border: .5px solid #cfd4d6;
    /* border-top: none; */
    border-radius: 6px;
}
#response_options > form > table {
    table-layout: auto !important;
    padding: 12px;
}
#response_options > form > table td {
    padding: 0 0 10px 0;
}
tbody#to_sec select,
tbody#resp_sec select {
    width: 400px;
}
#ticket_thread.tab_content {
    position: initial;
}
.dropzone {
    z-index: 1;
    position: relative;
    top: -2px;
}
.dropzone .redactor-box {
    margin-top: 14px;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}
.redactor-box {
    margin: 0 0 0 0 !important;
    border-radius: 6px 6px 0 0 !important;
}
.redactor-toolbar {
    background: #f7f7f7;
}
.redactor-toolbar li a {
    color: #128dbe;
}
.redactor-toolbar li a:hover {
    background-color: #128dbe;
}
.redactor-editor {
	font-family: 'Open Sans', sans-serif !important;	
}
.filedrop .dropzone {
    border: 1.5px dashed #75a4b1!important;
    padding: 4px 10px 10px 10px !important;
    border-radius: 0 0 5px 5px !important;
    background-color: #e8f6fa!important;
    color: #7f7f7f !important;
}
.filedrop .dropzone a {
    color: rgb(18, 141, 190);
    text-decoration: underline !important;
}
#response_options > form {
    background: #ffffff;
}
table.ticket_info.custom-data th {
	padding: 13px 17px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ccc;
    background-color: initial;
}

table.ticket_info.custom-data tr td {
    padding: 0 0 17px 17px;
}
table.ticket_info.custom-data tr:first-child td {
    padding: 17px 0 17px 17px;
}
table.ticket_info.custom-data tr:only-child td {
	padding: 17px 0 17px 17px;
}
#tasks_content .list td a,
#tasks_content .list td:nth-child(5) {
    font-size: 14px;
}
.tasks .list .task-number a, 
#tasks_content .list td a[title="Preview Task"] {
	font-size: 10px;
    padding: 1px 3px 0 13px;
    min-height: 16px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: top 2px left 2px;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23128dbe' d='M21%2C7L9%2C19L3.5%2C13.5L4.91%2C12.09L9%2C16.17L19.59%2C5.59L21%2C7Z' /%3E %3C/svg%3E");
}
a#reload-task {
    float: none;
    border: initial;
    font-size: inherit;
}
.merged-parent,
.merged-child {
    font-size: 15px;
    border: 1px solid #777777;
    padding: 2px 6px;
    position: relative;
    top: -3px;
    background: #00000003;
    border-radius: 2px;
}
#relations a.Ticket.preview {
    position: relative;
    top: 2px;	
}
#ticket_tabs_container #relations td {
    padding-left: 0;
}
#ticket_tabs_container #relations table.list th:first-child {
    background-image: initial;
    width: 2% !important;
}
#ticket_tabs_container #relations table.list th:nth-child(2) {
	width: 8% !important;
}
#ticket_tabs_container #relations table.list th:nth-child(3) {
	width: 50%;
    font-size: 14px;
}
#ticket_tabs_container #relations table.list th:nth-child(4),
#ticket_tabs_container #relations table.list th:nth-child(5),
#ticket_tabs_container #relations table.list th:nth-child(6) {
	width: 12% !important;
}	
	
/* ==========================================================================
 PRIORITY POPUP (osTicket Awesome mod)
========================================================================== */
table.list th.head-priority a {
    width: 3px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 6px !important;
}
td.cursor.priority {
    padding: 0;
}
table.list tbody tr:nth-child(2n+1):hover td {
    background: #ffe9d2;
}
td.Emergency,
table.list tbody tr:hover td.Emergency,
table.list tbody tr:nth-child(2n+1):hover td.Emergency {
	background: url(../../osta/img/priority-pattern-overlay.png) #fc6872!important;
}
td.High,
table.list tbody tr:hover td.High,
table.list tbody tr:nth-child(2n+1):hover td.High {
	background: url(../../osta/img/priority-pattern-overlay.png) #e5bc61!important
}
td.Normal,
table.list tbody tr:hover td.Normal,
table.list tbody tr:nth-child(2n+1):hover td.Normal {
	background: url(../../osta/img/priority-pattern-overlay.png) #a5cb59!important;
}
td.Low,
table.list tbody tr:hover td.Low,
table.list tbody tr:nth-child(2n+1):hover td.Low {
	background: url(../../osta/img/priority-pattern-overlay.png) #5bb3f5!important;
}
table.list tbody tr.highlight td {
	/* background: #ddd !important; */
}
table.list tbody tr.highlight td {
    border-top: .1px solid #aaa !important;
    border-bottom: .1px solid #aaa !important;
    background-color: #ddd;
}
td.priority {
	margin: 0!important;
	padding: 0!important;
    width: 14px;
	overflow: hidden;
	border-left: 1px solid #DCDCDC!important;
}
td.priority a {
	border-collapse: collapse;
    display: block;
    text-decoration: none;
    font-size: 1px;
    margin: 0!important;
    height: 34px;
    width: 15px;
}
.priority-popup {
    font-size: 17px;
    line-height: 30px;
}
.tip_content h2,
.priority-popup h3 {
    margin: 4px 0 9px 0; /*conflicts with Status link on individual Ticket margin: */
    color: #777777;
    font-weight: 400;
    font-size: 20px;
}
.tip_content.tickets h2 {
    margin: 0;
}
.priority-popup input[type="radio"] {
    margin: 0 5px 0 0;
}
.color {
    float: left;
    margin-right: 5px;
    padding: 0 0 0 0;
    border-bottom: 6px solid #fff;
}
div#priority-4,
div#priority-3,
div#priority-2, 
div#priority-1 {
	clear: both;
}	
div#priority-4 .color,
div#priority-3 .color,
div#priority-2 .color,
div#priority-1 .color {
    width: 10px;
    height: 24px;
    position: relative;
    top: 4px;
}
td.priority.Emergency a {
	color: #fc6872;
}
div#priority-4 .color {
    background: #fc6872;
}
td.priority.High a {
	color: #e5bc61;
}
div#priority-3 .color {
    background: #e5bc61;
}
td.priority.Normal a {
	color: #a5cb59;
}
div#priority-2 .color {
    background: #a5cb59;
}
div#priority-1 .color {
    background: #5bb3f5;
}
.priority-levels {
    display: flex;
}
.priority-levels .group {
    margin: 0 40px 0 0;
}
.priority-levels .group .input-wrap {
    float: left;
    margin: 3px 0 0 0;
}

td.osta-ticket-action {
    cursor: url(../../osta/icons/edit.png) 10 15, url(../../osta/icons/edit.svg), pointer!important;
    padding: 0 !important;	
}
div.body #msg_warning,
div.body #msg_error, 
div.body #msg_notice,
div.body #msg_alert {
    margin: 0 0 8px 0;
}

/* ==========================================================================
 TICKET VIEW - 2019
========================================================================== */
input.ckb {
    margin: 0 auto;
}
table.list tbody td.osta_username {
    font-size: 14px;
}
th.osta_priority,
th.osta_priority a {
    width: 16px;
}
th.osta_priority a {
    text-shadow: initial !important;
    font-size: 0 !important;
}
table.list thead th.osta_priority a {
	padding: 0;
    height: 39px;
}
table.list tbody tr.highlight td.osta_priority {
	filter: grayscale(90%);
}
table.list tbody tr.highlight td.osta_priority_emergency {
    filter: grayscale(100%) brightness(125%);
}
table.list tbody td.osta_priority {
    padding: 0;
    border: 2px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;	
}
td.osta_priority.osta_priority_emergency {
    background: url(../img/priority-pattern-overlay.png) #fc6872!important;
}
td.osta_priority_high {
    background: url(../img/priority-pattern-overlay.png) #e5bc61!important;
}
td.osta_priority_normal {
    background: url(../img/priority-pattern-overlay.png) #a5cb59!important;
}
td.osta_priority_low {
    background: url(../img/priority-pattern-overlay.png) #5bb3f5!important;
}
td.osta_priority div {
    display: none;
} 

/* temp mobile solution - delete once Priority colors are back in mobile view */
td.cursor.priority {
    background: #bbb !important;
}

/* ==========================================================================
 INPUTS
========================================================================== */
select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(../../osta/svg/chevron-down-thin.svg) no-repeat;
    background-position: right 4px center!important;
    background-size: 20px 20px;
    background-color: #fff;
    color: #424242;
    border: .5px solid #bfbfbf !important;
    height: 32px;
    min-width: 305px;
    position: relative;
    top: -1px;
    padding: 0 17px 0 8px !important;
    font-family: 'Open Sans', sans-serif;
}
.rtl select {
    background-position: left 5px center!important;	
    padding: 0 8px 0 0 !important;
}
input[type=text], input[type=password], textarea, input {
    min-width: 100px;
    margin: 3px 0 3px 0; /*target (Staff login page)*/
    height: 32px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 0 0 8px;
    border: .5px solid #bfbfbf;
    outline: none!important;	
}
textarea {
    padding: 7px 0 0 8px;
    height: initial;	
}
.rtl input[type=text], .rtl input[type=password], .rtl textarea, .rtl input {
    padding: 0 8px 0 0;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    color: #898989;
    border: .5px solid #898989;
	padding: 8px 26px !important;
    height: unset;
}
input[type="submit"], input[type="reset"], input[type="button"], .action-button, .button, button, button.link.button, input[type="button"] {
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    /*margin: 0;*/ 
    padding: 6px 16px;
    color: #898989;	
    cursor: pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .action-button:hover, .button:hover, button:hover, button.link.button:hover, input[type="button"]:hover {
    /*padding: 6px 16px;*/ /*target*/
    background: #ccd1d6;
    color: #3b4450;
    border: .5px solid #8c9aac;
}
a.green.button {
    background: #fff;
    border: .5px solid #b9b9b9;
}
.green.button:hover {
    background: #ffffff !important;
    border: .5px solid #8c9aac !important;
    color: #3b4450 !important;
    box-shadow: unset;
}
form[action="profile.php"] .action-button,
form[action="profile.php"] .action-button:hover {
    /*height: 40px;*/ /*target*/
}
input[type="submit"], input[type="reset"], input[type="button"], button, button.link.button, input[type="button"] {
    will-change: background;
    transition: all 0.3s ease-in-out;
	font-family: 'Open Sans', sans-serif !important;	
}
form#login input[type="text"],
form#login input[type="password"] {
    margin: unset;
}
.action-button {
	margin: 0;
}
input.translatable {
    height: 32px;
    width: 405px;
    border: .5px solid #bfbfbf;	
    position: relative;
    top: -1px;
    color: #424242;
}
input[type="text"].translatable {
    border-right: initial !important;
}
div.translatable {
    border: .5px solid #bbb;
    border-right: .5px solid #bbb;
    border-radius: 3px;
}
.input.attached {
    height: 32px;
}
.input.attached input {
    min-width: 169px;
    height: 32px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 0 0 8px;
    border: .5px solid #bfbfbf;
	border-right: 0;
    float: left;	
}
.rtl .input.attached input {
    padding: 0 8px 0 0;
}
input#user-email {
    margin: 0 0 4px 0!important;
}
.button.attached {
    margin-left: -4px;
    margin-right: -4px;
    margin: 0 -4px 5px -4px;
    box-shadow: none !important;
    border: .5px solid #bfbfbf !important;
    border-left: 0 !important;
    border-radius: 0 3px 3px 0;
	float: left;
}
.banlist .button.attached {
    margin: 3px -4px 5px -4px;
}
.input.attached .button.attached {
    height: 100%;
    box-sizing: border-box;
    border: unset !important;
}
.button.attached:after {
	clear:both;
}
a.attached.button:hover {
    border-left: 0;
}
a.attached.button i.icon-search {
    top: 5px;
}
input[type="radio"] {
    min-width: initial;
    margin: 0 3px 0 0;
    width: 16px;
    height: 15px;
    position: relative;
    top: 3px;
	-webkit-appearance: radio !important;
}
.rtl input[type="radio"] {
    margin: 0 0 0 3px;
}
input[name="title"] {
    margin: 0 !important;
}
td.required + td input,
td.required + td select,
td.required + td .select2-selection,
div#definition td.required + td div.translatable,
form[action*="change-password"] input[type="text"],
form[action*="change-password"] input[type="password"] {
    border-right: 2px solid red !important;
} 
#definition td.required + td input {
    border-right: 0 !important;
}
select[name="source"] {
    padding-left: 5px;
}
.rtl select[name="source"] {
    padding-right: 5px;
}
.settings .error {
    /*display: none;*/ /*why?!*/
} 
input[name$="-ext"] {
    min-width: 30px;
    width: 60px;
}
input[placeholder="Keywords � Optional"] {
    padding: 0 0 0 6px !important;
}
.rtl input[placeholder="Keywords � Optional"] {
    padding: 0 6px 0 0 !important;
}
#new-user-form input[type="text"],
#new-user-form input[type="email"] {
    width: 320px;
}
#new-user-form input[size="5"] {
    width: 56px !important;
}
#new-user-form select {
    min-width: 91px;
}
#sequences .manage-buttons {
    margin-right: 80px;
}
.rtl #sequences .manage-buttons {
    margin-left: 80px;
}
.settings input[type="file"] {
    height: 22px;
    margin: 0;
    padding: 5px;
}
#sequences div[style="display:inline-block"] {
    font-size: 16px !important;
    line-height: 16px;
}
input[type="file"] {
    padding: 6px 0 29px 6px;
    background: #d7f4ff;
    height: 0;	
}
.buttons input {
    min-width: 100px;
}
#theme-save-button:hover {
    background: #fff;
}
button#do_search,
input[type="submit"], 
input[type="reset"], 
input[type="button"],
form.-redactor-container button[type=submit] {
    margin: 0 4px;
    box-shadow: none;
    padding: 9px 30px !important;
    color: #515d6d;
    border: initial !important;
    background: #dcdfe2;
    letter-spacing: 1.6px;
    font-weight: 700;
}
button#do_search {
    padding: 9px 43px !important;
}
.dialog input[value="Reset"] {
    display: none;
}
#user-form form.user input[type="tel"],
#user-form form.user input[type="text"] {
    min-width: 222px;
}
td input[type="tel"] + input {
    width: 50px !important;
    min-width: 50px !important;
}
#basic_search input[type="submit"] {
    border: .5px solid rgba(166, 182, 166, 0.7294117647058823) !important;
}
.save.pending,
input[type="submit"],
input[value="Create"],
input[style="color: rgb(255, 0, 0);"],
form.-redactor-container button[type=submit] {
    color: #3c763d !important;
    background-color: #d0e9c6;
    box-shadow: unset;
	border: initial !important;
}
input[style="color: rgb(255, 0, 0);"] {
    box-shadow: unset;
    -webkit-animation: async-save-warning-pulse 1.5s ease-in-out infinite;
    animation: async-save-warning-pulse 1.5s ease-in-out infinite;
}
@-webkit-keyframes async-save-warning-pulse {
	0%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 0 rgba(77, 130, 85, 0.44)}
	50%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 4px rgba(77, 130, 85, 0.44)}
	100%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 0 rgba(77, 130, 85, 0.44)}
}
@keyframes async-save-warning-pulse {
	0%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 0 rgba(77, 130, 85, 0.44)}
	50%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 4px rgba(77, 130, 85, 0.44)}
	100%{box-shadow: 0 0 0 0 #75a4b1, 0 0 0 0 rgba(77, 130, 85, 0.44)}
}
input[type="submit"]:hover,
input[value="Create"]:hover,
.save.pending:hover {
    color: #2a3e2a !important;
    box-shadow: unset;
}
.button:hover, 
.button:active,
.save.pending:hover,
button#do_search:hover,
input[type="reset"]:hover,
input[type="button"]:hover, 
input[type="button"]:active,
input[type="reset"]:hover, 
input[type="reset"]:active,
button.link.button:active, 
form.-redactor-container button[type=submit]:hover,
form.-redactor-container button[type=submit]:active {
    box-shadow: unset;
    border: initial !important;
    background: #c9cdd0;
    color: #343a42;
    /* height: unset; */ /*target*/
}
.action-button:hover, 
.action-button:active {
    box-shadow: unset;
    background: #fff;
}
input.button[name="delete"]:hover {
    border: .5px solid #c61818 !important;
    color: #c61818 !important;
    background: #edd5d6 !important;
}
a.green.button.action-button.ticket-task-action {
    /* padding: 9px 30px !important; */ /* target */
}
.action-button.muted {
    box-shadow: none;
}
.action-button i {
    /*position: initial !important;*/
    /*background-position: 1px 1px;*/  /*whatever reason this is here, it needs to be targeted specifically*/ /*STILL NEEDED?!*/
    /*background-repeat: no-repeat;*/
}
.action-button i:hover {
    /*background-position: 1px 1px;*/  /*whatever reason this is here, it needs to be targeted specifically*/
}
.action-dropdown, 
.noclick-dropdown {
    width: fit-content;
}
.action-dropdown ul li a > i {
    background-position: 0 0 !important;
    width: 20px !important;
    height: 20px !important;
    top: 6px;
    font-size: 21px;
    background-repeat: no-repeat !important;
    margin: 0 6px 0 0;
}
.rtl .action-dropdown ul li a > i {
    margin: 0 0 0 6px;
}
.action-dropdown ul li > a {
    line-height: 30px;
}
.rtl .action-dropdown ul.bleed-left li > a {
    padding-right: 8px;
}
#msg_info i.icon-info-sign {
    display: none;
}
.action-button i.icon-caret-down,
.action-button.muted i.icon-caret-down {
    border-left: .5px solid #ccc;
    float: right !important;
    padding: 0 0 0 4px;
    height: 21px;
}
.rtl .action-button i.icon-caret-down {
    border-right: initial;
    margin-left: 6px;
    margin-right: 0;
}
span.action-button {
    margin: 0 2px;
}

/*span.action-button[data-original-title="Change Status"] {
    margin-left: 0;
}*/
a#post-note,
.icon-mail-reply:before, .icon-reply:before {
    color: #128dbe;
}
a#post-note:hover {
    background-color: #fff;
}
a.attached.button:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 0%, #e7ebf0) #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)) #ffffff;
}
.link.button {
    background: #fff;
    border: .5px solid #b1b1b1;
    padding: 6px 16px;
    color: #b1b1b1;
}
.link.button:hover, .link.button:active  {
	background: #ccd1d6;
    color: #fff;	
}
.red.button.action-button {
    /*margin-right: 0;*/ /*whatever reason this is here, it needs to be targeted specifically*/
}
.red.button.action-button:hover > a [class^="icon-"] {
    color: #d01919;
}
.red.button:hover {
    box-shadow: none;
    color: #d01919;
    border: .5px solid #d01919 !important;
    background-color: #fff;
	height: 22px;	
}
button.red.button[name="delete"] {
    background: #fff;
    border-width: .5px !important;
    border: .5px solid #aa9e9e;
    box-shadow: unset;
}
button.red.button[name="delete"]:hover {
    background: #ffd9d9 !important;
    border: .5px solid #cd8f8f !important;
}
.button-text.advanced-search svg {
	width: 16px !important;
    height: 16px !important;
    position: relative;
    fill: #128dbe;
    top: 0 !important;
    left: 4px;
    margin: 2px 4px 0 0;
    float: right;
}	
.action-button.advanced-search.gray-light2 {
    margin-right: 0;
    margin-left: 8px;
    position: relative;
    /* right: -3px; */
}
.rtl .action-button.advanced-search.gray-light2 {
    right: 1px;
}
.button-text.advanced-search:hover > svg {
    fill: #0c5c7b;
}
.action-button:hover > i {
    /*color: #0c5c7b;*/ /*target*/
}
.action-button:hover > a [class^="icon-"] {
    color: #0c5c7b;
}
.action-button.danger {
    background: -moz-linear-gradient(top, #fafafa 0%, #e7ebf0) #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)) #ffffff;
    border: .5px solid #aaa;
    opacity: 1;
}
.action-button.danger:hover {
    background: #ef0d0d !important;
}
#content .pull-right .action-button.muted,
.action-button.muted[data-dropdown="#sort-dropdown"] {
    float: right;
    margin: 0 0 0 6px; /* sort button on ticket pages */
}
.rtl .action-button.muted[data-dropdown="#sort-dropdown"] {
    float: left;
    margin: 6.5px 6px 0 0;	
}
.tasks .action-button.muted[data-dropdown="#sort-dropdown"] {
    margin: 0 0 0 6px;
}
.valign-helper {
    margin-top: 48px !important;
}
button.translatable {
    margin: 1px 1px 0 0;
    background: unset;
}
input ~ button.translatable {
	width: 28px;
    height: 28px;
    padding: 0;
}
input ~ button.translatable:hover {
    background: #f7db94bd !important;
    border: initial;
}
input.translatable[value="Support"] {
    width: 247px !important;
    height: 30px !important;
    padding: 0 0 0 8px !important;
}
.button-text.advanced-search,
span.sort-button-text,
.pull-right.flush-right.page-top .action-button.muted {
    letter-spacing: initial;
    color: #585858;
}
button[type=submit], 
input[type="submit"], 
.primary.button {
	box-shadow: unset;
}
button[name="remove-users"] {
    background: #fff;
}
#user-info a.inline.button {
    padding: 6px 16px;
    margin: 0 0 0 10px;
    border: .5px solid #797777;
}
#user-info a.inline.button:hover {
    height: 22px;
    line-height: 22px;
}
.action-dropdown ul li > a > i[class^="icon-"]:before {
    top: 1px !important;
    margin: 0 10px 0 0 !important;	
}
.action-dropdown ul li > a:hover > i[class^="icon-"]:before {
    color: #fff !important;
}
#advanced-search i.icon-save {
	position: relative;
    top: 1px;
    margin-right: 6px !important;
}
button.save.button {
    background: #dcdfe2;
}
button.save.button:hover {
    background: #c9cdd0;
}
form#advsearch button#do_save { /*advanced ticket search*/
	color: #3c763d !important;
    background-color: #d0e9c6;
    padding: 9px 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
form#advsearch button#do_save:hover { /*advanced ticket search*/
	color: #2a3e2a !important;
    background: #ccd1d6;
    box-shadow: initial;	
}

/* ==========================================================================
 SVG ICONS - TWEAKS
========================================================================== */
.action-button i {
    position: relative !important;
    top: 2px !important;
    left: 1px;	
    margin: 0 4px 0 0;	
}
i.icon-upload:before {
    top: 0;
    width: 32px;
}
i.icon-mail-reply {
    top: 1px !important;
}
.tip_content .links {
    border-top: .5px solid #ddd;
}
.tip_content i.icon-info-sign.faded {
    top: 0; /*target*/
    margin-right: 4px !important;
}
button.action-button.pull-right .icon-gear:before {
    top: -2px;
}
form[action="#sequence/manage"] i.icon-plus {
    float: initial;
}
input[type="submit"] i, input[type="reset"] i, input[type="button"] i, .action-button i, .button i {
    margin-right: 4px;
}

/* ==========================================================================
 TOOLTIPS
========================================================================== */
.tooltip {
  position: absolute;
  z-index: 9999999;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}
.tooltip-inner {
    padding: 6px 10px !important;
    background-color: var(--header-bg) !important;
    color: var(--header-title) !important;
}
.tooltip.bottom {
    margin-top: 1px !important;
}
.tooltip.top {
    margin-top: 0 !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: var(--header-bg) !important;	
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--header-bg) !important;
}
#ticket-preview_container .ticket_info {
    border: initial;
}
#ticket-preview_container .ticket_info th {
    color: #4c5156 !important;
    font-weight: 500;
}
.ticket_info .preview {
    float: none;
    padding: 0;
}
a.manage-collaborators.preview {
    border: initial !important;
}
#ticket-preview_container .tab_content {
    background: #fff;
    border: .5px solid #aaa;
    border-radius: 6px;
}
.tip_menu {
    margin: 20px 0 0 0;
    border-top: .5px solid #aaa;
}
.tip_menu li a:hover {
    color: #128dbe;
}
.tip_menu li a {
    color: #128dbe;
    display: block;
    width: auto;
    float: left;
    padding: 0 16px;
    border-right: .5px solid #ffffff;	
}

/* ==========================================================================
 ALERTS: ERRORS, NOTICES AND WARNINGS
========================================================================== */
body.tickets-page div#popup .error {
	display: none;
}

/* ==========================================================================
 TICKET OPEN ticket-open.inc.php
========================================================================== */
.dialog h3 {
    color: #777777;
    font-family: 'Product Sans', 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 25px;
}
.dialog hr {
    visibility: hidden;
}
input#user-search {
    font-size: 14px;
}
#the-lookup-form #msg_info {
    margin: 0 0 20px 0;
    /*padding: 14px 10px 14px 16px;*/ /*Conflicts with Tickets > Open New > Lookup*/
}
.form_table th,
div.section-break {
    text-align: left;
    background: #eee;
    background-color: initial;
    border: initial;
    padding: 4px 10px 10px 0;
    font-size: 126%;
    color: #777777;
    /*font-family: 'Lato';*/
    font-weight: 400;
}

div.section-break {
	padding-top: 0 !important;
}

.form-header.section-break {
    margin: 20px 0 15px 0;
}
.form-header.section-break h3 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;	
}
.form-header.section-break em p {
    font-size: 14px;
    margin: 0;
}

.form_table .form-instructions {
    font-size: 14px;
}
.form_table .form-instructions p {
    margin: 0;
}
.form_table {
    border: initial;
    padding-top: 10px !important;	
}
.form_table.fixed .form_table {
    padding-top: 0 !important;	
}
.form_table.fixed .form_table i.icon-retweet,
.form_table.fixed .form_table i.icon-plus {
    width: 19px;
    top: 1px;
    right: 0;
    padding: 0;
    margin: 0;
    padding: 0 6px 0 0;
    float: left;
}
.form_table.settings_table td textarea {
    padding: 8px 0 0 8px;
}
.form_table.settings_table .indented {
    padding-left: 0;
}
.form_table td {
    border-bottom: initial;
}
h3.title,
.form_table th em,
.thread-body.bleed h3 {
	display: block;
    color: #777;
    font-style: initial;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
.form_table th em strong,
.thread-body.bleed h3 {
    font-weight: 500;
}
.form_table tbody tr:first-child th em {
    margin: 0;
}
.form_table th em b {
    font-weight: normal;
}
.form_table .required {
    font-weight: 500;
}
.thread-body h1,  /*Open Ticket page */
.thread-body h2, 
.thread-body h3 {
    margin-top: 20px;
    margin-bottom: 0;
}
.thread-body.bleed {
    background: initial;
}
.time-zone-msg {
    color: #777;
    font-style: italic;
    font-size: 11px;
}
input#user-email {
    width: 336px;
}
input#user-name {
    width: 360px;
}
input[type="checkbox"] {
    min-width: initial;
}
#dynamic-form select {
    width: 330px;
    border: .5px solid #bfbfbf;	
}
select#time {
    padding-right: 29px !important;
}
table.grid.form select[name*="time"] {
    width: 173px !important;
}
.rtl select#time {
    padding-left: 29px !important;
}
#response_options input[type=text], 
#response_options textarea:not(.richtext) {
    border: .5px solid #bfbfbf;
}
form[action="tickets.php?a=open"] table.form_table.fixed tbody th[colspan="2"]:nth-child(1) {
    padding-top: 25px !important;
}
form[action="tickets.php?a=open"] table.form_table.fixed tbody:nth-child(2) th[colspan="2"]:nth-child(1) {
    padding-top: 0 !important;
}
.tickets .form_table.fixed,
.tickets-page .tickets .form_table {
    width: 100% !important;
}
.tickets .form_table {
    width: 660px;
}
.form_table.fixed select,
.form_table.fixed .select {
    width: 320px;
}
.form_table.fixed label {
    margin-right: 20px;
}
tr#ccRow td.userRow-button a.inline.button,
tr#userRow td.userRow-button a.inline.button,
.form_table.fixed .form_table .button {
    padding: 4px 0 4px 10px !important; /* Staff Open a New Ticket buttons */
}
.form_table.fixed .button,
.form_table.fixed .button:hover, 
.form_table.fixed .button:active {
    border: .5px solid #bfbfbf !important;
    /* background-color: #e4e4e4 !important; */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)) #ffffff;	
}

#time-zone td {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: -5px;
}
input.hasDatepicker ~ select {
    width: 103px !important;
}
.tickets a.inline.button {
    min-width: 95px;
}

/* ==========================================================================
 TABLES - MISC
========================================================================== */
table.custom-info th,
td[style="border-bottom: 1px dotted black"] {
    border: none !important;
}
table.custom-info td,
td[style="width:30%;border-bottom: 1px dotted #ccc"] {
    border-bottom: .5px solid rgba(0,0,0,0.1);
}

/* ==========================================================================
 LOADING ANIMATION
========================================================================== */
#loading {
    display: none;	
    vertical-align: middle;
    border: initial;
    padding: 0;
    width: 100px;
    height: 100px;
    background: initial;
    position: fixed;
    z-index: 3000;
    box-shadow: initial;
    left: calc(50% - 50px) !important;
    top: 50% !important;
}
#loading h1, #upgrading h1 {
    display: none;
}
.loading-icon {
	padding: 0;
    margin-left: -8px;
    margin-top: 8px;
    background-color: #fff;
    height: 18px;
    width: 18px;
    display: block;
    background-size: contain;
    border: 4px solid #fff;
    border-radius: 50%;
    position: fixed;
    z-index: 3000;
}
i.icon-spinner {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100px;
    height: 100px;
}
i.icon-spinner:before {
	display: block !important;
}
#loading i.icon-spinner:before,
#upgrading i.icon-spinner:before {
    background-image: url(../../osta/img/loading.svg);
    content: ' ';
    background-position: center !important;
    border-radius: 50%;
    vertical-align: middle;
    width: 100px !important;
    height: 100px !important;
    background-size: 100px 100px !important;
    top: 0 !important;
}
.icon-3x {
    font-size: initial;
}
.spin {
    -webkit-animation: gi-spin 1.5s infinite linear;
    animation: gi-spin 1.5s infinite linear;
}
@-webkit-keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } 
}
@keyframes gi-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } 
}
#popup,
.modal.fade .modal-dialog {
	opacity: 0;
	animation-name: lightSpeedIn;
	animation-duration: 450ms;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

#popup,
.modal.fade .modal-dialog {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

/* ==========================================================================
 DASHBOARD
========================================================================== */
.dashboard div[style="min-height:25px;"],
.directory div[style="min-height:25px;"] {
    float: right;
    position: relative;
    top: 1px;
    right: -13px;
}
.dashboard div[style="min-height:25px;"] {
    top: -6px;
}
.directory div[style="min-height:25px;"] input[type="text"] {
    margin: 0 6px 0 0;
    height: 30px;
}
.directory div[style="min-height:25px;"] .select2.select2-container {
    margin: 0;
    height: 35px;
}
.directory div[style="min-height:25px;"] input[type="submit"] {
    position: relative;
    top: -3px;
    height: 20px;
    padding: 4px 0 6px 0 !important;
    margin: 0 -11px 0 -6px;
}
.directory div[style="min-height:25px;"] input[type="text"] {
	margin: 0 4px 0 0;
}
form[action="directory.php"] input[type="submit"] {
    padding: 5px 16px !important;
}
#ticket-count {
	float: right;
    position: relative;
    top: 10px;
}
#user-profile .floating-options i.icon-edit, #user-profile .floating-options i.icon-share {
    /*padding: 3px !important;*/
}
table.list thead th:first-child a.desc {
    border-radius: 6px 0 0 0;
}
.directory table.list td {
    font-size: 13px !important;
}
.table tr.header {
    border-bottom: 0;
}
.thread-body i {
	width: 100%;
}
input.staff-username.typeahead {
    margin: 0;
}
.table tr:not(:last-child):not(.header) {
    border-bottom: 0;
}
.tab_content:not(.left) {
    padding: 10px; 
}
.ui-datepicker-trigger:after {
	content: ' ';
	background-image: url(../icons/calendar-clock.svg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	position: relative;
	opacity: 1;
	visibility: visible;
	display: inline-block;
	top: 3px;
	left: 2px;
	background-size: 20px;
}
.ui-datepicker-trigger:hover:after {
    opacity: 1;
}
.ui-datepicker-trigger {
    width: 30px;
}
img[src="./images/cal.png"] {
    display: none;
}
button.ui-datepicker-trigger {
	border: .5px solid #aaa;
    display: inline;
    height: 32px;
    width: 40px;
    top: 3px;
    margin-left: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)) #ffffff;	
}
button.ui-datepicker-trigger:hover {
	padding: 0;
}
.rtl button.ui-datepicker-trigger {
    margin-right: 8px;
    margin-left: 0;
}
div[style="min-height:25px;"] {
    float: right;
}
.directory h2 {
    margin-bottom: 26px;
}
.directory select#did {
    min-width: 184px;
}
.dashboard button.link.button {
    padding: 8px 12px;
    border-color: #d3d3d3;
}
.dashboard button.link.button:hover {
    padding: 8px 12px;
    border: .5px solid #d3d3d3;
}
.dashboard input.hasDatepicker {
    min-width: 100px !important;
    margin: 0;
    height: 30px;
}
.dashboard button.ui-datepicker-trigger {
    top: 4px;
}
.dashboard .select2-selection.select2-selection--single {
    margin: 0 0 2px 0;
    height: 32px;
}
.dashboard button.green.button.action-button.muted {
    background: #fff;
    padding: 1px 9px 7px 14px;
    top: -1px;
    margin: 0 -6px 0 4px !important;
}
.dashboard button.green.button.action-button:before {
    content: "";
    position: relative;
    margin: 4px 0 0 0;
    display: inline-block;
    top: 3px;
    height: 16px;
    width: 16px;
    background-size: 18px;
    background-position: center;
	left: initial;
    right: initial;
    background-color: initial;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23128dbe' d='M17.65%2C6.35C16.2%2C4.9 14.21%2C4 12%2C4A8%2C8 0 0%2C0 4%2C12A8%2C8 0 0%2C0 12%2C20C15.73%2C20 18.84%2C17.45 19.73%2C14H17.65C16.83%2C16.33 14.61%2C18 12%2C18A6%2C6 0 0%2C1 6%2C12A6%2C6 0 0%2C1 12%2C6C13.66%2C6 15.14%2C6.69 16.22%2C7.78L13%2C11H20V4L17.65%2C6.35Z' /%3E %3C/svg%3E");
}

.dashboard input.hasDatepicker {
    min-width: 100px !important;
}
form[action="dashboard.php"] #basic_search .select {
	max-width: 200px !important;
}
.dashboard .tab_content {
    min-height: initial;
}
.dashboard button.link.button {
    margin: 6px 0 0 0;
}
.dashboard ul.tabs li a {
    margin-top: 4px;
    display: inline;
}
.dashboard hr {
    display: none;
}
/* My Profile */
i.icon-map-marker {
	top: -4px !important;
}
#recipients .select2-container .select2-search--inline {
    float: initial !important;
}
table.table.two-column {
    width: initial !important;
}
input[name="phone_ext"] {
	min-width: 35px !important;
    width: 35px !important;
}
button#change-pw-button {
    height: 21px;
    position: relative;
    top: -3px; /*target?*/
}
form[action="profile.php"] a.button.no-pjax {
    margin-top: 10px;
    height: 22px;
}
.grid.form tr:last-of-type input[type="password"] {
    margin-top: 9px; /* Profile > Change Password > last field */
}

/* ==========================================================================
 DATEPICKER
========================================================================== */
.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}
.ui-widget-content {
    border: .5px solid #c7c7c7;
    background: #e7e7e9;
    color: #333;
}
.ui-widget-header {
    border: none!important;
    background: var(--nav-bar-bg);
    position: relative!important;
    z-index: 100!important;
    color: var(--nav-bar-link);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: .5px solid #ccc;
    background: #fff;
    font-weight: 500;
    color: #128dbe;
    height: 25px;
    width: 28px;
}
.ui-datepicker-calendar a.ui-state-default.ui-state-hover {
	color: #128dbe;
    font-weight: 500;
    border: .5px solid #97bdcb;
    background: #bdedff !important;
}
.ui-datepicker-close .ui-state-hover {
    border: .5px solid #ccc;
	background: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid var(--nav-bar-bg) !important;
    background: var(--nav-bar-bg) !important;
    font-weight: bold;
    color: var(--nav-bar-link) !important;
}
.ui-datepicker th {
    color: var(--header-bg);
    font-weight: 300;	
}
.ui-datepicker .ui-datepicker-buttonpane button {
    line-height: 17px;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 2em;
    font-family: 'Open Sans', sans-serif;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left span.ui-icon.ui-icon-circle-triangle-w,
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right span.ui-icon.ui-icon-circle-triangle-e {
	background-image: initial;
    top: 12px !important;
}
span.ui-icon.ui-icon-circle-triangle-w:before,
span.ui-icon.ui-icon-circle-triangle-e:before {
    position: absolute;	
    content: '>';
    display: block;
    color: var(--nav-bar-link);
    width: 20px;
    height: 20px;
    text-indent: initial;
    font-family: monospace;
    font-size: 20px;
    font-weight: 100;
    line-height: 20px;
}
a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w:before {
    content: '<';
	left: 4px;
}
a.ui-datepicker-prev.ui-corner-all:hover span.ui-icon.ui-icon-circle-triangle-w:before {
    left: 2px;
}
a.ui-datepicker-next.ui-corner-all:hover span.ui-icon.ui-icon-circle-triangle-e:before {
    left: 2px;
}
a.ui-datepicker-prev.ui-corner-all.ui-state-hover,
a.ui-datepicker-next.ui-corner-all.ui-state-hover {
    background: initial !important;
}

/* ==========================================================================
 AGENT PANEL
========================================================================== */
.dashboard h2:first-child,
.directory h2:first-child,
.users h2:first-child,
.orgs h2:first-child,
.tasks h2:first-child,
.tickets h2:first-child,
.kb h2:first-child,
.categories h2:first-child,
.canned h2:first-child,
.profile h2 {
    margin-bottom: 10px;
}
.tickets table.list {
	margin: 0;
}
.message.bar {
	background-color: #93e0ff;
    opacity: 1;
    color: #263f49;	
}
.message.bar.warning {
	border-bottom: 0;
	z-index: 999999;
}
.message.bar .body {
    margin-left: 20px;
    margin-right: 90px;
}
.message.bar.top.warning .button.inline {
	vertical-align: top;
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    background: #b0e8ff;
    color: #445b65;
    color: #263f49;
    letter-spacing: 1.4px;
    border: .5px solid #263f49 !important;
}
.message.bar.warning {
    -webkit-animation: async-progress-bar-pulse 1.5s ease-in-out infinite;
    animation: async-progress-bar-pulse 1.5s ease-in-out infinite;
}
@-webkit-keyframes async-progress-bar-pulse {
    0%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 2px #128dbe;
    }
    50%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 10px #128dbe;
    }
    100%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 2px #128dbe;
    }
}
@keyframes async-progress-bar-pulse {
    0%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 2px #128dbe;
    }
    50%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 10px #128dbe;
    }
    100%{
        box-shadow:0 0 0 2px #75a4b1,0 0 0 2px #128dbe;
    }
}
table.list td[colspan="6"] i,
table.list td[colspan="7"] i,
table.list td[colspan="8"] i {
    width: 100%;
    padding: 10px 0;
    color: #828282 !important;
}

/* ==========================================================================
 STICKYBAR
========================================================================== */
.sticky.bar.opaque,
.sticky.bar.fixed,
.sticky.bar.fixed .flush-right {
    background-color: var(--stickybar);
}
.sticky.bar.fixed {
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.1);
}
.sticky.bar.fixed {
    margin-top: 0;
    padding: 1% !important;
    z-index: 999999;
}
.sticky.bar.fixed .valign-helper{
    margin: 0 !important;
}
.sticky.bar.fixed .action-button.muted[data-dropdown="#sort-dropdown"] {
    margin: 0 0 0 6px;
}
.scroll-up {
    display: none;
}
.sticky.bar.fixed .pull-left h2, 
.sticky.bar.fixed .pull-left h2 a,
.sticky.bar.opaque.fixed .pull-left h2,
.sticky.bar.opaque.fixed .pull-left h2 a {
    color: #fff;
}
.sticky.bar.opaque.fixed .pull-left {
	float: left;
    margin: 0
}
.sticky.bar.fixed .action-button,
.sticky.bar.fixed .green.button {
    border: .5px solid #ffffff;
    color: #ffffff;
    text-shadow: none;	
    background-color: var(--stickybar) !important;
}
.sticky.bar.opaque.fixed .action-button i.icon-caret-down, .action-button.muted i.icon-caret-down {
    border-left: 0;
    margin-left: 0;	
}
.sticky.bar.fixed .sort-button-text {
    color: #fff;
    font-weight: 100;
}
.sort-button-text {
	text-shadow: none;
}
.sticky.bar .content {
    margin: auto;
    width: 100% !important;
    max-width: 1200px !important;
}
.sticky.bar.fixed .flush-left, .sticky.bar.fixed .pull-left.flush-left {
    display: inline-block !important;
}
.sticky.bar.fixed .merged-parent,
.sticky.bar.fixed .merged-child,
.sticky.bar.fixed .flush-left h2 a {
    color: var(--header-title);
    border-color: var(--header-title);
}
.sticky.bar.fixed {
    padding: 0 0;
    min-height: unset !important;
}
.sticky.bar.fixed h2:first-child {
    margin: 0 0;
    position: unset !important;
}
.sticky.bar.fixed .configureQ i.icon-cog {
	display: none;
}	
.users .sticky.bar.fixed .pull-right {
    margin-top: 0;
}
.pull-right.flush-right.page-top {
    float: right;
}
.rtl .pull-right.flush-right.page-top {
    float: left;
}

/* ==========================================================================
 KNOWLEDGEBASE
========================================================================== */
.Icon.file {
    background-image: url(../../osta/icons/paperclip.svg);
    width: 20px;
}
.icon-paperclip:before, 
.icon-paper-clip:before {
    width: 17px;
    position: relative;
    top: 2px;
    background-image: url(../../osta/icons/paperclip.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 8px;
    content: '';
    height: 17px;
}
.attachments .icon-paperclip:before, 
.attachments .icon-paper-clip:before {
    background-size: 8px !important;
}
.attachments i.icon-paperclip.icon-flip-horizontal {
    margin: 0 !important;
	top: 3px !important;	
}
.attachments small.filesize.faded {
    margin-left: 10px !important;
    display: inline-block;
    position: relative;
    top: 1px;
}
td.table-description i.small.icon-paperclip.icon-flip-horizontal {
    margin-left: 0;
    top: 3px;
    padding-left: 0;
}
#kb {
    padding: 5px 0;
}
#kb li {
	padding: 14px 10px 4px 56px;	
    background-image: url(../../osta/icons/faq.svg);
    background-size: 40px;
    background-position: 0 50%, bottom left;
    border-bottom: .5px solid #ddd;
    background-repeat: no-repeat;
}
.kb h4,
#kb li h4 a {
    font-size: 15px;
    vertical-align: initial;
    font-family: 'Open Sans', sans-serif;	
}
.canned table.form_table.fixed tr:first-child {
    display: none;
}
.canned .form_table tr:nth-child(2) th em {
    margin-top: -21px;
}
.faq-content {
/* 	width: initial;
    max-width: calc(100% - 300px) !important;
    margin: 0 15px; */
}
.faq-title.pull-left {
    color: #777777;
    font-weight: 400;
    font-size: 22px;
}
.faq #trans_container .tab_content {
    border: none !important;
}
.faq hr {
    border: 0;
}
#breadcrumbs {
    background-color: unset;
}
.sidebar {
/*     width: 220px;
    float: right;
    padding: 10px; */
    border: .5px solid #a8a6a6;
    background-color: #ebebeb !important;
    border-radius: 3px;
    margin: 0 14px 20px 0;
} 
.rtl .sidebar {
/*     float: left; */
}
.searchbar .search {
    width: 98%;
}
.pull-right.sidebar.faq-meta div:first-child {
/*     margin: 0 0 5px 0; */
}
.faq-content {
    width: initial;
}
.faq-content .thread-body.bleed {
    background: unset;
    /*width: calc(100% - 270px);*/
}
.faq button.red.button {
    margin: 0 0 2em 1em;
    border: 1px solid #b9b9b9 !important;
    background: #fff !important;	
}
#faq ol li:hover {
    background-color: unset;
}
#faq ol li {
    padding: 10px 0 4px;
    border-bottom: unset;
}
#notes.tab_content .faded:before {
    content: ' (';
}
#notes.tab_content .faded:after {
    content: ')';
}
a.previewfaq {
    font-size: 15px !important;
}
.faq-page .span8 {
/*     width: 100%; */
}
.faq-page .thread-body {
/*     width: 100%; */
    border: 0;
}
.kb strong {
    color: #777779;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.categories .pull-right.flush-right .pull-right.flush-right {
	margin-top: 0;
}	
ul#trans li.empty,
ul#content-trans li.empty {
    top: -8px;
}
ul#trans,
ul#content-trans {
    display: inline-block;
}
span.count {
    font-size: 150%;
    font-weight: 200;
    position: relative;
    top: 2px;
    color: #128dbe !important;
}
.rtl span.count {
    font-size: 100%;
    top: 0;
    margin-right: 4px;
    display: inline-block;
}

/* ==========================================================================
 ADMIN PANEL
========================================================================== */
/*system.php*/
.system table.list thead:first-child th:first-child {
    border-radius: 6px 6px 0 0;
}
.system table.list th:first-child {
	padding: 0 10px !important;
    background-image: none;
    border-radius: 0;
}
.system table.list tbody tr:nth-child(2n+1) td {
    background-color: #ffffff;
}
.system table.list th {
    font-size: 16px !important;
}
.system table.list td {
    font-size: 13px !important;
    border-bottom: .5px solid #e4e4e4 !important;
    padding-left: 20px !important;
}
.system table.list tr:first-child td {
    border-top: .5px solid #e4e4e4 !important;
}
.system table.list tbody tr:hover td {
    background: #fff;
}
span[style="color:green"] i {
    margin: 0 1px 0 1px !important;
}
.system table.list i {
    top: 0;
    right: -2px;
    margin: 0 4px 0 -2px;
}
.system table.list .icon-warning-sign {
    color: #d51818 !important;
}
.system table.list .label-danger i.icon.icon-warning-sign {
    font-size: 14px;
    color: #d51818 !important;	
}
.system tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.system tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
/*Language Packs*/
.system-page div[style="margin: 0 20px"] {
    border: .5px solid #aaa;
    border-radius: 6px;
    background: #fff;
    margin: 20px 0 0 0 !important;
    padding: 4px 12px 12px 12px;
}
.system-page .label-danger {
	padding: 0 0 6px 0;
    border: .5px solid #949495;
    opacity: .7;
    position: relative;
    top: -5px;
}
.system-page div[style="margin: 0 20px"] > div {
    padding: 10px 0 10px 10px;
    border-bottom: .5px solid #e4e4e4 !important;
    margin: 0;
    min-height: 86px;
	font-size: 13px;
}
.system .ar_EG,
.system .ar,
.system .ar_SA,
.system .az,
.system .bg,
.system .bn,
.system .bs,
.system .ca,
.system .cs,
.system .da,
.system .de,
.system .el,
.system .en_CAD,
.system .en_GB,
.system .en_US,
.system .es_AR,
.system .es_ES,
.system .es_MX,
.system .et,
.system .eu,
.system .fa,
.system .fi,
.system .fr,
.system .gl,
.system .he,
.system .hi,
.system .hr,
.system .hu,
.system .id,
.system .is,
.system .it,
.system .ja,
.system .ka,
.system .km,
.system .ko,
.system .lt,
.system .lv,
.system .mk,
.system .mn,
.system .ms,
.system .nl,
.system .no,
.system .pl,
.system .pt_BR,
.system .pt_PT,
.system .ro,
.system .ru,
.system .sk,
.system .sl,
.system .sq,
.system .sr,
.system .sr_CS,
.system .sv_SE,
.system .sw,
.system .th,
.system .tr,
.system .uk,
.system .ur_IN,
.system .ur_PK,
.system .in,
.system .pk,
.system .vi,
.system .zh_CN,
.system .zh_TW {
	background-position: top 0px right 11px !important;
}
.system-page i.icon.icon-warning-sign {
    margin: 0 8px;
}
.system-page .icon-warning-sign:before {
    content: "\f071";
    color: #5f5f5f;
}
.system-page div[style="margin: 0 20px"] h3 {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    color: #7e7e7e;
}
.system table.list ~ div h3, 
.system table.list ~ div h3 strong {
    color: #707070;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;	
    font-size: 16px;
}
.advanced-search .adv-search-val .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: initial !important;
}
.select2-container--default .select2-selection--multiple:not(.faq-page .select2-selection--multiple) {
    background-color: white;
    border: .5px solid #cacaca;
    border-radius: 4px;
    cursor: text;
    width: 300px;
}
textarea#_3cd1c655ae15857b {
    height: 41px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}
/* tr#userRow span.select2.select2-container.select2-container--default,
tr#ccRow .select2-container--default .select2-selection--multiple,
.tickets-page span.select2-dropdown.select2-dropdown--below {
    width: 505px !important;
} */

.row-item {
    border: .5px solid rgba(132, 132, 132, 0.7);
    padding: 12px;
}
.row-item .management {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #777777;
}
.icon-gear:before, .icon-cog:before {
    color: #128dbe;
}
input.-current {
    min-width: 134px !important;
}
table.form_table.settings_table td em b {
    font-weight: 500 !important;
}
table.form_table.settings_table textarea {
    height: 86px !important;
}
.settings_table select {
    margin-bottom: 10px;
}
#secondary_langs {
    margin-bottom: 10px;
}
/*AGENTS*/
select#tid,
select#did {
    width: 180px;
}
form[action="staff.php"] input.button.muted {
    /* height: 18px; */
    min-width: 50px;
    position: relative;
    top: 0;
    padding: 4px !important;
    margin: 0;
}
#agents---nav-bar-bg_container div[style="padding:2px 5px"],
#users---nav-bar-bg_container div[style="padding:2px 5px"] {
    padding: 10px !important;
}
#agents-tabs_container .pull-left,
#users-tabs_container .pull-left {
    float: left;
    width: 50px;
    height: 50px;
}
span[style^="display:inline-block;width:90%;width:calc(100% - 32px);"] {
    width: initial !important;
    padding-left: initial !important;
    display: initial !important;	
}
span[style^="display:inline-block;width:90%;width:calc(100% - 32px);"] a {
    font-size: 17px;
    display: initial;	
}
.settings_table .faded:before {
    content: '\a' attr(title);
    white-space: pre;
}
#users-tabs_container .settings_table .faded em:before {
    content: '\A';
    white-space: pre;
}
.settings_table .faded em {
    font-size: 12px;
    color: #999;
    font-style: normal;
}
.form_table.settings_table .icon-file-text:after { /*keep*/
    content: url(../../osta/icons/paper.svg);
    display: inherit;
    width: 36px !important;
    height: 36px !important;
    position: relative;
    top: 8px;
}
.form_table.settings_table i.icon-file-text {
    top: -4px;
    background: none;
}
.icon-bell-alt:before {
    content: url(../icons/alerts.svg);
    width: 16px;
    position: relative;
    top: 4px;
}
.icon-question-sign:before {
    content: url(../icons/question.svg);
    width: 16px;
    position: relative;
    top: 4px;
	opacity: .8;
}
.icon-question-sign:hover:before {
    opacity: 1;
}
ul.tabs li {
    padding: 0 6px !important;
}
ul.tabs li:not(.active) a {
    color: #128dbe;
}
#agents-tabs_container [class*=" icon-"],
#users-tabs_container [class*=" icon-"] {
    margin: 0 10px 0 0;
}

#users-tabs_container div[style="padding:2px 5px"] br {
    display: none;
}
/*Manage*/
table.list thead td[colspan="7"]:first-child {
    background: rgba(255, 255, 255, 0);
}
div[style="padding:8px 3px;border-bottom: 2px dotted #ddd;"] {
    border: 0 !important;
}
ul#topic-tabs i.icon-info-sign {
    top: 1px;
}
div[style="padding:8px 3px; margin-top: 1.6em"] {
    margin-top: .1em !important;
}
.account .table.two-column tbody tr td:first-child {
    width: 30%;
}
td[style="padding-top: 50px"] {
    padding-top: 20px !important;
}
.row-item .delete {
    border-left: 1px solid rgba(165, 165, 166, 0.61);
    border-bottom: 1px solid rgba(165, 165, 166, 0.61);
    border-radius: 0 !important;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    width: 35px;
}
.form_table.settings_table a[href="pages.php"] {
    margin-bottom: 10px;
}
ul#user-import-tabs {
    margin-bottom: -5px;
}
select[name="help_topic_sort_mode"] {
    width: 118px;
}
.helptopics table.list td[colspan="7"] {
    padding-bottom: 7px !important;
}
select[name="add_secondary_language"] {
    width: 280px;
}
/*Secondary Languages */
div#secondary_langs {
    width: 100% !important;
}
.secondary_lang.ui-sortable-handle {
    display: list-item;
	list-style: none;
}
.secondary-lang-sort,
.secondary-lang-flag,
.secondary-lang-text {
    float: left;
}
.secondary-lang-trash {
    float: right;
}
.secondary_lang.ui-sortable-handle {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 12px;
    margin: 0 0 8px 0;
    background: #fff;
    width: 494px !important;
    display: list-item;
    list-style: none;
    height: 25px;
    -webkit-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.3);	
}
.settings table.list .icon-sort,
.secondary-lang-sort i.icon-sort {
    display: inline-block;
    width: 20px;
    height: 20px !important;
    margin: -1px 10px 0 0;
}
.settings table.list .icon-sort:before,
.secondary_lang i.icon-sort:before {
    top: 0;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px !important;	
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23128dbe' d='M12%2C18.17L8.83%2C15L7.42%2C16.41L12%2C21L16.59%2C16.41L15.17%2C15M12%2C5.83L15.17%2C9L16.58%2C7.59L12%2C3L7.41%2C7.59L8.83%2C9L12%2C5.83Z' /%3E %3C/svg%3E");
}
.secondary-lang-flag {
    width: 36px;
    height: 24px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.secondary-lang-flag .flag {
    background-size: 36px !important;
    background-position: center !important;
    width: 36px;
    height: 24px;
}
.secondary-lang-text {
    display: inline-block;
    margin: 2px 0 0 0;
}
.secondary-lang-trash {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 3px 0 0 0;
}
#secondary_langs i.icon-trash {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 0;
}
#secondary_langs .icon-trash:before {
    content: "";
    top: 0;	
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23128DBE' d='M21.03%2C3L18%2C20.31C17.83%2C21.27 17%2C22 16%2C22H8C7%2C22 6.17%2C21.27 6%2C20.31L2.97%2C3H21.03M5.36%2C5L8%2C20H16L18.64%2C5H5.36M9%2C18V14H13V18H9M13%2C13.18L9.82%2C10L13%2C6.82L16.18%2C10L13%2C13.18Z' /%3E%3C/svg%3E");
}

.forms table.list th {
    font-size: 15px !important;
    padding: 0 !important;
}
.forms table.form_table select {
    width: initial;
    min-width: 170px !important;
}
.forms tbody.sortable-rows.ui-sortable input {
    width: 134px !important;
}
.forms tbody.sortable-rows.ui-sortable input.delete-box {
    width: 60px !important;
}
.forms a.action-button.field-config {
    max-width: 174px;
    overflow: hidden !important;
    text-align: center;
    position: relative;
    top: -2px;
}
.manage-form a.action-button.field-config {
    padding: 4px 4px !important;
}
table.form_table td[align="center"] {
    text-align: left;
    padding: 0;
}
.form_table i.icon-edit {
    margin: 0 5px 0 0;
    padding: 0;
}
#schedule-entries i.icon-edit {
    margin: -5px 5px 0 22px !important;
}
tbody#schedule-entries i.icon-sort {
    top: -3px;
}
.form_table.settings_table table[style="width:100%"] {
    margin-bottom: 20px;
}
form[action="settings.php?t=tickets"] table.list th:first-child {
    background-position: 9px center;
}
.queues-page .queues .tabs li:nth-child(6) {
    display:  none;
}
.queues-page table.table td[style="width:60%; vertical-align:top"] {
    width: 12% !important;
}
.queues-page hr {
    border: 0;
}
.queues-page select#add-field {
    min-width: 200px !important;
}
.queues-page input.full-width,
.queues-page input[type="text"],
.queues-page select#parent-id {
	width: 230px !important;
    min-width: 230px !important;
    margin: 0 0 18px 0;
}
.queues-page select#search-add-new-field {
    width: 190px !important;		
    min-width: 190px !important;
    margin: 0 0 8px 0;	
}
.queues-page .green.button {
    background: #dcdfe2;
    position: relative;
    top: -2px;
    padding: 5px 14px;
    color: #515d6d;
}
.queues-page .green.button:hover {
    border: initial !important;
    background: #d0e9c6 !important;
}
.queues-page .grid.form tbody:nth-child(3) tr:first-child select {
    min-width: 40% !important;
}
.queues-page .grid.form tbody:nth-child(3) tr:nth-child(2) input {
    width: 100% !important;
	min-width: 100% !important;
    max-width: 100% !important;
}
.queues-page .grid.form tbody:nth-child(3) tr:nth-child(2) input {
	min-width: 185px !important;
}
.queues-page .grid.form tbody:nth-child(3) tr:nth-child(2) select {
    width: 100% !important;
	min-width: 100% !important;
    max-width: 100% !important;
}

/* ==========================================================================
 Users > <user>
========================================================================== */
.users table.ticket_info {
	border: 1px solid #cfd4d6;
    width: calc(100% - 106px);
    float: right;
}
.users table.ticket_info:after {
	clear: both;
}
#tickets.tab_content {
    border: .5px solid #aaa;
}
#user-view-tabs_container .pull-left {
    padding: 12px 0;
}
#user-view-tabs_container .pull-left strong {
    font-weight: 500;
    color: #777777;
}
#user-view-tabs_container form[action="users.php"] table.list th {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px !important;
    font-weight: 400;
    height: 36px;
    padding-left: 9px !important;
}
#user-view-tabs_container table.list td {
    font-size: 11px !important;
}
#user-view-tabs_container th[width="10%"],
#user-view-tabs_container th[width="18%"],
#user-view-tabs_container th[width="8%"],
#user-view-tabs_container th[width="30%"],
#user-view-tabs_container th[width="15%"] {
	width: initial!important;
}
#user-view-tabs_container td:nth-child(4) {
	font-size:12px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
table.list a.truncate {
    font-size: 14px;
    font-weight: 500;
}
#user-view-tabs_container a.Icon.overdueTicket {
    font-size: 14px !important;
    background-position: -1px 1px;
    margin: 0;
    padding-left: 21px !important;
}
#user-view-tabs_container table.list tr td {
    padding-left: 11px !important;
}
ul#user-view-tabs {
    margin-top: 10px;
}
#content.users td.right_align.has_bottom_border a {
    margin-right: 4px;
}
form[action="users.php"] i.icon-group {
    /* display: none; */ /*target*/
}
#user-account-tabs {
    width: 94% !important;
    margin: 0 0 -5px 8px;
    box-shadow: initial;
}
#popup #user-account-tabs {
    margin: 0 0 -7px 8px;
}
button.inline.green.button {
    border: .5px solid #a9a9a9;
    height: unset;
    background: #fff;
}
ul#user-account-tabs li.active {
    top: -5px;
}

/* ==========================================================================
 Manage > Forms
========================================================================== */
.forms [class^="icon-"], [class*=" icon-"] {
    margin: 0 7px;
}
.sortable.row-item i.icon-reorder {
    top: 0;
}
form[action*="/forms/manage"] .delete {
    height: 48px;
    width: 48px;
    border-radius: 40px;
    text-align: center;
}

form[action*="/forms/manage"] .row-item .delete:hover {
    background: #ff838e;
    color: rgba(255,255,255,0.8) !important;
    border-radius: 0 5px 0 0 !important;
}
form[action*="/forms/manage"] .row-item .delete:hover > a i.icon-trash:before {
    color: #fff !important;
    fill: #fff !important;
}
select[name="new-form"] {
    border: .5px solid #a9a9a9;
    height: 39px;
    top: 1px;
}

/* ==========================================================================
 HIDE UGLY ICONS
========================================================================== */
.Icon {
    width: auto;
    padding-left: initial;
}
.Icon.Ticket,
.Icon.apiTicket,
.Icon.emailTicket,
.Icon.phoneTicket,
.Icon.webTicket,
.Icon.otherTicket,
.Icon.staffAssigned,
.Icon.assignedTicket,
a.test,
a.Ticket,
a.assignedTickets,
a.overdueTickets,
a.answeredTickets,
a.closedTickets,
a.newTicket,
a.premade,
a.newPremade,
a.kb,
a.faq-categories,
a.canned,
a.staff,
a.user,
a.userPref,
a.userPasswd,
a.preferences,
a.attachment,
a.api,
a.newapi,
a.ticket-settings,
a.email-settings,
a.kb-settings,
a.alert-settings,
a.email-autoresponders,
a.sla,
a.newsla,
a.logs,
a.audits,
a.emails,
a.newEmail,
a.emailTemplates,
a.newEmailTemplate,
a.emailFilters,
a.ticketFilters,
a.newTicketFilter,
a.emailSettings,
a.emailDiagnostic,
a.banList,
a.users,
a.newuser,
a.groups,
a.teams,
a.newgroup,
a.helpTopics,
a.newHelpTopic,
a.departments,
a.newDepartment,
a.pages,
a.newPage,
a.forms,
a.lists,
.Icon.teamAssigned { 
    background: none;
    margin-left: 0;
}

/* ==========================================================================
 CLEAN TABS
========================================================================== */
ul.clean.tabs {
    z-index: 1;
}
ul.tabs,
ul.tabs.alt {
    background: initial;
    border-bottom: 0;
    bottom: 0;
    margin: 0 auto;
    box-shadow: initial;
}
ul#referral {
    bottom: -6px;
}
/* osta - ensure non-active tabs have consistent styling */
ul.clean.tabs li:not(.active) {
    border: 1px solid #ccc !important;
    border-bottom: none !important;
    background: rgba(251, 251, 251, 0.5) !important;
    box-shadow: inset 0 -5px 10px -9px rgba(0,0,0,0.2);
}
ul.clean.tabs li:not(.active):hover {
    background: rgba(251, 251, 251, 0.8) !important;
}
ul.clean.tabs li:not(.active) a,
ul.clean.tabs li:not(.active) a:visited,
ul.clean.tabs li:not(.active) a:hover {
    color: #128dbe !important;
}
ul.tabs li.active {
    border: 1px solid #d5d5d5;
    border-top: 2px solid #ffc386;
    border-bottom: 1px solid #fff;
    background: #fff;
    z-index: 1;
    top: -1px;
}
ul.tabs li.active a {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
	color: #777777;	
}
.tab_content {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    min-height: 122px;
}
.tab_content div[style="margin-top: 5px"] {
    margin: 5px 0 0 0!important;
    background: #fff;
}
.dashboard ul.tabs {
    border-bottom: 0;
}
table.table th {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
	color: #777777;		
}
table.table th[width="30%"] {
    padding-left: 8px !important;
}
table.dashboard-stats {
    border-bottom: 1px solid #ddd;
}

ul.tabs li a {
    padding: 0;
}

/* ==========================================================================
 POPUPS AND ALERTS
========================================================================== */
.dialog {
    background: #FFF;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: rgba(0,0,0,0.4) 0 10px 26px;
}
.dialog th {
    background-color: initial;
    border: none;
    padding: 4px 10px 10px 0;
    padding-left: 0;
    font-size: 126%;
    color: #777777;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.dialog th em {
    font-style: normal;
}
.dialog th strong {
    font-weight: 600;
}
.required {
    font-weight: 600;
}
#alert {
	opacity: 0;
	animation-name: bounceIn;
	animation-duration: 450ms;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes bounceIn {
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}

/* ==========================================================================
 POPUP DIALOG TOOLBAR RESTORED (missing in osTicket 1.14 and later)
========================================================================== */
.redactor-toolbar-wrapper-air {
	position: initial;
	z-index: 100;
	width: 100% !important;
	display: inline-block;
	background: #f7f7f7;
	border: none;
	box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.4);
	border-radius: 5px 5px 0 0 !important;
}
.redactor-air {
	display: inline-block !important;
	width: 100% !important;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	background: initial;
}
.redactor-air a.re-button-icon.re-button-icon {
	padding: 8px;
	margin: 0;
	background: initial;
}
.redactor-air a {
    border-radius: 0px;
}
.redactor-air a:first-child {
    border-radius: 2px 0 0 0;
}
.redactor-air a:last-child {
    border-radius: 0 2px 0 0;
}
.redactor-air a {
	color: #128dbe;
}
.redactor-air a.re-button-icon.re-button-icon:hover {
	background: #128dbe;
	color: #fff;
}
a.re-button:hover>i {
	color: #fff !important;
}
.redactor-button-active {
	background-color: #ccc !important;
}
.redactor-button-active>i {
	color: #696969 !important;
}
.redactor-air a.re-button.re-image.re-button-icon,
.redactor-air a.re-button.re-textdirection.re-button-icon {
	display: none;
}

/* ==========================================================================
 MERGE / LINK TICKETS POPUP
========================================================================== */
.dialog i.icon-code-fork:before {
    font-size: 27px !important;
    top: -1px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.dialog i.icon-link:before {
    font-size: 21px !important;
    top: -4px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.dialog .merge-tickets .row-item {
    padding: 8px;
}
 .dialog .merge-tickets .merge-tickets i.icon-reorder {
    top: 0 !important;
    margin: 0 5px 0 6px;
    padding: 0;
    width: 12px;
    right: 0;
}
.dialog .merge-tickets a[style="display: inline"] {
    position: relative;
    top: 3px;
}
.dialog .merge-tickets .row-item .delete {
    border-bottom: 0 !important;
}
.merge-tickets a.preview {
	float: none !important;
}
.merge-tickets i.icon-reorder {
    background-image: initial !important;
}
.merge-tickets i.icon-reorder:before {
    display: inline-block !important;
}
.merge-tickets i.icon-reorder:before {
    content: "\f0c9" !important;
    top: 2px;	
}
#popup a.icon-comments-alt {
    float: right;
    margin: 4px 5px 0 0;
}
form[action^="#tickets/"] i.icon-trash:before {
    top: -1px !important;
}
form[action^="#tickets/"] .row-item .delete {
    will-change: background, color !important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important;
    -ms-transition: all .3s ease-out!important;
    transition: all .3s ease-out!important;	
}
form[action^="#tickets/"] .row-item .delete:hover {
    background: #ea0c0c;
    color: #fff !important;
}
form[action^="#tickets/"] .row-item:last-of-type .delete:hover {
    border-radius: 0 0 6px 0 !important;
}
form[action^="#tickets/"] .row-item .delete:hover > a i.icon-trash:before {
    color: #fff !important;
}
.merge-spacer {
    margin: 0 0 0 0;
}
.merge-tickets i.icon-plus {
    background-image: initial !important;
}
form[action^="#tickets/"] button.inline.green.button {
	margin-top: 16px;
    padding: 0 4px;
    position: relative;
    top: 0;
    margin: 0;
    line-height: 28px;
}
form[action^="#tickets/"] hr {
    visibility: visible;
    opacity: .5;
}
li.row-item.ui-state-disabled, 
li.row-item.ui-sortable-handle {
    width: 576px;
}

/* ==========================================================================
 TIPS
========================================================================== */
i.help-tip {
    color: #128dbe;
    position: relative;
    top: -2px;
}
.body .icon-remove-circle:before,
a.tip_close .icon-remove-circle:before,
.dialog .icon-remove-circle:before,
.modal-header .close .icon-remove-circle:before {
    content: url(../icons/close.svg);
    height: 30px;
    width: 30px;
    top: 0 !important;	
}
i.icon-remove-circle {
    top: 12px;
    right: 8px;
}
a.tip_close i.icon-remove-circle,
.dialog a.close i.icon-remove-circle,
.modal-header .close .icon-remove-circle {
    top: 0;
    right: 0;
}
.icon-remove-circle:before {
    content: ' ';
}
.dialog a {
    color: #128dbe;
}
a.tip_close,
.dialog a.close,
.modal-header a.close {
    position: absolute;
    display: inline-block;
    right: 0; /*target?!*/
    top: 0;   /*target?!*/
    font-size: 0;
    color: #ffddb9;
    background: #ffddb9;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin: 16px;
    padding: 0;
    border-radius: 10%;
    z-index: 9;	
}
.tip_content a.tip_close {
    margin: 8px;
}
.tip_content.tickets a.tip_close {
    margin: 5px;
}
.dialog a.close,
.modal-header a.close {
    font-size: 20px !important;
    padding: 0 !important;
}
.rtl .dialog a.close {
    left: 0;
}
.modal-header a.close {
    opacity: 1;
}
.tip_content .links a {
    color: #128dbe;
}
.tip_content {
    height: auto !important;
    min-height: 20px;
    /*padding: 15px 25px 10px 10px;*/ /*Specify target*/
    border: 1px solid #979696 !important;
    background: #fff;
    border-radius: 5px;
    z-index: 3;
    position: absolute;
    line-height: 1.45rem;
    top: -1px;
    left: -28px;
    max-width: 400px;
    -moz-box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.3);
}
.tip_content h2 {
    width: calc(100% - 50px);
}
.canned-page .tip_content {
    max-width: unset;
}
.templates-page .tip_content {
    max-width: initial;
}
.logs-page .tip_content {
    max-width: initial;
}
.tip_content.tickets {
    left: -24px;
}
div[style="width:600px; padding: 2px 2px 0 5px;"] {
    min-width: 264px !important;
    max-width: 400px !important;
    padding: 0 !important;	
}
.tip_content hr {
    color: #ddd0;
    background-color: #ddd0;
    height: 6px;
}
.tip_content h1 {
	border-bottom: .5px solid #e4dbc2;
    font-weight: 500;
    background: #d2f0ff;
    padding-top: 0px;
    padding: 2px 0 9px 4px;
    width: calc(100% - 40px);
}
.doc-desc-title {
    font-weight: 500;
}
.tip_arrow {
    top: 11px;	
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}
.tip_content strong {
    font-weight: 600;
}
.form_table tr i.help-tip {
    margin-left: 5px;
    opacity: 0.7;
}
.tip_content img.avatar {
    width: 50px;
    height: 50px !important;
    max-height: 60px !important;
}
#collab.tab_content td em {
    font-size: 85%;
    font-style: normal;
}
div[style="width:650px; padding: 2px 2px 0 5px;"] {
    width: 100% !important;
    padding: 0 !important;
}
#collab.tab_content td em:before {
    content: "\A";
    white-space: pre;
}
.tip_content table,
.tip_content table th {
	border: 0
}
.tip_content table td {
	/*border: .5px solid #ddd;*/ /*target*/
}
.custom-info {
    margin: 0 0 5px 10px !important;
}
#user_tabs_container table.custom-info {
    margin-top: 7px;
}
.tip_content table,
.tip_content table th,
.tip_content table td {
    border: 0;
}
.tip_content.faq {
	max-width: unset;
}
.tip_content.faq .thread-body {
    padding: 1.8em 0.9em 0 0 !important;
}

/* ==========================================================================
 ALERTS
========================================================================== */
#msg_info, .info-banner,
#msg_notice, .success-banner, .notice-banner,
#msg_warning, .warning-banner,
#msg_error, .error-banner {
	margin: 0;
    padding: 14px 10px 14px 46px;
    margin-bottom: 10px;
    border-radius: 6px;
    font-size: 16px;
    border: .5px solid; 
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.04);	
}
#msg_info, .info-banner {
    color: #31708f;
    background-color: #d9edf7;
    background: url(../icons/alert-outline-info.svg) 16px 50% no-repeat #d9edf7 !important;	
    border-color: #bce8f1;
    background-size: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.04);	
}
#msg_notice, .success-banner, .notice-banner {
    color: #3c763d;
    background-color: #dff0d8;
    background: url(../icons/alert-outline-message.svg) 16px 50% no-repeat #dff0d8 !important;
    border-color: #bdd1ac;
    background-size: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.04);
}
#msg_info, #msg_notice, #msg_warning, #msg_error, .success-banner, .notice-banner {
	opacity: 1;
	animation-name: bounceIn;
	animation-duration: 450ms;
	animation-timing-function: linear;
	animation-delay: .4s;	
}
@keyframes bounceIn {
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1.1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}
#msg_warning, .warning-banner {
    color: #8a6d3b;
    background-color: #fcf8e3;
    background: url(../icons/alert-outline-warning.svg) 16px 50% no-repeat #fcf8e3 !important;	
    border-color: #dfd3ba;	
    background-size: 22px !important;	
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.04);	
}
#msg_error, .error-banner  {
    color: #a94442;
    background-color: #f2dede;
    background: url(../icons/alert-outline-error.svg) 16px 50% no-repeat #f2dede !important;	
    border-color: #ebccd1;
    background-size: 22px !important;	
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.04);	
}
#msg_warning .Icon.overdueTicket {
    background-image: none;
}
#msg_info .icon-info-sign:before, 
.info-banner .icon-info-sign:before {
	display: none;
}
#ticket_tabs_container #msg_warning, 
#ticket_tabs_container #msg_error, 
#ticket_tabs_container #msg_notice, 
#ticket_tabs_container #msg_alert {
    margin: 0 0 20px 0;
}
.message.bar.danger {
	border-bottom: 3px solid #ebccd1;
    color: #a94442;
    background-color: #f2dede;

    border-color: #ebccd1;
    background-size: 22px !important;
    z-index: 999999;
    opacity: 1;
}
.message.bar .avatar[class*=" oscar-"] {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%231F5B78' d='M8.5%2C2C6%2C2 4%2C4 4%2C6.5V7C2.89%2C7 2%2C7.89 2%2C9V18C2%2C19.11 2.89%2C20 4%2C20H8.72C10.18%2C21.29 12.06%2C22 14%2C22A8%2C8 0 0%2C0 22%2C14A8%2C8 0 0%2C0 14%2C6C13.66%2C6 13.32%2C6.03 13%2C6.08C12.76%2C3.77 10.82%2C2 8.5%2C2M8.5%2C4A2.5%2C2.5 0 0%2C1 11%2C6.5V7H6V6.5A2.5%2C2.5 0 0%2C1 8.5%2C4M14%2C8A6%2C6 0 0%2C1 20%2C14A6%2C6 0 0%2C1 14%2C20A6%2C6 0 0%2C1 8%2C14A6%2C6 0 0%2C1 14%2C8M13%2C10V15L16.64%2C17.19L17.42%2C15.9L14.5%2C14.15V10H13Z' /%3E %3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: 50px 36px;
    position: relative;
    top: 3px;
}
.message.bar.top.danger .avatar[class*=" oscar-"] {
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23a94442' d='M8.5%2C2C6%2C2 4%2C4 4%2C6.5V7C2.89%2C7 2%2C7.89 2%2C9V18C2%2C19.11 2.89%2C20 4%2C20H8.72C10.18%2C21.29 12.06%2C22 14%2C22A8%2C8 0 0%2C0 22%2C14A8%2C8 0 0%2C0 14%2C6C13.66%2C6 13.32%2C6.03 13%2C6.08C12.76%2C3.77 10.82%2C2 8.5%2C2M8.5%2C4A2.5%2C2.5 0 0%2C1 11%2C6.5V7H6V6.5A2.5%2C2.5 0 0%2C1 8.5%2C4M14%2C8A6%2C6 0 0%2C1 20%2C14A6%2C6 0 0%2C1 14%2C20A6%2C6 0 0%2C1 8%2C14A6%2C6 0 0%2C1 14%2C8M13%2C10V15L16.64%2C17.19L17.42%2C15.9L14.5%2C14.15V10H13Z' /%3E %3C/svg%3E") !important;
}
.message.bar .avatar.pull-left {
    margin-left: 0;
}
.message.bar .avatar.oscar-boy {
    background-position: initial;
}
.avatar.oscar-borg {
    background-position: unset;
}
.message.bar.top.danger {
    background-color: rgb(255, 201, 201);
}
.message.bar.top.danger button.inline.button.red {
    top: 17px;
    position: absolute;
    right: -2px;
    background: #ffffff45;
    color: #ac4947;
    border: .5px solid #ac4947;
}
#msg_warning .Icon.lockedTicket {
    background-image: initial;
}
.logs-page #msg_warning, 
.logs-page #msg_error, 
.logs-page #msg_notice, 
.logs-page #msg_alert {
    display: block;
    margin: 23px 0 0 0;
}

/* ==========================================================================
 FOOTER
========================================================================== */
#footer {
    color: var(--header-title);
    background: var(--nav-bar-bg);
    position: relative;
    height: 60px;
}
div#footer + div {
    background: var(--nav-bar-bg) !important;
    height: 36px;
    margin: -40px 0;
}
#footer {
    width: 100%;
    background: var(--nav-bar-bg) !important;
    background: rgba(0, 0, 0, 0.05);
    height: 60px;
    bottom: 0;
    padding: 0;	
    position: static;
}
#footer #poweredBy {
	background: none;
}
#osticket {
    width: 50% !important;
    height: 100%;
    display: inline-block;
    float: left;
}
#ostawesome {
    width: 50% !important;
    height: 100%;
    display: inline-block;
    float: right;
}
a#osticket-link,
a#ostawesome-link {
    position: relative;
    top: 68%;
    transform: perspective(1px) translateY(-50%);
    padding: 0 20px;	
}
a#osticket-link {
    float: right;
}
a#ostawesome-link {
    float: left;
}
#footer #osticket svg,
#footer #ostawesome svg {
    fill: var(--header-title);
    width: 122px;
}
#ostawesome svg {
    width: 111px;
    position: relative;
    top: 2px;
}
/* jump */
@-webkit-keyframes jump {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	top: 20px;
  }
}
@keyframes jump {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	top: 20px;	  
  }
}
.jump {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.jump:hover, .jump:focus, .jump:active {
  -webkit-animation-name: jump;
  animation-name: jump;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* ==========================================================================
 LOGIN
========================================================================== */
#loginBody {
    background: var(--header-bg) !important;
}
#loginBody #brickwall {
	background-image: url("../../osta/img/backdrops/01.png");
}
#loginBody #loginBox {
    box-shadow: initial;
    width: 360px;
	margin-left: -181px;
}
#loginBody #loginBox:after {
    background-color: initial;
    border: none;
}
#loginBody #blur {
	-webkit-filter: initial;
    filter: inital;
    filter: initial;
    background: var(--nav-bar-bg);
    border-radius: 3px;
}
#loginBody #background {
    background-image: initial;
}
#loginBody #company .content {
    display: none;
}
#login-title {
    margin: 22px 0 -12px 0;
}
#login-title div#header-text #header-title {
    margin: 0;
    padding: 0;
    color: var(--header-title);
    text-decoration: none;
    line-height: 120%;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    white-space: initial;	
}
#login-title #header-image img {
    display: inline-block !important;
    width: 100%;
}
#loginBody #logo .valign-helper {
    padding: 0;
    display: inline;
}
#login-title #header-default svg {
    width: 100% !important;
    height: initial;
}
#loginBody fieldset input {
    background: rgba(255, 255, 255, 0.5);
}
#loginBody fieldset input {
    display: block;
    margin-bottom: 0 !important;
    border: 0;
    /*padding: 18px 14px!important;*/ /*target*/
    letter-spacing: 1.4px;
    width: calc(100% - 37px) !important;
    height: 36px;	
}
#loginBody form {
    width: 270px;
    margin: 0 auto;
}
#loginBody fieldset {
    border: 0;
    width: 270px;
    margin: 0 auto !important
}
#loginBody input[type=password] {
    border-radius: 0 0 3px 0 !important;
}
#loginBody fieldset input:first-child  {
	border: 0;
}
#loginBody fieldset input:nth-child(2) {
    border-radius: 0 3px 0 0 !important;
    border: 0;
	width: calc(100% - 37px) !important;
    height: 37px;
    margin-bottom: 1px !important;	
}
#login-userid {
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    width: 36px;
    height: 37px;
    float: left;
    border-radius: 3px 0 0 0;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 7px 7px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0%2C 0%2C 0%2C 0.1)' d='M12%2C19.2C9.5%2C19.2 7.29%2C17.92 6%2C16C6.03%2C14 10%2C12.9 12%2C12.9C14%2C12.9 17.97%2C14 18%2C16C16.71%2C17.92 14.5%2C19.2 12%2C19.2M12%2C5A3%2C3 0 0%2C1 15%2C8A3%2C3 0 0%2C1 12%2C11A3%2C3 0 0%2C1 9%2C8A3%2C3 0 0%2C1 12%2C5M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12C22%2C6.47 17.5%2C2 12%2C2Z' /%3E%3C/svg%3E");
}
#login-password {
    background: rgba(255, 255, 255, 0.3);
    display: inline-block;
    width: 36px;
    height: 36px;
    float: left;
    border-radius: 0 0 0 3px;
}
#login-password:after {
    background-image: url(../svg/key.svg);
    content: ' ';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 6px;
    opacity: .12;
}
#loginBody fieldset input::-webkit-input-placeholder, 	/* Chrome/Opera/Safari */
#loginBody fieldset input::-moz-placeholder, 			/* Firefox 19+ */
#loginBody fieldset input:-ms-input-placeholder, 		/* IE 10+ */
#loginBody fieldset input:-moz-placeholder { 			/* Firefox 18- */
  color: #ddd;
}
#loginBox h3 {
	font-size: 21px;
	text-shadow: none;
    color: var(--header-title);
    font-family: monospace, courier;
    letter-spacing: initial;
    margin: 28px 0;
    font-weight: 100;
    opacity: .7;
}
#loginBox button[type=submit], 
#loginBox input[type="submit"], 
#loginBox .primary.button {
    box-shadow: none;
    margin: 2px 0 0 0;
    padding: 6px 20px!important;
    height: 36px;
    background: #128dbe;
    text-shadow: initial;
    border: none;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4588235294117647) !important;
    letter-spacing: 1.5px;
    width: 100%;
    font-size: 18px;
}
form#login i.icon-signin,
#loginBody i.icon-signin:before {
    display: none !important;
}
#loginBox h3[style="color:black;"] em { /*pw reset confirmation sent page*/
	font-size: 17px;
    font-style: initial;
    font-family: 'Open Sans';
    font-weight: 500;
    line-height: initial;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.08627450980392157) inset;
	box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.08627450980392157) inset;
    border: .5px solid #bfbfbf;
    transition: background-color 5000s ease-in-out 0s;
}
#loginBody form#login button,
#loginBody input[value="Send Email"] {
    float: initial;
    margin: 27px auto 21px auto !important
}
h3[style="display:inline"] {
    margin: 0 0 -12px 0 !important;
    display: block !important;
}
#pw-reset {
    position: relative;
    top: -6px;
}
#loginBox #pw-reset h3 {
    margin: 0;
}
h3 a[href="pwreset.php"] {
    margin-top: 0 !important;
    font-size: 15px;
    text-shadow: none;
    color: var(--header-title);
    letter-spacing: initial;
    margin: 0 0;
    font-weight: 100;
    text-decoration: none;
}
#loginBody #poweredBy .osticket-logo {
    border: none;
    -webkit-filter: none;
    filter: none;
    ms-filter: none;
}
#loginBody #poweredBy {
	display: none;
}
/* 2FA Verification */
#loginBody .form-simple .field-label.required {
    display: none;
}
#loginBody .form-simple em {
    font-size: 15px;
    text-shadow: none;
    color: var(--header-title) !important;
    font-family: 'Open Sans', monospace, courier;
    letter-spacing: initial;
    margin: 0 0 14px;
    font-weight: 100;
    opacity: .7;
    font-style: initial !important;
    line-height: initial;
}
input[autocomplete="one-time-code"] {
    width: 62px !important;
    min-width: 20px;
    text-align: center;
    padding: 0;
}

/* ==========================================================================
  PASSWORD RESET PAGE pwreset.php
========================================================================== */
form[action="pwreset.php"] input.submit {
    margin: 20px !important;
}
#loginBody form[action="pwreset.php"] fieldset input {
    width: 100% !important;
}
#loginBody form[action="pwreset.php"] fieldset input:first-child {
	background-image: unset;
    padding-left: 10px !important;	
}

/* ==========================================================================
 MISC.
========================================================================== */
.quicknote a.action, .floating-options a.action {
    width: initial;
    margin: 4px 2px;
    padding: 3px;
    color: black !important;
	background: -webkit-linear-gradient(#fafafa 0%, #e7ebf0) #ffffff;
	background: -o-linear-gradient(#fafafa 0%, #e7ebf0) #ffffff;
	background: linear-gradient(#fafafa 0%, #e7ebf0) #ffffff;
    border: .5px solid #cdd2d4;
    border-radius: 3px;
}
.quicknote a.action:hover, .floating-options a.action:hover {
    border: .5px solid #aaa;
}
.avatar > img.avatar {
    width: 100%;
    height: auto;
}
div#user-profile .avatar > img.avatar,
form[action="#users/lookup"] .avatar > img.avatar {
    width: 100px;
}
.users-page .tip_content.users .avatar.pull-left,
.users-page .tip_content.users #user-profile .avatar > img.avatar {
    width: 50px;
    height: 50px;
}
.users-page .tip_content.users .floating-options i.icon-edit, 
.users-page .tip_content.users .floating-options i.icon-share {
    padding: 4px !important;
}
.users-page .tip_content.users .quicknote .body {
    padding: 0;
}
div#user-email a {
    color: #128dbe;
}
.code-green {
    font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-weight: 400;
    font-size: 14px;
    color: #3ead08;
}
.forslash {
    margin: 0 6px;
    font-weight: bold;
    color: #bfbfbf;
}
.current-version.highlight {
    font-weight: 700;
    padding: 1px 6px 3px 6px;
    color: #816700;
    background-color: #ffefac;
    border-radius: 3px;
    font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 14px;
}
.current-version.checked:after {
    content: ' ';	
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M21%2C7L9%2C19L3.5%2C13.5L4.91%2C12.09L9%2C16.17L19.59%2C5.59L21%2C7Z' /%3E %3C/svg%3E");
    background-position: center center;
    fill: #128dbe !important;
    color: #128dbe !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    position: relative;
    top: 4px;
    margin-left: 6px;
}
#version-msg {
    margin: 24px 0 0 0;
}
#version-msg a:after {
	content: ' ';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23128dbe' d='M17%2C13L12%2C18L7%2C13H10V9H14V13M19.35%2C10.03C18.67%2C6.59 15.64%2C4 12%2C4C9.11%2C4 6.6%2C5.64 5.35%2C8.03C2.34%2C8.36 0%2C10.9 0%2C14A6%2C6 0 0%2C0 6%2C20H19A5%2C5 0 0%2C0 24%2C15C24%2C12.36 21.95%2C10.22 19.35%2C10.03Z' /%3E%3C/svg%3E");
    background-size: 23px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 0;
    margin-left: 9px;
}
#version-msg a {
    transition: color .5s ease !important;
}
#version-msg a:hover {
	color: #8ac70f	
}
#version-msg a:hover:after {
	content: ' ';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%238ac70f' d='M17%2C13L12%2C18L7%2C13H10V9H14V13M19.35%2C10.03C18.67%2C6.59 15.64%2C4 12%2C4C9.11%2C4 6.6%2C5.64 5.35%2C8.03C2.34%2C8.36 0%2C10.9 0%2C14A6%2C6 0 0%2C0 6%2C20H19A5%2C5 0 0%2C0 24%2C15C24%2C12.36 21.95%2C10.22 19.35%2C10.03Z' /%3E%3C/svg%3E");
}
i.icon-sort-by-attributes-alt.icon-flip-vertical {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
     transform: rotate(180deg) !important;
}
#client-side-language-bar {
    font-weight: 500;
    margin: 0 0 6px 0;
}
div#profile tr:first-child {
    display: none;
}
.users .green.button:hover {
    box-shadow: none;
}
#upload table th:first-child {
    background: none;
}
#upload table th {
    font-size: 13px;
}
#upload table td {
    padding: 10px 0;
    font-size: 13px;	
}
#upload table {
	border: initial;
}

/* ==========================================================================
 POPUP: LOADING SMALL SPINNER
========================================================================== */
.dialog#popup {
    width: 650px;
    min-height: 128px;
}
#popup i.icon-spinner {
    margin: 0 14px !important;
    padding: 0 !important;
    width: 50px;
    height: 50px;
    top: 15px;
}
#popup i.icon-spinner.icon-spin.icon-large:before {
    background-image: url(../../osta/img/loading.svg);
    content: ' ';
    background-position: center !important;
    border-radius: 50%;
    vertical-align: middle;
    width: 50px !important;
    height: 50px !important;
    background-size: 50px 50px !important;
    top: 0 !important;
}

/* ==========================================================================
 OVERLAY
========================================================================== */
#overlay {
    background: #000 !important;
    opacity: .1 !important;
} 
#loadingbar {
  background: var(--header-title) !important;
}

/* ==========================================================================
 THEME PAGE
========================================================================== */
#color-themes,
#custom-theme {
    width: 100%;
}
#color-themes tr:first-child td:first-child,
#custom-theme tr:first-child td:first-child {
    width: 100%;
    /* background: #ccc; */
}
#choose-theme.show,
#custom-theme.show {
    opacity: 1;
    pointer-events: auto;
}
#choose-theme.hide,
#custom-theme.hide {
    opacity: .4;
    pointer-events: none;
}
@media (max-width: 1000px) {
	table#color-themes {
		width: 100%;
	}
}
.tab_content h2 {
    line-height: 28px;
}
#color-themes h2 {
    margin: 0 0 -10px 0;
}
.theme-card {
    width: 240px;
    height: 126px;
    background: #ddd;
    border: .5px solid #ddd;
    z-index: 1;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    float: left;
    margin: 20px 20px 15px 20px;
}
.rtl .theme-card {
	float: right;
    margin: 20px 30px 15px 15px;	
}
.theme-card-lid {
	opacity: 1;
	width: 240px;
    height: 126px;
	background: #fff;
	overflow: hidden;
	position: relative;
	top: 0; 
	z-index: 2;
	border-radius: 2px;  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);  
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: center;
}
.theme-card:hover > .theme-card-lid { 
    top: -53.33px;
    background-size: 120px;
    background-position: center 67px;
}
.theme-card-bottom {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    position: relative;
    top: -53px;
    height: 53px;
    z-index: 1;
    color: #999;
    font-weight: 500;
    width: 100%;
    background: #eee;
}
.theme-preview {
    float: left;
    padding: 20px 0 20px 20px;
}
.switch {
	float: right;
	padding: 20px 20px 20px 0;
}
.switch:after {
    clear: both;
}
html[lang="ru"] a.pink {
    font-size: 75%;
    display: table-caption;
}
html[lang="ru"] .theme-preview {
    padding: 20px 0 0 10px;
    position: relative;
    bottom: 6px;
}
html[lang="ru"] .theme-preview a {
    font-size: 80%;
    display: table-caption;	
}
html[lang="ru"] .switch {
    padding: 20px 10px 20px 0;
    font-size: 80%;
}
.use-custom-theme {
	display: inline-block;
    margin: 20px 15px 15px 20px;
    padding: 16px;
    color: #4c5156 !important;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
}
.rtl .use-custom-theme {
    margin: 20px 30px 15px 15px;
}
.use-custom-theme input[type="radio"] {
    margin: 0 0 0 6px ;
}
.rtl .use-custom-theme input[type="radio"] {
    margin: 0 6px 0 0 ;
}
.use-custom-theme:hover {
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
button[value="Save Theme"],
button#save-custom-colors {
    margin: 15px 30px 20px 20px;
    padding: 14px 20px 10px 20px!important;
    font-size: 16px;
    color: #3c763d;
    background-color: #d0e9c6;
    border: initial;
}
button[value="Save Theme"]:hover,
button#save-custom-colors:hover {
    background: #b4e6a0 !important;
    color: #2a3e2a !important;
    border: initial;
	box-shadow: unset;
}
.rtl button[value="Save Theme"],
.rtl button#save-custom-colors {
    margin: 15px 30px 20px 15px;
}
#color-theme input.switch:empty ~ label {
    top: 3px;
}
#theme-black {
    background-image: url("../../osta/css/themes/black/black-theme.svg");
}
#theme-mint {
    background-image: url("../../osta/css/themes/mint/mint-theme.svg");
}
#theme-ice {
    background-image: url("../../osta/css/themes/ice/ice-theme.svg");
}
#theme-soft {
    background-image: url("../../osta/css/themes/soft/soft-theme.svg");
}
#theme-pink {
    background-image: url("../../osta/css/themes/pink/pink-theme.svg");
}
#theme-earth {
    background-image: url("../../osta/css/themes/earth/earth-theme.svg");
}
#theme-brown {
    background-image: url("../../osta/css/themes/brown/brown-theme.svg");
}
#theme-blue {
    background-image: url("../../osta/css/themes/blue/blue-theme.svg");
}
#theme-cool {
    background-image: url("../../osta/css/themes/cool/cool-theme.svg");
}
#theme-bright {
    background-image: url("../../osta/css/themes/bright/bright-theme.svg");
}
#logo-options,
#additional-options,
#theme3 {
    margin: 0 0 10px 0;
}
#theme4 {
    margin: 20px 0 0 0;
}
#theme5 {
    margin-top: 44px;
}
#theme6 {
    margin-top: 40px;
}
#theme7 {
    margin-top: 40px;
}
table#theme5 a {
    transition: all 0.3s ease;	
    font-size: 90%;
    border: .5px solid;
    background: #fff;
    padding: 0 4px 1px 4px;
	margin-bottom: 10px;		
}
table#theme5 a:hover {
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.0);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.0);
    position: relative;
    top: -1px;
    border: .5px solid #659505;
    color: #659505;	
}
#additional-options input[type=text] {
    margin: 0 5px 0 0 !important;
    height: 33px !important;
	padding: 0 0 0 8px !important;
}
#custom-theme {
    margin-top: 20px;
}
#color-pickers {
    padding: 0 0 0 20px;
}
.rtl #color-pickers {
    padding: 0 20px 0 0;
}
input.form-control.input-lg {
    padding: 0 0 0 8px !important;
    margin: 0 0 10px 0;
}
.rtl input.form-control.input-lg {
    padding: 0 8px 0 0 !important;
}
#logo-options input[type="radio"] {
    margin: 0 10px 0 4px;
}
.rtl #logo-options input[type="radio"] {
    margin: 0 4px 0 10px;
}
#additional-options input[type="radio"] {
    margin: 0 10px 0 4px;
}
.rtl #additional-options input[type="radio"] {
    margin: 0 4px 0 10px;
}
#logo-options tr:first-child td,
#additional-options tr:first-child td,
#theme3 tr:first-child td,
#theme4 tr:first-child td {
    padding: 0;
}
#logo-options td,
#additional-options td,
#theme2a tr:nth-child(2) td,
#theme3 td,
#theme4 td,
#theme5 tr:nth-child(2) td,
#theme6 tr:nth-child(2) td,
#theme7 tr:nth-child(2) td {
    padding: 0 0 20px 20px;
}
.rtl #logo-options td,
.rtl #additional-options td,
.rtl #theme2a tr:nth-child(2) td,
.rtl #theme3 td,
.rtl #theme4 td,
.rtl #theme5 tr:nth-child(2) td {
    padding: 0 20px 20px 0;
}
#custom-header-bg-button, 
#theme-title-button,
#theme-subtitle-button,
#mobile-text-button,
#mobile-link-button,
#language-bar-save-button,
#logo-options-save-button {
    margin: 0;
    height: 32px !important;
    min-width: 204px;
    font-size: 16px;
    color: #515d6d;
    border: initial !important;
    background: #dcdfe2 !important;
}
#custom-header-bg-button:hover, 
#theme-title-button:hover,
#theme-subtitle-button:hover,
#mobile-text-button:hover,
#mobile-link-button:hover,
#language-bar-save-button:hover,
#logo-options-save-button:hover {
	background: #b4e6a0 !important;
    color: #2a3e2a !important;
    border: initial;
    box-shadow: unset;
}
#theme-title-button:before, 
#theme-subtitle-button:before,
#mobile-text-button:before,
#mobile-link-button:before {
    width: 20px;
    height: 20px;
    background-size: 10px !important;
    float: left;
    padding: 0 0 0 2px;
    position: relative;
    top: -3px;
}
#custom-text-and-links button {
    margin: 0 0 0 7px;
}
#theme6 button,
#theme7 button {
	background: #dcdfe2;
    color: #6d7989;
    border: medium none;
    margin: 0px auto;
    left: 0;
    right: 0;
    bottom: 40px;
    width: fit-content;
    text-align: center;
    padding: 14px 30px 14px 30px;
    display: inline-block;
    border-radius: 3px;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 13px;
}
#theme6 button:hover,
#theme7 button:hover {
    background: #c9cdd0;
    color: #343a42;
}	
button#old-client {
    margin-right: 16px;
    margin-bottom: 10px;
    background: #ff7563;
    color: #fff;
}
button#old-staff {
    background: #8391A3;
	color: #fff;	
}
form#header-bg {
    margin: 3px 30px 15px 30px;
}
#show-errors {
	position: absolute;
    top: 29px;
    right: 29px;
    width: 354px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 20px;
}
@media screen and (max-width: 1145px) {
#show-errors {
		width: 25vw;
	}
}
@media screen and (max-width: 1056px) {
#show-errors {
		display: none;
	}
}
.show-php-errors {
    vertical-align: top;
    line-height: 32px;
    font-size: 18px;
    height: 42px;
}
#show-errors-title {
    position: relative;
    top: -7px;
}
#logo-options .checkcontainer,
#additional-options .checkcontainer {
    margin: 0 20px 0 0;
}
#custom-text-and-links .responsive-div-theme {
    margin: 0 0 0 20px;
}
.responsive-div-theme {
     width:100%;
}
 .responsive-div-theme div {
     -moz-box-sizing:border-box;
     box-sizing:border-box;	 
}
 #one-theme, #two-theme {
     width:50%;
     float:left;
     height:100%;
}
 #two-theme {
}
.responsive-div-theme form {
    margin: 0 0 9px 0;
}
 @media screen and (max-width: 850px) {
     #one-theme, #two-theme {
         width:auto;
         float:none;
    }
}
a#subnav7.theme {
   -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}
#theme-picker li {
    height: 26px;
    font-size: 18px;
}
#theme-picker input[type="radio"] {
    margin: 0 3px 0 0;
}
/* Custom CSS Code Mirror */
.cm-s-lucario span.cm-property,
.cm-s-lucario span.cm-variable-2 {
    color: #a1bad2 !important;
}
.cm-s-lucario span.cm-atom, 
.cm-s-lucario span.cm-number {
    color: #9a7bc7 !important;
}
.cm-s-lucario span.cm-string, 
.cm-s-lucario span.cm-string-2 {
    color: #c5c5c5 !important;
}
/* Custom labels: the container */
.checkcontainer {
    position: relative;
    cursor: pointer;
    padding-left: 27px;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
/* Hide the browser's default checkbox */
.checkcontainer input {
  	position: absolute;
	opacity: 0;
	cursor: pointer;}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Create a custom radio button */
.radiobtn{
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
    border: .5px solid #b8bdbf;
    will-change: background-color!important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important;
    -ms-transition: all .3s ease-out!important;
    transition: all .3s ease-out!important;	
}
.rtl .radiobtn {
    left: initial;
    right: 0;
}
.switch .radiobtn {
    top: 0;
}
/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn{
  	background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn{

}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
	display: block;
}
/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #128dbe;
}
.action-button {
	position: relative;
	overflow: hidden;	
}
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
i.icon-caret-down:before {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
i.icon-caret-down:before {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M7.41%2C8.58L12%2C13.17L16.59%2C8.58L18%2C10L12%2C16L6%2C10L7.41%2C8.58Z' /%3E %3C/svg%3E");
  	position: absolute;
  	right: 1em;
  	padding: 0 1px;
  	font-family: FontAwesome;
  	-webkit-transform: translateZ(0);
  	transform: translateZ(0);
}
.action-button:hover > i.icon-caret-down:before, 
.action-button:focus > i.icon-caret-down:before, 
.action-button:active > i.icon-caret-down:before {
  	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  	-webkit-animation-duration: .3s, 1.5s;
  	animation-duration: .3s, 1.5s;
  	-webkit-animation-delay: 0s, .3s;
  	animation-delay: 0s, .3s;
  	-webkit-animation-timing-function: ease-in-out, ease-in-out;
  	animation-timing-function: ease-in-out, ease-in-out;
  	-webkit-animation-iteration-count: 1, infinite;
  	animation-iteration-count: 1, infinite;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
  	-webkit-animation-direction: normal, alternate;
  	animation-direction: normal, alternate;
}
/* Underline From Center */
.action-button {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #fff /*!important*/;
    color: #898989;
    border: .5px solid #b9b9b9;
    letter-spacing: 1.6px;
    -webkit-transition: background-color 0s ease !important;	
    transition: background-color 0s ease !important;	
}
.action-button:before {
  	content: "";
  	position: absolute;
  	z-index: -1;
  	left: 50%;
  	right: 50%;
 	 bottom: 0;
  	background: #128DBE;
  	height: 1px;
  	-webkit-transition-property: left, right;
  	transition-property: left, right;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	transition-timing-function: ease-out;
}
.red.button.action-button:before {
    background: #d01919;
}
span.red.button.action-button:before,
button.red.button.action-button:before {
  	background: #d01919;
}
.action-button:hover:before, .action-button:focus:before, .action-button:active:before {
  	left: 0;
  	right: 0;
}
a.button.action-button.add-user:hover {
    border: .5px solid #b9b9b9;
}
a.green.button.action-button:before {
	background: #128dbe;
}
a.green.button.action-button:hover {
    color: #128dbe;
}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
/* Icon Drop */
button.action-button i.icon-map-marker {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
button.action-button i.icon-map-marker:before {
    content: '';
    position: absolute;
	left: 3px;
    top: -7px;
    opacity: 1;
    padding: 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M12%2C11.5A2.5%2C2.5 0 0%2C1 9.5%2C9A2.5%2C2.5 0 0%2C1 12%2C6.5A2.5%2C2.5 0 0%2C1 14.5%2C9A2.5%2C2.5 0 0%2C1 12%2C11.5M12%2C2A7%2C7 0 0%2C0 5%2C9C5%2C14.25 12%2C22 12%2C22C12%2C22 19%2C14.25 19%2C9A7%2C7 0 0%2C0 12%2C2Z' /%3E %3C/svg%3E");
}
button.action-button:hover > i.icon-map-marker:before, button.action-button:focus > i.icon-map-marker:before, button.action-button:active > i.icon-map-marker:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
a#new-ticket:after {
    content: "\f0f6";
    display: inline;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
    font-family: fontawesome;
}
.demo-disabled {
    display: block;
    color: #777;
    font-style: initial;
    font-size: 18px;
    margin: 30px 0 20px;
    text-align: center;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
a#new-ticket {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
a#new-ticket:hover, a#new-ticket:focus, a#new-ticket:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* SEARCH FORM */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}
input[type=search] {

}
input[type=search]:focus {

}
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}
p[style="text-align:center;"] .button.action-button {
    margin: 0 4px 4px 4px;
    box-shadow: none;
    padding: 9px 30px !important;
    color: #515d6d;
    border: initial !important;
    background: #dcdfe2;
    letter-spacing: 1.6px;
    font-weight: 700;
    -webkit-transform: initial;
    transform: initial;	
}
p[style="text-align:center;"] .button.action-button:hover,
p[style="text-align:center;"] .button.action-button:active {
    box-shadow: unset;
    border: initial;
    background: #c9cdd0;
    color: #343a42;
    height: unset;
}
p[style="text-align:center;"] button.red.button.action-button:hover,
p[style="text-align:center;"] button.red.button.action-button:active {
    color: #b04242;
}
p[style="text-align:center;"] .button.action-button[type="submit"] {
    color: #3c763d;
    background-color: #d0e9c6;
}
p[style="text-align:center;"] .button.action-button[type="submit"]:hover, 
p[style="text-align:center;"] .button.action-button[type="submit"]:active {
    background: #b4e6a0 !important;
    color: #2a3e2a !important;
    box-shadow: unset;
}

/* ==========================================================================
 SEARCH FIELD
========================================================================== */
form[action="kb.php"] .attached.input,
form[action="orgs.php"] .attached.input,
form[action="users.php"] .attached.input,
form[action="tasks.php"] .attached.input,
form[action="tickets.php"] .attached.input {
    position: relative;
    float: right;
    top: -32px;
    right: -20px;		
    border: none !important;
    height: 24px;
    margin: 0 0 0 -300px;
    outline: none;
    /*-webkit-appearance: textfield;*/ /*messses up seach boxes in mobile*/
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
form[action="tickets.php"] .attached.input {
    top: -34px;
    right: calc(1% + -7px);
}
@media screen and (min-width: 600px) and (max-width: 1260px) {
	form[action="tickets.php"] .attached.input {
	    right: -10px;
	}
}
@media screen and (min-width: 600px) and (max-width: 1222px) {
	form[action="tickets.php"] .attached.input {
	    right: 10px;
	}
}
/* move again when warning, error etc message */
.attached.input.move-search {
	top: -95px !important;
}
.rtl #kbSearch,
.rtl #basic_search {
    float: left;
}
form[action="logs.php"] #msg_warning, 
form[action="audits.php"] #msg_error, 
form[action="banlist.php"] #msg_notice,
form[action="logs.php"] #msg_error, 
form[action="audits.php"] #msg_warning, 
form[action="banlist.php"] #msg_alert,
form[action="logs.php"] #msg_alert, 
form[action="audits.php"] #msg_notice, 
form[action="banlist.php"] #msg_warning,
form[action="logs.php"] #msg_notice, 
form[action="audits.php"] #msg_alert, 
form[action="banlist.php"] #msg_error {
    margin-top: 10px;
}
.rtl form[action="kb.php"] .attached.input,
.rtl form[action="orgs.php"] .attached.input,
.rtl form[action="users.php"] .attached.input,
.rtl form[action="tasks.php"] .attached.input,
.rtl form[action="tickets.php"] .attached.input {
    float: left;
    right: initial !important;
    left: 0 !important;
    margin: 0 !important;
    margin-right: -189px !important;
}
form[action="kb.php"] #basic_search .input.attached input,
form[action="orgs.php"] .input.attached input,
form[action="users.php"] .input.attached input,
form[action="tasks.php"] .input.attached input,
form[action="tickets.php"] .input.attached input {
    margin: 0 !important;
    border: 0;
	background-color: rgba(255, 255, 255, 0.3);
    border-right: 0;
    height: 24px;
	padding: 0 0 0 9px;
	width: 140px !important;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
    border-radius: 3px 0 0 3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;	
}
.rtl form[action="kb.php"] #basic_search .input.attached input,
.rtl form[action="orgs.php"] .input.attached input,
.rtl form[action="users.php"] .input.attached input,
.rtl form[action="tasks.php"] .input.attached input,
.rtl form[action="tickets.php"] .input.attached input {
	background-position: left 4px center;
	padding: 0 9px 0 0;	
}
form[action="kb.php"] #basic_search .input.attached input:focus,
form[action="orgs.php"] .input.attached input:focus,
form[action="users.php"] .input.attached input:focus,
form[action="tasks.php"] .input.attached input:focus,
form[action="tickets.php"] .input.attached input:focus {
	min-width: 230px;
	background-color: #fff;
	border-color: #66CC75;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
	box-shadow: initial;
}
form[action="kb.php"] #basic_search .input.attached input:focus + .button.attached,
form[action="orgs.php"] .input.attached input:focus + .button.attached,
form[action="users.php"] .input.attached input:focus + .button.attached,
form[action="tasks.php"] .input.attached input:focus + .button.attached,
form[action="tickets.php"] .input.attached input:focus + .button.attached {
	background-color: #fff;
	height: 24px;
}
form[action="kb.php"] .button.attached i.icon-search,
form[action="orgs.php"] .button.attached i.icon-search,
form[action="users.php"] .button.attached i.icon-search,
form[action="tasks.php"] .button.attached i.icon-search,
form[action="tickets.php"] .button.attached i.icon-search {
    background-image: initial;
}
form[action="kb.php"] .button.attached,
form[action="orgs.php"] .button.attached,
form[action="users.php"] .button.attached,
form[action="tasks.php"] .button.attached,
form[action="tickets.php"] .button.attached {
    opacity: .8 !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23128DBE' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E");
    background-position: right 1px center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.3);	
    border: initial !important;	
    margin: 0;
    width: 24px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;	
}
form[action="kb.php"] i.icon-search,
form[action="orgs.php"] i.icon-search,
form[action="users.php"] i.icon-search,
form[action="tasks.php"] i.icon-search,
form[action="tickets.php"] i.icon-search {
    top: 0;
    opacity: .7;
}
form[action="kb.php"] input#query:placeholder-shown,
form[action="orgs.php"] input.basic-search:placeholder-shown,
form[action="users.php"] input.basic-search:placeholder-shown,
form[action="tasks.php"] input.basic-search:placeholder-shown,
form[action='tickets.php'] input.basic-search:placeholder-shown {
    /*color: var(--mobile-link-color) !important;*/ /*hides text cursor*/
    opacity: .8 !important;
    font-size: 13px !important;
    font-style: italic !important;
}
form[action="kb.php"] input#query::placeholder,
form[action="orgs.php"] input.basic-search::placeholder,
form[action="users.php"] input.basic-search::placeholder,
form[action="tasks.php"] input.basic-search::placeholder,
form[action="tickets.php"] input.basic-search::placeholder {
    color: var(--header-bg) !important;
    opacity: .8 !important;
    font-size: 13px !important;
    font-style: italic !important;
}
form[action="kb.php"] input#query::-moz-placeholder,
form[action="orgs.php"] input.basic-search::-moz-placeholder,
form[action="users.php"] input.basic-search::-moz-placeholder,
form[action="tasks.php"] input.basic-search::-moz-placeholder,
form[action='tickets.php'] input.basic-search::-moz-placeholder {
    color: var(--nav-bar-link) !important;
    opacity: .8 !important;
    font-size: 13px !important;
    font-style: italic !important;
}
form[action="kb.php"] input#query::-ms-input-placeholder,
form[action="orgs.php"] input.basic-search::-ms-input-placeholder,
form[action="users.php"] input.basic-search::-ms-input-placeholder,
form[action="tasks.php"] input.basic-search::-ms-input-placeholder,
form[action='tickets.php'] input.basic-search::-ms-input-placeholder {
    color: var(--nav-bar-link) !important;
    opacity: .8 !important;
    font-size: 13px !important;
    font-style: italic !important;
}
#basic_search {
    background-color: #f4f4f4;
    box-shadow: none;
    border-bottom: none;
    border-radius: 0 0 5px 5px;
    height: 0;
    margin-bottom: -1%;
}
/* #basic_search .attached.button {
    background-color: var(--header-title);
    border: none;
} */
#basic_search button[type=submit]:hover {
    color: var(--header-bg);
    box-shadow: none;
}
#basic_search .action-button.muted {
    box-shadow: 0 0 0 0 #cfd4d6 inset;
	margin: 0;	
}
#basic_search i.icon-search {
    text-shadow: none;
}
.sticky.bar.opaque.fixed form[action="tickets.php"] .attached.input,
.sticky.bar.opaque.fixed form[action="tickets.php"] .action-button.advanced-search.gray-light2 {
    display: none;
}

/* ==========================================================================
 TINYMCE
========================================================================== */
.mce-tinymce {
    margin-top: 10px !important;
    border: .5px solid #d7d7d7 !important;
}
.mce-panel {
    background-color: #e7e7e9 !important;
    border-radius: 5px !important;
    border: unset !important;
}
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow:after {
	border-bottom-color: #e7e7e9 !important;
}
.mce-menubar {
    border: .5px solid #d7d7d7 !important;
    border-radius: 5px 5px 0 0 !important;
	background: #e7e7e9 !important;
}
.mce-menubar .mce-menubtn button {
    background: #e7e7e9 !important;
}
.mce-toolbar {
    border-left: .5px solid #e6e6e6 !important;
    border-right: .5px solid #e6e6e6 !important;	
}
.mce-stack-layout {
    background: #e7e7e9 !IMPORTANT;
}
.mce-menubar .mce-menubtn button span,
.mce-txt {
    color: #6e6e6e !important;
}
.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text {
    color: white !important;
}
.mce-btn .mce-caret,
.mce-menubar .mce-caret {
	border-top-color: #6e6e6e !important;
}
.mce-btn {
    border: unset !important;
    border-color: transparent transparent transparent transparent !important;
    position: relative !important;
    text-shadow: unset !important;
    display: inline-block !important;
    background-color: unset !important;
}
.mce-menubtn button {
    color: #333 !important;
    background: #e7e7e9  !important;
}
.mce-menu {
    border-radius: 5px 5px 5px 5px !important;
    border: .5px solid #c7c6c0 !important;
}
div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
    border-bottom: .5px solid #d5cda4 !important;
}
.mce-btn button {
	padding: 3px 5px !important;	
    background: #e7e7e9 !important;
}
.mce-btn-group:not(:first-child) {
    border-left: unset !important;
    padding: 0 10px 0 0;
    margin-left: unset !important;
    border-radius: 0 !important;
}
.mce-toolbar-grp {
    border-radius: 0 !important;
}
.mce-splitbtn:hover .mce-open {
    border-left-color: #e7e7e9 !important;
}
.mce-txt {
    font-size: 12px !important;
}
.mce-colorbutton .mce-preview {
    display: none !important;
}
.mce-widget button {
    padding: 5px !important;
}
button.mce-open {
    padding: 5px 5px 5px 0 !important;
}
.mce-i-backcolor {
    top: 0 !important;
	background: #89dce6 !important;
}
div[style="border-width: 1px 0 0;"] {
/*    border: unset !important;
    border-top: .5px solid #bfbfbf !important;*/
}
.mce-toolbar-grp .mce-flow-layout-item:first-child {
    margin-left: 4px !important;
}
.mce-floatpanel.mce-popover {
    border: .5px solid #bfbfbf !important;
    border-radius: 5px !important;
}
.mce-menu-item .mce-caret {
    border-left: 4px solid #6e6e6e !important;
}
.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    color: #6e6e6e !important;
}
.mce-menu-item:hover > i.mce-ico {
    color: white !important;
}
.mce-menu-item .mce-text {
    color: #59574c;
    font-family: 'Open Sans', sans-serif !important;
}
.mce-menu-item-normal.mce-active .mce-text {
    color: white !important;
}
/* Help Menu */
.mce-window-head {
    border-bottom: unset !important;
}
.mce-tabs {
    border-bottom: .5px solid #c5c5c5 !important;
}
.mce-tab {
    background: #e7e7e9 !important;
    border: .5px solid #c8c8c7 !important;
	border-left: unset !important;	
    border-bottom: unset !important;
}
.mce-container, .mce-container-body {
	border-radius: 5px 5px 0 0!important
}
.mce-tabs, .mce-tabs+.mce-container-body {
    background: #e7e7e9 !important;
}
.mce-container .mce-table-striped tr:nth-child(even) {
    background-color: #d6d6d6 !important;
}
.mce-tab.mce-active {
    border-top: .5px solid #cac9bf !important;
    margin-bottom: -2px !important;
    height: 14px !important;
    border-bottom: 2px solid #e7e7e9 !important;	
}
.mce-container .mce-table-striped thead>tr {
    background-color: #e7e7e9 !important;
}
.mce-container .mce-table-striped tbody>tr:hover {
    background-color: #dbd7c3 !important;
}
.mce-foot {
    border-radius: 0 0 5px 5px !important;
    border-top: .5px solid #c5c5c5 !important;	
}
div[style="padding: 10px; background: #e3e7f4; height: 100%;"] {
    background-color: #d6d6d6 !important;
}
.mce-edit-area {
    border: .5px solid #d7d7d7 !important;
    border-radius: 0 !important;
    border-right: 1px solid #e6e6e6 !important;	
    border-left: 1px solid #e6e6e6 !important;		
}
div[style="left: 427px;top: 10px;width: 47px;height: 30px;"] {
    left: unset !important;
    top: 10px;
    width: 47px;
    height: 30px;
}
.mce-textbox,
.mce-combobox input {
    border: .5px solid #c5c5c5 !important;
}
.mce-floatpanel.mce-popover.mce-bottom>.mce-arrow {
    -webkit-box-shadow: 0 2px 0 0 #e7e7e9;
    -moz-box-shadow: 0 2px 0 0 #e7e7e9;
    box-shadow: 0 2px 0 0 #e7e7e9;
}
#basic_search form[action="banlist.php"] .attached.input button.attached.button {
    background: #7ab800;
}
#basic_search form[action="banlist.php"] .attached.input i.icon-search {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E");
}

/* ==========================================================================
 ADVANCED TICKET SEARCH POPUP / EDIT TICKET QUEUE POPUP (uses same css)
========================================================================== */
#advanced-search i.icon-save {
    position: relative;
    /*top: 0; */  /*target*/
}
button#do_search i.icon-search {
    top: 3px;
    margin-right: 3px;
}
.dialog fieldset input:not([type=checkbox]) {
    border: .5px solid #bfbfbf;
    padding: 3px 3px 3px 8px;
}
.adv-search-field {
    margin-top: 0 !important;
}
#advanced-search .accordian dt {
    border-radius: 4px;
    border: .5px solid #aad3e3;
    background: #d1f2ff;
}
#advanced-search .accordian dt a {
    color: #12759c;
    font-weight: 400;
    display: block;
}
div[style="border-left:1px solid #888;position:relative;padding-bottom:26px;"] {
    border-left: .5px solid #888 !important;
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 999999 !important;
}
#criteria .adv-search-field-container {
    margin-top: 3px;
}
form#advsearch .flex.row .span12 {
    padding-left: 0;
    margin-bottom: 10px;
}
form#advsearch #criteria .flex.row .span12 {
    padding: 5px 10px;
}
@media (max-width: 660px) {
	form[action="#tickets/search"] .row {
		display: unset;
	}
	#advanced-search .span6 + .span6 {
		margin-left: 0;
	}
	#advanced-search .row .span6 {
		display: unset;
		width: 100%;
		padding: 5px 10px;
		vertical-align: top;
	}
	#advanced-search div[style="margin-bottom: 0.5em;"] {
    	margin-bottom: 5px !important;
		margin-top: 20px;
	}
	#advanced-search .accordian dt {
		margin-bottom: 5px;
		max-width: 300px;
	}	
	#advanced-search div[style="border-left:1px solid #888;position:relative;padding-bottom:26px;"] {
		border-left: unset !important;
	}
	#advanced-search div[style="position:absolute;bottom:0"] {
		position: relative !important;
		width: 100%;
		margin-top: 10px;
	}
	#advanced-search div#saved-searches {
		margin-bottom: 0;
	}
	div#advanced-search hr {
		visibility: hidden;
		margin: 0;
	}
	dt.saved-search i.icon-chevron-down.pull-right {
		top: 1px;
	}	
}
/* Edit Ticket Queue popup (uses same code as Advanced Ticket Search) */
form#advsearch table td:not(:empty) {
    padding: 4px;
    background: #fff !important;
}
form#advsearch .dialog .table td:not(:empty) {
    background-color: #fff!important;
}
form#advsearch table td#append-column:not(:empty) {
	padding-top: 20px !important;
}
div.translatable {
    outline: initial !important;
}
div.translatable.focus {
    outline: .5px solid #606d7f !important;
}
form#advsearch #inherited-parent {
    margin-bottom: 7px !important;
}
form#advsearch tbody.sortable-rows input.translatable {
    width: 170px;
}
form#advsearch tbody.sortable-rows input[data-name="width"] {
    display: none;
}
form#advsearch input.translatable {
    position: relative;
    top: 1px;
    left: 2px;
}
form#advsearch button.translatable {
    margin: 0;
    padding: 0;
    height: 33px;
}
form#advsearch button.translatable i.fa.fa-globe.icon-globe {
    top: 0;
}
form#advsearch button.translatable:hover {
    border: initial;
	background-color: #EFEFEF;
}
form#advsearch .translatable .flag {
	margin-right: 0;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
}
form#advsearch .translatable.focus:active {
	outline: initial;
}
form#advsearch #append-column i.icon-plus-sign {
    margin-left: 5px;
}
form#advsearch #append-column select#add-column {
    min-width: 212px !important;
}
form#advsearch #append-column button.green.button {
    position: relative;
    top: -3px;
    background: #DCDFE2;
	color: #343a42;	
    padding: 4px 14px;
}
form#advsearch #append-column button.green.button:hover {
    border: initial !important;
	background: #c9cdd0 !important
}

/* ==========================================================================
 SAFARI 7.1+ ONLY
========================================================================== */
_::-webkit-full-page-media, _:future, :root #sub_nav a, 
_::-webkit-full-page-media, _:future, :root #nav .active a, 
_::-webkit-full-page-media, _:future, :root #nav .inactive a,
_::-webkit-full-page-media, _:future, :root div#header a {
    color: var(--header-title);
    font-weight: 400;
}
_::-webkit-full-page-media, _:future, :root .action-button {
    border: 1px solid #d4d4d4;
}
_::-webkit-full-page-media, _:future, :root input,
_::-webkit-full-page-media, _:future, :root textarea, 
_::-webkit-full-page-media, _:future, :root input[type=text], 
_::-webkit-full-page-media, _:future, :root button#do_search,
_::-webkit-full-page-media, _:future, :root .input.attached input,
_::-webkit-full-page-media, _:future, :root button.ui-datepicker-trigger,
_::-webkit-full-page-media, _:future, :root .input.attached .button.attached,
_::-webkit-full-page-media, _:future, :root .dialog fieldset input:not([type=checkbox]) {
    border: 1px solid #bfbfbf /*!important*/;
	-webkit-appearance: none;	
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;	
}
_::-webkit-full-page-media, _:future, :root input[type=radio] {
	top: 0;
}
_::-webkit-full-page-media, _:future, :root .input.attached .button.attached {
    border-left: 0 !important;
}
_::-webkit-full-page-media, _:future, :root div[style="border-left:1px solid #888;position:relative;padding-bottom:26px;"] {
    border-left: 1px solid #888 !important;
}

/* ==========================================================================
 API KEYS
========================================================================== */
form[action="apikeys.php"] table.list th:first-child {
	width: 5%;
}
form[action="apikeys.php"] table.list th:nth-child(2) {
	width: calc(100% - 60% - 4%);
}
form[action="apikeys.php"] table.list th:nth-child(3),
form[action="apikeys.php"] table.list th:nth-child(4),
form[action="apikeys.php"] table.list th:nth-child(5),
form[action="apikeys.php"] table.list th:nth-child(6) {
	width: 15%;
}
form[action="apikeys.php"] table.list td:nth-child(6) {
	font-size: 12px;
}

/* ==========================================================================
 SCHEDULES
========================================================================== */
form[action="schedules.php"] table.list th:first-child {
	width: 4% !important;
}
form[action="schedules.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="schedules.php"] table.list th:nth-child(3),
form[action="schedules.php"] table.list th:nth-child(4),
form[action="schedules.php"] table.list th:nth-child(5) {
	width: 15%;
}
.schedules li a {
    padding: 4px 0 0 0 !important;
}
#schedule-tabs_container .form_table,
#schedule-tabs_container .tab_content:not(.left) {
	padding-top: 0;
}
.schedules table.list tbody tr td:nth-child(2) {
    padding-right: 20px !important;
}
#schedule-holidays i.icon-calendar:before {
    top: -5px;
}
.schedules-page i.icon-calendar {
    top: 0;
}
.schedules-page table.form_table .select2-container {
    width: 294px !important;
}
.schedules-page table.form_table input[type=text] {
    width: 283px !important;
}
.schedules-page .form-simple .custom-field {
    margin-bottom: 22px;
}

/* ==========================================================================
 BAN LIST
========================================================================== */
form[action="banlist.php"] table.list, #ticketTable {
    margin: 3px 0 0 0;
}
form[action="banlist.php"] table.list th:first-child {
	width: 3.5%;
}
form[action="banlist.php"] table.list th:nth-child(2) {
	width: calc(100% - 53%);
}
form[action="banlist.php"] table.list th:nth-child(3),
form[action="banlist.php"] table.list th:nth-child(4),
form[action="banlist.php"] table.list th:nth-child(5) {
	width: 16.5%;
}
form[action="banlist.php"] table.list td:nth-child(2) a {
	font-size: 13px;
}
.banlist #basic_search {
    background: rgba(0, 0, 0, 0.10196078431372549);	
    margin: -10px 0;
    display: block;
    padding: 4px 4px 2px 8px;
    height: 42px;
}
.banlist i.icon-search {
    background-position: 1px -3px;
}
.banlist .attached.input {
    float: right;
    margin-right: 13px;
}

/* ==========================================================================
 CANNED RESPONSES
========================================================================== */
form[action="canned.php"] table.list th:first-child {
	width: 4%;
}
form[action="canned.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="canned.php"] table.list th:nth-child(3),
form[action="canned.php"] table.list th:nth-child(4),
form[action="canned.php"] table.list th:nth-child(5) {
	width: 15%;
}
form[action="canned.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
.canned table.list .Icon.file {
    margin-left: 5px;
}

/* ==========================================================================
 CATEGORIES
========================================================================== */
form[action="categories.php"] table.list th:first-child {
	width: 4%;
}
form[action="categories.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="categories.php"] table.list th:nth-child(3),
form[action="categories.php"] table.list th:nth-child(4),
form[action="categories.php"] table.list th:nth-child(5) {
	width: 15%;
}
form[action="categories.php"] table.list td:nth-child(4) {
    text-align: left !important;
}
form[action="categories.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}

/* ==========================================================================
 DEPARTMENTS
========================================================================== */
form[action="departments.php"] table.list, #ticketTable {
    margin: 8px 0 0 0;
}
form[action="departments.php"] table.list th:first-child {
    width: 3.5% !important;
}
form[action="departments.php"] table.list th:nth-child(2),
form[action="departments.php"] table.list th:nth-child(6) {
	width: 20%;
}
form[action="departments.php"] table.list th:nth-child(3),
form[action="departments.php"] table.list th:nth-child(4),
form[action="departments.php"] table.list th:nth-child(5),
form[action="departments.php"] table.list th:nth-child(7),
form[action="departments.php"] table.list th:nth-child(8) {
	width: calc((100% - 43.5%) / 5);
}
form[action="departments.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
form[action="departments.php"] table.list td:nth-child(2) small {
	font-weight: 600;
    padding-left: 6px;
    color: #f19090;
    font-size: 11px;
    position: relative;
    top: -1px;
}

/* ==========================================================================
 DIRECTORY
========================================================================== */
.directory table.list th:first-child {
	width: 20%;
	background-image: initial;	
}
.directory table.list th:nth-child(5) {
	width: 10%;
}
.directory table.list th:nth-child(2)
.directory table.list th:nth-child(3),
.directory table.list th:nth-child(4),
.directory table.list th:nth-child(6) {
	width: calc(70% / 4);
}
.directory-page table.list th:first-child a.desc {
    padding: 1px 0 0 8px;
}
.directory table.list td:first-child {
    font-weight: 500;	
    padding-left: 20px;
    font-size: 14px !important;
}
form#users-list table.list td,
form#users-list table.list td a,
#mobile-only table.list a.preview.cursor,
#mobile-only table.list a.preview.cursor a {
    border: initial !important;
}
.directory table.list td[colspan="6"] {
    background: #fff !important;
}
.directory select#did {
    width: 184px;
}
.directory input[value="Filter"] {
    width: 90px !important;
    min-width: 90px !important;
}
.directory table.list tfoot td[colspan="6"] {
    border: 1px solid rgb(243, 243, 245) !important;
    padding: 12px !important;
}
.directory table.list tfoot td[colspan="6"]:before {
	display: none;
}
.note-name {
    display: inline-block;
    position: relative;
    top: -17px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 10px;
    margin-right: 7px;
}
.quicknote .header .options {
    padding-left: 0;
    margin-left: 0;
    border-left: initial;
}
.quicknote .header .header-right a.action i, 
.quicknote .header .header-right a.action i:before {
    background-size: 19px !important;
    background-position: 1px -3px;
}
.quicknote .header .header-right a.action  {
    position: relative;
    top: -5px;
}

/* ==========================================================================
 EMAILS
========================================================================== */
form[action="emails.php"] table.list, #ticketTable {
    margin: 8px 0 0 0;
}
form[action="emails.php"] table.list th:first-child {
	width: 4%;
}
form[action="emails.php"] table.list th:nth-child(2) {
	width: calc(100% - 60% - 4%);
}
form[action="emails.php"] table.list th:nth-child(3),
form[action="emails.php"] table.list th:nth-child(4),
form[action="emails.php"] table.list th:nth-child(5),
form[action="emails.php"] table.list th:nth-child(6) {
	width: 15%;
}
form[action="emails.php"] table.list td:nth-child(6) {
	font-size: 12px;
}
form[action="emails.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
form[action="emails.php"] table.list td:nth-child(2) small {
	font-weight: 600;
    padding-left: 6px;
    color: #f19090;
    font-size: 11px;
    position: relative;
    top: -1px;
}

/* ==========================================================================
 FILTERS
========================================================================== */
form[action="filters.php"] table.list th:first-child {
	width: 4%;
}
form[action="filters.php"] table.list th:nth-child(2) {
	width: calc(100% - (10% * 5) - 14% - 4%);
}
form[action="filters.php"] table.list th:nth-child(3),
form[action="filters.php"] table.list th:nth-child(4),
form[action="filters.php"] table.list th:nth-child(5),
form[action="filters.php"] table.list th:nth-child(6),
form[action="filters.php"] table.list th:nth-child(7) {
	width: 10%;
}
form[action="filters.php"] table.list th:nth-child(8) {
	width: 14%;
}
form[action="filters.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
.filters-page .form_table input[name="name"] {
    width: 281px;
}
.filters-page .form_table .select2-container {
    width: 294px !important;
}
.filters-page #filter_actions .select2-container {
    width: 294px !important;
}
.filters-page button#new-action-btn {
    padding: 4px 16px;
}
.filters-page .select2.select2-container.select2-container--default ~ .select2.select2-container.select2-container--default {
    margin-top: 0;
}

/* ==========================================================================
 FORMS
========================================================================== */
form[action="forms.php"] table.list th:first-child {
    background-image: none;	
	width: 4%;
}
form[action="forms.php"] table.list th:nth-child(2),
form[action="forms.php"] table.list th:nth-child(3) {
	width: calc((100% - 4%) / 2);
}
form[action="forms.php"] table.list tbody td:nth-child(3) {
	padding: 0;
}

/* ==========================================================================
 HELP TOPICS
========================================================================== */
form[action="helptopics.php"] table.list td:not(:first-child) {
	padding-left: 0;
}
form[action="helptopics.php"] table.list th:first-child {
    width: 4% !important;
}
form[action="helptopics.php"] table.list th:nth-child(2) {
	width: calc(100% - (12% * 6) - 4%);
}
form[action="helptopics.php"] table.list th:nth-child(3),
form[action="helptopics.php"] table.list th:nth-child(4),
form[action="helptopics.php"] table.list th:nth-child(5),
form[action="helptopics.php"] table.list th:nth-child(6),
form[action="helptopics.php"] table.list th:nth-child(7),
form[action="helptopics.php"] table.list td:nth-child(8) {
	width: 12%;
}
form[action="helptopics.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
form[action="helptopics.php"] table.list td:nth-child(7),
form[action="helptopics.php"] table.list td:nth-child(8) {
	font-size: 11px;
}
form[action="helptopics.php"] table.list thead tr:first-child {
    display: none;
}

div[style="padding:8px 0;border-bottom: 2px dotted #ddd;"] {
    border: initial !important;
}
.language-commit {
    background: url(../../osta/img/priority-pattern-overlay.png) #e5bc61!important;
}
div.add-translation button {
    color: #25ad30;
}
table.list tbody tr.item-disabled td a {
    opacity: .6;
}
table.list tbody tr.item-disabled td {
    color: #777777a6;
}

/* ==========================================================================
 ADD A NEW HELP TOPIC
========================================================================== */
.helptopics #topic-forms td.handle {
    padding: 0 0 10px 0!important;
}
#topic-tabs_container .select2-selection {
    width: 300px;
}
#topic-tabs_container div#info input[type="text"] {
    width: 289px;
}

/* ==========================================================================
 USERS
========================================================================== */
form[action="users.php"] table.list, #ticketTable {
    margin: 2px 0 0 0;
}
form[action="users.php"] table.list th:first-child {
	width: 4%;
}
form[action="users.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="users.php"] table.list th:nth-child(3),
form[action="users.php"] table.list th:nth-child(4),
form[action="users.php"] table.list th:nth-child(5) {
	width: 15%;
}
form[action="users.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
#content.users form#users-list td i.icon-fixed-width.icon-file-text-alt {
    font-size: 17px;
    float: right;
    padding-right: 30px;
}

/* ==========================================================================
 ORGANIZATIONS
========================================================================== */
form[action="orgs.php"] table.list, #ticketTable {
    margin: 2px 0 0 0;
}
form[action="orgs.php"] table.list th:first-child {
	width: 4%;
}
form[action="orgs.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="orgs.php"] table.list th:nth-child(3),
form[action="orgs.php"] table.list th:nth-child(4),
form[action="orgs.php"] table.list th:nth-child(5) {
	width: 15%;
}
form[action="orgs.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
.users a[href="#users/112/edit"] {
    color: #128dbe;
    font-weight: 500;
    font-size: 15px;
    top: 2px !important;
}
div#orgprofile_container .hidden th {
    padding-top: 25px;
}
#orgprofile_container td {
    height: 42px !important;
}
.orgs-page table.list td:nth-child(2) {
    font-size: 14px;
    padding: 10px 0;
}
.orgs #tickets table.list th:first-child {
    background-image: none;
    width: 10% !important;
}
.orgs #tickets form[action="users.php"] table.list th:nth-child(2) {
    width: 18%;
}
.orgs #tickets form[action="users.php"] table.list th:nth-child(3) {
    width: 8%;
}
.orgs #tickets form[action="users.php"] table.list th:nth-child(4), 
.orgs #tickets form[action="users.php"] table.list th:nth-child(5) {
    width: 30%;
}
.orgs #tickets form[action="users.php"] table.list td:nth-child(3) {
	font-size: 14px;
	padding: 0;
}
.orgs-page td.user-count-hide {
    font-size: 0;
}
.orgs-page td.user-count-hide:after {
    background: initial !important;
}

/* ==========================================================================
 PAGES
========================================================================== */
form[action="pages.php"] table.list th:first-child {
	width: 4%;
}
form[action="pages.php"] table.list th:nth-child(2) {
    width: 40%;
}
form[action="pages.php"] table.list th:nth-child(3),
form[action="pages.php"] table.list th:nth-child(4),
form[action="pages.php"] table.list th:nth-child(5),
form[action="pages.php"] table.list th:nth-child(6) {
	width: 14%;
}
.pages form[action="pages.php"] table.list tbody tr td:nth-child(2) {
    padding-left: 10px !important;
    font-size: 0 !important;
}
form[action="pages.php"] table.list td:nth-child(6) {
	/* font-size: 12px; */
}
.pages .tab_content {
    margin-bottom: 10px;
}
.pages table.form_table.fixed input[type="text"] {
    width: 308px !important;
}
/* ==========================================================================
 PLUGINS
========================================================================== */
.plugins .centered {
    margin: 40px 0;
}
.plugins .button.action-button[type=submit]:hover {
    color: white;
    box-shadow: initial;
	border: .5px solid rgb(68, 162, 208) !important;
    background-color: rgb(68, 162, 208);
}
.plugins div.section-break {
    font-size: 100%;
}
.plugins tfoot tr {
    height: 43px;
}
.plugins-page table.list tbody td:first-child {
    padding: 0 30px;
    width: 82px;
}
.plugins-page table.list tbody td:nth-child(2) {
    padding: 0 10px;
}
.plugins-page button.button.action-button {
    background: #fff;
    font-size: 13px;
}
.plugins table.list tbody tr td:nth-child(2) {
    font-size: 14px !important;
    padding: 30px 34px 30px 0 !important;
}
.plugins table.list tbody tr td:nth-child(2) strong {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 12px;
    display: inline-block;
}
.plugins-page form[action="plugins.php"] table.list tbody td:nth-child(2) a {
    font-size: 15px;
    color: #227b9e;
}
.plugins-page form[action="plugins.php"] table.list tbody td:nth-child(2) {
	background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    padding-left: 41px !important;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='svg2' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23F9F9F9%3B%7D .st1%7Bfill:%23ECECEC%3B%7D .st2%7Bfill:%23CCCCCC%3B%7D .st3%7Bfill:none%3Bstroke:%234D4D4D%3B%7D %3C/style%3E %3Csodipodi:namedview bordercolor='%23666666' borderopacity='1.0' id='base' inkscape:current-layer='layer1' inkscape:cx='27.203376' inkscape:cy='26.578528' inkscape:document-units='px' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:window-height='968' inkscape:window-maximized='1' inkscape:window-width='1280' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:zoom='11.313708' pagecolor='%23ffffff' showgrid='true'%3E %3Cinkscape:grid empspacing='5' enabled='true' id='grid2985' snapvisiblegridlinesonly='true' type='xygrid' visible='true'%3E %3C/inkscape:grid%3E %3C/sodipodi:namedview%3E %3Cg id='layer1' transform='translate(0%2C-1004.3622)' inkscape:groupmode='layer' inkscape:label='Layer 1'%3E %3Cg id='g3000' transform='translate(-6%2C1003)'%3E %3Cpath id='path2987' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st0' d='M30%2C2.4l-20%2C10l20%2C10l20-10 L30%2C2.4z'/%3E %3Cpath id='path2989' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st1' d='M30%2C22.4v25l20-10v-25L30%2C22.4z' /%3E %3Cpath id='path2991' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st2' d='M30%2C22.4v25l-20-10v-25L30%2C22.4z '/%3E %3Cpath id='path2993' inkscape:connector-curvature='0' class='st3' d='M30%2C2.4l-20%2C10v25l20%2C10l20-10v-25L30%2C2.4z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
}
.plugins-page form[action="?"] table.list tbody td:nth-child(2) {
	padding-right: 152px !important;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 100px;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='svg2' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23F9F9F9%3B%7D .st1%7Bfill:%23ECECEC%3B%7D .st2%7Bfill:%23CCCCCC%3B%7D .st3%7Bfill:none%3Bstroke:%234D4D4D%3Bstroke-width:0.25%3B%7D %3C/style%3E %3Csodipodi:namedview bordercolor='%23666666' borderopacity='1.0' id='base' inkscape:current-layer='layer1' inkscape:cx='27.203376' inkscape:cy='26.578528' inkscape:document-units='px' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:window-height='968' inkscape:window-maximized='1' inkscape:window-width='1280' inkscape:window-x='-4' inkscape:window-y='-4' inkscape:zoom='11.313708' pagecolor='%23ffffff' showgrid='true'%3E %3Cinkscape:grid empspacing='5' enabled='true' id='grid2985' snapvisiblegridlinesonly='true' type='xygrid' visible='true'%3E %3C/inkscape:grid%3E %3C/sodipodi:namedview%3E %3Cg id='layer1' transform='translate(0%2C-1004.3622)' inkscape:groupmode='layer' inkscape:label='Layer 1'%3E %3Cg id='g3000' transform='translate(-6%2C1003)'%3E %3Cpath id='path2987' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st0' d='M30%2C2.4l-20%2C10l20%2C10l20-10 L30%2C2.4z'/%3E %3Cpath id='path2989' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st1' d='M30%2C22.4v25l20-10v-25L30%2C22.4z' /%3E %3Cpath id='path2991' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccc' class='st2' d='M30%2C22.4v25l-20-10v-25L30%2C22.4z '/%3E %3Cpath id='path2993' inkscape:connector-curvature='0' class='st3' d='M30%2C2.4l-20%2C10v25l20%2C10l20-10v-25L30%2C2.4z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
}
.plugins-page form[action="plugins.php"] table.list tbody tr.item-disabled td:nth-child(2) {
    opacity: .6;
}
.plugins-page form[action="plugins.php"] table.list tbody tr.item-disabled:hover td:nth-child(2),
.plugins-page form[action="plugins.php"] table.list tbody tr.item-disabled.highlight td:nth-child(2),
.plugins-page form[action="plugins.php"] table.list tbody tr.item-disabled:nth-child(2n+1):hover td:nth-child(2) {
    opacity: 1;
}

/* ==========================================================================
 ROLES
========================================================================== */
form[action="roles.php"] table.list, #ticketTable {
    margin: 8px 0 0 0;
}
form[action="roles.php"] table.list th:first-child {
	width: 4%;
}
form[action="roles.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 45%);
}
form[action="roles.php"] table.list th:nth-child(3),
form[action="roles.php"] table.list th:nth-child(4),
form[action="roles.php"] table.list th:nth-child(5) {
	width: 15%;
}
form[action="roles.php"] table.list tbody td {
	padding-left: 0;
}
form[action="roles.php"] table.list td:first-child {
	padding-left: 10px;	
}
form[action="roles.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
.roles-page a[href="#permissions"]:before {
	display: none;
}
/* ==========================================================================
 SERVICE LEVEL AGREEMENTS
========================================================================== */
form[action="slas.php"] table.list th:first-child {
	width: 4%;
}
form[action="slas.php"] table.list th:nth-child(2) {
	width: calc(100% - 4% - 60%);
}
form[action="slas.php"] table.list th:nth-child(3),
form[action="slas.php"] table.list th:nth-child(4),
form[action="slas.php"] table.list th:nth-child(5),
form[action="slas.php"] table.list th:nth-child(6) {
	width: 15%;
}
td[style="text-align:right;padding-right:35px;"] {
    padding-right: 0;
    text-align: initial !important;
}
.staff-side.slas-page table.form_table input[type="text"] {
    width: 294px;
}

/* ==========================================================================
 STAFF MEMBERS (AGENTS)
========================================================================== */
form[action="staff.php"] table.list, #ticketTable {
    margin: 6px 0 0 0;
}
form[action="staff.php"] table.list th:first-child {
    width: 40px !important;
}
form[action="staff.php"] table.list th:nth-child(2) {
	width: calc(100% - (14% * 5) - 40px);
}
form[action="staff.php"] table.list th:nth-child(3),
form[action="staff.php"] table.list th:nth-child(4),
form[action="staff.php"] table.list th:nth-child(5),
form[action="staff.php"] table.list th:nth-child(6),
form[action="staff.php"] table.list th:nth-child(7) {
	width: 14%;
}
.staff-page table.list tbody td:nth-child(3) {
    font-size: 14px !important;
}
.staff table.list + div {
    margin: 0 0 40px 0;
}
form[action="staff.php"] table.list td:nth-child(2) a {
	font-size: 14px;
}
.staff #basic_search {
    background: rgba(0, 0, 0, 0.10196078431372549);	
    margin: -10px 0 4px 0;
    display: inline-block;
    padding: 4px 4px 2px 8px;
    height: 42px;
    width: 99%;
}
.staff i.icon-search {
    background-position: 1px -3px;
}
.staff div[style="min-height:25px;"] {
    float: left;
}
.staff .pull-left {
    margin: 5px 0 0 0;
}
.staff-page .select2.select2-container.select2-container--default ~ .select2.select2-container.select2-container--default {
	margin-top: 0;
}

/* ==========================================================================
 SYSTEM LOGS
========================================================================== */
form[action="logs.php"] table.list th:first-child {
	width: 4% !important;
}
form[action="logs.php"] table.list th:nth-child(2) {
	width: 58%;
}

form[action="logs.php"] table.list th:nth-child(4) {
	width: 15%;
}
form[action="logs.php"] table.list th:nth-child(3),
form[action="logs.php"] table.list th:nth-child(5) {
	width: 12%;
}
form[action="logs.php"],
form[action="audits.php"],
form[action="banlist.php"] {
    display: inline-block;
    width: 100%;
}
.banlist .sticky.bar .content,
#system-logs .sticky.bar .content {
    margin: 18px 0 0 0;
    width: 100% !important;
}
form[action="logs.php"] select[name="type"] {
    width: 70px;
}
form[action="logs.php"] input[type="submit"],
form[action="audits.php"] input[type="submit"] {
    margin: 0 !important;
    padding: 4px 8px !important;
    min-width: initial;
    vertical-align: initial;
    position: relative;
    top: -1px;
}
form[action="logs.php"] div[style="margin-bottom:20px; padding-top:5px;"] {
    margin: 17px 0 0 0!important;
}
.logs #basic_search,
.audits #basic_search {
    background: rgba(0, 0, 0, 0.10196078431372549);	
    height: 35px;
}
form[action="logs.php"] .flush-left h2 {
    position: relative;
    top: -7px;
}
form[action="logs.php"] table.list tbody td,
form[action="audits.php"] table.list tbody td {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
form[action="logs.php"] table.list tbody td a {
    font-size: 14px;
}
.logs-page #actions {
    margin: 0 0 5px 0;
}
.logs-page .pull-left.flush-left {
    margin-top: 10px;
}

/* ==========================================================================
 AUDIT LOGS (PLUGIN)
========================================================================== */
.audits select[name="type"],
.audits select[name="state"] {
    min-width: 140px !important;
    width: 140px !important;
}
form[action="audits.php"] .content {
    margin-top: 10px !important;
}
form[action="audits.php"] .pull-right {
    margin-bottom: 15px;
}
table#dashboard-audit th:first-child {
    width: unset !important;
}
.audits-page #footer,
.audits-page #autocron {
    display: none;
}

/* ==========================================================================
 TASKS
========================================================================== */
form[action="tasks.php"] table.list th:first-child {
	width: 4% !important;
}
form[action="tasks.php"] table.list th:first-child {
    background-position: 20px;
}
form[action="tasks.php"] td:nth-child(2) {
    padding: 0 0 0 10px !important;
}
form[action="tasks.php"] td:nth-child(3) {
    text-align: left !important;
    padding: 0 0 0 10px !important;
}
form[action="tasks.php"] table.list tbody tr.highlight td { /* highlight row borders acting weird */
    border-top: unset !important;
    border-bottom: unset !important;
    background-color: #ddd;
}
.tasks-page #content .pull-right .action-button.muted {

}
#add-task-mobile {
    display: none;
}
#task_response_options {
    margin-top: 20px;
}
form[action="tasks.php"] table.list, #ticketTable {
    margin: 0 0 0 0;
}
form[action="tasks.php"] table.list th:first-child {
	width: 4%;
}
form[action="tasks.php"] table.list th:nth-child(2) {
	width: 8%;
}
form[action="tasks.php"] table.list th:nth-child(3) {
	width: 8%;
}
form[action="tasks.php"] table.list th:nth-child(4) {
	width: 14%;
}
form[action="tasks.php"] table.list th:nth-child(5) {
	width: 34%;
}
form[action="tasks.php"] table.list th:nth-child(6) {
	width: 14%;
}
form[action="tasks.php"] table.list th:nth-child(7) {
	width: 18%;
}
form[action="tasks.php"] table.list th:nth-child(2) a {
    font-weight: 600;
}
form[action="tasks.php"] table.list td:nth-child(2) a {
    font-weight: 600;
    margin: 10px 0 10px 10px;	
}
form[action="tasks.php"] table.list td:nth-child(4) {
    padding: 10px 0 10px 10px;
    text-align: left;	
}
form[action="tasks.php"] table.list td:nth-child(4) a {
    padding: 0 10px 0 0;		
    font-size: 14px !important;
}
form[action="tasks.php"] table.list td:nth-child(4) div.wrap {
    float: left;
    max-width: 79%;
}
form[action="tasks.php"] table.list td:nth-child(4) .tasks-icons {
    float: right;
    height: 18px;
}
form[action="tasks.php"] table.list td:nth-child(4) .tasks-icons small {
    font-size: 12px !important;
    margin-right: 3px;
}
form[action="tasks.php"] table.list td:nth-child(5) {
    font-size: 14px;
}
form[action="tasks.php"] table.list i.icon-fixed-width.icon-comments-alt {
    width: 15px;
}
form[action="tasks.php"] table.list .wrap {
    float: left;
}
form[action="tasks.php"] table.list .tasks-icons {
    float: right;
}
form[action="tasks.php"] table.list i.icon-comments-alt {
    top: 4px;
}
#task_content a.preview {
    float: none;
}
#task_content .pull-left.flush-left a.preview {
    float: none;
    border: 1px solid #128dbe;
    line-height: initial;
    top: -1px;
    font-size: 15px;
    padding: 2px 6px;
    position: relative;
    background: #00000003;
    border-radius: 2px;
    margin: 0 0 0 3px;
}
#task_content .sticky.bar.fixed .pull-left.flush-left a.preview {
    color: var(--header-title);
    border-color: var(--header-title);
}
#tasks table.list th:first-child {
    width: 4% !important;
}
#tasks_content table.list tbody td {
    padding-left: 0;
}
#tasks_content table.list tbody td:first-child {
    padding-left: 14px;
}
@media screen and (min-width: 761px) {
	.tasks-page #content div[style="margin-bottom:20px; padding-top:5px;"] {
		margin: -21px 0 0 0 !important;
	}

}

/* ==========================================================================
 TEAMS
========================================================================== */
form[action="teams.php"] table.list, #ticketTable {
    margin: 8px 0 0 0;
}
form[action="teams.php"] table.list th:first-child {
	width: 4%;
}
form[action="teams.php"] table.list th:nth-child(2) {
	width: calc(100% - (12% * 5) - 4%);
}
form[action="teams.php"] table.list th:nth-child(3),
form[action="teams.php"] table.list th:nth-child(4),
form[action="teams.php"] table.list th:nth-child(5),
form[action="teams.php"] table.list th:nth-child(6),
form[action="teams.php"] table.list th:nth-child(7) {
	width: 12%;
}
form[action="teams.php"] table.list td:nth-child(2) {
	font-size: 14px;
}
.teams-page #team input[type="text"] {
    width: 292px;
}
.teams-page #add_member .select2-container {
    width: 300px !important;
}
.teams-page #add_member button.action-button {
    padding: 4px 16px;
}
.teams-page i.icon-trash {
    top: -3px;
}

/* ==========================================================================
 TEMPLATES
========================================================================== */
form[action="templates.php"] table.list, #ticketTable {
    margin: 8px 0 0 0;
}
form[action="templates.php"] table.list th:first-child {
	width: 4%;
}
form[action="templates.php"] table.list th:nth-child(2) {
	width: calc(100% - 60% - 4%);
}
form[action="templates.php"] table.list th:nth-child(3),
form[action="templates.php"] table.list th:nth-child(4),
form[action="templates.php"] table.list th:nth-child(5),
form[action="templates.php"] table.list th:nth-child(6) {
	width: 15%;
}
form[action="templates.php"] table.list td:nth-child(2) {
	font-size: 14px;
}
.templates i.icon-tags {
    position: relative;
    top: -2px;
}

/* ==========================================================================
 FLAGS
========================================================================== */
.rtl #languages {
    float: left;
}
#languages svg { /* remove */
	width: 24px;
    height: 24px;
	display: none;	
}
#languages:hover {
    cursor: pointer;
}
.pages-page ul#translations .flag, 
.forms-page ul#translations .flag { /* Manage > Forms */
    margin: 0px auto;
    position: relative;
    top: 6px;
}
.pages-page ul#translations li,
.forms-page ul#translations li { /* Manage > Forms */
    border: 1px solid #00000038 !important;
    border-radius: 2px;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    text-align: center;
    position: initial !important;
    margin: 0 0 4px 0 !important;
	background: #00000012;	
}
.pages-page ul#translations li.active,
.forms-page ul#translations li.active {
    background: #b6c5ce;
    border: 1px solid #747476 !important;
}
.pages-page ul#translations li.empty,
.forms-page ul#translations li.empty { /* Manage > Forms */
    position: initial !important;
    margin: 0 !important;
}
.forms-page input.translatable + .flag {
    margin: 0 0 -3px 0;
}
.forms-page li[style="display: list-item;"] .flag {
    margin: 0 0 -4px 0;
}
.forms-page .translations .close {
    right: 11px;
    top: 0;
}

.system .arab,
.flag.flag-arab,
html[lang="ar"] #languages {
    background: url(../../osta/svg/flags/palestine.svg) no-repeat;
}
.system .ar,
.flag.flag-ar {
    background: url(../../osta/svg/flags/argentina.svg) no-repeat;
}
.system .az,
.flag.flag-az,
html[lang="az"] #languages {
    background: url(../../osta/svg/flags/azerbaijan.svg) no-repeat;
}
.system .bg,
.flag.flag-bg,
html[lang="bg"] #languages {
    background: url(../../osta/svg/flags/bulgaria.svg) no-repeat;
}
.system .bn,
.flag.flag-bn,
html[lang="bn"] #languages {
    background: url(../../osta/svg/flags/bangladesh.svg) no-repeat;
}
.system .bs,
.flag.flag-bs,
html[lang="bs"] #languages {
    background: url(../../osta/svg/flags/bosnia.svg) no-repeat;
}
.system .ca,
.flag.flag-catalonia,
html[lang="ca"] #languages {
    background: url(../../osta/svg/flags/catalan.svg) no-repeat;
}
.system .cs,
.flag.flag-cz,
html[lang="cs"] #languages {
    background: url(../../osta/svg/flags/czech-republic.svg) no-repeat;
}
.system .da,
.flag.flag-dk,
html[lang="da"] #languages {
    background: url(../../osta/svg/flags/denmark.svg) no-repeat;
}
.system .de,
.flag.flag-de,
html[lang="de"] #languages {
    background: url(../../osta/svg/flags/germany.svg) no-repeat;
}
.system .el,
.flag.flag-gr,
html[lang="el"] #languages {
    background: url(../../osta/svg/flags/greece.svg) no-repeat;
}
.system .en_CAD,
.flag.flag-cad,
html[lang="en_CAD"] #languages {
    background: url(../../osta/svg/flags/canada.svg) no-repeat;
}
.system .en_GB,
.flag.flag-gb,
html[lang="en_GB"] #languages {
    background: url(../../osta/svg/flags/united-kingdom.svg) no-repeat;
}
.system .en_US,
.flag.flag-us,
html[lang="en_US"] #languages {
    background: url(../../osta/svg/flags/united-states.svg) no-repeat;
}
.system .es_AR,
.flag.flag-ar,
.flag.flag-arg, /*hmmm*/
html[lang="es_AR"] #languages {
    background: url(../../osta/svg/flags/argentina.svg) no-repeat;
}
.system .es_ES,
.flag.flag-es,
html[lang="es_ES"] #languages {
    background: url(../../osta/svg/flags/spain.svg) no-repeat;
}
.system .es_MX,
.flag.flag-mx,
html[lang="mx"] #languages {
    background: url(../../osta/svg/flags/mexico.svg) no-repeat;
}
.system .et,
.flag.flag-et,
html[lang="et"] #languages {
    background: url(../../osta/svg/flags/estonia.svg) no-repeat;
}
.system .eu,
.flag.flag-eu,
html[lang="eu"] #languages {
    background: url(../../osta/svg/flags/basque.svg) no-repeat;
}
.system .fa,
.flag.flag-ir,
html[lang="fa_IR"] #languages {
    background: url(../../osta/svg/flags/iran.svg) no-repeat;
}
.system .fi,
.flag.flag-fi,
html[lang="fi"] #languages {
    background: url(../../osta/svg/flags/finland.svg) no-repeat;
}
.system .fr,
.flag.flag-fr,
html[lang="fr"] #languages {
    background: url(../../osta/svg/flags/france.svg) no-repeat;
}
.system .gl,
.flag.flag-gl,
html[lang="gl"] #languages {
    background: url(../../osta/svg/flags/galician.svg) no-repeat;
}
.system .he,
.flag.flag-il,
html[lang="he"] #languages {
    background: url(../../osta/svg/flags/israel.svg) no-repeat;
}
.system .hi,
.flag.flag-hi,
html[lang="hi"] #languages {
    background: url(../../osta/svg/flags/india.svg) no-repeat;
}
.system .hr,
.flag.flag-hr,
html[lang="hr"] #languages {
    background: url(../../osta/svg/flags/croatia.svg) no-repeat;
}
.system .hu,
.flag.flag-hu,
html[lang="hu"] #languages {
    background: url(../../osta/svg/flags/hungary.svg) no-repeat;
}
.system .id,
.flag.flag-id,
html[lang="id"] #languages {
    background: url(../../osta/svg/flags/indonesia.svg) no-repeat;
}
.system .is,
.flag.flag-is,
html[lang="is"] #languages {
    background: url(../../osta/svg/flags/iceland.svg) no-repeat;
}
.system .it,
.flag.flag-it,
html[lang="it"] #languages {
    background: url(../../osta/svg/flags/italy.svg) no-repeat;
}
.system .ja,
.flag.flag-jp,
html[lang="ja"] #languages {
    background: url(../../osta/svg/flags/japan.svg) no-repeat;
}
.system .ka,
.flag.flag-ge,
html[lang="ka"] #languages {
    background: url(../../osta/svg/flags/georgia.svg) no-repeat;
}
.system .ke,
.flag.flag-ke,
html[lang="ke"] #languages {
    background: url(../../osta/svg/flags/kenya.svg) no-repeat;
}
.system .km,
.flag.flag-km,
html[lang="km"] #languages {
    background: url(../../osta/svg/flags/cambodia.svg) no-repeat;
}
.system .ko,
.flag.flag-ko,
html[lang="ko"] #languages {
    background: url(../../osta/svg/flags/south-korea.svg) no-repeat;
}
.system .lt,
.flag.flag-lt,
html[lang="lt"] #languages {
    background: url(../../osta/svg/flags/lithuania.svg) no-repeat;
}
.system .lv,
.flag.flag-lv,
html[lang="lv"] #languages {
    background: url(../../osta/svg/flags/latvia.svg) no-repeat;
}
.system .mk,
.flag.flag-mk,
html[lang="mk"] #languages {
    background: url(../../osta/svg/flags/macedonia.svg) no-repeat;
}
.system .mn,
.flag.flag-mn,
html[lang="mn"] #languages {
    background: url(../../osta/svg/flags/mongolia.svg) no-repeat;
}
.system .ms,
.flag.flag-ms,
html[lang="ms"] #languages {
    background: url(../../osta/svg/flags/malasya.svg) no-repeat;
}
.system .nl,
.flag.flag-nl,
html[lang="nl"] #languages {
    background: url(../../osta/svg/flags/netherlands.svg) no-repeat;
}
.system .no,
.flag.flag-no,
html[lang="no"] #languages {
    background: url(../../osta/svg/flags/norway.svg) no-repeat;
}
.system .pl,
.flag.flag-pl,
html[lang="pl"] #languages {
    background: url(../../osta/svg/flags/poland.svg) no-repeat;
}
.system .pt_BR,
.flag.flag-br,
html[lang="pt_BR"] #languages {
    background: url(../../osta/svg/flags/brazil.svg) no-repeat;
}
.system .pt_PT,
.flag.flag-pt,
html[lang="pt_PT"] #languages {
    background: url(../../osta/svg/flags/portugal.svg) no-repeat;
}
.system .ro,
.flag.flag-ro,
html[lang="ro"] #languages {
    background: url(../../osta/svg/flags/romania.svg) no-repeat;
}
.system .ru,
.flag.flag-ru,
html[lang="ru"] #languages {
    background: url(../../osta/svg/flags/russia.svg) no-repeat;
}
.system .sk,
.flag.flag-sk,
html[lang="sk"] #languages {
    background: url(../../osta/svg/flags/slovakia.svg) no-repeat;
}
.system .sl,
.flag.flag-si,
html[lang="sl"] #languages {
    background: url(../../osta/svg/flags/slovenia.svg) no-repeat;
}
.system .sq,
.flag.flag-sq,
html[lang="sq"] #languages {
    background: url(../../osta/svg/flags/albania.svg) no-repeat;
}
/* Serbian (Cyrillic) */
.system .sr,
.flag.flag-rs,
html[lang="sr"] #languages {
    background: url(../../osta/svg/flags/serbia.svg) no-repeat;
}
/* Serbian (Српски (Србија)) */
.system .sr_CS,
.flag.flag-rs,
.flag.flag-cs,
html[lang="sr-CS"] #languages {
    background: url(../../osta/svg/flags/serbia.svg) no-repeat;
}
.system .sv_SE,
.flag.flag-se,
html[lang="sv_SE"] #languages {
    background: url(../../osta/svg/flags/sweden.svg) no-repeat;
}
.system .sw,
.flag.flag-sw,
html[lang="sw"] #languages {
    background: url(../../osta/svg/flags/kenya.svg) no-repeat;
}
.system .th,
.flag.flag-th,
html[lang="th"] #languages {
    background: url(../../osta/svg/flags/thailand.svg) no-repeat;
}
.system .tr,
.flag.flag-tr,
html[lang="tr"] #languages {
    background: url(../../osta/svg/flags/turkey.svg) no-repeat;
}
.system .uk,
.flag.flag-ua,
html[lang="uk"] #languages {
    background: url(../../osta/svg/flags/ukraine.svg) no-repeat;
}
.system .ur_IN,
.flag.flag-in,
html[lang="ur_IN"] #languages {
    background: url(../../osta/svg/flags/india.svg) no-repeat;
}
.system .ur_PK,
.flag.flag-pk,
html[lang="ur_PK"] #languages {
    background: url(../../osta/svg/flags/pakistan.svg) no-repeat;
}
.system .vi,
.flag.flag-vi,
html[lang="vi"] #languages {
    background: url(../../osta/svg/flags/vietnam.svg) no-repeat;
}
.system .zh_CN,
.flag.flag-cn,
html[lang="zh_CN"] #languages {
    background: url(../../osta/svg/flags/china.svg) no-repeat;
}
.system .zh_TW,
.flag.flag-tw,
html[lang="zh_TW"] #languages {
    background: url(../../osta/svg/flags/taiwan.svg) no-repeat;
}
.system .ps,
.flag.flag-ps,
html[lang="ps"] #languages  {
    background: url(../../osta/svg/flags/afghanistan.svg) no-repeat;
}

@media screen and (min-width: 600px) and (max-width: 622px) {
	.flag.flag-mn { /* Oops ran out of room sorry Mongolia you have to go */
		display: none;
	}
}
#trans .flag,
#translations .flag {
    background-size: 20px;
    width: 22px;
    height: 16px;
    background-position: center -2px;
    background-color: #b0b0b0;
    border-radius: 3px;
}
#translations i.icon-globe {
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    top: 1px !important;
}
#translations li:not(.active) {
    border-bottom: 7px solid #fff;
}
#translations .icon-globe:before {
    content: "\f0ac";
    font-size: 22px;
}
.pages-page ul#translations li.empty i.icon-globe:before,
.forms-page ul#translations li.empty i.icon-globe:before {
    font-size: 19px !important;
}
ul.tabs.alt li:hover {
    border-bottom: 2px solid var(--nav-bar-bg);
}
.accordion-hide{display:none!important}.accordion-show-block,.accordion-show{display:block!important}.accordion-show-inline-block{display:inline-block!important}
button.accord {
    margin: 0 0 0 6px;	
    padding: initial;
    background: initial;
    border: initial;	
}
button.accord .icon-question-sign:before {
    width: 25px;
    top: 7px;
}
button.accord:hover > .icon-question-sign:before {
    width: 25px;
    top: 7px;
}
div#lang-choices {
	background: #0000000d;
    margin: 0 0 20px 0;
    padding: 20px;
    width: fit-content;
}
div#header-constrain {
    max-width: 1264px;
    margin: 0 auto;
}
div#sub_nav-wrap {
    background: var(--nav-bar-bg);
    border: 0;
    margin: 60px 0 0 0;
    padding: 0;
    height: 24px;
    line-height: 23px;
}
/* .tickets-page #sub_nav {
    margin: 0 auto;
} */
.jb-overflowmenu {
    position: initial;
	width: initial; /*reset*/
    max-width: 960px;
}
.jb-overflowmenu .jb-overflowmenu-menu-primary {
    padding: 0;
    margin: 2px 0 0 0;
    height: 27px !important;
}
.jb-overflowmenu-menu-primary div.customQ-dropdown {
	top: 28px;
}
.jb-overflowmenu-menu-primary div.customQ-dropdown {
    border: solid .5px rgba(0, 0, 0, 0.2);
    border-top: initial;
    background: var(--nav-bar-bg);
    left: -11px;
    top: 26px; 
}
ul.subMenuQ {
    background: var(--nav-bar-bg) !important;
}
#customQ_nav .jb-overflowmenu-menu-primary li.item a > i {
    margin-top: 1px;
}
#customQ_nav .jb-overflowmenu-menu-primary li.item {
    padding: 0;
    margin: 0;
}
#customQ_nav .jb-overflowmenu-menu-primary li.item:hover {
    padding: 0;
    background-color: inherit;
    border-left: initial;
    border-top: initial;
    border-right: initial;
}
ul#sub_nav .icon-sort-down:before {
    color: var(--nav-bar-link);
    font-size: 12px;
}
#sub_nav > li > a, 
#sub_nav > li + li > a,
#customQ_nav .jb-overflowmenu-menu-primary li.item > a {
    color: var(--nav-bar-link) !important;
}
#sub_nav > li > a:hover, 
#sub_nav > li + li > a:hover,
#customQ_nav .jb-overflowmenu-menu-primary li.item:hover > a,
#customQ_nav .jb-overflowmenu-menu-primary li.item > a:hover {
    color: var(--nav-bar-link-hover) !important;
}
.customQ-dropdown ul li > span.newItemQ {
    padding: 0;
    margin: 0 8px 0 0;
}
.customQ-dropdown li.personalQ {
    border-bottom: 1px dashed var(--header-title);
    background-color: initial;
    margin: 4px 0;
}
.customQ-dropdown li:not(.personalQ) > span {
    color: var(--header-title);
    font-weight: initial;
}
.customQ-dropdown ul li:not(.personalQ):hover {
    color: var(--header-title);
    background-color: var(--header-bg);
}
.customQ-dropdown ul li:not(.personalQ):hover > a.truncate {
    color: var(--header-title) !important;
}
.customQ-dropdown ul.scroll-height {
    border-bottom: solid .5px rgba(0, 0, 0, 0.2);
}
.customQ-dropdown .add-queue a span {
    color: var(--nav-bar-link);
	opacity: .8;
}
.customQ-dropdown .add-queue a:hover span {
    color: var(--header-title) !important;
	opacity: 1;
}
.customQ-dropdown .add-queue a:hover {
    background-color: var(--header-bg);
}
.customQ-dropdown li h4, .customQ-dropdown li.top-level {
    margin: 8px 0 0 3px;
    background-color: initial;
    color: var(--nav-bar-link);
    text-align: left;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
#nav.pull-right svg {
    content: "";
    position: relative;
    top: 4px;
	width: 18px !important;
    height: 18px !important;
    fill: var(--header-title);
    display: inline-block;
}	
a#dark-mode-link svg {
	fill: #ffdf5d !important;
    top: 6px !important;	
}
a#dark-mode-link:hover svg {
    color: #6C7B85 !important;
    fill: #6C7B85 !important;
}
a#profile-link {
    margin-left: 4px !important;
}

/* Dark Mode switch nav icon between day and night? */
svg#night-mode-svg {
	display: none !important;
}
svg#day-mode-svg {
    display: inline-block !important;
}
.dark-mode svg#day-mode-svg {
    display: none !important;
}
.dark-mode svg#night-mode-svg {
    display: inline-block !important;
}
.dark-mode svg#night-mode-svg {
    width: 17px !important;
    height: 17px !important;
    top: 2px;
}

@media screen and (max-width: 900px) {
	#header #nav a[href*="/profile.php"] {
		font-size: 0;
		/* background-color: #000; */
		width: 14px;
		display: inline-block;
	}
	#header #nav a[href*="/profile.php"] svg {
		display: inline-block;	
		fill: var(--header-title);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	#header a {
		font-size: 12px;
	}
}
@media screen and (max-width: 1100px) {
	html[lang="el"] #header a {
		font-size: 12px;
	}
}
li.annotations {
    display: none !important;
}
.subject-bold {
    display: inline-block;
    margin: 0 0 0 -8px;
    padding-right: 4px;
    font-size: 14px;
    color: #848484;
}
.osta_subject .pull-left {
    width: 0;
}
.osta.show.overdueTicket-container {
    margin: 0 0 0 -25px;
}
.rtl .osta.show.overdueTicket-container {
    margin: 0 -25px 0 0;
}
.osta_subject small.faded-more {
    font-size: 12px;
    color: #8a8a8a;
    position: relative;
    top: 1px;
}
.faded-more i.icon-comments-alt {
    float: right;
    right: 0;
    margin: 0 0 0 3px;
}
.subject-bold {
    display: inline-block;
    margin: 0 0 0 -8px;
    padding-right: 4px;
    font-size: 14px;
    color: #8e8e8e;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: "Lato", "Helvetica Neue", arial, helvetica, sans-serif;
}
.list .paperclip {
    float: right;
}
i.small.icon-paperclip.icon-flip-horizontal {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    top: 0;
    float: right;
    margin: 0 8px 0 0;
}
.selected-signature .inner {
    opacity: 1 !important;
}
/* */
/* add to Theme Options */
/* */
/* ON/OFF Switch */
input.switch:empty {
    visibility: hidden;
}
input.switch:empty ~ label {
	position: relative;
	float: left;
    line-height: 3em;
	text-indent: 4em;
	margin: 0.2em 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 2em;
}
input.switch:empty ~ label:before,
input.switch:empty ~ label:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '\2718';
    text-indent: 2.4em;
    color: #aaa;
    background-color: #aaa;
    width: 4em;
    height: 2em;
    border-radius: 4em;
}
input.switch:empty ~ label:before {
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2), inset -1px 1px 5px rgba(0, 0, 0, 0.2);
}
input.switch:empty ~ label:after {
    content: ' ';
    background: #f2f2f2;
    width: 1.8em;
    height: 1.8em;
    border-radius: 1.8em;
    top: 0.1em;
    left: 0.2em;
	box-shadow: inset 0 -0.1em 0 rgba(0,0,0,0.1);
	-webkit-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
/* toggle on */
input.switch:checked ~ label:before {
	content: '';
	background-color: #69bd48;
}
input.switch:checked ~ label:after {
    margin-left: 1.91em;
}
/* focus styles */
input.switch:focus ~ label {
	color: #000;
}
input.switch:focus ~ label:before {
	box-shadow: 0 0 0 1px #999;
}
.disabled {
    opacity: .5;
}
.form_table.settings_table {
    display: inline;
}
.settings-page .form_table.settings_table {
    display: block;
}
.form_table.settings_table td[colspan="2"] {
    padding: 0;
}
select[name="acl_backend"] {
    min-width: 140px !important;
}
input[name="autolock_minutes"] {
    min-width: 44px !important;
}
.settings-page .form_table.settings_table .action-button.pull-right {
    padding: 4px 10px !important;
}

/*

BACKDROPS

*/
#system-backdrops-options {
    width: calc(100% - 40px) !important;
    margin: 0 auto;
}
#system-backdrops-options td.toggles {
    width: 60px;
    padding-right: 18px !important;
}
td#spacer {
    width: auto;
}
td.options-backdrop, td.option-solid {
    font-size: 18px;
    height: 52px;
    width: 296px !important;	
}
#system-backdrops {
	width: calc(100% - 34px) !important;
    margin: 16px auto;
}
td.backdrop {
    padding: 0 !important;
}
.backdrop .outer {
    display: inline-block;
    position: relative;
    background: #eee;
    border: .5px solid #ddd;
	margin: 0 18px 22px 0;
}
@media screen and (min-width: 1220px) {
	#system-backdrops label:nth-child(3n+3) > div,
	#custom-backdrops .backdrop-delete-icon-container:nth-child(3n+3) {
		margin-right: 0;
	}
}
.backdrop .select {
  padding-left: 20px;
}
.backdrop .inner {
    display: inline-block;
    position: relative;
    width: 337px;
    height: 190px;
    margin: 10px;
    background-size: contain !important;	
}
#one .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/01.png);
}
#two .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/02.png);
}
#three .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/03.png);
}
#four .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/04.png);
}
#five .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/05.jpg);
}
#six .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/06.jpg);
}
#seven .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/07.jpg);
}
#eight .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/08.jpg);
}
#nine .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/09.jpg);
}
#ten .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/10.jpg);
}
#eleven .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/11.jpg);
}
#twelve .inner {
	background-color: var(--header-bg);
    background-image: url(../../osta/img/backdrops/12.jpg);
}
#custom-backdrops td {
    padding: 0;
}
.backdrop .top {
    width: 80px;
    height: 77px;
    background-color: var(--nav-bar-bg);
    background-image: url(../../osta/img/backdrops/login-box.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80px 77px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);  
}
.backdrop [type=radio] { 
	position: absolute;
	visibility: hidden;
}
.backdrop [type=radio] + div {
	cursor: pointer;
}
.backdrop [type=radio]:checked + div {
    outline: 1px solid #5a5a5a;
}
.checkbox-container {
    background: #000;
    z-index: 99;
    width: 50px;
}
.custom-backdrop-outer {
    display: inline-block;
    position: relative;
    background: #eee;
    border: .5px solid #ddd;
}
.custom-backdrop-inner {
    display: inline-block;
    position: relative;
    width: 337px;
    height: 190px;
    margin: 10px;
    background-size: cover;
}
.custom-backdrop-inner .top {
    width: 80px;
    height: 77px;
    background: url(../../osta/img/backdrops/login-box.png) no-repeat center center, var(--nav-bar-bg);
    background-size: 80px 77px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#custom-backdrops [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
#custom-backdrops [type=radio] + div {
	cursor: pointer;
}
#custom-backdrops input[type="radio"]:checked + div {
    outline: 1px solid #5a5a5a;
}
#custom-backdrops .checkbox-container {
    width: 36px;
    background: initial;
    position: relative;
    top: -67px;
    left: 310px;
    height: 49px;
}
#custom-backdrops .checkbox-container input[type="checkbox"] { 
	position: absolute;
	visibility: hidden;
}
.backdrop-delete-icon-container {
    width: 358px;
    height: 215px;
    display: inline-block;
    margin: 0 23px 20px 0;
    float: left;
}
#custom-backdrops th,
#custom-backdrop-upload {
    text-align: left;
}
#custom-backdrop-container,
#upload-backdrop-container {
    padding: 20px 19px !important;
}
.custom-logo-group i.icon-trash, 
#custom-backdrops i.icon-trash {
    font-size: 42px;
    width: 0;
    height: 0;
}
.custom-logo-group i.icon-trash {
    font-size: 25px;
}
.custom-logo-group i.icon-trash:before,
#custom-backdrops i.icon-trash:before {
    fill: #fff !important;
    color: #fff !important;
	width: 35px;
    height: 40px;	
}
.custom-logo-group i.icon-trash:hover::before,
#custom-backdrops i.icon-trash:hover::before {
    fill: red !important;
    color: red !important;
    text-shadow: initial;	
}
.custom-logo-group i.icon-trash:hover::before, #custom-backdrops i.icon-trash:hover::before {

}
.custom-logo-group input[type="checkbox"]:checked + i.icon-trash:before,
#custom-backdrops input[type="checkbox"]:checked + i.icon-trash:before {
    fill: red !important;
    color: red !important;
}
table[style="display: none;"] {
    display: initial !important;
    opacity: .5 !important;
    pointer-events: none;
}
table[style="display: table;"] {
	opacity: 1 !important;
}
.print-logo-upload .error {
    background: #000 !important;
}
/* Custom Text */
.indent {
    padding-left: 20px !important;
}
#row-one,
#row-two {
    width: 100%;
    overflow: hidden;
}
#row-two {
    margin: 0 0 20px 0;
}
.custom-text-container {
    float: left;
    margin: 0 80px 0 0;
}
.custom-text-input input {
    width: 210px !important;
}
.custom-color-container {
    overflow: hidden;
    width: 291px;
    float: left;
    margin: 0;
}
.custom-color-container:first-of-type {
    /* padding-left: 20px !important; */
}
.custom-color-container:last-of-type {
    padding-right: 0 !important;
	width: 240px;
}
#choose-theme-options,
#custom-theme-options {
  float: right;
}
#choose-theme-options {
    margin-top: -18px;
}
#custom {
    margin-top: 10px;
}
#custom-theme-options {
    width: calc(100% - 17px) !important;
    margin: -18px auto 0 auto;
    overflow: hidden;
}
.disabled {
    opacity: .5;
    pointer-events: none;
}
#list-tabs_container .disabled {
    pointer-events: initial;
}
#osta-settings-title {
    float: left;
}
#osta-toggle {
    float: right;
}
#choose-theme-options,
#custom-theme-options {
    width: 100%;
    display: block;
}
.theme .tab_content,
.theme2 .tab_content {
    overflow: hidden;
    padding: 16px;
}
#thank-you {
	font-size: 20px;
    margin: 30px 0 4px 0;
}
.custom-text-and-links-col1 {
    vertical-align: top;
}
.custom-text-and-links-col2 {
    vertical-align: top;
    padding-top: 34px;	
}
#ie,
#scroll,
#consent {
    float: right;
    position: relative;
    top: 4px;
}
#scroll-icon {
    width: 28px;
    height: 28px;
    float: left;
    margin: 0 9px 0 1px;
    opacity: .9;
    border-radius: 14%;
}
#scroll-top-img {
    margin-top: 10px;
}
.option-ie-redirect-url input[type="text"] {
    width: 245px;
}
div[rel="radio89"] {
    margin-top: 13px;
}
img#ie-icon {
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 7px 0 0;
}
img#cookies {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 7px 0 0;
    opacity: .9;
}
.scroll-img {
    padding: 0 0 18px 0;
}
.scroll-title,
.custom-text-title,
.ie-redirect-title,
.consent-message-title {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 6px 0;
}
label[for="radio89"],
label[for="radio77"] {
    position: relative;
    top: -3px;
}

.ie-redirect-table,
.consent-message-table {
    margin: 20px 0 50px 0;
}
.scroll-table {
    margin-top: 20px;
	margin-bottom: 50px;
}
.option-desktop-scroll,
.option-mobile-scroll {
    font-size: 18px;
}
#scroll-img-background {
    max-width: 400px !important;
    background-image: url(../img/custom-text/scroll-to-top.png) !important;
    height: 185px;
    background-repeat: no-repeat !important;
    background-position-y: 20px !important;
}
#scroll-spacer {
    height: 4px !important;
    font-size: 1px;
}
.option-desktop-scroll, 
.option-mobile-scroll {
    font-size: 15px;
}
label[for="radio98"],
label[for="radio99"] {
    transform: scale(.7);
}
.option-ie-redirect-url input[type="text"] {
    width: 97% !important;
    padding: 0 0 0 8px !important;
	border: .5px solid #bfbfbf;
}
#consent-message-label-container,
#consent-message-text-container {
    margin-top: 10px;
}
textarea[name="consent-message"] {
    width: 97%;
    height: 47px;
    border: .5px solid #bfbfbf;
}
.consent-message-button-text-input input {
	width: 33%;
    border: .5px solid #bfbfbf;	
}
#custom-text-and-links input {
    margin: 10px 0 10px 0 !important;
}
#copy-clipboard {
    padding: 10px;
    background: #f3f3f5;
    border: .5px solid #ddd;
    width: fit-content;
}
#copy-clipboard .code-green {
    color: #828282;
}
#get-support-container {
    padding-top: 14px;
}
#copy-clipboard-btn, 
a#osta-settings-support {
    margin: 10px 0;
    box-shadow: none;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #6d7989;
    border: initial !important;
    background: #dcdfe2;
    letter-spacing: 1.6px;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
    text-align: center;
    border-radius: 3px;
}
#copy-clipboard-btn:hover,
a#osta-settings-support:hover {
    background: #c9cdd0;
    color: #343a42;
}
.form_table.settings_table img {
    box-shadow: initial !important;
    border: .5px solid #ddd;
}
#theme-header-options .container,
#logo-options .container {
    float: left;
    margin: 10px 10px 16px 0;
    padding: 10px;
    border: 1px solid #ddd;
    width: 372px;
}
#theme-header-options .container {
    margin: 10px 10px 10px 0;
}
#theme-header-options .container {
    margin-right: 31px;
}
#theme-header-options .left,
#logo-options .left {
    width: 290px;
}
#theme-header-options .right,
#logo-options .right {
    width: 68px;
    vertical-align: middle;  
}
#theme-header-options .title,
#logo-options .title {
    font-size: 18px;
    margin: -2px -2px 5px 2px;
    width: 278px;
}
#logo-options .title {
    margin: -3px -2px 7px 2px;
}
#theme-header-options .image img,
#logo-options .image img {
    max-width: 300px;
    height: 34px;
    margin: 12px 11px;
}
#choose-theme-options,
#custom-theme {
    opacity: .5;
    pointer-events: none;
}
#choose-theme-options {
    margin: 2px 0 10px;
}
#custom-theme {
    margin: 50px 0 24px;
}

#theme-header-options .image,
#theme-header-options .image,
#logo-options .image {
    background: var(--header-bg);
    border: .5px solid #ddd;
    width: 280px;
    height: 60px;
	opacity: .5;	
}
#print-logo .print-logo {
	opacity: .5;	
}
.highlight #choose-theme-options,
.highlight #custom-theme,
.highlight #logo-options,
#print-logo.highlight .print-logo  {
    opacity: 1;
    pointer-events: auto;	
}
.print-logo-upload input[type="file"] {
    margin-top: 10px;
    width: 273px !important;
}
#show-image #logo-upload .title {
    margin-top: 0;
}
.print-logo {
    max-width: 279px;
    height: 368px;
    background-image: url(../../osta/img/custom-text/print-logo-preview.png);
    background-repeat: no-repeat;
	border: .5px solid #e2e2e2 !important
}
.print-logo img {
	height: 18px !important;
    width: auto !important;
    margin: 10px 0 0 10px;
}
.print-logo {
    margin: 0 0 6px 0;
}
#print-logo-placeholder #print-logo {
    margin-top: 50px;
}
.print-logo-upload {
    display: none;
	padding: 0 !important;	
}
.highlight .print-logo-upload {
    display: inline-block;
}
#background-solid-image.highlight,
#background-solid-color.highlight,
#default-logo.highlight,
#custom-text.highlight,
#custom-logo.highlight {
    border: 1px solid #aaa !important;
}
#background-solid-image.highlight .image,
#background-solid-color.highlight.highlight .image,
#default-logo.highlight .image,
#custom-text.highlight .image,
#custom-logo.highlight .image,
#logo-options.highlight .print-logo img {
  opacity: 1 !important;
}
#background-solid-image .image {
    background-size: 569%;
    background-position: -182px 0;
}
input.switch:empty {
    opacity: 0;
    position: absolute;
    top: 22px;
}
input.switch:empty ~ label {
    position: relative;
    float: left;
    line-height: 3em;
    text-indent: 4em;
    margin: 0;
    cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input.switch:empty ~ label:before,
input.switch:empty ~ label:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '\2718';
    text-indent: 2.4em;
    color: #aaa;
    background-color: #aaa;
    width: 4em;
    height: 2em;
    border-radius: 4em;
}
input.switch:empty ~ label:before {
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.2), inset -1px 1px 5px rgba(0, 0, 0, 0.2);
}
input.switch:empty ~ label:after {
    content: '';
    background: #f2f2f2;
    width: 1.8em;
    height: 1.8em;
    border-radius: 1.8em;
    top: 0.1em;
    left: 0.2em;
	box-shadow: inset 0 -0.1em 0 rgba(0,0,0,0.1);
	-webkit-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
/* toggle on */
input.switch:checked ~ label:before {
	content: '';
    text-indent: 0.5em;
    color: #7cbd7e;
    background-color: #7cbd7e;
}
input.switch:checked ~ label:after {
    margin-left: 1.91em;
}
/* focus styles */
input.switch:focus ~ label {
	color: #000;
}
input.switch:focus ~ label:before {
	box-shadow: 0 0 0 1px #999;
}
#theme-header-options .image svg,
#default-logo .image svg {
	height: 34px;
    fill: var(--header-title);
    padding: 13px;
}
#logo-type {
    width: 445px;
}
#logo-type table {
    margin-left: 20px !important;
}
#logo-type #custom-logo img {
    border: initial;
}
.custom-logo-group {
    vertical-align: top;
}
.custom-logo-link a {
    font-size: 14px !important;
    white-space: nowrap;
    /* text-decoration: underline; */
    line-height: 26px;
}
#custom-logo-container {
    margin-bottom: 17px;
}
#custom-logo-container td {
    vertical-align: top;
    /* padding-top: 8px !important; */
}
.custom-logo-group img {
    box-shadow: initial !important;
    border: 1px solid #ddd;
}
#show-image img {
	border: 1px solid #aaa !important;
    background: var(--header-bg);
    margin: 6px;
    height: 72px;
}
#logo-upload h2 {
    margin-top: 15px;
}
#custom-text #header-text {
    width: 264px;
    margin: 11px 0 11px 11px;
}
#custom-text #header-text {
    display: inline-block;
}
#theme-info {
    background: url(../img/osticket-awesome-mobile.png) no-repeat #FFFFFF;
    background-size: 359px;
    background-position: bottom right;
}
td.info-column {
    max-width: 466px;
}
#brace {
    line-height: 0;
    position: relative;
    width: 15px;
    top: 5px;
    padding: 0 25px 0 15px;
}
#brace img {
    width: 18px !important;
}
#theme-header-options {
	margin: 5px 0 10px 12px;
    display: inline-block;
}
td[style="display: none;"] {
    display: initial !important;
    opacity: .5 !important;
    pointer-events: none;
}
td[style="display: table;"] {
  opacity: 1 !important;
}

/* LOGO OPTIONS > HEADER BACKGROUND OPTIONS */
.options-header-image .container,
.options-header-color .container {
    float: left;
    margin: 10px 10px 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    width: 372px;
}
#background-solid-image .image
#background-solid-color .image {
    background: var(--header-bg);
    border: .5px solid #ddd;
    width: 280px;
    height: 60px;
}
.options-header-image .title,
.options-header-color .title {
    font-size: 18px;
    margin: 0 0 20px 0;
    width: 290px;
}
input[name="selected-logo"] {
    display: none;
}
input[name="selected-logo-scp"] {
	position: absolute;
    visibility: hidden;
}
.logo-image-container {
    width: fit-content;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    display: inline-block;
    position: relative;
    background: #eee;
    border: .5px solid #ddd;
    outline: 2px solid #fff;
}
input[type="radio"]:checked + div {
    outline: 1px solid #5a5a5a;
}
.checkbox-container input[type="checkbox"] {
	position: absolute;
    visibility: hidden;
}
.logo-delete-icon-container .checkbox-container {
	width: 1px;
    height: 1px;
    position: relative;
    top: 21px;
    background: initial;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.85);
}
table#custom-logo-column-inner {
    max-width: 374px;
}
td#custom-logo-column {
    float: none;
    margin: 0 0 0 20px;
    padding: 13px 0 12px 0 !important;
    border: 1px solid #ddd;
    width: 372px;
}
.logo-delete-icon-container label.inline.checkbox {
    display: inline-block;
    width: 1px;
    position: relative;
    left: -32px;
}
#custom-logo-column .indent {
    padding-left: 12px !important;
}
#thank-you img {
	width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 0 0 6px;
}

/* ==========================================================================
 TABLE CHECKBOX 2019
========================================================================== */
table.list .checkbox * {
  cursor: pointer;
}
table.list p.checkbox {
/*     width: 14px;
    height: 14px; */
	margin: 0;
}
table.list.queue.tickets td:first-child {
    /* padding-left: 14px; */
}
.index-page table.list p.checkbox {
	margin: 2px 0 0 0;
}
table.list .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
table.list .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: -9px;
    left: -16px;
    margin-left: 0;
    border: .5px solid #aaa;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.locked .checkbox label::before {
    background: url(../../osta/icons/lock.png) 2px 1px no-repeat !important;
}
table.list .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -17px;
    top: -10px;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    font-size: 11px;
    color: #555555;
}
table.list .checkbox input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    margin-left: 0 !important;
}
table.list .checkbox input[type="checkbox"]:checked + label::after{
  font-family: "FontAwesome";
  content: "";
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgZmlsbD0iIzRjNTE1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIxLDdMOSwxOUwzLjUsMTMuNUw0LjkxLDEyLjA5TDksMTYuMTdMMTkuNTksNS41OUwyMSw3WiIgLz48L3N2Zz4=) center center no-repeat;  
  background-size: 16px;
    background-color: #fff;
    border: 1px solid #737373;
    border-radius: 3px;
}
table.list .checkbox {
  /* margin-top: 0; */
}
.helptopics table.list tbody tr td:nth-child(2),
.filters table.list tbody tr td:nth-child(2),
.apikeys table.list tbody tr td:nth-child(2),
.pages table.list tbody tr td:nth-child(2) {
	font-size: 13px !important;
    padding: 10px 0 !important;
}
.forms table.list tbody tr td:nth-child(2),
.lists table.list tbody tr td:nth-child(2),
.slas table.list tbody tr td:nth-child(2),
.schedules table.list tbody tr td:nth-child(2),
.pages table.list tbody tr td:nth-child(2) a  {
	font-size: 14px !important;
    padding: 10px 0 !important;
}
.apikeys th:first-child,
.banlist th:first-child,
.canned th:first-child,
.categories-page th:first-child,
.departments th:first-child,
.directory th:first-child,
.forms-page th:first-child,
.lists-page th:first-child,
.emails th:first-child,
.filters th:first-child,
.helptopics th:first-child,
.orgs th:first-child,
.pages th:first-child,
.plugin-add th:first-child,
.plugins-page th:first-child,
.queues-ticket th:first-child,
.roles th:first-child,
.schedules th:first-child,
.settings-page th:first-child,
.slas-page th:first-child,
.staff-page table.list th:first-child,
.logs-page th:first-child,
.system th:first-child,
.tasks th:first-child,
.teams th:first-child,
.templates th:first-child,
.tickets-page th:first-child,
.users-page th:first-child {
    background-position: center left 12px !important;
}
.apikeys td:first-child,
.banlist td:first-child,
.canned td:first-child,
.categories-page td:first-child,
.departments td:first-child,
.directory td:first-child,
.forms-page td:first-child,
.lists-page td:first-child,
.emails td:first-child,
.filters td:first-child,
.helptopics td:first-child,
.orgs td:first-child,
.pages td:first-child,
.plugin-add td:first-child,
.plugins-page table.list tbody td[align="center"],
.queues-ticket td:first-child,
.roles td:first-child,
.schedules td:first-child,
.settings-page table.list td:first-child,
.settings-page table.list td:nth-child(2),
.slas-page td:first-child,
.staff-page td:first-child,
.logs-page td:first-child,
/* .tasks td:first-child, */
.teams td:first-child,
.templates td:first-child,
.tickets-page table.list td:first-child,
.users-page td:first-child {
	/* wth is this for */
    padding: 18px 0 18px 14px;
    text-align: left;
}
.rtl .apikeys td:first-child,
.rtl .banlist td:first-child,
.rtl .canned td:first-child,
.rtl .categories-page td:first-child,
.rtl .departments td:first-child,
.rtl .directory td:first-child,
.rtl .forms-page td:first-child,
.rtl .lists-page td:first-child,
.rtl .emails td:first-child,
.rtl .filters td:first-child,
.rtl .helptopics td:first-child,
.rtl .orgs td:first-child,
.rtl .pages td:first-child,
.rtl .plugin-add td:first-child,
.rtl .plugins-page table.list tbody td[align="center"],
.rtl .queues-ticket td:first-child,
.rtl .roles td:first-child,
.rtl .schedules td:first-child,
.rtl .settings-page table.list td:first-child,
.rtl .settings-page table.list td:nth-child(2),
.rtl .slas-page td:first-child,
.rtl .staff-page td:first-child,
.rtl .logs-page td:first-child,
/* .rtl .tasks td:first-child, */
.rtl .teams td:first-child,
.rtl .templates td:first-child,
.rtl .tickets-page table.list td:first-child,
.rtl .users-page td:first-child {
	/* wth is this for */
    text-align: right;
}
.orgs table.ticket_info td {
    padding-top: 0;
}
.system td:first-child {
    padding: 7px 0;
}
.settings-page table.list td:nth-child(3) {
    padding: 0 20px 0 0;
}
.settings-page table.list th:nth-child(2) {
    padding-left: 10px !important;
    padding-right: 20px;
}
.settings-page table.list td:nth-child(2) {
	font-size: 14px;
    padding-right: 20px;
}
.settings-page table.list td:nth-child(3) a {
    font-size: 14px;
    margin-left: -10px;
}
.osta_ticket .icon-code-fork,
.osta_ticket .icon-code-link  {
    display: none;
}
.osta-ticket-merged .icon-code-fork,
.osta-ticket-linked .icon-code-link {
    display: inline-block;
}
/* new reply icon */
#new-reply-icon {
	float: left;
    width: 14px;
    height: 14px;
    margin: 0 9px 0 0;
}
.dot {
    display: none;
    width: 20px;
    height: 20px;
    background-position: -3px 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%2388c80b' d='M10%2C9V5L3%2C12L10%2C19V14.9C15%2C14.9 18.5%2C16.5 21%2C20C20%2C15 17%2C10 10%2C9Z' /%3E %3C/svg%3E");
}
.new-reply-waiting .dot,
.ticket-status .dot {
    display: inline-block;	
	animation:  slowbounceIn 3s ease-in-out 3s infinite;	 
}
/* merged tickets icon */
.osta_ticket .icon-code-fork:before {
    content: "\f126";
    font-size: 16px;
    top: 1px !important;
    color: #8a8a8a;
}
.osta_ticket .icon-code-fork {
    font-size: 16px;
    position: relative;
    top: 4px;
    margin: 0 0 0 9px;
}
/* linked tickets icon */
.icon-link:before {
    content: "\f0c1";
    font-size: 18px;
}
a#tickets-merge .icon-code-fork:before {
    font-size: 20px;
    top: 0;
}
.sticky.bar.fixed .icon-code-fork:before {
    color: #fff !important;
    fill: #fff !important;
}
.sticky.bar.fixed a#tickets-link .icon-link:before {
    color: #fff !important;
}
.icon-code-link {
    content: "\f0c1";
}
/* action button */
a#tickets-link .icon-link:before {
    font-size: 18px;
    top: 1px;
}
/* ticket queue icon */
.osta_ticket .icon-code-link {
	margin: 0 0 0 5px;
}
.osta_ticket .icon-code-link:before {
    content: "\f0c1";	
    font-size: 14px;
    position: relative;
    top: 3px;
    color: #969696;
}
@keyframes slowbounceIn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
td.osta_ticket {
    vertical-align: middle;
    padding: 16px 10px 16px 6px;
    white-space: nowrap;;
}
table.list tbody td:first-child {
    /* padding-right: 0; */
}
div[style="font-weight:bold"] #new-reply-icon .dot {
    display: inherit;
}

.ticket-num {
    display: inline-block;
    /* float: left; */
}

/* ==========================================================================
 WARNING BAR
========================================================================== */
#warning_bar {
    margin: 0;
    width: 100%;
    padding: 0;
    height: 36px;
    border: initial;
    background-image: initial;
    background-color: #000;
    position: fixed !important;
    top: 0;
    z-index: 99;
    color: #fff;
    display: none;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
}
#warning-inner {
    display: table;
    margin: 6px auto;
    background: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23ffffff' d='M19%2C19H5V5H19M19%2C3H5A2%2C2 0 0%2C0 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V5C21%2C3.89 20.1%2C3 19%2C3M11%2C15H13V17H11V15M11%2C7H13V13H11V7' /%3E %3C/svg%3E");
	background-repeat: no-repeat;
    height: 20px;
    padding: 4px 0 0 28px;
}
@media only screen and (min-width:761px){	
	#warning_bar {
		display: inline-block;
	}
	#warning_bar + #header {
		margin-top: 37px !important;
	}
	#warning_bar + #header + #right-menu + #sidr-right + #pjax-container #sub_nav-wrap {
		margin: 98px 0 0 0;
	}
}

/* ==========================================================================
 RTL TRANSLATIONS
========================================================================== */
.rtl,
.rtl div[dir="ltr"],
.rtl::placeholder,
.rtl::-moz-placeholder,
.rtl::-ms-input-placeholder,
.rtl::-webkit-input-placeholder,
.rtl .redactor-placeholder:after,
.rtl .redactor-linebreaks.redactor-placeholder,
.rtl .redactor-linebreaks.redactor-placeholder:after {
	direction: rtl;
	text-align: right;
}
.rtl .redactor-placeholder:after {
    width: 100%;
    text-align: right;
    left: initial;
    right: 10px;	
}
.rtl .pull-left.avatar {
    float: left;
}
.rtl .pull-right.avatar {
    float: right;
}

/* ==========================================================================
 SCROLL TO TOP
========================================================================== */
#scroll-to-top {
    visibility: hidden;
    position: fixed;
    bottom: 11px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: var(--header-bg);
    color: var(--header-title);
    cursor: pointer;
    padding: 13px;
    border-radius: 4px;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-in-out;
    -moz-transition: visibility 0s, opacity 0.5s ease-in-out;
    -webkit-transition: visibility 0s, opacity 0.5s ease-in-out;
}
#scroll-to-top:hover {
    opacity: 1 !important;
}
#scroll-to-top svg {
    fill: var(--header-title);
}
.demo button#scroll-to-top {
    right: 90px;
}
/* ==========================================================================
 COOKIE CONSENT BAR
========================================================================== */
#complianceouter {
    background: var(--header-bg);
    color: var(--header-title);
    font-size: 14px;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
#compliance {
    margin: 0 auto;
    max-width: 1264px;	
    color: var(--header-title);
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#icon-compliance-outer {
    float: right;
    margin-left: .7em;
}
#icon-compliance {
    width: 20px;
    fill: var(--header-title);
    position: relative;
    top: 3px;
}
#complaince-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em;
    margin-left: .7em;
    line-height: 100%;	
    font-size: 14px;
}
@media only screen and (max-width:1000px) {
	#complaince-message {
		font-size: 13px;
	}
}
@media only screen and (max-width:800px) {
	#complaince-message {
		font-size: 12px;
	}
}
@media only screen and (max-width:600px) {
	#complaince-message {
		font-size: 11px;
	}
}
@media only screen and (max-width:400px) {
	#complaince-message {
		font-size: 10px;
	}
}

a#compliance-link {
    /* border: .5px solid; */
	border-radius: 2px;
    padding: 0 4px 1px 4px;
    margin: 0 0 0 6px;
    font-size: 80%;
    position: relative;
    top: -1px;
}
#complaince-button {
    float: right;
    background: var(--header-title);
    font-weight: 700;
    width: fit-content;
    margin: 0;
    padding: .8em 1.8em;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
	-webkit-transition: 1s;
	transition: background color 1s;	
}

/* Icon Pop */
@-webkit-keyframes compliance-pop {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes compliance-pop {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
/* osta - warning_bar animation removed */

/* ==========================================================================
 SELECT2
========================================================================== */
.select2-container--default .select2-selection--single {
	height: 32px;
    position: relative;
    color: #424242;
    padding: 0 0 0 10px;
    background-color: #fff;
    background-image: url(../../osta/svg/chevron-down-thin.svg);
    background-position: right 6px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    outline: 0;	
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.select2-container {
    margin-right: 10px;	
}
.rtl .select2-container {
    margin-left: 10px;
    margin-right: 0;
}
.select2.select2-container.select2-container--default {
    margin-right: 0;	
}
.tickets .select2.select2-container.select2-container--default,
.tickets .form_table .select2.select2-container.select2-container--default,
.tickets .form_table .select2-container--default .select2-selection--multiple {
    width: 320px !important;	
}
.profile-page .select2.select2-container.select2-container--default {
    width: 305px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-right: 30px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 8px;
}
.tickets-page .tickets .form_table .select2-container--default .select2-selection--multiple {
    height: 32px !important;
}
.select2-selection__arrow b {
    margin-top: 0 !important;	
}
.select2-search--dropdown .select2-search__field {
    width: calc(100% - 9px) !important; /* eg. Open Ticket > select User */
}
.form_table.fixed .select2-container {
    margin-right: 0;	
}
.form_table.fixed .rtl .select2-container {
    margin-right: 0;		
    margin-left: 0;	
}
.form_table.fixed .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    margin-right: 0;
    width: calc(100% - 8px) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #dcdfe2;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #08C;
}
.select2-selection.select2-selection--single {
    border: 1px solid #a1a6ad;
}
.client-required .select2-selection.select2-selection--single {
    border-right: 4px solid red;
}
#timezone-dropdown ~ .select2.select2-container.select2-container--default {
    width: 305px !important;
}
#select2-timezone-dropdown-container {
    padding: 2px 0;
}
#select2-datetime_format-sp-container {
    padding: 0;
}
#user-account #timezone-dropdown + .select2 + button {
    margin: 8px 0 0 0;
}
select#timezone-dropdown ~ button.action-button {
    margin: 0 0 0 20px;
}
.select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}
.select2-results__options::-webkit-scrollbar-thumb {
	background-clip: padding-box;
    background-color: #C1C1C1;
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 20px solid rgba(0, 0, 0, 0);
    border-bottom: 20px solid rgba(0, 0, 0, 0);
}
.select2-results__options::-webkit-scrollbar-button {
  display: none;
}
#content.staff .select2-selection.select2-selection--single {
    min-width: 245px;
}
.settings-page #site-pages .select2-container {
    width: 220px !important;
}
select[name="default_dept_id"] ~ .select2 {
    width: 308px !important;
}
.select2.select2-container.select2-container--default ~ .select2.select2-container.select2-container--default {
    margin-top: 8px;
}
.select2-container--default .select2-selection--single {
    outline: none !important;
}
.emailsettings .form_table.settings_table .select2.select2-container {
    width: 400px !important;
}
.emailsettings .form_table.settings_table input[type=text] {
    width: 389px !important;
}
form[action="emailtest.php"] .select2.select2-container {
    width: 450px !important;
}
h2 .select2 {
    font-size: 14px !important;
}

/* ==========================================================================
 TABLE PADDING SLIDER
========================================================================== */
.padding-slider-container {
	width: 200px;
	float: right;
	margin-right: 12px;
}
.padding-slider {
	-webkit-appearance: none;
	width: 200px;
	height: 5px;
	padding: 0;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.padding-slider:hover {
	opacity: 1;
}
.padding-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
    background: #128dbe;
	cursor: pointer;
	border-radius: 100%;
}
.padding-slider.left::-webkit-slider-thumb {
  background-size: 14px !important;
  background-position: center center;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23ffffff' d='M8.59%2C16.58L13.17%2C12L8.59%2C7.41L10%2C6L16%2C12L10%2C18L8.59%2C16.58Z' /%3E %3C/svg%3E"); 
}
.padding-slider.right::-webkit-slider-thumb {
  background-size: 14px !important;
  background-position: center center;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23ffffff' d='M15.41%2C16.58L10.83%2C12L15.41%2C7.41L14%2C6L8%2C12L14%2C18L15.41%2C16.58Z' /%3E %3C/svg%3E");
}

.padding-slider::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
    background: #128dbe;
	cursor: pointer;
	border-radius: 100%;
}
.padding-slider.left::-moz-range-thumb {
  background-size: 14px !important;
  background-position: center center;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23ffffff' d='M8.59%2C16.58L13.17%2C12L8.59%2C7.41L10%2C6L16%2C12L10%2C18L8.59%2C16.58Z' /%3E %3C/svg%3E"); 
}
.padding-slider.right::-moz-range-thumb {
  background-size: 14px !important;
  background-position: center center;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23ffffff' d='M15.41%2C16.58L10.83%2C12L15.41%2C7.41L14%2C6L8%2C12L14%2C18L15.41%2C16.58Z' /%3E %3C/svg%3E");
}

#padding-slider {
	color: #ccc;
	display: none;
}
.checkbox-cell {
	padding-left: 14px !important;
}
.empty .padding-slider-container {
	display: none;
}

.rtl .padding-slider-container, 
.rtl #resize-buttons-container {
    float: left;
    margin: 0 2px 0 20px;
}

/* ==========================================================================
 TICKET QUEUE FONT RESIZING (EXPERIMENTAL)
========================================================================== */
/*
table.list.queue.tickets.font-reg a.preview {
    font-size: 11px;
}
table.list.queue.tickets.font-reg tbody td {
    font-size: 12px;
}
table.list.queue.tickets.font-reg a[style="display:inline"],
table.list.queue.tickets.font-reg table.list tbody td.osta_username {
    font-size: 14px;
}
table.list.queue.tickets.font-reg .date-text {
    top: 2px;
}	
table.list.queue.tickets.font-reg .checkbox-cell {
    padding: 18px 0;
}

table.list.queue.tickets.font-med a.preview {
    font-size: 12px;
}
table.list.queue.tickets.font-med tbody td {
    font-size: 13px;
}
table.list.queue.tickets.font-med a[style="display:inline"],
table.list.queue.tickets.font-med table.list tbody td.osta_username {
    font-size: 15px;
}
table.list.queue.tickets.font-med .date-text {
    top: 2px;
}	

table.list.queue.tickets.font-lrg a.preview {
    font-size: 12px;
}
table.list.queue.tickets.font-lrg tbody td {
    font-size: 14px;
}
table.list.queue.tickets.font-lrg a[style="display:inline"],
table.list.queue.tickets.font-lrg tbody td.osta_username {
    font-size: 16px;
}	
table.list.queue.tickets.font-lrg .date-text {
    width: 112px;
}
table.list.queue.tickets.font-lrg th.osta_lastupdated {
    width: 133px;
}
table.list.queue.tickets.font-lrg i.icon-comments-alt {
    transform: scale(1.2);
}
table.list.queue.tickets.font-lrg i.small.icon-paperclip.icon-flip-horizontal {
    transform: scale(1.2);
    top: 1px;
}
table.list.queue.tickets.font-lrg .osta_subject small.faded-more {
    font-size: 16px;
}
	
table.list.queue.tickets.font-x-lrg a.preview {
    font-size: 13px;
}
table.list.queue.tickets.font-x-lrg tbody td {
    font-size: 15px;
}
table.list.queue.tickets.font-x-lrg a[style="display:inline"],
table.list.queue.tickets.font-x-lrg tbody td.osta_username {
    font-size: 17px;
}	
table.list.queue.tickets.font-x-lrg .date-text {
    width: 124px;
}
table.list.queue.tickets.font-x-lrg i.icon-comments-alt {
    transform: scale(1.2);
}
table.list.queue.tickets.font-x-lrg i.small.icon-paperclip.icon-flip-horizontal {
    transform: scale(1.2);
    top: 1px;
}
table.list.queue.tickets.font-x-lrg .osta_subject small.faded-more {
    font-size: 16px;
}
*/

/* ==========================================================================
 JFONTSIZE
========================================================================== */
.resizable-text {
	background: #FFE9D2;
	font-family: 'Open Sans', sans-serif;
	padding: 20px 20px 0 20px;
	height: 30px;
	font-size: 16px;
}
.resizable-text.two {
	font-size: 14px;
	padding: 0 20px 20px 20px;  
}
#resize-buttons-container {
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 500;
	margin: 0 21px 0 0;
    padding: 0;
    height: 21px;
    line-height: 21px;
}
#resize-buttons-container a {
    display: inline-block;
    text-align: center;
    /* border-bottom: 1px solid; */ /*useful to toggle on and off when positioning*/
}
.resize-buttons {
	background: #fff;
	width: 19px;
	color: #128dbe;
	padding: 0;
	vertical-align: bottom;
	position: relative;
	bottom: 0;
}
.resize-buttons a {
    color: #128dbe;
}
#resize-buttons-container a:hover {
    color: #0c4f69;
}
#text-down {
	font-size: 13px;
    line-height: 20px;
}
#text-reset {
    font-size: 15px;
    padding-right: 4px;
    line-height: 21px;
}
#text-up {
    font-size: 16px;
    line-height: 22px;
}

/* ==========================================================================
 MODAL: KEYBOARD SHORTCUTS HELP
========================================================================== */
.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {
	opacity: 1;
}
.hide {
	display: none!important
}

.show {
	display: block!important
}
.invisible {
	visibility: hidden
}
.modal .close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-backdrop {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #000;
	opacity: .5 !important;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-content {
    width: 700px;
	margin: 100px auto 0;
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
    background: #FFF;
    border: 1px solid #AAA;
    border-radius: 5px;
	-webkit-box-shadow:  rgba(0,0,0,0.4) 0 10px 26px;
    box-shadow: rgba(0,0,0,0.4) 0 10px 26px;	
}
@media screen and (min-width: 768px) {
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
}
.modal-header {
	padding: 15px 0 0 15px;
}
.modal-header h3 {
    font-weight: 400;
    font-size: 25px;
    text-align: left;
    padding: 2px 0 13px 0;
}
.modal-header .close {
	margin-top: -2px;
}
.modal-body {
	position: relative;
    padding: 15px;
    padding-top: 0 !important;
    border-top: .5px solid #d4d4d4;
}
.modal-body .label-default {
	background-color: #777;
}
td.keyb:first-child {
    width: 40px;
}
td.keyb2 {
    width: 40px;
}
.shift, 
.key2 {
	display: inline;
    padding: .2em .7em .3em;
    font-size: 100%;
    line-height: 1;
    color: #4c5156;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 1px solid #4c5156;
    border-radius: .25em;
}
.key2 {
    width: 11px;
    display: inline-block;
    margin-top: 1px;
    padding: 7px 10px 5px 10px;
}
.plus-td {
	width: 20px !important;
    text-align: center !important;
}
.plus-sign {
	color: #4c5156;
    font-size: 20px;
    position: relative;
    top: 0;
    left: 0;
    font-weight: 100;	
}
.modal-body td {
    height: 40px;
    color: #4c5156;
    font-size: 13px;
    text-align: left;
}

/* ==========================================================================
 DARK MODE: EXPERIMENTAL
========================================================================== */

/* Theme Options > Dark Mode */
.theme-page #dark-mode-message {

}
.dark-mode.theme-page #dark-mode-message {
    display: inline-block;
    border: 1px solid #393d44;
    background: #000000;
    color: #8b949e;
}
.theme-page #dark-mode-message {
    display: none;	
    width: calc(100% - 43px);
    border: 2px solid #a5b6d0;
    border-radius: 3px;
    background: #dcdfe2;
    color: #414957;
    margin: 0 0 30px 0;
    padding: 20px;
}
.dark-mode.theme-page #dark-mode-message a {
    color: #f0f6fc;
}
.theme-page #dark-mode .header {
    margin-top: 14px;
}
.theme-page #dark-mode-option .header:before {
    display: inline-block;
    width: 23px;
    height: 25px;
    background-size: 25px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 0px;
    top: 4px;
    content: ' ';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23777777' d='M17.75%2C4.09L15.22%2C6.03L16.13%2C9.09L13.5%2C7.28L10.87%2C9.09L11.78%2C6.03L9.25%2C4.09L12.44%2C4L13.5%2C1L14.56%2C4L17.75%2C4.09M21.25%2C11L19.61%2C12.25L20.2%2C14.23L18.5%2C13.06L16.8%2C14.23L17.39%2C12.25L15.75%2C11L17.81%2C10.95L18.5%2C9L19.19%2C10.95L21.25%2C11M18.97%2C15.95C19.8%2C15.87 20.69%2C17.05 20.16%2C17.8C19.84%2C18.25 19.5%2C18.67 19.08%2C19.07C15.17%2C23 8.84%2C23 4.94%2C19.07C1.03%2C15.17 1.03%2C8.83 4.94%2C4.93C5.34%2C4.53 5.76%2C4.17 6.21%2C3.85C6.96%2C3.32 8.14%2C4.21 8.06%2C5.04C7.79%2C7.9 8.75%2C10.87 10.95%2C13.06C13.14%2C15.26 16.1%2C16.22 18.97%2C15.95M17.33%2C17.97C14.5%2C17.81 11.7%2C16.64 9.53%2C14.5C7.36%2C12.31 6.2%2C9.5 6.04%2C6.68C3.23%2C9.82 3.34%2C14.64 6.35%2C17.66C9.37%2C20.67 14.19%2C20.78 17.33%2C17.97Z' /%3E %3C/svg%3E");
}
.theme-page #dark-mode-option h2 {
    display: inline-block;
}
.theme-page #dark-mode-option .text {
	border: 2px solid #a5b6d0;
    border-radius: 3px;
    background: #dcdfe2;
    color: #414957;
    margin: 20px 17px 0;
    padding: 20px;
}
.dark-mode.theme-page #dark-mode-option {
	display: none;
}
.dark-mode.theme-page li.error {
    border-top: 1px solid #30363d !important;
}
.dark-mode input.switch:checked ~ label:before {
    background-color: #398532;
}

/* Color Theme Options*/

/* Logo Options */
.dark-mode.#background-solid-image.highlight, 
.dark-mode.#background-solid-color.highlight, 
.dark-mode.#default-logo.highlight, 
.dark-mode.#custom-text.highlight, 
.dark-mode.#custom-logo.highlight {
	border: 1px solid #30363d !important;
}

/* Custom Text and Links Options */

/* Background Image Options */
.dark-mode .backdrop .outer {
    display: inline-block;
    position: relative;
    background: #000000;
    border: .5px solid #273344;
    margin: 0 18px 22px 0;
}
.dark-mode .backdrop [type=radio]:checked + div {
    outline: 1px solid #727272;
}
.dark-mode input[type="file"] {
    color: #c9d1d9;
    background-color: #21262d;
    border-color: #f0f6fc1a;
}
.dark-mode #theme-header-options .container, 
.dark-mode #logo-options .container,
.dark-mode td#custom-logo-column {
    border: 1px solid #393d44 !important;
}

/* Custom CSS */

/* Theme Information */

/* My Account Profile > Dark Mode */

#dark-mode-notes {
    border: 2px solid #a5b6d0;
    border-radius: 3px;
    background: #dcdfe2;
    color: #414957;
    margin: 0 10px;
    padding: 20px;
}
.dark-mode #dark-mode-notes {
    border: 2px solid #303846;
    background: #171b22;
    color: #606b7e;
}
#dark-mode-notes ul {
    line-height: 34px;
    padding: 0 0 0 20px;
}
#dark-mode-notes ul li {
    list-style-type: none;
    margin: 0 0 0 0 !important;
}
#dark-mode-notes ul li:before {
    content: '•';
    margin: 0 4px 0 0;
}
#osta-toggle.dark-mode-toggle {
    float: left;
    margin: 20px;
}
a[href="#dark-mode-tab"]:before { /*Clean tab with no icon*/
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 6px;
    top: 6px;
    content: ' ';
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%23128dbe' d='M17.75%2C4.09L15.22%2C6.03L16.13%2C9.09L13.5%2C7.28L10.87%2C9.09L11.78%2C6.03L9.25%2C4.09L12.44%2C4L13.5%2C1L14.56%2C4L17.75%2C4.09M21.25%2C11L19.61%2C12.25L20.2%2C14.23L18.5%2C13.06L16.8%2C14.23L17.39%2C12.25L15.75%2C11L17.81%2C10.95L18.5%2C9L19.19%2C10.95L21.25%2C11M18.97%2C15.95C19.8%2C15.87 20.69%2C17.05 20.16%2C17.8C19.84%2C18.25 19.5%2C18.67 19.08%2C19.07C15.17%2C23 8.84%2C23 4.94%2C19.07C1.03%2C15.17 1.03%2C8.83 4.94%2C4.93C5.34%2C4.53 5.76%2C4.17 6.21%2C3.85C6.96%2C3.32 8.14%2C4.21 8.06%2C5.04C7.79%2C7.9 8.75%2C10.87 10.95%2C13.06C13.14%2C15.26 16.1%2C16.22 18.97%2C15.95M17.33%2C17.97C14.5%2C17.81 11.7%2C16.64 9.53%2C14.5C7.36%2C12.31 6.2%2C9.5 6.04%2C6.68C3.23%2C9.82 3.34%2C14.64 6.35%2C17.66C9.37%2C20.67 14.19%2C20.78 17.33%2C17.97Z' /%3E %3C/svg%3E");
}
#dark-mode-tab th:before {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: 20px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: -2px;
    top: 2px;
    content: ' ';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath fill='%238C949F' d='M17.75%2C4.09L15.22%2C6.03L16.13%2C9.09L13.5%2C7.28L10.87%2C9.09L11.78%2C6.03L9.25%2C4.09L12.44%2C4L13.5%2C1L14.56%2C4L17.75%2C4.09M21.25%2C11L19.61%2C12.25L20.2%2C14.23L18.5%2C13.06L16.8%2C14.23L17.39%2C12.25L15.75%2C11L17.81%2C10.95L18.5%2C9L19.19%2C10.95L21.25%2C11M18.97%2C15.95C19.8%2C15.87 20.69%2C17.05 20.16%2C17.8C19.84%2C18.25 19.5%2C18.67 19.08%2C19.07C15.17%2C23 8.84%2C23 4.94%2C19.07C1.03%2C15.17 1.03%2C8.83 4.94%2C4.93C5.34%2C4.53 5.76%2C4.17 6.21%2C3.85C6.96%2C3.32 8.14%2C4.21 8.06%2C5.04C7.79%2C7.9 8.75%2C10.87 10.95%2C13.06C13.14%2C15.26 16.1%2C16.22 18.97%2C15.95M17.33%2C17.97C14.5%2C17.81 11.7%2C16.64 9.53%2C14.5C7.36%2C12.31 6.2%2C9.5 6.04%2C6.68C3.23%2C9.82 3.34%2C14.64 6.35%2C17.66C9.37%2C20.67 14.19%2C20.78 17.33%2C17.97Z' /%3E %3C/svg%3E");
}

/* osta - Version update button styling */
.version-update-btn a {
    display: inline-block;
    border: initial;
    padding: 14px 30px 14px 49px;
    border-radius: 3px;
    margin: 20px 0 0 0;
    color: #3c763d !important;
    background: #D0E9BA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233c763d' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E") no-repeat 27px center;
    background-size: 20px 20px;
    box-shadow: unset;
    border: initial !important;
    will-change: background;
    transition: all 0.3s ease-in-out;
    font-family: 'Open Sans', sans-serif !important;
}
.version-update-btn a:hover {
    background: #ccd1d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232a3e2a' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E") no-repeat 27px center;
    background-size: 20px 20px;
    color: #2a3e2a !important;
}
span.version-update {
    font-size: 12px;
}
span.version-number {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-weight: 400;
    font-size: 13px;
    color: #3ead08;
}

/* osta - Version update notification bar */
#warning_bar.osta-update #warning-inner {
    width: 100%;
    background-image: none;
    padding-left: 0;
}
#warning_bar.osta-update .notif-left {
    float: left;
}
#warning_bar.osta-update .notif-right {
    float: right;
}
#warning_bar.osta-update .notif-update,
#warning_bar.osta-update .notif-dismiss {
    margin-left: 15px;
    color: #fff;
}
#warning_bar.osta-update .notif-update:hover,
#warning_bar.osta-update .notif-dismiss:hover {
    color: #969696;
}
#warning_bar.osta-update .version-number {
    color: #3ead08;
    margin-left: 3px;
}

#warning_bar.osta-update {
    font-size: 12px;
    padding: 0 10px;
    width: calc(100% - 20px);
}
#warning_bar.osta-update i.icon-info-sign:before {
    width: 14px;
    color: #fff \!important;
}
/* osta - Version update notification icons (consistent approach) */
#warning_bar.osta-update {
    font-size: 12px;
    padding: 0 10px;
    width: calc(100% - 20px);
}

/* Hide all Font Awesome :before pseudo-elements */
#warning_bar.osta-update i.icon-info-sign:before,
#warning_bar.osta-update i.icon-download:before,
#warning_bar.osta-update i.icon-remove:before {
    display: none !important;
    content: '' !important;
}

/* Reset and apply consistent base styling to all icons */
#warning_bar.osta-update i.icon-info-sign,
#warning_bar.osta-update i.icon-download,
#warning_bar.osta-update i.icon-remove {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: relative;
    top: 0 !important;
    float: none;
}

#warning_bar.osta-update i.icon-info-sign {
    margin: -3px 0px 0 0;
}
#warning_bar.osta-update i.icon-download {
    margin: -1px 2px 0 0;
}
#warning_bar.osta-update i.icon-remove {
    margin: -1px -2px 0 0;
}

/* Info icon - white */
#warning_bar.osta-update i.icon-info-sign {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z'/%3E%3C/svg%3E");
}

/* Download icon - white */
#warning_bar.osta-update i.icon-download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z'/%3E%3C/svg%3E");
}

/* Remove/X icon - white */
#warning_bar.osta-update i.icon-remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E");
}

/* Hover states - gray */
#warning_bar.osta-update .notif-update:hover i.icon-download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23969696' d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z'/%3E%3C/svg%3E");
}
#warning_bar.osta-update .notif-dismiss:hover i.icon-remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23969696' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E");
}
#warning_bar.osta-update a.version-number {
    color: #3ead08;
    text-decoration: none;
}
#warning_bar.osta-update a.version-number:hover {
    color: #58f00e;
    /* text-decoration: underline; */
}

/* ==========================================================================
   MERGED BASE STYLES: client-mobile.css
   ========================================================================== */
/* CSS Document */
/*
/*      CLIENT - Mobile
*/


/*
/*      960 px
*/

@media only screen and (max-width:960px) {
	
/* ==========================================================================
 HEADER
========================================================================== */
	#header,
	#header-inner,
	#content,
	#nav-wrapper {
		/* width: 100%; */
	}
	#header {	
		padding: 0;
		background: var(--header-bg);
		border: initial;
		box-shadow: initial;
		height: 60px;
		top: 0;
		z-index: 4;
	}
	#content {

	}
	#content.up {
		top: -48px;
	}		
	.rtl #container #left-logo {
		margin: 17px 2% 0 2%;
		position: relative;
	}	
	#nav {
	    margin: 0 0 0 2%;
	}
	.rtl #nav {
	    margin: 0 2% 0 0;
	}	
	.pull-right.flush-right {
	    margin: 0;
	}
	.rtl .pull-right.flush-right {
	    margin: 0 0 0 2%;
	}
	#languages {
    	margin: 0 2% 0 0;
	    cursor: pointer;	
	}
	.rtl #languages {
    	margin: 0 0 0 2%;
	}
	button.c-hamburger.c-hamburger--htx {
		display: none;
	}
}
@media only screen and (min-width: 641px) and (max-width: 660px) {
	#nav li a {
		font-size: 15px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 630px) {
	.chevron .button-container {
		margin-right: -4%;
	}
}


/* ==========================================================================
 HOME PAGE
========================================================================== */
@media screen and (max-width: 1300px) { 
	#content {
		max-width: calc(100% - 4%);
		margin: 2% !important;
		padding: 2% !important;
	}
	#nav-inner,
	#header-inner {
	    width: calc(100% - 4%);
		padding: 0 0 3% 0;
	}
}
@media only screen and (max-width: 1060px) {
	.client-choice {
		width: calc(100% - 158px);
		float: left;
		padding: 40px;
	}
	.client-choice:first-child {
		margin-bottom: 40px !important;
	}
	#open-text {
		margin: 40px 0 30px 0;
	}	
}
@media screen and (max-width: 760px) {
	#header-inner p,
	#header-inner p a,
	#header a[href*="/profile.php"]	{
		font-size: 12px;
	}	
	.pull-right.flush-right a:first-child {
		margin-left: 3px;
	}
	.pull-right.flush-right a {
		margin: 0 4px 0 0;
	}
}
@media screen and (max-width: 640px) {
	body {
		background: #fff;
	}
	#content {
		box-shadow: initial;
	}	
	h1 {
		font-size: 24px;
		line-height: initial;	
	}
	p,
	#open-text {
		padding: 0px;
		font-size: 16px;
		line-height: initial;
	}
	#open-title {
		font-size: 22px;
	}	
	#content {
		max-width: calc(100% - 2%);
	    margin: 2% !important;
		padding: 1% !important;
	}
	#landing_page p {
	    margin: 2% 0 0 !important;
	}	
	.inputDiv input::placeholder {
		font-size: 14px;
		top: -3px;	
	} 	
	#open-or-check {
		width: 100%;
	    margin: 0 0 8% 0;
		overflow: initial;
		padding: 0;
	}
	.client-choice {
		width: 92%;
		float: initial;
		padding: 4% 4% 6% 4%;
	}
	#open-new,
	#check-status {
		margin: 0;
	}
	.client-choice {
		width: 80%;
		margin: 0 auto !important;
	}
	#open-text {
		margin: 7% 2% 6%;
	}	
	#information,
	.featured-category {
		padding: 4%;
	}	
	input[type="reset"] {
		display: none;
	}	
	.searchArea button {
		padding: 0 10px;
		font-size: 13px;
	    padding: 0px 10px 3px 10px;	
		}
	.searchArea button svg {
		width: 20px !important;
		height: 20px !important;
	}	
	.client-choice-icon {
		width: initial;
		height: initial;
		top: 4px;
		margin-right: 0;
	}	
	input[value="Create Ticket"],
	input[value="Cancel"] {
		padding: 15px 30px !important;
		margin-bottom: 4% !important;
	}
	.subtitle {
		margin: 30px 0 40px 0;
	}	
}
@media screen and (max-width: 460px) {
}

/* ==========================================================================
  TYPOGRAPHY
========================================================================== */
@media only screen and (max-width:960px) {
	h1 {
		/*font-size: 22px;*/
	}
	
/* ==========================================================================
 OPEN TICKET open.inc.php
========================================================================== */
	#ticketForm div input,
	input[type="tel"],
	#ticketForm div select {
		width: -webkit-fill-available;
	}
	#clientLogin {
    margin: 29px 0px 30px 0px;
	}
	select, input.dp, input#query, input[type="text"], input[type="search"], input[type="email"], .form-field, .form_table input[type=text], .form_table input[type=password], .form_table textarea, select#topicId {
		width: 97%;
		}
	td.client-required input {
		width: 97%;
	}
	.client-required .select2-selection.select2-selection--single {
		border-right: 4px solid red;
	}
	input[type="tel"] {
		width: calc(97% - 93px) !important;
	}	
	html[lang="da"] input[type="tel"] {
		width: calc(97% - 126px) !important;
	}
	.required ~ input,
	select#topicId {
	    border-right: 4px solid red !important;
	}
	span.error {
		display: none;
	}
	font.error:before {
		content: "**";
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		color: #fff;
	}
	font.error {
		position: relative;
		background-color: #f3f3f5; /*why?*/
	}
	body.open-page table[width="800"] tbody:nth-child(2) tr:nth-child(2) td .error {
		display: none;
	}	
	select#topicId {
		/* width: calc(100% - 37px) !important; */ /*target*/
	}	

@media only screen and (max-width:670px) {
	.flag {
		height: 18px;
		display: inline-block;
		margin: 0 0px 7px 0;
	}
}

/*
/*      600 px
*/

@media only screen and (max-width:640px) {
	
/* ==========================================================================
 HEADER
========================================================================== */
	#flags {
		display: none;
	}
	#left-logo {
		margin: 12px 11px 12px 2px !important;
	}	
	.rtl #container #left-logo {
		margin: 17px 65px 0 2%;
		position: relative;
	}
	
/* ==========================================================================
  TYPOGRAPHY
========================================================================== */


/* ==========================================================================
 VIEW TICKET
========================================================================== */
	.open-page tr:first-child td[colspan="2"] {
		padding-top: 0px;
	}
	.login-page #one-view-page, 
	.login-page #two-view-page {

	}	
	
/* ==========================================================================
 ??? FRONT PAGE
========================================================================== */		

	#landing-intro {
		padding: 0px;
		font-size: calc(14px + .2vw);
	}	
    #one-client-index,
    #two-client-index {
        width: auto;
        float: none;
    }	
	#two-client-index {
		margin: 3% 12%;
	}
	#ticket-open-inner-text-inner, #ticket-view-inner-text-inner {
		font-size: 3.5vmin;
	 	text-align: center;
	}
	#ticket-open, #ticket-view {
		min-height: unset;
	}
	#ticket-open-inner-text, #ticket-view-inner-text {
		margin-top: 24px;
	}
	#ticket-open-inner-text-inner, #ticket-view-inner-text-inner {
		min-height: unset;
	}
}
@media only screen and (max-width: 460px) {
	#two-client-index {
		margin: 3% 2%;
	}
	#ticket-open-inner-text-inner, #ticket-view-inner-text-inner {
		font-size: 4.5vmin;
	}
	.form-wrapper button {
    	width: 98px;
	}
	.form-wrapper input {
		width: calc(100% - 107px) !important;
	}
} 
@media only screen and (max-width: 400px) {
	#ticket-open-inner-text-inner, #ticket-view-inner-text-inner {
		font-size: 5.5vmin;
	}	
} 
@media only screen and (max-width: 640px) {	
	.category-name,
	.other-resources {
		font-size: 20px;
	}
	.form-wrapper input::-webkit-input-placeholder {
    	font-size: 92% !important;
	}
	.form-wrapper button {
		font-size: 80%;
	}	
	#other-resources-columnized {
		margin: 0 !important;
	}	

/* ==========================================================================
 VIEW (login)
========================================================================== */
  #one-view-page,
    #middle-view-page,
    #two-view-page {
    width: auto;
    float: none;
  	}
	.view-page #one-view-page,	
	.login-page #one-view-page {
    	border-radius: 5px 5px 0 0;
	}	 
	.view-page #two-view-page,	
	.login-page #two-view-page {
    	border-radius: 0 0 5px 5px;
	}		
  #one-view-page {
		border: 1px solid #ddd;
		border-bottom: 0px;
	}
  #middle-view-page {
		background: url('../../osta/img/100x1.png') #fff;
		background-position: center center;
		background-size: 100% 1px;
		background-repeat: no-repeat;
		border: 1px solid #ddd;
		border-top: 0px;
		border-bottom: 0px;
		height: 60px;
  	}
  #two-view-page {
		border: 1px solid #ddd;  
		border-top: 0px;
	}	
	
/* ==========================================================================
 TICKETS
========================================================================== */	
	.search.well {
		margin: 0 0 20px 0;
		padding: 2%;
	}
	#ticketTable th {
		display: none;
	}	
	td.ticket-desktop {
		display: none;
	}		
	td.ticket-mobile {
    	display: table-cell;
	}
	tr#ticket-mobile {
		display: inline;
	}	
	#ticketTable tr:first-child td {
		padding: 16px 2px 4px 0px;
	}
	#ticketTable tr:nth-child(2) td {
		padding: 4px 2px 16px 0px;
	}	
	td[rowspan="2"] {
		padding: 0 9px !important;
	}	
	.link.truncate {
		font-weight: 500;
	    color: #128dbe;	
	}
	#help-topic {
		display: none;
	}	
	select[name="topic_id"] {
		padding: 0 0 0 9px!important;
	}
	span.number {
		top: 2px;
	}

/* ==========================================================================
 TICKET VIEW
========================================================================== */	
	a.action-button[href^="tickets.php?a=print&id"] {
		margin-right: 10px;
	}
	table .headline, table.custom-data .headline {
    	padding: 0 0 4px 0!important;
	}
	table.infoTable th {
		padding: 3px 8px 3px 3px;
		width: 120px;
		float: left;
	}	
	table#ticketInfo tr{
	  	display: table;
	}
	table.infoTable td {
		float: right;
	}	
	table#ticketInfo td:nth-child(2)  {
	  	display:table-row; 
	}
	table.custom-data .headline:after {
    	clear:both;
	}
	#reply {
		padding: 4px 10px 10px 10px;
	}
	
/* ==========================================================================
 PROFILE
========================================================================== */
	input[maxlength="30"], input[maxlength="64"] {
		width: calc(100% - 45px) !important;
	}
	input[type="tel"] {
		width: calc(97% - 117px) !important;
	}	
	select[name="lang"],
	.select2-container--default .select2-selection--single {
		width: 270px;
	}
	input[type="submit"] {
		margin-bottom: 8px;
	}
	
/* ==========================================================================
 ALERTS: ERRORS, NOTICES AND WARNINGS
========================================================================== */
	#msg_notice, #msg_warning, #msg_error {
    	width: calc(98% - 40px);
	}

/* ==========================================================================
 SIDR MENU code in footer.inc
========================================================================== */
	#header {
		position: fixed;
	}
	#nav-wrapper,
	#nav {
		display: none;
	}	
	.c-hamburger {
		display: block;
	}	
	.pull-right.flush-right {
		display: none;
	}	
	button.c-hamburger.c-hamburger--htx {
	    display: inline;
	}
	div#right_menu a {
	    color: #fff;
	}
	.sidr {
	    z-index: 999998;
	}
	.sidr-inner a {
		font-size: 16px !important;
	}	
	.sidr ul {
		display: block;
		margin: 0px 0 200px;
		padding: 0;
		border-bottom: none;
	}
	#header .sidr .sidr-inner ul li a {
		font-weight: 400 !important;
		color: var(--mobile-link-color);
		/* background: #00000014 !important; */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;	
	}	
	.sidr ul#nav-mobile li:nth-child(5) {
		border-top: .5px solid #ffffff2b;
	}
	#sidr-right {
    	margin-top: 60px;
	}	
	.sidr .sidr-inner {
		/* padding: 0 0 15px; */
		margin-top: 0px;
	}	
	.sidr-inner a[href*="/login.php"], 
	.sidr-inner a[href*="/logout.php"] {
		color: var(--nav-bar-link);
		text-decoration: none!important;
		letter-spacing: unset;
		border: unset;
		/* padding: unset !important; */
		margin-left: unset;
		background: unset;
	}	
	.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
		background: #00000014;
	    box-shadow: unset;	
	}	
	.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span	
		ul#nav-mobile {
	    box-shadow: unset;
	}
	li#contact-id {
		position: fixed;
		bottom: 0px;
		background: var(--mobile-menu-bg);
		border-top: .5px solid rgba(0, 0, 0, 0.12);
	    width: 220px;
	}
	li.border {  /* Check Ticket Status gets unique bottom border via jquery */
		border-bottom: .5px solid #ffffff38 !important;
	}	
	div#welcome {
		padding: 13px 15px 17px 15px!important;
		font-weight: 300;
		color: var(--mobile-link-color);
		border-top: .5px solid #1a1a1a4f;
		border-bottom: .5px solid #1a1a1a4f;
		background: #00000014 !important;
		font-family: 'Open Sans';
		font-size: 14px;		
	}
	div#welcome svg {
		position: relative;
		top: 4px;
		fill: var(--mobile-link-color);
	}	
	div[style="margin:0px 30px 0px 30px;padding:5px 0 0 0"] {
		margin: 24px 0 !important;
	}
	#flags-mobile {
		padding: 27px 22px;
	}
	#flags-mobile .flag {
		margin: 0 5px 10px 0;
	}		
}
@media only screen and (min-width: 641px)  {
	#sidr-right {
		display: none;
	}
}

@media only screen and (min-width: 640px) and (max-width: 630px) {
	html[lang="th"] .pull-right.flush-right,
	html[lang="ja"] .pull-right.flush-right,
	html[lang="es_ES"] .pull-right.flush-right	{
		font-size: 12px;
	}
}



/*
/*      Client - EXTRA SMALL SCREEN
/*
*/

@media only screen and (max-width:400px) {
	div#flags a {
		padding-left: 6px;
	}
	div#x-section-1 {
		padding-bottom: 10% !important;
	}	
	img.alignright.size-medium.wp-image-41 {
		margin-bottom: 20px;
	}	
	table.infoTable th {
	    width: unset;
	}	
}

/* ==========================================================================
 MOBILE TABLE EXPERIMENT 2019
========================================================================== */

@media only screen and (max-width: 700px)  {

	/* Force table to not be like tables anymore */
	#ticketTable, #ticketTable thead, #ticketTable tbody, #ticketTable th, #ticketTable td, #ticketTable tr {
		display: block;
	}
	#ticketTable {
		border: 0;
	}	
	#ticketTable th, #ticketTable td {
		width: initial;
	}
	#ticketTable tr th:nth-child(4),
	#ticketTable tr td:nth-child(4) {
		width: initial;
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	#ticketTable thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#ticketTable tr {
		margin: 0 0 1.2rem 0;
		overflow: hidden;	  
		width: calc(100% - 14px);
	}	
	#ticketTable td {
		display: flex !important;
		align-items: center;
		border: none !important;
		padding: 8px 12px !important;
		font-size: 15px !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;	
	}
	form[action="tasks.php"] td:nth-child(2),
	form[action="tasks.php"] td:nth-child(3),
	.directory #ticketTable td:first-child {
		padding: 6px 12px !important;
	}
	#ticketTable td:before {
		flex: 0 0 110px;
		text-align: left;
		padding: 0;
		font-size: 14px;
		font-weight: 600;
		color: #7f8c8d;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}	
	#ticketTable td a {
		font-size: 15px !important;
	}	
	#ticketTable, #ticketTable {
		/* width: 100%; */
		/* border: 1px solid #cfd4d6; */
		/* border-radius: 6px; */
		/* margin: 5px 0 0 0; */
		/* background: initial; */
		background-color: initial;
	}
	#ticketTable tr.highlight {
		background: #ddd;
	}	
	#ticketTable tbody tr.highlight td {
		border-top-color: #ddd !important;
		border-bottom-color: #ddd !important;
	}
	#ticketTable tbody tr:hover td,
	#ticketTable tbody tr:nth-child(2n+1):hover td {
		background: initial;
	}
	#ticketTable td:first-of-type {
		padding-top: 16px !important;
	}
	#ticketTable td:last-of-type {
		padding-bottom: 10px !important;
	}
	#ticketTable td.osta_priority {
	    visibility: hidden;
	}	
	#ticketTable input[type="checkbox"] {
		margin: 0;
		visibility: hidden;
	}
	#ticketTable td.ticket-number:before {
		content: "#";
	}
	#ticketTable td.ticket-updated:before {
		content: "Last Updated";
	}
	#ticketTable td.ticket-status:before {
		content: "Status";
	}
	#ticketTable td.ticket-subject:before {
		content: "Subject";
	}
	#ticketTable td.ticket-department:before {
		content: "Department";
	}	
	#ticketTable tr td,
	#ticketTable tr:nth-child(odd) td {
		background-color: #fff;
	}		
	.truncate {
		vertical-align: top;
		padding: 0 !important;
		margin: 0 !important;
		line-height: 16px;
	}	
	.new-reply {
		top: -9px;
		left: -4px;
		font-size: 11px !important;
	    margin: 0 -10px 0 0;	
	}
	#ticketTable tr {
		border: 1px solid #b9b9b9;
		border-left-width: 6px;
		border-right-width: 6px;
		border-radius: 6px;
		background: #fff;
		-webkit-box-shadow: 1px 1px 6px -3px rgba(0,0,0,0.4);
		-moz-box-shadow: 1px 1px 6px -3px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 6px -3px rgba(0,0,0,0.4);
	}	
	tr.priority-low {
		border-left: 14px solid #58A9E6;
	}
	tr.priority-normal {
		border-left: 14px solid #9CBF56;
	}	
	tr.priority-high {
		border-left: 14px solid #D9B35F;
	}
	tr.priority-emerency {
		border-left: 14px solid #ED656E;
	}	
	form[action="tickets.php"] #ticketTable td:first-child {
		max-width: initial;
	}
	#ticketTable.queue.tickets {
		border: initial;
	}
	#ticketTable tfoot tr {
		box-shadow: initial !important;
		border: initial;
	}
	#ticketTable tfoot td {
		width: initial !important;
		height: initial !important;
		background: initial !important;
		margin: 10px !important;
	}
	#ticketTable.queue.tickets ~ div {
		margin: 10px;
	}
	#ticketTable td.osta_ticket {
	    height: 30px;
	}	
	#ticketTable.queue.tickets .osta_ticket div {
		float: left;
	}
	#new-reply-icon {
		display: none;
	}
	.ticket-status .dot {
	    display: none;
	}	
	.new .ticket-status .dot {
	    display: inline-block;
		position: absolute;
		left: 10px;
	}
	.overdue-ticket,
	.ticket-has-attachement {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 27px;
		display: inline-block;
		content: "";
		margin-top: 2px;
		width: 21px;
	}
	.overdue-ticket {
		background-image: url(../icons/alert-outline.svg);
	}
	.ticket-has-attachement {
		background-image: url(../icons/paperclip.svg);
		background-size: 10px;
		background-position: 0 0;
		width: 12px;
	}
	.Icon.overdueTicket ,
	i.small.icon-paperclip {
		display: none;
	}
	.overdue-ticket,
	.ticket-has-attachement,
	#ticketTable.queue.tickets .osta_ticket div.pull-right {
		margin-left: 22px;
	}
	.faded-more i.icon-comments-alt,
	.task-number i.icon-fixed-width.icon-comments-alt	{
		width: 21px;
		height: 21px;
		background-size: 21px !important;
		top: 0 !important;
		margin: 0 0 0 2px;	
	}
	#ticketTable small.faded-more {
		font-size: 15px !important;
		color: #636363;
	}
	.osta_duedate {
		text-transform: capitalize !important;
	}
	#ticketTable .pull-right.faded-more {
		display: none !important;
	}
	.osta_subject a {
		width: calc(100% - 10px) !important;
	}
	#ticketTable td.osta_priority {
		height: 0 !important;
	}
	#ticketTable time.relative:empty:before {
		content: '(not set)';
		color: #aaa;
		text-transform: lowercase;
	}
	html[lang="ar-EG"] #ticketTable td.ticket-number:before { content: "رقم التذكرة";}
	html[lang="ar-EG"] #ticketTable td.ticket-updated:before { content: "آخر تحديث";}
	html[lang="ar-EG"] #ticketTable td.ticket-subject:before { content: "الموضوع";}
	html[lang="ar-EG"] .list td.osta_username:before { content: "من";}
	html[lang="ar-EG"] .list td.osta_assignee:before { content: "تم إسنادها إلى";}
	html[lang="ar-EG"] .list td.osta_duedate:before { content: "تاريخ الإستحقاق";}
	html[lang="ar-EG"] .list td.osta_closedate:before { content: "تاريخ الاغلاق";}
	html[lang="ar-EG"] .list td.osta_datecreated:before { content: "تاريخ الإنشاء";}
	html[lang="ar-EG"] #ticketTable td.ticket-department:before { content: "القسم";}
	html[lang="ar-EG"] .list td.osta_lastmessage:before { content: "آخر رسالة";}
	html[lang="ar-EG"] .list td.osta_lastresponse:before { content: "آخر رد";}
	html[lang="ar-EG"] #ticketTable td.ticket-status:before { content: "الحالة";}
	html[lang="ar-EG"] .list td.osta_team:before { content: "فريق";}

	html[lang="ar-SA"] #ticketTable td.ticket-number:before { content: "رقم التذكرة";}
	html[lang="ar-SA"] #ticketTable td.ticket-updated:before { content: "آخر تحديث";}
	html[lang="ar-SA"] #ticketTable td.ticket-subject:before { content: "الموضوع";}
	html[lang="ar-SA"] .list td.osta_username:before { content: "من";}
	html[lang="ar-SA"] .list td.osta_assignee:before { content: "تم إسنادها إلى";}
	html[lang="ar-SA"] .list td.osta_duedate:before { content: "تاريخ الإستحقاق";}
	html[lang="ar-SA"] .list td.osta_closedate:before { content: "تاريخ الاغلاق";}
	html[lang="ar-SA"] .list td.osta_datecreated:before { content: "تاريخ الإنشاء";}
	html[lang="ar-SA"] #ticketTable td.ticket-department:before { content: "القسم";}
	html[lang="ar-SA"] .list td.osta_lastmessage:before { content: "آخر رسالة";}
	html[lang="ar-SA"] .list td.osta_lastresponse:before { content: "آخر رد";}
	html[lang="ar-SA"] #ticketTable td.ticket-status:before { content: "الحالة";}
	html[lang="ar-SA"] .list td.osta_team:before { content: "فريق";}

	html[lang="az"] #ticketTable td.ticket-number:before { content: "Sorğu nömrəsi";}
	html[lang="az"] #ticketTable td.ticket-updated:before { content: "Son yenilənmə";}
	html[lang="az"] #ticketTable td.ticket-subject:before { content: "Mövzu";}
	html[lang="az"] .list td.osta_username:before { content: "Kimdən";}
	html[lang="az"] .list td.osta_assignee:before { content: "Təyin olunub";}
	html[lang="az"] .list td.osta_duedate:before { content: "Vaxtı";}
	html[lang="az"] .list td.osta_closedate:before { content: "Bağlanma tarixi";}
	html[lang="az"] .list td.osta_datecreated:before { content: "Tarix yaradıldı";}
	html[lang="az"] #ticketTable td.ticket-department:before { content: "Şöbə";}
	html[lang="az"] .list td.osta_lastmessage:before { content: "Son mesaj";}
	html[lang="az"] .list td.osta_lastresponse:before { content: "Son cavab";}
	html[lang="az"] #ticketTable td.ticket-status:before { content: "Vəziyyət";}
	html[lang="az"] .list td.osta_team:before { content: "Komanda";}

	html[lang="bg"] #ticketTable td.ticket-number:before { content: "Номер на заявката";}
	html[lang="bg"] #ticketTable td.ticket-updated:before { content: "Последно обновление";}
	html[lang="bg"] #ticketTable td.ticket-subject:before { content: "Тема";}
	html[lang="bg"] .list td.osta_username:before { content: "От";}
	html[lang="bg"] .list td.osta_assignee:before { content: "Възложен на";}
	html[lang="bg"] .list td.osta_duedate:before { content: "Краен срок";}
	html[lang="bg"] .list td.osta_closedate:before { content: "Дата на Приключване";}
	html[lang="bg"] .list td.osta_datecreated:before { content: "Дата на създаване";}
	html[lang="bg"] #ticketTable td.ticket-department:before { content: "Отдел";}
	html[lang="bg"] .list td.osta_lastmessage:before { content: "Последно съобщение";}
	html[lang="bg"] .list td.osta_lastresponse:before { content: "Последен отговор";}
	html[lang="bg"] #ticketTable td.ticket-status:before { content: "Статус";}
	html[lang="bg"] .list td.osta_team:before { content: "Екип";}

	html[lang="ca"] #ticketTable td.ticket-number:before { content: "Nombre de Ticket";}
	html[lang="ca"] #ticketTable td.ticket-updated:before { content: "Darrera actualització";}
	html[lang="ca"] #ticketTable td.ticket-subject:before { content: "Assumpte";}
	html[lang="ca"] .list td.osta_username:before { content: "De";}
	html[lang="ca"] .list td.osta_assignee:before { content: "Assignat a";}
	html[lang="ca"] .list td.osta_duedate:before { content: "Data límit";}
	html[lang="ca"] .list td.osta_closedate:before { content: "Data de tancament";}
	html[lang="ca"] .list td.osta_datecreated:before { content: "Data de creació";}
	html[lang="ca"] #ticketTable td.ticket-department:before { content: "Departament";}
	html[lang="ca"] .list td.osta_lastmessage:before { content: "Últim missatge";}
	html[lang="ca"] .list td.osta_lastresponse:before { content: "Última resposta";}
	html[lang="ca"] #ticketTable td.ticket-status:before { content: "Estat";}
	html[lang="ca"] .list td.osta_team:before { content: "Equip";}

	html[lang="cs"] #ticketTable td.ticket-number:before { content: "Číslo požadavku";}
	html[lang="cs"] #ticketTable td.ticket-updated:before { content: "Poslední změna";}
	html[lang="cs"] #ticketTable td.ticket-subject:before { content: "Předmět";}
	html[lang="cs"] .list td.osta_username:before { content: "Od";}
	html[lang="cs"] .list td.osta_assignee:before { content: "Přiděleno";}
	html[lang="cs"] .list td.osta_duedate:before { content: "Termín";}
	html[lang="cs"] .list td.osta_closedate:before { content: "Datum uzavření";}
	html[lang="cs"] .list td.osta_datecreated:before { content: "Datum vytvoření";}
	html[lang="cs"] #ticketTable td.ticket-department:before { content: "Oddělení";}
	html[lang="cs"] .list td.osta_lastmessage:before { content: "Poslední zpráva";}
	html[lang="cs"] .list td.osta_lastresponse:before { content: "Poslední odpověď";}
	html[lang="cs"] #ticketTable td.ticket-status:before { content: "Stav";}
	html[lang="cs"] .list td.osta_team:before { content: "Tým";}

	html[lang="da"] #ticketTable td.ticket-number:before { content: "Sagsnummer";}
	html[lang="da"] #ticketTable td.ticket-updated:before { content: "Sidst opdateret";}
	html[lang="da"] #ticketTable td.ticket-subject:before { content: "Emne";}
	html[lang="da"] .list td.osta_username:before { content: "Fra";}
	html[lang="da"] .list td.osta_assignee:before { content: "Tildelt til";}
	html[lang="da"] .list td.osta_duedate:before { content: "Forfaldsdato";}
	html[lang="da"] .list td.osta_closedate:before { content: "Lukke dato";}
	html[lang="da"] .list td.osta_datecreated:before { content: "Oprettelsesdato";}
	html[lang="da"] #ticketTable td.ticket-department:before { content: "Afdeling";}
	html[lang="da"] .list td.osta_lastmessage:before { content: "Sidste besked";}
	html[lang="da"] .list td.osta_lastresponse:before { content: "Sidste svar";}
	html[lang="da"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="da"] .list td.osta_team:before { content: "Hold";}

	html[lang="de"] #ticketTable td.ticket-number:before { content: "Ticket-Nummer";}
	html[lang="de"] #ticketTable td.ticket-updated:before { content: "Zuletzt aktualisiert";}
	html[lang="de"] #ticketTable td.ticket-subject:before { content: "Betreff";}
	html[lang="de"] .list td.osta_username:before { content: "Von";}
	html[lang="de"] .list td.osta_assignee:before { content: "Zugewiesen an";}
	html[lang="de"] .list td.osta_duedate:before { content: "Fälligkeitsdatum";}
	html[lang="de"] .list td.osta_closedate:before { content: "Geschlossen am";}
	html[lang="de"] .list td.osta_datecreated:before { content: "Erstellungsdatum";}
	html[lang="de"] #ticketTable td.ticket-department:before { content: "Abteilung";}
	html[lang="de"] .list td.osta_lastmessage:before { content: "Letzte Nachricht";}
	html[lang="de"] .list td.osta_lastresponse:before { content: "Letzte Antwort";}
	html[lang="de"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="de"] .list td.osta_team:before { content: "Team";}

	html[lang="el"] #ticketTable td.ticket-number:before { content: "Αριθμός Δελτίου";}
	html[lang="el"] #ticketTable td.ticket-updated:before { content: "Τελευταία Ενημέρωση";}
	html[lang="el"] #ticketTable td.ticket-subject:before { content: "Θέμα";}
	html[lang="el"] .list td.osta_username:before { content: "Από";}
	html[lang="el"] .list td.osta_assignee:before { content: "Ανατέθηκε Στον";}
	html[lang="el"] .list td.osta_duedate:before { content: "Ημερομηνία Παράδοσης";}
	html[lang="el"] .list td.osta_closedate:before { content: "Ημερομηνία Κλεισίματος";}
	html[lang="el"] .list td.osta_datecreated:before { content: "Ημερομηνία Δημιουργίας";}
	html[lang="el"] #ticketTable td.ticket-department:before { content: "Τμήμα";}
	html[lang="el"] .list td.osta_lastmessage:before { content: "Τελευταίο Μήνυμα";}
	html[lang="el"] .list td.osta_lastresponse:before { content: "'Τελευταία Απόκριση";}
	html[lang="el"] #ticketTable td.ticket-status:before { content: "Κατάσταση";}
	html[lang="el"] .list td.osta_team:before { content: "Ομάδα";}

	html[lang="es-AR"] #ticketTable td.ticket-number:before { content: "Número de Ticket";}
	html[lang="es-AR"] #ticketTable td.ticket-updated:before { content: "Última actualización";}
	html[lang="es-AR"] #ticketTable td.ticket-subject:before { content: "Asunto";}
	html[lang="es-AR"] .list td.osta_username:before { content: "De";}
	html[lang="es-AR"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-AR"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-AR"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-AR"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-AR"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="es-AR"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-AR"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-AR"] #ticketTable td.ticket-status:before { content: "Estado";}
	html[lang="es-AR"] .list td.osta_team:before { content: "Equipo";}

	html[lang="es-ES"] #ticketTable td.ticket-number:before { content: "Número de Ticket";}
	html[lang="es-ES"] #ticketTable td.ticket-updated:before { content: "Última actualización";}
	html[lang="es-ES"] #ticketTable td.ticket-subject:before { content: "Asunto";}
	html[lang="es-ES"] .list td.osta_username:before { content: "De";}
	html[lang="es-ES"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-ES"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-ES"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-ES"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-ES"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="es-ES"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-ES"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-ES"] #ticketTable td.ticket-status:before { content: "Estado";}
	html[lang="es-ES"] .list td.osta_team:before { content: "Equipo";}

	html[lang="es-MX"] #ticketTable td.ticket-number:before { content: "Número de Ticket";}
	html[lang="es-MX"] #ticketTable td.ticket-updated:before { content: "Última actualización";}
	html[lang="es-MX"] #ticketTable td.ticket-subject:before { content: "Asunto";}
	html[lang="es-MX"] .list td.osta_username:before { content: "De";}
	html[lang="es-MX"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-MX"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-MX"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-MX"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-MX"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="es-MX"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-MX"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-MX"] #ticketTable td.ticket-status:before { content: "Estado";}
	html[lang="es-MX"] .list td.osta_team:before { content: "Equipo";}

	html[lang="et"] #ticketTable td.ticket-number:before { content: "Pöördumise number";}
	html[lang="et"] #ticketTable td.ticket-updated:before { content: "Viimati uuendatud";}
	html[lang="et"] #ticketTable td.ticket-subject:before { content: "Pealkiri";}
	html[lang="et"] .list td.osta_username:before { content: "Kellelt";}
	html[lang="et"] .list td.osta_assignee:before { content: "Suunatud";}
	html[lang="et"] .list td.osta_duedate:before { content: "Tähtaeg";}
	html[lang="et"] .list td.osta_closedate:before { content: "Sulgemise kuupäev";}
	html[lang="et"] .list td.osta_datecreated:before { content: "Loomise kuupäev";}
	html[lang="et"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="et"] .list td.osta_lastmessage:before { content: "Viimane sõnum";}
	html[lang="et"] .list td.osta_lastresponse:before { content: "Viimane vastus";}
	html[lang="et"] #ticketTable td.ticket-status:before { content: "Staatus";}
	html[lang="et"] .list td.osta_team:before { content: "Meeskond";}

	html[lang="fa"] #ticketTable td.ticket-number:before { content: "شماره پیگیری";}
	html[lang="fa"] #ticketTable td.ticket-updated:before { content: "آخرین بروزرسانی";}
	html[lang="fa"] #ticketTable td.ticket-subject:before { content: "موضوع";}
	html[lang="fa"] .list td.osta_username:before { content: "از";}
	html[lang="fa"] .list td.osta_assignee:before { content: "محول شده به";}
	html[lang="fa"] .list td.osta_duedate:before { content: "تاریخ انقضاء";}
	html[lang="fa"] .list td.osta_closedate:before { content: "تاریخ بسته شدن";}
	html[lang="fa"] .list td.osta_datecreated:before { content: "تاریخ ایجاد";}
	html[lang="fa"] #ticketTable td.ticket-department:before { content: "واحد سازمانی";}
	html[lang="fa"] .list td.osta_lastmessage:before { content: "آخرین پیام";}
	html[lang="fa"] .list td.osta_lastresponse:before { content: "آخرین پاسخ";}
	html[lang="fa"] #ticketTable td.ticket-status:before { content: "وضعیت";}
	html[lang="fa"] .list td.osta_team:before { content: "تیم";}

	html[lang="fi"] #ticketTable td.ticket-number:before { content: "Tikettinumero";}
	html[lang="fi"] #ticketTable td.ticket-updated:before { content: "Viimeksi päivitetty";}
	html[lang="fi"] #ticketTable td.ticket-subject:before { content: "Aihe";}
	html[lang="fi"] .list td.osta_username:before { content: "Lähettäjä";}
	html[lang="fi"] .list td.osta_assignee:before { content: "Käsittelijä";}
	html[lang="fi"] .list td.osta_duedate:before { content: "Eräpäivä";}
	html[lang="fi"] .list td.osta_closedate:before { content: "Sulkupäiväys";}
	html[lang="fi"] .list td.osta_datecreated:before { content: "Luontipäivä";}
	html[lang="fi"] #ticketTable td.ticket-department:before { content: "Osasto";}
	html[lang="fi"] .list td.osta_lastmessage:before { content: "Viimeinen viesti";}
	html[lang="fi"] .list td.osta_lastresponse:before { content: "Viimeisin vastaus";}
	html[lang="fi"] #ticketTable td.ticket-status:before { content: "Tila";}
	html[lang="fi"] .list td.osta_team:before { content: "Tiimi";}

	html[lang="fr"] #ticketTable td.ticket-number:before { content: "Numéro de billet";}
	html[lang="fr"] #ticketTable td.ticket-updated:before { content: "Dernière mise à jour";}
	html[lang="fr"] #ticketTable td.ticket-subject:before { content: "Sujet";}
	html[lang="fr"] .list td.osta_username:before { content: "De";}
	html[lang="fr"] .list td.osta_assignee:before { content: "Assigné à";}
	html[lang="fr"] .list td.osta_duedate:before { content: "Date d'échéance";}
	html[lang="fr"] .list td.osta_closedate:before { content: "Date de fermeture";}
	html[lang="fr"] .list td.osta_datecreated:before { content: "Date de création";}
	html[lang="fr"] #ticketTable td.ticket-department:before { content: "Service";}
	html[lang="fr"] .list td.osta_lastmessage:before { content: "Dernier Message";}
	html[lang="fr"] .list td.osta_lastresponse:before { content: "Dernière réponse";}
	html[lang="fr"] #ticketTable td.ticket-status:before { content: "État";}
	html[lang="fr"] .list td.osta_team:before { content: "Équipe";}

	html[lang="he"] #ticketTable td.ticket-number:before { content: "מספר כרטיס";}
	html[lang="he"] #ticketTable td.ticket-updated:before { content: "עודכן לאחרונה";}
	html[lang="he"] #ticketTable td.ticket-subject:before { content: "נושא";}
	html[lang="he"] .list td.osta_username:before { content: "מאת";}
	html[lang="he"] .list td.osta_assignee:before { content: "מוקצה ל-";}
	html[lang="he"] .list td.osta_duedate:before { content: "תאריך יעד";}
	html[lang="he"] .list td.osta_closedate:before { content: "תאריך סגירה";}
	html[lang="he"] .list td.osta_datecreated:before { content: "תאריך יצירה";}
	html[lang="he"] #ticketTable td.ticket-department:before { content: "מחלקה";}
	html[lang="he"] .list td.osta_lastmessage:before { content: "הודעה אחרונה";}
	html[lang="he"] .list td.osta_lastresponse:before { content: "תגובה אחרונה";}
	html[lang="he"] #ticketTable td.ticket-status:before { content: "מצב";}
	html[lang="he"] .list td.osta_team:before { content: "צוות";}

	html[lang="hr"] #ticketTable td.ticket-number:before { content: "Broj kartice";}
	html[lang="hr"] #ticketTable td.ticket-updated:before { content: "Zadnje ažuriranje";}
	html[lang="hr"] #ticketTable td.ticket-subject:before { content: "Naslov";}
	html[lang="hr"] .list td.osta_username:before { content: "Od";}
	html[lang="hr"] .list td.osta_assignee:before { content: "Dodjeljeno";}
	html[lang="hr"] .list td.osta_duedate:before { content: "Krajnji rok";}
	html[lang="hr"] .list td.osta_closedate:before { content: "Datum zatvaranja";}
	html[lang="hr"] .list td.osta_datecreated:before { content: "Datum kreiranja";}
	html[lang="hr"] #ticketTable td.ticket-department:before { content: "Odjel";}
	html[lang="hr"] .list td.osta_lastmessage:before { content: "Zadnja poruka";}
	html[lang="hr"] .list td.osta_lastresponse:before { content: "Zadnji odgovor";}
	html[lang="hr"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="hr"] .list td.osta_team:before { content: "Tim";}

	html[lang="hu"] #ticketTable td.ticket-number:before { content: "Hibajegy szám";}
	html[lang="hu"] #ticketTable td.ticket-updated:before { content: "Utolsó módosítás";}
	html[lang="hu"] #ticketTable td.ticket-subject:before { content: "Tárgy";}
	html[lang="hu"] .list td.osta_username:before { content: "Feladó";}
	html[lang="hu"] .list td.osta_assignee:before { content: "Hozzárendelt";}
	html[lang="hu"] .list td.osta_duedate:before { content: "Határidő";}
	html[lang="hu"] .list td.osta_closedate:before { content: "Dátum lezárása";}
	html[lang="hu"] .list td.osta_datecreated:before { content: "Létrehozás dátuma";}
	html[lang="hu"] #ticketTable td.ticket-department:before { content: "Részleg";}
	html[lang="hu"] .list td.osta_lastmessage:before { content: "Utolsó üzenet";}
	html[lang="hu"] .list td.osta_lastresponse:before { content: "Utolsó válasz";}
	html[lang="hu"] #ticketTable td.ticket-status:before { content: "Állapot";}
	html[lang="hu"] .list td.osta_team:before { content: "Csapat";}

	html[lang="id"] #ticketTable td.ticket-number:before { content: "Nomor Tiket";}
	html[lang="id"] #ticketTable td.ticket-updated:before { content: "Terakhir Diperbaharui";}
	html[lang="id"] #ticketTable td.ticket-subject:before { content: "Subjek";}
	html[lang="id"] .list td.osta_username:before { content: "Dari";}
	html[lang="id"] .list td.osta_assignee:before { content: "Menugaskan ke";}
	html[lang="id"] .list td.osta_duedate:before { content: "Jatuh tempo";}
	html[lang="id"] .list td.osta_closedate:before { content: "Tanggal Tutup";}
	html[lang="id"] .list td.osta_datecreated:before { content: "Tanggal Dibuat";}
	html[lang="id"] #ticketTable td.ticket-department:before { content: "Departemen";}
	html[lang="id"] .list td.osta_lastmessage:before { content: "Pesan Terakhir";}
	html[lang="id"] .list td.osta_lastresponse:before { content: "Respon Terakhir";}
	html[lang="id"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="id"] .list td.osta_team:before { content: "Tim";}

	html[lang="it"] #ticketTable td.ticket-number:before { content: "Numero Ticket";}
	html[lang="it"] #ticketTable td.ticket-updated:before { content: "Ultimo Aggiornamento";}
	html[lang="it"] #ticketTable td.ticket-subject:before { content: "Oggetto";}
	html[lang="it"] .list td.osta_username:before { content: "Da";}
	html[lang="it"] .list td.osta_assignee:before { content: "Assegnato a";}
	html[lang="it"] .list td.osta_duedate:before { content: "Data Scadenza";}
	html[lang="it"] .list td.osta_closedate:before { content: "Data di chiusura";}
	html[lang="it"] .list td.osta_datecreated:before { content: "Dato registrato";}
	html[lang="it"] #ticketTable td.ticket-department:before { content: "Reparto";}
	html[lang="it"] .list td.osta_lastmessage:before { content: "Ultimo Messaggio";}
	html[lang="it"] .list td.osta_lastresponse:before { content: "Ultima Risposta";}
	html[lang="it"] #ticketTable td.ticket-status:before { content: "Stato";}
	html[lang="it"] .list td.osta_team:before { content: "Team";}

	html[lang="ja"] #ticketTable td.ticket-number:before { content: "チケット番号";}
	html[lang="ja"] #ticketTable td.ticket-updated:before { content: "前回の更新";}
	html[lang="ja"] #ticketTable td.ticket-subject:before { content: "件名";}
	html[lang="ja"] .list td.osta_username:before { content: "差出人";}
	html[lang="ja"] .list td.osta_assignee:before { content: "アサイン先";}
	html[lang="ja"] .list td.osta_duedate:before { content: "期限日";}
	html[lang="ja"] .list td.osta_closedate:before { content: "終了日";}
	html[lang="ja"] .list td.osta_datecreated:before { content: "作成日";}
	html[lang="ja"] #ticketTable td.ticket-department:before { content: "部門";}
	html[lang="ja"] .list td.osta_lastmessage:before { content: "前回のメッセージ";}
	html[lang="ja"] .list td.osta_lastresponse:before { content: "前回の返信";}
	html[lang="ja"] #ticketTable td.ticket-status:before { content: "ステータス";}
	html[lang="ja"] .list td.osta_team:before { content: "チーム";}

	html[lang="ko"] #ticketTable td.ticket-number:before { content: "티켓 번호";}
	html[lang="ko"] #ticketTable td.ticket-updated:before { content: "최종 갱신";}
	html[lang="ko"] #ticketTable td.ticket-subject:before { content: "제목";}
	html[lang="ko"] .list td.osta_username:before { content: "발신자";}
	html[lang="ko"] .list td.osta_assignee:before { content: "할당";}
	html[lang="ko"] .list td.osta_duedate:before { content: "완료목표일";}
	html[lang="ko"] .list td.osta_closedate:before { content: "종료일시";}
	html[lang="ko"] .list td.osta_datecreated:before { content: "작성일";}
	html[lang="ko"] #ticketTable td.ticket-department:before { content: "부서";}
	html[lang="ko"] .list td.osta_lastmessage:before { content: "마지막 메시지";}
	html[lang="ko"] .list td.osta_lastresponse:before { content: "최근 답변";}
	html[lang="ko"] #ticketTable td.ticket-status:before { content: "상태";}
	html[lang="ko"] .list td.osta_team:before { content: "팀";}

	html[lang="lt"] #ticketTable td.ticket-number:before { content: "Užklausos numeris";}
	html[lang="lt"] #ticketTable td.ticket-updated:before { content: "Paskutinį kartą atnaujinta";}
	html[lang="lt"] #ticketTable td.ticket-subject:before { content: "Tema";}
	html[lang="lt"] .list td.osta_username:before { content: "Nuo";}
	html[lang="lt"] .list td.osta_assignee:before { content: "Priskirta";}
	html[lang="lt"] .list td.osta_duedate:before { content: "Terminas iki";}
	html[lang="lt"] .list td.osta_closedate:before { content: "Uždarymo data";}
	html[lang="lt"] .list td.osta_datecreated:before { content: "Sukūrimo data";}
	html[lang="lt"] #ticketTable td.ticket-department:before { content: "Padalinys";}
	html[lang="lt"] .list td.osta_lastmessage:before { content: "Paskutinis pranešimas";}
	html[lang="lt"] .list td.osta_lastresponse:before { content: "Paskutinis atsakymas";}
	html[lang="lt"] #ticketTable td.ticket-status:before { content: "Būsena";}
	html[lang="lt"] .list td.osta_team:before { content: "Komanda";}

	html[lang="mk"] #ticketTable td.ticket-number:before { content: "Број на Тикет";}
	html[lang="mk"] #ticketTable td.ticket-updated:before { content: "Последно обновено";}
	html[lang="mk"] #ticketTable td.ticket-subject:before { content: "Наслов";}
	html[lang="mk"] .list td.osta_username:before { content: "Од";}
	html[lang="mk"] .list td.osta_assignee:before { content: "Доделено на";}
	html[lang="mk"] .list td.osta_duedate:before { content: "Краен рок";}
	html[lang="mk"] .list td.osta_closedate:before { content: "Датум на затворање";}
	html[lang="mk"] .list td.osta_datecreated:before { content: "Датум на креирање";}
	html[lang="mk"] #ticketTable td.ticket-department:before { content: "Оддел";}
	html[lang="mk"] .list td.osta_lastmessage:before { content: "Последна порака";}
	html[lang="mk"] .list td.osta_lastresponse:before { content: "Последен одговор";}
	html[lang="mk"] #ticketTable td.ticket-status:before { content: "Статус";}
	html[lang="mk"] .list td.osta_team:before { content: "Тим";}

	html[lang="mn"] #ticketTable td.ticket-number:before { content: "Хүсэлтийн дугаар";}
	html[lang="mn"] #ticketTable td.ticket-updated:before { content: "Шинэчлэгдсэн";}
	html[lang="mn"] #ticketTable td.ticket-subject:before { content: "Subject";}
	html[lang="mn"] .list td.osta_username:before { content: "From";}
	html[lang="mn"] .list td.osta_assignee:before { content: "Хариуцсан";}
	html[lang="mn"] .list td.osta_duedate:before { content: "Гүйцэтгэх огноо";}
	html[lang="mn"] .list td.osta_closedate:before { content: "Хаагдсан огноо";}
	html[lang="mn"] .list td.osta_datecreated:before { content: "Үүсгэсэн огноо";}
	html[lang="mn"] #ticketTable td.ticket-department:before { content: "Алба";}
	html[lang="mn"] .list td.osta_lastmessage:before { content: "Сүүлчийн мессеж";}
	html[lang="mn"] .list td.osta_lastresponse:before { content: "Сүүлчийн хариулт";}
	html[lang="mn"] #ticketTable td.ticket-status:before { content: "Төлөв";}
	html[lang="mn"] .list td.osta_team:before { content: "Баг";}

	html[lang="ms"] #ticketTable td.ticket-number:before { content: "Nombor Tiket";}
	html[lang="ms"] #ticketTable td.ticket-updated:before { content: "Terakhir Dikemaskini";}
	html[lang="ms"] #ticketTable td.ticket-subject:before { content: "Subjek";}
	html[lang="ms"] .list td.osta_username:before { content: "Daripada";}
	html[lang="ms"] .list td.osta_assignee:before { content: "Diberikan kepada";}
	html[lang="ms"] .list td.osta_duedate:before { content: "Tarikh Akhir";}
	html[lang="ms"] .list td.osta_closedate:before { content: "Tarikh Tutup";}
	html[lang="ms"] .list td.osta_datecreated:before { content: "Tarikh Dicipta";}
	html[lang="ms"] #ticketTable td.ticket-department:before { content: "Jabatan";}
	html[lang="ms"] .list td.osta_lastmessage:before { content: "Mesej Terakhir";}
	html[lang="ms"] .list td.osta_lastresponse:before { content: "Respon Terakhir";}
	html[lang="ms"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="ms"] .list td.osta_team:before { content: "Pasukan";}

	html[lang="nl"] #ticketTable td.ticket-number:before { content: "Ticketnummer";}
	html[lang="nl"] #ticketTable td.ticket-updated:before { content: "Laatst bijgewerkt";}
	html[lang="nl"] #ticketTable td.ticket-subject:before { content: "Onderwerp";}
	html[lang="nl"] .list td.osta_username:before { content: "Van";}
	html[lang="nl"] .list td.osta_assignee:before { content: "Toegewezen aan";}
	html[lang="nl"] .list td.osta_duedate:before { content: "Vervaldatum";}
	html[lang="nl"] .list td.osta_closedate:before { content: "Sluitingsdatum";}
	html[lang="nl"] .list td.osta_datecreated:before { content: "Aanmaakdatum";}
	html[lang="nl"] #ticketTable td.ticket-department:before { content: "Afdeling";}
	html[lang="nl"] .list td.osta_lastmessage:before { content: "Laatste bericht";}
	html[lang="nl"] .list td.osta_lastresponse:before { content: "Laatste reactie";}
	html[lang="nl"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="nl"] .list td.osta_team:before { content: "Team";}

	html[lang="no"] #ticketTable td.ticket-number:before { content: "Saksnummer";}
	html[lang="no"] #ticketTable td.ticket-updated:before { content: "sist oppdatert";}
	html[lang="no"] #ticketTable td.ticket-subject:before { content: "Emne";}
	html[lang="no"] .list td.osta_username:before { content: "Fra";}
	html[lang="no"] .list td.osta_assignee:before { content: "Tilordnet til";}
	html[lang="no"] .list td.osta_duedate:before { content: "Forfallsdato";}
	html[lang="no"] .list td.osta_closedate:before { content: "ferdig dato";}
	html[lang="no"] .list td.osta_datecreated:before { content: "Dato opprettet";}
	html[lang="no"] #ticketTable td.ticket-department:before { content: "Avdeling";}
	html[lang="no"] .list td.osta_lastmessage:before { content: "Siste melding";}
	html[lang="no"] .list td.osta_lastresponse:before { content: "Siste svar";}
	html[lang="no"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="no"] .list td.osta_team:before { content: "Team";}

	html[lang="pl"] #ticketTable td.ticket-number:before { content: "Numer zgłoszenia";}
	html[lang="pl"] #ticketTable td.ticket-updated:before { content: "Ostatnio zaktualizowano";}
	html[lang="pl"] #ticketTable td.ticket-subject:before { content: "Temat";}
	html[lang="pl"] .list td.osta_username:before { content: "Od";}
	html[lang="pl"] .list td.osta_assignee:before { content: "Przypisane do";}
	html[lang="pl"] .list td.osta_duedate:before { content: "Termin wykonania";}
	html[lang="pl"] .list td.osta_closedate:before { content: "Data zakończenia";}
	html[lang="pl"] .list td.osta_datecreated:before { content: "Data utworzenia";}
	html[lang="pl"] #ticketTable td.ticket-department:before { content: "Departament";}
	html[lang="pl"] .list td.osta_lastmessage:before { content: "Ostatnia wiadomość";}
	html[lang="pl"] .list td.osta_lastresponse:before { content: "Ostatnia odpowiedź";}
	html[lang="pl"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="pl"] .list td.osta_team:before { content: "Zespół";}

	html[lang="pt-BR"] #ticketTable td.ticket-number:before { content: "Número do Ticket";}
	html[lang="pt-BR"] #ticketTable td.ticket-updated:before { content: "Última Atualização";}
	html[lang="pt-BR"] #ticketTable td.ticket-subject:before { content: "Assunto";}
	html[lang="pt-BR"] .list td.osta_username:before { content: "De";}
	html[lang="pt-BR"] .list td.osta_assignee:before { content: "Atribuído a";}
	html[lang="pt-BR"] .list td.osta_duedate:before { content: "Data de Vencimento";}
	html[lang="pt-BR"] .list td.osta_closedate:before { content: "Data de Conclusão";}
	html[lang="pt-BR"] .list td.osta_datecreated:before { content: "Data de Criação";}
	html[lang="pt-BR"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="pt-BR"] .list td.osta_lastmessage:before { content: "Última Mensagem";}
	html[lang="pt-BR"] .list td.osta_lastresponse:before { content: "Última Resposta";}
	html[lang="pt-BR"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="pt-BR"] .list td.osta_team:before { content: "Equipe";}

	html[lang="pt-PT"] #ticketTable td.ticket-updated:before { content: "Última atualização";}
	html[lang="pt-PT"] #ticketTable td.ticket-subject:before { content: "Assunto";}
	html[lang="pt-PT"] .list td.osta_username:before { content: "De";}
	html[lang="pt-PT"] .list td.osta_assignee:before { content: "Atribuído a";}
	html[lang="pt-PT"] .list td.osta_duedate:before { content: "Data de vencimento";}
	html[lang="pt-PT"] .list td.osta_closedate:before { content: "Data de fecho";}
	html[lang="pt-PT"] .list td.osta_datecreated:before { content: "Data Criada";}
	html[lang="pt-PT"] #ticketTable td.ticket-department:before { content: "Departamento";}
	html[lang="pt-PT"] .list td.osta_lastmessage:before { content: "Última mensagem";}
	html[lang="pt-PT"] .list td.osta_lastresponse:before { content: "Última resposta";}
	html[lang="pt-PT"] #ticketTable td.ticket-status:before { content: "Estado";}
	html[lang="pt-PT"] .list td.osta_team:before { content: "Equipa";}

	html[lang="ro"] #ticketTable td.ticket-updated:before { content: "Ultima actualizare";}
	html[lang="ro"] #ticketTable td.ticket-subject:before { content: "Subiect";}
	html[lang="ro"] .list td.osta_username:before { content: "Expeditor";}
	html[lang="ro"] .list td.osta_assignee:before { content: "Atribuit lui";}
	html[lang="ro"] .list td.osta_duedate:before { content: "Data scadentă";}
	html[lang="ro"] .list td.osta_closedate:before { content: "Data inchidere";}
	html[lang="ro"] .list td.osta_datecreated:before { content: "Data creării";}
	html[lang="ro"] #ticketTable td.ticket-department:before { content: "Departament";}
	html[lang="ro"] .list td.osta_lastmessage:before { content: "Ultimul mesaj";}
	html[lang="ro"] .list td.osta_lastresponse:before { content: "Ultimul raspuns";}
	html[lang="ro"] #ticketTable td.ticket-status:before { content: "Stare";}
	html[lang="ro"] .list td.osta_team:before { content: "Echipa";}

	html[lang="ru"] #ticketTable td.ticket-updated:before { content: "Последнее обновление";}
	html[lang="ru"] #ticketTable td.ticket-subject:before { content: "Тема";}
	html[lang="ru"] .list td.osta_username:before { content: "От";}
	html[lang="ru"] .list td.osta_assignee:before { content: "Назначено На";}
	html[lang="ru"] .list td.osta_duedate:before { content: "Срок сдачи";}
	html[lang="ru"] .list td.osta_closedate:before { content: "Дата Закрытия";}
	html[lang="ru"] .list td.osta_datecreated:before { content: "Дата создания";}
	html[lang="ru"] #ticketTable td.ticket-department:before { content: "Отдел";}
	html[lang="ru"] .list td.osta_lastmessage:before { content: "Последнее сообщение";}
	html[lang="ru"] .list td.osta_lastresponse:before { content: "Последний ответ";}
	html[lang="ru"] #ticketTable td.ticket-status:before { content: "Статус";}
	html[lang="ru"] .list td.osta_team:before { content: "Команда";}

	html[lang="sk"] #ticketTable td.ticket-updated:before { content: "Posledná aktualizácia";}
	html[lang="sk"] #ticketTable td.ticket-subject:before { content: "Predmet";}
	html[lang="sk"] .list td.osta_username:before { content: "Od";}
	html[lang="sk"] .list td.osta_assignee:before { content: "Pridelené";}
	html[lang="sk"] .list td.osta_duedate:before { content: "Termín";}
	html[lang="sk"] .list td.osta_closedate:before { content: "Dátum uzavretia";}
	html[lang="sk"] .list td.osta_datecreated:before { content: "Dátum vytvorenia";}
	html[lang="sk"] #ticketTable td.ticket-department:before { content: "Oddelenie";}
	html[lang="sk"] .list td.osta_lastmessage:before { content: "Posledná správa";}
	html[lang="sk"] .list td.osta_lastresponse:before { content: "Posledná odpoveď";}
	html[lang="sk"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="sk"] .list td.osta_team:before { content: "Tím";}

	html[lang="sl"] #ticketTable td.ticket-updated:before { content: "Nazadnje posodobljeno";}
	html[lang="sl"] #ticketTable td.ticket-subject:before { content: "Zadeva";}
	html[lang="sl"] .list td.osta_username:before { content: "Od";}
	html[lang="sl"] .list td.osta_assignee:before { content: "Dodeljeno za";}
	html[lang="sl"] .list td.osta_duedate:before { content: "Datum zapadlosti";}
	html[lang="sl"] .list td.osta_closedate:before { content: "Datum zapiranja";}
	html[lang="sl"] .list td.osta_datecreated:before { content: "Datum nastanka";}
	html[lang="sl"] #ticketTable td.ticket-department:before { content: "Oddelek";}
	html[lang="sl"] .list td.osta_lastmessage:before { content: "Zadnje Sporočilo";}
	html[lang="sl"] .list td.osta_lastresponse:before { content: "Zadnje obvestilo";}
	html[lang="sl"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="sl"] .list td.osta_team:before { content: "Skupina";}

	html[lang="sr-CS"] #ticketTable td.ticket-updated:before { content: "Poslednje ažuriranje";}
	html[lang="sr-CS"] #ticketTable td.ticket-subject:before { content: "Naslov";}
	html[lang="sr-CS"] .list td.osta_username:before { content: "Od";}
	html[lang="sr-CS"] .list td.osta_assignee:before { content: "Dodeljeno";}
	html[lang="sr-CS"] .list td.osta_duedate:before { content: "Tokom datuma";}
	html[lang="sr-CS"] .list td.osta_closedate:before { content: "Datum zatvaranja";}
	html[lang="sr-CS"] .list td.osta_datecreated:before { content: "Datum kreiranja";}
	html[lang="sr-CS"] #ticketTable td.ticket-department:before { content: "Odsek";}
	html[lang="sr-CS"] .list td.osta_lastmessage:before { content: "Poslednja poruka";}
	html[lang="sr-CS"] .list td.osta_lastresponse:before { content: "Poslednji odgovor";}
	html[lang="sr-CS"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="sr-CS"] .list td.osta_team:before { content: "Tim";}

	html[lang="sv-SE"] #ticketTable td.ticket-updated:before { content: "Senast uppdaterad";}
	html[lang="sv-SE"] #ticketTable td.ticket-subject:before { content: "Ämne";}
	html[lang="sv-SE"] .list td.osta_username:before { content: "Från";}
	html[lang="sv-SE"] .list td.osta_assignee:before { content: "Tilldelat till";}
	html[lang="sv-SE"] .list td.osta_duedate:before { content: "Förfallodatum";}
	html[lang="sv-SE"] .list td.osta_closedate:before { content: "Stängt Datum";}
	html[lang="sv-SE"] .list td.osta_datecreated:before { content: "Skapad den";}
	html[lang="sv-SE"] #ticketTable td.ticket-department:before { content: "Avdelning";}
	html[lang="sv-SE"] .list td.osta_lastmessage:before { content: "Senaste Meddelande";}
	html[lang="sv-SE"] .list td.osta_lastresponse:before { content: "Senaste Svar";}
	html[lang="sv-SE"] #ticketTable td.ticket-status:before { content: "Status";}
	html[lang="sv-SE"] .list td.osta_team:before { content: "Team";}

	html[lang="th"] #ticketTable td.ticket-number:before { content: "Ticket number";}
	html[lang="th"] #ticketTable td.ticket-updated:before { content: "'ปรับปรุงล่าสุดเมื่อ'";}
	html[lang="th"] #ticketTable td.ticket-subject:before { content: "เรื่อง";}
	html[lang="th"] .list td.osta_username:before { content: "'จาก";}
	html[lang="th"] .list td.osta_assignee:before { content: "มอบหมายให้";}
	html[lang="th"] .list td.osta_duedate:before { content: "วันครบกำหนด";}
	html[lang="th"] .list td.osta_closedate:before { content: "วันปิด";}
	html[lang="th"] .list td.osta_datecreated:before { content: "วันที่สร้าง";}
	html[lang="th"] #ticketTable td.ticket-department:before { content: "แผนก";}
	html[lang="th"] .list td.osta_lastmessage:before { content: "ข้อความล่าสุด";}
	html[lang="th"] .list td.osta_lastresponse:before { content: "ตอบล่าสุด";}
	html[lang="th"] #ticketTable td.ticket-status:before { content: "สถานะ";}
	html[lang="th"] .list td.osta_team:before { content: "'ทีม";}

	html[lang="tr"] #ticketTable td.ticket-number:before { content: "Talep Numaranız";}
	html[lang="tr"] #ticketTable td.ticket-updated:before { content: "Son Güncelleme";}
	html[lang="tr"] #ticketTable td.ticket-subject:before { content: "Konu";}
	html[lang="tr"] .list td.osta_username:before { content: "Kimden";}
	html[lang="tr"] .list td.osta_assignee:before { content: "Atanmış";}
	html[lang="tr"] .list td.osta_duedate:before { content: "Bitiş Tarihi";}
	html[lang="tr"] .list td.osta_closedate:before { content: "Kapanış Tarihi";}
	html[lang="tr"] .list td.osta_datecreated:before { content: "Oluşturulma Tarihi";}
	html[lang="tr"] #ticketTable td.ticket-department:before { content: "Bölüm";}
	html[lang="tr"] .list td.osta_lastmessage:before { content: "Son Mesaj";}
	html[lang="tr"] .list td.osta_lastresponse:before { content: "Son Yanıt";}
	html[lang="tr"] #ticketTable td.ticket-status:before { content: "Durum";}
	html[lang="tr"] .list td.osta_team:before { content: "Takım";}

	html[lang="uk"] #ticketTable td.ticket-number:before { content: "Номер заявки";}
	html[lang="uk"] #ticketTable td.ticket-updated:before { content: "Оновлено";}
	html[lang="uk"] #ticketTable td.ticket-subject:before { content: "Тема";}
	html[lang="uk"] .list td.osta_username:before { content: "Від";}
	html[lang="uk"] .list td.osta_assignee:before { content: "Відповідальний";}
	html[lang="uk"] .list td.osta_duedate:before { content: "Термін здачі";}
	html[lang="uk"] .list td.osta_closedate:before { content: "Дата закриття";}
	html[lang="uk"] .list td.osta_datecreated:before { content: "Дата створення";}
	html[lang="uk"] #ticketTable td.ticket-department:before { content: "Відділ";}
	html[lang="uk"] .list td.osta_lastmessage:before { content: "Останнє повідомлення";}
	html[lang="uk"] .list td.osta_lastresponse:before { content: "Остання відповідь";}
	html[lang="uk"] #ticketTable td.ticket-status:before { content: "Статус";}
	html[lang="uk"] .list td.osta_team:before { content: "Команда";}

	html[lang="vi"] #ticketTable td.ticket-number:before { content: "Mã yêu cầu";}
	html[lang="vi"] #ticketTable td.ticket-updated:before { content: "Cập nhật Lần cuối";}
	html[lang="vi"] #ticketTable td.ticket-subject:before { content: "Tiêu đề";}
	html[lang="vi"] .list td.osta_username:before { content: "Từ";}
	html[lang="vi"] .list td.osta_assignee:before { content: "Phân công";}
	html[lang="vi"] .list td.osta_duedate:before { content: "Ngày hết hạn";}
	html[lang="vi"] .list td.osta_closedate:before { content: "Ngày kết thúc";}
	html[lang="vi"] .list td.osta_datecreated:before { content: "Ngày tạo";}
	html[lang="vi"] #ticketTable td.ticket-department:before { content: "Phòng ban";}
	html[lang="vi"] .list td.osta_lastmessage:before { content: "Tin nhắn cuối cùng";}
	html[lang="vi"] .list td.osta_lastresponse:before { content: "Phản hồi cuối cùng";}
	html[lang="vi"] #ticketTable td.ticket-status:before { content: "Tình trạng";}
	html[lang="vi"] .list td.osta_team:before { content: "Nhóm";}

	html[lang="zh-CN"] #ticketTable td.ticket-number:before { content: "咨询编号";}
	html[lang="zh-CN"] #ticketTable td.ticket-updated:before { content: "最近更新";}
	html[lang="zh-CN"] #ticketTable td.ticket-subject:before { content: "主题";}
	html[lang="zh-CN"] .list td.osta_username:before { content: "发自";}
	html[lang="zh-CN"] .list td.osta_assignee:before { content: "分配至";}
	html[lang="zh-CN"] .list td.osta_duedate:before { content: "截止日期";}
	html[lang="zh-CN"] .list td.osta_closedate:before { content: "关闭日期";}
	html[lang="zh-CN"] .list td.osta_datecreated:before { content: "创建日期";}
	html[lang="zh-CN"] #ticketTable td.ticket-department:before { content: "创建日期";}
	html[lang="zh-CN"] .list td.osta_lastmessage:before { content: "最后消息";}
	html[lang="zh-CN"] .list td.osta_lastresponse:before { content: "最后回复";}
	html[lang="zh-CN"] #ticketTable td.ticket-status:before { content: "状态";}
	html[lang="zh-CN"] .list td.osta_team:before { content: "团队";}

	html[lang="zh-TW"] #ticketTable td.ticket-number:before { content: "案件編號";}
	html[lang="zh-TW"] #ticketTable td.ticket-updated:before { content: "最後更新";}
	html[lang="zh-TW"] #ticketTable td.ticket-subject:before { content: "主題";}
	html[lang="zh-TW"] .list td.osta_username:before { content: "從";}
	html[lang="zh-TW"] .list td.osta_assignee:before { content: "分配給";}
	html[lang="zh-TW"] .list td.osta_duedate:before { content: "截止日期";}
	html[lang="zh-TW"] .list td.osta_closedate:before { content: "關閉日期";}
	html[lang="zh-TW"] .list td.osta_datecreated:before { content: "建立日期";}
	html[lang="zh-TW"] #ticketTable td.ticket-department:before { content: "部門";}
	html[lang="zh-TW"] .list td.osta_lastmessage:before { content: "最後一條消息";}
	html[lang="zh-TW"] .list td.osta_lastresponse:before { content: "上一次回應";}
	html[lang="zh-TW"] #ticketTable td.ticket-status:before { content: "狀態";}
	html[lang="zh-TW"] .list td.osta_team:before { content: "團隊";
	}
}
}


/* ==========================================================================
   MERGED BASE STYLES: staff-mobile.css
   ========================================================================== */
/* CSS Document */
/*
/*      STAFF - mobile
*/

@media only screen and (max-width:760px){	
	
/*==========================================================================
 ACCORDION TABLES
========================================================================== */	
	.mobile-ticket-list-wrapper {
		width: 100%;
		display: none;
	}
	.mobile-ticket-list-priority {
		background: red !important;
		width: 10px !important;
		border-radius: 5px 0 0 5px;	
	}
	table.table-accordion {
		background: #fff;
		width: 100%;
		height: 76px;
		border-radius: 0 5px 5px 0;
	}
	.accordion-td {
		position: relative;
		border-radius: 0 5px 5px 0;
	}
	.accordion-td.name {
		vertical-align: bottom !important;
		border-radius: 0 5px 0 0;
	}
	.accordion-td.summary {
		vertical-align: top !important;	
	}
	.inner-client-summary a {
		font-size: 15px;
		margin: 0 0 3px 10px;
		color: #128dbe;
		font-family: 'Open Sans', sans-serif;
	}
	.inner-ticket-summary {
		margin: 2px 0 0 10px;	
	}
	.inner-ticket-summary.link.truncate {
		padding: 0 0 0 20px;
		width: calc(100% - 89px) !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: 'Open Sans', sans-serif;
		line-height: 15px;
	}	
	.accordian-td.cb {
		margin: 0 !important;
		padding: 0;
		/* height: 50px; */
		/* width: 50px !important; */
		text-align: center;
	}
	.details {
		position: relative;
    	top: 1px;
	}
	.details ul {
		margin: 0;
		padding-left: 2px;
		list-style: none;
		color: #0000008f;
	}	
	.rtl .details ul {
	    margin: 0 0 0 4px;	
	 	padding: 0 !important;
	}	
	.details li {
		/* width: 216px; */  /* Dickens!*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: 'Open Sans', sans-serif;
	}
	.trigger {
		position: absolute !important;
		top: 19px !important;
		right: 0;
		border: 0;
		background: #fff;
		outline: 0;
		padding: 17px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		/*z-index: 999;*/
		margin: 0;
	}
	.glyphicon-menu-down:before {
		content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23777777' d='M7.41%2C8.58L12%2C13.17L16.59%2C8.58L18%2C10L12%2C16L6%2C10L7.41%2C8.58Z' /%3E %3C/svg%3E") !important;
		height: 55px !important;
		width: 39px;
		display: inline-block;	
	}	
	.glyphicon-menu-up:before {
		content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23777777' d='M7.41%2C15.41L12%2C10.83L16.59%2C15.41L18%2C14L12%2C8L6%2C14L7.41%2C15.41Z' /%3E %3C/svg%3E") !important;
		height: 55px !important;
		width: 39px;
		display: inline-block;	
	}	
	form[action="tickets.php"] table.list td:nth-child(2) {
		text-align: right;
	}
	#table-accordion-checkbox {
		position: absolute;
		top: 28px;
		right: 50px;
		/* border: 1px solid #7d7d7d; */
		/* border-radius: 3px; */
		/* outline: 0; */
		width: 20px;
		height: 20px;
		/* z-index: 999; */
	}	
	#table-accordion-checkbox .checkbox {
		position: relative !important;
		cursor: pointer;
		padding: 0 0 0 9px;
		margin: 0;
		top: -1px;
	}
	#table-accordion-checkbox .checkbox input {
		position: absolute !important;
		cursor: pointer;
		opacity: 0;
		left: -11px;
		top: 1px;
		width: 20px;
		height: 20px;
	    z-index: 9999;	
	}
	#table-accordion-checkbox .checkbox input + span {
		background: white;
		border: 1px solid #aaa;
	  	border-radius: 2px;	
		content: "";
		display: inline-block;
		margin: 0 .5em 0 0;
		padding: 0;
		vertical-align: middle;
		width: 1.3em;
		height: 1.3em;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;	
	}
	#table-accordion-checkbox .checkbox input + span::after {
		content: "";
		display: block;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
			  transform: scale(0);
		-webkit-transition: -webkit-transform .2s;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTMuNzA3LDMyLjI5MyAxMi4yOTMsMzMuODU0IDI0LjI5Myw0NiAyNS43MDcsNDYgNDkuNzA3LDIxLjg1NCA0OC4yOTMsMjAuMzY2IDI1LDQzLjYyMyAiLz48L2c+PC9zdmc+) no-repeat center;
		background-size: contain;
		width: 1.3em;
		height: 1.2em;		
	}
	#table-accordion-checkbox .checkbox:hover input + span, .radio:hover input + span {
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	}	
	#table-accordion-checkbox .checkbox input:active + span {
		  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
				  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	}
	#table-accordion-checkbox .checkbox input:checked + span::after {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
				transform: scale(1.4);
    			margin: 0 0 0 1px;	
	}
	#table-accordion-checkbox .checkbox label, .radio label {
		min-height: initial;
	}
	
	
	td.cursor.priority.Emergency, td.cursor.priority.High, td.cursor.priority.Normal, td.cursor.priority.Low {
		border: 0 solid #fff !important;
	}	
	.details .Icon.Ticket, 
	.details .Icon.emailTicket, 
	.details .Icon.phoneTicket, 
	.details .Icon.webTicket, 
	.details .Icon.otherTicket {
		border: unset;
		padding: 0 2px 0 0;
		background: #ffffff61;
		font-size: 11px;
		margin: 0 !important;
		/* position: relative; */
		/* top: 50%; */
		/* transform: translateY(-50%); */
		line-height: 16px;
		font-family: 'Open Sans', sans-serif;		
	}
	i.small.icon-paperclip.icon-flip-horizontal {
		margin: 0;
	}
	.icon-paperclip:before, .icon-paper-clip:before {
		width: 15px;
		top: -2px;
	}	
	.details .nowrap {
		white-space: nowrap;
		display: inline-block;
	}
	.details .agent {
		float: left;
		margin: 0 8px 0 7px;
	}	
	.rtl .details .agent {
		float: right;
		margin: 0 0 0 8px;
	}		
	.details .due-date {
		float: none;
		margin-right: 0;
		display: inline-block;
	}
	.details .due-time {
		float: none;
		display: inline-block;
	}
	#table-foot-options {
		width: 98%;
		margin: 0 auto;
	}
	#resize-buttons-container {
		display: none;
	}

/* ==========================================================================
 HEADER
========================================================================== */
	#header-mobile {
		position: fixed;
		width: 100%;
		height: 40px;
		padding: 11px 0 9px 12px;
		z-index: 999999;
		top: 0;		
		display: block;
		background: var(--header-bg);
	}
	#header-mobile {
		position: fixed;
		width: 100%;
		height: 60px!important;
		padding: 0!important;
		z-index: 999999;
		top: 0;
	}
	#header-links {
		display: none;
	}
	#mobile_right_buttom {
		display: inline;
	}
	.rtl #left-logo {
		position: absolute;
		right: -1000px		
	}	
	#right_menu {
		z-index: 999998;
	}
	p#info {
		display: none!important;
	}		

/* ==========================================================================
 NAVIGATION  
========================================================================== */

	#nav {
		display: none;
	}
	#nav-right {
		display: none;
	}
	div#hidden-layer {
		display: none;
	}
	div#top_menu {
		position: fixed!important;
		top: 0!important;
		left: 0;
		z-index: 1000000;
		padding: 10px;	
	}
	div#top_menu a i.material-icons {
		color: #fff;
		font-size: 40px;
		margin-right: 60px;
	}
	.material-icons.md-84 {
		color: #fff;	
		font-size: 84px;
		position: relative;
		top: 5px;
	}
	button#mobile_right_buttom {
		position: absolute;
		top: 0;
		right: 0;
	}
	#right-buttons svg {
		fill: var(--mobile-link-color);
	}	
}

/* ==========================================================================
 SEARCH ROW
========================================================================== */
@media only screen and (max-width: 760px) {
	
	form[action="tickets.php"] .attached.input {
		position: absolute;
    	top: 60px;
		left: 1%;
		border: none !important;
		height: 36px !important;
		margin: 0 auto;
		width: calc(98% - 0)!important;
	}
	form[action="tickets.php"] .input.attached input {
	    border-radius: 3px 0 0 3px;
		margin: 0 !important;
		padding: 0 0 0 8px;
		border-right: 0;
		font-size: 14px;
		height: 30px;
		float: left;
    	width: calc(100% - 146px) !important;
	}
	form[action="tickets.php"] .button.attached {
		background: var(--header-title-color);
	    height: 30px !important;
		margin: 0 -4px 0 0;
		text-shadow: none;
		padding: 0 4px !important;
		width: 36px;
		float: left;
	}	
	form[action="tickets.php"] .action-button.advanced-search.gray-light2 {
		position: absolute;
		top: 60px;
		height: 24px;
		right: 1%;
		margin: 0;
		padding: 0 9px !important;
		border: unset;
		text-shadow: none;
		color: var(--mobile-link-color);
		opacity: 0.3;
	}
	.button-text.advanced-search svg {
		fill: var(--mobile-link-color) !important;
		width: 16px !important;
		height: 16px !important;
		float: right;
		margin: 0 0 0 4px !important;
		padding: 0 !important;
		opacity: .7;
	    position: relative;
		left: 0;
		top: 3px !important;
	    will-change: fill;
    	transition: all 0.3s ease-in-out;	
	}
	.button-text.advanced-search:hover {
		
	}
	form[action="tickets.php"] .action-button.advanced-search.gray-light2:hover {
		border: .5px solid var(--nav-bar-bg) !important;
		opacity: 1;
		color: var(--mobile-link-color);
		background: rgba(255, 255, 255, 0.21);
	}	  
	form[action="tickets.php"] .action-button.advanced-search.gray-light2:hover > .button-text.advanced-search svg {
		fill: var(--mobile-link-color) !important;
		opacity: 1;
	}	
	form[action="kb.php"] .attached.input, 
	form[action="orgs.php"] .attached.input, 
	form[action="users.php"] .attached.input, 
	form[action="tasks.php"] .attached.input, 
	form[action="tickets.php"] .attached.input {
		position: absolute;
		height: 24px !important;
		top: 60px;
		left: 1%;
		margin: 0;
		border: none !important;
		outline: none;
    	/*-webkit-appearance: textfield;*/ /*messses up seach boxes in mobile*/
		-webkit-box-sizing: content-box;
		box-sizing: content-box;		
	}
	form[action="kb.php"] #basic_search .input.attached input:focus,
	form[action="orgs.php"] .input.attached input:focus,
	form[action="users.php"] .input.attached input:focus,
	form[action="tasks.php"] .input.attached input:focus,
	form[action="tickets.php"] .input.attached input:focus {
    	width: calc(100% - 156px) !important;
	}	
	form[action="kb.php"] .attached.input, 
	form[action="orgs.php"] .attached.input, 
	form[action="users.php"] .attached.input, 
	form[action="tasks.php"] .attached.input {
		width: calc(98% + 2px) !important;
	}
	form[action="kb.php"] .input.attached input, form[action="orgs.php"] .input.attached input, form[action="users.php"] .input.attached input, form[action="tasks.php"] .input.attached input, form[action="tickets.php"] .input.attached input {
		height: 24px;
		width: calc(100% - 156px) !important;
	}
	form[action="kb.php"] .button.attached, form[action="orgs.php"] .button.attached, form[action="users.php"] .button.attached, form[action="tasks.php"] .button.attached, form[action="tickets.php"] .button.attached {
		height: 24px !important;
	}
	.attached.input input#query {
		min-width: 48% !important;
	}	
}
@media screen and (max-width: 734px) {	
	.tasks .action-button.muted[data-dropdown="#sort-dropdown"] {
		float: unset;
		margin: 19.5px 0 0 6px;
	}
	.tasks .sticky.bar.opaque.fixed .pull-right.flush-right {
	    margin: 1px -2px 6px 0;
	}
	.dashboard h2:first-child, .directory h2:first-child, .users h2:first-child, .orgs h2:first-child, .tasks h2:first-child, .tickets h2:first-child, .kb h2:first-child, .categories h2:first-child, .canned h2:first-child, .profile h2 {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 733px) {	
	.tasks .action-button.muted[data-dropdown="#sort-dropdown"] {
        margin: 45.5px 0 0 6px;
	}	
	.tasks .sticky.bar.fixed .action-button.muted[data-dropdown="#sort-dropdown"] {
		margin: 21px 0 0 6px;
	}	
}
@media screen and (max-width: 732px) and (min-width: 648px) {	
	.tasks .action-button.muted[data-dropdown="#sort-dropdown"] {
        margin: 44px 0 0 6px;
	}	
	.tasks .sticky.bar.fixed .action-button.muted[data-dropdown="#sort-dropdown"] {
	    margin: -35px 0 0 6px;
	}	
}
@media only screen and (max-width: 647px) {
	.tasks .sticky.bar.fixed .action-button.muted[data-dropdown="#sort-dropdown"] {
		margin: -30px 0 4px 0;
	}
}
/* ==========================================================================
 SIDEBAR MENU
========================================================================== */
#right-buttons {
    display: none;
}
.c-hamburger {
    display: none;
}
a[attrib$="tickets.php"] {
    width: 100%;
    margin: 0;
}
li.active.hide-tickets-link,
li.inactive.hide-tickets-link {
    display: none;
}
@media only screen and (min-width: 761px) {
	.mobile {
		display: none;
	}
	#sidr-right {
		display: none;
	}
}
@media (max-width: 760px) {
	.desktop {
		display: none;
	}
	#right-buttons {
		display: block;
		float: right;
	    margin-right: 52px;
	}	
	.c-hamburger {
		display: block;
	}
}
@media (max-width: 900px) {
	#sub_nav li > a {
    margin-left: 19px;
    font-size: 13px
	}
}
@media screen and (max-width: 760px) {	
	.c-hamburger {
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 60px;
		height: 60px;
		font-size: 0;
		text-indent: -9999px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
		position: absolute;
		top: 0;
		right: 0;
	}
	button.c-hamburger.c-hamburger--htx {
		display: inline;
	}
	nav#customQ_nav {
		display: none;
	}	
	#nav.pull-right {
		display: none !important;
	}	
	#sub_nav {
		background: var(--nav-bar-bg);
		border: none;
		margin: 60px 0 0 0;
		padding: 0 13px;
        height: 4px;
		line-height: 23px;
	}	
	.index-page #sub_nav,
	.tickets-page #sub_nav,
	.users-page #sub_nav,
	.kb-page #sub_nav,
	.orgs-page #sub_nav,
	.tasks-page #sub_nav	
	{
	    height: 24px;
	}			
	#sub_nav li {
		display: none;
	}
	/* MOBILE SEARCH BOX */
	
	form[action="kb.php"] .button.attached,
	form[action="orgs.php"] .button.attached, 
	form[action="users.php"] .button.attached, 
	form[action="tasks.php"] .button.attached, 
	form[action="tickets.php"] .button.attached {
	background-color: initial;	
	opacity: .8 !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232C2C2C' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.44%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.44C12.59%2C15.41 11.11%2C16 9.5%2C16A6.5%2C6.5 0 0%2C1 3%2C9.5A6.5%2C6.5 0 0%2C1 9.5%2C3M9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5Z' /%3E%3C/svg%3E");
    background-position: right 2px center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.3);
    border: initial !important;
    margin: 0;
    width: 24px;	
	}
	form[action="tickets.php"] .input.attached .button.attached {
		border: none !important;
	}	
	.sidr .truncate {
		width: auto;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
	}	
}

@media screen and (max-width: 760px) {	
	a.test, a.Ticket, a.assignedTickets, a.overdueTickets, a.answeredTickets, a.closedTickets, a.newTicket, a.premade, a.newPremade, a.kb, a.faq-categories, a.canned, a.staff, a.user, a.userPref, a.userPasswd, a.preferences, a.attachment, a.api, a.newapi, a.ticket-settings, a.email-settings, a.kb-settings, a.alert-settings, a.email-autoresponders, a.sla, a.newsla, a.logs, a.emails, a.newEmail, a.emailTemplates, a.newEmailTemplate, a.emailFilters, a.ticketFilters, a.newTicketFilter, a.emailSettings, a.emailDiagnostic, a.banList, a.users, a.newuser, a.groups, a.teams, a.newgroup, a.helpTopics, a.newHelpTopic, a.departments, a.newDepartment, a.pages, a.newPage, a.forms, a.lists {
		margin-left: initial;
	}	
	
/* ==========================================================================
 TICKETS
========================================================================== */		
	table.list th, table.list td {
		/* font-size: 11px !important; */	/*target*/ /*probably not needed*/
	}	
	table.list th:first-child {
		border-radius: 6px 0 0 0;
	}
	table.list th:last-child {
		border-radius: 0 6px 0 0;
	}	
	table.list {
		border: 1px solid #cfd4d6;
		border-radius: 6px;
		background: initial;
		-webkit-box-shadow: initial;
		-moz-box-shadow: initial;
		box-shadow: initial;
		/*margin-top: -20px;*/			
		margin: 0 auto 2% auto;
	}
	.index-page table.list,
	.tickets-page table.list {
		width: 98% !important;
	}		
	.index-page table.list th,
	.tickets-page table.list th {
		background: #ffddba !important;
	}	
	.index-page table.list thead th a.asc,
	.tickets-page table.list thead th a.asc {
		background: url(../../osta/icons/asc.svg) 100% 50% no-repeat #eac8a4;
		background-size: 20px;	
		/*border: .5px solid #c4ced8ad;*/
		border: none;
		border-radius: inherit;	
		height: 100%;
	}
	.index-page table.list thead th a.desc
	.tickets-page table.list thead th a.desc {
		background: url(../../osta/icons/desc.svg) 100% 50% no-repeat #eac8a4;	
		background-size: 20px;	
		border: .5px solid #c4ced8ad;
		border-left: none;	
		border-radius: 4px 6px 0 0;		
	}
	.index-page table.list thead th a.desc, 
	.tickets-page table.list thead th a.desc {
		background: url(../../osta/icons/desc.svg) 100% 50% no-repeat #e8caaa;	
	}	
	.index-page .list th:nth-child(2) a:hover, 
	.index-page .list th:nth-child(3) a:hover, 
	.index-page .list th:nth-child(4) a:hover, 
	.index-page .list th:nth-child(5) a:hover, 
	.index-page .list th:nth-child(6) a:hover,
	.tickets-page .list th:nth-child(2) a:hover, 
	.tickets-page .list th:nth-child(3) a:hover, 
	.tickets-page .list th:nth-child(4) a:hover, 
	.tickets-page .list th:nth-child(5) a:hover, 
	.tickets-page .list th:nth-child(6) a:hover {
    background: #d7ba9c url(../../osta/icons/asc-desc.svg) 100% 50% no-repeat;
    background-size: 20px;
	}	
	.index-page table.list th:last-child a:hover, 
	.index-page table.list th:last-child:hover,
	.tickets-page table.list th:last-child a:hover, 
	.tickets-page table.list th:last-child:hover	{
		border-radius: 0 6px 0 0;
		background: #d7ba9c url(../../osta/icons/asc-desc.svg) 100% 50% no-repeat;
		background-size: 20px;
	}	
}
@media screen and (min-width: 761px) {
    .desktop-ticket-mobile {
        display: none;
    }
    .desktop-ticket-desktop {
        display: initial;
    }
}
@media screen and (max-width: 760px) {
    #footer {
        /*display: none;*/
    }
	#scroll-to-top {
		display: inline;
	}	
    div#desktop-ticket-list {
        display: none;
    }
    #desktop-ticket-mobile {
        display: initial;
    }	
	#content {
		width: 98%;
    	padding: 1% 1% 1% 1% !important;
		border-radius: 0;
	    background: #f3f3f5 !important;	
		overflow: hidden; /* what could possibly go wrong?! */
	}	
	span.pull-right.faded-more {
		display: none!important;
	}
	.orgs table.list th:first-child {
		/*background-position: 1px 7px;*/
	}
	#basic_search {
		padding: 0;
	}
	.button-text.advanced-search {
		position: relative;
		top: 0;
		font-size: 13px !important;
	}
	.due-date {
		margin-right: 0;
	}
	.rtl .due-date {
		margin-left: 1px;
	}	
	.due-time {
		display: none;
	}
	span.sort-button-text {
		display: none;	
	}
	.sticky.bar.opaque.fixed h2,	
	.sticky.bar.opaque.fixed h2 a {
		display: none;
	}
	th[colspan="2"] em strong {
   		display: inline !important;
	}
	form#note tr,
	form#reply tr {
		display: table;
		width: 100%;
	}
	form#reply tr:not(:first-child) {
		margin-top: 10px;
	}	
	form#note td[width="120"],
	form#reply td[width="120"] {
		width: 100%;
		display: block;
		display: table-row;
	}	
	table.form_table.fixed tr {
		display: table;
	}	
	table.form_table.fixed td{
		display:table-row; 
	}
	.form_table.fixed .form_table .button {
		padding: 8px 0 8px 16px !important;
		margin: 6px 0 13px 0;
	}
	#time-zone {
		position: relative;
		top: -19px !important;
	}	
	label[for="signature"],
	form#note label {
		font-weight: 500;
	}	
	form#note input[type="text"] {
		width: 100% !important;
	}
	select#time {
		width: 100px !important;
	}	
	input.staff-username.typeahead {
		width: 130px !important;
		display: table;
	}	
	button#change-pw-button {
		top: -2px;
		/*left: -8px;*/
	}	
	table.table.two-column input[type="email"],
	table.table.two-column input.auto.phone {
		width: 163px !important;
	}	
/*==========================================================================
 BUTTONS
========================================================================== */
	.button.attached {
		border: 1px solid #cfd4d6;
		border-left: none !important;
		/*background: #fff;*/  /*target*/
		margin-bottom: 4px;
	}
	.pull-right.flush-right .action-button {
		/*margin-top: 10px;*/  /*target*/
	}
	.action-button[data-dropdown="#sort-dropdown"] {
		margin-left: 5px !important;
	}	
	input[type="reset"]	 {
		margin-bottom: 0;
	}
	.tasks-page #content .pull-right .action-button.muted {
		float: left;
		margin: 0 5px 0 0 !important;
	}
	.tasks-page #basic_search .pull-right {
		height: 0 !important;
	}
}

/* ==========================================================================
 POPUPS AND ALERTS
========================================================================== */
@media screen and (max-width: 760px) {	
	div#alert {
		width: 96%;
	}
}
@media only screen and (max-width:650px){
	.dialog#popup,
	.dialog.size-normal {
	    top: 2%!important;	
		width: 98%!important;
		margin: 0 auto !important;
		/* z-index: 999999; */ /*target*/
		padding: 10px 10px 14px 10px!important;
		height: auto !important;
		max-height: 96%!important;
		max-width: 96%;
	}
	div#ticket-status {
		margin: 0!important;
	}
}

/* ==========================================================================
 TABLES - RESPONSIVE
========================================================================== */
@media screen and (max-width:600px) {
	.settings-page tr {
		display: table;
	}
	.settings-page td {
		display: table-row;
	}	
	table.fixed{
		border-spacing:0;
		width:100%;
	}
	table.fixed th, 
	table.fixed td { 
		position:relative;
		width:100%;
		text-align:left
	}
	table.fixed td:first-child {
		width:99%; /* target if you use 100% */
		float: left;
		clear:both;
	}	
	table.fixed > thead > tr > th:not([width]), table.fixed > thead > tr > td:not([width]), table.fixed > tbody > tr > td:not([width]), table.fixed > tr > td:not([width]) {
		width: 100%;
	}	
	#the-lookup-form table.fixed > tbody > tr > td + td:not([width]) { /* Open Ticket > Lookup or Create User */
		width: 200%;
		float: left;
		clear: both;
	}	
	table.fixed #change-user-search-form input[type="search"] {
	    width: 95%!important;
	    padding: 0 0 0 6px!important;	
	}
/*	div#change-user-search-form input[type="search"],	
	table.fixed span[style="display:inline-block;width:100%"],	
	table.fixed input[type="text"],
	table.fixed input[type="email"] {
		width: calc(100% - 28px)!important;
	    margin: 0 0 2px 0!important;
	}	*/
	table.fixed input[type="email"] {
		margin: 0!important;
	}
	input,
	input[type="email"],
	input[style="width:300px"],
	.select2.select2-container.select2-container--default,
	.select2-container--default .select2-selection--single {
		min-width: initial !important;
		width: initial !important; /* should all inputs be 100% */
	}	
	#new-user-form input[type="text"],
	#new-user-form input[type="email"] {
		width: 100% !important;
	}	
	#new-user-form input[size="5"] {
		width: 56px !important;
	}	
	.tickets .form_table.fixed {
		width: 100% !important;
	}	
	.tickets .form_table {
		width: 100% !important;
	}	
	.tickets .form_table .select2.select2-container.select2-container--default {
		width: calc(100% - 10px) !important;
		display: block;
	}	
	body.tickets-page div#popup,
	input#user-search {
		width: 100% !important;
	}
	.selected-signature .inner img {
		max-width: 90%;
		height: auto;
	}	
	td#signature label {
		white-space: pre;
	}	
	td#signature {
		width: 98% !important;
	}	
	#dynamic-form td[colspan="2"],
	.form_table.fixed td[colspan="2"] {
		width: 98%;
		float: initial; /*Open a New Ticket redactor box*/
	}	
}

@media only screen and (max-width:760px) {
	
/* ==========================================================================
 USER DIRECTORY
========================================================================== */
	form#users-list th:nth-child(4),
	form#orgs-list th:nth-child(4) {
		width: 10%;
		border-radius: 0 6px 0 0;
	}
	form#users-list th:nth-child(5),
	form#users-list td:nth-child(5),
	form#orgs-list th:nth-child(5),
	form#orgs-list td:nth-child(5)	{
		display: none;
	}	
	div#ticket-count,	
	i.icon-fixed-width.icon-file-text-alt {
		display: none !important;
	}
/* ==========================================================================
 TASKS PAGE
========================================================================== */
	form#users-list th:nth-child(4),
	form#orgs-list th:nth-child(4) {
		width: 10%;
		border-radius: 0 6px 0 0;
	}
	h2 {
		color: #777777;
		font-weight: 400;
		font-size: 28px;
		line-height: 42px;
	}
	h2 a {
		font-weight: 400;
		font-size: 28px;
		line-height: 42px;
	}	
	div#add-task-mobile {
    	display: inline-block;
	}

/* ==========================================================================
 AGENTS
========================================================================== */
	#content.directory table.list td:first-child {
		font-size: 14px;
	}
}

/* ==========================================================================
 PROFILE
========================================================================== */
@media only screen and (max-width:760px) {
		.profile table.table.two-column button.action-button {
		margin: 6px 0 0 0;
	}
}





/*
/*      OLD OLD OLD 
*/






@media only screen and (max-width:760px){
	body,
	/*form,*/
	.content,
	div#pjax-container {
		width: 100%!important;
	    background: #f3f3f5 !important;	
	}
	#pjax-container {
		margin: 10px 0 0 0;
	}	
	.pull-right,
	.sticky.placeholder {
		display: none;
	}
	.pull-right.flush-right.page-top {
		display: none!important;
	}
	.pull-left.flush-left {
		width: 100%!important;
	}
	

/* ==========================================================================
 OPEN TICKET ticket-open.inc.php
========================================================================== */
	table#open-ticket-table {
		width: 100%;
	}
	select, 
	input.dp,  
	.form-field, 
	.form_table input[type=text], 
	.form_table input[type=password], 
	.form_table textarea,
	table#ticket-open-table .input.attached	{
		/* width: 90%!important; */
	    margin: 5px 0 4px 0!important;     /* ?!? */  /* Ticket Edit */
	}
	.error-asterisk {
		margin-left: -2px;
	}
	/* 	
	.form_table input[type=text] {
			margin: 0 0 0 0!important;
		} */
	table#ticket-open-table .attached.input {
	    margin: 0 0 4px 0!important;
	}
	div#sendemail {
		margin: 10px 0 0 0;
	}
	select {
		margin: 5px 0 5px 0!important;
	}
	input[type="text"] {
		margin: 0 0 5px 0!important;
	}
	div#sendemail {
		padding: 10px 0;
	}
}





@media screen and (max-width: 760px) {	
/* ==========================================================================
 USER VIEW
========================================================================== */
	#user-view-tabs {
		/* margin-top: -6px!important; */ /*target*/
	}		
	.users table.ticket_info {
		border: 1px solid #cfd4d6;
		width: 100%;
		float: initial;
	}
	.users table.ticket_info td {
		width: 100% !important;
		display: block;
	}	
	.users table.ticket_info th {
		width: initial;
	}	
	
/* ==========================================================================
 SEARCH
========================================================================== */

	.search.well {
		margin-top: 0;
	}
	#kbSearch {
		margin-bottom: 0;
	}
	#basic_search {
	    margin: 0;
	}
	input[type="text"] {
		/*margin: initial!important;*/ /*target specifically*/
	}
	.action-button.advanced-search {
	    margin: 3px 3px -1px 8px;
	}

/* ==========================================================================
 ICONS
========================================================================== */
	.tickets svg {
		width: 30px;
		float: right;
		fill: #4DB80C;
		margin: 4px 0 0 5px;
	}
	
/* ==========================================================================
 BUTTONS
========================================================================== */
	form[action="tickets.php"] .attached.input {
		/*width: calc(100% - 340px)!important;*/
	}
	form[action="tickets.php"] .input.attached input {
		/*width: calc(100% - 48px)!important;*/
	}
}
@media only screen and (max-width:700px) {	
	span.action-button.muted.sort .caret {
		display: none!important;
	}
	i.icon-sort-by-attributes-alt {
		margin: 0;
	}	
	span.action-button.muted.sort {
		padding: 4px 10px 4px 10px;
		margin: 7px 5px;	
	}	
}
@media only screen and (max-width:500px) {
	#basic_search i.help-tip {
		display: none;
	}
	.action-button.advanced-search {
		min-width: 46px;
		position: relative;
	}
	.pull-left.flush-left {
		width: initial!important;
	}	
}	
@media only screen and (max-width:500px){	
	span.action-button.muted.sort {
		display: none;
	}	
}	
@media only screen and (max-width:600px){		
	div[data-dropdown="#action-dropdown-more"] svg {
		right: 4px;
	}	
	input[type="reset"] {
		display: none;
	}	
}	

/* ==========================================================================
 TICKETS tickets.inc
========================================================================== */
@media only screen and (max-width:760px) {
	.active.state {
		font-weight: normal;
	}	
	.pull-left.flush-left {
		width: initial!important;
	}	
	.pull-right,
	.pull-left,	
	.pull-right.flush-right.page-top {
		display: inline-block!important;
	    margin: 0 0 4px 0;	
	}	
	.sticky.bar.fixed .pull-right,
	.sticky.bar.fixed .pull-right.page-top,
	.sticky.bar.fixed .pull-right.flush-right .action-button {
		margin-bottom: 0;
	}	
	.pull-left {
		float: left;
		margin: 0 0 0 0;
	}
	.tickets .pull-left {
		padding-bottom: 0;
	}	
	.table-description span.pull-right.faded-more {
		display: none!important;
	}
	.osta_subject div {
		width: 94%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}	
}
/* ==========================================================================
 TICKET VIEW ticket-view.inc.php
========================================================================== */
@media only screen and (max-width:760px) {
	div#ticket-view-buttons-row {
		margin-top: 10px;	
		height: 33px;
	}
	div#button-more,
	div#button-status,
	div#button-edit,
	div#button-assign,
	div#button-transfer,
	div#button-print {
		width: calc(100% / 6 - ((5 * 15px) / 6));
		width: -webkit-calc(100% / 6 - ((5 * 15px) / 6));	
		float: right;
		height:33px;
		margin-right:15px;
	}
	div#button-edit {
		float: left;
	}
	div#button-more {
		margin-right: 0;
	}
	a#ticket-transfer {
		margin: 0!important;
	}
	div#ticket-view-buttons-row .action-button {
		margin: 0!important;
		width: 100%!important;
	}
/*	a#ticket-more, 
	a#ticket-transfer, 
	a#ticket-print, 
	a#ticket-assign, 
	a#ticket-edit,
	a#ticket-status {
		margin: 0!important;
		width: 100%;	
	}*/
	div#ticket-view-buttons-row a#tickets-action {
		width: 100%;
	}
	div#button-more-caret {
		margin-right: 0;
		width: 32px;
	}
	div#ticket-user-count-title {
		margin-top: 8px;
	}	
	table.ticket_info.mobile {
		margin: 0 0 10px 0;
	}	
	table.ticket_info.mobile td {
		padding: 3px 8px;
	}
	table.ticket_info.mobile tr:first-child td {
		padding-top: 7px;
	}
	table.ticket_info.mobile tr:last-child td {
		padding-bottom: 9px !important;
	}
	
/* ==========================================================================
 STICKY	
========================================================================== */
	.sticky.bar.fixed .pull-right.flush-right.page-top {
		position: relative;
		top: unset;
		right: unset;
	}
	.sticky.bar.fixed {
		z-index: 999999;
	}
}	
@media screen and (max-width: 320px) { 
	.action-button i.icon-caret-down, .action-button.muted i.icon-caret-down {
		padding: 0 0 0 2px;
	}
}
	
/* ==========================================================================
 TABS
========================================================================== */	
@media screen and (max-width: 600px) { 
	ul.tabs li {
		padding: 0 4px !important;
		min-width: initial;
	}
	ul.tabs {
		padding: 4px 0 0 5px;		
	}
}

@media screen and (max-width: 900px) { 
	ul.tabs li {
	    font-size: 82%;;
	}
}

@media screen and (max-width: 830px) { 
	ul.tabs li {
		margin: 0;
		min-width: 46px;
		font-size: 0;
	}
	ul#trans li.empty, ul#content-trans li.empty {
		font-size: 12px;
	}	
}

/* ==========================================================================
 FOOTER
========================================================================== */
@media screen and (max-width: 570px) { 
	#left-logo {
		position: absolute;
		left: -1000px		
	}
	.avatar.pull-left {
		margin-left: -60px;
		display: inline-block;
		width: 48px;
		height: auto;
	}
	.avatar.pull-left.user-view-avatar {
		margin: 4px 0 0 0!important;
		width: 60px;
	}	
	.responsive-div.ticket_info.user-view {
		margin: 4px 0 0 65px;
	}	
	div.ticket_info {
		margin: 6px 0 0 86px;
	}	
	div#ticket-view-buttons .action-button {
		margin: 0;
		min-width: initial;
	}
	#button-more {
		width: 24px;	
	}	
}

@media only screen and (max-width:880px){	
	div#button-print, 
	div#button-edit {
		width: calc(100% / 6 - ((5 * 15px) / 6) - 20px);		
		width: -webkit-calc(100% / 6 - ((5 * 15px) / 6) - 20px);
	}
	div#button-more, 
	div#button-transfer, 
	div#button-assign, 
	div#button-status {	
		width: calc(100% / 6 - ((5 * 15px) / 6) + (2 * 20px / 4));		
		width: -webkit-calc(100% / 6 - ((5 * 15px) / 6) + (2 * 20px / 4));		
	}	
	div#button-transfer .button-icon, 
	div#button-transfer .button-text {
		float: left;
		padding-left: 6px;
	}	
}

@media only screen and (max-width:820px){
	div#button-edit,
	div#button-print,
	div#button-transfer,	
	div#button-status,
	div#button-assign,
	div#button-more {
		width: calc(100% / 6 - ((5 * 15px) / 6));
		width: -webkit-calc(100% / 6 - ((5 * 15px) / 6));	
	}
	div#ticket-view-buttons-row .button-text {
		display: none;
	}
	div#ticket-view-buttons-row .button-icon svg {
		width: 23px;
		top: 5px;	
	}
	.sticky.bar.opaque.fixed svg {
		width: 23px!important;
	}	
	div#button-edit .button-icon,
	div#button-print .button-icon, 
	div#button-transfer .button-icon {
		width: 100%;
		padding-left: 0;
		float: none;
	}
	div#button-edit .button-icon svg,
	div#button-print .button-icon svg, 
	div#button-transfer .button-icon svg{
		float: none;
		margin: 0 auto;
	}	
	div#button-status .button-icon,
	div#button-assign .button-icon {
		width: calc(100% - 33px);
	}
	div#button-more .button-icon {
		width: 16px;
	}	
	div[data-dropdown="#action-dropdown-more"] svg {
			right: 0;	
	}	
	div#button-status .button-icon svg,
	div#button-assign .button-icon svg,
	div#button-more .button-icon svg {
	    float: none;	
		margin: 0 auto;
	}
	#ticket-print .button-icon {
		padding-left: 0!important;
	}	
}
@media only screen and (max-width: 600px){
	div#button-edit,
	div#button-print,
	div#button-transfer,	
	div#button-status,
	div#button-assign,
	div#button-more {
		margin-right: 10px;
		width: calc(100% / 6 - ((5 * 10px) / 6));
		width: -webkit-calc(100% / 6 - ((5 * 10px) / 6));	
	}	
	div#button-more {
		margin-right: 0;
	}	
	.users-more .button-icon svg {
		right: 4px;
	}	
	div#button-status .button-icon,
	div#button-assign .button-icon,
	div#button-more .button-icon {
		width: 60%;
	}	
	div#button-more-caret {
		margin-right: 0;
		width: 38%;
	}
	.caret {
		left: 0%;
	}
	input[type="reset"],
	button[name="reset"] {
		/*display: none!important;*/ /*target*/
	}	
	.theme input[name="reset"] {
		display: none;
	}	
}
@media only screen and (max-width: 355px){
	div#button-edit,
	div#button-print,
	div#button-transfer,	
	div#button-status,
	div#button-assign,
	div#button-more {
		margin-right: 8px;
		width: calc(100% / 6 - ((5 * 8px) / 6));
		width: -webkit-calc(100% / 6 - ((5 * 8px) / 6));	
	}	
	div#button-more {
		margin-right: 0;
	}		
	div#button-more-caret {
		display: none;
	}
	div#button-status .button-icon,	
	div#button-assign .button-icon, 	
	div#button-more .button-icon {
		width: 100%;
	}
	.users-more .button-icon svg {
		right: 0;
	}	
}


@media screen and (max-width:600px) {
	table.form_table{
		/* border-spacing:0; */
		width:100%;
	}
	.form_table th, 
	.form_table td { 
		position:relative;
		width:100%;
		text-align:left
	}
	.form_table td:first-child {
		width:100%;
		float: left;
		clear:both;
	}
	.form_table td:nth-child(2) {
		float: left;
		clear:both;
	}
	.form_table td:not(:empty) {
		height: initial;
	}
	th strong {
		display: block;
	}	
	select, 
	textarea, 
	input#query, 
	input[type="text"], 
	input[type="search"], 
	input[type="email"], 
	input[type="tel"], 
	.form-field, 
	.form_table input[type=password], 
	.form_table textarea {
		padding: 3px !important;
	}	
	input[type=text], input[type=password], textarea, input {
		min-width: 112px;
	}
	.form_table input[type=text] {
		padding: 0 0 0 3px!important;
	}
/*	.form_table input[type=password], 
	.form_table textarea,
	select {
		max-width: initial;
		width: calc(100% - 28px)!important;
	}	
	.form_table input[type=text] {
		width: calc(100% - 28px - 3px)!important;
	}*/	
	input#duedate {
		margin: 4px 0 4px 1px!important;
	}	
	tbody#to_sec select, tbody#resp_sec select {
		width: 100%;
	}	
}

@media screen and (max-width:600px) {
	table#ticket-view-reply,
	table#ticket-view-note	{	
	border-spacing:0;
		width:100%;
	}
	table#ticket-view-reply th,
	table#ticket-view-note th,
	table#ticket-view-reply td,
	table#ticket-view-note td { 
		position:relative;
		width:100%;
		text-align:left
	}
	table#ticket-view-note td:first-child,
	table#ticket-view-reply td:first-child {
		width:100%;
		float: left;
		clear:both;
	}
	table#ticket-view-note td:nth-child(2),
	table#ticket-view-reply td:nth-child(2) {
		margin: 0 0 10px 0;
	}	
	table#ticket-view-reply > tbody > tr > td + td:not([width]),
	table#ticket-view-note > tbody > tr > td + td:not([width]) {
		width: 100%;
		float: left;
		clear: both;
	}
	div#response_options {
	    width: 98%!important;
	}	
	#response_options > form {
	    padding: 0;
	}	
	table#ticket-view-reply,
	table#ticket-view-note {
		padding: 10px;
	}	
	select#emailreply,
	select#cannedResp,
	tbody#resp_sec .redactor-box,
	div#reply_form_attachments,
	select[name="reply_status_id"] {
	    width: 100%!important;
	}
	tbody#resp_sec .redactor-box {
		width: calc(100% - 20px);
	}
	select#cannedResp.select2-hidden-accessible {
		width: 1px !important;
	}	
	form#reply input[type="reset"],
	form#note input[type="reset"] {
	    display: inline-block!important;
	}
	table#ticket-view-note input#title {
	    width: 96%!important;
	    margin: 4px 0 0 
	}
	table#ticket-view-note .faded {
	    font-size: 100%;
	}
	form#reply,
	form#note {
	    margin-bottom: 1%;
	}
	.redactor-editor.redactor-linebreaks.redactor-placeholder {
	    min-height: 180px!important;
	}
	.sidebar {
		width: 92%;
    	margin: 0 0 2% 2% !important;
		float: left;
		padding: 10px;
		border: .5px solid #a8a6a6;
		background: #ebebeb;
		border-radius: 3px;
	}	
	.faq-content .thread-body.bleed {
		width: 100%;
	}	
	i.help-tip.icon-question-sign[href="#export"] {
		display: none;
	}	
 
/* ==========================================================================
 IE Fixes
========================================================================== */

	div#button-inner, div#button-more-inner {
	    display: initial !important;
	    margin: initial !important;
	    height: 30px !important;
	}
}

@media screen and (max-width: 760px) {
	
	.desktop-ticket-list,
	.mobile-only {
    	display: inline !important;
	}
	tr.head,
	td.table-date,
	td.table-status,
	td.table-id,
	div#thread-icon,
	div#thread-count,
	td.table-client,
	td.table-description {
		display: none;
	}
	.index-page table.list, .tickets-page table.list {
		width: 100% !important;
	}	
	form[action="tickets.php"] table.list {
		border: unset;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
	}
	form[action="tickets.php"] table.list td {
		padding: 0 !important;
	} 
	table.list tbody tr.highlight td {
		border-top: unset !important;
		border-bottom: unset !important;
	}	
	table.list tbody tr:nth-child(2n+1) td {
		background-color: unset;
	}	
	table.mobile-ticket-list-outter-table {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 0 !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	td.mobile-only {
		margin: 0 !important;
		padding: 0 !important;
	}
	table.table-accordion {
		height: unset;
    	border-radius: 0 5px 5px 0 !important;
	    border-right: 7px solid #bbb;	
		border-spacing: 0;
		border-collapse: separate;		
	}
	.rtl table.table-accordion {
		border-left: 7px solid #bbb;
		border-right: initial;
		border-radius: 5px 0 0 5px !important;
	}	
	td.cursor.priority {
    	border-radius: 5px 0 0 5px!important;		
		width: 7px;
		border: 0 solid #fff !important;
	}	
	.rtl td.cursor.priority {
		border-radius: 0 5px 5px 0 !important;
	}	
	td.checkbox.nohover {
		margin: 0 !important;
	    padding: 6px 2px 6px 9px!important;
		width: 20px !important;
		height: 20px !important;
		background: #fff !important;
	}	
	.tasks-page table.list input[type=checkbox],
	.orgs-page table.list input[type=checkbox],
	.users-page table.list input[type=checkbox] {
		margin: 0 !important;
		padding: 0 !important;
	}
	.tasks-page table.list thead th a {
		padding: 8px 0 2px 3px;
		font-size: 17px !important;
	}	
	.tasks-page table.list tbody td {
		padding: 7px;
	}
	.tasks-page table.list tbody td:nth-child(6) {
		padding: 0;
	}	
	form[action="tasks.php"] table.list td:nth-child(6) div.wrap {
		float: left;
		max-width: 92%;
	}	
	form[action="tasks.php"] td:nth-child(2) {
		padding: 0 0 0 3px !important;
	}	
	form[action="tasks.php"] table.list td:nth-child(4) {
		padding: 10px 0 10px 5px;
	}	
	form[action="tasks.php"] table.list td:nth-child(2) a b {
		font-weight: 100 !important;
	}	
	tr.mobile-only-bottom-spacer td {
		background: #f3f3f5 !important;
    	height: 6px;
	}	
	form[action="tickets.php"] table.list tfoot td {
		border-top: unset !important;
		background: unset;
		padding: 0 !important;
	}
	form[action="tickets.php"] table.list td:nth-child(2) {
	    padding: 0 4px 0 4px !important;
	}
	.checkbox input + span {
		margin: 0;	
	    width: 13px !important;
	}	
	.checkbox input + span::after {
	    background-position: -1px -1px;
	}
	td.accordion-td.summary {
		border-radius: 0 0 5px 0;
	}
	.inner-client-summary a {
		font-size: 15px;
		margin: 3px 0 0 0;
		height: 22px;
	}
	.inner-ticket-summary {
		margin: 2px 0 0 0;
		height: 24px;
		border-radius: 0 0 5px 0;	
	}	
	.ticket-number-mobile {
		float: left;
		border: unset;
		height: 15px;
		text-align: center !important;
		margin: 0 4px 0 0;
		padding: 0 !important;
	}	
	.rtl .ticket-number-mobile {
		float: right;
		margin: 0 0 0 8px;
	}	
	.link.truncate {
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		color: #787878 !important;
	}
	.trigger {
		position: absolute !important;
		top: 0 !important;
		right: 0;
		border: 0;
		outline: 0;
		/* padding: 17px; */
		width: 50px;
		height: 50px;
		border-radius: 50%;
		margin: 0;
		background: #ff0;
		display: inline-block;
		z-index: 2;
	}	
	.Icon.overdueTicket {
	    background-position: 0 1px;
		padding-left: 17px !important;
	}	
	.checkbox input + span {
	    border: .5px solid #b3b3b3;
	}
}
@media screen and (min-width: 761px) {
	td.mobile-only,
	tr.mobile-only-bottom-spacer {
    	display: none;
	}
}
/* ==========================================================================
 TICKET LIST MOBILE
========================================================================== */

@media (max-width: 760px) {
	form[action="tickets.php"] table.list thead th {
		display: none;
	}
	a.preview.cursor {
		display: none !important;
	}	
	#mobile-only tfoot {
		display: none;
	}	
	table.list + div, #table-foot-options {
		padding: 10px 0 10px 0;
	}	
}

/* ==========================================================================
 TICKET LIST MOBILE - SORT OPTIONS
========================================================================== */

@media (min-width: 761px) {
	div#sort-options {
		display: none;
	}
}
div#sort-options {
	margin: 0 0 8px 0;
    float: right;
	display: none;	
}
div#sort-options a {
    background: #bbbbbb;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 2px 2px 2px;
    margin: 0 0 2px 0;
}
@media (max-width: 760px) {
	table.list tfoot td[colspan="8"]:before, table.list tfoot td[colspan="7"]:before, table.list tfoot td[colspan="6"]:before, table.list tfoot td[colspan="5"]:before {
    	padding: 3px 8px 0 1.5em !important;
	}
}

 
div#sort-options {
	display: none;
}

/* ==========================================================================
 ADDITIONAL MOBILE TWEAKS
========================================================================== */
@media (max-width: 1000px) {
	.osta_ticket {
		/* padding-left: 6px !important; */
	}
	.osta_username {
		font-size: 12px !important;
	}	
}
@media (max-width: 860px) {
	.sticky.bar.fixed .flush-left {
		display: none !important;
	}
}
@media screen and (max-width: 760px) {
	.pull-right.flush-right .action-button {
		margin-bottom: 4px;
	}
	.pull-right.flush-right .action-button[data-original-title=" Assign"], 
	.pull-right.flush-right .action-button[data-original-title="Change Status"] {
		float: right;
		margin: 0 0 0 6px;
	}	
}
@media screen and (max-width: 600px) {	
	#content #msg_error {
		margin: 10px 0 6px 0!important;
		width: 94%!important;
	}	
	table#ticket-open-table .attached.input {
		width: calc(100% - 23px)!important;
	}	
	table#ticket-open-table input#user-email {
		width: calc(100% - 52px)!important;
	}
	table#ticket-open-table .attached.input {
		margin: 5px 0 10px 0!important;
	}		
	span[style="display:inline-block;"] {
		display: initial!important;
	}	
	form.user input[type="email"] {
		margin: 2px 0 2px 0!important;  /* Open Ticket > Lookup or Add New User popup */
	}	
	h2 a[title="Refresh"]:after,
	.configureQ i.icon-cog {
		display: none;
	}	
	table.list thead th a {
    	font-size: 13px;
	}
}
	
@media screen and (max-width: 550px) {	
	.pull-right.flush-right.page-top .action-button {
		/*margin: 0 1px;*/
	}	
	.action-button.muted[data-dropdown="#sort-dropdown"] {
		float: right;
		margin: 7px 0 0 6px;
	}	
	.pull-right.flush-right.page-top .action-button {
		/*margin: 0 1px;*/
	}	
	.action-button.muted[data-dropdown="#sort-dropdown"] {
	  display: inline-block;
	  font-size: 0;
	} 
	.action-button i.icon-caret-down {
	  display: none !important;
	}
	i.icon-sort-by-attributes-alt {
	  margin: 0 -6px 0 0;
	}  
	#ticket_tabs_container form#reply {
		width: 100% !important;
	}	
	#ticket_tabs_container form#reply select#reply-to {
		width: 100% !important;
	}	
	#ticket_tabs_container form#reply .tickets .select2.select2-container.select2-container--default {
		width: 100% !important;
	}
	#ticket_tabs_container form#reply span.select2.select2-container.select2-container--default {
		width: 100% !important;
	}	
}
@media screen and (max-width: 525px) {	
	table.table.two-column input.auto.phone {
		width: 100px !important;
	}
}
@media screen and (max-width: 450px) {	
	.action-button, .button, button, button.link.button, input[type="button"] {
	    margin: 0 4px 0 0;	
		padding: 6px 8px;
	}
	.tasks .pull-right.flush-right {
		/* margin: 0 71px 0 0; */
	}		
	#table-foot-options {
		padding: 0;
	}	
}	
@media (max-width: 420px) {
	form[action="canned.php"] table.list th:nth-child(4),
	form[action="canned.php"] table.list td:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 400px) {	
	table.list thead th a {
    	font-size: 12px;
	}
	.action-button i.icon-caret-down, .action-button.muted i.icon-caret-down {
		border-left: 0;
		padding: 0;
		margin-left: 0;
	}	
	.tasks .pull-right.flush-right {
		/* margin: 0 63px 0 0; */
	}	
}
@media screen and (max-width: 360px) {	
	table.list thead th a {
    	font-size: 11px;
	}
	.action-button i.icon-trash, a[href="categories.php?a=delete"]:before, a.users-action i.icon-trash.icon-fixed-width, li.danger a[data-name="delete"] i.icon-trash.icon-fixed-width, a.items-action i.icon-trash.icon-fixed-width, a.ticket-action i.icon-trash {
		width: 17px !important;
	}
}
@media screen and (max-width: 760px) {
	ul#nav-mobile nav#customQ_nav {
		display: inline-block;
	}
	ul#nav-mobile #customQ_nav .jb-overflowmenu-menu-primary li.item {
		display: block;
		width: 100%;
	}
	ul#nav-mobile ul#sub_nav {
		margin-left: 0 !important;
	}
	ul#nav-mobile #sub_nav {
		padding: 0 0;
	}
	#nav-mobile .icon-sort-down,
	#nav-mobile i.icon-caret-down {
		display: none !important;
	}
	#nav-mobile ul.subMenuQ,
	#nav-mobile li.personalQ {
		display: none !important;
	}
	#queue-count-bucket {
		display: none;
	}
	/* fixes for mobile Open Ticket field form width glitch */
	body.demo.staff-side.tickets-page table.form_table.fixed tr {
	  display: initial;
	}
	body.demo.staff-side.tickets-page table.fixed > tbody > tr > td + td:not([width]) {
		width: 100%;
	}
	table.form_table.fixed tr#userRow td,
	table.form_table.fixed tr#ccRow td {
		display: inline-block;
	}
	tbody#dynamic-form tr {
	  display: table;
  }
	
}

/* ==========================================================================
 THEME OPTIONS
========================================================================== */
@media screen and (max-width: 1060px) {
	#theme-info {
	    background: #fff;
	}
	.custom-text-container {
		margin: 0 40px 0 0;
	}
	.theme ul.clean.tabs {
		padding-left: 0;
	}	
	.theme ul.tabs li {
	    min-width: fit-content;
	}
}
@media screen and (max-width: 976px) {
	#logo-type, 
	#custom-logo-column-outer,
	.custom-text-and-links-col1,	
	.custom-text-and-links-col2,
	.theme-information-col1,
	.theme-information-col2 {
		display: block;
		overflow: hidden;
	    vertical-align: top;	
	}
	#custom-logo-column-inner-title h2 {
		margin-top: 10px;
	}	
	.ie-redirect-table,
	.consent-message-table,
	.scroll-table {
		width: 490px !important;
		margin: 20px 0 50px 20px;
	}
	#logo-type, #custom-logo-column-outer {
		width: calc(100% - 0) !important;
		overflow: hidden;
	}
}
@media screen and (max-width: 870px) {
	td.options-header-image,
	td.options-header-color {
		display: block;
	}
	#theme-header-options .container {
		margin-right: 0;
	}
	#theme-header-options .right, #logo-options .right {
		width: 61px;
	}
	#theme-header-options {
		width: calc(100% - 20px) !important;
	}	
	#custom-logo-column {
		margin-top: 20px;
	}	
	.custom-logo-link, 
	.custom-logo-link a {
		font-size: 20px;
	}	
	.custom-text-and-links-col2 {
		padding-top: 7px;
	}	
}
@media screen and (max-width: 625px) {
	.theme-preview {
		display: none;
	}
	.switch {
		float: initial;	
		text-align: center;
	}
}
@media screen and (max-width: 590px) {
	.ie-redirect-table,
	.consent-message-table,
	.scroll-table {
		width: 428px !important;
	}
}
@media screen and (max-width: 570px) {
	.custom-text-container {
		float: initial;
	}	
}
@media screen and (max-width: 460px) {
	.indent {
		padding-left: 0 !important;
	}	
	#logo-options td, 
	#additional-options td, 
	#theme2a tr:nth-child(2) td, 
	#theme3 td, 
	#theme4 td, 
	#theme5 tr:nth-child(2) td,
	#theme6 tr:nth-child(2) td,
	#theme7 tr:nth-child(2) td	{
		padding: 0 0 20px 0;
	}
	#osta-settings-title {
		float: unset;
	}	
	#custom-css-container {
		width: 100%;
	}
	#osta-toggle {
		float: right;
		margin: 0 0 0 2px;
		padding: 0 !important;
		/* width: 57px !important; */
		font-size: 13px;
	}
	.theme-card {
		margin-left: 0;
	}	
	#logo-type table,
	#custom-logo-column-inner {
		margin-left: 0 !important;
	}	
	#custom-theme-options {
		float: left;
	}	
	#theme-header-options {
		margin-left: 0;
	}	
	.backdrop .inner {
		width: 285px;
		height: 161px;
	}	
	#custom-backdrop-container, #upload-backdrop-container {
		padding: 20px 0 !important;
	}	
	#theme-header-options .container {
		margin: 10px 10px 10px -6px;
	}	
	#theme-header-options .title, #logo-options .title,	
	#theme-header-options .image, #theme-header-options .image, #logo-options .image {
		width: 240px;
	}	
	#theme-header-options .container, #logo-options .container {
		width: 328px;
	}
	span.custom-logo-link {
		display: block;
		margin: -10px 0 0 0;
	}	
	#brace {
		padding-right: 18px;
	}
	.ie-redirect-table,
	.consent-message-table,
	.scroll-table {
		margin: 20px 0 40px 0;
	}
	.custom-text-and-links-col1,	
	.custom-text-and-links-col2 {
		width: calc(100% - 0);
	}
	.ie-redirect-table,
	.consent-message-table,
	.scroll-table {
		width: calc(100% - -6px) !important;
	}
}
@media screen and (max-width: 440px) {
	img#scroll-top-img {
		width: 100%;
	}
	#choose-theme-options {
		margin: -24px 0 10px;
	}	
	#default-logo {
		margin-top: -3px !important;
	}	
	#custom-css-container {
		width: 100% !important;
		margin: 14px 0 30px 0 !important;
	}	
	.CodeMirror-scroll {
		width: 100%;
	}
	#system-backdrops-options {
		width: 100% !important;
	}
	#system-backdrops-options td.toggles {
		width: initial !important;
		padding-right: 0 !important;
	}
	#system-backdrops-options .options-backdrop ~ .toggles {
		padding-right: 0 !important;
	}	
	#system-backdrops-options #spacer {
		display: none;
	}
	.container label,
	#osta-toggle label,
	#system-backdrops-options label {
		transform: scale(.8);
	}	
	.options-backdrop,
	.option-solid {
		font-size: 15px !important;
	}
	#system-backdrops-options {
		margin-bottom: -13px;
	}
}
@media screen and (max-width: 400px) {
	.theme .tab_content, 
	.theme2 .tab_content {
	    padding: 8px;
	}
}

/* ==========================================================================
 MOBILE TABLE EXPERIMENT 2019
========================================================================== */
@media only screen and (max-width: 760px) {

	/* Force table to not be like tables anymore */
	table.list, .list thead, .list tbody, .list th, .list td, .list tr {
		display: block;
	}
	table.list {
		border: 0;
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	.list thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.list tr {
		margin: 0 0 1rem 0;
		overflow: hidden;	  
	}
	.list td {
		/* Behave  like a "row" */
		border: none !important;
		position: relative !important;
		padding: 3px 0 3px 41% !important;
		font-size: 15px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;		
	}
	form[action="tasks.php"] td:nth-child(2),
	form[action="tasks.php"] td:nth-child(3),
	.directory .list td:first-child {
		padding: 3px 0 3px 41% !important;
	}
	.list td:before {
		position: absolute;
		/* top: 0; */
		left: 6px;
		width: 36%;
		white-space: nowrap;
		text-align: right;
		padding: 0;
		font-size: 15px;
		font-weight: 400;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}	
	.list td a {
		font-size: 15px !important;
	}	
	.list td a[data-preview^="#tasks"] {
		top: 8px !important;
		position: relative;
		margin: 0 0 5px 0;
		font-size: 14px !important;	
	}	
	a[title="Preview Task"].Icon.no-pjax.preview {
	    top: 0 !important;
		padding: 1px 3px !important;
	}
	td.task-number {
		margin-top: 4px !important;
	}	
	table.list, #ticketTable {
		/* width: 100%; */
		/* border: 1px solid #cfd4d6; */
		/* border-radius: 6px; */
		/* margin: 5px 0 0 0; */
		/* background: initial; */
		background-color: initial;
	}
	.list tr.highlight {
		background: #ddd;
	}	
	table.list tbody tr.highlight td {
		border-top-color: #ddd !important;
		border-bottom-color: #ddd !important;
	}
	table.list tbody tr.highlight:nth-child(2n+1) td { /* let's restate this */
	    background-color: #dddddd !important;
	}	
	table.list tbody tr:hover td,
	table.list tbody tr:nth-child(2n+1):hover td {
		background: initial;
	}
	.list td:nth-of-type(2) {
		padding-top: 16px !important;
	}
	.directory-page .list td:nth-of-type(2) {
		padding-top: 0 !important;
	}
	.list td:last-of-type {
		padding-bottom: 10px !important;
	}
	.list td:first-child {
		padding: initial !important;
		border-bottom: initial !important;
		width: 0;
		display: inline-block;
		float: left;
		z-index: 9;
	}	
	.padding-slider-container {
		display: none;
	}
	.list td.osta_priority {
	    visibility: hidden;
	}	
	.list input[type="checkbox"] {
		margin: 0;
		visibility: hidden;
	}
	.list td.osta_ticket:before,
	.list td.osta_number:before	{
		content: "Ticket Number";
	}
	.list td.osta_lastupdated:before {
		content: "Last Updated";
	}
	.list td.osta_subject:before {
		content: "Subject";
	}
	.list td.osta_from:before,
	.list td.osta_username:before {
		content: "From";
	}
	.list td.osta_assignee:before {
		content: "Assigned To";
	}
	.list td.osta_duedate:before {
		content: "Due Date";
	}	
	.list td.osta_closedate:before {
		content: "Close Date";
	}	
	.list td.osta_created:before,
	.list td.osta_datecreated:before {
		content: "Date Created";
	}		
	.list td.osta_department:before {
		content: "Department";
	}	
	.list td.osta_lastmessage:before {
		content: "Last Message";
	}	
	.list td.osta_lastresponse:before {
		content: "Last Response";
	}	
	.list td.osta_status:before {
		content: "Status";
	}	
	.list td.osta_team:before {
		content: "Team";
	}	
	.list.queue.tickets a.preview {
		font-weight: 400 !important;
		border: .5px solid #128dbe !important;
		border-radius: 2px !important;
	    padding: 1px 3px 2px 3px !important;
		background: #ffffff7a !important;
		margin: 0 !important;
		font-size: 14px !important;
	}	
	.osta_ticket,
	.osta_lastupdated,
	.osta_subject,
	.osta_username,
	.osta_assignee,
	.osta_duedate,
	a[style="display:inline"] {
		font-size: 15px !important;
	}	
	.new-reply {
		top: -9px;
		left: -4px;
		font-size: 11px !important;
	    margin: 0 -10px 0 0;	
	}
	.list tr {
		border: 1px solid #b9b9b9;
		border-left-width: 14px;
		border-radius: 6px;
		background: #fff;
		-webkit-box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.75);
		padding: 0 0 10px 0;
	}	
	td.osta_priority {
		display: none;
	}	
	tr.priority-low {
		border-left: 14px solid #58A9E6 !important;
	}
	tr.priority-normal {
		border-left: 14px solid #9CBF56 !important;
	}	
	tr.priority-high {
		border-left: 14px solid #D9B35F !important;
	}
	tr.priority-emerency {
		border-left: 14px solid #ED656E !important;
	}	
	form[action="tickets.php"] table.list td:first-child {
		max-width: initial;
	}
	table.list.queue.tickets {
		border: initial;
	}
	.list tfoot tr {
		box-shadow: initial !important;
		border: initial;
	}
	.list tfoot td {
		width: initial !important;
		height: initial !important;
		background: initial !important;
		margin: 10px 10px 0 10px !important;
	}
	table.list.queue.tickets ~ div {
		margin: 10px;
	}
	.list td.osta_ticket {
	    height: 30px;
	}	
	.list.queue.tickets .osta_ticket div,
	.list.queue.tickets .osta_number div {
		float: left;
	}
	.overdue-ticket,
	.ticket-has-attachement {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 24px;
		display: inline-block;
		content: "";
		margin-top: 2px;
		width: 21px;
	}
	.overdue-ticket {
	background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath fill='%23D0A33F' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z' /%3E %3C/svg%3E");
	}
	.ticket-has-attachement {
		background-image: url(../icons/paperclip.svg);
		background-size: 10px;
		background-position: 0 0;
		width: 12px;
	}
	.osta_ticket .icon-code-fork {
		top: 2px;
	}	
	.Icon.overdueTicket ,
	i.small.icon-paperclip {
		display: none;
	}
	.ticket-has-attachement,
	.list.queue.tickets .osta_ticket div.pull-right,
	.list.queue.tickets .osta_number div.pull-right	{
		margin-left: 22px;
	}
	.faded-more i.icon-comments-alt,
	.task-number i.icon-fixed-width.icon-comments-alt	{
		width: 21px;
		height: 21px;
		background-size: 21px !important;
		top: 0 !important;
		margin: 0 0 0 2px;	
	}
	.list small.faded-more {
		font-size: 15px !important;
		color: #636363;
	}
	.Icon.lockedTicket {
		background: url(../../osta/icons/lock-mobile.png) 0 3px no-repeat !important;
		background-size: 9px !important;
		padding-left: 9px;
	}
	.locked .truncate {
		margin-left: 12px;
	}	
	.osta_duedate {
		text-transform: capitalize !important;
	}
	table.list .pull-right.faded-more {
		display: none !important;
	}


	#new-reply-icon {
		display: none;
	}
	.new-reply-waiting #new-reply-icon {
		display: inline-block;
	}

	.ticket-num {
	 /* margin-left: -22px;
		display: contents; */
	}

	div[style="font-weight:bold"] .ticket-num {
		margin-left: -1px;
	}
	.overdue-ticket {
		margin-left: 13px;
	}
	.osta_ticket .icon-code-fork,
	.osta_ticket .icon-code-link	{
		margin: 0 0 0 14px;
	}
	.osta_ticket .pull-right {
		margin: 3px 13px 0 0;
	}
	#new-reply-icon {
		margin: 1px 7px 0 0;
	}
	.osta_subject a {
		width: calc(100% - 10px) !important;
	}
	.list td.osta_priority {
		height: 0 !important;
	}
	.list time.relative:empty:before {
		content: '(not set)';
		color: #aaa;
		text-transform: lowercase;
	}
	table.list tfoot td[colspan="8"]:before, table.list tfoot td[colspan="7"]:before, table.list tfoot td[colspan="6"]:before, table.list tfoot td[colspan="5"]:before {
		display: none;
	}
}
@media only screen and (max-width: 400px)  {
	.overdue-ticket, .ticket-has-attachement {
		margin-left: 13px;
	}
	.list.queue.tickets .osta_ticket div.pull-right {
			margin-left: 11px;
	}	
}
/* ==========================================================================
 MOBILE USER LIST 2019
========================================================================== */
@media only screen and (max-width: 760px) {
	form#users-list table.list tbody tr:nth-child(2n+1) td, form#mass-actions table.list tbody tr:nth-child(2n+1) td, form[action="canned.php"] table.list tbody tr:nth-child(2n+1) td, form[action="teams.php"] table.list tbody tr:nth-child(2n+1) td, form[action="roles.php"] table.list tbody tr:nth-child(2n+1) td, form[action="departments.php"] table.list tbody tr:nth-child(2n+1) td, form[action="helptopics.php"] table.list tbody tr:nth-child(2n+1) td, form[action="filters.php"] table.list tbody tr:nth-child(2n+1) td, form[action="slas.php"] table.list tbody tr:nth-child(2n+1) td, form[action="apikeys.php"] table.list tbody tr:nth-child(2n+1) td, form[action="pages.php"] table.list tbody tr:nth-child(2n+1) td, form[action="forms.php"] table.list tbody tr:nth-child(2n+1) td, form[action="lists.php"] table.list tbody tr:nth-child(2n+1) td, form[action="plugins.php"] table.list tbody tr:nth-child(2n+1) td, form[action="logs.php"] table.list tbody tr:nth-child(2n+1) td {
		background-color: #ffffff;
	}
	form#users-list a.preview,
	form[action="orgs.php"] .list td a {
		font-weight: 600;
	}
	form#users-list .list td:last-of-type {
		padding-bottom: 14px !important;
		display: inline-block;	
	}
	form#users-list .list td:nth-child(2):before {
		content: "Name";
	}
	form#users-list .list td:nth-child(3):before {
		content: "Status";
	}
	form#users-list .list td:nth-child(4):before {
		content: "Created";
	}
	form#users-list .list td:nth-child(5):before {
		content: "Updated";
	}
	form#users-list th:nth-child(5), form#users-list td:nth-child(5), form#orgs-list th:nth-child(5), form#orgs-list td:nth-child(5) {
		display: initial;
	}
	form#users-list .list td,
	form#orgs-list .list td	{
		position: initial !important;
	}
	form#users-list .list tbody td:last-of-type, 
	form#orgs-list .list tbody td:last-of-type {
		padding-bottom: 14px !important;
		display: inline-block;	
	}
	form#orgs-list .list td:nth-child(2):before {
		content: "Name";
	}
	form#orgs-list .list td:nth-child(3):before {
		content: "Users";
	}
	form#orgs-list .list td:nth-child(4):before {
		content: "Created";
	}
	form#orgs-list .list td:nth-child(5):before {
		content: "Last Updated";
	}
	.tickets-page form#tasks .list td {
	    text-align: left;	
	}	
	.tickets-page form#tasks .list td:nth-child(2):before {
		content: "Task #";
	}
	.tickets-page form#tasks .list td:nth-child(3):before {
		content: "Date";
	}
	.tickets-page form#tasks .list td:nth-child(4):before {
		content: "Status";
	}	
	.tickets-page form#tasks .list td:nth-child(5):before {
		content: "Title";
	}
	.tickets-page form#tasks .list td:nth-child(6):before {
		content: "Department";
	}	
	.tickets-page form#tasks .list td:nth-child(7):before {
		content: "Agent";
	}	
	.tasks-page form#tasks .list td:nth-child(2):before {
		content: "Task #";
	}
	.tasks-page form#tasks .list td:nth-child(3):before {
		content: "Ticket #";
	}
	.tasks-page form#tasks .list td:nth-child(4):before {
		content: "Date";
	}
	.tasks-page form#tasks .list td:nth-child(5):before {
		content: "Title";
	}	
	.tasks-page form#tasks .list td:nth-child(6):before {
		content: "Department";
	}
	.tasks-page form#tasks .list td:nth-child(7):before {
		content: "Agent";
	}	
	.list time.relative:empty:before,
	.list .staffAssigned:empty:before {
		content: '(not set)';
		color: #aaa;
		text-transform: lowercase;
	}
	td .wrap:empty:before,
	.directory .list td:empty:after {
		content: '(not set)';
		color: #aaa;
		text-transform: lowercase;
	}	
	table.list tbody tr:nth-child(2n+1) td,
	.orgs table.list tbody tr:nth-child(2n+1) td,
	.tasks table.list tbody tr:nth-child(2n+1) td,
	.emails table.list tbody tr:nth-child(2n+1) td,
	.banlist table.list tbody tr:nth-child(2n+1) td,
	.tickets table.list tbody tr:nth-child(2n+1) td,
	.templates table.list tbody tr:nth-child(2n+1) td,
	.directory table.list tbody tr:nth-child(2n+1) td,
	form#users-list table.list tbody tr:nth-child(2n+1) td,
	form#mass-actions table.list tbody tr:nth-child(2n+1) td,
	form[action="canned.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="teams.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="roles.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="departments.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="helptopics.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="filters.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="slas.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="apikeys.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="pages.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="forms.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="lists.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="plugins.php"] table.list tbody tr:nth-child(2n+1) td,
	form[action="logs.php"] table.list tbody tr:nth-child(2n+1) td {
		background-color: #fff;
	}	
	.orgs table.list tr,
	.tasks table.list tr,
	.emails table.list tr,
	.banlist table.list tr,
	.templates table.list tr,
	.directory table.list tr, 
	form#users-list .list tr,
	form#mass-actions table.list tr,
	form[action="orgs.php"] table.list tr,
	form[action="canned.php"] table.list tr,
	form[action="teams.php"] table.list tr,
	form[action="roles.php"] table.list tr,
	form[action="departments.php"] table.list tr,
	form[action="helptopics.php"] table.list tr,
	form[action="filters.php"] table.list tr,
	form[action="slas.php"] table.list tr,
	form[action="apikeys.php"] table.list tr,
	form[action="pages.php"] table.list tr,
	form[action="forms.php"] table.list tr,
	form[action="lists.php"] table.list tr,
	form[action="plugins.php"] table.list tr,
	form[action="logs.php"] table.list tr {
		border-left-width: 1px;
	}
	form[action="tasks.php"] table.list tr td a.preview b {
		font-weight: 500 !important;
	}
	form[action="tasks.php"] table.list td:nth-child(4) a {
		font-size: 15px !important;
	}	
	.tasks table.list tbody tr td:nth-child(2):before {
		padding-top: 11px;
	}

	table.list .tasks-icons {
		font-size: 18px !important;
		color: #636363;
		margin-left: 53px !important;
		margin-top: 6px;
	}
	form[action="tasks.php"] table.list i.icon-fixed-width.icon-comments-alt {
		width: 20px;
		top: 5px !important;
	}
	.directory table.list td {
		font-size: 15px !important;
	}
	.directory .list td:first-child {
		width: initial;
		float: initial;
		display: initial;
		z-index: initial;
		font-size: 15px !important;
		font-weight: 600 !important;
	}
	.directory .list td:nth-child(1):before {
		content: "Name";
	}
	.directory .list td:nth-child(2):before {
		content: "Department";
	}
	.directory .list td:nth-child(3):before {
		content: "Email Address";
	}
	.directory .list td:nth-child(4):before {
		content: "Phone Number";
	}
	.directory .list td:nth-child(5):before {
		content: "Extension";
	}
	.directory .list td:nth-child(6):before {
		content: "Mobile Number";
	}
	.directory .list td:first-child {
		margin-top: 10px !important;
		display: inline-block;
	}
	.directory-page .directory .list td:first-child {
		display: block;
	}	
	.directory .list td:last-of-type {
		padding-bottom: 10px !important;
	}
	form[action="#users/import"] tr {
		border-left-width: 1px;
		-webkit-box-shadow: initial;
		-moz-box-shadow: initial;
		box-shadow: initial;
		border: initial;	
	}
	form[action="#users/import"] table.list {
		display: table;
		width: 100%;
	}
	.canned .list td:nth-child(2):before {
		content: "Title";
	}
	.canned .list td:nth-child(3):before {
		content: "Status";
	}
	.canned .list td:nth-child(4):before {
		content: "Department";
	}
	.canned .list td:nth-child(5):before {
		content: "Last Updated";
	}
	.canned .list  td:nth-child(2) a {
		font-size: 14px;
		font-weight: 600;
	}
	.categories .list td:nth-child(2):before {
		content: "Name";
	}
	.categories .list td:nth-child(3):before {
		content: "Type";
	}
	.categories .list td:nth-child(4):before {
		content: "FAQs";
	}
	.categories .list td:nth-child(5):before {
		content: "Last Updated";
	}
	.categories .list  td:nth-child(2) a {
		font-size: 14px;
		font-weight: 600;
	}
	html[lang="ar-EG"] .list td.osta_ticket:before { content: "رقم التذكرة";}
	html[lang="ar-EG"] .list td.osta_lastupdated:before { content: "آخر تحديث";}
	html[lang="ar-EG"] .list td.osta_subject:before { content: "الموضوع";}
	html[lang="ar-EG"] .list td.osta_username:before { content: "من";}
	html[lang="ar-EG"] .list td.osta_assignee:before { content: "تم إسنادها إلى";}
	html[lang="ar-EG"] .list td.osta_duedate:before { content: "تاريخ الإستحقاق";}
	html[lang="ar-EG"] .list td.osta_closedate:before { content: "تاريخ الاغلاق";}
	html[lang="ar-EG"] .list td.osta_datecreated:before { content: "تاريخ الإنشاء";}
	html[lang="ar-EG"] .list td.osta_department:before { content: "القسم";}
	html[lang="ar-EG"] .list td.osta_lastmessage:before { content: "آخر رسالة";}
	html[lang="ar-EG"] .list td.osta_lastresponse:before { content: "آخر رد";}
	html[lang="ar-EG"] .list td.osta_status:before { content: "الحالة";}
	html[lang="ar-EG"] .list td.osta_team:before { content: "فريق";}

	html[lang="ar-SA"] .list td.osta_ticket:before { content: "رقم التذكرة";}
	html[lang="ar-SA"] .list td.osta_lastupdated:before { content: "آخر تحديث";}
	html[lang="ar-SA"] .list td.osta_subject:before { content: "الموضوع";}
	html[lang="ar-SA"] .list td.osta_username:before { content: "من";}
	html[lang="ar-SA"] .list td.osta_assignee:before { content: "تم إسنادها إلى";}
	html[lang="ar-SA"] .list td.osta_duedate:before { content: "تاريخ الإستحقاق";}
	html[lang="ar-SA"] .list td.osta_closedate:before { content: "تاريخ الاغلاق";}
	html[lang="ar-SA"] .list td.osta_datecreated:before { content: "تاريخ الإنشاء";}
	html[lang="ar-SA"] .list td.osta_department:before { content: "القسم";}
	html[lang="ar-SA"] .list td.osta_lastmessage:before { content: "آخر رسالة";}
	html[lang="ar-SA"] .list td.osta_lastresponse:before { content: "آخر رد";}
	html[lang="ar-SA"] .list td.osta_status:before { content: "الحالة";}
	html[lang="ar-SA"] .list td.osta_team:before { content: "فريق";}

	html[lang="az"] .list td.osta_ticket:before { content: "Sorğu nömrəsi";}
	html[lang="az"] .list td.osta_lastupdated:before { content: "Son yenilənmə";}
	html[lang="az"] .list td.osta_subject:before { content: "Mövzu";}
	html[lang="az"] .list td.osta_username:before { content: "Kimdən";}
	html[lang="az"] .list td.osta_assignee:before { content: "Təyin olunub";}
	html[lang="az"] .list td.osta_duedate:before { content: "Vaxtı";}
	html[lang="az"] .list td.osta_closedate:before { content: "Bağlanma tarixi";}
	html[lang="az"] .list td.osta_datecreated:before { content: "Tarix yaradıldı";}
	html[lang="az"] .list td.osta_department:before { content: "Şöbə";}
	html[lang="az"] .list td.osta_lastmessage:before { content: "Son mesaj";}
	html[lang="az"] .list td.osta_lastresponse:before { content: "Son cavab";}
	html[lang="az"] .list td.osta_status:before { content: "Vəziyyət";}
	html[lang="az"] .list td.osta_team:before { content: "Komanda";}

	html[lang="bg"] .list td.osta_ticket:before { content: "Номер на заявката";}
	html[lang="bg"] .list td.osta_lastupdated:before { content: "Последно обновление";}
	html[lang="bg"] .list td.osta_subject:before { content: "Тема";}
	html[lang="bg"] .list td.osta_username:before { content: "От";}
	html[lang="bg"] .list td.osta_assignee:before { content: "Възложен на";}
	html[lang="bg"] .list td.osta_duedate:before { content: "Краен срок";}
	html[lang="bg"] .list td.osta_closedate:before { content: "Дата на Приключване";}
	html[lang="bg"] .list td.osta_datecreated:before { content: "Дата на създаване";}
	html[lang="bg"] .list td.osta_department:before { content: "Отдел";}
	html[lang="bg"] .list td.osta_lastmessage:before { content: "Последно съобщение";}
	html[lang="bg"] .list td.osta_lastresponse:before { content: "Последен отговор";}
	html[lang="bg"] .list td.osta_status:before { content: "Статус";}
	html[lang="bg"] .list td.osta_team:before { content: "Екип";}

	html[lang="ca"] .list td.osta_ticket:before { content: "Nombre de Ticket";}
	html[lang="ca"] .list td.osta_lastupdated:before { content: "Darrera actualització";}
	html[lang="ca"] .list td.osta_subject:before { content: "Assumpte";}
	html[lang="ca"] .list td.osta_username:before { content: "De";}
	html[lang="ca"] .list td.osta_assignee:before { content: "Assignat a";}
	html[lang="ca"] .list td.osta_duedate:before { content: "Data límit";}
	html[lang="ca"] .list td.osta_closedate:before { content: "Data de tancament";}
	html[lang="ca"] .list td.osta_datecreated:before { content: "Data de creació";}
	html[lang="ca"] .list td.osta_department:before { content: "Departament";}
	html[lang="ca"] .list td.osta_lastmessage:before { content: "Últim missatge";}
	html[lang="ca"] .list td.osta_lastresponse:before { content: "Última resposta";}
	html[lang="ca"] .list td.osta_status:before { content: "Estat";}
	html[lang="ca"] .list td.osta_team:before { content: "Equip";}

	html[lang="cs"] .list td.osta_ticket:before { content: "Číslo požadavku";}
	html[lang="cs"] .list td.osta_lastupdated:before { content: "Poslední změna";}
	html[lang="cs"] .list td.osta_subject:before { content: "Předmět";}
	html[lang="cs"] .list td.osta_username:before { content: "Od";}
	html[lang="cs"] .list td.osta_assignee:before { content: "Přiděleno";}
	html[lang="cs"] .list td.osta_duedate:before { content: "Termín";}
	html[lang="cs"] .list td.osta_closedate:before { content: "Datum uzavření";}
	html[lang="cs"] .list td.osta_datecreated:before { content: "Datum vytvoření";}
	html[lang="cs"] .list td.osta_department:before { content: "Oddělení";}
	html[lang="cs"] .list td.osta_lastmessage:before { content: "Poslední zpráva";}
	html[lang="cs"] .list td.osta_lastresponse:before { content: "Poslední odpověď";}
	html[lang="cs"] .list td.osta_status:before { content: "Stav";}
	html[lang="cs"] .list td.osta_team:before { content: "Tým";}

	html[lang="da"] .list td.osta_ticket:before { content: "Sagsnummer";}
	html[lang="da"] .list td.osta_lastupdated:before { content: "Sidst opdateret";}
	html[lang="da"] .list td.osta_subject:before { content: "Emne";}
	html[lang="da"] .list td.osta_username:before { content: "Fra";}
	html[lang="da"] .list td.osta_assignee:before { content: "Tildelt til";}
	html[lang="da"] .list td.osta_duedate:before { content: "Forfaldsdato";}
	html[lang="da"] .list td.osta_closedate:before { content: "Lukke dato";}
	html[lang="da"] .list td.osta_datecreated:before { content: "Oprettelsesdato";}
	html[lang="da"] .list td.osta_department:before { content: "Afdeling";}
	html[lang="da"] .list td.osta_lastmessage:before { content: "Sidste besked";}
	html[lang="da"] .list td.osta_lastresponse:before { content: "Sidste svar";}
	html[lang="da"] .list td.osta_status:before { content: "Status";}
	html[lang="da"] .list td.osta_team:before { content: "Hold";}

	html[lang="de"] .list td.osta_ticket:before { content: "Ticket-Nummer";}
	html[lang="de"] .list td.osta_lastupdated:before { content: "Zuletzt aktualisiert";}
	html[lang="de"] .list td.osta_subject:before { content: "Betreff";}
	html[lang="de"] .list td.osta_username:before { content: "Von";}
	html[lang="de"] .list td.osta_assignee:before { content: "Zugewiesen an";}
	html[lang="de"] .list td.osta_duedate:before { content: "Fälligkeitsdatum";}
	html[lang="de"] .list td.osta_closedate:before { content: "Geschlossen am";}
	html[lang="de"] .list td.osta_datecreated:before { content: "Erstellungsdatum";}
	html[lang="de"] .list td.osta_department:before { content: "Abteilung";}
	html[lang="de"] .list td.osta_lastmessage:before { content: "Letzte Nachricht";}
	html[lang="de"] .list td.osta_lastresponse:before { content: "Letzte Antwort";}
	html[lang="de"] .list td.osta_status:before { content: "Status";}
	html[lang="de"] .list td.osta_team:before { content: "Team";}

	html[lang="el"] .list td.osta_ticket:before { content: "Αριθμός Δελτίου";}
	html[lang="el"] .list td.osta_lastupdated:before { content: "Τελευταία Ενημέρωση";}
	html[lang="el"] .list td.osta_subject:before { content: "Θέμα";}
	html[lang="el"] .list td.osta_username:before { content: "Από";}
	html[lang="el"] .list td.osta_assignee:before { content: "Ανατέθηκε Στον";}
	html[lang="el"] .list td.osta_duedate:before { content: "Ημερομηνία Παράδοσης";}
	html[lang="el"] .list td.osta_closedate:before { content: "Ημερομηνία Κλεισίματος";}
	html[lang="el"] .list td.osta_datecreated:before { content: "Ημερομηνία Δημιουργίας";}
	html[lang="el"] .list td.osta_department:before { content: "Τμήμα";}
	html[lang="el"] .list td.osta_lastmessage:before { content: "Τελευταίο Μήνυμα";}
	html[lang="el"] .list td.osta_lastresponse:before { content: "'Τελευταία Απόκριση";}
	html[lang="el"] .list td.osta_status:before { content: "Κατάσταση";}
	html[lang="el"] .list td.osta_team:before { content: "Ομάδα";}

	html[lang="es-AR"] .list td.osta_ticket:before { content: "Número de Ticket";}
	html[lang="es-AR"] .list td.osta_lastupdated:before { content: "Última actualización";}
	html[lang="es-AR"] .list td.osta_subject:before { content: "Asunto";}
	html[lang="es-AR"] .list td.osta_username:before { content: "De";}
	html[lang="es-AR"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-AR"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-AR"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-AR"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-AR"] .list td.osta_department:before { content: "Departamento";}
	html[lang="es-AR"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-AR"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-AR"] .list td.osta_status:before { content: "Estado";}
	html[lang="es-AR"] .list td.osta_team:before { content: "Equipo";}

	html[lang="es-ES"] .list td.osta_ticket:before { content: "Número de Ticket";}
	html[lang="es-ES"] .list td.osta_lastupdated:before { content: "Última actualización";}
	html[lang="es-ES"] .list td.osta_subject:before { content: "Asunto";}
	html[lang="es-ES"] .list td.osta_username:before { content: "De";}
	html[lang="es-ES"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-ES"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-ES"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-ES"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-ES"] .list td.osta_department:before { content: "Departamento";}
	html[lang="es-ES"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-ES"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-ES"] .list td.osta_status:before { content: "Estado";}
	html[lang="es-ES"] .list td.osta_team:before { content: "Equipo";}

	html[lang="es-MX"] .list td.osta_ticket:before { content: "Número de Ticket";}
	html[lang="es-MX"] .list td.osta_lastupdated:before { content: "Última actualización";}
	html[lang="es-MX"] .list td.osta_subject:before { content: "Asunto";}
	html[lang="es-MX"] .list td.osta_username:before { content: "De";}
	html[lang="es-MX"] .list td.osta_assignee:before { content: "Asignado a";}
	html[lang="es-MX"] .list td.osta_duedate:before { content: "Fecha de Vencimiento";}
	html[lang="es-MX"] .list td.osta_closedate:before { content: "Fecha de cierre";}
	html[lang="es-MX"] .list td.osta_datecreated:before { content: "Fecha de creación";}
	html[lang="es-MX"] .list td.osta_department:before { content: "Departamento";}
	html[lang="es-MX"] .list td.osta_lastmessage:before { content: "Último mensaje";}
	html[lang="es-MX"] .list td.osta_lastresponse:before { content: "Última respuesta";}
	html[lang="es-MX"] .list td.osta_status:before { content: "Estado";}
	html[lang="es-MX"] .list td.osta_team:before { content: "Equipo";}

	html[lang="et"] .list td.osta_ticket:before { content: "Pöördumise number";}
	html[lang="et"] .list td.osta_lastupdated:before { content: "Viimati uuendatud";}
	html[lang="et"] .list td.osta_subject:before { content: "Pealkiri";}
	html[lang="et"] .list td.osta_username:before { content: "Kellelt";}
	html[lang="et"] .list td.osta_assignee:before { content: "Suunatud";}
	html[lang="et"] .list td.osta_duedate:before { content: "Tähtaeg";}
	html[lang="et"] .list td.osta_closedate:before { content: "Sulgemise kuupäev";}
	html[lang="et"] .list td.osta_datecreated:before { content: "Loomise kuupäev";}
	html[lang="et"] .list td.osta_department:before { content: "Departamento";}
	html[lang="et"] .list td.osta_lastmessage:before { content: "Viimane sõnum";}
	html[lang="et"] .list td.osta_lastresponse:before { content: "Viimane vastus";}
	html[lang="et"] .list td.osta_status:before { content: "Staatus";}
	html[lang="et"] .list td.osta_team:before { content: "Meeskond";}

	html[lang="fa"] .list td.osta_ticket:before { content: "شماره پیگیری";}
	html[lang="fa"] .list td.osta_lastupdated:before { content: "آخرین بروزرسانی";}
	html[lang="fa"] .list td.osta_subject:before { content: "موضوع";}
	html[lang="fa"] .list td.osta_username:before { content: "از";}
	html[lang="fa"] .list td.osta_assignee:before { content: "محول شده به";}
	html[lang="fa"] .list td.osta_duedate:before { content: "تاریخ انقضاء";}
	html[lang="fa"] .list td.osta_closedate:before { content: "تاریخ بسته شدن";}
	html[lang="fa"] .list td.osta_datecreated:before { content: "تاریخ ایجاد";}
	html[lang="fa"] .list td.osta_department:before { content: "واحد سازمانی";}
	html[lang="fa"] .list td.osta_lastmessage:before { content: "آخرین پیام";}
	html[lang="fa"] .list td.osta_lastresponse:before { content: "آخرین پاسخ";}
	html[lang="fa"] .list td.osta_status:before { content: "وضعیت";}
	html[lang="fa"] .list td.osta_team:before { content: "تیم";}

	html[lang="fi"] .list td.osta_ticket:before { content: "Tikettinumero";}
	html[lang="fi"] .list td.osta_lastupdated:before { content: "Viimeksi päivitetty";}
	html[lang="fi"] .list td.osta_subject:before { content: "Aihe";}
	html[lang="fi"] .list td.osta_username:before { content: "Lähettäjä";}
	html[lang="fi"] .list td.osta_assignee:before { content: "Käsittelijä";}
	html[lang="fi"] .list td.osta_duedate:before { content: "Eräpäivä";}
	html[lang="fi"] .list td.osta_closedate:before { content: "Sulkupäiväys";}
	html[lang="fi"] .list td.osta_datecreated:before { content: "Luontipäivä";}
	html[lang="fi"] .list td.osta_department:before { content: "Osasto";}
	html[lang="fi"] .list td.osta_lastmessage:before { content: "Viimeinen viesti";}
	html[lang="fi"] .list td.osta_lastresponse:before { content: "Viimeisin vastaus";}
	html[lang="fi"] .list td.osta_status:before { content: "Tila";}
	html[lang="fi"] .list td.osta_team:before { content: "Tiimi";}

	html[lang="fr"] .list td.osta_ticket:before { content: "Numéro de billet";}
	html[lang="fr"] .list td.osta_lastupdated:before { content: "Dernière mise à jour";}
	html[lang="fr"] .list td.osta_subject:before { content: "Sujet";}
	html[lang="fr"] .list td.osta_username:before { content: "De";}
	html[lang="fr"] .list td.osta_assignee:before { content: "Assigné à";}
	html[lang="fr"] .list td.osta_duedate:before { content: "Date d'échéance";}
	html[lang="fr"] .list td.osta_closedate:before { content: "Date de fermeture";}
	html[lang="fr"] .list td.osta_datecreated:before { content: "Date de création";}
	html[lang="fr"] .list td.osta_department:before { content: "Service";}
	html[lang="fr"] .list td.osta_lastmessage:before { content: "Dernier Message";}
	html[lang="fr"] .list td.osta_lastresponse:before { content: "Dernière réponse";}
	html[lang="fr"] .list td.osta_status:before { content: "État";}
	html[lang="fr"] .list td.osta_team:before { content: "Équipe";}

	html[lang="he"] .list td.osta_ticket:before { content: "מספר כרטיס";}
	html[lang="he"] .list td.osta_lastupdated:before { content: "עודכן לאחרונה";}
	html[lang="he"] .list td.osta_subject:before { content: "נושא";}
	html[lang="he"] .list td.osta_username:before { content: "מאת";}
	html[lang="he"] .list td.osta_assignee:before { content: "מוקצה ל-";}
	html[lang="he"] .list td.osta_duedate:before { content: "תאריך יעד";}
	html[lang="he"] .list td.osta_closedate:before { content: "תאריך סגירה";}
	html[lang="he"] .list td.osta_datecreated:before { content: "תאריך יצירה";}
	html[lang="he"] .list td.osta_department:before { content: "מחלקה";}
	html[lang="he"] .list td.osta_lastmessage:before { content: "הודעה אחרונה";}
	html[lang="he"] .list td.osta_lastresponse:before { content: "תגובה אחרונה";}
	html[lang="he"] .list td.osta_status:before { content: "מצב";}
	html[lang="he"] .list td.osta_team:before { content: "צוות";}

	html[lang="hr"] .list td.osta_ticket:before { content: "Broj kartice";}
	html[lang="hr"] .list td.osta_lastupdated:before { content: "Zadnje ažuriranje";}
	html[lang="hr"] .list td.osta_subject:before { content: "Naslov";}
	html[lang="hr"] .list td.osta_username:before { content: "Od";}
	html[lang="hr"] .list td.osta_assignee:before { content: "Dodjeljeno";}
	html[lang="hr"] .list td.osta_duedate:before { content: "Krajnji rok";}
	html[lang="hr"] .list td.osta_closedate:before { content: "Datum zatvaranja";}
	html[lang="hr"] .list td.osta_datecreated:before { content: "Datum kreiranja";}
	html[lang="hr"] .list td.osta_department:before { content: "Odjel";}
	html[lang="hr"] .list td.osta_lastmessage:before { content: "Zadnja poruka";}
	html[lang="hr"] .list td.osta_lastresponse:before { content: "Zadnji odgovor";}
	html[lang="hr"] .list td.osta_status:before { content: "Status";}
	html[lang="hr"] .list td.osta_team:before { content: "Tim";}

	html[lang="hu"] .list td.osta_ticket:before { content: "Hibajegy szám";}
	html[lang="hu"] .list td.osta_lastupdated:before { content: "Utolsó módosítás";}
	html[lang="hu"] .list td.osta_subject:before { content: "Tárgy";}
	html[lang="hu"] .list td.osta_username:before { content: "Feladó";}
	html[lang="hu"] .list td.osta_assignee:before { content: "Hozzárendelt";}
	html[lang="hu"] .list td.osta_duedate:before { content: "Határidő";}
	html[lang="hu"] .list td.osta_closedate:before { content: "Dátum lezárása";}
	html[lang="hu"] .list td.osta_datecreated:before { content: "Létrehozás dátuma";}
	html[lang="hu"] .list td.osta_department:before { content: "Részleg";}
	html[lang="hu"] .list td.osta_lastmessage:before { content: "Utolsó üzenet";}
	html[lang="hu"] .list td.osta_lastresponse:before { content: "Utolsó válasz";}
	html[lang="hu"] .list td.osta_status:before { content: "Állapot";}
	html[lang="hu"] .list td.osta_team:before { content: "Csapat";}

	html[lang="id"] .list td.osta_ticket:before { content: "Nomor Tiket";}
	html[lang="id"] .list td.osta_lastupdated:before { content: "Terakhir Diperbaharui";}
	html[lang="id"] .list td.osta_subject:before { content: "Subjek";}
	html[lang="id"] .list td.osta_username:before { content: "Dari";}
	html[lang="id"] .list td.osta_assignee:before { content: "Menugaskan ke";}
	html[lang="id"] .list td.osta_duedate:before { content: "Jatuh tempo";}
	html[lang="id"] .list td.osta_closedate:before { content: "Tanggal Tutup";}
	html[lang="id"] .list td.osta_datecreated:before { content: "Tanggal Dibuat";}
	html[lang="id"] .list td.osta_department:before { content: "Departemen";}
	html[lang="id"] .list td.osta_lastmessage:before { content: "Pesan Terakhir";}
	html[lang="id"] .list td.osta_lastresponse:before { content: "Respon Terakhir";}
	html[lang="id"] .list td.osta_status:before { content: "Status";}
	html[lang="id"] .list td.osta_team:before { content: "Tim";}

	html[lang="it"] .list td.osta_ticket:before { content: "Numero Ticket";}
	html[lang="it"] .list td.osta_lastupdated:before { content: "Ultimo Aggiornamento";}
	html[lang="it"] .list td.osta_subject:before { content: "Oggetto";}
	html[lang="it"] .list td.osta_username:before { content: "Da";}
	html[lang="it"] .list td.osta_assignee:before { content: "Assegnato a";}
	html[lang="it"] .list td.osta_duedate:before { content: "Data Scadenza";}
	html[lang="it"] .list td.osta_closedate:before { content: "Data di chiusura";}
	html[lang="it"] .list td.osta_datecreated:before { content: "Dato registrato";}
	html[lang="it"] .list td.osta_department:before { content: "Reparto";}
	html[lang="it"] .list td.osta_lastmessage:before { content: "Ultimo Messaggio";}
	html[lang="it"] .list td.osta_lastresponse:before { content: "Ultima Risposta";}
	html[lang="it"] .list td.osta_status:before { content: "Stato";}
	html[lang="it"] .list td.osta_team:before { content: "Team";}

	html[lang="ja"] .list td.osta_ticket:before { content: "チケット番号";}
	html[lang="ja"] .list td.osta_lastupdated:before { content: "前回の更新";}
	html[lang="ja"] .list td.osta_subject:before { content: "件名";}
	html[lang="ja"] .list td.osta_username:before { content: "差出人";}
	html[lang="ja"] .list td.osta_assignee:before { content: "アサイン先";}
	html[lang="ja"] .list td.osta_duedate:before { content: "期限日";}
	html[lang="ja"] .list td.osta_closedate:before { content: "終了日";}
	html[lang="ja"] .list td.osta_datecreated:before { content: "作成日";}
	html[lang="ja"] .list td.osta_department:before { content: "部門";}
	html[lang="ja"] .list td.osta_lastmessage:before { content: "前回のメッセージ";}
	html[lang="ja"] .list td.osta_lastresponse:before { content: "前回の返信";}
	html[lang="ja"] .list td.osta_status:before { content: "ステータス";}
	html[lang="ja"] .list td.osta_team:before { content: "チーム";}

	html[lang="ko"] .list td.osta_ticket:before { content: "티켓 번호";}
	html[lang="ko"] .list td.osta_lastupdated:before { content: "최종 갱신";}
	html[lang="ko"] .list td.osta_subject:before { content: "제목";}
	html[lang="ko"] .list td.osta_username:before { content: "발신자";}
	html[lang="ko"] .list td.osta_assignee:before { content: "할당";}
	html[lang="ko"] .list td.osta_duedate:before { content: "완료목표일";}
	html[lang="ko"] .list td.osta_closedate:before { content: "종료일시";}
	html[lang="ko"] .list td.osta_datecreated:before { content: "작성일";}
	html[lang="ko"] .list td.osta_department:before { content: "부서";}
	html[lang="ko"] .list td.osta_lastmessage:before { content: "마지막 메시지";}
	html[lang="ko"] .list td.osta_lastresponse:before { content: "최근 답변";}
	html[lang="ko"] .list td.osta_status:before { content: "상태";}
	html[lang="ko"] .list td.osta_team:before { content: "팀";}

	html[lang="lt"] .list td.osta_ticket:before { content: "Užklausos numeris";}
	html[lang="lt"] .list td.osta_lastupdated:before { content: "Paskutinį kartą atnaujinta";}
	html[lang="lt"] .list td.osta_subject:before { content: "Tema";}
	html[lang="lt"] .list td.osta_username:before { content: "Nuo";}
	html[lang="lt"] .list td.osta_assignee:before { content: "Priskirta";}
	html[lang="lt"] .list td.osta_duedate:before { content: "Terminas iki";}
	html[lang="lt"] .list td.osta_closedate:before { content: "Uždarymo data";}
	html[lang="lt"] .list td.osta_datecreated:before { content: "Sukūrimo data";}
	html[lang="lt"] .list td.osta_department:before { content: "Padalinys";}
	html[lang="lt"] .list td.osta_lastmessage:before { content: "Paskutinis pranešimas";}
	html[lang="lt"] .list td.osta_lastresponse:before { content: "Paskutinis atsakymas";}
	html[lang="lt"] .list td.osta_status:before { content: "Būsena";}
	html[lang="lt"] .list td.osta_team:before { content: "Komanda";}

	html[lang="mk"] .list td.osta_ticket:before { content: "Број на Тикет";}
	html[lang="mk"] .list td.osta_lastupdated:before { content: "Последно обновено";}
	html[lang="mk"] .list td.osta_subject:before { content: "Наслов";}
	html[lang="mk"] .list td.osta_username:before { content: "Од";}
	html[lang="mk"] .list td.osta_assignee:before { content: "Доделено на";}
	html[lang="mk"] .list td.osta_duedate:before { content: "Краен рок";}
	html[lang="mk"] .list td.osta_closedate:before { content: "Датум на затворање";}
	html[lang="mk"] .list td.osta_datecreated:before { content: "Датум на креирање";}
	html[lang="mk"] .list td.osta_department:before { content: "Оддел";}
	html[lang="mk"] .list td.osta_lastmessage:before { content: "Последна порака";}
	html[lang="mk"] .list td.osta_lastresponse:before { content: "Последен одговор";}
	html[lang="mk"] .list td.osta_status:before { content: "Статус";}
	html[lang="mk"] .list td.osta_team:before { content: "Тим";}

	html[lang="mn"] .list td.osta_ticket:before { content: "Хүсэлтийн дугаар";}
	html[lang="mn"] .list td.osta_lastupdated:before { content: "Шинэчлэгдсэн";}
	html[lang="mn"] .list td.osta_subject:before { content: "Subject";}
	html[lang="mn"] .list td.osta_username:before { content: "From";}
	html[lang="mn"] .list td.osta_assignee:before { content: "Хариуцсан";}
	html[lang="mn"] .list td.osta_duedate:before { content: "Гүйцэтгэх огноо";}
	html[lang="mn"] .list td.osta_closedate:before { content: "Хаагдсан огноо";}
	html[lang="mn"] .list td.osta_datecreated:before { content: "Үүсгэсэн огноо";}
	html[lang="mn"] .list td.osta_department:before { content: "Алба";}
	html[lang="mn"] .list td.osta_lastmessage:before { content: "Сүүлчийн мессеж";}
	html[lang="mn"] .list td.osta_lastresponse:before { content: "Сүүлчийн хариулт";}
	html[lang="mn"] .list td.osta_status:before { content: "Төлөв";}
	html[lang="mn"] .list td.osta_team:before { content: "Баг";}

	html[lang="ms"] .list td.osta_ticket:before { content: "Nombor Tiket";}
	html[lang="ms"] .list td.osta_lastupdated:before { content: "Terakhir Dikemaskini";}
	html[lang="ms"] .list td.osta_subject:before { content: "Subjek";}
	html[lang="ms"] .list td.osta_username:before { content: "Daripada";}
	html[lang="ms"] .list td.osta_assignee:before { content: "Diberikan kepada";}
	html[lang="ms"] .list td.osta_duedate:before { content: "Tarikh Akhir";}
	html[lang="ms"] .list td.osta_closedate:before { content: "Tarikh Tutup";}
	html[lang="ms"] .list td.osta_datecreated:before { content: "Tarikh Dicipta";}
	html[lang="ms"] .list td.osta_department:before { content: "Jabatan";}
	html[lang="ms"] .list td.osta_lastmessage:before { content: "Mesej Terakhir";}
	html[lang="ms"] .list td.osta_lastresponse:before { content: "Respon Terakhir";}
	html[lang="ms"] .list td.osta_status:before { content: "Status";}
	html[lang="ms"] .list td.osta_team:before { content: "Pasukan";}

	html[lang="nl"] .list td.osta_ticket:before { content: "Ticketnummer";}
	html[lang="nl"] .list td.osta_lastupdated:before { content: "Laatst bijgewerkt";}
	html[lang="nl"] .list td.osta_subject:before { content: "Onderwerp";}
	html[lang="nl"] .list td.osta_username:before { content: "Van";}
	html[lang="nl"] .list td.osta_assignee:before { content: "Toegewezen aan";}
	html[lang="nl"] .list td.osta_duedate:before { content: "Vervaldatum";}
	html[lang="nl"] .list td.osta_closedate:before { content: "Sluitingsdatum";}
	html[lang="nl"] .list td.osta_datecreated:before { content: "Aanmaakdatum";}
	html[lang="nl"] .list td.osta_department:before { content: "Afdeling";}
	html[lang="nl"] .list td.osta_lastmessage:before { content: "Laatste bericht";}
	html[lang="nl"] .list td.osta_lastresponse:before { content: "Laatste reactie";}
	html[lang="nl"] .list td.osta_status:before { content: "Status";}
	html[lang="nl"] .list td.osta_team:before { content: "Team";}

	html[lang="no"] .list td.osta_ticket:before { content: "Saksnummer";}
	html[lang="no"] .list td.osta_lastupdated:before { content: "sist oppdatert";}
	html[lang="no"] .list td.osta_subject:before { content: "Emne";}
	html[lang="no"] .list td.osta_username:before { content: "Fra";}
	html[lang="no"] .list td.osta_assignee:before { content: "Tilordnet til";}
	html[lang="no"] .list td.osta_duedate:before { content: "Forfallsdato";}
	html[lang="no"] .list td.osta_closedate:before { content: "ferdig dato";}
	html[lang="no"] .list td.osta_datecreated:before { content: "Dato opprettet";}
	html[lang="no"] .list td.osta_department:before { content: "Avdeling";}
	html[lang="no"] .list td.osta_lastmessage:before { content: "Siste melding";}
	html[lang="no"] .list td.osta_lastresponse:before { content: "Siste svar";}
	html[lang="no"] .list td.osta_status:before { content: "Status";}
	html[lang="no"] .list td.osta_team:before { content: "Team";}

	html[lang="pl"] .list td.osta_ticket:before { content: "Numer zgłoszenia";}
	html[lang="pl"] .list td.osta_lastupdated:before { content: "Ostatnio zaktualizowano";}
	html[lang="pl"] .list td.osta_subject:before { content: "Temat";}
	html[lang="pl"] .list td.osta_username:before { content: "Od";}
	html[lang="pl"] .list td.osta_assignee:before { content: "Przypisane do";}
	html[lang="pl"] .list td.osta_duedate:before { content: "Termin wykonania";}
	html[lang="pl"] .list td.osta_closedate:before { content: "Data zakończenia";}
	html[lang="pl"] .list td.osta_datecreated:before { content: "Data utworzenia";}
	html[lang="pl"] .list td.osta_department:before { content: "Departament";}
	html[lang="pl"] .list td.osta_lastmessage:before { content: "Ostatnia wiadomość";}
	html[lang="pl"] .list td.osta_lastresponse:before { content: "Ostatnia odpowiedź";}
	html[lang="pl"] .list td.osta_status:before { content: "Status";}
	html[lang="pl"] .list td.osta_team:before { content: "Zespół";}

	html[lang="pt-BR"] .list td.osta_ticket:before { content: "Número do Ticket";}
	html[lang="pt-BR"] .list td.osta_lastupdated:before { content: "Última Atualização";}
	html[lang="pt-BR"] .list td.osta_subject:before { content: "Assunto";}
	html[lang="pt-BR"] .list td.osta_username:before { content: "De";}
	html[lang="pt-BR"] .list td.osta_assignee:before { content: "Atribuído a";}
	html[lang="pt-BR"] .list td.osta_duedate:before { content: "Data de Vencimento";}
	html[lang="pt-BR"] .list td.osta_closedate:before { content: "Data de Conclusão";}
	html[lang="pt-BR"] .list td.osta_datecreated:before { content: "Data de Criação";}
	html[lang="pt-BR"] .list td.osta_department:before { content: "Departamento";}
	html[lang="pt-BR"] .list td.osta_lastmessage:before { content: "Última Mensagem";}
	html[lang="pt-BR"] .list td.osta_lastresponse:before { content: "Última Resposta";}
	html[lang="pt-BR"] .list td.osta_status:before { content: "Status";}
	html[lang="pt-BR"] .list td.osta_team:before { content: "Equipe";}

	html[lang="pt-PT"] .list td.osta_lastupdated:before { content: "Última atualização";}
	html[lang="pt-PT"] .list td.osta_subject:before { content: "Assunto";}
	html[lang="pt-PT"] .list td.osta_username:before { content: "De";}
	html[lang="pt-PT"] .list td.osta_assignee:before { content: "Atribuído a";}
	html[lang="pt-PT"] .list td.osta_duedate:before { content: "Data de vencimento";}
	html[lang="pt-PT"] .list td.osta_closedate:before { content: "Data de fecho";}
	html[lang="pt-PT"] .list td.osta_datecreated:before { content: "Data Criada";}
	html[lang="pt-PT"] .list td.osta_department:before { content: "Departamento";}
	html[lang="pt-PT"] .list td.osta_lastmessage:before { content: "Última mensagem";}
	html[lang="pt-PT"] .list td.osta_lastresponse:before { content: "Última resposta";}
	html[lang="pt-PT"] .list td.osta_status:before { content: "Estado";}
	html[lang="pt-PT"] .list td.osta_team:before { content: "Equipa";}

	html[lang="ro"] .list td.osta_lastupdated:before { content: "Ultima actualizare";}
	html[lang="ro"] .list td.osta_subject:before { content: "Subiect";}
	html[lang="ro"] .list td.osta_username:before { content: "Expeditor";}
	html[lang="ro"] .list td.osta_assignee:before { content: "Atribuit lui";}
	html[lang="ro"] .list td.osta_duedate:before { content: "Data scadentă";}
	html[lang="ro"] .list td.osta_closedate:before { content: "Data inchidere";}
	html[lang="ro"] .list td.osta_datecreated:before { content: "Data creării";}
	html[lang="ro"] .list td.osta_department:before { content: "Departament";}
	html[lang="ro"] .list td.osta_lastmessage:before { content: "Ultimul mesaj";}
	html[lang="ro"] .list td.osta_lastresponse:before { content: "Ultimul raspuns";}
	html[lang="ro"] .list td.osta_status:before { content: "Stare";}
	html[lang="ro"] .list td.osta_team:before { content: "Echipa";}

	html[lang="ru"] .list td.osta_lastupdated:before { content: "Последнее обновление";}
	html[lang="ru"] .list td.osta_subject:before { content: "Тема";}
	html[lang="ru"] .list td.osta_username:before { content: "От";}
	html[lang="ru"] .list td.osta_assignee:before { content: "Назначено На";}
	html[lang="ru"] .list td.osta_duedate:before { content: "Срок сдачи";}
	html[lang="ru"] .list td.osta_closedate:before { content: "Дата Закрытия";}
	html[lang="ru"] .list td.osta_datecreated:before { content: "Дата создания";}
	html[lang="ru"] .list td.osta_department:before { content: "Отдел";}
	html[lang="ru"] .list td.osta_lastmessage:before { content: "Последнее сообщение";}
	html[lang="ru"] .list td.osta_lastresponse:before { content: "Последний ответ";}
	html[lang="ru"] .list td.osta_status:before { content: "Статус";}
	html[lang="ru"] .list td.osta_team:before { content: "Команда";}

	html[lang="sk"] .list td.osta_lastupdated:before { content: "Posledná aktualizácia";}
	html[lang="sk"] .list td.osta_subject:before { content: "Predmet";}
	html[lang="sk"] .list td.osta_username:before { content: "Od";}
	html[lang="sk"] .list td.osta_assignee:before { content: "Pridelené";}
	html[lang="sk"] .list td.osta_duedate:before { content: "Termín";}
	html[lang="sk"] .list td.osta_closedate:before { content: "Dátum uzavretia";}
	html[lang="sk"] .list td.osta_datecreated:before { content: "Dátum vytvorenia";}
	html[lang="sk"] .list td.osta_department:before { content: "Oddelenie";}
	html[lang="sk"] .list td.osta_lastmessage:before { content: "Posledná správa";}
	html[lang="sk"] .list td.osta_lastresponse:before { content: "Posledná odpoveď";}
	html[lang="sk"] .list td.osta_status:before { content: "Status";}
	html[lang="sk"] .list td.osta_team:before { content: "Tím";}

	html[lang="sl"] .list td.osta_lastupdated:before { content: "Nazadnje posodobljeno";}
	html[lang="sl"] .list td.osta_subject:before { content: "Zadeva";}
	html[lang="sl"] .list td.osta_username:before { content: "Od";}
	html[lang="sl"] .list td.osta_assignee:before { content: "Dodeljeno za";}
	html[lang="sl"] .list td.osta_duedate:before { content: "Datum zapadlosti";}
	html[lang="sl"] .list td.osta_closedate:before { content: "Datum zapiranja";}
	html[lang="sl"] .list td.osta_datecreated:before { content: "Datum nastanka";}
	html[lang="sl"] .list td.osta_department:before { content: "Oddelek";}
	html[lang="sl"] .list td.osta_lastmessage:before { content: "Zadnje Sporočilo";}
	html[lang="sl"] .list td.osta_lastresponse:before { content: "Zadnje obvestilo";}
	html[lang="sl"] .list td.osta_status:before { content: "Status";}
	html[lang="sl"] .list td.osta_team:before { content: "Skupina";}

	html[lang="sr-CS"] .list td.osta_lastupdated:before { content: "Poslednje ažuriranje";}
	html[lang="sr-CS"] .list td.osta_subject:before { content: "Naslov";}
	html[lang="sr-CS"] .list td.osta_username:before { content: "Od";}
	html[lang="sr-CS"] .list td.osta_assignee:before { content: "Dodeljeno";}
	html[lang="sr-CS"] .list td.osta_duedate:before { content: "Tokom datuma";}
	html[lang="sr-CS"] .list td.osta_closedate:before { content: "Datum zatvaranja";}
	html[lang="sr-CS"] .list td.osta_datecreated:before { content: "Datum kreiranja";}
	html[lang="sr-CS"] .list td.osta_department:before { content: "Odsek";}
	html[lang="sr-CS"] .list td.osta_lastmessage:before { content: "Poslednja poruka";}
	html[lang="sr-CS"] .list td.osta_lastresponse:before { content: "Poslednji odgovor";}
	html[lang="sr-CS"] .list td.osta_status:before { content: "Status";}
	html[lang="sr-CS"] .list td.osta_team:before { content: "Tim";}

	html[lang="sv-SE"] .list td.osta_lastupdated:before { content: "Senast uppdaterad";}
	html[lang="sv-SE"] .list td.osta_subject:before { content: "Ämne";}
	html[lang="sv-SE"] .list td.osta_username:before { content: "Från";}
	html[lang="sv-SE"] .list td.osta_assignee:before { content: "Tilldelat till";}
	html[lang="sv-SE"] .list td.osta_duedate:before { content: "Förfallodatum";}
	html[lang="sv-SE"] .list td.osta_closedate:before { content: "Stängt Datum";}
	html[lang="sv-SE"] .list td.osta_datecreated:before { content: "Skapad den";}
	html[lang="sv-SE"] .list td.osta_department:before { content: "Avdelning";}
	html[lang="sv-SE"] .list td.osta_lastmessage:before { content: "Senaste Meddelande";}
	html[lang="sv-SE"] .list td.osta_lastresponse:before { content: "Senaste Svar";}
	html[lang="sv-SE"] .list td.osta_status:before { content: "Status";}
	html[lang="sv-SE"] .list td.osta_team:before { content: "Team";}

	html[lang="th"] .list td.osta_ticket:before { content: "Ticket number";}
	html[lang="th"] .list td.osta_lastupdated:before { content: "'ปรับปรุงล่าสุดเมื่อ'";}
	html[lang="th"] .list td.osta_subject:before { content: "เรื่อง";}
	html[lang="th"] .list td.osta_username:before { content: "'จาก";}
	html[lang="th"] .list td.osta_assignee:before { content: "มอบหมายให้";}
	html[lang="th"] .list td.osta_duedate:before { content: "วันครบกำหนด";}
	html[lang="th"] .list td.osta_closedate:before { content: "วันปิด";}
	html[lang="th"] .list td.osta_datecreated:before { content: "วันที่สร้าง";}
	html[lang="th"] .list td.osta_department:before { content: "แผนก";}
	html[lang="th"] .list td.osta_lastmessage:before { content: "ข้อความล่าสุด";}
	html[lang="th"] .list td.osta_lastresponse:before { content: "ตอบล่าสุด";}
	html[lang="th"] .list td.osta_status:before { content: "สถานะ";}
	html[lang="th"] .list td.osta_team:before { content: "'ทีม";}

	html[lang="tr"] .list td.osta_ticket:before { content: "Talep Numaranız";}
	html[lang="tr"] .list td.osta_lastupdated:before { content: "Son Güncelleme";}
	html[lang="tr"] .list td.osta_subject:before { content: "Konu";}
	html[lang="tr"] .list td.osta_username:before { content: "Kimden";}
	html[lang="tr"] .list td.osta_assignee:before { content: "Atanmış";}
	html[lang="tr"] .list td.osta_duedate:before { content: "Bitiş Tarihi";}
	html[lang="tr"] .list td.osta_closedate:before { content: "Kapanış Tarihi";}
	html[lang="tr"] .list td.osta_datecreated:before { content: "Oluşturulma Tarihi";}
	html[lang="tr"] .list td.osta_department:before { content: "Bölüm";}
	html[lang="tr"] .list td.osta_lastmessage:before { content: "Son Mesaj";}
	html[lang="tr"] .list td.osta_lastresponse:before { content: "Son Yanıt";}
	html[lang="tr"] .list td.osta_status:before { content: "Durum";}
	html[lang="tr"] .list td.osta_team:before { content: "Takım";}

	html[lang="uk"] .list td.osta_ticket:before { content: "Номер заявки";}
	html[lang="uk"] .list td.osta_lastupdated:before { content: "Оновлено";}
	html[lang="uk"] .list td.osta_subject:before { content: "Тема";}
	html[lang="uk"] .list td.osta_username:before { content: "Від";}
	html[lang="uk"] .list td.osta_assignee:before { content: "Відповідальний";}
	html[lang="uk"] .list td.osta_duedate:before { content: "Термін здачі";}
	html[lang="uk"] .list td.osta_closedate:before { content: "Дата закриття";}
	html[lang="uk"] .list td.osta_datecreated:before { content: "Дата створення";}
	html[lang="uk"] .list td.osta_department:before { content: "Відділ";}
	html[lang="uk"] .list td.osta_lastmessage:before { content: "Останнє повідомлення";}
	html[lang="uk"] .list td.osta_lastresponse:before { content: "Остання відповідь";}
	html[lang="uk"] .list td.osta_status:before { content: "Статус";}
	html[lang="uk"] .list td.osta_team:before { content: "Команда";}

	html[lang="vi"] .list td.osta_ticket:before { content: "Mã yêu cầu";}
	html[lang="vi"] .list td.osta_lastupdated:before { content: "Cập nhật Lần cuối";}
	html[lang="vi"] .list td.osta_subject:before { content: "Tiêu đề";}
	html[lang="vi"] .list td.osta_username:before { content: "Từ";}
	html[lang="vi"] .list td.osta_assignee:before { content: "Phân công";}
	html[lang="vi"] .list td.osta_duedate:before { content: "Ngày hết hạn";}
	html[lang="vi"] .list td.osta_closedate:before { content: "Ngày kết thúc";}
	html[lang="vi"] .list td.osta_datecreated:before { content: "Ngày tạo";}
	html[lang="vi"] .list td.osta_department:before { content: "Phòng ban";}
	html[lang="vi"] .list td.osta_lastmessage:before { content: "Tin nhắn cuối cùng";}
	html[lang="vi"] .list td.osta_lastresponse:before { content: "Phản hồi cuối cùng";}
	html[lang="vi"] .list td.osta_status:before { content: "Tình trạng";}
	html[lang="vi"] .list td.osta_team:before { content: "Nhóm";}

	html[lang="zh-CN"] .list td.osta_ticket:before { content: "咨询编号";}
	html[lang="zh-CN"] .list td.osta_lastupdated:before { content: "最近更新";}
	html[lang="zh-CN"] .list td.osta_subject:before { content: "主题";}
	html[lang="zh-CN"] .list td.osta_username:before { content: "发自";}
	html[lang="zh-CN"] .list td.osta_assignee:before { content: "分配至";}
	html[lang="zh-CN"] .list td.osta_duedate:before { content: "截止日期";}
	html[lang="zh-CN"] .list td.osta_closedate:before { content: "关闭日期";}
	html[lang="zh-CN"] .list td.osta_datecreated:before { content: "创建日期";}
	html[lang="zh-CN"] .list td.osta_department:before { content: "创建日期";}
	html[lang="zh-CN"] .list td.osta_lastmessage:before { content: "最后消息";}
	html[lang="zh-CN"] .list td.osta_lastresponse:before { content: "最后回复";}
	html[lang="zh-CN"] .list td.osta_status:before { content: "状态";}
	html[lang="zh-CN"] .list td.osta_team:before { content: "团队";}

	html[lang="zh-TW"] .list td.osta_ticket:before { content: "案件編號";}
	html[lang="zh-TW"] .list td.osta_lastupdated:before { content: "最後更新";}
	html[lang="zh-TW"] .list td.osta_subject:before { content: "主題";}
	html[lang="zh-TW"] .list td.osta_username:before { content: "從";}
	html[lang="zh-TW"] .list td.osta_assignee:before { content: "分配給";}
	html[lang="zh-TW"] .list td.osta_duedate:before { content: "截止日期";}
	html[lang="zh-TW"] .list td.osta_closedate:before { content: "關閉日期";}
	html[lang="zh-TW"] .list td.osta_datecreated:before { content: "建立日期";}
	html[lang="zh-TW"] .list td.osta_department:before { content: "部門";}
	html[lang="zh-TW"] .list td.osta_lastmessage:before { content: "最後一條消息";}
	html[lang="zh-TW"] .list td.osta_lastresponse:before { content: "上一次回應";}
	html[lang="zh-TW"] .list td.osta_status:before { content: "狀態";}
	html[lang="zh-TW"] .list td.osta_team:before { content: "團隊";}
}

/* reverse jQuery media query responsive table chages */

@media only screen and (min-width: 761px) {
	.osta_ticket .pull-right,
	.osta_ticket .overdue-ticket,
	.osta_ticket .ticket-has-attachement {
		display: none;
	}	
}

/* ==========================================================================
 TRANSLATIONS - LANGUAGES THAT TAKE UP TOO MUCH ROOM
========================================================================== */
@media screen and (max-width: 1000px) {
	html[lang="ar"] #left-logo {
		max-width: 270px;
	}
	html[lang="ca"] #left-logo {
		max-width: 270px;
	}
	html[lang="da"] #left-logo {
		max-width: 270px;
	}
	html[lang="de"] #left-logo {
		max-width: 270px;
	}
	html[lang="el"] #left-logo {
		max-width: 270px;
	}
	html[lang="es_ES"] #left-logo {
		max-width: 270px;
	}
	html[lang="mx"] #left-logo {
		max-width: 270px;
	}
	html[lang="fr"] #left-logo {
		max-width: 270px;
	}
	html[lang="mn"] #left-logo {
		max-width: 270px;
	}
	html[lang="pl"] #left-logo {
		max-width: 270px;
	}
	html[lang="pt_PT"] #left-logo {
		max-width: 270px;
	}
	html[lang="pt_BR"] #left-logo {
		max-width: 270px;
	}
	html[lang="ru"] #left-logo {
		max-width: 270px;
	}
	html[lang="ro"] #left-logo {
		max-width: 270px;
	}
	html[lang="sr_CS"] #left-logo {
		max-width: 270px;
	}
	html[lang="sl"] #left-logo {
		max-width: 270px;
	}
	html[lang="tr"] #left-logo {
		max-width: 270px;
	}
	html[lang="bg"] #left-logo {
		max-width: 270px;
	}
	html[lang="et"] #left-logo {
		max-width: 270px;
	}
	html[lang="lt"] #left-logo {
		max-width: 270px;
	}
	html[lang="mk"] #left-logo {
		max-width: 270px;
	}
	html[lang="ms"] #left-logo {
		max-width: 270px;
	}
	html[lang="sv_SE"] #left-logo {
		max-width: 270px;
	}


	html[lang="ar"] #header a {
		font-size: 11px;
	}
	html[lang="ca"] #header a {
		font-size: 11px;
	}
	html[lang="da"] #header a {
		font-size: 11px;
	}
	html[lang="de"] #header a {
		font-size: 11px;
	}
	html[lang="el"] #header a {
		font-size: 11px;
	}
	html[lang="es_ES"] #header a {
		font-size: 11px;
	}
	html[lang="mx"] #header a {
		font-size: 11px;
	}
	html[lang="fr"] #header a {
		font-size: 11px;
	}
	html[lang="mn"] #header a {
		font-size: 11px;
	}
	html[lang="pl"] #header a {
		font-size: 11px;
	}
	html[lang="pt_PT"] #header a {
		font-size: 11px;
	}
	html[lang="pt_BR"] #header a {
		font-size: 11px;
	}
	html[lang="ru"] #header a {
		font-size: 11px;
	}
	html[lang="ro"] #header a {
		font-size: 11px;
	}
	html[lang="sr_CS"] #header a {
		font-size: 11px;
	}
	html[lang="sl"] #header a {
		font-size: 11px;
	}
	html[lang="tr"] #header a {
		font-size: 11px;
	}
	html[lang="bg"] #header a {
		font-size: 11px;
	}
	html[lang="et"] #header a {
		font-size: 11px;
	}
	html[lang="lt"] #header a {
		font-size: 11px;
	}
	html[lang="mk"] #header a {
		font-size: 11px;
	}
	html[lang="ms"] #header a {
		font-size: 11px;
	}
	html[lang="sv_SE"] #header a {
		font-size: 11px;
	}


	html[lang="ar"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="ca"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="da"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="de"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="el"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="es_ES"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="mx"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="fr"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="mn"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="pl"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="pt_PT"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="pt_BR"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="ru"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="ro"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="sr_CS"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="sl"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="tr"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="bg"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="et"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="lt"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="mk"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="ms"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}
	html[lang="sv_SE"] #header #nav a[href*="/profile.php"] {
		font-size: 0;
		width: 14px;
		display: inline-block;
	}


	html[lang="ar"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="ca"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="da"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="de"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="el"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="es_ES"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="mx"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="fr"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="mn"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="pl"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="pt_PT"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="pt_BR"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="ru"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="ro"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="sr_CS"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="sl"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="tr"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="bg"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="et"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="lt"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="mk"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="ms"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
	html[lang="sv_SE"] #header #nav a[href*="/profile.php"] svg	{
		display: inline-block;
		fill: var(--header-title-color);
		width: 18px !important;
		height: 18px !important;
		content: "";
		position: relative;
		top: 4px;
		margin: 0 2px 0 -4px;
	}
}


@media screen and (max-width: 1050px) and (min-width: 761px) { 
/* Ticket Queue > date column text > small screen > break evenly */
	.date-text {
		position: relative;
		top: 1px;
		padding-right: 33px;
		line-height: 11px;
		font-size: 10.5px;
		font-size: 10px;
	}
}

@media screen and (max-width: 1259px) {
	#sub_nav > li:first-child > a {
		margin-left: 0 !important;
	}
}

@media screen and (max-width: 740px) {
	.modal-content {
		width: 100%;
		margin: 16px auto 0;
	}	
	#table-outter tr {
		display: table;
	}
	#td-outter:nth-child(2) {
		display: table-row;
	}
}

/* ==========================================================================
   EDAFA DESIGN SYSTEM & OVERRIDES (HIGHEST PRIORITY)
   ========================================================================== */
:root {
  --edafa-navy-900: #142244;
  --edafa-navy-800: #1b2e5a;
  --edafa-navy-700: #223a70;
  --edafa-navy-600: #2c4a8a;
  --edafa-navy-500: #3a5ca3;
  --edafa-navy-100: #dde4f2;
  --edafa-navy-50: #eff2f9;
  --edafa-steel-800: #1e4560;
  --edafa-steel-700: #2a5a7a;
  --edafa-steel-600: #356e92;
  --edafa-steel-100: #dce8ef;
  --edafa-steel-50: #eef4f8;
  --edafa-gray-900: #23262c;
  --edafa-gray-700: #45494f;
  --edafa-gray-600: #606060;
  --edafa-gray-500: #656B74;
  --edafa-gray-300: #c9cdd2;
  --edafa-gray-200: #dddfe2;
  --edafa-gray-100: #e8eaec;
  --edafa-gray-50: #f2f3f5;
  --edafa-paper: #fafbfc;
  --edafa-white: #ffffff;
  --edafa-sand-50: #f4f3ec;
  --edafa-success: #14603F;
  --edafa-warning: #8F5E18;
  --edafa-danger: #b3374f;
  --edafa-font: "Poppins", "Segoe UI", sans-serif;
  --edafa-font-ar: "Cairo", "Segoe UI", sans-serif;
  --edafa-radius-sm: 6px;
  --edafa-radius-md: 10px;
  --edafa-radius-lg: 16px;
  --edafa-shadow-xs: 0 1px 3px rgba(34, 58, 112, 0.08);
  --edafa-shadow-sm: 0 2px 10px rgba(34, 58, 112, 0.08);
  --edafa-shadow-md: 0 6px 24px rgba(34, 58, 112, 0.10);
  --edafa-shadow-lg: 0 12px 36px rgba(34, 58, 112, 0.14);
  --edafa-focus: 0 0 0 3px rgba(44, 74, 138, 0.28);
  --edafa-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --edafa-fast: 120ms;
  --edafa-base: 200ms;
  --header-bg: var(--edafa-white);
  --header-title: var(--edafa-navy-700);
  --header-title-hover: var(--edafa-steel-700);
  --nav-bar-bg: var(--edafa-navy-700);
  --nav-bar-link: var(--edafa-white);
  --nav-bar-link-hover: var(--edafa-sand-50);
  --mobile-menu-bg: var(--edafa-navy-800);
  --mobile-link-color: var(--edafa-white);
  --stickybar: var(--edafa-navy-800);
}

* {
  box-sizing: border-box;
  letter-spacing: 0;
}

html {
  background: var(--edafa-gray-50) !important;
}

body.client-side {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(250, 251, 252, 0.96) 0%, rgba(242, 243, 245, 0.98) 54%, #ffffff 100%),
    url("../img/edafa/slide-lattice-1600.jpg") top right / min(900px, 72vw) auto no-repeat fixed !important;
  color: #37404e !important;
  font-family: var(--edafa-font) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
}

html[lang^="ar"] body,
html[dir="rtl"] body,
html.rtl body {
  font-family: var(--edafa-font-ar) !important;
}

body,
input,
select,
textarea,
button,
.faq-page .thread-body,
p,
.main-content {
  font-family: inherit !important;
}

a,
.link {
  color: var(--edafa-steel-700);
  text-decoration: none !important;
  transition: color var(--edafa-fast) var(--edafa-ease), background-color var(--edafa-fast) var(--edafa-ease), box-shadow var(--edafa-base) var(--edafa-ease), transform var(--edafa-base) var(--edafa-ease);
}

a:hover,
.link:hover {
  color: var(--edafa-navy-700) !important;
  border-bottom: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.select2-selection:focus-visible {
  outline: none !important;
  box-shadow: var(--edafa-focus) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
h2.subject,
.subject,
.other-resources,
#open-title,
.sidebar section .header,
.content section strong {
  color: var(--edafa-navy-700) !important;
  font-family: var(--edafa-font) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

h1 {
  width: auto !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  margin-bottom: 14px !important;
}

h1 b {
  font-weight: 600 !important;
}

h1 small {
  color: var(--edafa-gray-500);
  font-size: 14px !important;
  font-weight: 500;
}

h2,
.subject {
  font-size: clamp(21px, 2.2vw, 28px) !important;
}

h3,
.thread-body.bleed h3 {
  color: var(--edafa-steel-700) !important;
  font-size: 20px !important;
}

p,
.faq-page .thread-body.bleed,
.main-content,
#open-text {
  color: #37404e !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#container {
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow-x: hidden;
}

#header {
  height: 64px !important;
  background: var(--edafa-white) !important;
  border-bottom: 1px solid rgba(34, 58, 112, 0.10);
  box-shadow: var(--edafa-shadow-sm) !important;
  position: relative;
  z-index: 8;
}

#header-inner,
#nav-inner {
  max-width: 1340px !important;
  width: calc(100% - 48px);
}

#header-inner {
  height: 64px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header-logo {
  display: inline-flex !important;
  align-items: center;
  min-width: 178px;
  height: 64px;
  float: none !important;
  order: 1 !important;
}

#left-logo {
  width: 168px;
  height: 48px;
  margin: 0 !important;
  background: url("../img/edafa/edafa-horizontal.png") left center / contain no-repeat;
}

.rtl #left-logo {
  margin: 0 !important;
  background-position: right center;
}

#left-logo > * {
  display: none !important;
}

.pull-right.flush-right {
  top: auto !important;
  transform: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  color: var(--edafa-gray-600) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  order: 2 !important;
}

.header-user-links {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 !important;
  color: var(--edafa-gray-600) !important;
  flex-wrap: nowrap;
}

.header-user-links .header-user-name {
  color: var(--edafa-navy-700) !important;
  font-weight: 600 !important;
  white-space: nowrap;
}

.header-user-links a {
  color: var(--edafa-steel-700) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap;
}

.header-user-links a:hover {
  color: var(--edafa-navy-700) !important;
}

.header-user-links a.header-btn {
  border: 1px solid var(--edafa-navy-100) !important;
  border-radius: var(--edafa-radius-md) !important;
  color: var(--edafa-navy-700) !important;
  background: var(--edafa-white) !important;
  padding: 7px 12px !important;
  top: auto !important;
}

.header-user-links a.header-btn:hover {
  background: var(--edafa-navy-700) !important;
  color: var(--edafa-white) !important;
  box-shadow: var(--edafa-shadow-sm);
}

a[href*="/login.php"],
a[href*="/logout.php"]:not(#logout) {
  border: 1px solid var(--edafa-navy-100) !important;
  border-radius: var(--edafa-radius-md) !important;
  color: var(--edafa-navy-700) !important;
  background: var(--edafa-white) !important;
  padding: 7px 12px !important;
  top: auto !important;
}

a[href*="/login.php"]:hover,
a[href*="/logout.php"]:not(#logout):hover {
  background: var(--edafa-navy-700) !important;
  color: var(--edafa-white) !important;
  box-shadow: var(--edafa-shadow-sm);
}

/* The rule above is a big pill-style login/logout button; it isn't meant
   for the small icon-only logout link in the staff header nav (which
   incidentally matches `href*="/logout.php"` too). Keep that one a plain
   transparent icon like its siblings (dark-mode-link, profile-link). */
#header #nav a#logout {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: initial !important;
}
#header #nav a#logout:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  box-shadow: none !important;
}

#nav-wrapper {
  height: 38px !important;
  background: linear-gradient(180deg, var(--edafa-navy-700), var(--edafa-navy-800)) !important;
  box-shadow: var(--edafa-shadow-md);
  overflow: hidden;
}

#nav-inner {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden !important;
}

#nav {
  height: auto !important;
  line-height: 1 !important;
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  width: auto !important;
  margin: 0 !important;
}

#nav::-webkit-scrollbar {
  display: none;
}

#nav li,
#nav-wrapper ul#nav li:first-child {
  display: inline-flex !important;
  flex: 0 0 auto;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  top: auto !important;
}

#nav li a {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  min-height: 28px;
  padding: 5px 12px !important;
  border-radius: var(--edafa-radius-sm) !important;
  color: var(--edafa-white) !important;
  font-family: var(--edafa-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  opacity: 0.88;
}

#nav li a.active,
#nav li a:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--edafa-white) !important;
  opacity: 1;
}

#nav li a.active::before {
  content: none !important;
}

#lang-wrapper,
.button-container {
  height: 38px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.button-icon-container {
  background: rgba(255, 255, 255, 0.14) !important;
  border-radius: var(--edafa-radius-md);
}

.flag {
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-radius: var(--edafa-radius-sm) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

#content {
  max-width: 1340px !important;
  min-height: 420px !important;
  margin: 24px auto 36px !important;
  padding: clamp(20px, 2.5vw, 32px) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(34, 58, 112, 0.10);
  border-radius: var(--edafa-radius-lg) !important;
  box-shadow: var(--edafa-shadow-md) !important;
  overflow: visible !important;
}

#landing_page {
  position: relative;
    margin: -4px -4px 26px;
    padding: clamp(24px, 4vw, 46px);
    border-radius: var(--edafa-radius-lg);
    background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 56%, rgba(239, 242, 249, 0.62) 100%),
    url("../img/edafa/cover-diamonds-1600.jpg") center right / cover no-repeat;
  border: 1px solid rgba(34, 58, 112, 0.08);
}

#landing_page::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-bottom: 18px;
  border-radius: 22%;
  background: var(--edafa-navy-700);
  transform: rotate(45deg);
}

#landing_page .main-content,
#landing_page p {
  max-width: 720px;
}

#landing-search {
  width: 100%;
  margin: 0 0 28px;
}

#landing-search-inner {
  width: 100%;
}

.searchArea form {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  padding: 8px;
  background: var(--edafa-gray-50);
  border: 1px solid var(--edafa-gray-200);
  border-radius: var(--edafa-radius-lg);
  box-shadow: var(--edafa-shadow-xs);
}

.searchArea .inputDiv {
  flex: 1;
  min-width: 0;
}

.searchArea .inputDiv input,
.searchArea input.search {
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid transparent !important;
  border-radius: var(--edafa-radius-md) !important;
  background: var(--edafa-white) !important;
  color: var(--edafa-gray-900) !important;
}

.searchArea button,
#clientLogin input[type=submit],
#login-sign-in input#sign-in-button,
#sign-in-button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.action-button {
  min-height: 38px;
  border: 1px solid transparent !important;
  border-radius: var(--edafa-radius-md) !important;
  background: var(--edafa-navy-700) !important;
  box-shadow: var(--edafa-shadow-sm) !important;
  color: var(--edafa-white) !important;
  font-family: var(--edafa-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  text-transform: none !important;
  transition: background-color var(--edafa-fast) var(--edafa-ease), box-shadow var(--edafa-base) var(--edafa-ease), transform var(--edafa-base) var(--edafa-ease) !important;
}

.searchArea button,
#sign-in-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  padding: 10px 18px !important;
}

.client-choice-icon {
  top: 0 !important;
  margin-right: 6px !important;
}

.client-choice-icon svg {
  fill: currentColor !important;
}

.searchArea button:hover,
#clientLogin input[type=submit]:hover,
#login-sign-in input#sign-in-button:hover,
#sign-in-button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button:hover,
.action-button:hover {
  background: var(--edafa-navy-800) !important;
  color: var(--edafa-white) !important;
  box-shadow: var(--edafa-shadow-md) !important;
  transform: translateY(-2px);
  animation: none !important;
}

input[type="reset"],
input[type="button"],
.action-button {
  background: var(--edafa-white) !important;
  border-color: var(--edafa-navy-100) !important;
  color: var(--edafa-navy-700) !important;
}

input[type="reset"]:hover,
input[type="button"]:hover,
.action-button:hover {
  background: var(--edafa-navy-50) !important;
  color: var(--edafa-navy-800) !important;
}

#open-or-check,
#check-ticket {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100% !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.client-choice,
#information,
.sidebar,
#reply,
#clientLogin,
.responsive-div-view-page {
  background: var(--edafa-white) !important;
  border: 1px solid var(--edafa-gray-200) !important;
  border-radius: var(--edafa-radius-lg) !important;
  box-shadow: var(--edafa-shadow-sm) !important;
}

.client-choice {
  width: auto !important;
  min-height: 230px !important;
  float: none !important;
  margin: 0 !important;
  padding: 30px !important;
}

.client-choice:hover,
.featured-category:hover,
#information:hover {
  box-shadow: var(--edafa-shadow-md) !important;
  transform: translateY(-2px);
}

#open-title {
  font-size: 22px !important;
}

#open-text {
  min-height: 0 !important;
  margin: 16px 0 24px !important;
  font-weight: 400 !important;
}

#open-new div#sign-in-button {
  background: var(--edafa-navy-700) !important;
  box-shadow: var(--edafa-shadow-sm) !important;
}

#check-status div#sign-in-button {
  background: var(--edafa-steel-700) !important;
}

#more-options {
  font-size: 15px !important;
}

#information {
  padding: 28px !important;
  margin: 22px 0 0 !important;
}

.featured-category {
  padding: 22px !important;
  border: 1px solid var(--edafa-gray-200);
  border-radius: var(--edafa-radius-lg);
  background: var(--edafa-white);
  box-shadow: var(--edafa-shadow-xs);
  transition: box-shadow var(--edafa-base) var(--edafa-ease), transform var(--edafa-base) var(--edafa-ease);
}

.featured-category i {
  color: var(--edafa-steel-700) !important;
  text-shadow: none !important;
}

.article-title a,
.resource a {
  color: var(--edafa-navy-700);
  font-weight: 600;
}

.article-teaser {
  color: var(--edafa-gray-600);
  line-height: 1.55 !important;
}

input,
select,
textarea,
.form-field,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.redactor-editor {
  border: 1px solid var(--edafa-gray-300) !important;
  border-radius: var(--edafa-radius-md) !important;
  background-color: var(--edafa-white) !important;
  color: var(--edafa-gray-900) !important;
  font-family: var(--edafa-font) !important;
  box-shadow: none !important;
}

select,
input.dp,
input#query,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
.form-field,
.form_table input[type=text],
.form_table input[type=password],
.form_table textarea,
select#topicId {
  min-height: 36px !important;
  padding: 7px 12px !important;
  margin: 3px 0 !important;
  border-color: var(--edafa-gray-300) !important;
  border-radius: var(--edafa-radius-md) !important;
  font-size: 14px !important;
}

textarea,
.form_table textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  padding: 12px !important;
  line-height: 1.6 !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--edafa-gray-500) !important;
  opacity: 1;
}

label.required,
span.required,
th.required,
td.required,
.client-required {
  color: var(--edafa-navy-700) !important;
  font-weight: 600 !important;
}

td.client-required input,
.required ~ input,
select#topicId,
input#captcha,
.client-required .select2-selection.select2-selection--single {
  border-color: var(--edafa-danger) !important;
  border-right: 4px solid var(--edafa-danger) !important;
}

font.error,
.error,
span.error {
  color: var(--edafa-danger) !important;
}

.dropzone,
.filedrop .dropzone {
  background: var(--edafa-steel-50) !important;
  border: 1px dashed var(--edafa-steel-600) !important;
  border-radius: var(--edafa-radius-md) !important;
  color: var(--edafa-steel-800) !important;
}

.filedrop .dropzone a {
  color: var(--edafa-navy-700) !important;
  font-weight: 600;
}

#ticketForm table,
#ticketInfo,
#ticketTable {
  width: 100% !important;
  max-width: 100% !important;
}

#ticketTable,
.infoTable,
table.custom-data {
  border: 1px solid var(--edafa-gray-200) !important;
  border-radius: var(--edafa-radius-lg);
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  background: var(--edafa-white) !important;
  box-shadow: var(--edafa-shadow-xs);
}

#ticketTable caption,
#ticketTable th,
.infoTable thead td,
table .headline,
table.custom-data .headline {
  background: var(--edafa-navy-50) !important;
  color: var(--edafa-navy-700) !important;
  font-weight: 600 !important;
}

#ticketTable th,
#ticketTable td,
.infoTable th,
.infoTable td,
table.custom-data th,
table.custom-data td {
  border-color: var(--edafa-gray-200) !important;
  color: #37404e;
  padding: 9px 14px !important;
  font-size: 13px;
  line-height: 1.45;
}

#ticketTable th a {
  color: var(--edafa-navy-700) !important;
}

#ticketTable tr.alt td,
#ticketTable tbody tr:nth-child(2n+1) td {
  background: var(--edafa-paper) !important;
}

#ticketTable tbody tr:hover td {
  background: var(--edafa-steel-50) !important;
}

.Icon,
.link.truncate {
  color: var(--edafa-navy-700) !important;
}

.states small,
caption,
.faded,
.faded-more,
small {
  color: var(--edafa-gray-500) !important;
}

.active.state,
.states .active {
  color: var(--edafa-navy-700) !important;
  font-weight: 700 !important;
}

.search.well {
  background: var(--edafa-gray-50) !important;
  border: 1px solid var(--edafa-gray-200);
  border-radius: var(--edafa-radius-lg);
  margin: 0 0 24px !important;
  padding: 14px !important;
}

#search-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.button.ticket-search {
  min-width: 42px;
  padding: 0 12px !important;
}

#reply {
  margin-top: 24px !important;
  padding: 22px !important;
}

#reply h2 {
  border-bottom: 1px solid var(--edafa-gray-200) !important;
  padding-bottom: 12px !important;
}

.redactor-toolbar {
  border: 1px solid var(--edafa-gray-200) !important;
  border-bottom: 0 !important;
  border-radius: var(--edafa-radius-md) var(--edafa-radius-md) 0 0 !important;
  background: var(--edafa-gray-50) !important;
}

.redactor-editor {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.thread-entry,
.thread-preview-entry {
  border-radius: var(--edafa-radius-lg) !important;
  box-shadow: var(--edafa-shadow-xs);
}

.thread-entry .header,
.thread-preview-entry .header {
  background: var(--edafa-navy-50) !important;
  color: var(--edafa-navy-700) !important;
  border-color: var(--edafa-gray-200) !important;
}

.thread-entry.message .header,
.thread-preview-entry.message .header {
  background: var(--edafa-steel-50) !important;
}

.thread-entry.response .header,
.thread-preview-entry.response .header {
  background: var(--edafa-navy-50) !important;
}

.thread-body,
.thread-entry .thread-body {
  color: #37404e !important;
  background: var(--edafa-white) !important;
  border-color: var(--edafa-gray-200) !important;
}

.sidebar {
  color: #37404e !important;
}

.sidebar .content,
.sidebar .content a {
  color: #37404e !important;
}

.sidebar .content a {
  color: var(--edafa-steel-700) !important;
}

#msg_notice,
#msg_warning,
#msg_error,
#msg_info,
.success-banner,
.notice-banner,
.warning-banner,
.error-banner,
.info-banner,
.notice_bar,
.warning_bar,
.error_bar {
  min-height: 48px;
  padding: 14px 18px !important;
  border-radius: var(--edafa-radius-md) !important;
  border: 1px solid transparent !important;
  box-shadow: var(--edafa-shadow-xs);
  animation: none !important;
  line-height: 1.45 !important;
}

#msg_notice,
.notice_bar,
.success-banner,
.notice-banner {
  color: var(--edafa-success) !important;
  background: #edf8f3 !important;
  border-color: rgba(30, 127, 92, 0.22) !important;
}

#msg_warning,
.warning_bar,
.warning-banner {
  color: var(--edafa-warning) !important;
  background: #fff8eb !important;
  border-color: rgba(183, 121, 31, 0.24) !important;
}

#msg_error,
.error_bar,
.error-banner {
  color: var(--edafa-danger) !important;
  background: #fff1f4 !important;
  border-color: rgba(179, 55, 79, 0.22) !important;
}

#msg_info,
.info-banner {
  color: var(--edafa-steel-800) !important;
  background: var(--edafa-steel-50) !important;
  border-color: var(--edafa-steel-100) !important;
}

/* Sticky footer. #footer is never pinned to the viewport bottom on its
   own, so on short pages it sits right after the content instead of the
   bottom of the screen, leaving a blank gap below it (or, if you force
   height on the wrong ancestor, a blank gap ABOVE it instead -- verified
   live in a real browser, not just read from source, because staff and
   client pages nest #footer differently:
   - staff: #footer is INSIDE #container (#container wraps header, nav,
     content AND footer) -- confirmed via header.inc.php/footer.inc.php.
   - client: #footer is a SIBLING of #container, not a child --
     #container on client pages wraps ONLY #header. Confirmed by
     inspecting the live DOM (document.querySelector('#container').children
     on pwreset.php returns only #header). Making #container flex/tall
     here does nothing for the footer and instead inserts a big empty box
     before the real page content -- this happened once already, fixed
     below by targeting body.client-side directly instead. */
body.staff-side #container {
  display: flex !important;
  flex-direction: column;
  min-height: 100vh;
}
body.staff-side #footer {
  margin-top: auto;
}

body.client-side {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.client-side #footer {
  margin-top: auto;
}

#footer {
  /* Three earlier #footer rules in this file fix height at 60px/80px
     (none !important); that's shorter than this footer's real content
     (44px padding + 58px logo + 14px margin-bottom = 116px), so the
     content overflowed the box (overflow:visible lets it render, but
     the box itself stays "60px" for layout purposes) and added dead
     scroll space below the visually-flush footer. Let it size to
     content instead. */
  height: auto !important;
  padding: 22px 0 !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 12px !important;
  background: var(--edafa-navy-800) !important;
}

#footer::before {
  content: "";
  display: block;
  width: 156px;
  height: 58px;
  margin: 0 auto 14px;
  background: url("../img/edafa/edafa-horizontal-white.png") center / contain no-repeat;
  opacity: 0.82;
}

#osticket,
#ostawesome,
#poweredBy,
#osticket-link,
#ostawesome-link {
  display: none !important;
}

#complianceouter {
  background: var(--edafa-navy-800) !important;
}

#compliance {
  max-width: 1340px;
  color: var(--edafa-white) !important;
}

#icon-compliance {
  fill: var(--edafa-white) !important;
}

#complaince-button {
  background: var(--edafa-white) !important;
  border-radius: var(--edafa-radius-md) !important;
}

#complaince-button-label {
  color: var(--edafa-navy-700) !important;
  font-weight: 600;
}

.sidr {
  background: var(--edafa-navy-800) !important;
  box-shadow: var(--edafa-shadow-lg) !important;
}

#header .sidr .sidr-inner ul li a,
div#welcome {
  color: var(--edafa-white) !important;
  font-family: var(--edafa-font) !important;
}

div#welcome,
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
  background: rgba(255, 255, 255, 0.10) !important;
}

div#welcome svg {
  fill: var(--edafa-white) !important;
}

.c-hamburger span,
.c-hamburger span::before,
.c-hamburger span::after {
  background: var(--edafa-navy-700) !important;
}

button.c-hamburger.c-hamburger--htx {
  position: relative;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-indent: -9999px;
}

.c-hamburger span {
  position: absolute;
  top: 21px;
  right: 10px;
  left: 10px;
  display: block;
  height: 2px;
  border-radius: 2px;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
}

.c-hamburger span::before {
  top: -7px;
}

.c-hamburger span::after {
  bottom: -7px;
}

#loading {
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--edafa-white) !important;
  border: 1px solid var(--edafa-navy-100) !important;
  border-radius: var(--edafa-radius-lg);
  box-shadow: var(--edafa-shadow-lg);
  width: 100px !important;
  height: 100px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#loading[style*="display: block"],
#loading[style*="display:block"] {
  display: flex !important;
}

#loading i.icon-spinner {
  float: none !important;
  margin: 0 !important;
  width: 64px !important;
  height: 64px !important;
  display: block !important;
}

#loading i.icon-spinner:before {
  content: "" !important;
  font-family: inherit !important;
  background-image: url(../../osta/img/loading.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 64px 64px !important;
  background-position: center !important;
  width: 64px !important;
  height: 64px !important;
  display: block !important;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: var(--edafa-font) !important;
}

.ui-widget-header {
  border-color: var(--edafa-navy-700) !important;
  background: var(--edafa-navy-700) !important;
  color: var(--edafa-white) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
  border-color: var(--edafa-gray-200) !important;
  background: var(--edafa-white) !important;
  color: var(--edafa-navy-700) !important;
}

.ui-state-hover,
.ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border-color: var(--edafa-navy-100) !important;
  background: var(--edafa-navy-50) !important;
  color: var(--edafa-navy-800) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-button:active {
  border-color: var(--edafa-navy-700) !important;
  background: var(--edafa-navy-700) !important;
  color: var(--edafa-white) !important;
}

@media screen and (max-width: 1420px) {
  #header-inner,
  #nav-inner,
  #content {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  #content {
    margin: 20px 16px 32px !important;
  }
}

@media only screen and (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  #header {
    height: 56px !important;
  }

  #header-inner {
    height: 56px !important;
  }

  #header-logo {
    min-width: 142px;
    height: 56px;
  }

  #left-logo {
    width: 142px;
    height: 42px;
  }

  #nav-wrapper,
  #nav {
    display: none !important;
  }

  #right-menu {
    display: block !important;
  }

  button.c-hamburger.c-hamburger--htx {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  body.client-side {
    background: var(--edafa-white) !important;
    padding-top: 56px;
  }

  #header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
  }

  #sidr-right {
    margin-top: 56px !important;
  }

  #content {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 16px 12px 28px !important;
    padding: 18px !important;
    border-radius: var(--edafa-radius-lg) !important;
    box-shadow: var(--edafa-shadow-sm) !important;
  }

  #landing_page {
    margin: 0 0 18px;
    padding: 24px;
  }

  #open-or-check,
  #check-ticket {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .client-choice {
    width: 100% !important;
    padding: 22px !important;
  }

  .searchArea form,
  #search-container {
    flex-direction: column;
  }

  .searchArea button,
  .button.ticket-search {
    width: 100% !important;
  }

  .pull-right.flush-right {
    display: none !important;
  }

  #ticketTable tr {
    width: 100% !important;
    border-color: var(--edafa-gray-200) !important;
    border-left-color: var(--edafa-navy-700) !important;
    border-right-color: var(--edafa-navy-100) !important;
    box-shadow: var(--edafa-shadow-xs) !important;
  }

  #ticketTable td::before {
    color: var(--edafa-gray-600) !important;
    font-weight: 600 !important;
  }

  #reply {
    padding: 18px !important;
  }
}

@media only screen and (max-width: 460px) {
  #header-inner,
  #nav-inner,
  #content {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  #content {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding: 14px !important;
  }

  #left-logo {
    width: 132px;
  }

  h1 {
    font-size: 24px !important;
  }

  #landing_page {
    padding: 20px;
  }

  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
    width: 100%;
    margin-bottom: 8px !important;
  }
}

/* Dark variant: same Edafa structure, inverse operational surface. */
html.edafa-theme-dark,
body.edafa-theme-dark {
  --edafa-focus: 0 0 0 3px rgba(143, 163, 204, 0.36);
  --edafa-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.28);
  --edafa-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.30);
  --edafa-shadow-md: 0 10px 34px rgba(0, 0, 0, 0.34);
  --edafa-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.42);
  --header-bg: #0f1b32;
  --header-title: #eef4ff;
  --header-title-hover: #c8d7f6;
  --nav-bar-bg: #162b50;
  --nav-bar-link: #eef4ff;
  --nav-bar-link-hover: #ffffff;
  --mobile-menu-bg: #0b1528;
  --mobile-link-color: #eef4ff;
  --stickybar: #0b1528;
}

html.edafa-theme-dark body.client-side,
body.client-side.edafa-theme-dark {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.98), rgba(11, 21, 40, 0.98)),
    url("../img/edafa/slide-lattice-1600.jpg") top right / min(900px, 72vw) auto no-repeat fixed !important;
  color: #d9e4f6 !important;
}

html.edafa-theme-dark #header,
body.edafa-theme-dark #header {
  background: #0f1b32 !important;
  border-bottom-color: rgba(143, 163, 204, 0.20);
}

html.edafa-theme-dark #left-logo,
body.edafa-theme-dark #left-logo,
html.edafa-theme-dark #footer::before,
body.edafa-theme-dark #footer::before {
  background-image: url("../img/edafa/edafa-horizontal-white.png");
}

html.edafa-theme-dark #nav-wrapper,
body.edafa-theme-dark #nav-wrapper {
  background: linear-gradient(180deg, #213d70, #132541) !important;
}

html.edafa-theme-dark #content,
body.edafa-theme-dark #content,
html.edafa-theme-dark .client-choice,
body.edafa-theme-dark .client-choice,
html.edafa-theme-dark #information,
body.edafa-theme-dark #information,
html.edafa-theme-dark .sidebar,
body.edafa-theme-dark .sidebar,
html.edafa-theme-dark #reply,
body.edafa-theme-dark #reply,
html.edafa-theme-dark #clientLogin,
body.edafa-theme-dark #clientLogin,
html.edafa-theme-dark .responsive-div-view-page,
body.edafa-theme-dark .responsive-div-view-page,
html.edafa-theme-dark .featured-category,
body.edafa-theme-dark .featured-category {
  background: #101d35 !important;
  border-color: #263958 !important;
  color: #d9e4f6 !important;
}

html.edafa-theme-dark #landing_page,
body.edafa-theme-dark #landing_page {
  background:
    linear-gradient(90deg, rgba(16, 29, 53, 0.94), rgba(16, 29, 53, 0.84)),
    url("../img/edafa/cover-diamonds-1600.jpg") center right / cover no-repeat !important;
  border-color: #2d4368 !important;
}

html.edafa-theme-dark #landing_page::before,
body.edafa-theme-dark #landing_page::before {
  background: #8fa3cc;
}

html.edafa-theme-dark h1,
body.edafa-theme-dark h1,
html.edafa-theme-dark h2,
body.edafa-theme-dark h2,
html.edafa-theme-dark h3,
body.edafa-theme-dark h3,
html.edafa-theme-dark h4,
body.edafa-theme-dark h4,
html.edafa-theme-dark h5,
body.edafa-theme-dark h5,
html.edafa-theme-dark h6,
body.edafa-theme-dark h6,
html.edafa-theme-dark .subject,
body.edafa-theme-dark .subject,
html.edafa-theme-dark #open-title,
body.edafa-theme-dark #open-title,
html.edafa-theme-dark .sidebar section .header,
body.edafa-theme-dark .sidebar section .header,
html.edafa-theme-dark .content section strong,
body.edafa-theme-dark .content section strong {
  color: #eef4ff !important;
}

html.edafa-theme-dark p,
body.edafa-theme-dark p,
html.edafa-theme-dark .main-content,
body.edafa-theme-dark .main-content,
html.edafa-theme-dark #open-text,
body.edafa-theme-dark #open-text,
html.edafa-theme-dark .thread-body,
body.edafa-theme-dark .thread-body,
html.edafa-theme-dark .sidebar .content,
body.edafa-theme-dark .sidebar .content {
  color: #d9e4f6 !important;
}

html.edafa-theme-dark a,
body.edafa-theme-dark a,
html.edafa-theme-dark .link,
body.edafa-theme-dark .link,
html.edafa-theme-dark .article-title a,
body.edafa-theme-dark .article-title a,
html.edafa-theme-dark .resource a,
body.edafa-theme-dark .resource a,
html.edafa-theme-dark .Icon,
body.edafa-theme-dark .Icon {
  color: #b8c9ed !important;
}

html.edafa-theme-dark a:hover,
body.edafa-theme-dark a:hover {
  color: #ffffff !important;
}

html.edafa-theme-dark .pull-right.flush-right,
body.edafa-theme-dark .pull-right.flush-right,
html.edafa-theme-dark .header-user-links,
body.edafa-theme-dark .header-user-links,
html.edafa-theme-dark .states small,
body.edafa-theme-dark .states small,
html.edafa-theme-dark caption,
body.edafa-theme-dark caption,
html.edafa-theme-dark .faded,
body.edafa-theme-dark .faded,
html.edafa-theme-dark small,
body.edafa-theme-dark small {
  color: #aebbd3 !important;
}

html.edafa-theme-dark a[href*="/login.php"],
body.edafa-theme-dark a[href*="/login.php"],
html.edafa-theme-dark a[href*="/logout.php"],
body.edafa-theme-dark a[href*="/logout.php"],
html.edafa-theme-dark input[type="reset"],
body.edafa-theme-dark input[type="reset"],
html.edafa-theme-dark input[type="button"],
body.edafa-theme-dark input[type="button"],
html.edafa-theme-dark .action-button,
body.edafa-theme-dark .action-button {
  background: #162844 !important;
  border-color: #2d4368 !important;
  color: #eef4ff !important;
}

html.edafa-theme-dark .searchArea button,
body.edafa-theme-dark .searchArea button,
html.edafa-theme-dark #clientLogin input[type=submit],
body.edafa-theme-dark #clientLogin input[type=submit],
html.edafa-theme-dark #sign-in-button,
body.edafa-theme-dark #sign-in-button,
html.edafa-theme-dark input[type="submit"],
body.edafa-theme-dark input[type="submit"],
html.edafa-theme-dark .button,
body.edafa-theme-dark .button {
  background: #3a5ca3 !important;
  color: #ffffff !important;
}

html.edafa-theme-dark #check-status div#sign-in-button,
body.edafa-theme-dark #check-status div#sign-in-button {
  background: #356e92 !important;
}

html.edafa-theme-dark .search.well,
body.edafa-theme-dark .search.well,
html.edafa-theme-dark .searchArea form,
body.edafa-theme-dark .searchArea form {
  background: #0b1528 !important;
  border-color: #263958 !important;
}

html.edafa-theme-dark input,
body.edafa-theme-dark input,
html.edafa-theme-dark select,
body.edafa-theme-dark select,
html.edafa-theme-dark textarea,
body.edafa-theme-dark textarea,
html.edafa-theme-dark .form-field,
body.edafa-theme-dark .form-field,
html.edafa-theme-dark .select2-container--default .select2-selection--single,
body.edafa-theme-dark .select2-container--default .select2-selection--single,
html.edafa-theme-dark .select2-container--default .select2-selection--multiple,
body.edafa-theme-dark .select2-container--default .select2-selection--multiple,
html.edafa-theme-dark .redactor-editor,
body.edafa-theme-dark .redactor-editor {
  background-color: #0b1528 !important;
  border-color: #30486d !important;
  color: #eef4ff !important;
}

html.edafa-theme-dark input::placeholder,
body.edafa-theme-dark input::placeholder,
html.edafa-theme-dark textarea::placeholder,
body.edafa-theme-dark textarea::placeholder {
  color: #8292ad !important;
}

html.edafa-theme-dark #ticketTable,
body.edafa-theme-dark #ticketTable,
html.edafa-theme-dark .infoTable,
body.edafa-theme-dark .infoTable,
html.edafa-theme-dark table.custom-data,
body.edafa-theme-dark table.custom-data {
  background: #101d35 !important;
  border-color: #263958 !important;
}

html.edafa-theme-dark #ticketTable caption,
body.edafa-theme-dark #ticketTable caption,
html.edafa-theme-dark #ticketTable th,
body.edafa-theme-dark #ticketTable th,
html.edafa-theme-dark .infoTable thead td,
body.edafa-theme-dark .infoTable thead td,
html.edafa-theme-dark table .headline,
body.edafa-theme-dark table .headline {
  background: #162844 !important;
  color: #eef4ff !important;
}

html.edafa-theme-dark #ticketTable th,
body.edafa-theme-dark #ticketTable th,
html.edafa-theme-dark #ticketTable td,
body.edafa-theme-dark #ticketTable td,
html.edafa-theme-dark .infoTable th,
body.edafa-theme-dark .infoTable th,
html.edafa-theme-dark .infoTable td,
body.edafa-theme-dark .infoTable td,
html.edafa-theme-dark table.custom-data th,
body.edafa-theme-dark table.custom-data th,
html.edafa-theme-dark table.custom-data td,
body.edafa-theme-dark table.custom-data td {
  border-color: #263958 !important;
  color: #d9e4f6 !important;
}

html.edafa-theme-dark #ticketTable tr.alt td,
body.edafa-theme-dark #ticketTable tr.alt td,
html.edafa-theme-dark #ticketTable tbody tr:nth-child(2n+1) td,
body.edafa-theme-dark #ticketTable tbody tr:nth-child(2n+1) td {
  background: #0d192d !important;
}

html.edafa-theme-dark #ticketTable tbody tr:hover td,
body.edafa-theme-dark #ticketTable tbody tr:hover td {
  background: #162844 !important;
}

html.edafa-theme-dark #footer,
body.edafa-theme-dark #footer {
  color: #aebbd3 !important;
}

/* Minimal variant: flat, quiet, token-consistent light support workspace. */
html.edafa-theme-minimal,
body.edafa-theme-minimal {
  --edafa-radius-lg: 10px;
  --edafa-radius-md: 8px;
  --edafa-shadow-xs: none;
  --edafa-shadow-sm: none;
  --edafa-shadow-md: none;
  --edafa-shadow-lg: none;
  --header-bg: #ffffff;
  --header-title: var(--edafa-navy-700);
  --header-title-hover: var(--edafa-steel-700);
  --nav-bar-bg: #ffffff;
  --nav-bar-link: var(--edafa-navy-700);
  --nav-bar-link-hover: var(--edafa-steel-700);
  --mobile-menu-bg: #ffffff;
  --mobile-link-color: var(--edafa-navy-700);
  --stickybar: #ffffff;
}

html.edafa-theme-minimal body.client-side,
body.client-side.edafa-theme-minimal {
  background: #ffffff !important;
}

html.edafa-theme-minimal #header,
body.edafa-theme-minimal #header {
  background: #ffffff !important;
  border-bottom: 1px solid #e8eaec;
  box-shadow: none !important;
}

html.edafa-theme-minimal #nav-wrapper,
body.edafa-theme-minimal #nav-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid #e8eaec;
  box-shadow: none !important;
}

html.edafa-theme-minimal #nav li a,
body.edafa-theme-minimal #nav li a {
  color: var(--edafa-navy-700) !important;
  opacity: 1;
}

html.edafa-theme-minimal #nav li a.active,
body.edafa-theme-minimal #nav li a.active,
html.edafa-theme-minimal #nav li a:hover,
body.edafa-theme-minimal #nav li a:hover {
  background: var(--edafa-navy-50) !important;
  color: var(--edafa-navy-800) !important;
}

html.edafa-theme-minimal #nav li a.active::before,
body.edafa-theme-minimal #nav li a.active::before {
  background: var(--edafa-navy-700);
}

html.edafa-theme-minimal #content,
body.edafa-theme-minimal #content {
  max-width: 1280px !important;
  background: #ffffff !important;
  border-color: #e8eaec !important;
  box-shadow: none !important;
}

html.edafa-theme-minimal #landing_page,
body.edafa-theme-minimal #landing_page {
  margin: 0 0 24px;
  padding: 32px 0 28px;
  background: transparent !important;
  border-width: 0 0 1px;
  border-radius: 0;
  border-color: #e8eaec !important;
}

html.edafa-theme-minimal #landing_page::before,
body.edafa-theme-minimal #landing_page::before {
  width: 12px;
  height: 12px;
  margin-bottom: 14px;
}

html.edafa-theme-minimal .client-choice,
body.edafa-theme-minimal .client-choice,
html.edafa-theme-minimal #information,
body.edafa-theme-minimal #information,
html.edafa-theme-minimal .featured-category,
body.edafa-theme-minimal .featured-category,
html.edafa-theme-minimal .search.well,
body.edafa-theme-minimal .search.well,
html.edafa-theme-minimal #reply,
body.edafa-theme-minimal #reply,
html.edafa-theme-minimal #clientLogin,
body.edafa-theme-minimal #clientLogin {
  background: #ffffff !important;
  border-color: #e8eaec !important;
  box-shadow: none !important;
}

html.edafa-theme-minimal .client-choice,
body.edafa-theme-minimal .client-choice {
  min-height: 0 !important;
  padding: 24px !important;
}

html.edafa-theme-minimal .client-choice:hover,
body.edafa-theme-minimal .client-choice:hover,
html.edafa-theme-minimal .featured-category:hover,
body.edafa-theme-minimal .featured-category:hover,
html.edafa-theme-minimal #information:hover,
body.edafa-theme-minimal #information:hover {
  transform: none;
  box-shadow: none !important;
}

html.edafa-theme-minimal .searchArea form,
body.edafa-theme-minimal .searchArea form {
  background: #ffffff !important;
  border-color: #e8eaec !important;
  box-shadow: none !important;
}

html.edafa-theme-minimal input,
body.edafa-theme-minimal input,
html.edafa-theme-minimal select,
body.edafa-theme-minimal select,
html.edafa-theme-minimal textarea,
body.edafa-theme-minimal textarea,
html.edafa-theme-minimal .form-field,
body.edafa-theme-minimal .form-field,
html.edafa-theme-minimal .select2-container--default .select2-selection--single,
body.edafa-theme-minimal .select2-container--default .select2-selection--single,
html.edafa-theme-minimal .select2-container--default .select2-selection--multiple,
body.edafa-theme-minimal .select2-container--default .select2-selection--multiple {
  border-color: #dfe3ea !important;
}

html.edafa-theme-minimal #ticketTable,
body.edafa-theme-minimal #ticketTable,
html.edafa-theme-minimal .infoTable,
body.edafa-theme-minimal .infoTable,
html.edafa-theme-minimal table.custom-data,
body.edafa-theme-minimal table.custom-data {
  box-shadow: none !important;
}

html.edafa-theme-minimal #ticketTable caption,
body.edafa-theme-minimal #ticketTable caption,
html.edafa-theme-minimal #ticketTable th,
body.edafa-theme-minimal #ticketTable th,
html.edafa-theme-minimal .infoTable thead td,
body.edafa-theme-minimal .infoTable thead td,
html.edafa-theme-minimal table .headline,
body.edafa-theme-minimal table .headline {
  background: #fafbfc !important;
}

html.edafa-theme-minimal .button-icon-container,
body.edafa-theme-minimal .button-icon-container {
  background: var(--edafa-navy-50) !important;
}

@media only screen and (max-width: 700px) {
  #ticketTable,
  #ticketTable thead,
  #ticketTable tbody,
  #ticketTable th,
  #ticketTable td,
  #ticketTable tr {
    display: block;
  }

  #ticketTable thead {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }

  #ticketTable tr {
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid var(--edafa-gray-200);
    border-radius: var(--edafa-radius-lg);
    overflow: hidden;
    background: var(--edafa-white);
  }

  #ticketTable td {
    display: grid !important;
    grid-template-columns: minmax(92px, 36%) minmax(0, 1fr);
    gap: 12px;
    width: 100% !important;
    min-height: 42px;
    padding: 10px 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #ticketTable td::before {
    position: static !important;
    width: auto !important;
    text-align: left !important;
    color: var(--edafa-gray-600);
    font-weight: 600;
  }

  html.edafa-theme-dark #ticketTable tr,
  body.edafa-theme-dark #ticketTable tr {
    background: #101d35;
    border-color: #263958;
  }

  html.edafa-theme-dark #ticketTable td::before,
  body.edafa-theme-dark #ticketTable td::before {
    color: #aebbd3;
  }
}

/* Staff-side Edafa Design System overrides */
body.staff-side {
  font-family: var(--edafa-font) !important;
  background-color: var(--edafa-gray-50) !important;
  background-image: none !important;
  color: var(--edafa-gray-700) !important;
  font-size: 13px !important;
}

html[lang^="ar"] body.staff-side,
html[dir="rtl"] body.staff-side,
html.rtl body.staff-side {
  font-family: var(--edafa-font-ar) !important;
}

body.staff-side h1,
body.staff-side h2,
body.staff-side h3,
body.staff-side th {
  font-family: var(--edafa-font) !important;
  color: var(--edafa-navy-700) !important;
}

/* Staff absolute header fix */
body.staff-side #header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 54px !important;
  background: var(--edafa-navy-700) !important;
  border-bottom: 2px solid var(--edafa-steel-700) !important;
  box-shadow: var(--edafa-shadow-sm) !important;
  z-index: 9999 !important;
}

body.staff-side #header-constrain {
  max-width: calc(100% - 48px);
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 24px;
}

/* Adjust logo container height and scale logo */
body.staff-side #header-logo {
  display: inline-flex !important;
  align-items: center;
  height: 54px !important;
  min-width: 168px;
  float: none !important;
}

body.staff-side #left-logo {
  width: 148px !important;
  height: 42px !important;
  margin: 0 !important;
  background: url("../img/edafa/edafa-horizontal-white.png") left center / contain no-repeat !important;
}

body.staff-side #left-logo > * {
  display: none !important;
}

/* Align and clean up navigation bar */
body.staff-side #nav.pull-right {
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-bottom: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 2px;
  list-style: none !important;
  box-shadow: none !important;
  height: 54px !important;
}

body.staff-side #nav.pull-right li {
  background: transparent !important;
  display: inline-flex !important;
  align-items: center;
  height: 54px !important;
}

body.staff-side #nav.pull-right li a {
  font-family: var(--edafa-font) !important;
  color: var(--edafa-white) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 5px 10px !important;
  border-radius: var(--edafa-radius-sm) !important;
  border-bottom: none !important;
  transition: all var(--edafa-fast) var(--edafa-ease) !important;
}

body.staff-side #nav.pull-right li a:hover,
body.staff-side #nav.pull-right li.active a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: var(--edafa-white) !important;
}

/* Home, Profile, Logout and other icons inside header */
body.staff-side #header a,
body.staff-side #header svg,
body.staff-side #header i {
  color: var(--edafa-white) !important;
  fill: var(--edafa-white) !important;
}

body.staff-side #header a:hover {
  opacity: 0.8;
}

/* Legacy Tickets-tab hover submenu (FAQs / Categories / Canned Responses):
   restyle from the pre-redesign navy-on-navy panel to the light card look. */
body.staff-side #nav li.inactive > ul {
  background: var(--edafa-white) !important;
  border: 1px solid var(--edafa-gray-200) !important;
  box-shadow: var(--edafa-shadow-sm) !important;
  border-radius: var(--edafa-radius-sm) !important;
}
body.staff-side #nav li.inactive > ul li a {
  color: var(--edafa-navy-700) !important;
  fill: var(--edafa-navy-700) !important;
}
body.staff-side #nav li.inactive > ul li a:hover {
  color: var(--edafa-steel-700) !important;
  background: var(--edafa-gray-50) !important;
}

/* Sub-nav styling and wrapper */
body.staff-side #sub_nav-wrap {
  background: var(--edafa-steel-50) !important;
  border-bottom: 1px solid var(--edafa-steel-100) !important;
  margin-top: 56px !important; /* Force to align exactly below header (54px + 2px border) */
}

body.staff-side #sub_nav {
  max-width: calc(100% - 48px);
  margin: 0 auto;
  padding: 0 24px;
  background: var(--edafa-steel-50) !important;
  border-bottom: none !important;
}

body.staff-side #sub_nav li a {
  color: var(--edafa-gray-700) !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
}

body.staff-side #sub_nav li a:hover,
body.staff-side #sub_nav li a.active {
  color: var(--edafa-steel-700) !important;
  background: transparent !important;
}

/* ==================================================================
   Queue rail (tickets page): horizontal scroll of vertical columns.
   Each top-level queue becomes one fixed-width vertical menu card.
   ================================================================== */
body.staff-side #sub_nav-wrap {
  height: auto !important;
  overflow: visible !important;
  background: var(--edafa-steel-50) !important;
  border-bottom: none !important;
}

/* The wrapper's outer <ul> holds the <nav> element (browser keeps the
   invalid nesting). Keep it a plain block so it never clips or adds the
   rail layout; all rail rules below target the real inner <ul>. */
body.staff-side #sub_nav-wrap > ul#sub_nav {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
  height: auto !important;
  max-width: none !important;
  width: 100% !important;
}

body.staff-side #sub_nav-wrap nav {
  max-width: none !important;
  width: 100% !important;
}

/* The overflow-menu plugin injects this container at the rail's right edge.
   It is empty (all queues are primary-only), so hide it to avoid any stray
   colored overlay/borders over the banner. */
body.staff-side #sub_nav-wrap nav .jb-overflowmenu-container {
  display: none !important;
}

body.staff-side #sub_nav-wrap nav #sub_nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 8px 14px !important;
  height: auto !important;

  /* d1798416 traded scroll away for overflow:visible so per-queue hover
     dropdowns wouldn't clip. Restoring overflow-x:auto (previous attempt)
     fixed scrolling but clipped the dropdowns and made the row need to
     scroll at all page widths, since every tab was a fixed 230px column
     regardless of its label length. Sizing tabs to content below removes
     the cause of the overflow in the first place, so neither trade-off
     is needed: back to overflow:visible, same as the header nav above it. */
  overflow: visible !important;

  background: transparent !important;
  border-bottom: none !important;
  list-style: none !important;
  box-sizing: border-box;
}

/* Each top-level queue is sized to its own label, like the tabs in the
   blue header nav above, instead of a fixed 230px column — a fixed
   column per tab was the only reason this row ever overflowed. */
body.staff-side #sub_nav-wrap nav #sub_nav > li {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: flex-start;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  overflow: visible !important;
  box-shadow: none !important;

  scroll-snap-align: start;
}

/* Top-level queue title/header. */
body.staff-side #sub_nav-wrap nav #sub_nav > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 6px;

  width: 100% !important;
  min-height: 42px;
  padding: 9px 11px !important;
  margin: 0 !important;

  box-sizing: border-box;
  white-space: nowrap;
  text-decoration: none;
}

/* Keep the count badge aligned with the title. */
body.staff-side #sub_nav-wrap nav #sub_nav > li > a .queue-count-badge {
  margin-left: auto !important;
  flex: 0 0 auto;
}

/*
 * Floating dropdown menu for queues.
 */
body.tickets-page nav#customQ_nav #sub_nav > li > .customQ-dropdown {
  display: none !important;
  flex-direction: column !important;

  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 10000 !important;

  width: 230px !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;

  background: #fff !important;
  border: 1px solid rgba(42, 90, 122, 0.14) !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 8px 18px rgba(42, 90, 122, 0.12) !important;
}

/* Collapsed by default; a queue's vertical menu opens on hover as a
   clean white panel that lifts off the merged background. */
body.staff-side #sub_nav-wrap nav #sub_nav > li:hover > .customQ-dropdown {
  display: flex !important;
}

/* Child queues are always vertical inside their parent item. */
body.staff-side #sub_nav-wrap nav #sub_nav > li > .customQ-dropdown > ul.scroll-height {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px;

  width: 100% !important;
  max-height: 360px;
  margin: 0 !important;
  padding: 5px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  list-style: none !important;
}

body.staff-side #sub_nav-wrap nav #sub_nav .customQ-dropdown ul li {
  display: block !important;
  position: relative !important;
  float: none !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.staff-side #sub_nav-wrap nav #sub_nav .customQ-dropdown ul li > a {
  display: block !important;
  width: 100% !important;
  padding: 8px 9px !important;
  margin: 0 !important;

  box-sizing: border-box;
  white-space: normal !important;
  overflow-wrap: anywhere;
  border-radius: 6px;
  text-decoration: none;
}

/* Counts sit on the right without breaking the vertical row. */
body.staff-side #sub_nav-wrap nav #sub_nav .customQ-dropdown .newItemQ.queue-count {
  position: relative !important;
  float: right !important;
  z-index: 1;
  margin: 8px 8px 0 4px !important;
}

/* Nested queues (e.g. Change Requests -> GLE Platform) stay vertical. */
body.staff-side #sub_nav-wrap nav #sub_nav .customQ-dropdown .subMenuQ {
  display: flex !important;
  flex-direction: column !important;

  position: static !important;
  width: auto !important;
  margin: 2px 0 5px 10px !important;
  padding: 3px 0 3px 7px !important;

  border-left: 2px solid rgba(42, 90, 122, 0.12);
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

/* Sticky action at the bottom of each vertical queue column. */
body.staff-side #sub_nav-wrap nav #sub_nav .add-queue {
  position: static !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 6px !important;

  box-sizing: border-box;
  border-top: 1px solid rgba(42, 90, 122, 0.10);
  background: rgba(42, 90, 122, 0.025);
}

body.staff-side #sub_nav-wrap nav #sub_nav .add-queue > a {
  display: block !important;
  width: 100% !important;
  padding: 8px !important;
  box-sizing: border-box;
  border-radius: 6px;
}

/* Active queue tab: same treatment as the active tab in the blue header
   nav above it (solid brand-color block, light text) instead of a faint
   tint, so the two nav rows read as one coordinated pattern. */
body.staff-side #sub_nav-wrap nav #sub_nav > li.active,
body.staff-side #sub_nav-wrap nav #sub_nav > li > a.active {
  background: var(--edafa-navy-700) !important;
  border-radius: var(--edafa-radius-sm) !important;
}
body.staff-side #sub_nav-wrap nav #sub_nav > li.active > a,
body.staff-side #sub_nav-wrap nav #sub_nav > li > a.active {
  color: var(--edafa-white) !important;
}
body.staff-side #sub_nav-wrap nav #sub_nav > li.active > a .queue-count-badge,
body.staff-side #sub_nav-wrap nav #sub_nav > li > a.active .queue-count-badge {
  background: rgba(255, 255, 255, 0.18) !important;
  color: var(--edafa-white) !important;
}

/* New Ticket is a compact action card at the end of the rail.
   (The JS marks every item primary-only, so target the true last <li>.) */
body.staff-side #sub_nav-wrap nav #sub_nav > li:last-child {
  flex-basis: 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  align-self: flex-start;
}

/* Hide the horizontal rail scrollbar (rail still scrolls on touchpad/drag). */
body.staff-side #sub_nav-wrap nav #sub_nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body.staff-side #sub_nav-wrap nav #sub_nav::-webkit-scrollbar-thumb,
body.staff-side #sub_nav-wrap nav #sub_nav::-webkit-scrollbar-track {
  display: none;
}

@media (max-width: 700px) {
  body.staff-side #sub_nav-wrap nav #sub_nav > li {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }

  body.staff-side #sub_nav-wrap nav #sub_nav > li > .customQ-dropdown > ul.scroll-height {
    max-height: 300px;
  }
}

/* Buttons in staff panel */
body.staff-side input[type="submit"],
body.staff-side input[type="button"],
body.staff-side input[type="reset"],
body.staff-side button,
body.staff-side .button {
  font-family: var(--edafa-font) !important;
  border-radius: var(--edafa-radius-sm) !important;
  font-weight: 500 !important;
}

body.staff-side input[type="submit"] {
  background: var(--edafa-navy-700) !important;
  color: var(--edafa-white) !important;
  border: 1px solid var(--edafa-navy-700) !important;
  box-shadow: var(--edafa-shadow-xs) !important;
}

body.staff-side input[type="submit"]:hover {
  background: var(--edafa-navy-800) !important;
  border-color: var(--edafa-navy-800) !important;
}

/* Text inputs and forms in staff panel */
body.staff-side input[type="text"],
body.staff-side input[type="password"],
body.staff-side input[type="email"],
body.staff-side select,
body.staff-side textarea {
  font-family: var(--edafa-font) !important;
  border: 1px solid var(--edafa-gray-300) !important;
  border-radius: var(--edafa-radius-sm) !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
  background-color: var(--edafa-white) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
  transition: border-color var(--edafa-fast) var(--edafa-ease), box-shadow var(--edafa-fast) var(--edafa-ease) !important;
}

/* Staff content area spacing */
body.staff-side #content {
  max-width: calc(100% - 48px) !important;
  margin: 20px auto 32px !important;
  padding: 20px 24px 28px !important;
  background: var(--edafa-white) !important;
  border: 1px solid var(--edafa-gray-200) !important;
  border-radius: var(--edafa-radius-md) !important;
  box-shadow: var(--edafa-shadow-xs) !important;
}

/* Staff table rows: compact, scannable */
body.staff-side table td,
body.staff-side table th {
  padding: 7px 12px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.staff-side table th {
  font-weight: 600 !important;
  color: var(--edafa-navy-700) !important;
  white-space: nowrap;
}

body.staff-side .fixed-bar,
body.staff-side .sticky.bar .content {
  padding: 8px 0 !important;
}

body.staff-side h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

body.staff-side h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
}

body.staff-side input[type="text"]:focus,
body.staff-side input[type="password"]:focus,
body.staff-side input[type="email"]:focus,
body.staff-side select:focus,
body.staff-side textarea:focus {
  border-color: var(--edafa-navy-500) !important;
  outline: none !important;
  box-shadow: var(--edafa-focus) !important;
}