@charset "utf-8";
/* 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;
}

/* ==========================================================================
 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: fixed;	
}
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: fixed;
    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;
}
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;
}
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;
}
/*.flag.flag-ar {
    background: url(../../osta/svg/flags/argentina.svg) no-repeat;
}*/



.system .ar_EG,
.flag.flag-eg,
html[lang="ar_EG"] #languages {
    background: url(../../osta/svg/flags/egypt.svg) no-repeat;
}
.system .ar,
.system .ar_SA,
.flag.flag-ar,
.flag.flag-sa,
html[lang="ar_SA"] #languages {
    background: url(../../osta/svg/flags/saudi-arabia.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;
}





@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.jpg) 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);
  }
}
#warning_bar,
#compliance {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  overflow: hidden;
}
#warning_bar,
.compliance-animate {
  -webkit-animation-name: compliance-pop;
  animation-name: compliance-pop;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* ==========================================================================
 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");
}

@charset "utf-8";
i.icon-user:before,
i.icon-mail-reply:before,
i.icon-flag:before,
i.icon-share:before,
.action-button i.icon-trash:before,
a.ticket-action i.icon-trash:before,
a.action.delete i.icon-trash:before,
i.icon-file-text:before,
i.icon-print:before,
i.icon-edit:before,
i.icon-cog:before,
a#user-register i.icon-smile:before,
a.change-user i.icon-user:before,
#ticket-release i.icon-user:before,
i.icon-circle-arrow-right:before,
i.icon-paste:before,
i.icon-ban-circle:before,
i.icon-undo:before,
i.icon-ok-circle:before,
i.icon-group:before,
#action-dropdown-assign i.icon-user:before,
i.icon-cloud-upload:before,
i.icon-plus:before,
i.icon-cogs:before,
i.icon-search:before,
i.icon-hand-down:before,
i.icon-hand-up:before,
i.icon-save:before,
i.icon-upload:before,
#user_tabs i.icon-info-sign:before,
i.icon-pushpin:before,
i.icon-asterisk:before,
form[action="#sequence/manage"] i.icon-plus:before,
i.icon-beaker:before,
i.icon-bell-alt:before,
i.icon-mail-reply-all:before,
a[href="#backdrops"] i.icon-picture:before,
.icon-file:before,
.icon-picture:before,
.icon-plus-sign:before,
.icon-chevron-sign-down:before,
/*.icon-warning-sign:before,*/ /*target*/ /*system information page*/
.icon-flip-vertical:before,
.icon-sort-by-attributes-alt:before,
.icon-comments-alt:before,
i.icon-retweet:before,
a#unselect-user i.icon-remove:before,
.icon-pencil:before,
.icon-list-alt:before,
i.icon-list-alt:before,
.icon-file-text-alt:before,
i.icon-trash.icon-fixed-width,
.icon-download:before,
.icon-envelope:before,
.icon-lock:before,
.icon-unlock:before,
i.icon-trash.icon-fixed-width:before,
i.icon-smile.icon-fixed-width:before,
.icon-filter:before,
i.icon-fixed-width.icon-hand-right:before,
.icon-share-alt:before,
.icon-external-link:before,
.icon-wrench:before,
.icon-gear:before, 
.icon-cog:before,
.icon-sort-by-order:before,
.icon-ok-sign:before,
i.icon-building:before,
.icon-tasks:before,
.icon-ticket:before,
.icon-list:before,
.icon-truck:before,
.icon-sitemap:before,
.icon-file-alt:before,
i.icon-table:before,
i.icon-info-sign.faded:before,
button.red.button .icon-trash:before,
.icon-reorder:before,
a[href="#columns"] i.icon-columns:before,
.icon-circle-arrow-left:before,
#action-dropdown-more .icon-exchange:before,
/* i.icon-code-fork:before,
i.icon-link:before, */
#schedule-tabs .icon-calendar:before,
ul.clean.tabs a i.icon-sort-by-attributes:before,
ul.clean.tabs a i.icon-exclamation-sign:before,
ul.clean.tabs a i.icon-eye-open:before,
#referral .icon-exchange:before,
#ticket-entries .icon-tasks,
.icon-caret-right:before,
i.icon-download-alt,
i.icon-folder-close:before,
i.icon-copy.icon-fixed-width:before,
i.icon-bug:before {
    content: '';
	display: none !important;
}
.settings i.icon-file-text {
    background: none;
}
i,
i[class^="icon-"]:before {
    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; 
}
i[class^="icon-caret-"]:before {
	width: 10px;
    top: 0px; 
    margin: 0 0 0 2px;	
}
ul.tabs i {
	display: inline-block !important;
    top: 4px;
    right: 0px;	
}
.form_table i.icon-globe {
    /*top: -5px;*/
}
.form_table .translatable i.icon-globe {
    top: 5px;
}
.form_table .translatable button.translatable i.icon-globe {
    top: 0;
}
i.icon-user,
#user_tabs i.icon-info-sign {
	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 style=' fill:%23128DBE' d='M12%2C4A4%2C4 0 0%2C1 16%2C8A4%2C4 0 0%2C1 12%2C12A4%2C4 0 0%2C1 8%2C8A4%2C4 0 0%2C1 12%2C4M12%2C14C16.42%2C14 20%2C15.79 20%2C18V20H4V18C4%2C15.79 7.58%2C14 12%2C14Z' /%3E%3C/svg%3E");
}
a[href="#tasks/mass/assign/agents"]:hover > i.icon-user {
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 style=' fill:%23ffffff' d='M12%2C4A4%2C4 0 0%2C1 16%2C8A4%2C4 0 0%2C1 12%2C12A4%2C4 0 0%2C1 8%2C8A4%2C4 0 0%2C1 12%2C4M12%2C14C16.42%2C14 20%2C15.79 20%2C18V20H4V18C4%2C15.79 7.58%2C14 12%2C14Z' /%3E%3C/svg%3E");
}
a[href="#tasks/mass/claim"] > i.icon-user {
	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='M19%2C3A2%2C2 0 0%2C1 21%2C5V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V5A2%2C2 0 0%2C1 5%2C3H9.18C9.6%2C1.84 10.7%2C1 12%2C1C13.3%2C1 14.4%2C1.84 14.82%2C3H19M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3M7%2C7V5H5V19H19V5H17V7H7M12%2C18L7%2C13H10V9H14V13H17L12%2C18Z' /%3E %3C/svg%3E");
}
a[href="#tasks/mass/claim"]:hover > i.icon-user {
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='M19%2C3A2%2C2 0 0%2C1 21%2C5V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V5A2%2C2 0 0%2C1 5%2C3H9.18C9.6%2C1.84 10.7%2C1 12%2C1C13.3%2C1 14.4%2C1.84 14.82%2C3H19M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3M7%2C7V5H5V19H19V5H17V7H7M12%2C18L7%2C13H10V9H14V13H17L12%2C18Z' /%3E %3C/svg%3E");	
}
a[href="#tasks/mass/reopen"] > i.icon-undo {
	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='M13%2C2.03C17.73%2C2.5 21.5%2C6.25 21.95%2C11C22.5%2C16.5 18.5%2C21.38 13%2C21.93V19.93C16.64%2C19.5 19.5%2C16.61 19.96%2C12.97C20.5%2C8.58 17.39%2C4.59 13%2C4.05V2.05L13%2C2.03M11%2C2.06V4.06C9.57%2C4.26 8.22%2C4.84 7.1%2C5.74L5.67%2C4.26C7.19%2C3 9.05%2C2.25 11%2C2.06M4.26%2C5.67L5.69%2C7.1C4.8%2C8.23 4.24%2C9.58 4.05%2C11H2.05C2.25%2C9.04 3%2C7.19 4.26%2C5.67M2.06%2C13H4.06C4.24%2C14.42 4.81%2C15.77 5.69%2C16.9L4.27%2C18.33C3.03%2C16.81 2.26%2C14.96 2.06%2C13M7.1%2C18.37C8.23%2C19.25 9.58%2C19.82 11%2C20V22C9.04%2C21.79 7.18%2C21 5.67%2C19.74L7.1%2C18.37M12%2C7.5L7.5%2C12H11V16H13V12H16.5L12%2C7.5Z' /%3E %3C/svg%3E");
}
a[href="#tasks/mass/reopen"]:hover > i.icon-undo {
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='M13%2C2.03C17.73%2C2.5 21.5%2C6.25 21.95%2C11C22.5%2C16.5 18.5%2C21.38 13%2C21.93V19.93C16.64%2C19.5 19.5%2C16.61 19.96%2C12.97C20.5%2C8.58 17.39%2C4.59 13%2C4.05V2.05L13%2C2.03M11%2C2.06V4.06C9.57%2C4.26 8.22%2C4.84 7.1%2C5.74L5.67%2C4.26C7.19%2C3 9.05%2C2.25 11%2C2.06M4.26%2C5.67L5.69%2C7.1C4.8%2C8.23 4.24%2C9.58 4.05%2C11H2.05C2.25%2C9.04 3%2C7.19 4.26%2C5.67M2.06%2C13H4.06C4.24%2C14.42 4.81%2C15.77 5.69%2C16.9L4.27%2C18.33C3.03%2C16.81 2.26%2C14.96 2.06%2C13M7.1%2C18.37C8.23%2C19.25 9.58%2C19.82 11%2C20V22C9.04%2C21.79 7.18%2C21 5.67%2C19.74L7.1%2C18.37M12%2C7.5L7.5%2C12H11V16H13V12H16.5L12%2C7.5Z' /%3E %3C/svg%3E");
}
/*i.icon-user:hover {
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 style=' fill:%23184E81' d='M12%2C4A4%2C4 0 0%2C1 16%2C8A4%2C4 0 0%2C1 12%2C12A4%2C4 0 0%2C1 8%2C8A4%2C4 0 0%2C1 12%2C4M12%2C14C16.42%2C14 20%2C15.79 20%2C18V20H4V18C4%2C15.79 7.58%2C14 12%2C14Z' /%3E%3C/svg%3E");
}*/
.sticky.bar.fixed i.icon-user {
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 style=' fill:%23ffffff' d='M12%2C4A4%2C4 0 0%2C1 16%2C8A4%2C4 0 0%2C1 12%2C12A4%2C4 0 0%2C1 8%2C8A4%2C4 0 0%2C1 12%2C4M12%2C14C16.42%2C14 20%2C15.79 20%2C18V20H4V18C4%2C15.79 7.58%2C14 12%2C14Z' /%3E%3C/svg%3E");
}
i.icon-mail-reply {
	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='%23128DBE' d='M10%2C9V5L3%2C12L10%2C19V14.9C15%2C14.9 18.5%2C16.5 21%2C20C20%2C15 17%2C10 10%2C9Z' /%3E%3C/svg%3E");
}
.sticky.bar.fixed i.icon-mail-reply {
	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='%23ffffff' d='M10%2C9V5L3%2C12L10%2C19V14.9C15%2C14.9 18.5%2C16.5 21%2C20C20%2C15 17%2C10 10%2C9Z' /%3E%3C/svg%3E");
}
a#post-note-tab:before,
ul#user-view-tabs i.icon-pushpin {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-right: 4px;
    top: 6px;
    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='M7%2C8V6H5V19H19V6H17V8H7M9%2C4A3%2C3 0 0%2C1 12%2C1A3%2C3 0 0%2C1 15%2C4H19A2%2C2 0 0%2C1 21%2C6V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V6A2%2C2 0 0%2C1 5%2C4H9M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3Z' /%3E%3C/svg%3E");
}
ul#user-view-tabs i.icon-pushpin {
    width: 19px;
    margin-right: 1px;
}
i.icon-mail-reply, a#post-reply-tab:before {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-right: 4px;
    top: 4px;
    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='M10%2C9V5L3%2C12L10%2C19V14.9C15%2C14.9 18.5%2C16.5 21%2C20C20%2C15 17%2C10 10%2C9Z' /%3E%3C/svg%3E");
}
i.icon-flag {
	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='%23128DBE' d='M14.4%2C6L14%2C4H5V21H7V14H12.6L13%2C16H20V6H14.4Z' /%3E%3C/svg%3E");
}
.sticky.bar.fixed i.icon-flag {
	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='%23ffffff' d='M14.4%2C6L14%2C4H5V21H7V14H12.6L13%2C16H20V6H14.4Z' /%3E%3C/svg%3E");
}
a.action i.icon-share { /*target*/
	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='%23128DBE' d='M9.5%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.43%2C13.73L14.71%2C14H15.5L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.43C12.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%2C14C11.11%2C14 12.5%2C13.15 13.32%2C11.88C12.5%2C10.75 11.11%2C10 9.5%2C10C7.89%2C10 6.5%2C10.75 5.68%2C11.88C6.5%2C13.15 7.89%2C14 9.5%2C14M9.5%2C5A1.75%2C1.75 0 0%2C0 7.75%2C6.75A1.75%2C1.75 0 0%2C0 9.5%2C8.5A1.75%2C1.75 0 0%2C0 11.25%2C6.75A1.75%2C1.75 0 0%2C0 9.5%2C5Z' /%3E%3C/svg%3E");
}
a#tickets-transfer,
a#tasks-transfer i.icon-share,
a#ticket-transfer i.icon-share,
a.task-action i.icon-share,
a[href="#tasks/mass/transfer"] i.icon-fixed-width.icon-share { /* Tickets, Tasks = "Transfer" icon */
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-position: 1px 0px;
    background-size: 21px;
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='M3%2C8H5V16H3V8M7%2C8H9V16H7V8M11%2C8H13V16H11V8M15%2C19.25V4.75L22.25%2C12L15%2C19.25Z' /%3E%3C/svg%3E");
}
a[href="#tasks/mass/transfer"]:hover > i.icon-fixed-width.icon-share { /* Tickets, Tasks = "Transfer" icon */
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='M3%2C8H5V16H3V8M7%2C8H9V16H7V8M11%2C8H13V16H11V8M15%2C19.25V4.75L22.25%2C12L15%2C19.25Z' /%3E%3C/svg%3E");
}
.sticky.bar.fixed a#ticket-transfer i.icon-share,
.sticky.bar.fixed a.task-action i.icon-share { /* Tickets Tasks = "Transfer" icon */
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-position: 1px 1px;
    background-size: 21px;
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='M3%2C8H5V16H3V8M7%2C8H9V16H7V8M11%2C8H13V16H11V8M15%2C19.25V4.75L22.25%2C12L15%2C19.25Z' /%3E%3C/svg%3E");
}
.sticky.bar.fixed a#tickets-transfer,
.sticky.bar.fixed a#tasks-transfer i.icon-share {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    background-position: 1px 1px;
    background-size: 21px;
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='M3%2C8H5V16H3V8M7%2C8H9V16H7V8M11%2C8H13V16H11V8M15%2C19.25V4.75L22.25%2C12L15%2C19.25Z' /%3E%3C/svg%3E");
}
button.red.button i.icon-trash,
.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,
a.action.delete i.icon-trash:before, 
i.icon-trash.icon-fixed-width,
#quick-notes i.icon-trash {
	display: inline-block !important;
    width: 20px;
    height: 20px;	
	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='%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");
}
#quick-notes i.icon-trash:before {
    background-image: initial;
}
button.red.button i.icon-trash {
    background-position: -3px -2px;
}
a.action.delete i.icon-trash:before {
    background-size: 16px !important;
    background-position: 1px -3px;
}
/*a[href="categories.php?a=delete"]:before,*/ /*ended up with two icons on FAQ Catgegories page*/
a.ticket-action i.icon-trash {
	display: inline-block;
	content: '';
    width: 20px;
    height: 20px;
    float: initial;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 4px;
}
a.users-action:hover > i.icon-trash.icon-fixed-width,
li.danger:hover > a[href="categories.php?a=delete"]:before,
li.danger:hover > a[data-name="delete"] i.icon-trash.icon-fixed-width,
a.items-action:hover > i.icon-trash.icon-fixed-width,
a.ticket-action:hover > i.icon-trash,
.sticky.bar.fixed .action-button i.icon-trash,
.action-dropdown ul li > a:hover > i.icon-trash.icon-fixed-width{
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='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");
}
#actions:hover > .red.button i.icon-trash,
.red.button.action-button:hover > a i.icon-trash,
.red.button.action-button:hover > i.icon-trash {
	display: inline-block;
    width: 20px;
    height: 20px;	
	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='%23d01919' 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");
}
i.icon-file-text,
i.icon-pushpin,
i.icon-fixed-width.icon-pushpin,
a[href="#notes-tab"] i.icon-fixed-width.icon-pushpin:hover,
.categories a[href="#notes"]:before {
	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='%23128DBE' d='M7%2C8V6H5V19H19V6H17V8H7M9%2C4A3%2C3 0 0%2C1 12%2C1A3%2C3 0 0%2C1 15%2C4H19A2%2C2 0 0%2C1 21%2C6V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V6A2%2C2 0 0%2C1 5%2C4H9M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3Z' /%3E%3C/svg%3E");
}
.categories a[href="#notes"]:before {
    display: inline-block;
    content: ' ';	
    width: 27px;
    height: 20px;
    position: relative;
    top: 4px;
    background-size: 20px;
    background-position: 4px 2px !important;
    background-repeat: no-repeat;
}
.sticky.bar.fixed i.icon-file-text {
	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='%23ffffff' d='M7%2C8V6H5V19H19V6H17V8H7M9%2C4A3%2C3 0 0%2C1 12%2C1A3%2C3 0 0%2C1 15%2C4H19A2%2C2 0 0%2C1 21%2C6V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V6A2%2C2 0 0%2C1 5%2C4H9M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3Z' /%3E%3C/svg%3E");
}
a[href="#notes-tab"] i.icon-fixed-width.icon-pushpin:hover {
    top: 5px;
}
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='%23128DBE' 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");
}
.sticky.bar.fixed i.icon-print {	
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='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");
}
i.icon-edit,
.icon-pencil,
.action-dropdown ul li > a > .icon-pencil {
	display: inline-block;
    width: 20px;
    height: 20px;
    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='%23128DBE' d='M20.71%2C7.04C21.1%2C6.65 21.1%2C6 20.71%2C5.63L18.37%2C3.29C18%2C2.9 17.35%2C2.9 16.96%2C3.29L15.12%2C5.12L18.87%2C8.87M3%2C17.25V21H6.75L17.81%2C9.93L14.06%2C6.18L3%2C17.25Z' /%3E%3C/svg%3E");
}
.sticky.bar.fixed i.icon-edit {
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='M20.71%2C7.04C21.1%2C6.65 21.1%2C6 20.71%2C5.63L18.37%2C3.29C18%2C2.9 17.35%2C2.9 16.96%2C3.29L15.12%2C5.12L18.87%2C8.87M3%2C17.25V21H6.75L17.81%2C9.93L14.06%2C6.18L3%2C17.25Z' /%3E%3C/svg%3E");
}
ul#orgprofile i.icon-edit {
    float: none;
}
a.org-action i.icon-edit, .icon-pencil, .action-dropdown ul li > a > .icon-pencil {
    background-size: 16px !important;
    background-position: 1px -3px;
}
a.user-action i.icon-edit {
    top: 0px;
}
.ticket_info i.icon-edit {
    float: right;
    margin-left: 8px;
}
.action-dropdown ul li:hover > a > .icon-pencil {
	display: inline-block;
    width: 20px;
    height: 20px;
    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='%23ffffff' d='M20.71%2C7.04C21.1%2C6.65 21.1%2C6 20.71%2C5.63L18.37%2C3.29C18%2C2.9 17.35%2C2.9 16.96%2C3.29L15.12%2C5.12L18.87%2C8.87M3%2C17.25V21H6.75L17.81%2C9.93L14.06%2C6.18L3%2C17.25Z' /%3E%3C/svg%3E");
}
.thread-event .type-icon i.icon-pencil {
    top: 4px !important;
    color: #827f7c !important;
    background-position: 1px -2px;
}
i.icon-cog {
	display: inline-block;
    width: 20px;
    height: 20px;
	float: left;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0%2C0H18V18H0Z' style='fill:none'/%3E%3Cpath fill='%23128DBE' d='M2.6%2C7.07A1.93%2C1.93%2C0%2C1%2C0%2C4.53%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C2.6%2C7.07Zm12.88%2C0A1.93%2C1.93%2C0%2C1%2C0%2C17.42%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C15.48%2C7.07ZM9%2C7.07A1.93%2C1.93%2C0%2C1%2C0%2C11%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C9%2C7.07Z'/%3E%3C/svg%3E");
}
.index-page #popup i.icon-cog {
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='M3 3H17C18.11 3 19 3.9 19 5V12.08C17.45 11.82 15.92 12.18 14.68 13H11V17H12.08C11.97 17.68 11.97 18.35 12.08 19H3C1.9 19 1 18.11 1 17V5C1 3.9 1.9 3 3 3M3 7V11H9V7H3M11 7V11H17V7H11M3 13V17H9V13H3M22.78 19.32L21.71 18.5C21.73 18.33 21.75 18.17 21.75 18S21.74 17.67 21.71 17.5L22.77 16.68C22.86 16.6 22.89 16.47 22.83 16.36L21.83 14.63C21.77 14.5 21.64 14.5 21.5 14.5L20.28 15C20 14.82 19.74 14.65 19.43 14.53L19.24 13.21C19.23 13.09 19.12 13 19 13H17C16.88 13 16.77 13.09 16.75 13.21L16.56 14.53C16.26 14.66 15.97 14.82 15.71 15L14.47 14.5C14.36 14.5 14.23 14.5 14.16 14.63L13.16 16.36C13.1 16.47 13.12 16.6 13.22 16.68L14.28 17.5C14.26 17.67 14.25 17.83 14.25 18S14.26 18.33 14.28 18.5L13.22 19.32C13.13 19.4 13.1 19.53 13.16 19.64L14.16 21.37C14.22 21.5 14.35 21.5 14.47 21.5L15.71 21C15.97 21.18 16.25 21.35 16.56 21.47L16.75 22.79C16.77 22.91 16.87 23 17 23H19C19.12 23 19.23 22.91 19.25 22.79L19.44 21.47C19.74 21.34 20 21.18 20.28 21L21.5 21.5C21.64 21.5 21.77 21.5 21.84 21.37L22.84 19.64C22.9 19.53 22.87 19.4 22.78 19.32M18 19.5C17.17 19.5 16.5 18.83 16.5 18S17.18 16.5 18 16.5 19.5 17.17 19.5 18 18.84 19.5 18 19.5Z' /%3E %3C/svg%3E");
}
.configureQ i.icon-cog {
	top: -6px !important;
}
.sticky.bar.fixed i.icon-cog {
	display: inline-block;
    width: 20px;
    height: 20px;
	float: left;
    top: 3px !important;	
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0%2C0H18V18H0Z' style='fill:none'/%3E%3Cpath fill='%23ffffff' d='M2.6%2C7.07A1.93%2C1.93%2C0%2C1%2C0%2C4.53%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C2.6%2C7.07Zm12.88%2C0A1.93%2C1.93%2C0%2C1%2C0%2C17.42%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C15.48%2C7.07ZM9%2C7.07A1.93%2C1.93%2C0%2C1%2C0%2C11%2C9%2C1.93%2C1.93%2C0%2C0%2C0%2C9%2C7.07Z'/%3E%3C/svg%3E");
}
a#user-register i.icon-smile,
a.change-user i.icon-user,
.sticky.bar a.change-user i.icon-user {
	display: inline-block;
    width: 20px;
    height: 20px;
	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='%23128DBE' d='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E%3C/svg%3E");
/* SVG encoded with https://cdpn.io/rrOZQQ */		
}
a.change-user:hover > i.icon-user,
.sticky.bar a.change-user:hover > i.icon-user {
	display: inline-block;
    width: 20px;
    height: 20px;
	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='%23ffffff' d='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E%3C/svg%3E");
/* SVG encoded with https://cdpn.io/rrOZQQ */		
}
#ticket-release i.icon-user {
	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='%23128DBE' d='M12%2C4A4%2C4 0 0%2C1 16%2C8C16%2C9.95 14.6%2C11.58 12.75%2C11.93L8.07%2C7.25C8.42%2C5.4 10.05%2C4 12%2C4M12.28%2C14L18.28%2C20L20%2C21.72L18.73%2C23L15.73%2C20H4V18C4%2C16.16 6.5%2C14.61 9.87%2C14.14L2.78%2C7.05L4.05%2C5.78L12.28%2C14M20%2C18V19.18L15.14%2C14.32C18%2C14.93 20%2C16.35 20%2C18Z' /%3E%3C/svg%3E");
}
a#ticket-release:hover > i.icon-user {
	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='%23ffffff' d='M12%2C4A4%2C4 0 0%2C1 16%2C8C16%2C9.95 14.6%2C11.58 12.75%2C11.93L8.07%2C7.25C8.42%2C5.4 10.05%2C4 12%2C4M12.28%2C14L18.28%2C20L20%2C21.72L18.73%2C23L15.73%2C20H4V18C4%2C16.16 6.5%2C14.61 9.87%2C14.14L2.78%2C7.05L4.05%2C5.78L12.28%2C14M20%2C18V19.18L15.14%2C14.32C18%2C14.93 20%2C16.35 20%2C18Z' /%3E%3C/svg%3E");
}
i.icon-circle-arrow-right {
	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='%23128DBE' d='M17%2C12V3A1%2C1 0 0%2C0 16%2C2H3A1%2C1 0 0%2C0 2%2C3V17L6%2C13H16A1%2C1 0 0%2C0 17%2C12M21%2C6H19V15H6V17A1%2C1 0 0%2C0 7%2C18H18L22%2C22V7A1%2C1 0 0%2C0 21%2C6Z' /%3E%3C/svg%3E");
}
.action-dropdown ul li > a:hover i.icon-circle-arrow-right {
	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='%23ffffff' d='M17%2C12V3A1%2C1 0 0%2C0 16%2C2H3A1%2C1 0 0%2C0 2%2C3V17L6%2C13H16A1%2C1 0 0%2C0 17%2C12M21%2C6H19V15H6V17A1%2C1 0 0%2C0 7%2C18H18L22%2C22V7A1%2C1 0 0%2C0 21%2C6Z' /%3E%3C/svg%3E");
}
a#ticket-answered:hover > i.icon-circle-arrow-right {
	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='%23ffffff' d='M17%2C12V3A1%2C1 0 0%2C0 16%2C2H3A1%2C1 0 0%2C0 2%2C3V17L6%2C13H16A1%2C1 0 0%2C0 17%2C12M21%2C6H19V15H6V17A1%2C1 0 0%2C0 7%2C18H18L22%2C22V7A1%2C1 0 0%2C0 21%2C6Z' /%3E%3C/svg%3E");
}
a[href^="#ajax.php/tickets/"]:hover > i.icon-paste {
	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='%23ffffff' d='M5%2C9.5L7.5%2C14H2.5L5%2C9.5M3%2C4H7V8H3V4M5%2C20A2%2C2 0 0%2C0 7%2C18A2%2C2 0 0%2C0 5%2C16A2%2C2 0 0%2C0 3%2C18A2%2C2 0 0%2C0 5%2C20M9%2C5V7H21V5H9M9%2C19H21V17H9V19M9%2C13H21V11H9V13Z' /%3E%3C/svg%3E");
}
i.icon-paste {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 6px !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='M5%2C9.5L7.5%2C14H2.5L5%2C9.5M3%2C4H7V8H3V4M5%2C20A2%2C2 0 0%2C0 7%2C18A2%2C2 0 0%2C0 5%2C16A2%2C2 0 0%2C0 3%2C18A2%2C2 0 0%2C0 5%2C20M9%2C5V7H21V5H9M9%2C19H21V17H9V19M9%2C13H21V11H9V13Z' /%3E%3C/svg%3E");
}
.action-dropdown ul li a:hover > i.icon-paste,
a[href="#ajax.php/users/151/forms/manage"]:hover i.icon-paste {
	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='%23ffffff' d='M5%2C9.5L7.5%2C14H2.5L5%2C9.5M3%2C4H7V8H3V4M5%2C20A2%2C2 0 0%2C0 7%2C18A2%2C2 0 0%2C0 5%2C16A2%2C2 0 0%2C0 3%2C18A2%2C2 0 0%2C0 5%2C20M9%2C5V7H21V5H9M9%2C19H21V17H9V19M9%2C13H21V11H9V13Z' /%3E%3C/svg%3E");
}
a[href="#confirmlink"] i.icon-envelope {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 6px !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='M4%2C8L12%2C13L20%2C8V8L12%2C3L4%2C8V8M22%2C8V18A2%2C2 0 0%2C1 20%2C20H4A2%2C2 0 0%2C1 2%2C18V8C2%2C7.27 2.39%2C6.64 2.97%2C6.29L12%2C0.64L21.03%2C6.29C21.61%2C6.64 22%2C7.27 22%2C8Z' /%3E %3C/svg%3E");
}
a[href="#confirmlink"]:hover > i.icon-envelope {
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%2C8L12%2C13L20%2C8V8L12%2C3L4%2C8V8M22%2C8V18A2%2C2 0 0%2C1 20%2C20H4A2%2C2 0 0%2C1 2%2C18V8C2%2C7.27 2.39%2C6.64 2.97%2C6.29L12%2C0.64L21.03%2C6.29C21.61%2C6.64 22%2C7.27 22%2C8Z' /%3E %3C/svg%3E");
}
i.icon-ban-circle {
	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='%23128DBE' d='M12%2C2A10%2C10 0 0%2C1 22%2C12A10%2C10 0 0%2C1 12%2C22A10%2C10 0 0%2C1 2%2C12A10%2C10 0 0%2C1 12%2C2M12%2C4A8%2C8 0 0%2C0 4%2C12C4%2C13.85 4.63%2C15.55 5.68%2C16.91L16.91%2C5.68C15.55%2C4.63 13.85%2C4 12%2C4M12%2C20A8%2C8 0 0%2C0 20%2C12C20%2C10.15 19.37%2C8.45 18.32%2C7.09L7.09%2C18.32C8.45%2C19.37 10.15%2C20 12%2C20Z' /%3E%3C/svg%3E");
}
a#ticket-banemail:hover > i.icon-ban-circle,
a.confirm:hover > i.icon-ban-circle.icon-fixed-width,
a.items-action:hover > i.icon-ban-circle.icon-fixed-width {
	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='%23ffffff' d='M12%2C2A10%2C10 0 0%2C1 22%2C12A10%2C10 0 0%2C1 12%2C22A10%2C10 0 0%2C1 2%2C12A10%2C10 0 0%2C1 12%2C2M12%2C4A8%2C8 0 0%2C0 4%2C12C4%2C13.85 4.63%2C15.55 5.68%2C16.91L16.91%2C5.68C15.55%2C4.63 13.85%2C4 12%2C4M12%2C20A8%2C8 0 0%2C0 20%2C12C20%2C10.15 19.37%2C8.45 18.32%2C7.09L7.09%2C18.32C8.45%2C19.37 10.15%2C20 12%2C20Z' /%3E%3C/svg%3E");
}

i.icon-folder-close {
	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='%23128DBE' d='M21%2C16.5C21%2C16.88 20.79%2C17.21 20.47%2C17.38L12.57%2C21.82C12.41%2C21.94 12.21%2C22 12%2C22C11.79%2C22 11.59%2C21.94 11.43%2C21.82L3.53%2C17.38C3.21%2C17.21 3%2C16.88 3%2C16.5V7.5C3%2C7.12 3.21%2C6.79 3.53%2C6.62L11.43%2C2.18C11.59%2C2.06 11.79%2C2 12%2C2C12.21%2C2 12.41%2C2.06 12.57%2C2.18L20.47%2C6.62C20.79%2C6.79 21%2C7.12 21%2C7.5V16.5M12%2C4.15L10.11%2C5.22L16%2C8.61L17.96%2C7.5L12%2C4.15M6.04%2C7.5L12%2C10.85L13.96%2C9.75L8.08%2C6.35L6.04%2C7.5M5%2C15.91L11%2C19.29V12.58L5%2C9.21V15.91M19%2C15.91V9.21L13%2C12.58V19.29L19%2C15.91Z' /%3E %3C/svg%3E");
}
a.confirm:hover > i.icon-folder-close {
	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='%23ffffff' d='M21%2C16.5C21%2C16.88 20.79%2C17.21 20.47%2C17.38L12.57%2C21.82C12.41%2C21.94 12.21%2C22 12%2C22C11.79%2C22 11.59%2C21.94 11.43%2C21.82L3.53%2C17.38C3.21%2C17.21 3%2C16.88 3%2C16.5V7.5C3%2C7.12 3.21%2C6.79 3.53%2C6.62L11.43%2C2.18C11.59%2C2.06 11.79%2C2 12%2C2C12.21%2C2 12.41%2C2.06 12.57%2C2.18L20.47%2C6.62C20.79%2C6.79 21%2C7.12 21%2C7.5V16.5M12%2C4.15L10.11%2C5.22L16%2C8.61L17.96%2C7.5L12%2C4.15M6.04%2C7.5L12%2C10.85L13.96%2C9.75L8.08%2C6.35L6.04%2C7.5M5%2C15.91L11%2C19.29V12.58L5%2C9.21V15.91M19%2C15.91V9.21L13%2C12.58V19.29L19%2C15.91Z' /%3E %3C/svg%3E");
}


a.ticket-action:hover > .action-button i.icon-trash,
a.action-button.danger:hover > i.icon-trash {
	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='%23ffffff' 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");
}
a[href^="#tickets/status/reopen/3"] i.icon-undo,
a[href*="reopen/3"] i.icon-undo,
a[href^="#tickets/status/close/3"] i.icon-ok-circle,
a[href*="close/3"] i.icon-ok-circle {
	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='%23128DBE' d='M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2C6.47%2C2 2%2C6.47 2%2C12C2%2C17.53 6.47%2C22 12%2C22C17.53%2C22 22%2C17.53 22%2C12C22%2C6.47 17.53%2C2 12%2C2M14.59%2C8L12%2C10.59L9.41%2C8L8%2C9.41L10.59%2C12L8%2C14.59L9.41%2C16L12%2C13.41L14.59%2C16L16%2C14.59L13.41%2C12L16%2C9.41L14.59%2C8Z' /%3E %3C/svg%3E");
}
a[href^="#tickets/status/close/3"]:hover > i.icon-ok-circle,
a[href*="close/3"]:hover > i.icon-ok-circle {
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='M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2C6.47%2C2 2%2C6.47 2%2C12C2%2C17.53 6.47%2C22 12%2C22C17.53%2C22 22%2C17.53 22%2C12C22%2C6.47 17.53%2C2 12%2C2M14.59%2C8L12%2C10.59L9.41%2C8L8%2C9.41L10.59%2C12L8%2C14.59L9.41%2C16L12%2C13.41L14.59%2C16L16%2C14.59L13.41%2C12L16%2C9.41L14.59%2C8Z' /%3E %3C/svg%3E");
}
a[href^="#tickets/status/reopen/2"] i.icon-undo,
a[href*="reopen/2"] i.icon-undo {
	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='%23128DBE' d='M6%2C2H18V8H18V8L14%2C12L18%2C16V16H18V22H6V16H6V16L10%2C12L6%2C8V8H6V2M16%2C16.5L12%2C12.5L8%2C16.5V20H16V16.5M12%2C11.5L16%2C7.5V4H8V7.5L12%2C11.5M10%2C6H14V6.75L12%2C8.75L10%2C6.75V6Z' /%3E%3C/svg%3E");
}
a[href^="#tickets/status/reopen/2"]:hover > i.icon-undo,
a[href*="reopen/2"]:hover > i.icon-undo {
	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='%23ffffff' d='M6%2C2H18V8H18V8L14%2C12L18%2C16V16H18V22H6V16H6V16L10%2C12L6%2C8V8H6V2M16%2C16.5L12%2C12.5L8%2C16.5V20H16V16.5M12%2C11.5L16%2C7.5V4H8V7.5L12%2C11.5M10%2C6H14V6.75L12%2C8.75L10%2C6.75V6Z' /%3E%3C/svg%3E");
}
a[href="#tickets/status/reopen/1"] i.icon-undo,
a[href*="reopen/1"] i.icon-undo {
	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='%23128DBE' d='M15%2C4A8%2C8 0 0%2C1 23%2C12A8%2C8 0 0%2C1 15%2C20A8%2C8 0 0%2C1 7%2C12A8%2C8 0 0%2C1 15%2C4M15%2C6A6%2C6 0 0%2C0 9%2C12A6%2C6 0 0%2C0 15%2C18A6%2C6 0 0%2C0 21%2C12A6%2C6 0 0%2C0 15%2C6M14%2C8H15.5V11.78L17.83%2C14.11L16.77%2C15.17L14%2C12.4V8M2%2C18A1%2C1 0 0%2C1 1%2C17A1%2C1 0 0%2C1 2%2C16H5.83C6.14%2C16.71 6.54%2C17.38 7%2C18H2M3%2C13A1%2C1 0 0%2C1 2%2C12A1%2C1 0 0%2C1 3%2C11H5.05L5%2C12L5.05%2C13H3M4%2C8A1%2C1 0 0%2C1 3%2C7A1%2C1 0 0%2C1 4%2C6H7C6.54%2C6.62 6.14%2C7.29 5.83%2C8H4Z' /%3E %3C/svg%3E");
}
a[href="#tickets/status/reopen/1"]:hover > i.icon-undo,
a[href*="reopen/1"]:hover > i.icon-undo {
	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='%23ffffff' d='M15%2C4A8%2C8 0 0%2C1 23%2C12A8%2C8 0 0%2C1 15%2C20A8%2C8 0 0%2C1 7%2C12A8%2C8 0 0%2C1 15%2C4M15%2C6A6%2C6 0 0%2C0 9%2C12A6%2C6 0 0%2C0 15%2C18A6%2C6 0 0%2C0 21%2C12A6%2C6 0 0%2C0 15%2C6M14%2C8H15.5V11.78L17.83%2C14.11L16.77%2C15.17L14%2C12.4V8M2%2C18A1%2C1 0 0%2C1 1%2C17A1%2C1 0 0%2C1 2%2C16H5.83C6.14%2C16.71 6.54%2C17.38 7%2C18H2M3%2C13A1%2C1 0 0%2C1 2%2C12A1%2C1 0 0%2C1 3%2C11H5.05L5%2C12L5.05%2C13H3M4%2C8A1%2C1 0 0%2C1 3%2C7A1%2C1 0 0%2C1 4%2C6H7C6.54%2C6.62 6.14%2C7.29 5.83%2C8H4Z' /%3E %3C/svg%3E");
}
a[href^="status/reopen/6"] i.icon-undo,
a[href*="reopen/6"] i.icon-undo {
    width: 20px;
    height: 20px;
    top: 5px !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='M11.8%2C10.9C9.53%2C10.31 8.8%2C9.7 8.8%2C8.75C8.8%2C7.66 9.81%2C6.9 11.5%2C6.9C13.28%2C6.9 13.94%2C7.75 14%2C9H16.21C16.14%2C7.28 15.09%2C5.7 13%2C5.19V3H10V5.16C8.06%2C5.58 6.5%2C6.84 6.5%2C8.77C6.5%2C11.08 8.41%2C12.23 11.2%2C12.9C13.7%2C13.5 14.2%2C14.38 14.2%2C15.31C14.2%2C16 13.71%2C17.1 11.5%2C17.1C9.44%2C17.1 8.63%2C16.18 8.5%2C15H6.32C6.44%2C17.19 8.08%2C18.42 10%2C18.83V21H13V18.85C14.95%2C18.5 16.5%2C17.35 16.5%2C15.3C16.5%2C12.46 14.07%2C11.5 11.8%2C10.9Z' /%3E %3C/svg%3E");
}
a[href^="status/reopen/6"]:hover > i.icon-undo,
a[href*="reopen/6"]:hover > i.icon-undo {
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='M11.8%2C10.9C9.53%2C10.31 8.8%2C9.7 8.8%2C8.75C8.8%2C7.66 9.81%2C6.9 11.5%2C6.9C13.28%2C6.9 13.94%2C7.75 14%2C9H16.21C16.14%2C7.28 15.09%2C5.7 13%2C5.19V3H10V5.16C8.06%2C5.58 6.5%2C6.84 6.5%2C8.77C6.5%2C11.08 8.41%2C12.23 11.2%2C12.9C13.7%2C13.5 14.2%2C14.38 14.2%2C15.31C14.2%2C16 13.71%2C17.1 11.5%2C17.1C9.44%2C17.1 8.63%2C16.18 8.5%2C15H6.32C6.44%2C17.19 8.08%2C18.42 10%2C18.83V21H13V18.85C14.95%2C18.5 16.5%2C17.35 16.5%2C15.3C16.5%2C12.46 14.07%2C11.5 11.8%2C10.9Z' /%3E %3C/svg%3E");
}
a[href^="#tickets/status/close/2"] i.icon-ok-circle,
a[href*="close/2"] i.icon-ok-circle {
	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='%23128DBE' d='M5%2C9V21H1V9H5M9%2C21A2%2C2 0 0%2C1 7%2C19V9C7%2C8.45 7.22%2C7.95 7.59%2C7.59L14.17%2C1L15.23%2C2.06C15.5%2C2.33 15.67%2C2.7 15.67%2C3.11L15.64%2C3.43L14.69%2C8H21C22.11%2C8 23%2C8.9 23%2C10V12C23%2C12.26 22.95%2C12.5 22.86%2C12.73L19.84%2C19.78C19.54%2C20.5 18.83%2C21 18%2C21H9M9%2C19H18.03L21%2C12V10H12.21L13.34%2C4.68L9%2C9.03V19Z' /%3E %3C/svg%3E");
}
a[href^="#tickets/status/close/2"]:hover i.icon-ok-circle,
a[href*="close/2"]:hover i.icon-ok-circle {
	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='%23ffffff' d='M5%2C9V21H1V9H5M9%2C21A2%2C2 0 0%2C1 7%2C19V9C7%2C8.45 7.22%2C7.95 7.59%2C7.59L14.17%2C1L15.23%2C2.06C15.5%2C2.33 15.67%2C2.7 15.67%2C3.11L15.64%2C3.43L14.69%2C8H21C22.11%2C8 23%2C8.9 23%2C10V12C23%2C12.26 22.95%2C12.5 22.86%2C12.73L19.84%2C19.78C19.54%2C20.5 18.83%2C21 18%2C21H9M9%2C19H18.03L21%2C12V10H12.21L13.34%2C4.68L9%2C9.03V19Z' /%3E %3C/svg%3E");
}
i.icon-group {
	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='%23128DBE' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23128DBE' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23128DBE' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23128DBE' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23128DBE' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23128DBE' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
ul:not(.tabs) li a:hover > i.icon-group, 
a[href="#tasks/mass/assign/teams"]:hover > i.icon-group {
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='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23ffffff' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23ffffff' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23ffffff'  d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23ffffff'  d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23ffffff' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
.thread-event i.icon-group {
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='%236a798c' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%236a798c' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%236a798c' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%236a798c' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23128DBE' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%236a798c' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
i.icon-fixed-width.icon-group.faded {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    top: 5px;
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='%23999999' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23999999' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23999999' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23999999' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23999999' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23999999' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
a[href="#tickets/mass/assign/teams"]:hover > i.icon-group,
a.users-action:hover > i.icon-group.icon-fixed-width,
#action-dropdown-assign ul li > a:hover > i.icon-group {
	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='%23ffffff' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23ffffff' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23ffffff' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23ffffff' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23ffffff' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23ffffff' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
#action-dropdown-assign i.icon-user  {
	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='%23128DBE' 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");
}
#action-dropdown-assign ul li > a:hover > i.icon-user {
	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='%23ffffff' 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");
}
i.icon-upload {
	display: inline-block;
    width: 26px;
    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='%23128DBE' d='M14%2C13V17H10V13H7L12%2C8L17%2C13M19.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");
} 
.sticky.bar.fixed i.icon-upload {
	display: inline-block;
    width: 26px;
    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='%23ffffff' d='M14%2C13V17H10V13H7L12%2C8L17%2C13M19.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-plus {
	display: inline-block;
    width: 20px !important;
    height: 20px;
	float: left; /*need to keep this*/
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='M15%2C14C12.33%2C14 7%2C15.33 7%2C18V20H23V18C23%2C15.33 17.67%2C14 15%2C14M6%2C10V7H4V10H1V12H4V15H6V12H9V10M15%2C12A4%2C4 0 0%2C0 19%2C8A4%2C4 0 0%2C0 15%2C4A4%2C4 0 0%2C0 11%2C8A4%2C4 0 0%2C0 15%2C12Z' /%3E%3C/svg%3E");
}

.icon-ticket {
	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='%23128DBE' d='M17%2C14H19V17H22V19H19V22H17V19H14V17H17V14M5%2C3H19C20.11%2C3 21%2C3.89 21%2C5V12.8C20.39%2C12.45 19.72%2C12.2 19%2C12.08V5H5V19H12.08C12.2%2C19.72 12.45%2C20.39 12.8%2C21H5C3.89%2C21 3%2C20.11 3%2C19V5C3%2C3.89 3.89%2C3 5%2C3M7%2C7H17V9H7V7M7%2C11H17V12.08C16.15%2C12.22 15.37%2C12.54 14.68%2C13H7V11M7%2C15H12V17H7V15Z' /%3E %3C/svg%3E");
}
ul.title a[onclick*="tickets.php"] i.icon-plus { /*create ticket*/
	display: inline-block;
    width: 20px !important;
    height: 20px;
	float: left; /*need to keep this*/
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%2C14H19V17H22V19H19V22H17V19H14V17H17V14M5%2C3H19C20.11%2C3 21%2C3.89 21%2C5V12.8C20.39%2C12.45 19.72%2C12.2 19%2C12.08V5H5V19H12.08C12.2%2C19.72 12.45%2C20.39 12.8%2C21H5C3.89%2C21 3%2C20.11 3%2C19V5C3%2C3.89 3.89%2C3 5%2C3M7%2C7H17V9H7V7M7%2C11H17V12.08C16.15%2C12.22 15.37%2C12.54 14.68%2C13H7V11M7%2C15H12V17H7V15Z' /%3E %3C/svg%3E");
    top: 1px !important;
}
#tickets a.green.button.action-button i.icon-plus { /*create ticket*/
	top: 3px !important;
    display: inline-block;
    width: 18px !important;
    background-size: 18px !important;
    height: 18px;
    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='%23128DBE' d='M17%2C14H19V17H22V19H19V22H17V19H14V17H17V14M5%2C3H19C20.11%2C3 21%2C3.89 21%2C5V12.8C20.39%2C12.45 19.72%2C12.2 19%2C12.08V5H5V19H12.08C12.2%2C19.72 12.45%2C20.39 12.8%2C21H5C3.89%2C21 3%2C20.11 3%2C19V5C3%2C3.89 3.89%2C3 5%2C3M7%2C7H17V9H7V7M7%2C11H17V12.08C16.15%2C12.22 15.37%2C12.54 14.68%2C13H7V11M7%2C15H12V17H7V15Z' /%3E %3C/svg%3E");
}
ul.title a[onclick*="tickets.php"] i.icon-plus {
    top: 4px !important;
}
ul.title a[onclick*="tickets.php"]:hover i.icon-plus {
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='M17%2C14H19V17H22V19H19V22H17V19H14V17H17V14M5%2C3H19C20.11%2C3 21%2C3.89 21%2C5V12.8C20.39%2C12.45 19.72%2C12.2 19%2C12.08V5H5V19H12.08C12.2%2C19.72 12.45%2C20.39 12.8%2C21H5C3.89%2C21 3%2C20.11 3%2C19V5C3%2C3.89 3.89%2C3 5%2C3M7%2C7H17V9H7V7M7%2C11H17V12.08C16.15%2C12.22 15.37%2C12.54 14.68%2C13H7V11M7%2C15H12V17H7V15Z' /%3E %3C/svg%3E");
}
ul.title a[onclick*="create_task"] i.icon-plus { /* create task */
	display: inline-block;
    width: 20px !important;
    height: 20px;
	float: left; /*need to keep this*/	
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='M2%2C16H10V14H2M18%2C14V10H16V14H12V16H16V20H18V16H22V14M14%2C6H2V8H14M14%2C10H2V12H14V10Z' /%3E %3C/svg%3E");
}
ul.title a[onclick*="create_task"]:hover i.icon-plus { /* create task */
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='M2%2C16H10V14H2M18%2C14V10H16V14H12V16H16V20H18V16H22V14M14%2C6H2V8H14M14%2C10H2V12H14V10Z' /%3E %3C/svg%3E");
}
i.icon-cogs {
	display: inline-block;
    width: 20px !important;
    height: 20px;
    top: 6px !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='M13.5%2C10A1.5%2C1.5 0 0%2C1 12%2C11.5C11.16%2C11.5 10.5%2C10.83 10.5%2C10A1.5%2C1.5 0 0%2C1 12%2C8.5A1.5%2C1.5 0 0%2C1 13.5%2C10M22%2C4V16A2%2C2 0 0%2C1 20%2C18H6L2%2C22V4A2%2C2 0 0%2C1 4%2C2H20A2%2C2 0 0%2C1 22%2C4M16.77%2C11.32L15.7%2C10.5C15.71%2C10.33 15.71%2C10.16 15.7%2C10C15.72%2C9.84 15.72%2C9.67 15.7%2C9.5L16.76%2C8.68C16.85%2C8.6 16.88%2C8.47 16.82%2C8.36L15.82%2C6.63C15.76%2C6.5 15.63%2C6.47 15.5%2C6.5L14.27%2C7C14%2C6.8 13.73%2C6.63 13.42%2C6.5L13.23%2C5.19C13.21%2C5.08 13.11%2C5 13%2C5H11C10.88%2C5 10.77%2C5.09 10.75%2C5.21L10.56%2C6.53C10.26%2C6.65 9.97%2C6.81 9.7%2C7L8.46%2C6.5C8.34%2C6.46 8.21%2C6.5 8.15%2C6.61L7.15%2C8.34C7.09%2C8.45 7.11%2C8.58 7.21%2C8.66L8.27%2C9.5C8.23%2C9.82 8.23%2C10.16 8.27%2C10.5L7.21%2C11.32C7.12%2C11.4 7.09%2C11.53 7.15%2C11.64L8.15%2C13.37C8.21%2C13.5 8.34%2C13.53 8.46%2C13.5L9.7%2C13C9.96%2C13.2 10.24%2C13.37 10.55%2C13.5L10.74%2C14.81C10.77%2C14.93 10.88%2C15 11%2C15H13C13.12%2C15 13.23%2C14.91 13.25%2C14.79L13.44%2C13.47C13.74%2C13.34 14%2C13.18 14.28%2C13L15.53%2C13.5C15.65%2C13.5 15.78%2C13.5 15.84%2C13.37L16.84%2C11.64C16.9%2C11.53 16.87%2C11.4 16.77%2C11.32Z' /%3E%3C/svg%3E");
}
i.icon-search  {
	display: inline-block;
    width: 20px;
    height: 20px;
	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='%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");
}
button#do_search 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='%23515d6d' 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");
}
form[action="tickets.php"] i.icon-search  {
	display: inline-block;
    width: 20px;
    height: 20px;
	float: left;
    background-position: 0px -1px;	
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='%232a642d' 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");
}
form#ticketSearchForm button.button.ticket-search.action-button:hover > 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='%231b3e1d' 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");
}
a[data-mode="priority,updated"] i.icon-fixed-width,
a[data-mode="updated"] i.icon-fixed-width,
a[data-mode="priority,due"] i.icon-fixed-width,
a[data-mode="due"] i.icon-fixed-width,
a[data-mode="created"] i.icon-fixed-width,
a[data-mode="priority,created"] i.icon-fixed-width,
a[data-mode="answered"] i.icon-fixed-width,
a[data-mode="number"] i.icon-fixed-width,
a[data-mode="hot"] i.icon-fixed-width,
a[data-mode="qs-2"] i.icon-fixed-width,
ul.bleed-left i.icon-fixed-width {
	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='%23b0c7d2' d='M3%2C13H15V11H3M3%2C6V8H21V6M3%2C18H9V16H3V18Z' /%3E %3C/svg%3E");
}
a[data-mode="priority,updated"]:hover > i.icon-fixed-width,
a[data-mode="updated"]:hover > i.icon-fixed-width,
a[data-mode="priority,due"]:hover > i.icon-fixed-width,
a[data-mode="due"]:hover > i.icon-fixed-width,
a[data-mode="priority,created"]:hover > i.icon-fixed-width,
a[data-mode="answered"]:hover > i.icon-fixed-width,
a[data-mode="number"]:hover > i.icon-fixed-width,
a[data-mode="hot"]:hover > i.icon-fixed-width {
	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='%23ffffff' d='M3%2C13H15V11H3M3%2C6V8H21V6M3%2C18H9V16H3V18Z' /%3E %3C/svg%3E");
}
i.icon-hand-down,
.action-dropdown ul li.active i.icon-fixed-width.icon-hand-down {
	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='%23128DBE' d='M10%2C13V11H18V13H10M10%2C19V17H14V19H10M10%2C7V5H22V7H10M6%2C17H8.5L5%2C20.5L1.5%2C17H4V4H6V17Z' /%3E%3C/svg%3E");
}
.action-dropdown ul li.active a[data-mode="qs-1"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-2"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-3"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-4"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-5"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-6"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-7"]:hover > i.icon-fixed-width.icon-hand-down,
.action-dropdown ul li.active a[data-mode="qs-8"]:hover > i.icon-fixed-width.icon-hand-down {
	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='%23ffffff' d='M10%2C13V11H18V13H10M10%2C19V17H14V19H10M10%2C7V5H22V7H10M6%2C17H8.5L5%2C20.5L1.5%2C17H4V4H6V17Z' /%3E%3C/svg%3E");
}
i.icon-hand-up,
.action-dropdown ul li.active i.icon-fixed-width.icon-hand-up, /* */
.icon-sort-by-attributes-alt {
	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='%23128DBE' d='M10%2C11V13H18V11H10M10%2C5V7H14V5H10M10%2C17V19H22V17H10M6%2C7H8.5L5%2C3.5L1.5%2C7H4V20H6V7Z' /%3E%3C/svg%3E");
}
a:hover > i.icon-hand-up,
a:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="priority,updated"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="updated"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="priority,due"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="due"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="priority,created"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="answered"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="number"]:hover > i.icon-fixed-width.icon-hand-up,
.action-dropdown ul li.active a[data-mode="hot"]:hover > i.icon-fixed-width.icon-hand-up,
.sticky.bar.fixed .icon-sort-by-attributes-alt {
	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='%23ffffff' d='M10%2C11V13H18V11H10M10%2C5V7H14V5H10M10%2C17V19H22V17H10M6%2C7H8.5L5%2C3.5L1.5%2C7H4V20H6V7Z' /%3E%3C/svg%3E");
}
i.icon-save {
	display: inline-block;
    width: 20px;
    height: 20px;	
	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='%23343a42' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
#advanced-search i.icon-save {
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='%23515d6d' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
button.button.action-button[type="submit"] i.icon-save {	
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='%233c763d' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
button.button.action-button[type="submit"]:hover > i.icon-save {	
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='%232a3e2a' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
button.button.action-button[type="submit"] i.icon-save {
    margin: 0 8px 0 0;
}
i.icon-asterisk {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 1px;
    right: -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='M9%2C4A4%2C4 0 0%2C0 5%2C8A4%2C4 0 0%2C0 9%2C12A4%2C4 0 0%2C0 13%2C8A4%2C4 0 0%2C0 9%2C4M9%2C14C6.33%2C14 1%2C15.33 1%2C18V20H12.08C12.03%2C19.67 12%2C19.34 12%2C19C12%2C17.5 12.5%2C16 13.41%2C14.8C11.88%2C14.28 10.18%2C14 9%2C14M18%2C14C17.87%2C14 17.76%2C14.09 17.74%2C14.21L17.55%2C15.53C17.25%2C15.66 16.96%2C15.82 16.7%2C16L15.46%2C15.5C15.35%2C15.5 15.22%2C15.5 15.15%2C15.63L14.15%2C17.36C14.09%2C17.47 14.11%2C17.6 14.21%2C17.68L15.27%2C18.5C15.25%2C18.67 15.24%2C18.83 15.24%2C19C15.24%2C19.17 15.25%2C19.33 15.27%2C19.5L14.21%2C20.32C14.12%2C20.4 14.09%2C20.53 14.15%2C20.64L15.15%2C22.37C15.21%2C22.5 15.34%2C22.5 15.46%2C22.5L16.7%2C22C16.96%2C22.18 17.24%2C22.35 17.55%2C22.47L17.74%2C23.79C17.76%2C23.91 17.86%2C24 18%2C24H20C20.11%2C24 20.22%2C23.91 20.24%2C23.79L20.43%2C22.47C20.73%2C22.34 21%2C22.18 21.27%2C22L22.5%2C22.5C22.63%2C22.5 22.76%2C22.5 22.83%2C22.37L23.83%2C20.64C23.89%2C20.53 23.86%2C20.4 23.77%2C20.32L22.7%2C19.5C22.72%2C19.33 22.74%2C19.17 22.74%2C19C22.74%2C18.83 22.73%2C18.67 22.7%2C18.5L23.76%2C17.68C23.85%2C17.6 23.88%2C17.47 23.82%2C17.36L22.82%2C15.63C22.76%2C15.5 22.63%2C15.5 22.5%2C15.5L21.27%2C16C21%2C15.82 20.73%2C15.65 20.42%2C15.53L20.23%2C14.21C20.22%2C14.09 20.11%2C14 20%2C14M19%2C17.5A1.5%2C1.5 0 0%2C1 20.5%2C19A1.5%2C1.5 0 0%2C1 19%2C20.5C18.16%2C20.5 17.5%2C19.83 17.5%2C19A1.5%2C1.5 0 0%2C1 19%2C17.5Z' /%3E%3C/svg%3E");
}
form[action="#sequence/manage"] i.icon-plus {
	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='%23128DBE' d='M2%2C16H10V14H2M18%2C14V10H16V14H12V16H16V20H18V16H22V14M14%2C6H2V8H14M14%2C10H2V12H14V10Z' /%3E%3C/svg%3E");
}
i.icon-beaker {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    top: 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='%23128DBE' d='M7%2C22H9V24H7V22M11%2C22H13V24H11V22M15%2C22H17V24H15V22M5%2C4H19A2%2C2 0 0%2C1 21%2C6V18A2%2C2 0 0%2C1 19%2C20H5A2%2C2 0 0%2C1 3%2C18V6A2%2C2 0 0%2C1 5%2C4M5%2C8V12H11V8H5M13%2C8V12H19V8H13M5%2C14V18H11V14H5M13%2C14V18H19V14H13Z' /%3E%3C/svg%3E");
}
form[action="settings.php?t=tasks"] i.icon-asterisk,
.icon-tasks {
	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='%23128DBE' d='M3%2C3H9V7H3V3M15%2C10H21V14H15V10M15%2C17H21V21H15V17M13%2C13H7V18H13V20H7L5%2C20V9H7V11H13V13Z' /%3E%3C/svg%3E");
}
i.icon-bell-alt {
    width: 20px;
    height: 20px;
    background-size: 18px !important;
    background-position: center 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='M2.2%2C16.06L3.88%2C12L2.2%2C7.94L6.26%2C6.26L7.94%2C2.2L12%2C3.88L16.06%2C2.2L17.74%2C6.26L21.8%2C7.94L20.12%2C12L21.8%2C16.06L17.74%2C17.74L16.06%2C21.8L12%2C20.12L7.94%2C21.8L6.26%2C17.74L2.2%2C16.06M13%2C17V15H11V17H13M13%2C13V7H11V13H13Z' /%3E%3C/svg%3E");
}
i.icon-table {
    width: 20px;
    height: 20px;
    background-size: 18px !important;
    background-position: center 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'  fill='%23128DBE'  width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M22%2C3H5A2%2C2 0 0%2C0 3%2C5V9H5V5H22V19H5V15H3V19A2%2C2 0 0%2C0 5%2C21H22A2%2C2 0 0%2C0 24%2C19V5A2%2C2 0 0%2C0 22%2C3M7%2C15V13H0V11H7V9L11%2C12L7%2C15M20%2C13H13V11H20V13M20%2C9H13V7H20V9M17%2C17H13V15H17V17Z' /%3E %3C/svg%3E");
}



i.icon-mail-reply-all {
	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='%23128DBE' d='M13%2C9V5L6%2C12L13%2C19V14.9C18%2C14.9 21.5%2C16.5 24%2C20C23%2C15 20%2C10 13%2C9M7%2C8V5L0%2C12L7%2C19V16L3%2C12L7%2C8Z' /%3E%3C/svg%3E");
}
.settings i.icon-file-text,
form[action="settings.php?t=users"] i.icon-file-text {
	display: inline-block;
    width: 20px;
    height: 20px;	
	top: 6px;
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='M3%2C16H8V14H3V16M9.5%2C16H14.5V14H9.5V16M16%2C16H21V14H16V16M3%2C20H5V18H3V20M7%2C20H9V18H7V20M11%2C20H13V18H11V20M15%2C20H17V18H15V20M19%2C20H21V18H19V20M3%2C12H11V10H3V12M13%2C12H21V10H13V12M3%2C4V8H21V4H3Z' /%3E%3C/svg%3E");
}
.settings ul.clean.tabs i.icon-asterisk {
    width: 20px;
    height: 20px;
    background-size: 18px !important;
    background-position: center 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='M12%2C15.5A3.5%2C3.5 0 0%2C1 8.5%2C12A3.5%2C3.5 0 0%2C1 12%2C8.5A3.5%2C3.5 0 0%2C1 15.5%2C12A3.5%2C3.5 0 0%2C1 12%2C15.5M19.43%2C12.97C19.47%2C12.65 19.5%2C12.33 19.5%2C12C19.5%2C11.67 19.47%2C11.34 19.43%2C11L21.54%2C9.37C21.73%2C9.22 21.78%2C8.95 21.66%2C8.73L19.66%2C5.27C19.54%2C5.05 19.27%2C4.96 19.05%2C5.05L16.56%2C6.05C16.04%2C5.66 15.5%2C5.32 14.87%2C5.07L14.5%2C2.42C14.46%2C2.18 14.25%2C2 14%2C2H10C9.75%2C2 9.54%2C2.18 9.5%2C2.42L9.13%2C5.07C8.5%2C5.32 7.96%2C5.66 7.44%2C6.05L4.95%2C5.05C4.73%2C4.96 4.46%2C5.05 4.34%2C5.27L2.34%2C8.73C2.21%2C8.95 2.27%2C9.22 2.46%2C9.37L4.57%2C11C4.53%2C11.34 4.5%2C11.67 4.5%2C12C4.5%2C12.33 4.53%2C12.65 4.57%2C12.97L2.46%2C14.63C2.27%2C14.78 2.21%2C15.05 2.34%2C15.27L4.34%2C18.73C4.46%2C18.95 4.73%2C19.03 4.95%2C18.95L7.44%2C17.94C7.96%2C18.34 8.5%2C18.68 9.13%2C18.93L9.5%2C21.58C9.54%2C21.82 9.75%2C22 10%2C22H14C14.25%2C22 14.46%2C21.82 14.5%2C21.58L14.87%2C18.93C15.5%2C18.67 16.04%2C18.34 16.56%2C17.94L19.05%2C18.95C19.27%2C19.03 19.54%2C18.95 19.66%2C18.73L21.66%2C15.27C21.78%2C15.05 21.73%2C14.78 21.54%2C14.63L19.43%2C12.97Z' /%3E %3C/svg%3E");
}
.icon-picture {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 7px !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='12.1' y='6.2' width='1.8' height='1.8' style='fill:%23128dbe'/%3E%3Crect x='12.1' y='10.2' width='1.8' height='1.8' style='fill:%23128dbe'/%3E%3Crect x='8.13' y='10.31' width='1.7' height='1.7' transform='translate(-2.31 19.97) rotate(-89.15)' style='fill:%23128dbe'/%3E%3Crect x='4.1' y='10.2' width='1.8' height='1.8' style='fill:%23128dbe'/%3E%3Cpath d='M21.4%2C3H2.6a2%2C2%2C0%2C0%2C0-2%2C2V19a2%2C2%2C0%2C0%2C0%2C2%2C2H21.4a2%2C2%2C0%2C0%2C0%2C2-2V4.9A1.92%2C1.92%2C0%2C0%2C0%2C21.4%2C3Zm.5%2C16.4H2.3V4.6H22V19.4Z' style='fill:%23128dbe'/%3E%3C/svg%3E");
}
a[href="#backdrops"] i.icon-picture {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 7px !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='M4%2C2H20A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H16L12%2C22L8%2C18H4A2%2C2 0 0%2C1 2%2C16V4A2%2C2 0 0%2C1 4%2C2M19%2C15V7L15%2C11L13%2C9L7%2C15H19M7%2C5A2%2C2 0 0%2C0 5%2C7A2%2C2 0 0%2C0 7%2C9A2%2C2 0 0%2C0 9%2C7A2%2C2 0 0%2C0 7%2C5Z' /%3E%3C/svg%3E");
}
a[href="#custom-css"] i.icon-picture {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 6px !important;
    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.89%2C3L14.85%2C3.4L11.11%2C21L9.15%2C20.6L12.89%2C3M19.59%2C12L16%2C8.41V5.58L22.42%2C12L16%2C18.41V15.58L19.59%2C12M1.58%2C12L8%2C5.58V8.41L4.41%2C12L8%2C15.58V18.41L1.58%2C12Z' /%3E %3C/svg%3E");
}
a[href="#color-theme"] i.icon-asterisk {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 7px !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='M17.5%2C12A1.5%2C1.5 0 0%2C1 16%2C10.5A1.5%2C1.5 0 0%2C1 17.5%2C9A1.5%2C1.5 0 0%2C1 19%2C10.5A1.5%2C1.5 0 0%2C1 17.5%2C12M14.5%2C8A1.5%2C1.5 0 0%2C1 13%2C6.5A1.5%2C1.5 0 0%2C1 14.5%2C5A1.5%2C1.5 0 0%2C1 16%2C6.5A1.5%2C1.5 0 0%2C1 14.5%2C8M9.5%2C8A1.5%2C1.5 0 0%2C1 8%2C6.5A1.5%2C1.5 0 0%2C1 9.5%2C5A1.5%2C1.5 0 0%2C1 11%2C6.5A1.5%2C1.5 0 0%2C1 9.5%2C8M6.5%2C12A1.5%2C1.5 0 0%2C1 5%2C10.5A1.5%2C1.5 0 0%2C1 6.5%2C9A1.5%2C1.5 0 0%2C1 8%2C10.5A1.5%2C1.5 0 0%2C1 6.5%2C12M12%2C3A9%2C9 0 0%2C0 3%2C12A9%2C9 0 0%2C0 12%2C21A1.5%2C1.5 0 0%2C0 13.5%2C19.5C13.5%2C19.11 13.35%2C18.76 13.11%2C18.5C12.88%2C18.23 12.73%2C17.88 12.73%2C17.5A1.5%2C1.5 0 0%2C1 14.23%2C16H16A5%2C5 0 0%2C0 21%2C11C21%2C6.58 16.97%2C3 12%2C3Z' /%3E %3C/svg%3E");
}
a[href="#color-theme"] i.icon-asterisk {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 5px !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='M17.5%2C12A1.5%2C1.5 0 0%2C1 16%2C10.5A1.5%2C1.5 0 0%2C1 17.5%2C9A1.5%2C1.5 0 0%2C1 19%2C10.5A1.5%2C1.5 0 0%2C1 17.5%2C12M14.5%2C8A1.5%2C1.5 0 0%2C1 13%2C6.5A1.5%2C1.5 0 0%2C1 14.5%2C5A1.5%2C1.5 0 0%2C1 16%2C6.5A1.5%2C1.5 0 0%2C1 14.5%2C8M9.5%2C8A1.5%2C1.5 0 0%2C1 8%2C6.5A1.5%2C1.5 0 0%2C1 9.5%2C5A1.5%2C1.5 0 0%2C1 11%2C6.5A1.5%2C1.5 0 0%2C1 9.5%2C8M6.5%2C12A1.5%2C1.5 0 0%2C1 5%2C10.5A1.5%2C1.5 0 0%2C1 6.5%2C9A1.5%2C1.5 0 0%2C1 8%2C10.5A1.5%2C1.5 0 0%2C1 6.5%2C12M12%2C3A9%2C9 0 0%2C0 3%2C12A9%2C9 0 0%2C0 12%2C21A1.5%2C1.5 0 0%2C0 13.5%2C19.5C13.5%2C19.11 13.35%2C18.76 13.11%2C18.5C12.88%2C18.23 12.73%2C17.88 12.73%2C17.5A1.5%2C1.5 0 0%2C1 14.23%2C16H16A5%2C5 0 0%2C0 21%2C11C21%2C6.58 16.97%2C3 12%2C3Z' /%3E %3C/svg%3E");
}
a[href="#text-links"] i.icon-picture {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 6px !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='M20%2C20H4A2%2C2 0 0%2C1 2%2C18V6A2%2C2 0 0%2C1 4%2C4H20A2%2C2 0 0%2C1 22%2C6V18A2%2C2 0 0%2C1 20%2C20M4%2C6V18H20V6H4M6%2C9H18V11H6V9M6%2C13H16V15H6V13Z' /%3E %3C/svg%3E");
}
a[href="#theme-info"] i.icon-picture {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 4px !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='M2.81%2C14.12L5.64%2C11.29L8.17%2C10.79C11.39%2C6.41 17.55%2C4.22 19.78%2C4.22C19.78%2C6.45 17.59%2C12.61 13.21%2C15.83L12.71%2C18.36L9.88%2C21.19L9.17%2C17.66C7.76%2C17.66 7.76%2C17.66 7.05%2C16.95C6.34%2C16.24 6.34%2C16.24 6.34%2C14.83L2.81%2C14.12M5.64%2C16.95L7.05%2C18.36L4.39%2C21.03H2.97V19.61L5.64%2C16.95M4.22%2C15.54L5.46%2C15.71L3%2C18.16V16.74L4.22%2C15.54M8.29%2C18.54L8.46%2C19.78L7.26%2C21H5.84L8.29%2C18.54M13%2C9.5A1.5%2C1.5 0 0%2C0 11.5%2C11A1.5%2C1.5 0 0%2C0 13%2C12.5A1.5%2C1.5 0 0%2C0 14.5%2C11A1.5%2C1.5 0 0%2C0 13%2C9.5Z' /%3E %3C/svg%3E");
}
.settings ul.clean.tabs a[href="#basic-information"] i.icon-asterisk,
i.icon-building {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 5px;	
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='M18%2C15H16V17H18M18%2C11H16V13H18M20%2C19H12V17H14V15H12V13H14V11H12V9H20M10%2C7H8V5H10M10%2C11H8V9H10M10%2C15H8V13H10M10%2C19H8V17H10M6%2C7H4V5H6M6%2C11H4V9H6M6%2C15H4V13H6M6%2C19H4V17H6M12%2C7V3H2V21H22V7H12Z' /%3E%3C/svg%3E");
} 
.settings ul.clean.tabs a[href="#site-pages"] i.icon-file {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px !important;
    top: 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='%23128DBE' d='M22%2C3H5A2%2C2 0 0%2C0 3%2C5V9H5V5H22V19H5V15H3V19A2%2C2 0 0%2C0 5%2C21H22A2%2C2 0 0%2C0 24%2C19V5A2%2C2 0 0%2C0 22%2C3M7%2C15V13H0V11H7V9L11%2C12L7%2C15M20%2C13H13V11H20V13M20%2C9H13V7H20V9M17%2C17H13V15H17V17Z' /%3E %3C/svg%3E");
} 
a[href="#signature"]: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' 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='M20.71%2C7.04C20.37%2C7.38 20.04%2C7.71 20.03%2C8.04C20%2C8.36 20.34%2C8.69 20.66%2C9C21.14%2C9.5 21.61%2C9.95 21.59%2C10.44C21.57%2C10.93 21.06%2C11.44 20.55%2C11.94L16.42%2C16.08L15%2C14.66L19.25%2C10.42L18.29%2C9.46L16.87%2C10.87L13.12%2C7.12L16.96%2C3.29C17.35%2C2.9 18%2C2.9 18.37%2C3.29L20.71%2C5.63C21.1%2C6 21.1%2C6.65 20.71%2C7.04M3%2C17.25L12.56%2C7.68L16.31%2C11.43L6.75%2C21H3V17.25Z' /%3E %3C/svg%3E");
}
a[href="#preferences"]: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' 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='M3%2C17V19H9V17H3M3%2C5V7H13V5H3M13%2C21V19H21V17H13V15H11V21H13M7%2C9V11H3V13H7V15H9V9H7M21%2C13V11H11V13H21M15%2C9H17V7H21V5H17V3H15V9Z' /%3E %3C/svg%3E");
}

a[href="#dark-mode"]: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");
}


div#dark-mode th:before { /* icon before section title */
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: 21px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 0px;
    top: 1px;
    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");
}


.icon-chevron-sign-down {
	display: inline-block;
    top: 6px !important;
    background-size: 18px !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='M10%2C2H14A2%2C2 0 0%2C1 16%2C4V6H20A2%2C2 0 0%2C1 22%2C8V19A2%2C2 0 0%2C1 20%2C21H4C2.89%2C21 2%2C20.1 2%2C19V8C2%2C6.89 2.89%2C6 4%2C6H8V4C8%2C2.89 8.89%2C2 10%2C2M14%2C6V4H10V6H14Z' /%3E %3C/svg%3E");
}
#action-dropdown-assign ul li > a:hover > .icon-chevron-sign-down {
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='M10%2C2H14A2%2C2 0 0%2C1 16%2C4V6H20A2%2C2 0 0%2C1 22%2C8V19A2%2C2 0 0%2C1 20%2C21H4C2.89%2C21 2%2C20.1 2%2C19V8C2%2C6.89 2.89%2C6 4%2C6H8V4C8%2C2.89 8.89%2C2 10%2C2M14%2C6V4H10V6H14Z' /%3E %3C/svg%3E");
}
a.no-pjax.tickets-action:hover > .icon-chevron-sign-down,
a.no-pjax.tasks-action:hover > i.icon-chevron-sign-down {
	display: inline-block !important;
    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='%23ffffff' d='M10%2C2H14A2%2C2 0 0%2C1 16%2C4V6H20A2%2C2 0 0%2C1 22%2C8V19A2%2C2 0 0%2C1 20%2C21H4C2.89%2C21 2%2C20.1 2%2C19V8C2%2C6.89 2.89%2C6 4%2C6H8V4C8%2C2.89 8.89%2C2 10%2C2M14%2C6V4H10V6H14Z' /%3E %3C/svg%3E");
}
.dialog .icon-warning-sign {
    display: inline-block;
    width: 32px;
    height: 29px;
    background-size: 30px !important;
background-image: url("data:image/svg+xml;charset=utf-8, %3C!-- Generator: Adobe Illustrator 21.0.2%2C SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23F7E184%3Bstroke:%238A6D3B%3Bstroke-width:0.75%3Bstroke-miterlimit:10%3B%7D .st1%7Bfill:%238A6D3B%3B%7D %3C/style%3E %3Cg id='Layer_2'%3E %3C/g%3E %3Cg id='Layer_1_1_'%3E %3Cpolygon class='st0' points='11.9%2C4.3 21%2C19.8 3.1%2C19.8 '/%3E %3C/g%3E %3Cg id='Layer_3'%3E %3Cg%3E %3Cpath class='st1' d='M10.9%2C17.2c0-0.6%2C0.4-1.1%2C1.1-1.1c0.6%2C0%2C1.1%2C0.5%2C1.1%2C1.1s-0.4%2C1.1-1.1%2C1.1C11.4%2C18.3%2C10.9%2C17.8%2C10.9%2C17.2z M11.3%2C15.5l-0.2-5.4H13l-0.3%2C5.4H11.3z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
}
.dialog h3 .icon-warning-sign:before {
	display: none;
}
.icon-comments-alt {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px !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 %3Cg id='Layer_1'%3E %3Cpath style='display:none%3Bfill:%23FFFFFF%3B' d='M24.2%2C24.2c-8%2C0-16.1%2C0-24.2%2C0C0%2C16.2%2C0%2C8.1%2C0%2C0c8%2C0%2C16.1%2C0%2C24.2%2C0 C24.2%2C8.1%2C24.2%2C16.1%2C24.2%2C24.2z M2%2C21.7c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.2c1-1.1%2C2.1-2.2%2C3.2-3.2C5.8%2C18.3%2C6.4%2C18%2C7%2C18c4.2-0.1%2C8.4%2C0%2C12.6%2C0 c1.8%2C0%2C2.5-0.7%2C2.5-2.4c0-3.6%2C0-7.3%2C0-10.9c0-2-0.7-2.7-2.6-2.7c-4.9%2C0-9.8%2C0-14.8%2C0C2.6%2C1.9%2C2%2C2.6%2C2%2C4.6c0%2C5.4%2C0%2C10.7%2C0%2C16.1 C2%2C21%2C2%2C21.3%2C2%2C21.7z'/%3E %3Cpath style='fill:%23888888%3B' d='M19.4%2C1.9c-4.9%2C0-9.8%2C0-14.8%2C0C2.6%2C1.9%2C2%2C2.6%2C2%2C4.6c0%2C5.4%2C0%2C10.7%2C0%2C16.1c0%2C0.3%2C0%2C0.7%2C0%2C1c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.2 c1-1.1%2C2.1-2.2%2C3.2-3.2C5.8%2C18.3%2C6.4%2C18%2C7%2C18c4.2-0.1%2C8.4%2C0%2C12.6%2C0c1.8%2C0%2C2.5-0.7%2C2.5-2.4c0-3.6%2C0-7.3%2C0-10.9 C22%2C2.6%2C21.4%2C1.9%2C19.4%2C1.9z M20.5%2C16.8c-0.4%2C0-0.8%2C0-1.2%2C0c-3.8%2C0-7.7%2C0-11.5%2C0c-2.2%2C0-2.2%2C0-4.4%2C1.5c0-5%2C0-10.1%2C0-15.1 c5.7%2C0%2C11.4%2C0%2C17.1%2C0C20.5%2C7.6%2C20.5%2C12.1%2C20.5%2C16.8z'/%3E %3Cpath style='fill:%23FFFFFF%3B' d='M3.4%2C18.3c2.2-1.5%2C2.2-1.5%2C4.4-1.5c3.8%2C0%2C7.7%2C0%2C11.5%2C0c0.4%2C0%2C0.8%2C0%2C1.2%2C0c0-4.7%2C0-9.2%2C0-13.6 c-5.8%2C0-11.4%2C0-17.1%2C0C3.4%2C8.2%2C3.4%2C13.2%2C3.4%2C18.3z'/%3E %3Cpath style='display:none%3Bfill:%23FFFFFF%3B' d='M3.4%2C18.3c0-5%2C0-10.1%2C0-15.1c5.7%2C0%2C11.4%2C0%2C17.1%2C0c0%2C4.5%2C0%2C8.9%2C0%2C13.6 c-0.4%2C0-0.8%2C0-1.2%2C0c-3.8%2C0-7.7%2C0-11.5%2C0C5.6%2C16.8%2C5.6%2C16.8%2C3.4%2C18.3z'/%3E %3C/g%3E %3C/svg%3E");
}
#theme-save-button:before,
#save-custom-colors:before {
	width: 20px;
    height: 20px;
    background-size: 10px !important;
    float: left;
    padding: 0 8px 0 0;
    position: relative;
    top: -3px;	
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='%233c763d' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
#theme-save-button:hover: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='%232a3e2a' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
#theme-title-button:before,
#theme-subtitle-button:before,
#mobile-text-button:before,
#mobile-link-button:before,
#language-bar-save-button:before,
#logo-options-save-button:before {
    width: 20px;
    height: 20px;
    background-size: 10px !important;
    float: left;
    padding: 0 0px 0 2px;
    position: relative;
    top: 0px;	
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='18' height='18' viewBox='0 0 24 24'%3E %3Cpath fill='%23515d6d' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
#theme-title-button:hover:before,
#theme-subtitle-button:hover:before,
#mobile-text-button:hover:before,
#mobile-link-button:hover:before,
#language-bar-save-button:hover:before,
#logo-options-save-button:hover: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='18' height='18' viewBox='0 0 24 24'%3E %3Cpath fill='%232a3e2a' d='M15%2C9H5V5H15M12%2C19A3%2C3 0 0%2C1 9%2C16A3%2C3 0 0%2C1 12%2C13A3%2C3 0 0%2C1 15%2C16A3%2C3 0 0%2C1 12%2C19M17%2C3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V7L17%2C3Z' /%3E %3C/svg%3E");
}
table.list tfoot td[colspan="12"]:before,
table.list tfoot td[colspan="11"]:before,
table.list tfoot td[colspan="10"]:before,
table.list tfoot td[colspan="9"]:before,
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 {
	float: right;
    width: 17px;
    height: 17px;
    padding: 0 8px 0 15px;
    position: relative;
content: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23686868%3B%7D %3C/style%3E %3Cpolygon class='st0' points='8.7%2C19.8 8.7%2C8.3 4.9%2C12.1 3.8%2C11 9.5%2C5.3 15.2%2C11 14.1%2C12.1 10.3%2C8.3 10.3%2C18.2 20.3%2C18.2 20.3%2C19.8 '/%3E %3C/svg%3E ");
}
table.list tfoot td[style="font-size: 18px;"]:before {
    width: 22px;
    height: 22px;
    top: -2px;
}
table.list tfoot td[style="font-size: 17px;"]:before {
    width: 21px;
    height: 21px;
    top: -2px;
}
table.list tfoot td[style="font-size: 16px;"]:before {
    width: 20px;
    height: 20px;
    top: -1px;
}
table.list tfoot td[style="font-size: 15px;"]:before {
    width: 19px;
    height: 19px;
	top: -3px;
}
.rtl table.list tfoot td[colspan="8"]:before,
.rtl table.list tfoot td[colspan="7"]:before,
.rtl table.list tfoot td[colspan="6"]:before, 
.rtl table.list tfoot td[colspan="5"]:before {
    float: right;
    padding: 0 .2em 0 8px;
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='10.5 18 10.5 8.83 14.08 12.42 15.5 11 9.5 5 3.5 11 4.92 12.42 8.5 8.83 8.5 20 20.5 20 20.5 18 10.5 18' style='fill:%23686868'/%3E%3C/svg%3E");
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
form[action="tickets.php"] table.list tfoot td[colspan="7"]:before {
	padding: 0 8px 0 3.4%;
}
table.list td[colspan="7"]:before {
	/*margin-left: -3px;*/
}
#client-info i.icon-edit,
#user-profile i.icon-user,
i.icon-retweet {
	display: inline-block;
    width: 26px;
    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='%23128DBE' d='M16%2C9C18.33%2C9 23%2C10.17 23%2C12.5V15H17V12.5C17%2C11 16.19%2C9.89 15.04%2C9.05L16%2C9M8%2C9C10.33%2C9 15%2C10.17 15%2C12.5V15H1V12.5C1%2C10.17 5.67%2C9 8%2C9M8%2C7A3%2C3 0 0%2C1 5%2C4A3%2C3 0 0%2C1 8%2C1A3%2C3 0 0%2C1 11%2C4A3%2C3 0 0%2C1 8%2C7M16%2C7A3%2C3 0 0%2C1 13%2C4A3%2C3 0 0%2C1 16%2C1A3%2C3 0 0%2C1 19%2C4A3%2C3 0 0%2C1 16%2C7M9%2C16.75V19H15V16.75L18.25%2C20L15%2C23.25V21H9V23.25L5.75%2C20L9%2C16.75Z' /%3E %3C/svg%3E");
}
i.icon-retweet {
    width: 19px;
    top: 2px;
}
a.inline.button {
    /*padding: 1px 10px 9px 11px !important;*/ /*target*/
}
a#unselect-user i.icon-remove,
.icon-plus-sign {
	display: inline-block;
    width: 26px;
    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='%23128dbe' d='M15%2C14C12.33%2C14 7%2C15.33 7%2C18V20H23V18C23%2C15.33 17.67%2C14 15%2C14M6%2C10V7H4V10H1V12H4V15H6V12H9V10M15%2C12A4%2C4 0 0%2C0 19%2C8A4%2C4 0 0%2C0 15%2C4A4%2C4 0 0%2C0 11%2C8A4%2C4 0 0%2C0 15%2C12Z' /%3E %3C/svg%3E");
}
a.green.button.action-button.ticket-task-action .icon-plus-sign { /* create task */
	display: inline-block;
    width: 26px;
    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='%23128DBE' d='M2%2C16H10V14H2M18%2C14V10H16V14H12V16H16V20H18V16H22V14M14%2C6H2V8H14M14%2C10H2V12H14V10Z' /%3E %3C/svg%3E");
}
.sticky.bar.fixed .icon-plus-sign {
	display: inline-block;
    width: 26px;
    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='%23ffffff' d='M15%2C14C12.33%2C14 7%2C15.33 7%2C18V20H23V18C23%2C15.33 17.67%2C14 15%2C14M6%2C10V7H4V10H1V12H4V15H6V12H9V10M15%2C12A4%2C4 0 0%2C0 19%2C8A4%2C4 0 0%2C0 15%2C4A4%2C4 0 0%2C0 11%2C8A4%2C4 0 0%2C0 15%2C12Z' /%3E %3C/svg%3E");
}
.canned-page i.icon-plus-sign {
    top: 1px;
}
a#ticket-tasks-tab:before {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-right: 4px;
    top: 6px;
    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='M14%2C10H2V12H14V10M14%2C6H2V8H14V6M2%2C16H10V14H2V16M21.5%2C11.5L23%2C13L16%2C20L11.5%2C15.5L13%2C14L16%2C17L21.5%2C11.5Z' /%3E %3C/svg%3E");
}
#ticket-entries .icon-tasks {
    display: inline-block !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    float: right;
    top: 2px;
    margin: 0 9px 0 0;
    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='%23999999' d='M14%2C10H2V12H14V10M14%2C6H2V8H14V6M2%2C16H10V14H2V16M21.5%2C11.5L23%2C13L16%2C20L11.5%2C15.5L13%2C14L16%2C17L21.5%2C11.5Z' /%3E %3C/svg%3E");
}
div[style="position:absolute; right:40px; top:10px;"] .merge-spacer {
    display: none;
}
div[style="position:absolute; right:40px; top:10px;"] {
    width: fit-content;
    background: initial;
    right: 46px !important;
    overflow: hidden;
}
div[style="position:absolute; right:40px; top:10px;"] a.merge.preview,
div[style="position:absolute; right:40px; top:10px;"] a.collaborators.preview,
div[style="position:absolute; right:40px; top:10px;"] .merge-tickets a.preview,
div[style="position:absolute; right:40px; top:10px;"] a[data-placement="bottom"] {
    border: 1px solid #fff;
    width: 20px !important;
    height: 20px !important;
    float: right !important;
    top: 0 !important;
    right: 0 !important;
    position: initial !important;
    margin: 0 0 0 8px !important;
    padding: initial !important;
}
div[style="position:absolute; right:40px; top:10px;"] a.icon-comments-alt {
    background-repeat: no-repeat;
    background-position: center center;
}
div[style="position:absolute; right:40px; top:10px;"] i.icon-link:before {
    font-size: 15px !important;
    color: #909090 !important;
    top: -4px !important;
    left: 2px;
}
div[style="position:absolute; right:40px; top:10px;"] i.icon-code-fork:before {
	font-size: 18px !important;
    color: #909090 !important;
    top: -3px !important;
    left: 4px;
}
div[style="position:absolute; right:40px; top:10px;"] i.icon-group {
	top: -1px;
    left: -1px;
    margin: 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='%23999999' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23999999' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23999999' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23999999' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23999999' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23999999' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
div[style="position:absolute; right:40px; top:10px;"] i.icon-group:hover {
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='%23999999' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23999999' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23999999' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23999999' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23999999' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23999999' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
a#ticket-thread-tab:before {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-right: 4px;
    top: 6px;
    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='M20%2C2H4A2%2C2 0 0%2C0 2%2C4V22L6%2C18H20A2%2C2 0 0%2C0 22%2C16V4A2%2C2 0 0%2C0 20%2C2M6%2C9H18V11H6M14%2C14H6V12H14M18%2C8H6V6H18' /%3E %3C/svg%3E");
}
a#ticket-relations-tab {
    padding: 3px 3px;
}
a#ticket-relations-tab:before {
    display: inline-block;
    float: left;
    width: 16px;
    height: 20px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-right: 4px;
    top: 1px;
    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='M3 1C1.89 1 1 1.89 1 3V14C1 15.11 1.89 16 3 16H14C15.11 16 16 15.11 16 14V11H14V14H3V3H14V5H16V3C16 1.89 15.11 1 14 1M9 7C7.89 7 7 7.89 7 9V12H9V9H20V20H9V18H7V20C7 21.11 7.89 22 9 22H20C21.11 22 22 21.11 22 20V9C22 7.89 21.11 7 20 7H9' /%3E %3C/svg%3E");
}
ul#user-import-tabs i.icon-edit{
    display: inline-block;
    width: 20px;
    height: 20px;
    float: initial;
    top: 8px;
    background-size: 16px !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='M19%2C21H8V7H19M19%2C5H8A2%2C2 0 0%2C0 6%2C7V21A2%2C2 0 0%2C0 8%2C23H19A2%2C2 0 0%2C0 21%2C21V7A2%2C2 0 0%2C0 19%2C5M16%2C1H4A2%2C2 0 0%2C0 2%2C3V17H4V3H16V1Z' /%3E %3C/svg%3E");
}
i.icon-cloud-upload {
    display: inline-block;
    width: 19px !important;
    height: 20px;
    float: initial;
    top: 7px !important;
    background-size: 18px !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='M14%2C13V17H10V13H7L12%2C8L17%2C13M19.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");
}
.orgs i.icon-cloud-upload.icon-large {
    top: 4px !important;
} 
#new-note i.icon-plus,
a#new-task i.icon-share,
form[action*="/forms/manage"] i.icon-plus {
	display: inline-block;
    width: 30px !important;
    height: 29px;
    float: initial;
    top: 7px !important;
    margin: 0 0 0 6px !important;
    background-size: 32px !important;
	opacity: .9;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23128DBE%3B%7D %3C/style%3E %3Cpath class='st0' d='M7%2C8V6H5v13h14V6h-2v2H7 M9%2C4c0-1.7%2C1.3-3%2C3-3s3%2C1.3%2C3%2C3h4c1.1%2C0%2C2%2C0.9%2C2%2C2v13c0%2C1.1-0.9%2C2-2%2C2H5 c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2H9 M12%2C3c-0.6%2C0-1%2C0.4-1%2C1s0.4%2C1%2C1%2C1s1-0.4%2C1-1S12.6%2C3%2C12%2C3z'/%3E %3Cpolygon class='st0' points='16%2C12.4 13%2C12.4 13%2C9.4 11%2C9.4 11%2C12.4 8%2C12.4 8%2C14.4 11%2C14.4 11%2C17.4 13%2C17.4 13%2C14.4 16%2C14.4 '/%3E %3C/svg%3E");
}
a#new-task i.icon-share {
    top: 2px !important;
    left: 0 !important;
    width: 20px !important;
    height: 20px;
    float: initial !important;
    opacity: 1;
    background-size: contain !important;
    margin: 0 !important;
}
.sticky.bar.opaque.fixed a#new-task i.icon-share {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF%3B%7D %3C/style%3E %3Cpath class='st0' d='M7%2C8V6H5v13h14V6h-2v2H7 M9%2C4c0-1.7%2C1.3-3%2C3-3s3%2C1.3%2C3%2C3h4c1.1%2C0%2C2%2C0.9%2C2%2C2v13c0%2C1.1-0.9%2C2-2%2C2H5 c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2H9 M12%2C3c-0.6%2C0-1%2C0.4-1%2C1s0.4%2C1%2C1%2C1s1-0.4%2C1-1S12.6%2C3%2C12%2C3z'/%3E %3Cpolygon class='st0' points='16%2C12.4 13%2C12.4 13%2C9.4 11%2C9.4 11%2C12.4 8%2C12.4 8%2C14.4 11%2C14.4 11%2C17.4 13%2C17.4 13%2C14.4 16%2C14.4 '/%3E %3C/svg%3E");
}
ul#user-view-tabs i.icon-list-alt {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: initial;
    top: 8px;
    background-size: 18px !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='M16%2C15H9V13H16V15M19%2C11H9V9H19V11M19%2C7H9V5H19V7M3%2C5V21H19V23H3A2%2C2 0 0%2C1 1%2C21V5H3M21%2C1A2%2C2 0 0%2C1 23%2C3V17C23%2C18.11 22.11%2C19 21%2C19H7A2%2C2 0 0%2C1 5%2C17V3C5%2C1.89 5.89%2C1 7%2C1H21M7%2C3V17H21V3H7Z' /%3E %3C/svg%3E");
}
i.icon-fixed-width.icon-file-text-alt {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px;
    background-size: 24px !important;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23686868%3B%7D %3C/style%3E %3Cg%3E %3Cpath class='st0' d='M17.8%2C8.2l-3.3-3.3c-0.2-0.2-0.4-0.3-0.7-0.4c-0.3-0.1-0.6-0.2-0.8-0.2H6.4C6.2%2C4.3%2C6%2C4.4%2C5.9%2C4.5 C5.8%2C4.7%2C5.7%2C4.8%2C5.7%2C5v14c0%2C0.2%2C0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.1%2C0.3%2C0.2%2C0.5%2C0.2h11.3c0.2%2C0%2C0.3-0.1%2C0.5-0.2c0.1-0.1%2C0.2-0.3%2C0.2-0.5V9.7 c0-0.2-0.1-0.5-0.2-0.8C18.1%2C8.6%2C17.9%2C8.4%2C17.8%2C8.2z M17.7%2C10.7v8V19h-0.3H6.7H6.4v-0.3V5.3V5h0.3H12h0.3v0.3v4.3 c0%2C0.2%2C0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.1%2C0.3%2C0.2%2C0.5%2C0.2h4.3h0.3V10.7z M17.3%2C9.7h-3.9h-0.3V9.3V5.4V5l0.4%2C0.2c0.3%2C0.1%2C0.4%2C0.2%2C0.6%2C0.3 l3.3%2C3.3c0.1%2C0.1%2C0.2%2C0.3%2C0.3%2C0.6l0.2%2C0.4H17.3z'/%3E %3Cpolygon class='st0' points='8.4%2C15.7 15.7%2C15.7 15.7%2C15.7 15.7%2C15.7 15.7%2C15 15.7%2C15 15.7%2C15 8.4%2C15 8.4%2C15 8.4%2C15 8.4%2C15.7 8.4%2C15.7 '/%3E %3Cpolygon class='st0' points='8.4%2C13 15.7%2C13 15.7%2C13 15.7%2C13 15.7%2C12.3 15.7%2C12.3 15.7%2C12.3 8.4%2C12.3 8.4%2C12.3 8.4%2C12.3 8.4%2C13 8.4%2C13 '/%3E %3C/g%3E %3C/svg%3E");
}
a[href="slas.php?a=add"] i.icon-plus-sign,
a[href="apikeys.php?a=add"] i.icon-plus-sign,
a[href="categories.php?a=add"] i.icon-plus-sign {
	display: inline-block;
    width: 26px;
    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='%23128DBE' d='M16%2C17H5V7H16L19.55%2C12M17.63%2C5.84C17.27%2C5.33 16.67%2C5 16%2C5H5A2%2C2 0 0%2C0 3%2C7V17A2%2C2 0 0%2C0 5%2C19H16C16.67%2C19 17.27%2C18.66 17.63%2C18.15L22%2C12L17.63%2C5.84Z' /%3E %3C/svg%3E");
}
a[href="categories.php?a=add"] i.icon-plus-sign {
    margin: 0;
    padding: 0;
    top: 1px;
}
a[href="filters.php?a=add"] i.icon-plus-sign {
	display: inline-block;
    width: 26px;
    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='%23128DBE' d='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E");
}
a[href="helptopics.php?a=add"] i.icon-plus-sign {
	display: inline-block;
    width: 26px;
    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' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M4%2C2A2%2C2 0 0%2C0 2%2C4V16A2%2C2 0 0%2C0 4%2C18H8V21A1%2C1 0 0%2C0 9%2C22H9.5V22C9.75%2C22 10%2C21.9 10.2%2C21.71L13.9%2C18H20A2%2C2 0 0%2C0 22%2C16V4C22%2C2.89 21.1%2C2 20%2C2H4M4%2C4H20V16H13.08L10%2C19.08V16H4V4M12.19%2C5.5C11.3%2C5.5 10.59%2C5.68 10.05%2C6.04C9.5%2C6.4 9.22%2C7 9.27%2C7.69C0.21%2C7.69 6.57%2C7.69 11.24%2C7.69C11.24%2C7.41 11.34%2C7.2 11.5%2C7.06C11.7%2C6.92 11.92%2C6.85 12.19%2C6.85C12.5%2C6.85 12.77%2C6.93 12.95%2C7.11C13.13%2C7.28 13.22%2C7.5 13.22%2C7.8C13.22%2C8.08 13.14%2C8.33 13%2C8.54C12.83%2C8.76 12.62%2C8.94 12.36%2C9.08C11.84%2C9.4 11.5%2C9.68 11.29%2C9.92C11.1%2C10.16 11%2C10.5 11%2C11H13C13%2C10.72 13.05%2C10.5 13.14%2C10.32C13.23%2C10.15 13.4%2C10 13.66%2C9.85C14.12%2C9.64 14.5%2C9.36 14.79%2C9C15.08%2C8.63 15.23%2C8.24 15.23%2C7.8C15.23%2C7.1 14.96%2C6.54 14.42%2C6.12C13.88%2C5.71 13.13%2C5.5 12.19%2C5.5M11%2C12V14H13V12H11Z' /%3E %3C/svg%3E");
}
a[href="plugins.php?a=add"] i.icon-plus-sign {
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='M16%2C7V3H14V7H10V3H8V7H8C7%2C7 6%2C8 6%2C9V14.5L9.5%2C18V21H14.5V18L18%2C14.5V9C18%2C8 17%2C7 16%2C7Z' /%3E %3C/svg%3E");
}
a[href="forms.php?a=add"] i.icon-plus-sign {
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='M5%2C9.5L7.5%2C14H2.5L5%2C9.5M3%2C4H7V8H3V4M5%2C20A2%2C2 0 0%2C0 7%2C18A2%2C2 0 0%2C0 5%2C16A2%2C2 0 0%2C0 3%2C18A2%2C2 0 0%2C0 5%2C20M9%2C5V7H21V5H9M9%2C19H21V17H9V19M9%2C13H21V11H9V13Z' /%3E%3C/svg%3E");
}
a[href="pages.php?a=add"] i.icon-plus-sign {
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.08%2C5.66a.84.84%2C0%2C0%2C0-.32-.7c-1.15-1-2.28-2.08-3.44-3.1a1%2C1%2C0%2C0%2C0-.6-.24q-5.62%2C0-11.24%2C0A1.32%2C1.32%2C0%2C0%2C0%2C4%2C3.08C4%2C9%2C4%2C15%2C4%2C20.91a1.61%2C1.61%2C0%2C0%2C0%2C1%2C1.69H20.09a1.6%2C1.6%2C0%2C0%2C0%2C1-1.69C21.06%2C15.83%2C21.07%2C10.74%2C21.08%2C5.66ZM17.49%2C3.77l1.22%2C1.1H17.49Zm2.25%2C17.5H5.35V2.94H16.14V6.19h3.59Z' style='fill:%23128dbe'/%3E%3Cpath d='M18.44%2C10.82v1.27H6.68V10.82Z' style='fill:%23128dbe'/%3E%3Cpath d='M6.66%2C14.7V13.44H18.44V14.7Z' style='fill:%23128dbe'/%3E%3Cpath d='M6.66%2C17.33V16.06H18.42v1.26Z' style='fill:%23128dbe'/%3E%3Cpath d='M14.84%2C4.92V6.17H6.67V4.92Z' style='fill:%23128dbe'/%3E%3C/svg%3E");
}
i.icon-caret-down:before {
    width: 17px;
    top: 2px;
    right: 0;
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");
}
.thread-entry i.icon-caret-down:before {
    width: 17px;
    top: -1px;
}
.sticky.bar.fixed i.icon-caret-down:before {
    width: 17px;
    top: 3px;
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='%23ffffff' d='M7.41%2C8.58L12%2C13.17L16.59%2C8.58L18%2C10L12%2C16L6%2C10L7.41%2C8.58Z' /%3E %3C/svg%3E");
}
i.icon-download {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 3px !important;
    float: left;
    background-size: 18px !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='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");
}
.link.button:hover > i.icon-download, 
.link.button:active > i.icon-download {
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='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");
}
.button.action-button[name="reset"] i.icon-undo {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 3px !important;
    float: left;
    margin: 0 8px 0 0;	
    background-size: 18px !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='%23515d6d' d='M15.14%2C3C14.63%2C3 14.12%2C3.2 13.73%2C3.59L2.59%2C14.73C1.81%2C15.5 1.81%2C16.77 2.59%2C17.56L5.03%2C20H12.69L21.41%2C11.27C22.2%2C10.5 22.2%2C9.23 21.41%2C8.44L16.56%2C3.59C16.17%2C3.2 15.65%2C3 15.14%2C3M17%2C18L15%2C20H22V18' /%3E %3C/svg%3E");
}
.button.action-button[name="reset"]:hover > i.icon-undo {
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='%23343a42' d='M15.14%2C3C14.63%2C3 14.12%2C3.2 13.73%2C3.59L2.59%2C14.73C1.81%2C15.5 1.81%2C16.77 2.59%2C17.56L5.03%2C20H12.69L21.41%2C11.27C22.2%2C10.5 22.2%2C9.23 21.41%2C8.44L16.56%2C3.59C16.17%2C3.2 15.65%2C3 15.14%2C3M17%2C18L15%2C20H22V18' /%3E %3C/svg%3E");
}
.red.button i.icon-remove-circle {
    display: inline-block;
	content: '';	
    width: 20px;
    height: 20px;
    top: 3px !important;
    float: left;
    background-size: 18px !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='%23515D6D' d='M19%2C6.41L17.59%2C5L12%2C10.59L6.41%2C5L5%2C6.41L10.59%2C12L5%2C17.59L6.41%2C19L12%2C13.41L17.59%2C19L19%2C17.59L13.41%2C12L19%2C6.41Z' /%3E %3C/svg%3E");
}
.red.button:hover > i.icon-remove-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 3px !important;
    float: left;
    background-size: 18px !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='%23b04242' d='M19%2C6.41L17.59%2C5L12%2C10.59L6.41%2C5L5%2C6.41L10.59%2C12L5%2C17.59L6.41%2C19L12%2C13.41L17.59%2C19L19%2C17.59L13.41%2C12L19%2C6.41Z' /%3E %3C/svg%3E");
}
i.icon-envelope,
i.icon-envelope.icon-fixed-width  {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 8px !important;
    float: left;
    background-size: 18px !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='M4%2C8L12%2C13L20%2C8V8L12%2C3L4%2C8V8M22%2C8V18A2%2C2 0 0%2C1 20%2C20H4A2%2C2 0 0%2C1 2%2C18V8C2%2C7.27 2.39%2C6.64 2.97%2C6.29L12%2C0.64L21.03%2C6.29C21.61%2C6.64 22%2C7.27 22%2C8Z' /%3E %3C/svg%3E");
}

a.confirm-action:hover > i.icon-envelope,
a.users-action:hover > i.icon-envelope.icon-fixed-width  {
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%2C8L12%2C13L20%2C8V8L12%2C3L4%2C8V8M22%2C8V18A2%2C2 0 0%2C1 20%2C20H4A2%2C2 0 0%2C1 2%2C18V8C2%2C7.27 2.39%2C6.64 2.97%2C6.29L12%2C0.64L21.03%2C6.29C21.61%2C6.64 22%2C7.27 22%2C8Z' /%3E %3C/svg%3E");
}
.icon-lock {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 8px !important;
    float: left;
    background-size: 18px !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%2C17A2%2C2 0 0%2C0 14%2C15C14%2C13.89 13.1%2C13 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6A2%2C2 0 0%2C1 4%2C20V10C4%2C8.89 4.9%2C8 6%2C8H7V6A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C3A3%2C3 0 0%2C0 9%2C6V8H15V6A3%2C3 0 0%2C0 12%2C3Z' /%3E %3C/svg%3E");
}
#user-account-tabs .icon-lock {
    float: initial;
}
a.user-action:hover > .icon-lock {
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='M12%2C17A2%2C2 0 0%2C0 14%2C15C14%2C13.89 13.1%2C13 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6A2%2C2 0 0%2C1 4%2C20V10C4%2C8.89 4.9%2C8 6%2C8H7V6A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C3A3%2C3 0 0%2C0 9%2C6V8H15V6A3%2C3 0 0%2C0 12%2C3Z' /%3E %3C/svg%3E");
}
i.icon-fixed-width.icon-lock.faded {
	top: 4px !important;
}
a[href="#permissions"] .icon-lock {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
}
a.users-action:hover > .icon-lock {
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='M12%2C17A2%2C2 0 0%2C0 14%2C15C14%2C13.89 13.1%2C13 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6A2%2C2 0 0%2C1 4%2C20V10C4%2C8.89 4.9%2C8 6%2C8H7V6A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C3A3%2C3 0 0%2C0 9%2C6V8H15V6A3%2C3 0 0%2C0 12%2C3Z' /%3E %3C/svg%3E");
}
i.icon-unlock {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 8px !important;
    float: left;
    background-size: 18px !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='M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6C4.89%2C22 4%2C21.1 4%2C20V10A2%2C2 0 0%2C1 6%2C8H15V6A3%2C3 0 0%2C0 12%2C3A3%2C3 0 0%2C0 9%2C6H7A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C17A2%2C2 0 0%2C0 14%2C15A2%2C2 0 0%2C0 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li a:hover > i.icon-unlock {
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='M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6C4.89%2C22 4%2C21.1 4%2C20V10A2%2C2 0 0%2C1 6%2C8H15V6A3%2C3 0 0%2C0 12%2C3A3%2C3 0 0%2C0 9%2C6H7A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C17A2%2C2 0 0%2C0 14%2C15A2%2C2 0 0%2C0 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17Z' /%3E %3C/svg%3E");
}
a.users-action:hover > i.icon-unlock {
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='M18%2C8A2%2C2 0 0%2C1 20%2C10V20A2%2C2 0 0%2C1 18%2C22H6C4.89%2C22 4%2C21.1 4%2C20V10A2%2C2 0 0%2C1 6%2C8H15V6A3%2C3 0 0%2C0 12%2C3A3%2C3 0 0%2C0 9%2C6H7A5%2C5 0 0%2C1 12%2C1A5%2C5 0 0%2C1 17%2C6V8H18M12%2C17A2%2C2 0 0%2C0 14%2C15A2%2C2 0 0%2C0 12%2C13A2%2C2 0 0%2C0 10%2C15A2%2C2 0 0%2C0 12%2C17Z' /%3E %3C/svg%3E");
}
.icon-smile {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 8px !important;
    float: left;
    background-size: 18px !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='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E %3C/svg%3E");
}
a.users-action:hover > .icon-smile {
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='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E %3C/svg%3E");
}
i.icon-fixed-width.icon-ok-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 7px !important;
    float: left;
    background-size: 18px !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='M19%2C6.41L17.59%2C5L12%2C10.59L6.41%2C5L5%2C6.41L10.59%2C12L5%2C17.59L6.41%2C19L12%2C13.41L17.59%2C19L19%2C17.59L13.41%2C12L19%2C6.41Z' /%3E %3C/svg%3E");
}
a.no-pjax.tasks-action:hover > i.icon-fixed-width.icon-ok-circle {
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='M19%2C6.41L17.59%2C5L12%2C10.59L6.41%2C5L5%2C6.41L10.59%2C12L5%2C17.59L6.41%2C19L12%2C13.41L17.59%2C19L19%2C17.59L13.41%2C12L19%2C6.41Z' /%3E %3C/svg%3E");
}
.icon-filter,
.icon-share-alt,
a[href="#criteria"] i.icon-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 2px !important;
    float: left;
    background-size: 18px !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='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E");
}
ul.clean.tabs .icon-filter {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E");
}
ul.clean.tabs i.icon-sort-by-attributes {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M10%2C13V11H18V13H10M10%2C19V17H14V19H10M10%2C7V5H22V7H10M6%2C17H8.5L5%2C20.5L1.5%2C17H4V4H6V17Z' /%3E%3C/svg%3E");
}
ul.clean.tabs a i.icon-exclamation-sign {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M7 7H17V5H19V19H5V5H7V7M12 17V15H17V17H12M12 11V9H17V11H12M8 12V9H7V8H9V12H8M9.25 14C9.66 14 10 14.34 10 14.75C10 14.95 9.92 15.14 9.79 15.27L8.12 17H10V18H7V17.08L9 15H7V14H9.25' /%3E %3C/svg%3E");
}
ul.clean.tabs a i.icon-download {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='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");
}
ul.clean.tabs a i.icon-eye-open {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M3 4V16H21V4H3M3 2H21C22.1 2 23 2.89 23 4V16C23 16.53 22.79 17.04 22.41 17.41C22.04 17.79 21.53 18 21 18H14V20H16V22H8V20H10V18H3C2.47 18 1.96 17.79 1.59 17.41C1.21 17.04 1 16.53 1 16V4C1 2.89 1.89 2 3 2M10.84 8.93C11.15 8.63 11.57 8.45 12 8.45C12.43 8.46 12.85 8.63 13.16 8.94C13.46 9.24 13.64 9.66 13.64 10.09C13.64 10.53 13.46 10.94 13.16 11.25C12.85 11.56 12.43 11.73 12 11.73C11.57 11.73 11.15 11.55 10.84 11.25C10.54 10.94 10.36 10.53 10.36 10.09C10.36 9.66 10.54 9.24 10.84 8.93M10.07 12C10.58 12.53 11.28 12.82 12 12.82C12.72 12.82 13.42 12.53 13.93 12C14.44 11.5 14.73 10.81 14.73 10.09C14.73 9.37 14.44 8.67 13.93 8.16C13.42 7.65 12.72 7.36 12 7.36C11.28 7.36 10.58 7.65 10.07 8.16C9.56 8.67 9.27 9.37 9.27 10.09C9.27 10.81 9.56 11.5 10.07 12M6 10.09C6.94 7.7 9.27 6 12 6C14.73 6 17.06 7.7 18 10.09C17.06 12.5 14.73 14.18 12 14.18C9.27 14.18 6.94 12.5 6 10.09Z' /%3E %3C/svg%3E");
}
a[href="#criteria"] i.icon-search {
    top: 6px !important;
    float: initial;
}
a[href="#columns"] i.icon-columns {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M3%2C3H11V5H3V3M13%2C3H21V5H13V3M3%2C7H11V9H3V7M13%2C7H21V9H13V7M3%2C11H11V13H3V11M13%2C11H21V13H13V11M3%2C15H11V17H3V15M13%2C15H21V17H13V15M3%2C19H11V21H3V19M13%2C19H21V21H13V19Z' /%3E %3C/svg%3E");
}
a[href="#settings"] i.icon-cog {
    float: initial;
    top: 6px !important;
}
.sticky.bar.fixed .icon-filter,
.sticky.bar.fixed .icon-share-alt {
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='M6%2C13H18V11H6M3%2C6V8H21V6M10%2C18H14V16H10V18Z' /%3E %3C/svg%3E");
}
i.icon-fixed-width.icon-hand-right {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 7px !important;
    float: left;
    background-size: 18px !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='M5.59%2C7.41L7%2C6L13%2C12L7%2C18L5.59%2C16.59L10.17%2C12L5.59%2C7.41M11.59%2C7.41L13%2C6L19%2C12L13%2C18L11.59%2C16.59L16.17%2C12L11.59%2C7.41Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li.active > a:hover > .icon-hand-right {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 7px !important;
    float: left;
    background-size: 18px !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='%23ffffff' d='M5.59%2C7.41L7%2C6L13%2C12L7%2C18L5.59%2C16.59L10.17%2C12L5.59%2C7.41M11.59%2C7.41L13%2C6L19%2C12L13%2C18L11.59%2C16.59L16.17%2C12L11.59%2C7.41Z' /%3E %3C/svg%3E");
}
#faq ol li a,
.faq-page #faq ol li {
background-position: 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' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M4%2C2A2%2C2 0 0%2C0 2%2C4V16A2%2C2 0 0%2C0 4%2C18H8V21A1%2C1 0 0%2C0 9%2C22H9.5V22C9.75%2C22 10%2C21.9 10.2%2C21.71L13.9%2C18H20A2%2C2 0 0%2C0 22%2C16V4C22%2C2.89 21.1%2C2 20%2C2H4M4%2C4H20V16H13.08L10%2C19.08V16H4V4M12.19%2C5.5C11.3%2C5.5 10.59%2C5.68 10.05%2C6.04C9.5%2C6.4 9.22%2C7 9.27%2C7.69C0.21%2C7.69 6.57%2C7.69 11.24%2C7.69C11.24%2C7.41 11.34%2C7.2 11.5%2C7.06C11.7%2C6.92 11.92%2C6.85 12.19%2C6.85C12.5%2C6.85 12.77%2C6.93 12.95%2C7.11C13.13%2C7.28 13.22%2C7.5 13.22%2C7.8C13.22%2C8.08 13.14%2C8.33 13%2C8.54C12.83%2C8.76 12.62%2C8.94 12.36%2C9.08C11.84%2C9.4 11.5%2C9.68 11.29%2C9.92C11.1%2C10.16 11%2C10.5 11%2C11H13C13%2C10.72 13.05%2C10.5 13.14%2C10.32C13.23%2C10.15 13.4%2C10 13.66%2C9.85C14.12%2C9.64 14.5%2C9.36 14.79%2C9C15.08%2C8.63 15.23%2C8.24 15.23%2C7.8C15.23%2C7.1 14.96%2C6.54 14.42%2C6.12C13.88%2C5.71 13.13%2C5.5 12.19%2C5.5M11%2C12V14H13V12H11Z' /%3E %3C/svg%3E");
}
.icon-external-link {
    width: 24px;
    height: 20px;
    top: 2px !important;
    float: left;
    background-size: 18px !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='M14%2C3V5H17.59L7.76%2C14.83L9.17%2C16.24L19%2C6.41V10H21V3M19%2C19H5V5H12V3H5C3.89%2C3 3%2C3.9 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V12H19V19Z' /%3E %3C/svg%3E");
}
.settings .icon-plus-sign {
    width: 18px;
    height: 20px;
    top: 5px !important;
    float: left;
    background-size: 18px !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='M17%2C13H13V17H11V13H7V11H11V7H13V11H17M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2Z' /%3E %3C/svg%3E");
}
.rtl .settings .icon-plus-sign {
    float: right;
}
i.icon-wrench {
    width: 30px;
    height: 25px;
    top: 5px !important;
    float: left;
    background-size: 25px !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' viewBox='0 0 24 24'%3E %3Cpath fill='%23888888' d='M22.7%2C19L13.6%2C9.9C14.5%2C7.6 14%2C4.9 12.1%2C3C10.1%2C1 7.1%2C0.6 4.7%2C1.7L9%2C6L6%2C9L1.6%2C4.7C0.4%2C7.1 0.9%2C10.1 2.9%2C12.1C4.8%2C14 7.5%2C14.5 9.8%2C13.6L18.9%2C22.7C19.3%2C23.1 19.9%2C23.1 20.3%2C22.7L22.6%2C20.4C23.1%2C20 23.1%2C19.3 22.7%2C19Z' /%3E %3C/svg%3E");
}
.icon-gear, .icon-cog {
    width: 20px;
    height: 20px;
    top: 5px !important;
    float: left;
    background-size: 17px !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' viewBox='0 0 24 24'%3E %3Cpath fill='%23128DBE' d='M22.7%2C19L13.6%2C9.9C14.5%2C7.6 14%2C4.9 12.1%2C3C10.1%2C1 7.1%2C0.6 4.7%2C1.7L9%2C6L6%2C9L1.6%2C4.7C0.4%2C7.1 0.9%2C10.1 2.9%2C12.1C4.8%2C14 7.5%2C14.5 9.8%2C13.6L18.9%2C22.7C19.3%2C23.1 19.9%2C23.1 20.3%2C22.7L22.6%2C20.4C23.1%2C20 23.1%2C19.3 22.7%2C19Z' /%3E %3C/svg%3E");
}
.icon-sort-by-order {
    width: 27px;
    height: 20px;
    top: 0px !important;
    float: left;
    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='M7.78%2C7C9.08%2C7.04 10%2C7.53 10.57%2C8.46C11.13%2C9.4 11.41%2C10.56 11.39%2C11.95C11.4%2C13.5 11.09%2C14.73 10.5%2C15.62C9.88%2C16.5 8.95%2C16.97 7.71%2C17C6.45%2C16.96 5.54%2C16.5 4.96%2C15.56C4.38%2C14.63 4.09%2C13.45 4.09%2C12C4.09%2C10.55 4.39%2C9.36 5%2C8.44C5.59%2C7.5 6.5%2C7.04 7.78%2C7M7.75%2C8.63C7.31%2C8.63 6.96%2C8.9 6.7%2C9.46C6.44%2C10 6.32%2C10.87 6.32%2C12C6.31%2C13.15 6.44%2C14 6.69%2C14.54C6.95%2C15.1 7.31%2C15.37 7.77%2C15.37C8.69%2C15.37 9.16%2C14.24 9.17%2C12C9.17%2C9.77 8.7%2C8.65 7.75%2C8.63M13.33%2C17V15.22L13.76%2C15.24L14.3%2C15.22L15.34%2C15.03C15.68%2C14.92 16%2C14.78 16.26%2C14.58C16.59%2C14.35 16.86%2C14.08 17.07%2C13.76C17.29%2C13.45 17.44%2C13.12 17.53%2C12.78L17.5%2C12.77C17.05%2C13.19 16.38%2C13.4 15.47%2C13.41C14.62%2C13.4 13.91%2C13.15 13.34%2C12.65C12.77%2C12.15 12.5%2C11.43 12.46%2C10.5C12.47%2C9.5 12.81%2C8.69 13.47%2C8.03C14.14%2C7.37 15%2C7.03 16.12%2C7C17.37%2C7.04 18.29%2C7.45 18.88%2C8.24C19.47%2C9 19.76%2C10 19.76%2C11.19C19.75%2C12.15 19.61%2C13 19.32%2C13.76C19.03%2C14.5 18.64%2C15.13 18.12%2C15.64C17.66%2C16.06 17.11%2C16.38 16.47%2C16.61C15.83%2C16.83 15.12%2C16.96 14.34%2C17H13.33M16.06%2C8.63C15.65%2C8.64 15.32%2C8.8 15.06%2C9.11C14.81%2C9.42 14.68%2C9.84 14.68%2C10.36C14.68%2C10.8 14.8%2C11.16 15.03%2C11.46C15.27%2C11.77 15.63%2C11.92 16.11%2C11.93C16.43%2C11.93 16.7%2C11.86 16.92%2C11.74C17.14%2C11.61 17.3%2C11.46 17.41%2C11.28C17.5%2C11.17 17.53%2C10.97 17.53%2C10.71C17.54%2C10.16 17.43%2C9.69 17.2%2C9.28C16.97%2C8.87 16.59%2C8.65 16.06%2C8.63M9.25%2C5L12.5%2C1.75L15.75%2C5H9.25M15.75%2C19L12.5%2C22.25L9.25%2C19H15.75Z' /%3E %3C/svg%3E");
}
a.confirm .icon-ok-sign,
.lists .action-dropdown ul li > a i.icon-ok-sign {
	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='%23128DBE' d='M16.56%2C5.44L15.11%2C6.89C16.84%2C7.94 18%2C9.83 18%2C12A6%2C6 0 0%2C1 12%2C18A6%2C6 0 0%2C1 6%2C12C6%2C9.83 7.16%2C7.94 8.88%2C6.88L7.44%2C5.44C5.36%2C6.88 4%2C9.28 4%2C12A8%2C8 0 0%2C0 12%2C20A8%2C8 0 0%2C0 20%2C12C20%2C9.28 18.64%2C6.88 16.56%2C5.44M13%2C3H11V13H13' /%3E %3C/svg%3E");
}
a.confirm:hover > .icon-ok-sign,
.lists .action-dropdown ul li:hover > a i.icon-ok-sign{
	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='%23ffffff' d='M16.56%2C5.44L15.11%2C6.89C16.84%2C7.94 18%2C9.83 18%2C12A6%2C6 0 0%2C1 12%2C18A6%2C6 0 0%2C1 6%2C12C6%2C9.83 7.16%2C7.94 8.88%2C6.88L7.44%2C5.44C5.36%2C6.88 4%2C9.28 4%2C12A8%2C8 0 0%2C0 12%2C20A8%2C8 0 0%2C0 20%2C12C20%2C9.28 18.64%2C6.88 16.56%2C5.44M13%2C3H11V13H13' /%3E %3C/svg%3E");
}
input.delete-box:before {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    float: right;
    content: '';
    background-size: 18px;
    position: relative;
    top: -3px;
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='%23777777' 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");
}
.icon-list {
	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='%23128DBE' d='M14%2C10H2V12H14V10M14%2C6H2V8H14V6M2%2C16H10V14H2V16M21.5%2C11.5L23%2C13L16%2C20L11.5%2C15.5L13%2C14L16%2C17L21.5%2C11.5Z' /%3E %3C/svg%3E");
}
.lists a.green.button.action-button.field-config .icon-plus-sign {
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='M2%2C16H10V14H2M18%2C14V10H16V14H12V16H16V20H18V16H22V14M14%2C6H2V8H14M14%2C10H2V12H14V10Z' /%3E %3C/svg%3E");
}
a[href="#definition"] i.icon-plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: none;
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='M19%2C9H2V11H19V9M19%2C5H2V7H19V5M2%2C15H15V13H2V15M17%2C13V19L22%2C16L17%2C13Z' /%3E %3C/svg%3E");
}

a[href="#properties"] i.icon-asterisk {
	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='%23128DBE' d='M3%2C5H9V11H3V5M5%2C7V9H7V7H5M11%2C7H21V9H11V7M11%2C15H21V17H11V15M5%2C20L1.5%2C16.5L2.91%2C15.09L5%2C17.17L9.59%2C12.59L11%2C14L5%2C20Z' /%3E %3C/svg%3E");
}
#loginBody fieldset input:first-child {
    background-repeat: no-repeat;
    background-position: 11px 8px;
    background-size: 24px;
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='%23d5d5d7' d='M20%2C8L12%2C13L4%2C8V6L12%2C11L20%2C6M20%2C4H4C2.89%2C4 2%2C4.89 2%2C6V18A2%2C2 0 0%2C0 4%2C20H20A2%2C2 0 0%2C0 22%2C18V6C22%2C4.89 21.1%2C4 20%2C4Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li > a .icon-truck {
	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='%23128DBE' d='M16%2C9C18.33%2C9 23%2C10.17 23%2C12.5V15H17V12.5C17%2C11 16.19%2C9.89 15.04%2C9.05L16%2C9M8%2C9C10.33%2C9 15%2C10.17 15%2C12.5V15H1V12.5C1%2C10.17 5.67%2C9 8%2C9M8%2C7A3%2C3 0 0%2C1 5%2C4A3%2C3 0 0%2C1 8%2C1A3%2C3 0 0%2C1 11%2C4A3%2C3 0 0%2C1 8%2C7M16%2C7A3%2C3 0 0%2C1 13%2C4A3%2C3 0 0%2C1 16%2C1A3%2C3 0 0%2C1 19%2C4A3%2C3 0 0%2C1 16%2C7M9%2C16.75V19H15V16.75L18.25%2C20L15%2C23.25V21H9V23.25L5.75%2C20L9%2C16.75Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li:hover > a .icon-truck {
	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='%23ffffff' d='M16%2C9C18.33%2C9 23%2C10.17 23%2C12.5V15H17V12.5C17%2C11 16.19%2C9.89 15.04%2C9.05L16%2C9M8%2C9C10.33%2C9 15%2C10.17 15%2C12.5V15H1V12.5C1%2C10.17 5.67%2C9 8%2C9M8%2C7A3%2C3 0 0%2C1 5%2C4A3%2C3 0 0%2C1 8%2C1A3%2C3 0 0%2C1 11%2C4A3%2C3 0 0%2C1 8%2C7M16%2C7A3%2C3 0 0%2C1 13%2C4A3%2C3 0 0%2C1 16%2C1A3%2C3 0 0%2C1 19%2C4A3%2C3 0 0%2C1 16%2C7M9%2C16.75V19H15V16.75L18.25%2C20L15%2C23.25V21H9V23.25L5.75%2C20L9%2C16.75Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li > a .icon-sitemap {
	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='%23128DBE' d='M6.5%2C2C8.46%2C2 10.13%2C3.25 10.74%2C5H22V8H18V11H15V8H10.74C10.13%2C9.75 8.46%2C11 6.5%2C11C4%2C11 2%2C9 2%2C6.5C2%2C4 4%2C2 6.5%2C2M6.5%2C5A1.5%2C1.5 0 0%2C0 5%2C6.5A1.5%2C1.5 0 0%2C0 6.5%2C8A1.5%2C1.5 0 0%2C0 8%2C6.5A1.5%2C1.5 0 0%2C0 6.5%2C5M6.5%2C13C8.46%2C13 10.13%2C14.25 10.74%2C16H22V19H20V22H18V19H16V22H13V19H10.74C10.13%2C20.75 8.46%2C22 6.5%2C22C4%2C22 2%2C20 2%2C17.5C2%2C15 4%2C13 6.5%2C13M6.5%2C16A1.5%2C1.5 0 0%2C0 5%2C17.5A1.5%2C1.5 0 0%2C0 6.5%2C19A1.5%2C1.5 0 0%2C0 8%2C17.5A1.5%2C1.5 0 0%2C0 6.5%2C16Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li:hover > a .icon-sitemap {
	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='%23ffffff' d='M6.5%2C2C8.46%2C2 10.13%2C3.25 10.74%2C5H22V8H18V11H15V8H10.74C10.13%2C9.75 8.46%2C11 6.5%2C11C4%2C11 2%2C9 2%2C6.5C2%2C4 4%2C2 6.5%2C2M6.5%2C5A1.5%2C1.5 0 0%2C0 5%2C6.5A1.5%2C1.5 0 0%2C0 6.5%2C8A1.5%2C1.5 0 0%2C0 8%2C6.5A1.5%2C1.5 0 0%2C0 6.5%2C5M6.5%2C13C8.46%2C13 10.13%2C14.25 10.74%2C16H22V19H20V22H18V19H16V22H13V19H10.74C10.13%2C20.75 8.46%2C22 6.5%2C22C4%2C22 2%2C20 2%2C17.5C2%2C15 4%2C13 6.5%2C13M6.5%2C16A1.5%2C1.5 0 0%2C0 5%2C17.5A1.5%2C1.5 0 0%2C0 6.5%2C19A1.5%2C1.5 0 0%2C0 8%2C17.5A1.5%2C1.5 0 0%2C0 6.5%2C16Z' /%3E %3C/svg%3E");
}

a[href="teams.php?a=add"] .icon-plus-sign {
	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='%23128DBE' d='M13%2C13C11%2C13 7%2C14 7%2C16V18H19V16C19%2C14 15%2C13 13%2C13M19.62%2C13.16C20.45%2C13.88 21%2C14.82 21%2C16V18H24V16C24%2C14.46 21.63%2C13.5 19.62%2C13.16M13%2C11A3%2C3 0 0%2C0 16%2C8A3%2C3 0 0%2C0 13%2C5A3%2C3 0 0%2C0 10%2C8A3%2C3 0 0%2C0 13%2C11M18%2C11A3%2C3 0 0%2C0 21%2C8A3%2C3 0 0%2C0 18%2C5C17.68%2C5 17.37%2C5.05 17.08%2C5.14C17.65%2C5.95 18%2C6.94 18%2C8C18%2C9.06 17.65%2C10.04 17.08%2C10.85C17.37%2C10.95 17.68%2C11 18%2C11M8%2C10H5V7H3V10H0V12H3V15H5V12H8V10Z' /%3E%3C/svg%3E");
}
a[href="roles.php?a=add"] .icon-plus-sign {
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%2C15C7.58%2C15 4%2C16.79 4%2C19V21H20V19C20%2C16.79 16.42%2C15 12%2C15M8%2C9A4%2C4 0 0%2C0 12%2C13A4%2C4 0 0%2C0 16%2C9M11.5%2C2C11.2%2C2 11%2C2.21 11%2C2.5V5.5H10V3C10%2C3 7.75%2C3.86 7.75%2C6.75C7.75%2C6.75 7%2C6.89 7%2C8H17C16.95%2C6.89 16.25%2C6.75 16.25%2C6.75C16.25%2C3.86 14%2C3 14%2C3V5.5H13V2.5C13%2C2.21 12.81%2C2 12.5%2C2H11.5Z' /%3E %3C/svg%3E");
}
a[href="departments.php?a=add"] .icon-plus-sign {
	display: inline-block;
    width: 20px;
    height: 20px;
    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='%23128DBE' d='M12%2C18.67H5.25c-.1%2C0-.11%2C0-.1-.12s0-.29%2C0-.43a5.47%2C5.47%2C0%2C0%2C1%2C.18-.76%2C5.67%2C5.67%2C0%2C0%2C1%2C.36-.8%2C4.93%2C4.93%2C0%2C0%2C1%2C1.08-1.32%2C6.52%2C6.52%2C0%2C0%2C1%2C1.56-1%2C8.11%2C8.11%2C0%2C0%2C1%2C1-.37%2C8.78%2C8.78%2C0%2C0%2C1%2C.95-.26c.28-.06.56-.08.84-.12a9.1%2C9.1%2C0%2C0%2C1%2C1.63%2C0%2C6%2C6%2C0%2C0%2C1%2C1%2C.14c.38.08.75.2%2C1.12.31a5.85%2C5.85%2C0%2C0%2C1%2C1.3.59%2C7.28%2C7.28%2C0%2C0%2C1%2C.87.63%2C5.5%2C5.5%2C0%2C0%2C1%2C.71.68%2C6.19%2C6.19%2C0%2C0%2C1%2C.6.86%2C3.91%2C3.91%2C0%2C0%2C1%2C.34.76%2C3.78%2C3.78%2C0%2C0%2C1%2C.19%2C1.18s0%2C.06-.07.07a.75.75%2C0%2C0%2C1-.16%2C0Z'/%3E%3Cpath fill='%23128DBE' d='M12%2C5.88a3.33%2C3.33%2C0%2C0%2C1%2C2.16.82%2C3.1%2C3.1%2C0%2C0%2C1%2C1%2C1.45%2C3.3%2C3.3%2C0%2C0%2C1%2C.12%2C1.51%2C3.2%2C3.2%2C0%2C0%2C1-1.18%2C2%2C2.73%2C2.73%2C0%2C0%2C1-.93.51c-.26.08-.51.16-.77.22a.93.93%2C0%2C0%2C1-.35%2C0%2C7.89%2C7.89%2C0%2C0%2C1-1-.19%2C2.94%2C2.94%2C0%2C0%2C1-1-.49A3.22%2C3.22%2C0%2C0%2C1%2C9%2C10.36a3.26%2C3.26%2C0%2C0%2C1-.22-1.53%2C3.2%2C3.2%2C0%2C0%2C1%2C.31-1.12%2C3.24%2C3.24%2C0%2C0%2C1%2C1.06-1.23%2C3.16%2C3.16%2C0%2C0%2C1%2C1-.48A7.53%2C7.53%2C0%2C0%2C1%2C12%2C5.88Z'/%3E%3Cpath fill='%23128DBE' d='M15%2C13.58c.32-.21.6-.42.91-.59a5.54%2C5.54%2C0%2C0%2C1%2C.84-.38%2C9.62%2C9.62%2C0%2C0%2C1%2C.95-.27%2C2.36%2C2.36%2C0%2C0%2C1%2C.51-.07c.47%2C0%2C.93%2C0%2C1.4%2C0a5.74%2C5.74%2C0%2C0%2C1%2C1%2C.19%2C5.21%2C5.21%2C0%2C0%2C1%2C1.64.72%2C4.28%2C4.28%2C0%2C0%2C1%2C1.23%2C1.2%2C3.4%2C3.4%2C0%2C0%2C1%2C.46%2C1%2C4.81%2C4.81%2C0%2C0%2C1%2C.07.64c0%2C.09%2C0%2C.09-.1.09H18.54A.27.27%2C0%2C0%2C1%2C18.3%2C16c-.25-.3-.51-.59-.77-.88a1.18%2C1.18%2C0%2C0%2C0-.14-.14L17%2C14.65a7.37%2C7.37%2C0%2C0%2C0-1.29-.76c-.19-.09-.39-.16-.59-.24Z'/%3E%3Cpath fill='%23128DBE' d='M8.92%2C13.63c-.25.11-.51.2-.75.33a10.25%2C10.25%2C0%2C0%2C0-.91.53%2C5.78%2C5.78%2C0%2C0%2C0-1.51%2C1.44c-.05.07-.1.15-.15.22a.18.18%2C0%2C0%2C1-.12.06H0a1.89%2C1.89%2C0%2C0%2C1%2C.1-.77%2C6.06%2C6.06%2C0%2C0%2C1%2C.29-.71%2C3.48%2C3.48%2C0%2C0%2C1%2C.87-1.08%2C5%2C5%2C0%2C0%2C1%2C1.26-.79%2C5.91%2C5.91%2C0%2C0%2C1%2C1.05-.35%2C7.64%2C7.64%2C0%2C0%2C1%2C1-.16%2C5.36%2C5.36%2C0%2C0%2C1%2C1.36%2C0%2C7.23%2C7.23%2C0%2C0%2C1%2C.81.15%2C5.59%2C5.59%2C0%2C0%2C1%2C2.06%2C1Z'/%3E%3Cpath fill='%23128DBE' d='M5.12%2C11.56A2.41%2C2.41%2C0%2C1%2C1%2C7.54%2C9.15%2C2.42%2C2.42%2C0%2C0%2C1%2C5.12%2C11.56Z'/%3E%3Cpath fill='%23128DBE' d='M21.27%2C9.05A2.41%2C2.41%2C0%2C1%2C1%2C19%2C6.64%2C2.39%2C2.39%2C0%2C0%2C1%2C21.27%2C9.05Z'/%3E%3C/svg%3E");
}
a[href="#team"] i.icon-file {
	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='%23128DBE' d='M16%2C13C15.71%2C13 15.38%2C13 15.03%2C13.05C16.19%2C13.89 17%2C15 17%2C16.5V19H23V16.5C23%2C14.17 18.33%2C13 16%2C13M8%2C13C5.67%2C13 1%2C14.17 1%2C16.5V19H15V16.5C15%2C14.17 10.33%2C13 8%2C13M8%2C11A3%2C3 0 0%2C0 11%2C8A3%2C3 0 0%2C0 8%2C5A3%2C3 0 0%2C0 5%2C8A3%2C3 0 0%2C0 8%2C11M16%2C11A3%2C3 0 0%2C0 19%2C8A3%2C3 0 0%2C0 16%2C5A3%2C3 0 0%2C0 13%2C8A3%2C3 0 0%2C0 16%2C11Z' /%3E %3C/svg%3E");
}
a[href="#definition"] i.icon-file {
	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='%23128DBE' d='M12%2C4A4%2C4 0 0%2C1 16%2C8A4%2C4 0 0%2C1 12%2C12A4%2C4 0 0%2C1 8%2C8A4%2C4 0 0%2C1 12%2C4M12%2C14C16.42%2C14 20%2C15.79 20%2C18V20H4V18C4%2C15.79 7.58%2C14 12%2C14M7%2C22H9V24H7V22M11%2C22H13V24H11V22M15%2C22H17V24H15V22Z' /%3E %3C/svg%3E");
}
a[href="#settings"] i.icon-file {
    width: 17px;
    height: 20px;
    top: 6px;
    background-size: 17px !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%2C15.5A3.5%2C3.5 0 0%2C1 8.5%2C12A3.5%2C3.5 0 0%2C1 12%2C8.5A3.5%2C3.5 0 0%2C1 15.5%2C12A3.5%2C3.5 0 0%2C1 12%2C15.5M19.43%2C12.97C19.47%2C12.65 19.5%2C12.33 19.5%2C12C19.5%2C11.67 19.47%2C11.34 19.43%2C11L21.54%2C9.37C21.73%2C9.22 21.78%2C8.95 21.66%2C8.73L19.66%2C5.27C19.54%2C5.05 19.27%2C4.96 19.05%2C5.05L16.56%2C6.05C16.04%2C5.66 15.5%2C5.32 14.87%2C5.07L14.5%2C2.42C14.46%2C2.18 14.25%2C2 14%2C2H10C9.75%2C2 9.54%2C2.18 9.5%2C2.42L9.13%2C5.07C8.5%2C5.32 7.96%2C5.66 7.44%2C6.05L4.95%2C5.05C4.73%2C4.96 4.46%2C5.05 4.34%2C5.27L2.34%2C8.73C2.21%2C8.95 2.27%2C9.22 2.46%2C9.37L4.57%2C11C4.53%2C11.34 4.5%2C11.67 4.5%2C12C4.5%2C12.33 4.53%2C12.65 4.57%2C12.97L2.46%2C14.63C2.27%2C14.78 2.21%2C15.05 2.34%2C15.27L4.34%2C18.73C4.46%2C18.95 4.73%2C19.03 4.95%2C18.95L7.44%2C17.94C7.96%2C18.34 8.5%2C18.68 9.13%2C18.93L9.5%2C21.58C9.54%2C21.82 9.75%2C22 10%2C22H14C14.25%2C22 14.46%2C21.82 14.5%2C21.58L14.87%2C18.93C15.5%2C18.67 16.04%2C18.34 16.56%2C17.94L19.05%2C18.95C19.27%2C19.03 19.54%2C18.95 19.66%2C18.73L21.66%2C15.27C21.78%2C15.05 21.73%2C14.78 21.54%2C14.63L19.43%2C12.97Z' /%3E %3C/svg%3E");
}
a[href="#access"] i.icon-user {
	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='%23128DBE' d='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E %3C/svg%3E");
}
.departments-page ul.clean.tabs a[href="#access"]:before {
    background-image: initial;
    width: initial;
    height: initial;
}
.departments-page ul.clean.tabs a[href="#access"] i.icon-user {
    margin: 0 1px 0 0;
} 
.icon-file-alt {
	display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 0px 1px;	
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='M20%2C2H4A2%2C2 0 0%2C0 2%2C4V22L6%2C18H20A2%2C2 0 0%2C0 22%2C16V4A2%2C2 0 0%2C0 20%2C2M20%2C16H6L4%2C18V4H20' /%3E %3C/svg%3E");
}
i.icon-file-text-alt {
	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='%23128DBE' d='M20%2C2A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H6L2%2C22V4C2%2C2.89 2.9%2C2 4%2C2H20M4%2C4V17.17L5.17%2C16H20V4H4M6%2C7H18V9H6V7M6%2C11H15V13H6V11Z' /%3E %3C/svg%3E");
}
i.icon-download-alt {
	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='%23128DBE' d='M5%2C20H19V18H5M19%2C9H15V3H9V9H5L12%2C16L19%2C9Z' /%3E %3C/svg%3E");
}
a.no-pjax:hover i.icon-download-alt {
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='M5%2C20H19V18H5M19%2C9H15V3H9V9H5L12%2C16L19%2C9Z' /%3E %3C/svg%3E");
}
#action-dropdown-print i.icon-download {
	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=fill='%23128DBE' d='M9%2C1V7H5L12%2C14L19%2C7H15V1H9M5%2C16V18H19V16H5M5%2C20V22H19V20H5Z' /%3E %3C/svg%3E");
}
a.no-pjax:hover #action-dropdown-print i.icon-download {
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%2C1V7H5L12%2C14L19%2C7H15V1H9M5%2C16V18H19V16H5M5%2C20V22H19V20H5Z' /%3E %3C/svg%3E");
}
a.no-pjax:hover .icon-file-alt {
	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='%23ffffff' d='M20%2C2H4A2%2C2 0 0%2C0 2%2C4V22L6%2C18H20A2%2C2 0 0%2C0 22%2C16V4A2%2C2 0 0%2C0 20%2C2M20%2C16H6L4%2C18V4H20' /%3E %3C/svg%3E");
}
a.no-pjax:hover i.icon-list-alt {
    width: 20px;
    height: 20px;
    top: 5px !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='%23ffffff' d='M16%2C15H9V13H16V15M19%2C11H9V9H19V11M19%2C7H9V5H19V7M3%2C5V21H19V23H3A2%2C2 0 0%2C1 1%2C21V5H3M21%2C1A2%2C2 0 0%2C1 23%2C3V17C23%2C18.11 22.11%2C19 21%2C19H7A2%2C2 0 0%2C1 5%2C17V3C5%2C1.89 5.89%2C1 7%2C1H21M7%2C3V17H21V3H7Z' /%3E %3C/svg%3E");
}
a.no-pjax:hover i.icon-file-text-alt {
	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='%23ffffff' d='M20%2C2A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H6L2%2C22V4C2%2C2.89 2.9%2C2 4%2C2H20M4%2C4V17.17L5.17%2C16H20V4H4M6%2C7H18V9H6V7M6%2C11H15V13H6V11Z' /%3E %3C/svg%3E");
}
.action-button[href="#tickets/545/add-task"] i.icon-plus-sign {
	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='%23128DBE' d='M3%2C3H9V7H3V3M15%2C10H21V14H15V10M15%2C17H21V21H15V17M13%2C13H7V18H13V20H7L5%2C20V9H7V11H13V13Z' /%3E%3C/svg%3E");
}
i.icon-list-alt {
    width: 18px !important;
    height: 18px !important;
    top: 7px !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='M16%2C15H9V13H16V15M19%2C11H9V9H19V11M19%2C7H9V5H19V7M3%2C5V21H19V23H3A2%2C2 0 0%2C1 1%2C21V5H3M21%2C1A2%2C2 0 0%2C1 23%2C3V17C23%2C18.11 22.11%2C19 21%2C19H7A2%2C2 0 0%2C1 5%2C17V3C5%2C1.89 5.89%2C1 7%2C1H21M7%2C3V17H21V3H7Z' /%3E %3C/svg%3E");
}
#user-view-tabs i.icon-list-alt {
    width: 17px !important;
    height: 17px !important;
    top: 5px !important;
    margin-top: 2px;
}
#orgs-list table.list tbody td:nth-child(3):after {
    display: inline-block;
    content: ' ';	
    width: 20px;
    height: 20px;
    background-size: 16px !important;
    background-repeat: no-repeat;
    position: relative;
    top: 7px;
    left: 5px;
    color: #929292;
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='%23929292' d='M16%2C13C15.71%2C13 15.38%2C13 15.03%2C13.05C16.19%2C13.89 17%2C15 17%2C16.5V19H23V16.5C23%2C14.17 18.33%2C13 16%2C13M8%2C13C5.67%2C13 1%2C14.17 1%2C16.5V19H15V16.5C15%2C14.17 10.33%2C13 8%2C13M8%2C11A3%2C3 0 0%2C0 11%2C8A3%2C3 0 0%2C0 8%2C5A3%2C3 0 0%2C0 5%2C8A3%2C3 0 0%2C0 8%2C11M16%2C11A3%2C3 0 0%2C0 19%2C8A3%2C3 0 0%2C0 16%2C5A3%2C3 0 0%2C0 13%2C8A3%2C3 0 0%2C0 16%2C11Z' /%3E %3C/svg%3E");
}
.orgs table.list tbody td:nth-child(3) {
    padding: 0 0 6px 0; /*don't use important, target instead*/
}
i.icon-info-sign.faded,
ul#topic-tabs .icon-info-sign:before,
.categories a[href="#info"]:before {
    content: " ";	
    width: 20px;
    height: 20px;
    top: 4px !important;
    display: inline-block; /* tips */	
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='M11%2C9H13V7H11M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2M11%2C17H13V11H11V17Z' /%3E %3C/svg%3E");
}
.dashboard ul.tabs li a[href="#dept"]:before {
	display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 5px;	
    top: 6px;
    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='M3%2C6H21V8H3V6M3%2C11H21V13H3V11M3%2C16H21V18H3V16Z' /%3E %3C/svg%3E");
}
.dashboard ul.tabs li a[href="#topic"]:before {
	display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 5px;	
    top: 6px;
    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='M11%2C9H13V7H11M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2M11%2C17H13V11H11V17Z' /%3E %3C/svg%3E");
}
.dashboard ul.tabs li a[href="#staff"]:before {
	display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 5px;	
    top: 6px;
    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='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");
}

@media screen and (max-width: 760px) {
	.dashboard ul.tabs li a {
		margin-right: -5px;
	}
}
.categories a[href="#info"]:before {
    display: inline-block;
    width: 27px;
    height: 20px;
    position: relative;
    top: 4px;
    background-size: 20px;
    background-position: 4px 2px !important;
    background-repeat: no-repeat;
}
span.ui-icon.ui-icon-circle-triangle-e {
	display: inline-block !important;
    width: 20px;
    height: 20px;
    top: 11px !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='%23ffffff' d='M8.59%2C16.58L13.17%2C12L8.59%2C7.41L10%2C6L16%2C12L10%2C18L8.59%2C16.58Z' /%3E %3C/svg%3E");
}
span.ui-icon.ui-icon-circle-triangle-w {
	display: inline-block !important;
    width: 20px;
    height: 20px;
    top: 11px !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='%23ffffff' d='M15.41%2C16.58L10.83%2C12L15.41%2C7.41L14%2C6L8%2C12L14%2C18L15.41%2C16.58Z' /%3E %3C/svg%3E");
}
.ui-icon-circle-triangle-e {
    background-position: unset;
}
.ui-icon-circle-triangle-w {
    background-position: -8px 0px;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span


.ui-state-hover:not(button), .ui-widget-content .ui-state-hover:not(button), .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: unset;
    background: unset;
    font-weight: unset;
    color: unset;
}
.ui-widget-content .ui-state-hover {
    background: #fff !important;
    color: #004d73;
    border-color: #969696;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    top: 2px;
    right: 2px;
}
a.ui-datepicker-prev.ui-corner-all.ui-state-hover {
    left: 2px;
}
i.icon.icon-check {
    margin: 0;
}
.icon-check:before {
    content: "\f046";
    content: ' ';
    width: 17px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
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");
}
.system table.list .icon-warning-sign {
    margin: 0;
}
.system table.list .icon-warning-sign:before {
    content: "\f046";
    content: ' ';
    width: 17px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
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='%23d01919' d='M19%2C6.41L17.59%2C5L12%2C10.59L6.41%2C5L5%2C6.41L10.59%2C12L5%2C17.59L6.41%2C19L12%2C13.41L17.59%2C19L19%2C17.59L13.41%2C12L19%2C6.41Z' /%3E %3C/svg%3E");
}
div#sort-options-label {
    float: left;	
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 24' style='enable-background:new 0 0 38 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bdisplay:none%3B%7D .st1%7Bdisplay:inline%3B%7D .st2%7Bfill:none%3B%7D .st3%7Bfill:%23128DBE%3B%7D %3C/style%3E %3Cg id='Layer_1' class='st0'%3E %3Cg id='Layer_1_1_' class='st1'%3E %3Cpolygon class='st2' points='26%2C2 37%2C21 15%2C21 '/%3E %3C/g%3E %3Cg id='Layer_2' class='st1'%3E %3Cpolygon class='st3' points='13.1%2C15.9 6%2C9.1 20.2%2C9.1 '/%3E %3C/g%3E %3C/g%3E %3Cg id='Layer_2_2_'%3E %3Cg id='Layer_1_2_'%3E %3Cpolygon class='st2' points='26%2C2 37%2C21 15%2C21 '/%3E %3C/g%3E %3Cg id='Layer_2_1_'%3E %3Cpolygon class='st3' points='13.1%2C4 20.2%2C10.8 6%2C10.8 '/%3E %3Cpolygon class='st3' points='13.1%2C21 6%2C14.1 20.2%2C14.1 '/%3E %3C/g%3E %3C/g%3E %3Cg id='Layer_3' class='st0'%3E %3Cg id='Layer_1_3_' class='st1'%3E %3Cpolygon class='st2' points='26%2C4.3 37%2C23.3 15%2C23.3 '/%3E %3C/g%3E %3Cg id='Layer_2_3_' class='st1'%3E %3Cpolygon class='st3' points='13.1%2C9.1 20.2%2C15.9 6%2C15.9 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: -4px 0px;
    width: 13px;
    position: relative;
    top: 4px;
}
.add-translation i.icon-plus-sign {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin-right: -4px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-293 385 24 24' style='enable-background:new -293 385 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%2325AD30%3B%7D %3C/style%3E %3Cpath class='st0' d='M-288%2C395.7v-3h-2v3h-3v2h3v3h2v-3h3v-2'/%3E %3Cpath id='japanese' class='st0' d='M-275.5%2C394.9l0.5-1.1l1.9%2C0.7l-0.3%2C0.7c1.2%2C0.5%2C2%2C0.8%2C2.4%2C1.1c0.6%2C0.4%2C1.1%2C0.9%2C1.5%2C1.6 c0.4%2C0.7%2C0.6%2C1.5%2C0.6%2C2.4c0%2C1.4-0.5%2C2.7-1.6%2C3.7c-1.1%2C1.1-3%2C1.9-5.7%2C2.3c-0.2-0.6-0.5-1.2-0.7-1.7c1.7-0.3%2C3-0.6%2C3.7-1 c0.8-0.4%2C1.4-0.9%2C1.8-1.5c0.4-0.5%2C0.6-1.2%2C0.6-2c0-0.9-0.2-1.6-0.7-2.3c-0.6-0.6-1.4-1.1-2.5-1.4c-0.6%2C1.1-1.2%2C2-1.7%2C2.6 c-0.4%2C0.6-1.2%2C1.6-2.4%2C3.1c0.2%2C0.7%2C0.3%2C1.3%2C0.5%2C1.7l-1.9%2C0.7l-0.2-0.9c-0.8%2C0.6-1.4%2C1.1-2%2C1.4c-0.7%2C0.3-1.2%2C0.4-1.6%2C0.4 c-0.5%2C0-1-0.2-1.5-0.7c-0.4-0.5-0.6-1.2-0.6-2c0-1.1%2C0.2-2.1%2C0.7-2.9c0.4-0.8%2C1.1-1.6%2C2-2.4c0.5-0.4%2C1.3-0.9%2C2.4-1.5 c0-0.5%2C0.1-1.4%2C0.2-2.8c-0.9%2C0.1-1.7%2C0.1-2.2%2C0.1c-0.7%2C0-1.3%2C0-1.7-0.1l-0.1-1.9c1.3%2C0.2%2C2.7%2C0.2%2C4.1%2C0.2c0-0.3%2C0.1-1.3%2C0.4-3.2 l2.1%2C0.3c-0.3%2C1-0.5%2C1.9-0.6%2C2.7c0.4-0.1%2C1-0.1%2C1.6-0.2c0.7-0.1%2C1-0.2%2C1.1-0.2c0.1%2C0%2C1.2-0.3%2C3.2-0.8l0.1%2C1.9 c-1.7%2C0.4-3.9%2C0.8-6.3%2C1.1c-0.1%2C1.2-0.2%2C2-0.2%2C2.3C-277.7%2C395-276.5%2C394.9-275.5%2C394.9z M-280.3%2C401.9c-0.1-0.9-0.2-2.2-0.4-4.2 c-1%2C0.8-1.9%2C1.5-2.5%2C2.4c-0.5%2C0.8-0.8%2C1.6-0.8%2C2.4c0%2C0.4%2C0.1%2C0.8%2C0.2%2C1.1c0.2%2C0.2%2C0.4%2C0.2%2C0.6%2C0.2 C-282.6%2C403.8-281.6%2C403.2-280.3%2C401.9z M-278.9%2C396.9c0%2C0.9%2C0.1%2C2%2C0.2%2C3.3c1.1-1.6%2C1.9-2.9%2C2.4-3.7 C-277.4%2C396.5-278.2%2C396.7-278.9%2C396.9z'/%3E %3C/svg%3E ");
}
.customQ-dropdown i.icon-plus-sign {
display: inline-block;
    height: 17px;
    margin: 0 -7px 0 0 !important;
    background-size: 16px !important;
	opacity: .8;
    top: 5px;	
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.5%2C14L20.5%2C19L19%2C20.5L14%2C15.5V14.71L13.73%2C14.43C12.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%2C3A6.5%2C6.5 0 0%2C1 16%2C9.5C16%2C11.11 15.41%2C12.59 14.43%2C13.73L14.71%2C14H15.5M9.5%2C14C12%2C14 14%2C12 14%2C9.5C14%2C7 12%2C5 9.5%2C5C7%2C5 5%2C7 5%2C9.5C5%2C12 7%2C14 9.5%2C14M12%2C10H10V12H9V10H7V9H9V7H10V9H12V10Z' /%3E %3C/svg%3E");
}
.customQ-dropdown .add-queue a:hover i.icon-plus-sign {
    opacity: 1;
}
.configureQ i.icon-fixed-width.icon-plus-sign {
	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='%23128DBE' d='M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2M13%2C7H11V11H7V13H11V17H13V13H17V11H13V7Z' /%3E%3C/svg%3E");
}
.configureQ .noclick-dropdown ul li > a:hover i.icon-fixed-width.icon-plus-sign {
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='M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C7.59 7.59%2C4 12%2C4C16.41%2C4 20%2C7.59 20%2C12C20%2C16.41 16.41%2C20 12%2C20M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2M13%2C7H11V11H7V13H11V17H13V13H17V11H13V7Z' /%3E%3C/svg%3E");
}	
.configureQ .noclick-dropdown ul li > a:hover i.icon-fixed-width.icon-pencil {
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='M20.71%2C7.04C21.1%2C6.65 21.1%2C6 20.71%2C5.63L18.37%2C3.29C18%2C2.9 17.35%2C2.9 16.96%2C3.29L15.12%2C5.12L18.87%2C8.87M3%2C17.25V21H6.75L17.81%2C9.93L14.06%2C6.18L3%2C17.25Z' /%3E%3C/svg%3E");
}
i.icon-columns {
    top: -3px !important;
}
.Icon.overdueTicket {
    padding-left: 18px !important;
    background-size: 18px !important;
    background-position: 1px -1px;
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");
}
td.osta_username i.icon-group {
    display: inline-block;
    width: 31px;
    height: 18px;
    background-size: 28px !important;
    background-position: center center;
    /* background-color: #eee; */
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1204 652.2' xml:space='preserve'%3E %3Cpath fill='%235D5E5E' d='M1198.1%2C606.3c-1.7-7.9-2.8-16-5.2-23.6c-4.3-13.2-11.6-24.4-24.3-31.6c-18.8-10.6-39.3-16.4-60.1-21 c-36.4-7.9-73-15-109.6-22.1c-12.5-2.4-24.5-4.9-29.3-19c-1.3-3.9-2.9-7.7-4.8-11.3c-2-3.7-0.4-5.2%2C2.8-6.7 c26.9-13%2C46.7-33.6%2C61.4-59.2c13.1-22.8%2C20.6-47.4%2C23.4-73.6c2.6-24.8%2C1.2-49.1-5.4-73c-12.8-45.9-37.5-82.9-81.5-104.4 c-24.3-11.8-49.8-14.3-76-8.1c-33.2%2C7.9-58.3%2C27.7-77.8%2C55c-21.9%2C30.7-32%2C65.5-33.3%2C102.9c-1%2C29.5%2C4.5%2C58%2C16.7%2C85.1 c15%2C33.3%2C37.3%2C59.7%2C70.6%2C76.1c1.2%2C0.6%2C2.4%2C3.4%2C2%2C4.4c-3.6%2C7.8-7.5%2C15.5-11.5%2C23.1c-1.2%2C2.2-2.8%2C2.8-5.8%2C2.1 c-17.1-4-34.2-7.9-51.3-11.3c-34.7-6.9-69.4-13.4-104.1-20.3c-5.7-1.1-11.7-2.2-15.9-7.3c-9.8-12.1-15-26.3-20.4-40.7 c1.2-0.6%2C2.1-1.2%2C2.9-1.5c31.5-13.8%2C56.2-35.7%2C75.4-63.9c27.1-39.8%2C40.2-84.3%2C40.8-132.2c0.2-16.7-1.7-33.5-3.9-50 c-2.8-21.8-10-42.4-19.5-62.3c-12.4-26.1-28.9-49.1-50.9-68C683.9%2C27.1%2C661.9%2C15.1%2C636.8%2C9c-6.5-1.6-13.2-2.7-19.8-4 c-10%2C0-20%2C0-30%2C0c-0.6%2C0.3-1.1%2C0.9-1.7%2C0.9c-24.1%2C2.1-46%2C10.8-66%2C23.9c-38.6%2C25.2-63.2%2C61.6-78.9%2C104.2 c-6.5%2C17.7-10.5%2C36.1-12.7%2C54.9c-2.5%2C21.8-2.5%2C43.6%2C0.6%2C65.2c4.5%2C32%2C14.4%2C62.4%2C31.1%2C90.4c11.9%2C19.8%2C26.4%2C37.4%2C44.4%2C52 c11.5%2C9.4%2C23.9%2C17.3%2C37.5%2C23.3c2.3%2C1%2C4.4%2C1.5%2C2.9%2C5.3c-4.6%2C12.1-9.4%2C24-16.9%2C34.7c-3.1%2C4.3-6.9%2C7.4-12.3%2C8.5 c-22.6%2C4.5-45.2%2C9.3-67.8%2C14c-31.1%2C6.4-62.2%2C12.6-93.2%2C19.2c-3.4%2C0.7-4.9-0.1-6.3-2.8c-3.4-6.6-6.9-13.1-10.4-19.7 c-2-3.7-1.4-6%2C2.9-8c17.9-8.3%2C32.7-20.9%2C45.1-36c23.2-28.2%2C35.5-61.1%2C39.5-97.1c3.3-29-0.1-57.5-9.7-85.2 c-12.4-36-33.4-65.4-66.1-85.6c-26.9-16.6-56.2-21.4-87-14.3c-35.5%2C8.2-61.9%2C29.7-81.4%2C59.6c-27.6%2C42.4-35.1%2C89.1-27.3%2C138.6 c3.4%2C21.6%2C10.8%2C41.9%2C21.7%2C60.9c13.4%2C23.2%2C31.1%2C42.2%2C54.4%2C55.7c11.6%2C6.7%2C12%2C6.5%2C6.5%2C18.7c-4.2%2C9.3-9%2C17.8-20.8%2C19.9 c-27.8%2C5-55.5%2C10.4-83.2%2C16c-29.5%2C5.9-58.9%2C12.3-86.8%2C24c-17.2%2C7.2-28.5%2C19.6-34%2C37.2C8.5%2C591.3%2C7%2C599.7%2C5%2C608c0%2C9.7%2C0%2C19.3%2C0%2C29 c3.2%2C7.8%2C9%2C10.2%2C17.3%2C10.1c54.5-0.3%2C109-0.2%2C163.5-0.2c117.6%2C0%2C235.2%2C0.1%2C352.8%2C0.1c125.3%2C0%2C250.5%2C0%2C375.8%2C0 c89.9%2C0%2C179.9%2C0%2C269.8%2C0.2c7.6%2C0%2C11.9-3.8%2C14.8-10.2c0-9.7%2C0-19.3%2C0-29C1198.7%2C607.4%2C1198.2%2C606.9%2C1198.1%2C606.3z M243.1%2C569.9 c-5.4%2C16.1-7.2%2C32.7-7.2%2C50.2c-67.9%2C0-135.7%2C0-204.2%2C0c0.7-15.3%2C1.6-30.7%2C12.7-42.2c5.1-5.3%2C13.1-8.2%2C20.3-10.9 c27.1-10.1%2C55.4-15.5%2C83.7-21c24.2-4.7%2C48.5-9.5%2C72.7-14.1c15.8-3%2C27.6-11.6%2C34.4-25.9c5.4-11.3%2C10.1-23.1%2C14.2-35 c3.2-9.5-0.6-15-9.9-19.2c-9.6-4.4-19.5-8.7-28-14.8c-23.7-17.2-38.1-41.2-46.8-68.8c-9.5-29.7-10.6-60-3.7-90.1 c7.9-34.6%2C24.5-64.5%2C54.5-85.3c33.1-22.9%2C75.1-22.2%2C107.5%2C2c28.3%2C21.2%2C44.1%2C50.2%2C51.7%2C84.2c3.5%2C15.4%2C4.9%2C30.9%2C3.9%2C46.6 c-2.5%2C38.5-14.7%2C73.1-42.3%2C101c-10.9%2C11-23.6%2C19.3-38.3%2C24.5c-12.3%2C4.3-15.3%2C10.3-10.9%2C22.6c4.3%2C11.9%2C9.3%2C23.6%2C13.9%2C35.2 c-13.6%2C5.4-27.7%2C10.8-41.6%2C16.7C260.1%2C534.1%2C249.6%2C550.5%2C243.1%2C569.9z M937.3%2C620.6c-15%2C0-30%2C0-44.9%2C0c-69%2C0-138%2C0-207%2C0 c-51.6%2C0-103.2%2C0.1-154.9%2C0.1c-71.5%2C0-143-0.1-214.4-0.1c-16%2C0-32%2C0-47.9%2C0c-1.8%2C0-3.6-0.2-6-0.3c0.9-20.1%2C2.4-39.2%2C12.8-56.3 c4.4-7.2%2C10.7-11.7%2C18.1-15.1c23.3-10.7%2C47.9-17.4%2C72.9-22.8c30.9-6.6%2C62-12.6%2C93.1-18.8c18.5-3.7%2C36.9-7.8%2C55.5-11.2 c18.7-3.4%2C31.8-13.8%2C40.8-30.3c8.1-15%2C14.5-30.6%2C19-46.9c2.6-9.3%2C0-14.9-9-18.1c-16.2-5.8-31.2-13.7-44.6-24.6 c-22.1-18.1-38-40.8-49.4-66.7c-15-34-20.6-69.7-18-106.5c3.2-45%2C17.4-86.1%2C46.9-120.9c22.9-27%2C51.3-45.4%2C87.1-49.7 c36.1-4.3%2C68.1%2C6.3%2C95.9%2C29.3c34.6%2C28.6%2C53.8%2C66.4%2C63.3%2C109.6c5.4%2C24.6%2C6.4%2C49.6%2C3.3%2C74.4c-5.9%2C47.3-23.3%2C89.5-58.2%2C123.1 c-13.9%2C13.4-30%2C23.6-48.2%2C30.1c-2%2C0.7-4.1%2C1.4-6%2C2.3c-6.9%2C3.2-10.2%2C8.4-8.1%2C15.7c5.9%2C21.2%2C13.8%2C41.5%2C26.7%2C59.6 c8.4%2C11.7%2C20.4%2C16.7%2C33.6%2C19.4c28.6%2C5.8%2C57.2%2C11.3%2C85.8%2C16.9c39.3%2C7.8%2C78.7%2C15.2%2C116.7%2C28.3c6.7%2C2.3%2C13.2%2C5.3%2C19.8%2C8.1 c15.9%2C6.9%2C22.2%2C20.9%2C25.8%2C36.3c2.4%2C10.3%2C2.7%2C21%2C4%2C31.6C942.2%2C620.8%2C939.7%2C620.6%2C937.3%2C620.6z M1172.1%2C620.4c-68.2%2C0-135.8%2C0-203.6%2C0 c-0.5-7.5-0.8-14.6-1.6-21.6c-2.2-19.9-7.3-38.7-19.6-55.1c-7.9-10.6-18.8-16.7-30.6-21.5c-11.4-4.7-23.2-8.7-34.5-12.8 c4-9.6%2C8.2-19.1%2C12-28.8c1.7-4.4%2C3-9.1%2C3.8-13.8c1-5.9-1.6-10.4-7-12.9c-5.4-2.6-11.1-4.4-16.4-7.2c-30-15.5-48.3-40.8-59.8-71.8 c-8.3-22.5-11.6-45.8-9.8-69.5c2.8-38.8%2C15.8-73.5%2C44.3-101.1c18.1-17.4%2C39.8-27.7%2C65.3-28c27.4-0.3%2C50.4%2C10.8%2C69.5%2C29.9 c24%2C24.1%2C36.7%2C53.6%2C41%2C87.1c5.3%2C41.4-2.1%2C80.1-25.5%2C115c-13.5%2C20.2-31.4%2C35-54.5%2C43.4c-11.2%2C4-14.5%2C9.8-10.3%2C21.1 c4.6%2C12.4%2C10%2C24.5%2C15.7%2C36.4c6.5%2C13.6%2C18.6%2C19.9%2C32.7%2C22.7c29.2%2C5.8%2C58.7%2C10.8%2C87.7%2C17.2c23.4%2C5.2%2C46.5%2C11.6%2C69.6%2C18.4 c10%2C2.9%2C19.8%2C7.2%2C24.6%2C17.9C1170%2C596.4%2C1172.3%2C607.8%2C1172.1%2C620.4z'/%3E %3Cpath fill='%23FFFFFF' d='M937.7%2C585.5c-3.6-15.3-9.9-29.4-25.8-36.3c-6.5-2.8-13.1-5.8-19.8-8.1c-38-13.1-77.4-20.5-116.7-28.3 c-28.6-5.6-57.2-11.1-85.8-16.9c-13.3-2.7-25.3-7.7-33.6-19.4c-13-18.1-20.8-38.4-26.7-59.6c-2.1-7.4%2C1.2-12.5%2C8.1-15.7 c1.9-0.9%2C4-1.6%2C6-2.3c18.3-6.5%2C34.3-16.7%2C48.2-30.1c35-33.6%2C52.3-75.8%2C58.2-123.1c3.1-24.9%2C2-49.9-3.3-74.4 c-9.5-43.2-28.7-81-63.3-109.6c-27.8-23-59.8-33.7-95.9-29.3C551.5%2C36.6%2C523.1%2C55%2C500.2%2C82c-29.5%2C34.8-43.8%2C75.9-46.9%2C120.9 c-2.6%2C36.8%2C3%2C72.5%2C18%2C106.5c11.5%2C25.9%2C27.4%2C48.6%2C49.4%2C66.7c13.3%2C10.9%2C28.4%2C18.8%2C44.6%2C24.6c9%2C3.2%2C11.6%2C8.8%2C9%2C18.1 c-4.6%2C16.3-10.9%2C32-19%2C46.9c-9%2C16.5-22%2C26.9-40.8%2C30.3c-18.6%2C3.4-37%2C7.5-55.5%2C11.2c-31%2C6.3-62.1%2C12.2-93.1%2C18.8 c-24.9%2C5.4-49.6%2C12.1-72.9%2C22.8c-7.4%2C3.4-13.7%2C7.9-18.1%2C15.1c-10.4%2C17.2-11.8%2C36.3-12.8%2C56.3c2.4%2C0.1%2C4.2%2C0.3%2C6%2C0.3 c16%2C0%2C32%2C0%2C47.9%2C0c71.5%2C0%2C143%2C0.1%2C214.4%2C0.1c51.6%2C0%2C103.2-0.1%2C154.9-0.1c69%2C0%2C138%2C0%2C207%2C0c15%2C0%2C30%2C0%2C44.9%2C0c2.4%2C0%2C4.9%2C0.2%2C4.4-3.5 C940.4%2C606.5%2C940.1%2C595.8%2C937.7%2C585.5z'/%3E %3Cpath fill='%23FFFFFF' d='M1140.7%2C567.5c-23-6.7-46.2-13.2-69.6-18.4c-29.1-6.5-58.5-11.5-87.7-17.2c-14.1-2.8-26.2-9.1-32.7-22.7 c-5.7-11.9-11.1-24-15.7-36.4c-4.2-11.3-0.9-17.1%2C10.3-21.1c23.1-8.3%2C41-23.2%2C54.5-43.4c23.4-35%2C30.8-73.7%2C25.5-115 c-4.3-33.4-17-63-41-87.1c-19.1-19.2-42.1-30.2-69.5-29.9c-25.4%2C0.3-47.2%2C10.5-65.3%2C28c-28.6%2C27.5-41.5%2C62.3-44.3%2C101.1 c-1.7%2C23.7%2C1.5%2C47.1%2C9.8%2C69.5c11.5%2C31%2C29.8%2C56.3%2C59.8%2C71.8c5.3%2C2.7%2C11%2C4.6%2C16.4%2C7.2c5.4%2C2.5%2C8%2C7.1%2C7%2C12.9c-0.8%2C4.7-2.1%2C9.4-3.8%2C13.8 c-3.8%2C9.7-8%2C19.2-12%2C28.8c11.3%2C4.2%2C23.1%2C8.1%2C34.5%2C12.8c11.7%2C4.8%2C22.7%2C11%2C30.6%2C21.5c12.3%2C16.4%2C17.4%2C35.2%2C19.6%2C55.1 c0.8%2C7%2C1.1%2C14.1%2C1.6%2C21.6c67.8%2C0%2C135.4%2C0%2C203.6%2C0c0.2-12.6-2.1-24-6.9-35C1160.5%2C574.7%2C1150.6%2C570.4%2C1140.7%2C567.5z'/%3E %3Cpath fill='%23FFFFFF' d='M321.3%2C509.1c-4.6-11.5-9.6-23.2-13.9-35.2c-4.4-12.3-1.4-18.2%2C10.9-22.6c14.7-5.2%2C27.4-13.5%2C38.3-24.5 c27.6-28%2C39.8-62.6%2C42.3-101c1-15.6-0.4-31.2-3.9-46.6c-7.7-34-23.4-63-51.7-84.2c-32.3-24.2-74.3-24.9-107.5-2 c-30.1%2C20.8-46.6%2C50.6-54.5%2C85.3c-6.9%2C30.1-5.8%2C60.4%2C3.7%2C90.1c8.8%2C27.6%2C23.1%2C51.6%2C46.8%2C68.8c8.5%2C6.1%2C18.4%2C10.5%2C28%2C14.8 c9.2%2C4.2%2C13.1%2C9.7%2C9.9%2C19.2c-4.1%2C11.9-8.8%2C23.6-14.2%2C35c-6.9%2C14.4-18.6%2C22.9-34.4%2C25.9c-24.3%2C4.6-48.5%2C9.4-72.7%2C14.1 c-28.3%2C5.5-56.6%2C10.9-83.7%2C21c-7.2%2C2.7-15.2%2C5.6-20.3%2C10.9c-11.1%2C11.5-12%2C26.9-12.7%2C42.2c68.5%2C0%2C136.3%2C0%2C204.2%2C0 c0.1-17.5%2C1.8-34.2%2C7.2-50.2c6.5-19.4%2C17-35.8%2C36.7-44.2C293.6%2C519.9%2C307.7%2C514.5%2C321.3%2C509.1z'/%3E %3Cpath fill='%235D5E5E' d='M1184.2%2C647.2c-89.9-0.1-179.9-0.1-269.8-0.2c-125.3%2C0-250.5%2C0-375.8%2C0c-117.6%2C0-235.2-0.1-352.8-0.1 c-54.5%2C0-109-0.1-163.5%2C0.2C14%2C647.2%2C8.2%2C644.8%2C5%2C637c0%2C3.7%2C0%2C7.3%2C0%2C11c398%2C0%2C796%2C0%2C1194%2C0c0-3.7%2C0-7.3%2C0-11 C1196.1%2C643.4%2C1191.7%2C647.2%2C1184.2%2C647.2z'/%3E %3C/svg%3E ");
}
i.icon-copy-clipboard {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px !important;
    margin: -5px 6px 0 0;
    padding: 0px;
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='%236d7989' d='M19%2C3A2%2C2 0 0%2C1 21%2C5V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V5A2%2C2 0 0%2C1 5%2C3H9.18C9.6%2C1.84 10.7%2C1 12%2C1C13.3%2C1 14.4%2C1.84 14.82%2C3H19M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3M7%2C7V5H5V19H19V5H17V7H7M16.91%2C13L11.91%2C18V15H7.91V11H11.91V8L16.91%2C13Z' /%3E %3C/svg%3E");
}
i.icon-copy-support {
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px !important;
    margin: -5px 6px 0 0;
    padding: 0px;
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='%236d7989' d='M19.79%2C15.41C20.74%2C13.24 20.74%2C10.75 19.79%2C8.59L17.05%2C9.83C17.65%2C11.21 17.65%2C12.78 17.06%2C14.17L19.79%2C15.41M15.42%2C4.21C13.25%2C3.26 10.76%2C3.26 8.59%2C4.21L9.83%2C6.94C11.22%2C6.35 12.79%2C6.35 14.18%2C6.95L15.42%2C4.21M4.21%2C8.58C3.26%2C10.76 3.26%2C13.24 4.21%2C15.42L6.95%2C14.17C6.35%2C12.79 6.35%2C11.21 6.95%2C9.82L4.21%2C8.58M8.59%2C19.79C10.76%2C20.74 13.25%2C20.74 15.42%2C19.78L14.18%2C17.05C12.8%2C17.65 11.22%2C17.65 9.84%2C17.06L8.59%2C19.79M12%2C2A10%2C10 0 0%2C1 22%2C12A10%2C10 0 0%2C1 12%2C22A10%2C10 0 0%2C1 2%2C12A10%2C10 0 0%2C1 12%2C2M12%2C8A4%2C4 0 0%2C0 8%2C12A4%2C4 0 0%2C0 12%2C16A4%2C4 0 0%2C0 16%2C12A4%2C4 0 0%2C0 12%2C8Z' /%3E %3C/svg%3E");
}
i.icon-reorder {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 1px;
    right: -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='M16%2C12A2%2C2 0 0%2C1 18%2C10A2%2C2 0 0%2C1 20%2C12A2%2C2 0 0%2C1 18%2C14A2%2C2 0 0%2C1 16%2C12M10%2C12A2%2C2 0 0%2C1 12%2C10A2%2C2 0 0%2C1 14%2C12A2%2C2 0 0%2C1 12%2C14A2%2C2 0 0%2C1 10%2C12M4%2C12A2%2C2 0 0%2C1 6%2C10A2%2C2 0 0%2C1 8%2C12A2%2C2 0 0%2C1 6%2C14A2%2C2 0 0%2C1 4%2C12Z' /%3E %3C/svg%3E");
}
.sticky.bar.fixed i.icon-reorder {
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='M16%2C12A2%2C2 0 0%2C1 18%2C10A2%2C2 0 0%2C1 20%2C12A2%2C2 0 0%2C1 18%2C14A2%2C2 0 0%2C1 16%2C12M10%2C12A2%2C2 0 0%2C1 12%2C10A2%2C2 0 0%2C1 14%2C12A2%2C2 0 0%2C1 12%2C14A2%2C2 0 0%2C1 10%2C12M4%2C12A2%2C2 0 0%2C1 6%2C10A2%2C2 0 0%2C1 8%2C12A2%2C2 0 0%2C1 6%2C14A2%2C2 0 0%2C1 4%2C12Z' /%3E %3C/svg%3E");
}
i.icon-circle-arrow-left {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 0px;
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='M16%2C9V7L10%2C11L4%2C7V9L10%2C13L16%2C9M16%2C5A2%2C2 0 0%2C1 18%2C7V16A2%2C2 0 0%2C1 16%2C18H4C2.89%2C18 2%2C17.1 2%2C16V7A2%2C2 0 0%2C1 4%2C5H16M20%2C12V7H22V12H20M20%2C16V14H22V16H20Z' /%3E %3C/svg%3E");
}
li a:hover > i.icon-circle-arrow-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='%23ffffff' d='M16%2C9V7L10%2C11L4%2C7V9L10%2C13L16%2C9M16%2C5A2%2C2 0 0%2C1 18%2C7V16A2%2C2 0 0%2C1 16%2C18H4C2.89%2C18 2%2C17.1 2%2C16V7A2%2C2 0 0%2C1 4%2C5H16M20%2C12V7H22V12H20M20%2C16V14H22V16H20Z' /%3E %3C/svg%3E");
}
ul#referral i.icon-list,
.action-dropdown ul li > a i.icon-exchange {
	content: '';
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 6px;	
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%2C22A1%2C1 0 0%2C1 8%2C21V18H4A2%2C2 0 0%2C1 2%2C16V4C2%2C2.89 2.9%2C2 4%2C2H20A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H13.9L10.2%2C21.71C10%2C21.9 9.75%2C22 9.5%2C22V22H9M10%2C16V19.08L13.08%2C16H20V4H4V16H10M16%2C14H8V13C8%2C11.67 10.67%2C11 12%2C11C13.33%2C11 16%2C11.67 16%2C13V14M12%2C6A2%2C2 0 0%2C1 14%2C8A2%2C2 0 0%2C1 12%2C10A2%2C2 0 0%2C1 10%2C8A2%2C2 0 0%2C1 12%2C6Z' /%3E %3C/svg%3E");
}
.action-dropdown ul li > a:hover i.icon-exchange {	
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%2C22A1%2C1 0 0%2C1 8%2C21V18H4A2%2C2 0 0%2C1 2%2C16V4C2%2C2.89 2.9%2C2 4%2C2H20A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H13.9L10.2%2C21.71C10%2C21.9 9.75%2C22 9.5%2C22V22H9M10%2C16V19.08L13.08%2C16H20V4H4V16H10M16%2C14H8V13C8%2C11.67 10.67%2C11 12%2C11C13.33%2C11 16%2C11.67 16%2C13V14M12%2C6A2%2C2 0 0%2C1 14%2C8A2%2C2 0 0%2C1 12%2C10A2%2C2 0 0%2C1 10%2C8A2%2C2 0 0%2C1 12%2C6Z' /%3E %3C/svg%3E");
}
ul#referral i.icon-exchange {
	display: inline-block;
    width: 20px;
    height: 20px;	
    top: 6px;	
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='M4%2C2A2%2C2 0 0%2C0 2%2C4V16C2%2C17.11 2.9%2C18 4%2C18H8V21A1%2C1 0 0%2C0 9%2C22H9.5V22C9.75%2C22 10%2C21.9 10.2%2C21.71L13.9%2C18H20C21.11%2C18 22%2C17.11 22%2C16V4C22%2C2.89 21.1%2C2 20%2C2H4M4%2C4H20V16H13.08L10%2C19.08V16H4V4M8%2C9.05V11.12H12.64L10.84%2C12.92L12.09%2C14.17L16.17%2C10.08L12.09%2C6L10.84%2C7.25L12.64%2C9.05H8Z' /%3E %3C/svg%3E");
}
form[action^="#tickets/"] .icon-plus {
	background-image: initial !important;
	width: 10px !important;
}
form[action^="#tickets/"] .icon-plus:before {
    content: "\f067" !important;
    display: inline-block !important;
}
form[action^="#tickets/"] .icon-plus-sign {
    background-image: initial !important;
    width: 10px !important;
    margin-right: 8px;
}
form[action^="#tickets/"] .icon-plus-sign:before {
    content: "\f055" !important;
    display: inline-block !important;
    top: -4px !important;
    position: relative;
}
#collab_tab i.icon-group {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1204 652.2' xml:space='preserve'%3E %3Cpath fill='%23128DBE' d='M1198.1%2C606.3c-1.7-7.9-2.8-16-5.2-23.6c-4.3-13.2-11.6-24.4-24.3-31.6c-18.8-10.6-39.3-16.4-60.1-21 c-36.4-7.9-73-15-109.6-22.1c-12.5-2.4-24.5-4.9-29.3-19c-1.3-3.9-2.9-7.7-4.8-11.3c-2-3.7-0.4-5.2%2C2.8-6.7 c26.9-13%2C46.7-33.6%2C61.4-59.2c13.1-22.8%2C20.6-47.4%2C23.4-73.6c2.6-24.8%2C1.2-49.1-5.4-73c-12.8-45.9-37.5-82.9-81.5-104.4 c-24.3-11.8-49.8-14.3-76-8.1c-33.2%2C7.9-58.3%2C27.7-77.8%2C55c-21.9%2C30.7-32%2C65.5-33.3%2C102.9c-1%2C29.5%2C4.5%2C58%2C16.7%2C85.1 c15%2C33.3%2C37.3%2C59.7%2C70.6%2C76.1c1.2%2C0.6%2C2.4%2C3.4%2C2%2C4.4c-3.6%2C7.8-7.5%2C15.5-11.5%2C23.1c-1.2%2C2.2-2.8%2C2.8-5.8%2C2.1 c-17.1-4-34.2-7.9-51.3-11.3c-34.7-6.9-69.4-13.4-104.1-20.3c-5.7-1.1-11.7-2.2-15.9-7.3c-9.8-12.1-15-26.3-20.4-40.7 c1.2-0.6%2C2.1-1.2%2C2.9-1.5c31.5-13.8%2C56.2-35.7%2C75.4-63.9c27.1-39.8%2C40.2-84.3%2C40.8-132.2c0.2-16.7-1.7-33.5-3.9-50 c-2.8-21.8-10-42.4-19.5-62.3c-12.4-26.1-28.9-49.1-50.9-68C683.9%2C27.1%2C661.9%2C15.1%2C636.8%2C9c-6.5-1.6-13.2-2.7-19.8-4 c-10%2C0-20%2C0-30%2C0c-0.6%2C0.3-1.1%2C0.9-1.7%2C0.9c-24.1%2C2.1-46%2C10.8-66%2C23.9c-38.6%2C25.2-63.2%2C61.6-78.9%2C104.2 c-6.5%2C17.7-10.5%2C36.1-12.7%2C54.9c-2.5%2C21.8-2.5%2C43.6%2C0.6%2C65.2c4.5%2C32%2C14.4%2C62.4%2C31.1%2C90.4c11.9%2C19.8%2C26.4%2C37.4%2C44.4%2C52 c11.5%2C9.4%2C23.9%2C17.3%2C37.5%2C23.3c2.3%2C1%2C4.4%2C1.5%2C2.9%2C5.3c-4.6%2C12.1-9.4%2C24-16.9%2C34.7c-3.1%2C4.3-6.9%2C7.4-12.3%2C8.5 c-22.6%2C4.5-45.2%2C9.3-67.8%2C14c-31.1%2C6.4-62.2%2C12.6-93.2%2C19.2c-3.4%2C0.7-4.9-0.1-6.3-2.8c-3.4-6.6-6.9-13.1-10.4-19.7 c-2-3.7-1.4-6%2C2.9-8c17.9-8.3%2C32.7-20.9%2C45.1-36c23.2-28.2%2C35.5-61.1%2C39.5-97.1c3.3-29-0.1-57.5-9.7-85.2 c-12.4-36-33.4-65.4-66.1-85.6c-26.9-16.6-56.2-21.4-87-14.3c-35.5%2C8.2-61.9%2C29.7-81.4%2C59.6c-27.6%2C42.4-35.1%2C89.1-27.3%2C138.6 c3.4%2C21.6%2C10.8%2C41.9%2C21.7%2C60.9c13.4%2C23.2%2C31.1%2C42.2%2C54.4%2C55.7c11.6%2C6.7%2C12%2C6.5%2C6.5%2C18.7c-4.2%2C9.3-9%2C17.8-20.8%2C19.9 c-27.8%2C5-55.5%2C10.4-83.2%2C16c-29.5%2C5.9-58.9%2C12.3-86.8%2C24c-17.2%2C7.2-28.5%2C19.6-34%2C37.2C8.5%2C591.3%2C7%2C599.7%2C5%2C608c0%2C9.7%2C0%2C19.3%2C0%2C29 c3.2%2C7.8%2C9%2C10.2%2C17.3%2C10.1c54.5-0.3%2C109-0.2%2C163.5-0.2c117.6%2C0%2C235.2%2C0.1%2C352.8%2C0.1c125.3%2C0%2C250.5%2C0%2C375.8%2C0 c89.9%2C0%2C179.9%2C0%2C269.8%2C0.2c7.6%2C0%2C11.9-3.8%2C14.8-10.2c0-9.7%2C0-19.3%2C0-29C1198.7%2C607.4%2C1198.2%2C606.9%2C1198.1%2C606.3z M243.1%2C569.9 c-5.4%2C16.1-7.2%2C32.7-7.2%2C50.2c-67.9%2C0-135.7%2C0-204.2%2C0c0.7-15.3%2C1.6-30.7%2C12.7-42.2c5.1-5.3%2C13.1-8.2%2C20.3-10.9 c27.1-10.1%2C55.4-15.5%2C83.7-21c24.2-4.7%2C48.5-9.5%2C72.7-14.1c15.8-3%2C27.6-11.6%2C34.4-25.9c5.4-11.3%2C10.1-23.1%2C14.2-35 c3.2-9.5-0.6-15-9.9-19.2c-9.6-4.4-19.5-8.7-28-14.8c-23.7-17.2-38.1-41.2-46.8-68.8c-9.5-29.7-10.6-60-3.7-90.1 c7.9-34.6%2C24.5-64.5%2C54.5-85.3c33.1-22.9%2C75.1-22.2%2C107.5%2C2c28.3%2C21.2%2C44.1%2C50.2%2C51.7%2C84.2c3.5%2C15.4%2C4.9%2C30.9%2C3.9%2C46.6 c-2.5%2C38.5-14.7%2C73.1-42.3%2C101c-10.9%2C11-23.6%2C19.3-38.3%2C24.5c-12.3%2C4.3-15.3%2C10.3-10.9%2C22.6c4.3%2C11.9%2C9.3%2C23.6%2C13.9%2C35.2 c-13.6%2C5.4-27.7%2C10.8-41.6%2C16.7C260.1%2C534.1%2C249.6%2C550.5%2C243.1%2C569.9z M937.3%2C620.6c-15%2C0-30%2C0-44.9%2C0c-69%2C0-138%2C0-207%2C0 c-51.6%2C0-103.2%2C0.1-154.9%2C0.1c-71.5%2C0-143-0.1-214.4-0.1c-16%2C0-32%2C0-47.9%2C0c-1.8%2C0-3.6-0.2-6-0.3c0.9-20.1%2C2.4-39.2%2C12.8-56.3 c4.4-7.2%2C10.7-11.7%2C18.1-15.1c23.3-10.7%2C47.9-17.4%2C72.9-22.8c30.9-6.6%2C62-12.6%2C93.1-18.8c18.5-3.7%2C36.9-7.8%2C55.5-11.2 c18.7-3.4%2C31.8-13.8%2C40.8-30.3c8.1-15%2C14.5-30.6%2C19-46.9c2.6-9.3%2C0-14.9-9-18.1c-16.2-5.8-31.2-13.7-44.6-24.6 c-22.1-18.1-38-40.8-49.4-66.7c-15-34-20.6-69.7-18-106.5c3.2-45%2C17.4-86.1%2C46.9-120.9c22.9-27%2C51.3-45.4%2C87.1-49.7 c36.1-4.3%2C68.1%2C6.3%2C95.9%2C29.3c34.6%2C28.6%2C53.8%2C66.4%2C63.3%2C109.6c5.4%2C24.6%2C6.4%2C49.6%2C3.3%2C74.4c-5.9%2C47.3-23.3%2C89.5-58.2%2C123.1 c-13.9%2C13.4-30%2C23.6-48.2%2C30.1c-2%2C0.7-4.1%2C1.4-6%2C2.3c-6.9%2C3.2-10.2%2C8.4-8.1%2C15.7c5.9%2C21.2%2C13.8%2C41.5%2C26.7%2C59.6 c8.4%2C11.7%2C20.4%2C16.7%2C33.6%2C19.4c28.6%2C5.8%2C57.2%2C11.3%2C85.8%2C16.9c39.3%2C7.8%2C78.7%2C15.2%2C116.7%2C28.3c6.7%2C2.3%2C13.2%2C5.3%2C19.8%2C8.1 c15.9%2C6.9%2C22.2%2C20.9%2C25.8%2C36.3c2.4%2C10.3%2C2.7%2C21%2C4%2C31.6C942.2%2C620.8%2C939.7%2C620.6%2C937.3%2C620.6z M1172.1%2C620.4c-68.2%2C0-135.8%2C0-203.6%2C0 c-0.5-7.5-0.8-14.6-1.6-21.6c-2.2-19.9-7.3-38.7-19.6-55.1c-7.9-10.6-18.8-16.7-30.6-21.5c-11.4-4.7-23.2-8.7-34.5-12.8 c4-9.6%2C8.2-19.1%2C12-28.8c1.7-4.4%2C3-9.1%2C3.8-13.8c1-5.9-1.6-10.4-7-12.9c-5.4-2.6-11.1-4.4-16.4-7.2c-30-15.5-48.3-40.8-59.8-71.8 c-8.3-22.5-11.6-45.8-9.8-69.5c2.8-38.8%2C15.8-73.5%2C44.3-101.1c18.1-17.4%2C39.8-27.7%2C65.3-28c27.4-0.3%2C50.4%2C10.8%2C69.5%2C29.9 c24%2C24.1%2C36.7%2C53.6%2C41%2C87.1c5.3%2C41.4-2.1%2C80.1-25.5%2C115c-13.5%2C20.2-31.4%2C35-54.5%2C43.4c-11.2%2C4-14.5%2C9.8-10.3%2C21.1 c4.6%2C12.4%2C10%2C24.5%2C15.7%2C36.4c6.5%2C13.6%2C18.6%2C19.9%2C32.7%2C22.7c29.2%2C5.8%2C58.7%2C10.8%2C87.7%2C17.2c23.4%2C5.2%2C46.5%2C11.6%2C69.6%2C18.4 c10%2C2.9%2C19.8%2C7.2%2C24.6%2C17.9C1170%2C596.4%2C1172.3%2C607.8%2C1172.1%2C620.4z'/%3E %3Cpath fill='%23FFFFFF' d='M937.7%2C585.5c-3.6-15.3-9.9-29.4-25.8-36.3c-6.5-2.8-13.1-5.8-19.8-8.1c-38-13.1-77.4-20.5-116.7-28.3 c-28.6-5.6-57.2-11.1-85.8-16.9c-13.3-2.7-25.3-7.7-33.6-19.4c-13-18.1-20.8-38.4-26.7-59.6c-2.1-7.4%2C1.2-12.5%2C8.1-15.7 c1.9-0.9%2C4-1.6%2C6-2.3c18.3-6.5%2C34.3-16.7%2C48.2-30.1c35-33.6%2C52.3-75.8%2C58.2-123.1c3.1-24.9%2C2-49.9-3.3-74.4 c-9.5-43.2-28.7-81-63.3-109.6c-27.8-23-59.8-33.7-95.9-29.3C551.5%2C36.6%2C523.1%2C55%2C500.2%2C82c-29.5%2C34.8-43.8%2C75.9-46.9%2C120.9 c-2.6%2C36.8%2C3%2C72.5%2C18%2C106.5c11.5%2C25.9%2C27.4%2C48.6%2C49.4%2C66.7c13.3%2C10.9%2C28.4%2C18.8%2C44.6%2C24.6c9%2C3.2%2C11.6%2C8.8%2C9%2C18.1 c-4.6%2C16.3-10.9%2C32-19%2C46.9c-9%2C16.5-22%2C26.9-40.8%2C30.3c-18.6%2C3.4-37%2C7.5-55.5%2C11.2c-31%2C6.3-62.1%2C12.2-93.1%2C18.8 c-24.9%2C5.4-49.6%2C12.1-72.9%2C22.8c-7.4%2C3.4-13.7%2C7.9-18.1%2C15.1c-10.4%2C17.2-11.8%2C36.3-12.8%2C56.3c2.4%2C0.1%2C4.2%2C0.3%2C6%2C0.3 c16%2C0%2C32%2C0%2C47.9%2C0c71.5%2C0%2C143%2C0.1%2C214.4%2C0.1c51.6%2C0%2C103.2-0.1%2C154.9-0.1c69%2C0%2C138%2C0%2C207%2C0c15%2C0%2C30%2C0%2C44.9%2C0c2.4%2C0%2C4.9%2C0.2%2C4.4-3.5 C940.4%2C606.5%2C940.1%2C595.8%2C937.7%2C585.5z'/%3E %3Cpath fill='%23FFFFFF' d='M1140.7%2C567.5c-23-6.7-46.2-13.2-69.6-18.4c-29.1-6.5-58.5-11.5-87.7-17.2c-14.1-2.8-26.2-9.1-32.7-22.7 c-5.7-11.9-11.1-24-15.7-36.4c-4.2-11.3-0.9-17.1%2C10.3-21.1c23.1-8.3%2C41-23.2%2C54.5-43.4c23.4-35%2C30.8-73.7%2C25.5-115 c-4.3-33.4-17-63-41-87.1c-19.1-19.2-42.1-30.2-69.5-29.9c-25.4%2C0.3-47.2%2C10.5-65.3%2C28c-28.6%2C27.5-41.5%2C62.3-44.3%2C101.1 c-1.7%2C23.7%2C1.5%2C47.1%2C9.8%2C69.5c11.5%2C31%2C29.8%2C56.3%2C59.8%2C71.8c5.3%2C2.7%2C11%2C4.6%2C16.4%2C7.2c5.4%2C2.5%2C8%2C7.1%2C7%2C12.9c-0.8%2C4.7-2.1%2C9.4-3.8%2C13.8 c-3.8%2C9.7-8%2C19.2-12%2C28.8c11.3%2C4.2%2C23.1%2C8.1%2C34.5%2C12.8c11.7%2C4.8%2C22.7%2C11%2C30.6%2C21.5c12.3%2C16.4%2C17.4%2C35.2%2C19.6%2C55.1 c0.8%2C7%2C1.1%2C14.1%2C1.6%2C21.6c67.8%2C0%2C135.4%2C0%2C203.6%2C0c0.2-12.6-2.1-24-6.9-35C1160.5%2C574.7%2C1150.6%2C570.4%2C1140.7%2C567.5z'/%3E %3Cpath fill='%23FFFFFF' d='M321.3%2C509.1c-4.6-11.5-9.6-23.2-13.9-35.2c-4.4-12.3-1.4-18.2%2C10.9-22.6c14.7-5.2%2C27.4-13.5%2C38.3-24.5 c27.6-28%2C39.8-62.6%2C42.3-101c1-15.6-0.4-31.2-3.9-46.6c-7.7-34-23.4-63-51.7-84.2c-32.3-24.2-74.3-24.9-107.5-2 c-30.1%2C20.8-46.6%2C50.6-54.5%2C85.3c-6.9%2C30.1-5.8%2C60.4%2C3.7%2C90.1c8.8%2C27.6%2C23.1%2C51.6%2C46.8%2C68.8c8.5%2C6.1%2C18.4%2C10.5%2C28%2C14.8 c9.2%2C4.2%2C13.1%2C9.7%2C9.9%2C19.2c-4.1%2C11.9-8.8%2C23.6-14.2%2C35c-6.9%2C14.4-18.6%2C22.9-34.4%2C25.9c-24.3%2C4.6-48.5%2C9.4-72.7%2C14.1 c-28.3%2C5.5-56.6%2C10.9-83.7%2C21c-7.2%2C2.7-15.2%2C5.6-20.3%2C10.9c-11.1%2C11.5-12%2C26.9-12.7%2C42.2c68.5%2C0%2C136.3%2C0%2C204.2%2C0 c0.1-17.5%2C1.8-34.2%2C7.2-50.2c6.5-19.4%2C17-35.8%2C36.7-44.2C293.6%2C519.9%2C307.7%2C514.5%2C321.3%2C509.1z'/%3E %3Cpath fill='%235D5E5E' d='M1184.2%2C647.2c-89.9-0.1-179.9-0.1-269.8-0.2c-125.3%2C0-250.5%2C0-375.8%2C0c-117.6%2C0-235.2-0.1-352.8-0.1 c-54.5%2C0-109-0.1-163.5%2C0.2C14%2C647.2%2C8.2%2C644.8%2C5%2C637c0%2C3.7%2C0%2C7.3%2C0%2C11c398%2C0%2C796%2C0%2C1194%2C0c0-3.7%2C0-7.3%2C0-11 C1196.1%2C643.4%2C1191.7%2C647.2%2C1184.2%2C647.2z'/%3E %3C/svg%3E ");
}

#filter-tabs i.icon-bolt:before {
    display: none;
}
a[href="#access"]:before,
a[href="#permissions"]:before,
a[href="#teams"]:before,
a[href="#page-content"]:before,
a[href="#notes"]:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 6px;
    top: 6px;
    content: ' ';
}
a[href="#access"]:before {
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='M11%2C10V12H10V14H8V12H5.83C5.42%2C13.17 4.31%2C14 3%2C14A3%2C3 0 0%2C1 0%2C11A3%2C3 0 0%2C1 3%2C8C4.31%2C8 5.42%2C8.83 5.83%2C10H11M3%2C10A1%2C1 0 0%2C0 2%2C11A1%2C1 0 0%2C0 3%2C12A1%2C1 0 0%2C0 4%2C11A1%2C1 0 0%2C0 3%2C10M16%2C14C18.67%2C14 24%2C15.34 24%2C18V20H8V18C8%2C15.34 13.33%2C14 16%2C14M16%2C12A4%2C4 0 0%2C1 12%2C8A4%2C4 0 0%2C1 16%2C4A4%2C4 0 0%2C1 20%2C8A4%2C4 0 0%2C1 16%2C12Z' /%3E %3C/svg%3E");
}
a[href="#permissions"]:before {
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.1%2C12.5L22.5%2C13.91L15.97%2C20.5L12.5%2C17L13.9%2C15.59L15.97%2C17.67L21.1%2C12.5M10%2C17L13%2C20H3V18C3%2C15.79 6.58%2C14 11%2C14L12.89%2C14.11L10%2C17M11%2C4A4%2C4 0 0%2C1 15%2C8A4%2C4 0 0%2C1 11%2C12A4%2C4 0 0%2C1 7%2C8A4%2C4 0 0%2C1 11%2C4Z' /%3E %3C/svg%3E");
}
a[href="#teams"]:before {
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='M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z' /%3E %3C/svg%3E");
}
a[href="#page-content"]:before {
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='M22%2C3H5A2%2C2 0 0%2C0 3%2C5V9H5V5H22V19H5V15H3V19A2%2C2 0 0%2C0 5%2C21H22A2%2C2 0 0%2C0 24%2C19V5A2%2C2 0 0%2C0 22%2C3M7%2C15V13H0V11H7V9L11%2C12L7%2C15M20%2C13H13V11H20V13M20%2C9H13V7H20V9M17%2C17H13V15H17V17Z' /%3E %3C/svg%3E");
}
a[href="#notes"]:before {	
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='M7%2C8V6H5V19H19V6H17V8H7M9%2C4A3%2C3 0 0%2C1 12%2C1A3%2C3 0 0%2C1 15%2C4H19A2%2C2 0 0%2C1 21%2C6V19A2%2C2 0 0%2C1 19%2C21H5A2%2C2 0 0%2C1 3%2C19V6A2%2C2 0 0%2C1 5%2C4H9M12%2C3A1%2C1 0 0%2C0 11%2C4A1%2C1 0 0%2C0 12%2C5A1%2C1 0 0%2C0 13%2C4A1%2C1 0 0%2C0 12%2C3Z' /%3E%3C/svg%3E");
}
.users a[href="#notes"]:before {	
	display: none;
}
a[href="#schedule"] i.icon-cog {
	float: initial;	
    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='%23128DBE' d='M9%2C10V12H7V10H9M13%2C10V12H11V10H13M17%2C10V12H15V10H17M19%2C3A2%2C2 0 0%2C1 21%2C5V19A2%2C2 0 0%2C1 19%2C21H5C3.89%2C21 3%2C20.1 3%2C19V5A2%2C2 0 0%2C1 5%2C3H6V1H8V3H16V1H18V3H19M19%2C19V8H5V19H19M9%2C14V16H7V14H9M13%2C14V16H11V14H13M17%2C14V16H15V14H17Z' /%3E %3C/svg%3E");
}
a[href="#holidays"] .icon-list {
    width: 20px;
    height: 20px;
    position: relative;
    top: 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='M19%2C20H5V9H19M16%2C2V4H8V2H6V4H5A2%2C2 0 0%2C0 3%2C6V20A2%2C2 0 0%2C0 5%2C22H19A2%2C2 0 0%2C0 21%2C20V6A2%2C2 0 0%2C0 19%2C4H18V2M10.88%2C13H7.27L10.19%2C15.11L9.08%2C18.56L12%2C16.43L14.92%2C18.56L13.8%2C15.12L16.72%2C13H13.12L12%2C9.56L10.88%2C13Z' /%3E %3C/svg%3E");
}
#schedule-tabs .icon-calendar {
    width: 20px;
    height: 20px;
    position: relative;
    top: 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='M19%2C19H5V8H19M16%2C1V3H8V1H6V3H5C3.89%2C3 3%2C3.89 3%2C5V19A2%2C2 0 0%2C0 5%2C21H19A2%2C2 0 0%2C0 21%2C19V5C21%2C3.89 20.1%2C3 19%2C3H18V1M17%2C12H12V17H17V12Z' /%3E %3C/svg%3E");
}
ul.clean.tabs .icon-bolt {
    width: 20px;
    height: 20px;
    top: 6px !important;
    float: initial;
    background-size: 18px !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='M21 8H3V6H21V8M13.81 16H10V18H13.09C13.21 17.28 13.46 16.61 13.81 16M18 11H6V13H18V11M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z' /%3E %3C/svg%3E");
}
ul.clean.tabs .icon-file-text-alt {
    width: 20px;
    height: 20px;
    top: 8px !important;
    float: initial;
    background-size: 18px !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='M20%2C2A2%2C2 0 0%2C1 22%2C4V16A2%2C2 0 0%2C1 20%2C18H6L2%2C22V4C2%2C2.89 2.9%2C2 4%2C2H20M4%2C4V17.17L5.17%2C16H20V4H4M6%2C7H18V9H6V7M6%2C11H15V13H6V11Z' /%3E %3C/svg%3E");
}
.action-dropdown #schedule-actions i {
    margin-left: 8px;
}
i.icon-copy.icon-fixed-width {
	display: inline-block;
    top: 6px !important;
    background-size: 18px !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='M11%2C17H4A2%2C2 0 0%2C1 2%2C15V3A2%2C2 0 0%2C1 4%2C1H16V3H4V15H11V13L15%2C16L11%2C19V17M19%2C21V7H8V13H6V7A2%2C2 0 0%2C1 8%2C5H19A2%2C2 0 0%2C1 21%2C7V21A2%2C2 0 0%2C1 19%2C23H8A2%2C2 0 0%2C1 6%2C21V19H8V21H19Z' /%3E %3C/svg%3E");
}
ul#schedule-actions a.schedule-action:hover > i.icon-copy.icon-fixed-width {
	display: inline-block;
    top: 6px !important;
    background-size: 18px !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='%23ffffff' d='M11%2C17H4A2%2C2 0 0%2C1 2%2C15V3A2%2C2 0 0%2C1 4%2C1H16V3H4V15H11V13L15%2C16L11%2C19V17M19%2C21V7H8V13H6V7A2%2C2 0 0%2C1 8%2C5H19A2%2C2 0 0%2C1 21%2C7V21A2%2C2 0 0%2C1 19%2C23H8A2%2C2 0 0%2C1 6%2C21V19H8V21H19Z' /%3E %3C/svg%3E");
}
i.icon-eye-open.icon-fixed-width:before {
    display: none;
}
i.icon-eye-open.icon-fixed-width {
	display: inline-block;
    top: 6px !important;
    background-size: 18px !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%2C9A3%2C3 0 0%2C1 15%2C12A3%2C3 0 0%2C1 12%2C15A3%2C3 0 0%2C1 9%2C12A3%2C3 0 0%2C1 12%2C9M12%2C4.5C17%2C4.5 21.27%2C7.61 23%2C12C21.27%2C16.39 17%2C19.5 12%2C19.5C7%2C19.5 2.73%2C16.39 1%2C12C2.73%2C7.61 7%2C4.5 12%2C4.5M3.18%2C12C4.83%2C15.36 8.24%2C17.5 12%2C17.5C15.76%2C17.5 19.17%2C15.36 20.82%2C12C19.17%2C8.64 15.76%2C6.5 12%2C6.5C8.24%2C6.5 4.83%2C8.64 3.18%2C12Z' /%3E %3C/svg%3E");
}
ul#schedule-actions a.schedule-action:hover > i.icon-eye-open.icon-fixed-width {
	display: inline-block;
    top: 6px !important;
    background-size: 18px !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='%23ffffff' d='M12%2C9A3%2C3 0 0%2C1 15%2C12A3%2C3 0 0%2C1 12%2C15A3%2C3 0 0%2C1 9%2C12A3%2C3 0 0%2C1 12%2C9M12%2C4.5C17%2C4.5 21.27%2C7.61 23%2C12C21.27%2C16.39 17%2C19.5 12%2C19.5C7%2C19.5 2.73%2C16.39 1%2C12C2.73%2C7.61 7%2C4.5 12%2C4.5M3.18%2C12C4.83%2C15.36 8.24%2C17.5 12%2C17.5C15.76%2C17.5 19.17%2C15.36 20.82%2C12C19.17%2C8.64 15.76%2C6.5 12%2C6.5C8.24%2C6.5 4.83%2C8.64 3.18%2C12Z' /%3E %3C/svg%3E");
}
i.icon-caret-right {
    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='M8.59%2C16.58L13.17%2C12L8.59%2C7.41L10%2C6L16%2C12L10%2C18L8.59%2C16.58Z' /%3E %3C/svg%3E");
}
i.icon-caret-right.down {
    transform: rotate(90deg);
}
#show_ccs i.icon-caret-right {
    margin-right: -5px;
    position: relative;
    top: 5px;
}
a.re-button.re-deletedraft.re-button-icon.pull-right.icon-trash:before, 
a.re-button.re-savedraft.re-button-icon.pull-right.icon-save:before {
	display: none;
}
i.re-icon-savedraft:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 0px;
    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 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z' /%3E %3C/svg%3E");
}
a.re-button.re-savedraft.re-button-icon.pull-right.icon-save:hover > i.re-icon-savedraft:before {
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='M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z' /%3E %3C/svg%3E");
}
i.re-icon-deletedraft:before,
a.pull-right.drop-membership .icon-trash:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 0px;
    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.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");
}
a.pull-right.drop-membership:hover > .icon-trash:before {
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='%23CF3F3F' 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");
}
a.re-button.re-deletedraft.re-button-icon.pull-right.icon-trash:hover > i.re-icon-deletedraft:before {
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='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");
}
a.re-button.re-savedraft.re-button-icon.pull-right.icon-save,
a.re-button.re-deletedraft.re-button-icon.pull-right.icon-trash {
    padding: 3px 10px 7px 8px;
}
a.re-button.re-deletedraft.re-button-icon.pull-right.icon-trash {
    border-radius: 0 5px 0 0;
}.redactor-toolbar a.re-button-icon.re-button-icon, 
.redactor-air a.re-button-icon.re-button-icon {
	padding: 7px 10px 10px 10px;
    margin-bottom: 0;
}
.redactor-toolbar a.re-button-icon.re-button-icon:first-child {
    border-radius: 5px 0 0 0;
}
a.re-button.re-deletedraft:hover:before,
a.re-button.re-savedraft:hover:before {
    color: #fff !important;
}
i.icon-keyboard-shortcuts {
	display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px !important;
    margin: -5px 6px 0 0;
    padding: 0px;
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='%236d7989' d='M9%2C11.75A1.25%2C1.25 0 0%2C0 7.75%2C13A1.25%2C1.25 0 0%2C0 9%2C14.25A1.25%2C1.25 0 0%2C0 10.25%2C13A1.25%2C1.25 0 0%2C0 9%2C11.75M15%2C11.75A1.25%2C1.25 0 0%2C0 13.75%2C13A1.25%2C1.25 0 0%2C0 15%2C14.25A1.25%2C1.25 0 0%2C0 16.25%2C13A1.25%2C1.25 0 0%2C0 15%2C11.75M12%2C2A10%2C10 0 0%2C0 2%2C12A10%2C10 0 0%2C0 12%2C22A10%2C10 0 0%2C0 22%2C12A10%2C10 0 0%2C0 12%2C2M12%2C20C7.59%2C20 4%2C16.41 4%2C12C4%2C11.71 4%2C11.42 4.05%2C11.14C6.41%2C10.09 8.28%2C8.16 9.26%2C5.77C11.07%2C8.33 14.05%2C10 17.42%2C10C18.2%2C10 18.95%2C9.91 19.67%2C9.74C19.88%2C10.45 20%2C11.21 20%2C12C20%2C16.41 16.41%2C20 12%2C20Z' /%3E %3C/svg%3E");
}
i.icon-keyboard-shortcuts {
    width: 24px;
    height: 24px;
    background-size: 24px 24px !important;
    top: 6px !important;
}
i.icon-keyboard-shortcuts {
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='%236d7989' d='M4%2C5A2%2C2 0 0%2C0 2%2C7V17A2%2C2 0 0%2C0 4%2C19H20A2%2C2 0 0%2C0 22%2C17V7A2%2C2 0 0%2C0 20%2C5H4M4%2C7H20V17H4V7M5%2C8V10H7V8H5M8%2C8V10H10V8H8M11%2C8V10H13V8H11M14%2C8V10H16V8H14M17%2C8V10H19V8H17M5%2C11V13H7V11H5M8%2C11V13H10V11H8M11%2C11V13H13V11H11M14%2C11V13H16V11H14M17%2C11V13H19V11H17M8%2C14V16H16V14H8Z' /%3E %3C/svg%3E");
}
#theme7 button:hover > i.icon-keyboard-shortcuts {
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='%23343a42' d='M4%2C5A2%2C2 0 0%2C0 2%2C7V17A2%2C2 0 0%2C0 4%2C19H20A2%2C2 0 0%2C0 22%2C17V7A2%2C2 0 0%2C0 20%2C5H4M4%2C7H20V17H4V7M5%2C8V10H7V8H5M8%2C8V10H10V8H8M11%2C8V10H13V8H11M14%2C8V10H16V8H14M17%2C8V10H19V8H17M5%2C11V13H7V11H5M8%2C11V13H10V11H8M11%2C11V13H13V11H11M14%2C11V13H16V11H14M17%2C11V13H19V11H17M8%2C14V16H16V14H8Z' /%3E %3C/svg%3E");
}
i.icon-bug {
	display: inline-block;
    width: 28px;
    height: 28px;
    top: 5px;
    left: -4px;
    margin-right: 5px;
    padding: 0;
    background-size: 30px 30px !important;
background-image: url("data:image/svg+xml;charset=utf-8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3B' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23777777%3B%7D %3C/style%3E %3Cg%3E %3Cpath class='st0' d='M11.4%2C22.1c-1.7-0.4-2.8-1.4-3.5-2.9c-0.1-0.3-0.2-0.5-0.3-0.8c0-0.3-0.2-0.4-0.5-0.4c-0.1%2C0-0.2%2C0-0.3%2C0 c0%2C0.5%2C0%2C0.9%2C0%2C1.4c0%2C0.2-0.1%2C0.3-0.2%2C0.4c-0.8%2C0.7-1.5%2C1.3-2.3%2C1.9c-0.2%2C0.2-0.4%2C0.2-0.6%2C0c-0.2-0.2-0.1-0.5%2C0.1-0.6 c0.7-0.6%2C1.3-1.1%2C2-1.7C6%2C19.3%2C6%2C19.1%2C6.1%2C18.9c0-0.6%2C0-1.1%2C0-1.7c0.5%2C0%2C0.9%2C0%2C1.4%2C0c0-0.6%2C0-1.1%2C0-1.7c-0.5%2C0-1%2C0-1.5%2C0 c-0.1%2C0-0.2%2C0.1-0.3%2C0.2c-0.4%2C0.6-0.9%2C1.1-1.3%2C1.7c-0.2%2C0.2-0.3%2C0.4-0.6%2C0.2c-0.2-0.2-0.2-0.4%2C0-0.6c0.5-0.7%2C1.1-1.4%2C1.6-2 c0.1-0.1%2C0.2-0.2%2C0.4-0.2c0.6%2C0%2C1.1%2C0%2C1.7%2C0c0-0.6%2C0-1.1%2C0-1.7c0%2C0-0.1%2C0-0.1%2C0c-0.6%2C0.1-1-0.2-1.4-0.5c-0.5-0.5-1-0.8-1.4-1.3 c-0.1-0.1-0.2-0.3-0.2-0.5c0-0.3%2C0.4-0.4%2C0.6-0.2c0.5%2C0.5%2C1.1%2C0.9%2C1.6%2C1.4C7%2C12.2%2C7%2C12.2%2C7.5%2C12.1c0-0.4%2C0-0.9%2C0-1.3 c3.1%2C0%2C6.1%2C0%2C9.2%2C0c0%2C0.4%2C0%2C0.9%2C0%2C1.3c0.3%2C0.1%2C0.5%2C0%2C0.8-0.2c0.5-0.5%2C1-0.9%2C1.6-1.4c0.2-0.2%2C0.4-0.3%2C0.6%2C0c0.2%2C0.2%2C0.1%2C0.4-0.1%2C0.6 c-0.7%2C0.6-1.3%2C1.2-2%2C1.7C17.4%2C13%2C17%2C13%2C16.7%2C13c0%2C0.5%2C0%2C1%2C0%2C1.6c0.4%2C0%2C0.9%2C0%2C1.3%2C0c0.4%2C0%2C0.6%2C0.1%2C0.9%2C0.4c0.5%2C0.6%2C1%2C1.2%2C1.4%2C1.9 c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.6c-0.2%2C0.2-0.4%2C0-0.6-0.2c-0.4-0.6-0.9-1.1-1.4-1.7c-0.1-0.1-0.3-0.2-0.5-0.2c-0.4%2C0-0.8%2C0-1.2%2C0 c0%2C0.6%2C0%2C1.1%2C0%2C1.7c0.4%2C0%2C0.9%2C0%2C1.3%2C0c0%2C0.6%2C0%2C1.2%2C0%2C1.7c0%2C0.3%2C0.1%2C0.4%2C0.3%2C0.6c0.6%2C0.5%2C1.3%2C1%2C1.9%2C1.6c0.1%2C0.1%2C0.2%2C0.3%2C0.2%2C0.4 c0%2C0.1-0.1%2C0.3-0.2%2C0.3c-0.1%2C0.1-0.3%2C0-0.4%2C0c-0.8-0.7-1.7-1.4-2.5-2.1c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.4%2C0-0.9%2C0-1.4 c-0.2%2C0-0.4%2C0-0.7%2C0c-0.5%2C2.1-1.6%2C3.5-3.8%2C4.1c0-0.2%2C0-0.3%2C0-0.4c0-2.2%2C0-4.5%2C0-6.7c0-0.3-0.1-0.6-0.3-0.8c-0.5-0.3-1%2C0-1%2C0.6 c0%2C0.6%2C0%2C1.2%2C0%2C1.9c0%2C1.7%2C0%2C3.3%2C0%2C5C11.4%2C21.8%2C11.4%2C21.9%2C11.4%2C22.1z'/%3E %3Cpath class='st0' d='M15.4%2C9.8c-2.2%2C0-4.4%2C0-6.6%2C0c0-1.1%2C0.5-2%2C1.3-2.7C10%2C6.9%2C9.9%2C6.6%2C9.8%2C6.4C9.1%2C4.9%2C8.1%2C3.6%2C6.7%2C2.8 C6.4%2C2.7%2C6.3%2C2.5%2C6.5%2C2.2C6.6%2C2%2C6.8%2C2%2C7.1%2C2.1c1.2%2C0.7%2C2.1%2C1.6%2C2.8%2C2.7c0.4%2C0.6%2C0.7%2C1.2%2C1%2C1.9c0.7-0.3%2C1.5-0.3%2C2.3%2C0 c0.1-0.1%2C0.1-0.2%2C0.2-0.3c0.7-1.6%2C1.7-2.9%2C3.1-3.9c0.2-0.1%2C0.3-0.2%2C0.5-0.3c0.2-0.1%2C0.4-0.1%2C0.6%2C0.1c0.1%2C0.2%2C0%2C0.4-0.2%2C0.6 c-0.3%2C0.2-0.5%2C0.3-0.8%2C0.5c-1.2%2C0.9-1.9%2C2.1-2.6%2C3.5C13.9%2C7%2C14%2C7%2C14.1%2C7.1c0.8%2C0.6%2C1.2%2C1.4%2C1.3%2C2.5C15.4%2C9.6%2C15.4%2C9.7%2C15.4%2C9.8 C15.4%2C9.7%2C15.4%2C9.7%2C15.4%2C9.8z'/%3E %3C/g%3E %3C/svg%3E ");
}



.sidr {
    display: block;
    position: fixed;
	top: 0px;
    height: 100%;
    z-index: 3;
    width: 220px;
    overflow-x: hidden;
    overflow-y: auto;
	font-family: "segoe ui", "helvetica neue", arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;	
    color: var(--header-bg);
    box-shadow: none;
    background: var(--mobile-menu-bg);	
}
.sidr ul {
	display: block;
	margin: 59px 0 15px;
	padding: 0;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #4d4d4d;
}
li#welcome {
    margin-bottom: 35px;
}
li#welcome a strong {
    font-weight: 500;
}
.sidr ul li#welcome:hover>a {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
ul.submenu {
    background: #0000000d;
    color: var(--header-bg);
}
.sidr ul.submenu {
	display:none;
}
li#contact-id a {
    border-top: none;
    color: var(--header-title-color);
    overflow: hidden;
    background: #0000001c;
    width: 200px;
}
li#contact-id {
    position: fixed;
    bottom: 0px;
    box-shadow: initial!important;
	background: var(--mobile-menu-bg);
    border-top: .5px solid rgba(0, 0, 0, 0.12);
}
#header .sidr .sidr-inner ul li#contact-id a {
    border-top: none;
	color: var(--header-title-color);
    overflow: hidden;
    background: #0000001c;	
    width: 200px;	
} 
.sidr .sidr-inner {
    padding: 0 0 15px;
    margin-top: 60px;		
}
.sidr .sidr-inner>p {
    margin-left: 15px;
    margin-right: 15px;
}
.sidr.right {
    left: auto;
    right: -221px;
    border-left: .5px solid #1a1a1a4f;	
}
.sidr.left {
    left: -220px;
    right: auto
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
    background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
    background-image: linear-gradient(#4d4d4d, #1a1a1a);
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #fff;
    line-height: 24px;
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
}
.sidr p {
    font-size: 13px;
    margin: 0 0 12px
}
.sidr p a {
    color: rgba(255, 255, 255, 0.9)
}
.sidr>p {
    margin-left: 15px;
    margin-right: 15px
}
.sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: initial;
    border-bottom: initial;
}
.sidr ul li {
	display: block;
    margin: 0;
    line-height: 48px;
    border-top: .5px solid #ffffff2b;
	border-bottom: .5px solid #1a1a1a4f;
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
    line-height: 48px;
    border-top: .5px solid #ffffff00;
}
.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 {
    background: #00000014;
}
.sidr ul li a {
    padding: 0 15px;
    display: block;
    text-decoration: none;
	color: var(--mobile-link-color);
    font-weight: 400;	
}
.sidr ul li span {
    display: none !important;
}
.sidr-inner ul li a[href*="/login.php"] {
    margin-bottom: -2px;
}
.sidr ul li ul {
    border-bottom: 0;
    margin: 0
}
.sidr ul li ul li {
    line-height: 40px;
    font-size: 13px;
	border-top: .5px solid #ffffff26;		
}
.sidr ul li ul li:first-child {
    border-top: .5px solid #1a1a1a2e;
}
.sidr ul li ul li:last-child {
    border-bottom: 0
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
    border-top: 0;
    line-height: 41px;
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
    background: #00000014;
    margin: 0;
}
.sidr ul li ul li a,
.sidr ul li ul li span {
	color: var(--mobile-link-color);
    padding-left: 26px;
}
.sidr form {
    margin: 0 15px;
}
.sidr label {
    font-size: 13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
    width: 100%;
    font-size: 13px;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px;
    border-radius: 2px;
    border: 0;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both
}
.sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none
}
.sidr input[type=button],
.sidr input[type=submit] {
    color: #333;
    background: #fff
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
    background: rgba(255, 255, 255, 0.9)
}
li#contact-id a.submenu-button:before {
    content: var(--nav-bar-link);
}
@media only screen and (max-width:760px) {
	a#new-ticket {
		display: block;
	}
}
@charset "utf-8";
#right-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}
.rtl #right-menu {
    position: absolute;
    top: 0;
    left: 60px;
    right: initial;
    z-index: 4;
}
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
  z-index: 4;	
  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: 0px;		  
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  height: 4px;
}
.c-hamburger span, 
.c-hamburger span::before, 
.c-hamburger span::after {
  background: var(--mobile-link-color);
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--mobile-link-color) !important;
  content: "";
}

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

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

/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
    background-color: initial;
}
button.c-hamburger.c-hamburger--htx {
    background: initial;
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.c-hamburger--htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
    background-color: #00000040;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}
@charset "utf-8";
/* 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;
    background-color: white;
    color: #606d7f;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
}
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;
}
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: hidden;
}
.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: 980px) { 
	#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: 3px!important;
    height: 30px!important;
    font-size: 14px;
    width: 431px;
    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: 3px!important;
    height: 30px!important;
    font-size: 14px;
	font-family: "segoe ui", "helvetica neue", arial, helvetica, sans-serif;
    width: 202px!important;
  	background: #fff !important;
}
input[name="passwd1"],
input[name="passwd2"] {
    border-right: 4px solid red !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 red !important;
}
#ticketForm input#captcha input#captcha {
	width: calc(87px - 6px) !important;
}
span.captcha {
    border: 1px solid #A5A4A4!important;
    border-radius: 3px!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 {
    width: 86%;
    margin: 20px auto 0 auto;
    font-size: 110%;
}
#landing_page h1 {
}
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;	
}
.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 4px 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;
}
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;
    font-weight: 100;
    position: relative;
    top: 0px;
}
#ticketTable, 
#ticketTable thead, 
#ticketTable tbody, 
#ticketTable tr {
    width: 100%;
}
#ticketTable th, #ticketTable td {
    width: 16%;
}
#ticketTable tr th:nth-child(4),
#ticketTable tr td:nth-child(4) {
    width: 33%;
}
#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;	
}
#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;
}

/* ==========================================================================
 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: initial!important;	
	width:85%!important;	
	padding:3% 4%!important;	
	background:#f3f3f3!important;	
	border:1px solid #ccc!important;	
	border-radius:3px!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,
#pre-footer {
    max-width: 1264px;
    padding: 3% 0 3% 0;
    margin: 0 auto;
}
#pre-footer {
    padding: 1% 0 3% 0;
}
#content #landing-search {
    width: calc(100% - 80px);
    padding: 3% 0 3% 0;
    margin: 0 auto;
}
.hide #landing-search-inner,
#pre-footer-inner.hide,
#pre-footer-inner {
    display: none;
}
#content #landing-search.hide {
    padding: 1% 0 3% 0;
}
#pre-footer-inner.show {
    display: inline-block;
}
.index-page #pre-footer {
    /* padding: 0; */
}
.index-page #pre-footer-inner {
	/* margin-bottom: 4%; */
}
#landing-search-inner,
#pre-footer-inner {
    width: 100%;
    margin: 0;
    display: inline-block;
}
#landing-search .form-wrapper,
#pre-footer .form-wrapper {
    margin: 0 auto !important;
    max-width: 1264px;	
}
.rtl #landing-search-inner input.search,
.rtl #pre-footer-inner input.search {
    border-radius: 0 3px 3px 0 !important;
}
.rtl #landing-search-inner input.search::placeholder,
.rtl #pre-footer-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;
}
.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;
    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: 1000% !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;
}
@charset "utf-8";
/* 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: 601px) and (max-width: 660px) {
	#nav li a {
		font-size: 15px;
	}
}
@media only screen and (min-width: 601px) 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;
	}
	#pre-footer	{
	    width: calc(100% - 4%);
		padding: 1% 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: 600px) {
	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;	
	} 	
	#content #pre-footer {
		width: 100%;
		padding: 1% 0 4% 0;
	}
	#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) {
	#content #pre-footer {
		padding: 1% 0 6% 0;
	}
}

/* ==========================================================================
  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*/
	}	

/* ==========================================================================
 PRE-FOOTER
========================================================================== */
	#pre-footer .form-wrapper {
	}
}

@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:600px) {
	
/* ==========================================================================
 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: 600px) {	
	.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: 601px)  {
	#sidr-right {
		display: none;
	}
}

@media only screen and (min-width: 600px) 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 1rem 0;
		overflow: hidden;	  
		width: calc(100% - 14px);
	}	
	#ticketTable td {
		/* Behave  like a "row" */
		border: none !important;
		position: relative !important;
		padding: 5px 0 5px 44% !important;
		font-size: 16px !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 #ticketTable td:first-child {
		padding: 3px 0 3px 41% !important;
	}
	#ticketTable td:before {
		position: absolute;
		left: 6px;
		width: 40%;
		text-align: right;
		padding: 0;
		font-size: 16px;
		font-weight: 400;
		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: "團隊";
	}
}