@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {
 --font-family: "Public Sans", sans-serif !important;
 --primary-color:#053EFF;
 --primary-light-color:#f3fbff;
 --secondary-color:#6E6E73;
 --input-border:#D8D8D8;
 --sticky-hd:#fff;
}
html {
    background: #f3f3f5;
}
body{
    font-family: var(--font-family);
    color: #000;
    padding-bottom: 50px;
}
a {
    color: var(--primary-color);
}
h2{
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    color: #000;
}
#loginBody #brickwall{
    display: none;
}
#loginBody {
    background:#fff !important;
}
.login_main{
    display: flex;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.login_lt{
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: Center;
    flex-direction: column;
    padding: 40px;
    background: white !important;
}
.login_rt{
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: Center;
    background: var(--primary-color) url(/assets/login-pattern-bg-b8ed1bf3.png) no-repeat left top !important;
    background-size: cover !important;
    padding: 50px 40px 0;
}
#loginBody #loginBox {
    box-shadow: initial;
    width: 420px !important;
    margin-left: inherit;
    position: relative;
    left: inherit;
    top: inherit;
    text-align: left;
    padding: 0;
}
.login-container{
    width: 420px !important;
    padding: 0 !important;
    background: #fff;
    display: flex;
    place-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: auto;
    border-radius: 15px;
    text-align: left;
}
.logo-login{
    display: flex;
    flex-direction: row;
    gap: 0 12px;
    align-items: center;
    text-align: left;
    justify-content: flex-start;
    width: 100%;
}
.logo-login img{
    height: 40px;
}
#loginBox h3{
    font-size: 26px !important;
    font-style: normal;
    font-weight: 600 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    line-height: 26px;
    text-align: left;
     font-family: var(--font-family) !important;
     opacity: 1;
}
#loginBody #blur{
    display: none;
}
.login-slogun {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: auto;
    padding: 40px;
    text-align: left;
    width: 70%;
}
.login-slogun h1 {
    font-size: 36px !important;
    font-style: normal;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 0 25px !important;
    padding: 0;
    text-decoration: none !important;
    border: 0px;
    height: auto;
    line-height: 42px;
}
.login-slogun p {
    font-size: 16px !important;
    line-height: 22px !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #fff !important;
    margin: 0;
    padding: 0;
}
#loginBody form, #loginBody fieldset {
    width: 100%;
    margin: 0 auto;
}
#loginBody fieldset .form-group input{
    border-radius: 5px !important;
    background: #F3F3F3 !important;
    height: 50px !important;
    padding: 0 20px !important;
    text-indent: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
    width: calc(100% - 0px) !important;
    font-family: var(--font-family) !important;
    letter-spacing: 0;
}
.thread-event .description{
    font-family: var(--font-family) !important;
}
.form-group{
    position: relative;
    margin-top: 15px;
}

.form-group #login-userid, .form-group #login-password{
    position: absolute;
    right: 10px;
    top: 37px;
    background-color: transparent;
}
#loginBody form#login button, #loginBody input[value="Send Email"]{
    width: 100% !important;
    max-width: 100% !important;
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    background: var(--primary-color) !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    overflow: hidden;
    position: relative;
    z-index: 6;
    display: flex;
    place-content: center;
    align-items: center;
    color: #fff !important;
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    letter-spacing: 0;
}
#loginBody form#login button:hover, #loginBody input[value="Send Email"]:hover{
    background-color:var(--primary-color) !important;
}
.form-group label{
    font-size: 14px !important;
    line-height: 22px !important;
    font-style: normal;
    font-weight: 500 !important;
    color: #555 !important;
    margin: 0 0px 10px 0 !important;
    padding: 0 !important;
    display: block;
}

#header, #loginBody #brickwall, #background-solid-image .image {
    box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.04) !important;
    background: #fff !important;
    border-bottom: 1px solid #ededed;
}
#header #nav a {
    color: #000;
    font-family: var(--font-family) !important;
    font-size: 16px;
}
#nav.pull-right svg{
    fill: #000;
    top: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
    vertical-align: middle;
}
#nav.pull-right svg:hover{
    fill:var(--primary-color) !important;
}
#header #nav a:hover {
    color: var(--primary-color) !important;
}
#nav li:hover a, a#agent-panel:hover, a#admin-panel:hover {
    color: var(--primary-color) !important;
    fill: var(--primary-color) !important;
}
#nav.pull-right li.inactive>ul {
    background: #fff;
    left: -33px;
    border: 0;
    box-shadow: inherit;
    border: 1px solid #efefef;
    padding: 0;
}
#header #nav.pull-right li.inactive>ul li a{
    color: #000 !important;
}
#header #nav.pull-right li.inactive>ul li a:hover{
    background: var(--primary-color) !important;
    color: #fff !important;
}
.sticky.bar.opaque, .sticky.bar.fixed, .sticky.bar.fixed .flush-right {
    background-color: var(--sticky-hd) !important;
    box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.04) !important;
}
.sticky.bar.fixed .merged-parent, .sticky.bar.fixed .merged-child, .sticky.bar.fixed .flush-left h2 a{
    color: #000 !important;
}
.sticky.bar.fixed .action-button, .sticky.bar.fixed .green.button{
    background-color: var(--primary-color) !important;
}
div#footer+div, #footer {
    background: #f3f3f5 !important;
}
#footer{
    position: fixed;
}
#footer p {
    top: 0;
    font-size: 12px;
    color: #000;
}
div#sub_nav-wrap, #sub_nav{
    background:#fff !important;
    height: 44px !important;
    box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.04) !important;
}
#sub_nav{
    height: 32px;
    padding: 0;
    margin: 57px auto;
    border: 0;
    line-height: 32px;
    font-size: 16px;
}
div#sub_nav-wrap{
    height: 32px;
    line-height: 32px;
}
.jb-overflowmenu-menu-primary div.customQ-dropdown {
    border: 0;
    background: #fff;
    top: 46px;
    padding: 0;
    left: 0;
}
#sub_nav {
    line-height: 50px;
    max-width: 99%;
}
#sub_nav{
    max-width: 99%;
}
#sub_nav>li>a{
    line-height: 44px;
}
#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(--primary-color) !important;
}
.customQ-dropdown ul li:not(.personalQ):hover {
    background-color:var(--primary-color) !important;
    color: #000 !important;
}
.customQ-dropdown .add-queue a:hover {
    background-color:var(--primary-color) !important;
}
ul#sub_nav a.active{
    color: #000 !important;
}
ul.subMenuQ {
    background:var(--primary-color) !important;
}
#sub_nav a {
    color: #000000;
}
#customQ_nav .jb-overflowmenu-menu-primary li.item a>i {
    margin-top: 0;
    position: relative;
    top: 0;
}
table.list, #ticketTable{
    background: #fff !important;
    border: 0 !important;
    margin: 10px 0 0 0;
    padding: 4px !important;
    border-radius: 8px;
}
table.list th:not(:first-child) a:hover{
    background-color: transparent;
}
.flush-left h2, .flush-left h2 a{
    color: #000000;
    font-weight: 600;
    
}
.sticky.bar.opaque .flush-left h2{padding: 0;}
.sticky.bar.opaque div.pull-right{ padding-top: 0;}
.action-button{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    letter-spacing: 0;
}
.ticket_info{
    border: 0;
    margin: 10px 0 0px 0;
}
table.ticket_info table{
    padding: 12px;
}
ul.tabs li.active{
    border: 0;border-top: 2px solid var(--primary-color);
    border-left: 1px solid #f7f7f7 !important;
}
.tab_content{
    border: 0;
}
ul.tabs li{
    border: 0;
    padding: 0 26px !important;
}
/* .tickets form{
    margin-top: 30px;
} */
input[type=text], input[type=password], textarea, input, select{
    border: 1px solid #D8D8D8 !important;
    height: 50px;
    border-radius: 5px;
}
.flush-left h2, .flush-left h2 a{
    font-family: var(--font-family) !important;
    /* font-size: 40px;
    font-weight: 800; */
}
h3.title, .form_table th em, .thread-body.bleed h3{
    font-family: var(--font-family) !important;
    color: #000;
    margin: 12px 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: 1px solid #D8D8D8 !important;
}
.dialog h3{
    font-family: var(--font-family) !important;
    font-size: 26px;
    font-weight: 700;
    color: #000 !important; 
}
a.tip_close, .dialog a.close, .modal-header a.close{
    color: #fff;
    background:#fff;
}
form[action="tickets.php"] .attached.input{
    top: -60px;
    background: #f3f3f5;
    border: 0 !important;
    border-radius: 4px;
    right: 0 !important;
    padding: 7px;
}
.input.attached input{
    border: 0 !important;
    border-radius: 0px !important;
    opacity: 1 !important;
    background: transparent !important;
    font-family: var(--font-family) !important;
    font-style: normal !important;
}
form[action='tickets.php'] input.basic-search:placeholder-shown{
    font-family: var(--font-family) !important;
    font-style: normal !important; 
}
#scroll-to-top{
    background-color: var(--primary-color) !important;
    padding: 10px 13px;
}

table.list tbody tr:nth-child(2n+1) td {
    background-color: #fafafa;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
table.list thead th, table.list thead th a{
    color: #7e7e7e;
    font-weight: 500;
    padding: 10px;
    line-height: 30px;
    text-shadow: inherit;
    font-family: var(--font-family);
}
table.list tbody td{
    font-size: 15px !important;
    color: #000;
    padding: 10px;
}
#line-chart-here{
    border: 0 !important;
    padding: 10px !important;
    background: #fff !important;
    border-radius: 5px !important;
}
button.ui-datepicker-trigger{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
}
.dashboard #basic_search select, .dashboard input.hasDatepicker{
    height: 30px;
    border: 1px solid #e5e5e5 !important;
}
.dashboard #basic_search{
    height: 30px;
    margin-bottom: 10px;
    display: block;
    margin-top: 4px;
}
.dashboard h2, .dashboard h3 {
    margin: 0;
    margin-top: 8px;
    font-weight: 600 !important;
    font-size: 22px;
    color: #000;
    font-family: var(--font-family) !important;
}
table.dashboard-stats th i.help-tip{
    top: 0;
    float: right;
}
.thread-entry.response .header, .thread-preview.entry.response .header {
    background:var(--primary-color);
    color: #fff;
}
.thread-entry.avatar.response .header:before {
    border-right-color:var(--primary-color);
}
.thread-entry .muted-button{
    background: #fff;    border: 0;
}
button#do_search, input[type="submit"], input[type="reset"], input[type="button"], form.-redactor-container button[type=submit]{
    letter-spacing: 0;
    font-family: var(--font-family) !important;
}

.tickets form .pull-left.flush-left h2{
    font-weight: 600 !important;
    font-size: 28px;
    color: #000;
    font-family: var(--font-family) !important;
    margin-top: 30px;
}
button#do_search i.icon-search{
    display: none;
}
#criteria .adv-search-field-container {
    margin-top: 12px;
}
.dialog p.full-width{
    display: inline-block;
    width: 100%;
}

.dialog{
    border: 0;
    border-radius: 8px;
    padding: 25px;
}
.dialog, .select2-container--default .select2-results>.select2-results__options{scrollbar-face-color: #f5f8f9;scrollbar-shadow-color: #f5f8f9;scrollbar-highlight-color: #f5f8f9;scrollbar-3dlight-color: #f5f8f9;scrollbar-darkshadow-color: #f5f8f9;scrollbar-track-color: #f5f8f9;scrollbar-arrow-color: #f5f8f9;background: #fff;overflow-x: hidden;}
.dialog::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width: 4px;position:absolute;z-index:100;height:4px;cursor:pointer;}
.dialog::-webkit-scrollbar-track, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background: #f5f8f9; -webkit-border-radius:10px;border-radius:10px;cursor:pointer;}
.dialog::-webkit-scrollbar-thumb, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: var(--primary-color); cursor:pointer;}
#nav > li + li {
    margin-left: 30px;
}
.tip_content{
    border: 1px solid #ebebeb !important;
}
table.list tbody tr:nth-child(2n+1):hover td, table.list tbody tr:hover td {
    background:var(--primary-light-color);
}
.thread-entry.message .header, .thread-preview-entry.message .header {
    background: var(--primary-color);
    color: #fff;
}
.thread-entry.avatar.message .header:after {
    border-left: 7px solid var(--primary-color);
}
form[action="tasks.php"] .attached.input{
    top: -36px;
}

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{
    opacity: 1 !important;
}
#customQ_nav .jb-overflowmenu-menu-primary li.item>a{
    font-size: 16px;
    color: #000 !important;
}
.profile h2{
    color: #000;
    font-weight: 600;
    font-family: var(--font-family) !important;
    margin: 0px 0 30px 0;
    font-size: 25px;
}
 ul.tabs{
    height: 50px;
}
 ul.tabs li{
    height: 50px;
    line-height: 50px;
}
 ul.tabs li a{
    line-height: 50px; 
    font-size: 15px;
}
p[style="text-align:center;"] i{
    display: none !important;
}
.profile .tab_content:not(.left) {
    padding: 30px;
}
#response_options>form{
    border: .5px solid #f1f1f1;
}
a#new-ticket{
    font-size: 16px;
}
a#new-ticket:after{
    font-size: 18px;
}
.thread-entry.note .header, .thread-preview-entry.note .header, .thread-preview-entry.collapsed .header {
    background:var(--primary-color);
    color: #fff;
}
.thread-entry .header .title{ color: #fff;}
.thread-entry.avatar.note .header:after {
    border-right-color: var(--primary-color);
}
.radio-btn-block{
    display: flex;
    gap: 6px;
    font-size: 15px;
}
.radio-btn-block input[type="radio"]{top: 0;}
.radio-hd{    width: 100%;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 14px;
    font-family: var(--font-family);
    font-size: 16px;}
.redactor-box.redactor-styles-on {
   border: 1px solid #e3e3e3 !important;
   margin-top: 10px !important;
}    
.tab_content:not(.left) {
    padding: 30px;
}
.tab_content:not(.left) .tab_content:not(.left){
    padding: 0;
}
#tickets.tab_content {
    border: 0;
}
.users table.ticket_info{
    border: 0;
}

.sticky.bar .content{
    max-width: 100% !important;
}
#content{
    max-width: 97%;
    padding-top: 20px;
    margin-bottom: 25px;
}
div#header-constrain{
    max-width: 98%;
}
.tickets form{
    /* background: #fff;
    padding: 0 30px 30px 30px;
    border-radius: 8px; */
    margin-top: 10px;
}

[tooltip]::after{
    background:var(--primary-color) !important;
    color: #fff !important;
}
[tooltip][flow^="right"]::before {
    border-right-color: var(--primary-color) !important;
}
.configureQ{
    margin:18px 0 5px 4px;
}
.tickets .pull-right form {
    background: transparent;
    padding: 0;}
.action-dropdown ul li>a{
    color: #000;
}    
.action-dropdown ul li>a:hover{
    background:var(--primary-color) !important;
}
ul.tabs li:not(.active) a {
    color: var(--primary-color);
}
.kb-page #kb li{
    background-position: 25px 50%, bottom left;
    border-bottom: .5px solid #ddd;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 20px 57px 20px 80px;
    border: 0;
    margin-bottom: 10px;
    border-radius: 8px;
}
.kb-page #kb{
    margin-top: 25px;
}
.kb-page #basic_search div.pull-right{
    margin-top: 12px;
}
.categories .pull-right.flush-right .pull-right.flush-right {
    margin-top: 0;
    padding-top: 0;
}
ul.tabs i{
    display: none !important;
}
a.add-user.action-button{
    background: var(--primary-color);
    color: #fff !important;
    border-color:var(--primary-color) !important;
}
a.add-user.action-button:hover{
    background: #fff;
    border-color:var(--primary-color) !important;
}
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{
    border-color:var(--primary-color) !important;
    color: #fff !important;
}
a.add-user.action-button i.icon-plus{background-image: none !important;display: none;}
a.button.action-button.add-user:hover {
    border: .5px solid var(--primary-color) !important;
}
.orgs i.icon-cloud-upload.icon-large, a#user-register i.icon-smile, #tickets a.green.button.action-button i.icon-plus, a.user-action i.icon-edit{
    display: none !important;
}
.menu_icon{float: right;border-left: 1px solid #ccc;margin-left: 20px;padding-left: 20px;cursor: pointer;}
.menu_icon span{margin-left: 10px;cursor: pointer;}
#left-logo{width: auto;height: 40px; margin: 10px;}
.directory select#did{height: 33px !important;}
input.staff-username.typeahead{height: 48px !important;}
td input[type="tel"]+input {width: 114px !important;min-width: 50px !important;}
.menu_icon{display: none;}
a.green.button{border: 1px solid #e5e5e5;}
a.green.button:hover{border: 1px solid var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: #fff !important;}
.thread-event i {
    color: #000 !important;
}
.jb-overflowmenu .jb-overflowmenu-container{
    border: 0;
}
.tasks-page #container #content #basic_search .pull-right .action-button.muted{
    margin-top: 10px !important;
}
.users-page .action-button i.icon-trash{
    display: none !important;
}
.users-page #content.users td.right_align.has_bottom_border a.user-action{
    margin-left: 5px;
}
.tickets-page .tickets form .form_table .select2-container--default .select2-selection--multiple {
    height: 50px !important;
}
.tickets-page .tickets form .form_table .select2-container .select2-search--inline .select2-search__field{
    border: 0 !important;
    height: 48px;
}
.tickets a.inline.button i{
    display: none !important;
}
.tickets a.inline.button{
    text-align: center;
    background: var(--primary-color);
    color: #fff !important;
    border:1px solid var(--primary-color) !important;
}
.tickets a.inline.button:hover{
    text-align: center;
    background: #fff !important;
    color:var(--primary-color) !important;
    border:1px solid var(--primary-color) !important;
    border-radius: 4px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #e7e7e7;
    background: #fff;
}
.ui-widget-header.ui-datepicker-header{
    background: var(--primary-color);
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default{
    border: .5px solid #f3f2f2;
    background: #fff;
    font-weight: 500;
    color:var(--primary-color);
    height: 25px;
    width: 28px;
    line-height: 25px;
    text-align: center;
}
.ui-datepicker-calendar a.ui-state-default.ui-state-hover{
    color:#fff;
    border: .5px solid var(--primary-color);
    background: var(--primary-color) !important;
}
.ui-datepicker .ui-state-default .ui-priority-primary, .ui-datepicker .ui-widget-content .ui-state-default.ui-priority-primary{
    height: 34px;
    width: auto;
    background: var(--primary-color) !important;
    color:#fff;
}
.ui-datepicker .ui-state-default .ui-priority-secondary, .ui-datepicker .ui-widget-content .ui-state-default.ui-priority-secondary{
    height: 34px;
    width: auto;
    background: var(--primary-color) !important;
    color:#fff;
}
.quicknote a.action{
    background: #fff;
}
.flush-left h2 #reload-task svg{
    fill: var(--primary-color);
    margin-left: 6px;
}
.redactor-air a.re-button-icon.re-button-icon:hover {
    background:var(--primary-color) !important;
}
.dialog h3 i.icon-paste{
    display: none;
}
#user-account-tabs_container, #orgprofile_container{
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 8px;
}
#user-access{
    margin: 0 !important;
}
#popup #user-account-tabs {
    margin: 0 0 -9px 8px;
}
.dialog th strong{
    color: #000;
}
.select2-selection.select2-selection--single {
    border: 1px solid #e7e7e7;
    height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 44px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:var(--primary-color);
}
.select2-dropdown{
    border: 1px solid #e7e7e7;
}
.select2-results__option {
    padding: 10px 6px;
}
.users-page .dialog #user-account-tabs_container td:first-child{
    padding: 9px 0 18px 0px;
}
#new-note {
    background: rgb(243 243 245);
    border: 0;
}
.customQ-dropdown li:not(.personalQ)>span{
    color: #000;
}
.customQ-dropdown .add-queue a span{
    color: #000;
}
.customQ-dropdown i.icon-plus-sign{
    display: none;
}
.customQ-dropdown ul li {
    line-height: 40px;
    font-size: 15px;
}
ul#sub_nav .customQ-dropdown a.active:hover {
    color: #fff !important;
}
.customQ-dropdown li:hover > span{
    color: #fff !important;
}
ul.subMenuQ li a{
    color: #fff !important;  
}
#sub_nav>li>a, #sub_nav>li+li>a.newTicket, #customQ_nav .jb-overflowmenu-menu-primary li.item>a.newTicket {
    color: var(--primary-color) !important;
}
.input.attached .button.attached{
    background-color: transparent !important;
}
#nav.pull-right{
    padding: 0 calc(0% + 8px) 0 0 !important;
}
i[class^="icon-"], a#tickets-transfer, .icon-question-sign:before{
    filter: brightness(0) saturate(100%) invert(45%) sepia(6%) saturate(253%) hue-rotate(201deg) brightness(92%) contrast(86%);
}
#new-note i.icon-plus, a#new-task i.icon-share, form[action*="/forms/manage"] i.icon-plus{
    filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(7500%) hue-rotate(236deg) brightness(105%) contrast(99%);
}
.button-text.advanced-search svg{
    filter: grayscale(100%); 
}
.link.button:hover > i.icon-download{    -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
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 {
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: #fff;
    
}
i[class^="icon-"]:hover, a#tickets-transfer:hover, .icon-question-sign:before:hover{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.action-button:hover a#tickets-transfer{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.action-button i.icon-caret-down, .action-button.muted i.icon-caret-down{
    border-left: .5px solid #e1e1e1;
    margin-left: 10px;
}
.action-button.advanced-search.gray-light2:hover .button-text.advanced-search{
    color: #fff;
}
.button-text.advanced-search:hover svg, .action-button.advanced-search.gray-light2:hover svg{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
/* .flush-left h2 svg{
    fill:var(--primary-color) !important;
} */
.ticket-status .dot{
    filter: grayscale(100%); 
}
i, i[class^="icon-"]:before {
    fill:var(--primary-color) !important;
    color: var(--primary-color) !important;
}
.redactor-toolbar a:hover, .redactor-air a:hover {
    background:var(--primary-color) !important;
}
a#ticket-thread-tab:before, a#ticket-tasks-tab:before, ul.tabs li a::before{
    display: none !important;
}
.filedrop .dropzone {
    border: 1.5px dashed #cfcfcf !important;
    background-color: #f3f3f3 !important;
    color: #7f7f7f !important;
}
table.list thead th a{
    filter: grayscale(100%);  
}
#nav .inactive li a {
    padding: 4px 16px 4px 16px;
    min-width: 180px;
}
.ui-datepicker-trigger:after{
    filter: grayscale(100%);  
}
button.ui-datepicker-trigger:hover:after{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);  
}

.red.button.action-button:hover {
    background: #d01919 !important;
    color: #fff !important;
}
.customQ-dropdown ul li:not(.personalQ):hover i[class^="icon-"]:before{
    fill: #fff !important;
    color:#fff !important;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.tip_arrow{
   display: none !important;
}
.tip_content h1 {border-bottom: 0;background: transparent;}
#basic_search input[type="submit"]:hover{
    color: #fff !important;
}
td.osta_priority_high, td.osta_priority_normal, td.osta_priority_low, td.osta_priority_emergency{
    display: none;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--primary-color) !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: var(--primary-color) !important;
}
.tooltip-inner {
    background-color:var(--primary-color) !important;
    color: #fff !important;
}
#sub_nav>li>a, #sub_nav>li+li>a, #customQ_nav .jb-overflowmenu-menu-primary li.item>a {
    color: #000 !important;
}
form[action="users.php"] .attached.input, form[action="orgs.php"] .attached.input, form[action="tasks.php"] .attached.input, form[action="kb.php"] .attached.input{
    top: -58px;
    background: #f3f3f5;
    border: 0 !important;
    border-radius: 4px;
    right: 0 !important;
    padding: 7px;
}
form[action="users.php"] table.list, #ticketTable, form[action="orgs.php"] table.list {
    margin: 12px 0 0 0;
}
table.list tbody tr.highlight td {
    border-top: .1px solid #f7f7f7 !important;
    border-bottom: .1px solid #f7f7f7 !important;
    background-color: #f7f7f7 !important;
}
.thread-body .attachments{
    min-height: 45px;
}
form#reply, #response_options>form{
    margin-top: 0;
}
table.list thead th a.asc{
    background-color: transparent;
}
table.table th{
    color: #7e7e7e;
    font-weight: 500;
    font-family: var(--font-family) !important;
    padding: 10px;
    line-height: 30px;
}
table.dashboard-stats tbody:nth-child(2) tr:nth-child(odd) {
    background-color: #f3f3f3;
}
table.dashboard-stats tbody:nth-child(2) th{
    border-right: 1px solid #e3e3e3;
    color: #000;
}
table.dashboard-stats tbody:nth-child(2) td{
    border-bottom: 1px solid #e3e3e3;
    border-right:0;
}
table.dashboard-stats tbody:first-child th {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 4px 8px;
}
.dashboard button.green.button.action-button:before{
    filter: grayscale(100%);   
}
.dashboard button.green.button.action-button:hover:before{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); 
}
#basic_search input[value="Filter"] {
    border:0 !important;
    border-radius: 4px;
}
.dashboard button.green.button.action-button.muted:hover{
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
}
.dashboard button.link.button:hover{
    border: 1px solid var(--primary-color) !important;
}
.dashboard ul.tabs li a {
    margin-top: 0;
    display: block;
}
ul#sub_nav {
    max-width:99.5%;
}

.login-banner {
    position: absolute;
    bottom: -180px;
    right: -90px;
    width: 100%;
    height: 90vh;
}
.login-banner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#nav.pull-right #home-link svg{
    top: -2px !important;
}
.users-page #content.users{
    padding-top: 10px;
}
.users-page #content.users h2 a{
    color: #000;
    font-weight: 600;
}

#sub_nav > li{
    position: relative;
    display: inline-block;
}
#sub_nav > li>a{
    margin-right: 20px;
}
#sub_nav > li::after{
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    background: #afadad;
    top: 22px;
    right: -2px;
    border-radius: 50%;
}
.users-page .users #basic_search {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: -1px;
}
#warning_bar{
    display: none;
}
#warning_bar+#header {
    margin-top: 0px !important;
}
.banlist-page .banlist #basic_search{
    display: none;
}
.banlist-page .banlist .sticky.bar .content{
    margin: 0;
}
.banlist-page form[action="banlist.php"] table.list, .emails-page form[action="emails.php"] table.list, .templates-page form[action="templates.php"] table.list{
    margin: 18px 0 0 0;
}
.emailtest-page #content.emailtest select{
    min-width: 463px !important; 
}
.emailsettings-page #content.emailsettings h2, .emailtest-page #content.emailtest h2{
    font-weight: 600;
}
.tasks-page #container #content #basic_search .pull-right .action-button.muted {
    margin-top: 10px !important;
    position: absolute;
    right: 163px;
    margin-top: 13px !important;
}

.emailsettings-page #content.emailsettings, .emailtest-page #content.emailtest, .settings-page #content.settings {
    max-width: 94%;
    background: #fff;
    margin: 30px auto;
    border-radius: 8px;
    padding: 30px 30px;
}
.settings-page .settings ul.tabs {margin-top: 24px;}
.settings-page .settings .tab_content {
    border: 1px solid #efefef;
}
.staff #basic_search{
    display: none;
}
form[action="staff.php"] table.list, form[action="departments.php"] table.list, form[action="teams.php"] table.list, form[action="helptopics.php"] table.list, form[action="filters.php"] table.list, form[action="slas.php"] table.list, form[action="apikeys.php"] table.list
, form[action="pages.php"] table.list, form[action="forms.php"] table.list, form[action="lists.php"] table.list, form[action="plugins.php"] table.list{
    margin: 16px 0 0 0;
}
.staff-page .staff h2, .departments-page .departments h2, .roles-page .roles h2, .teams-page .teams h2, .helptopics-page .helptopics h2, .filters-page .filters h2, .schedules-page .schedules h2, .lists-page .lists h2{
    margin-bottom: 20px;
    font-weight: 600;
}
.filters-page .filters .form_table, .slas-page .slas .form_table, .apikeys-page .apikeys .form_table, .pages-page .pages .form_table, .forms-page .forms .form_table, .canned-page .canned .form_table, .templates-page .templates .form_table, .tickets-page .tickets .form_table{
    background: #fff;
    margin: 30px auto;
    border-radius: 8px;
    padding: 30px 30px;
}
.apikeys h2{
    font-weight: 600;
}
ul#translations li a{line-height: 24px !important;}
ul#translations li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0px 0 !important;
    vertical-align: top;
}
.pages table.form_table.fixed input[type="text"].translatable{
    border: 0 !important;
}

nav#customQ_nav #sub_nav {
    line-height: 50px;
}
#sub_nav > li:last-child::after{
    display: none;
}
.faq-category {margin: 0;background-color: #fff;padding: 20px;border: 0;margin-bottom: 10px;border-radius: 8px;margin-top: 15px;}
.faq-title.pull-left {color: #000;}
.tip_content h2, .priority-popup h3{
    color: #000;
}
.tip_menu li a{
    color: var(--primary-color);
    font-size: 14px;
    padding: 9px 9px;
}
.thread-preview-entry.collapsed .header .thread-name span, .thread-preview-entry.message .header .thread-name span{color: #fff !important;}
.thread-preview-entry.collapsed:first-child {margin-bottom: 8px;}
.tasks-page form[action="tasks.php"] table.list{
    margin-top: 10px;
}
button.mui-btn.mui-btn--fab svg path{
    filter: grayscale(100%); 
}
button.mui-btn.mui-btn--fab:hover svg path{fill: #fff;}
.faq-page #content.faq{
    background: #fff;
    margin: 30px auto;
    border-radius: 8px;
    padding: 30px 30px; 
    max-width: 94%;  
}
.faq-page #content.faq .sidebar {
    border: .5px solid #e7e7e7;
    background-color: #f3f3f5 !important;
    border-radius: 8px;
    margin: 0 14px 20px 0;
    padding: 20px;
    line-height: 20px;
}
td.osta_priority_low{
    display: none;
}
#task_content .pull-left.flush-left a.preview{
    border: 1px solid #e9e9e9;
    background: #fff;
}
td.osta_ticket div a{
    font-size: 14px !important;
    padding: 6px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--primary-color);
}
.action-dropdown ul li > a:hover, .action-dropdown ul li.active > a:hover, .noclick-dropdown ul li > a:hover, .noclick-dropdown ul li.active > a:hover{
    background-color: var(--primary-color) !important;
}
.noclick-dropdown ul li > a{
    line-height: 22px;
}
.noclick-dropdown ul li > a i.icon-plus-sign{ float: left;    top: 0;}
a[data-preview^="#tasks"]{
    font-size: 12px !important;
    padding: 2px 8px 0px 16px !important; 
}
.directory table.list td, table.list td, .directory table.list td:first-child, table.list tbody td a, table.list tbody td{
    font-size: 15px !important;
}
.ticket_info th, .ticket_info td{
    font-size: 15px !important;
}
.tickets-page .tickets form .pull-left.flush-left h2{
    margin-top: 0;
    margin-bottom: 20px;
}
.settings_table td .icon-plus-sign{
    margin-top: 9px;
}
.settings_table td input[type=tel]{    min-width: 310px;}
.logs #basic_search{
    display: none !important;
}
#agents-tabs_container .form_table tr td{ padding: 10px 0 !important;}
.settings #queues .icon-plus-sign{    top: 2px !important;}
.action-dropdown ul li > a:hover .icon-ban-circle{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);    
}
.form_table.settings_table td{
    padding: 7px 4px;
}
table.list tbody td, table.list thead th{
    border-right: 1px solid #f2f2f2 !important;
}
form#users-list table.list td, form#users-list table.list th{border: 1px solid #f2f2f2 !important; border-bottom: 0 !important;}
.osta_subject .pull-left{    width: auto;}
table.list tbody td .Icon.overdueTicket{ display: none;}
#new-reply-icon{ margin-left: 0 !important;}
table.list tbody td, table.list tbody th {padding:10px 15px !important;margin: 0 !important;}
table.list thead th a{margin-left: 0 !important;padding: 0 !important;}
table.list th{padding:10px 15px !important;margin: 0 !important;  height: auto;background: #f3f3f5 !important;}
th.osta_priority{display: none !important;}
table.list.queue.tickets th:first-child, table.list.queue.tickets td:first-child{width: 10px !important;text-align: center;}
table.list thead th a.desc{background-color: transparent !important;}
form[action="tasks.php"] table.list td:nth-child(2) a{border: 0;}
a.green.button.action-button{background: var(--primary-color);border: 1px solid var(--primary-color);color: #fff; border-radius: 8px;}
a.green.button.action-button i{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); }
.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{
    padding: 10px !important;
}
.form_table i.icon-edit {
    margin: -4px 6px 3px 24px !important;
    vertical-align: middle;
}
.sticky.bar.fixed i[class^="icon-"]{
    filter: brightness(0) saturate(100%) invert(98%) sepia(24%) saturate(0%) hue-rotate(239deg) brightness(116%) contrast(100%);
}
.form_table .action-button i.icon-edit {margin: 0px 14px 0 0 !important;}
.select2-container .select2-search--inline .select2-search__field{ border: 0 !important;}

.configureQ .noclick-dropdown ul li > a:hover i, .action-dropdown ul li > a:hover i{filter: inherit !important;}
i[class^="icon-"].icon-comments-alt{filter: inherit !important;}
.action-button:hover i[class^="icon-"], .action-button:active i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(0%) hue-rotate(282deg) brightness(111%) contrast(101%);}

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"]{
    border: 0;
}
.settings ul.clean.tabs a[href="#basic-information"] i.icon-asterisk, i.icon-building{
    filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(7500%) hue-rotate(236deg) brightness(105%) contrast(99%);
}
#advanced-search i.icon-save{display: none;}
.filedrop .files .file > span{    padding: 0;}
.thread-entry .label-bare{    border: 0;background: #fff;}
.action-dropdown ul, .noclick-dropdown ul{    min-width: 190px;}
button[name="remove-users"], .red.button{    background: #d01919 !important;color: #fff !important;border: 1px solid #d01919;}
button[name="remove-users"] i, .red.button i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(0%) hue-rotate(282deg) brightness(111%) contrast(101%);}
p[style="text-align:center;"] input[type="submit"], .redactor-modal button, form#advsearch button#do_save, form.-redactor-container button[type=submit], .buttons input[type="submit"], .quicknote a.action, .users-page #content.users td.right_align.has_bottom_border a.user-action, .has_bottom_border span.action-button, #new-note-box .submit input[type="button"]{background-color: var(--primary-color) !important;color: #fff !important;border: 1px solid var(--primary-color) !important;border-radius: 8px;letter-spacing: 0;}
p[style="text-align:center;"] input[type="submit"]:hover, .redactor-modal button:hover, form#advsearch button#do_save:hover, form.-redactor-container button[type=submit]:hover, .buttons input[type="submit"]:hover, .users-page #content.users td.right_align.has_bottom_border a.user-action:hover, .has_bottom_border span.action-button:hover, #new-note-box .submit input[type="button"]:hover{background: #fff !important;color: var(--primary-color) !important;border: 1px solid var(--primary-color) !important;}
p[style="text-align:center;"] input[value="Cancel"], p[style="text-align:center;"] input[type="reset"], .redactor-modal-footer button.redactor-button-unstyled, .buttons input[type="button"], .buttons button#do_search{background: #6E6E73 !important;border: 1px solid #6E6E73 !important;border-radius: 8px;color: #fff !important;letter-spacing: 0;}
p[style="text-align:center;"] input[value="Cancel"]:hover, p[style="text-align:center;"] input[type="reset"]:hover, .redactor-modal-footer button.redactor-button-unstyled:hover, .buttons input[type="button"]:hover, .buttons button#do_search:hover{background: #fff !important;border: 1px solid #6E6E73 !important;color: #6E6E73 !important;}
.quicknote .header .header-right a.action{border-radius: 5px !important;}
.quicknote .header .header-right a.action i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(18%) hue-rotate(210deg) brightness(106%) contrast(104%);}
.has_bottom_border span.action-button i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(18%) hue-rotate(210deg) brightness(106%) contrast(104%);}
.has_bottom_border span.action-button:hover  i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(14%) sepia(86%) saturate(7499%) hue-rotate(236deg) brightness(104%) contrast(103%);}
.users-page #content.users td.right_align.has_bottom_border ul li a{margin:0;}
.users-page #content.users td.right_align.has_bottom_border ul li a.user-action{border-radius: 0;letter-spacing: 0;margin: 0;}
.users-page #content.users td.right_align.has_bottom_border ul li a.user-action i{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%) hue-rotate(99deg) brightness(101%) contrast(101%);}
.users-page #content.users td.right_align.has_bottom_border ul li a.user-action:hover{background-color: var(--primary-color) !important;color: #fff !important;border: 1px solid var(--primary-color) !important;border-radius: 0;letter-spacing: 0;}
table.list tbody td.osta_priority_{display: none;}

.tab_content:not(.left)#basic-information {
    padding: 0px 30px 30px 30px;
}

.forms-page .forms .form_table td  .tab_content:not(.left) {
    padding: 0;
}
.forms-page .forms .form_table td{padding: 0;}
.grid.form .field > label select{margin-top: 10px;}
.save.pending:hover{    color: #ffdf !important;}
ul.tabs i.icon-globe:before{    font-size: 21px;}
.filters-page .filters .tab_content:not(.left) .form_table{padding: 0 !important;    margin-top: 0 !important;}
.filters-page .filters .green.button{      border: 1px solid var(--primary-color) !important;background: var(--primary-color) !important;color: #fff !important;padding: 0;border-radius: 8px;height: 42px;padding: 0 20px;min-width: 100px;}
.filters-page .filters .green.button i{display: none;}
.filters-page .filters .green.button:hover{background: #fff !important;color: var(--primary-color) !important;}
.customQ-dropdown li h4, .customQ-dropdown li.top-level{    color: #222;}
.customQ-dropdown ul li:not(.personalQ):hover h4{color: #fff !important;}
.sticky.bar.fixed a#tickets-transfer{    filter: brightness(0) saturate(100%) invert(98%) sepia(24%) saturate(0%) hue-rotate(239deg) brightness(116%) contrast(100%) !important;}
.sticky.bar.fixed .action-dropdown ul li i[class^="icon-"]{filter: brightness(0) saturate(100%) invert(45%) sepia(6%) saturate(253%) hue-rotate(201deg) brightness(92%) contrast(86%);}
.dialog #save-changes span.buttons{    display: inline-block;}
.dialog #save-changes span.buttons button.save.button{height: 38px;display: inline-block;}
.dialog #save-changes  input[type=text]{    display: inline-block;float: left;margin: 0;}
.settings-page .form_table.settings_table{    padding-top: 0 !important;}
.logs #basic_search, .audits #basic_search{background: #fff;height: 61px;margin: 0;border-radius: 5px;margin-bottom: 10px;}

.canned-page .button:hover i.icon-plus-sign{filter: brightness(0) saturate(100%) invert(98%) sepia(24%) saturate(0%) hue-rotate(239deg) brightness(116%) contrast(100%) !important;}
.thread-entry .header .faded{    margin-top: 0 !important;display: inline-block;vertical-align: middle;margin-bottom: 0 !important;}
#thread-items{    z-index: 1 !important;}
a.green.button:hover i{filter: brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(18%) hue-rotate(210deg) brightness(106%) contrast(104%);}
select[name=ispublished]{    margin-top: 13px;}
.filedrop .files .file .trash i.icon-trash{top: 0 !important;}
.teams-page .action-dropdown ul li i.icon-trash {
    top: 6px;
}
.faded-more i.icon-time[class^="icon-"]:before, .faded-more i.icon-time{top: 0 !important;}
.drop-membership{    float: none;display: inline-block;vertical-align: middle;position: relative;top: -3px;}
ul.tabs li a{    display: flex;    align-items: center;}
ul.tabs li a i{top: 0 !important;;}
hr{    display: inline-block;width: 100%;}
a#new-task i.icon-share, form[action*="/forms/manage"] i.icon-plus{    top: -2px !important;}
.filters-page .filters .sticky  .green.button{height: 34px;min-width: 100px;line-height: 34px;}