/*---------------------
 SupportDesk 2021
----------------------*/
input, select, textarea, .WebSQLSummary, .summary-container .summary-icon:after, .summary-container tr.summary-row .fa-paperclip:after, #AjaxUpdater .notes-container .fa-paperclip:after, #AjaxUpdater .notes-container .fa-info-circle:after, #AjaxUpdater .notes-container i.fa-user:after, .Notes_Menu, .tooltip:hover span {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

body {
    font-family: sans-serif;
    font-size: 1.2rem;
    padding-left: 70px;
    margin: 0;
    font-weight: 100;
    color: #3a3a3a;
    background: #f7f7f7;
}

@font-face {
    font-family: "hoth-font";
  src: url("html/hoth-font/hoth-font.eot");
  src: url("html/hoth-font/hoth-font.eot?#iefix") format("embedded-opentype"), url("html/hoth-font/hoth-font.woff") format("woff"), url("html/hoth-font/hoth-font.ttf") format("truetype"), url("html/hoth-font/hoth-font.svg#hoth-font") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
    font-family: "hoth-font";
    content: attr(data-icon);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "hoth-font";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline;
}

.icon-hoth:before {
    content: "\61";
}

a {
    color: #407fac;
    text-decoration: none;
}

li {
    list-style: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/dd_arrow2017.png) right center no-repeat;
    padding-right: 15px;
}

select #QC {
    width: 100%;
}

select#FR {
    height: 30px;
    margin-top: -2px;
}

input, select, textarea {
    background-color: white;
    font-family: sans-serif;
    font-size: 12px;
    color: #3a3a3a;
    min-height: 25px;
    box-shadow: 0 0 10px #bcbcbc0f;
}

input#F43, input#F10, select#F43, select#F10, textarea#F43, textarea#F10 {
    min-height: 150px;
    white-space: pre !important;
    white-space: pre-line !important;
}

input::-ms-expand, select::-ms-expand, textarea::-ms-expand {
    display: none;
}

textarea {
    white-space: pre-line;
}

input[type=checkbox] {
    height: inherit;
    min-height: inherit;
    padding: inherit;
}

select > option:hover {
    color: #1B517E;
    cursor: pointer;
}

input.Button, input[type=submit] {
    background: #407fac;
    border: 0;
    color: white;
    margin-right: 5px;
    padding: 5px 10px;
}

input:hover {
    cursor: pointer;
    opacity: 0.8;
}

input[type=submit] {
    background: #40ac88;
}

input[value=Delete], input[value='Delete Image'] {
    background-color: #f54257 !important;
    color: white !important;
}

h2 {
    font-weight: 100;
    padding-left: 10px;
}

/**** HIDE ELEMENTS ************/
table#CallLinkMenu, .searching\.png, .summary-row1 .quickview-dropdown, .search\.png, .drag-full-page {
    display: none;
}

img.opportunity\.gif, img.foldinc\.gif {
    display: none;
}

.supkbkey\.gif, img.foldcha\.gif, #nav img, ._Clear_, .openlink, .print\.gif, .bigarrow\.gif, .copywrite, .printsummary img, .printlink img {
    display: none !important;
}

/******************************/
.left-panel {
    padding: 0;
    width: 0;
    float: left;
}

.right-panel {
    opacity: 0;
}

.right-panel br:first-child, .right-panel br:nth-child(2) {
    display: none;
}

.right-panel > big b {
    font-size: 15px;
    padding: 10px;
    float: left;
    width: 100%;
    color: #002F43;
}

.suptable {
    border-spacing: 0;
    margin: 0;
    width: 100%;
}

#nav {
    background: #407fac;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 70px;
    z-index: 9;
    border-right: 1px solid #ccc;
}

#nav.cafm li ul li a.Orgs span:before {
    content: "\f275";
}

#nav.cafm li ul li a.Customers span:before {
    content: "\f1ad";
}

#nav li {
    float: left;
    width: 100%;
}

#nav li a {
    color: white;
    padding: 8px 4px;
    float: left;
    text-align: center;
    width: 100%;
    overflow: hidden;
    font-size: 10px;
}

#nav li a span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#nav li a i {
    width: 20px;
    text-align: center;
    margin-right: 3px;
}

#nav li a i.fa-chevron-left {
    color: #407fac;
    float: right;
    font-size: 10px;
    line-height: 15px;
}

#nav li a:before {
    font-family: Font Awesome\ 5 Pro;
    float: left;
    width: 100%;
    font-size: 20px;
    padding-bottom: 5px;
    color: white;
    height: 20px;
}

#nav li a.active {
    background: #002F43;
    box-shadow: inset 4px 0 0 0 #fde051;
}

#nav li a.active span:before {
    color: white;
}

#nav li:hover ul li a.active {
    background: #002F43;
    box-shadow: inset 4px 0 0 0 #fee119;
    color: white;
}

#nav li a.opportunity\.gif:before {
    content: "\f09d";
}

#nav li a.CRM\.gif:before {
    content: "\f0a1";
}

#nav li a.Folder:before {
    content: "\f07b";
}

#nav li a.Calls:before {
    content: "\f07b";
}

#nav li a.CurrentFolderName:before {
    content: "\f07b";
}

#nav li a.Activities:before {
    content: "\f022";
}

#nav li a.NewsFeed:before {
    content: "\f1ea";
}

#nav li a.noticeboard\.gif:before {
    content: "\f1ea";
}

#nav li a.MailInbox:before, #nav li a.menu- a:before {
    content: "\f01c";
}

#nav li a.MailInboxSetup:before {
    content: "\f013";
}

#nav li a.KPI:before {
    content: "\f1fe";
}

#nav li a.settings\.gif:before {
    content: "\f013";
}

#nav li a.logout\.gif {
    display: none !important;
}

#nav li a.logout\.gif:before {
    content: "\f011";
}

#nav li a.Orgs:before {
    content: "\f1ad";
}

#nav li a.Customers:before {
    content: "\f2bd";
}

#nav li a.Contacts:before {
    content: "\f2c2";
}

#nav li a.Products:before {
    content: "\f49e";
}

#nav li a.Inventories:before {
    content: "\f46d";
}

#nav li a.ServiceCatalog:before {
    content: "\f3fd";
}

#nav li a.Roles:before {
    content: "\f47f";
}

#nav li a.SupplierList:before {
    content: "\f48b";
}

#nav li a.PoList:before {
    content: "\f467";
}

#nav li a.Contracts:before {
    content: "\f305";
}

#nav li a.AccList:before {
    content: "\f3d1";
}

#nav li a.InvList:before {
    content: "\f15c";
}

#nav li a.Prospects:before {
    content: "\f0f2";
}

#nav li a.CampaignList:before {
    content: "\f0ac";
}

#nav li a.Opportunities:before {
    content: "\f201";
}

#nav li a.Kbase:before {
    content: "\f02d";
}

#nav li a.facilities:before {
    content: "\f0ad";
}

#nav li a.ppm:before {
    content: "\f334";
}

#nav li a.bookings:before {
    content: "\f073";
}

#nav li a.visitor:before {
    content: "\f507";
}

#nav li a.CurrentFolderName span {
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
}

#nav li a.suppcust\.gif {
    height: 64px;
}

#nav li a.suppcust\.gif:before {
    content: "\f1ad";
}

#nav li a.QuickReportsSummary, #nav li a.Reports {
    height: 53px;
}

#nav li a.QuickReportsSummary:before, #nav li a.Reports:before {
    content: "\f080";
}

#nav li a.LicenceList {
    display: none;
}

#nav li a.LicenceList:before {
    content: "\f109 ";
}

#nav li nav {
    float: left;
    background: white;
    display: none;
    position: absolute;
    margin-left: -400px;
    width: 200px;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
}

#nav li li:hover nav {
    display: inline;
}

#nav li li:hover nav li a i {
    padding-right: 5px;
}

#nav li li:hover nav li a:hover {
    opacity: 0.8;
}

#nav li li:hover nav li a.new {
    position: absolute;
    left: -50px;
    width: 50px;
    background: #40ac88;
    text-align: center;
    padding: 8px;
    display: none;
}

#nav li li:hover nav li a.new:hover {
    opacity: 1;
    background: #3a3a3a;
}

#nav li li:hover nav li a.new i {
    padding: 0;
}

#nav li li:hover nav li:hover a.new {
    display: inline;
}

#nav li li:hover nav.adv_menu, #nav li li:hover nav.tools_menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -200px;
}

#nav li li:hover nav.adv_menu li, #nav li li:hover nav.tools_menu li {
    order: 4;
}

#nav li li:hover nav.adv_menu li.Workflows, #nav li li:hover nav.tools_menu li.Workflows {
    order: 5;
}

#nav li li:hover nav.adv_menu li.Classifications, #nav li li:hover nav.tools_menu li.Classifications {
    order: 4;
}

#nav li li:hover nav.adv_menu li.Import, #nav li li:hover nav.tools_menu li.Import {
    order: 1;
}

#nav li li:hover nav.adv_menu li.DatabaseExport, #nav li li:hover nav.tools_menu li.DatabaseExport {
    order: 2;
}

#nav li li:hover nav.adv_menu li.Scripts, #nav li li:hover nav.tools_menu li.Scripts {
    order: 4;
    display: none;
}

#nav li li:hover nav.adv_menu li.PsScripts, #nav li li:hover nav.tools_menu li.PsScripts {
    order: 4;
}

#nav li li:hover nav.adv_menu li.OauthScripts, #nav li li:hover nav.tools_menu li.OauthScripts {
    order: 4;
}

#nav li li:hover nav.adv_menu li.themes, #nav li li:hover nav.tools_menu li.themes {
    order: 3;
}

#nav ul li a:before {
    display: none;
}

#nav li.nav-logo a {
    opacity: 1;
    font: 0/0 a;
    padding: 0;
    background-size: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}

#nav li.nav-logo a:before {
    content: "\f015 ";
    display: none;
}

#nav li.nav-logo a span {
    display: none;
}

#nav li.nav-logo a .icon-hoth {
    display: flex;
    justify-content: center;
}

#nav li.nav-logo a .icon-hoth:before {
    font-size: 40px;
    text-align: center;
    padding-top: 5px;
}

#nav li.nav-logo:hover a {
    background-color: #407fac;
    opacity: 0.8;
}

#nav li:hover a {
    background-color: #002F43;
}

#nav li:hover ul li a {
    background: none;
}

#nav li:hover ul li a.Family {
    background: #fde051;
}

#nav li:hover ul li a.Family:before {
    content: "\f0e8";
    display: inline;
    font-size: 12px;
    width: auto;
    margin-right: 5px;
}

#nav li:hover ul li a.Family:after {
    content: "\f107";
    float: right;
    font-family: Font Awesome\ 5 Pro;
}

#nav li ul {
    display: none;
    position: absolute;
    background: white;
    border-left: 0;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: left;
    width: 200px;
    border-radius: 0px 4px 4px 0;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
}

#nav li ul li a {
    text-align: left;
    white-space: nowrap;
    font-size: 12px;
    color: #3a3a3a;
}

#nav li ul li a span:before {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 100;
    width: 20px;
    float: left;
    text-align: center;
}

#nav li ul li a.Orgs span:before {
    content: "\f1ad";
}

#nav li ul li a.Customers span:before {
    content: "\f2bd";
}

#nav li ul li a.Contacts span:before {
    content: "\f2c2";
}

#nav li ul li a.Products span:before {
    content: "\f49e";
}

#nav li ul li a.Inventories span:before {
    content: "\f46d";
}

#nav li ul li a.ServiceCatalog span:before {
    content: "\f3fd";
}

#nav li ul li a.Roles span:before {
    content: "\f47f";
}

#nav li ul li a.SupplierList span:before {
    content: "\f48b";
}

#nav li ul li a.PoList span:before {
    content: "\f467";
}

#nav li ul li a.Contracts span:before {
    content: "\f305";
}

#nav li ul li a.AccList span:before {
    content: "\f3d1";
}

#nav li ul li a.InvList span:before {
    content: "\f15c";
}

#nav li ul li a.Prospects span:before {
    content: "\f0f2";
}

#nav li ul li a.CampaignList span:before {
    content: "\f0ac";
}

#nav li ul li a.Opportunities span:before {
    content: "\f201";
}

#nav li ul li a.LicenceList {
    display: inline;
}

#nav li ul li a.LicenceList span:before {
    content: "\f109";
}

#nav li ul li a.Folder span:before {
    content: "\f07c";
}

#nav li ul li a.HolList, #nav li ul li a.AllocList {
    display: none;
}

#nav li ul li:hover a {
    background: #002F43;
    color: white;
}

#nav li.menu-settings\.gif ul, #nav li.menu-logout\.gif ul {
    bottom: 40px;
}

#nav li:hover ul {
    display: inline;
}

.WebSQLSummary {
    background: #f7f7f7;
    float: left;
    color: #3a3a3a;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
    position: fixed;
    bottom: 50px;
    right: 5px;
    width: 500px;
    z-index: 999999999;
}

.WebSQLSummary:before {
    content: "SQL Statement:";
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

.summary-container {
    margin-top: 58px;
    margin-left: -3px;
    box-shadow: 0 0 0 10000px white;
    background: white;
    table-layout: fixed;
    padding-bottom: 100px;
}

.summary-container.link_tickets tr td {
    border: 0;
}

.summary-container.link_tickets tr td .yui-skin-sam .yui-navset .yui-content {
    background: white !important;
}

.summary-container .summary-heading {
    cursor: move;
    white-space: nowrap;
    line-height: 30px;
}

.summary-container .summary-heading .fa-filter {
    margin-left: 5px;
    color: #407fac !important;
    font-size: 10px;
    position: absolute;
    margin-top: 10px;
}

.summary-container .summary-heading .fa-filter:hover {
    opacity: 0.8;
}

.summary-container .summary-row .summary-icon, .summary-container .summary-row i {
    font-size: 12px;
    line-height: 15px;
    margin-right: 3px;
}

.summary-container .summary-row-blank {
    color: white;
}

.summary-container .summary-row1, .summary-container .summary-row2 {
    position: fixed;
    top: 0;
    width: 100%;
    top: 0;
    height: 60px;
    border-bottom: 1px solid #eee;
    z-index: 2;
    display: block !important;
}

.summary-container .summary-row1 td, .summary-container .summary-row2 td {
    cursor: inherit;
    border: 0;
    padding: 18px;
}

.summary-container .summary-row1 td #theForm a[title="Switch to Archived"], .summary-container .summary-row1 td #theForm a[title="Switch to Live"], .summary-container .summary-row1 td #theForm a.save_view, .summary-container .summary-row2 td #theForm a[title="Switch to Archived"], .summary-container .summary-row2 td #theForm a[title="Switch to Live"], .summary-container .summary-row2 td #theForm a.save_view {
    background: #f4f9fd;
    padding: 5px;
    border-radius: 4px;
    color: #407fac;
    padding: 5px 10px;
    transition: 0.1s;
}

.summary-container .summary-row1 td #theForm a[title="Switch to Archived"]:hover, .summary-container .summary-row1 td #theForm a[title="Switch to Live"]:hover, .summary-container .summary-row1 td #theForm a.save_view:hover, .summary-container .summary-row2 td #theForm a[title="Switch to Archived"]:hover, .summary-container .summary-row2 td #theForm a[title="Switch to Live"]:hover, .summary-container .summary-row2 td #theForm a.save_view:hover {
    background: #407fac;
    color: white;
}

.summary-container .summary-row1 td a.save_view, .summary-container .summary-row2 td a.save_view {
    background: #f4f9fd;
    padding: 10px;
    border-radius: 4px;
    color: #407fac;
    padding: 7px 20px;
    transition: 0.1s;
    position: fixed;
    right: 620px;
    box-shadow: 0 0 10px #bcbcbc0f;
}

.summary-container .summary-row1 td a.save_view:hover, .summary-container .summary-row2 td a.save_view:hover {
    background: #407fac;
    color: white;
}

.summary-container .summary-row1 {
    left: 0;
    padding-left: 330px;
    right: 520px;
    width: 100%;
    background: white;
}

.summary-container .summary-row1 i.refresh_mailbox {
    position: fixed;
    z-index: 9999999;
    left: 90px;
    font-size: 20px;
    top: 20px;
    color: #407fac !important;
}

.summary-container .summary-row1 b, .summary-container .summary-row1 big {
    font-weight: 100;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    position: fixed;
    left: 350px;
    right: 620px;
    font-size: 20px;
}

.summary-container .summary-row1 b big, .summary-container .summary-row1 b b, .summary-container .summary-row1 big big, .summary-container .summary-row1 big b {
    font-size: 20px;
}

.summary-container .summary-row1 b big:before, .summary-container .summary-row1 b b:before, .summary-container .summary-row1 big big:before, .summary-container .summary-row1 big b:before {
    font-family: Font Awesome\ 5 Pro;
    padding-right: 5px;
}

.summary-container .summary-row1 b big.DB6:before, .summary-container .summary-row1 b b.DB6:before, .summary-container .summary-row1 big big.DB6:before, .summary-container .summary-row1 big b.DB6:before {
    content: "\f02d";
}

.summary-container .summary-row1 b big.DB11:before, .summary-container .summary-row1 b b.DB11:before, .summary-container .summary-row1 big big.DB11:before, .summary-container .summary-row1 big b.DB11:before {
    content: "\f022";
}

.summary-container .summary-row1 b big.DB1:before, .summary-container .summary-row1 b b.DB1:before, .summary-container .summary-row1 big big.DB1:before, .summary-container .summary-row1 big b.DB1:before {
    content: "\f2bd";
}

.summary-container .summary-row1 b big.DB2:before, .summary-container .summary-row1 b b.DB2:before, .summary-container .summary-row1 big big.DB2:before, .summary-container .summary-row1 big b.DB2:before {
    content: "\f2c2";
}

.summary-container .summary-row1 b big.DB3:before, .summary-container .summary-row1 b b.DB3:before, .summary-container .summary-row1 big big.DB3:before, .summary-container .summary-row1 big b.DB3:before {
    content: "\f46d";
}

.summary-container .summary-row1 b big.DB4:before, .summary-container .summary-row1 b b.DB4:before, .summary-container .summary-row1 big big.DB4:before, .summary-container .summary-row1 big b.DB4:before {
    content: "\f49e";
}

.summary-container .summary-row1 b big.DB37:before, .summary-container .summary-row1 b b.DB37:before, .summary-container .summary-row1 big big.DB37:before, .summary-container .summary-row1 big b.DB37:before {
    content: "\f3fd";
}

.summary-container .summary-row1 b big.DB109:before, .summary-container .summary-row1 b b.DB109:before, .summary-container .summary-row1 big big.DB109:before, .summary-container .summary-row1 big b.DB109:before {
    content: "\f47f";
}

.summary-container .summary-row1 b big.DB36:before, .summary-container .summary-row1 b b.DB36:before, .summary-container .summary-row1 big big.DB36:before, .summary-container .summary-row1 big b.DB36:before {
    content: "\f109";
}

.summary-container .summary-row1 b big.DB16:before, .summary-container .summary-row1 b b.DB16:before, .summary-container .summary-row1 big big.DB16:before, .summary-container .summary-row1 big b.DB16:before {
    content: "\f48b";
}

.summary-container .summary-row1 b big.DB15:before, .summary-container .summary-row1 b b.DB15:before, .summary-container .summary-row1 big big.DB15:before, .summary-container .summary-row1 big b.DB15:before {
    content: "\f467";
}

.summary-container .summary-row1 b big.DB17:before, .summary-container .summary-row1 b b.DB17:before, .summary-container .summary-row1 big big.DB17:before, .summary-container .summary-row1 big b.DB17:before {
    content: "\f305";
}

.summary-container .summary-row1 b big.DB34:before, .summary-container .summary-row1 b b.DB34:before, .summary-container .summary-row1 big big.DB34:before, .summary-container .summary-row1 big b.DB34:before {
    content: "\f3d1";
}

.summary-container .summary-row1 b big.DB113:before, .summary-container .summary-row1 b b.DB113:before, .summary-container .summary-row1 big big.DB113:before, .summary-container .summary-row1 big b.DB113:before {
    content: "\f15c";
}

.summary-container .summary-row1 b big.DB13:before, .summary-container .summary-row1 b b.DB13:before, .summary-container .summary-row1 big big.DB13:before, .summary-container .summary-row1 big b.DB13:before {
    content: "\f0ac";
}

.summary-container .summary-row1 b big.DB14:before, .summary-container .summary-row1 b b.DB14:before, .summary-container .summary-row1 big big.DB14:before, .summary-container .summary-row1 big b.DB14:before {
    content: "\f201";
}

.summary-container .summary-row1 b big.DB10:before, .summary-container .summary-row1 b b.DB10:before, .summary-container .summary-row1 big big.DB10:before, .summary-container .summary-row1 big b.DB10:before {
    content: "\f01c";
}

.summary-container .summary-row1 b big.DB22:before, .summary-container .summary-row1 b b.DB22:before, .summary-container .summary-row1 big big.DB22:before, .summary-container .summary-row1 big b.DB22:before {
    content: "\f080";
}

.summary-container .summary-row1 b big.DB5:before, .summary-container .summary-row1 b b.DB5:before, .summary-container .summary-row1 big big.DB5:before, .summary-container .summary-row1 big b.DB5:before {
    content: "\f0c0";
}

.summary-container .summary-row2 {
    right: 120px;
    width: fit-content;
}

.summary-container .summary-row2 td {
    background: transparent;
    padding: 16px;
}

.summary-container .summary-row2 td.adv_email_settings {
    position: fixed;
    right: 130px;
    width: fit-content;
    padding: 14px;
}

.summary-container .summary-row2 td.adv_email_settings a {
    background: #f4f9fd;
    padding: 5px;
    border-radius: 4px;
    color: #407fac;
    padding: 5px 10px;
    transition: 0.1s;
    margin-right: 5px;
}

.summary-container .summary-row2 td.adv_email_settings a:hover {
    background: #407fac;
    color: white;
}

.summary-container .summary-row2 #QC {
    width: 150px !important;
    position: fixed;
    right: 450px;
    top: 13.5px;
}

.summary-container .summary-row2 #QC, .summary-container .summary-row2 #QuickViewDropdown {
    overflow: auto;
    max-height: 500px;
    height: 30px;
    padding-left: 10px;
}

.summary-container .summary-row2 #QC option, .summary-container .summary-row2 #QuickViewDropdown option {
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-container .summary-row2 #QC option:hover, .summary-container .summary-row2 #QuickViewDropdown option:hover {
    background: #002F43;
    color: white;
}

.summary-container .summary-row2 #QC option:checked, .summary-container .summary-row2 #QuickViewDropdown option:checked {
    background: white !important;
}

.summary-container .summary-row2 #QuickViewDropdown {
    margin-left: 10px;
    width: 150px !important;
    position: fixed;
    right: 280px;
    top: 13.5px;
}

.summary-container .summary-row2 .note-clear-search {
    color: #3a3a3a;
    position: fixed;
    left: 300px;
    z-index: 9;
    top: 23px;
}

.summary-container .summary-row2 input#F9999, .summary-container .summary-row2 #catFilter, .summary-container .summary-row2 #filterComponent {
    height: 30px;
    font-size: 15px;
    font-weight: 100;
    width: 200px;
    position: fixed;
    left: 125px;
    top: 15px;
    padding-left: 10px;
    border: 0;
    border-radius: 100px;
    background: #eaeaea;
    padding-left: 30px;
    padding-right: 50px;
    outline: none;
    margin: 0;
}

.summary-container .summary-row2 .allocations {
    padding: 6px;
    border-radius: 4px;
    position: fixed;
    right: 300px;
}

.summary-container .summary-row2 .allocations:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f1ad";
    padding-right: 5px;
}

.summary-container tr.summary-row-blank td {
    border: 0;
}

.summary-container tr td {
    padding: 10px;
    text-overflow: ellipsis;
    vertical-align: top;
    border-bottom: 1px solid #eee;
    width: inherit;
    background: white;
    max-height: 100px;
}

.summary-container tr td.nowrap {
    white-space: nowrap;
}

.summary-container tr th {
    padding: 10px 20px 10px 10px;
    text-overflow: ellipsis;
    vertical-align: top;
    border-bottom: 1px solid #eee;
    width: inherit;
    background: white;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    position: sticky;
    top: 59px;
}

.summary-container tr th:last-child {
    width: 100% !important;
}

.summary-container tr.summary-row:hover td {
    background: #f7f7f7;
    cursor: pointer;
}

.summary-container tr.summary-row1:hover td, .summary-container tr.summary-row2:hover td {
    cursor: inherit;
}

.summary-container tr th a {
    color: #3a3a3a;
    font-weight: 100;
}

.summary-container tr .addnew {
    color: #3a3a3a;
    float: left;
    margin-right: 10px;
    font: 0/0 a;
    position: fixed;
    left: 70px;
    height: 59px;
    top: 0;
    border-radius: 0;
    line-height: 75px;
    width: 50px;
    text-align: center;
}

.summary-container tr .addnew:before {
    content: "\f055";
    font-family: Font Awesome\ 5 Pro;
    font-size: 20px;
    width: 25px;
    color: #40ac88;
    padding: 0;
    height: 0;
    text-align: center;
    line-height: 15px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.summary-container tr .addnew:hover:before {
    background: #eaf8f3;
    padding: 8px;
    border-radius: 100px;
    color: #40ac88;
}

.summary-container .summary-heading-sorted img {
    margin-left: 5px;
}

.summary-container .summary-row td span {
    padding: 2px;
    border-radius: 4px;
    white-space: nowrap;
}

.summary-container .summary-icon:after, .summary-container tr.summary-row .fa-paperclip:after {
    content: "";
    font-size: 12px;
    background: white;
    position: absolute;
    box-shadow: 0 0 10px #eee;
    margin-top: -6px;
    margin-left: 10px;
    display: none;
    font-family: sans-serif;
    font-weight: normal;
    color: #3a3a3a;
}

.summary-container .summary-icon:hover:after, .summary-container tr.summary-row .fa-paperclip:hover:after {
    display: inline;
}

.summary-container tr.summary-row .fa-paperclip:hover:after {
    content: "Attachment";
}

.summary-container .summary-icon.stop:after {
    content: "On Hold";
}

.summary-container .summary-icon.closed:after {
    content: "Closed";
}

.summary-container .summary-icon.resolved:after {
    content: "Resolved";
}

.summary-container .summary-icon.attentn:after {
    content: "Recently Updated";
}

.summary-container .summary-icon.reclocked:after {
    content: "ReClocked";
}

.summary-container .summary-icon.escalated:after {
    content: "Escalated";
}

.summary-container .summary-icon.action:after {
    content: "Breached";
}

.summary-container .summary-icon.warning:after {
    content: "Warning";
}

.summary-container .summary-icon.offline:after {
    content: "Unavailable";
}

.summary-container .summary-icon.impacted:after {
    content: "Impacted";
}

.detail-container {
    padding: 20px;
}

.detail-container td {
    padding: 3px;
    padding-right: 5px;
    vertical-align: top;
}

.detail-container td.Prompt, .detail-container td.fd_prompt {
    padding-top: 10px;
    white-space: nowrap;
    vertical-align: top;
}

.detail-container td.ReadOnlyPrompt {
    padding-top: 0;
      /* IN0105789 */
}

.detail-container td .fd_value.Date input {
    width: 75px !important;
}

.detail-container td .fd_prompt font {
    position: absolute;
    height: 6px;
    width: 6px;
    font: 0/0 a;
    border-radius: 100px;
    margin-top: 4px;
    margin-left: 2px;
}

.detail-container td .fd_prompt font.mandy {
    background: #f54257;
}

.detail-container td .fd_prompt font.mandyrs {
    background: #407fac;
}

.detail-container td .fd_prompt font.mandycl {
    background: #40ac88;
}

.detail-container td .fd_value.readonly {
    padding-top: 10px;
}

.detail-container td .fd_value.LargeText {
    white-space: inherit;
}

.detail-container td .fd_value span {
    line-height: 28px;
}

.detail-container td .fd_value.redisplay span {
    line-height: inherit;
}

.detail-container td .fd_value.Time input {
    width: 45px !important;
}

.detail-container td.suptabde span {
      /*display:flex;*/
    padding-top: 7px;
}

.detail-container .fa-calendar {
    color: #3a3a3a;
}

.detail-container a i {
    color: #407fac;
}

.quickview-dropdown {
    padding: 0;
    border-radius: 0 0 4px 4px;
    width: 150px;
    display: inline-block;
    margin-bottom: -10px;
    height: 60px;
    border-bottom: 1px solid transparent;
    position: fixed;
    right: 120px;
    top: 0;
    padding-top: 60px;
    overflow: hidden;
}

.quickview-dropdown:hover {
    height: auto;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    top: 60px;
    overflow: inherit;
    padding-top: 0;
    background: white;
}

.quickview-dropdown:hover .summary-options {
    position: fixed;
    right: 120px;
}

.quickview-dropdown span {
    width: 150px !important;
}

.quickview-dropdown:hover .summary-options:before {
    font-weight: bold;
    color: #407fac;
}

.quickview-dropdown .summary-options {
    position: absolute;
    line-height: 60px;
    right: 0;
    top: 0;
    z-index: 1;
    height: 60px;
    width: 150px;
    border-bottom: 1px solid transparent;
    text-align: right;
}

.quickview-dropdown .summary-options:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f0c9";
    margin-right: 10px;
}

.quickview-dropdown .summary-options:after {
    content: "";
    background: url(images/dd_arrow2017.png) right center no-repeat;
    padding: 10px;
}

.quickview-dropdown a, .quickview-dropdown span {
    float: left;
    width: 100%;
    text-align: left;
    color: #3a3a3a;
}

.quickview-dropdown a {
    padding: 5px;
    color: #3a3a3a;
    font-size: 12px;
    padding: 10px;
    float: left;
    width: 100%;
    text-align: left;
}

.quickview-dropdown a span {
    width: 110px !important;
    float: left;
}

.quickview-dropdown a span img {
    display: none;
}

.quickview-dropdown a:hover {
    background: #002F43;
    color: white;
}

.quickview-dropdown a:hover span {
    color: white;
}

.quickview-dropdown a:before {
    font-family: Font Awesome\ 5 Pro;
    margin-right: 5px;
    content: "\f013";
    float: left;
}

.quickview-dropdown a.ArchiveClosed {
    display: inline-flex;
}

.quickview-dropdown a.ArchiveClosed img {
    display: none;
}

.quickview-dropdown a.OpenView:before {
    content: "\f06e";
}

.quickview-dropdown a.calendar.Monthly:before {
    content: "\f073";
}

.quickview-dropdown a.calendar.Weekly:before {
    content: "\f073";
}

.quickview-dropdown a.calendar.Daily:before {
    content: "\f073";
}

.quickview-dropdown a.calendar.Summary:before {
    content: "\f0c9";
}

.quickview-dropdown a.View:before {
    content: "\f06e";
}

.quickview-dropdown a.ArchiveClosed:before {
    content: "\f187";
}

.quickview-dropdown a.quickcalls:before {
    content: "\f0e4";
}

.quickview-dropdown a.printsummary:before {
    content: "\f02f";
}

.quickview-dropdown a.DeleteAll:before {
    content: "\f2ed";
}

/* RFC03924 */
table.calendar.Bookings {
    table-layout: fixed;
    margin-top: -40px;
}

table.calendar.Bookings tr:nth-child(even) td.cell.weekday, table.calendar.Bookings tr:nth-child(even) td.summary-heading {
    background-color: #f7f7f7 !important;
}

table.calendar.Bookings tr:nth-child(2) td.summary-heading {
    background-color: #407fac !important;
    position: inherit;
}

table.calendar.Bookings tr:nth-child(3) td.summary-heading {
    position: fixed;
    top: 59px;
    background: #055069;
    height: 27px;
    z-index: 1;
    text-align: center;
    box-shadow: none;
    overflow: inherit;
}

table.calendar.Bookings td {
    min-width: 150px;
    max-width: 150px;
    height: 40px;
    overflow: hidden;
    line-height: inherit;
    padding: 5px;
    border-spacing: 0;
}

table.calendar.Bookings td a {
    color: #3a3a3a;
}

table.calendar.Bookings td.summary-heading, table.calendar.Bookings td.rowtitle {
    background: white;
    border: 1px solid #eee;
    color: #3a3a3a;
    height: 25px;
    font-weight: bold;
    font-size: 13px;
    box-shadow: 0 0 0 1px #ccc;
}

table.calendar.Bookings td.summary-heading a, table.calendar.Bookings td.rowtitle a {
    text-align: center;
}

table.calendar.Bookings td.summary-heading i, table.calendar.Bookings td.rowtitle i {
    font-size: 15px;
    padding: 5px;
    padding-top: 0;
    color: white;
}

table.calendar.Bookings td.summary-heading.rowtitle, table.calendar.Bookings td.rowtitle.rowtitle {
    background: #407fac;
    color: white;
    border: white 1px solid !important;
    position: sticky;
    top: 59px;
}

table.calendar.Bookings td.summary-heading.rowtitle a, table.calendar.Bookings td.rowtitle.rowtitle a {
    color: white;
}

table.calendar.Bookings td.summary-heading.summary-heading, table.calendar.Bookings td.rowtitle.summary-heading {
    max-width: 70px;
    min-width: 70px;
    position: sticky;
    position: -webkit-sticky;
    left: 69px;
}

table.calendar.Bookings td.summary-heading.summary-heading:hover, table.calendar.Bookings td.rowtitle.summary-heading:hover {
    cursor: default !important;
}

table.calendar.Bookings td.summary-heading.summary-heading:hover i:hover, table.calendar.Bookings td.summary-heading.summary-heading:hover a:hover, table.calendar.Bookings td.rowtitle.summary-heading:hover i:hover, table.calendar.Bookings td.rowtitle.summary-heading:hover a:hover {
    cursor: pointer !important;
    opacity: 0.5;
}

table.calendar.Bookings td.cell {
    border-color: #eee !important;
}

table.calendar.Bookings td.cell a {
    color: white !important;
    font-weight: bold;
    float: left;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

table.calendar.Bookings td.cell.weekday {
    background-color: white !important;
}

table.calendar.Bookings td.cell.weekend {
    background-color: #e8f6ff !important;
}

table.calendar.Bookings td.cell.righthalf {
    box-shadow: none;
    text-align: left !important;
}

table.calendar.Bookings td.cell.lefthalf {
    box-shadow: none;
    border-top: 0 !important;
}

table.calendar.Bookings td.cell.yellow, table.calendar.Bookings td.cell.highlight {
    border-color: #6ea794 !important;
    background-color: #6ea794 !important;
    border-right-color: #eee !important;
}

table.calendar.Bookings td.cell.red {
    border-color: #f54257 !important;
    background-color: #f54257 !important;
    border-right-color: #ededed  !important;
}

table.calendar.Bookings td.cell.green {
    border-color: #40ac88 !important;
    background-color: #40ac88 !important;
    border-right-color: #ededed  !important;
}

table.calendar.Bookings td.cell.start {
    border: 0 !important;
    border-right: 1px solid #eee !important;
    box-shadow: 0 1px 0 0 #eee inset;
}

table.calendar.Bookings td.cell.organizer {
    border-color: #002F43 !important;
    background-color: #002F43 !important;
    border-right-color: #ededed  !important;
}

table.calendar.Bookings td.cell.organizer a {
    color: white !important;
}

table.calendar.Bookings td.cell.attendee {
    border-color: #40ac88 !important;
    background-color: #40ac88 !important;
    border-right-color: #ededed  !important;
}

table.calendar.Bookings td.cell.attendee a {
    color: white !important;
}

.new_form {
    color: #40ac88;
    font-size: 15px;
}

.new_form:hover {
    cursor: pointer;
    opacity: 0.8;
}

.advsearch {
    margin-right: 6px;
    position: fixed;
    left: 280px;
    top: 23px;
    z-index: 999;
}

.advsearch i {
    color: #3a3a3a;
    transition: 0.3s;
}

.advsearch i:hover {
    font-weight: bold;
}

table td.right-panel small table.summary-heading {
    padding-left: 100px !important;
    left: 0;
    z-index: 9;
    color: #3a3a3a;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    bottom: 0;
    background: #f7f7f7;
    border-top: #eee solid 1px;
    padding-left: 70px;
    z-index: 0;
    width: 100%;
    font-weight: bold;
}

table td.right-panel small table.summary-heading a {
    color: #3a3a3a;
}

.ReportTitle {
    padding: 15px;
    float: left;
    width: 100%;
}

.ReportTitle b {
    font-size: 20px;
    font-weight: 100;
    display: inline;
}

.ActivityTitle {
    padding: 18px;
    display: flex;
}

.ActivityTitle b {
    font-size: 20px;
    font-weight: 100;
    display: inline;
}

.DB0:before, #F0000:before, #F0002:before, #F0003:before, #F0004:before, #F0005:before, #F0006:before, .bookings:before, .ppm:before, .complaints:before, .petition:before, .foi:before, .thirdparty:before, .operations:before, .request:before, .release:before, .project:before, .problem:before, .change:before, .facilities:before .incident:before, .problem:before, .change:before, .facilities:before, .project:before, .release:before, .request:before, .operations:before, .thirdparty:before, .foi:before, .petition:before, .complaints:before, .ppm:before, .bookings:before, .expenses:before, .timesheets:before, .compliance:before, .dp:before, .eir:before, .pt1:before, .pt2:before, .pt3:before, .pt4:before, .pt5:before, .risk:before, .hr:before, .finance:before, .visitor:before {
    content: "\f07b";
    font-family: Font Awesome\ 5 Pro;
    margin-right: 5px;
    float: left;
}

.BigTitle {
    font-size: 20px;
    float: left;
    padding: 20px 0px 10px 5px;
    font-weight: 100;
    width: 100%;
}

#AjaxUpdater .notes-container {
    position: absolute;
    padding-left: 70px;
    width: 100%;
    left: 0;
    border-spacing: 0;
    margin-bottom: 50px;
}

#AjaxUpdater .notes-container td {
    padding: 0;
}

#AjaxUpdater .notes-container .detail-container {
    box-shadow: none;
    margin: 10px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #f7f7f7;
    float: left;
    border-spacing: 0;
    margin-top: 0 !important;
    padding: 0;
}

#AjaxUpdater .notes-container .detail-container tr:nth-child(even) {
    background: #eee;
}

#AjaxUpdater .notes-container .detail-container tr:hover {
    opacity: 0.8;
    cursor: pointer;
}

#AjaxUpdater .notes-container .detail-container tr td, #AjaxUpdater .notes-container .detail-container tr th {
    padding: 8px;
}

#AjaxUpdater .notes-container .detail-container tr th {
    background: #f4f9fd;
}

#AjaxUpdater .notes-container .detail-container tr td i.fa-info-circle {
    color: #002F43;
}

#AjaxUpdater .notes-container .detail-container tr td span {
    white-space: nowrap;
}

#AjaxUpdater .notes-container .detail-container tr td p {
    margin: 0;
}

#AjaxUpdater .notes-container .detail-container tr td .important-note {
    background: #f54257;
    color: white;
    padding: 2.5px 5px;
    border-radius: 4px;
}

#AjaxUpdater .notes-container .detail-container tr td img {
    display: none;
}

#AjaxUpdater .notes-container .active a {
    background: #002F43;
    color: white;
    border-color: #002F43;
}

#AjaxUpdater .notes-container .clickable {
    border: 1px solid #eee;
    border-bottom: 0;
}

#AjaxUpdater .notes-container .clickable, #AjaxUpdater .notes-container a.active {
    background: white;
    color: #3a3a3a;
    padding: 6px 10px;
    float: left;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    font-size: 12px;
    display: flex;
    align-items: center;
}

#AjaxUpdater .notes-container .clickable:empty, #AjaxUpdater .notes-container a.active:empty {
    float: left;
}

#AjaxUpdater .notes-container .clickable:hover, #AjaxUpdater .notes-container a.active:hover {
    cursor: pointer;
    background: #002F43;
    color: white;
}

#AjaxUpdater .notes-container .clickable.active, #AjaxUpdater .notes-container a.active.active {
    background: #002F43;
    color: white;
    border: 1px solid #2c5775;
    border-bottom: 0;
}

#AjaxUpdater .notes-container .clickable:before, #AjaxUpdater .notes-container a.active:before {
    font-family: Font Awesome\ 5 Pro;
    padding-right: 5px;
    font-size: 12px;
    float: left;
}

#AjaxUpdater .notes-container .clickable.F9111, #AjaxUpdater .notes-container a.active.F9111 {
    margin-left: 10px;
}

#AjaxUpdater .notes-container .clickable.F9111:before, #AjaxUpdater .notes-container a.active.F9111:before {
    content: "\f249";
}

#AjaxUpdater .notes-container .clickable.F9112:before, #AjaxUpdater .notes-container a.active.F9112:before {
    content: "\f0ae";
}

#AjaxUpdater .notes-container span.suptabde {
    box-shadow: 0 1037px 0 1000px white;
    display: flex;
    width: 100%;
    padding: 10px;
    border-top: 5px solid #002F43;
    background: white;
}

#AjaxUpdater .notes-container span.suptabde a {
    background: white;
    padding: 5px;
    border-radius: 4px;
    color: #40ac88;
    border: 1px solid #40ac88;
    margin: 2.5px 15px 2.5px 0;
    float: left;
}

#AjaxUpdater .notes-container span.suptabde a:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f067";
    margin-right: 5px;
}

#AjaxUpdater .notes-container span.suptabde .note-clear-search {
    border: 0;
}

#AjaxUpdater .notes-container span.suptabde .note-clear-search:before {
    display: none;
}

#AjaxUpdater .notes-container span.suptabde .note-clear-search i {
    color: #eee !important;
}

#AjaxUpdater .notes-container span.suptabde .note-clear-search i:hover {
    font-weight: bold;
}

#AjaxUpdater .notes-container span.suptabde input {
    margin-left: 5px;
    float: left;
    padding: 7px;
}

#AjaxUpdater .notes-container span.suptabde label {
    margin-top: 4px;
    display: flex;
    align-items: center;
}

#AjaxUpdater .notes-container span.suptabde label span {
    color: #eee;
    margin-left: 5px;
}

#AjaxUpdater .notes-container.sub_notes span.suptabde {
    box-shadow: none;
}

#AjaxUpdater .notes-container .fa-paperclip:after, #AjaxUpdater .notes-container .fa-info-circle:after, #AjaxUpdater .notes-container i.fa-user:after {
    content: "";
    font-size: 12px;
    background: white;
    position: absolute;
    box-shadow: 0 0 10px #eee;
    margin-top: -6px;
    margin-left: 10px;
    display: none;
}

#AjaxUpdater .notes-container .fa-paperclip:hover:after, #AjaxUpdater .notes-container .fa-info-circle:hover:after, #AjaxUpdater .notes-container i.fa-user:hover:after {
    display: inline;
}

.note-title {
    padding: 10px 0;
    padding: 13px 0;
    position: fixed;
    top: 0;
    background: white;
    left: 70px;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #eee;
}

.note-title tbody {
    float: left;
}

.note-title tbody td {
    vertical-align: middle;
}

.note-title tbody td.Prompt, .note-title tbody td b {
    padding-left: 10px;
    font-weight: bold;
}

div.redactor-box, .redactor-box.redactor-styles-on {
    border: 1px solid #eee !important;
    border-radius: 4px;
    overflow: hidden !important;
    font-family: sans-serif !important;
}

div.redactor-box li, .redactor-box.redactor-styles-on li {
    list-style: inherit;
}

div.redactor-box .redactor-toolbar, .redactor-box.redactor-styles-on .redactor-toolbar {
    z-index: 0;
}

div.redactor-box a i, .redactor-box.redactor-styles-on a i {
    color: #3a3a3a;
}

div.redactor-box br, .redactor-box.redactor-styles-on br {
    display: inherit !important;
}

div.redactor-box span.re-button-tooltip, .redactor-box.redactor-styles-on span.re-button-tooltip {
    display: none;
}

.ReplyDetail {
    margin-top: 70px;
    padding-left: 10px;
}

.ReplyDetail .redactor-box {
    min-height: 453px;
    height: calc(100vh - 300px);
}

.ReplyDetail .redactor-box .redactor-layer, .ReplyDetail .redactor-box .redactor-styles {
    height: 100%;
    max-height: 100% !important;
}

.ReplyDetail > table > tbody > tr:nth-child(1) {
    display: block;
}

.ReplyDetail .note-settings {
    border: 1px solid #aacce4;
    border-radius: 4px;
    padding: 5px;
    margin: 10px 0;
    background: #f2faff;
}

.ReplyDetail .note-settings td {
    vertical-align: middle;
}

.ReplyDetail .note-settings td input {
    margin-right: 10px;
}

.ReplyDetail .note-settings td label {
    float: left;
    vertical-align: middle;
    line-height: 18px;
    margin-top: 2px;
    margin-right: 10px;
}

.ReplyDetail .note-settings td label input {
    margin-right: 5px;
    float: left;
}

/* Stops gap appearing before Note textarea in Firefox */
@-moz-document url-prefix() {
    div.ReplyDetail table tbody tr td.Prompt:empty {
        display: none;
    }
}

.Notes_Menu {
    position: fixed;
    right: 150px;
    top: 17px;
    background: white;
    padding: 0;
    z-index: 999999;
}

.Notes_Menu a {
    color: #3a3a3a;
    float: left;
    padding: 5px;
}

.Notes_Menu a:hover {
    opacity: 0.8;
}

.Notes_Menu a:before {
    font-family: Font Awesome\ 5 Pro;
    margin-right: 5px;
}

.Notes_Menu a.Attachments {
    border-right: 1px solid #eee;
}

.Notes_Menu a.Attachments:before {
    content: "\f0c6";
}

.Notes_Menu a.printlink:before {
    content: "\f02f";
}

.Notes_Menu a.edit_form {
    display: none;
}

.call_menu_section {
    width: 100%;
    border-bottom: 1px solid #eee;
    position: fixed;
    left: 70px;
    width: 100%;
    top: 0;
    background: #ffffff;
    z-index: 2;
}

.call_menu_section .ActivityTitle {
    display: block;
    float: left;
}

.call_menu_section .ReportTitle {
    width: 30%;
    padding: 18px;
}

.call_menu_section .ReportTitle:before {
    font-family: Font Awesome\ 5 Pro;
    padding-right: 10px;
    font-size: 20px;
    color: #002F43;
}

.call_menu_section .ReportTitle.DB3:before {
    content: "\f109";
}

.call_menu_section nav.call_menu {
    margin-left: 5px;
    border-radius: 4px;
    float: right;
    border: 1px solid #eee;
    margin: 17px;
    margin-right: 200px;
    position: absolute;
    right: 0;
}

.call_menu_section nav.call_menu a {
    padding: 5px;
    color: #3a3a3a;
    font-weight: bold;
    letter-spacing: 0.1px;
    float: left;
}

.call_menu_section nav.call_menu a:hover, .call_menu_section nav.call_menu a.active {
    opacity: 0.5;
}

.call_menu_section nav.call_menu a:before {
    font-family: Font Awesome\ 5 Pro;
    width: 17px;
    float: left;
    padding-left: 5px;
    text-align: left;
    font-weight: 100;
    color: #407fac;
}

@media screen and (max-width: 1500px) {
    .call_menu_section nav.call_menu a:before {
        display: none;
    }
}

.call_menu_section nav.call_menu a:last-child {
    border: 0;
}

.call_menu_section nav.call_menu a:hover {
    cursor: pointer;
}

.call_menu_section nav.call_menu a.printlink:before {
    content: "\f02f";
}

.call_menu_section nav.call_menu a.F9021:before, .call_menu_section nav.call_menu a.Attachments:before, .call_menu_section nav.call_menu a.Attachment:before, .call_menu_section nav.call_menu a.attachments:before {
    content: "\f0c1";
}

.call_menu_section nav.call_menu a.AssocServ:before {
    content: "\f2b5";
}

.call_menu_section nav.call_menu a.F9019:before {
    content: "\f067";
}

.call_menu_section nav.call_menu a.F9043:before {
    content: "\f0ce";
}

.call_menu_section nav.call_menu a.Contacts:before {
    content: "\f2c2";
}

.call_menu_section nav.call_menu a.Products:before {
    content: "\f390";
}

.call_menu_section nav.call_menu a.Inventories:before {
    content: "\f46d";
}

.call_menu_section nav.call_menu a.F9043:before {
    content: "\f0ce";
}

.call_menu_section nav.call_menu a.F9021:before {
    content: "\f0c1";
}

.call_menu_section nav.call_menu a.F9019:before, .call_menu_section nav.call_menu a.extra:before {
    content: "\f067";
}

.call_menu_section nav.call_menu a.F9029:before, .call_menu_section nav.call_menu a.newchange:before {
    content: "\f08e";
}

.call_menu_section nav.call_menu a.F9802:before {
    content: "\f02d";
}

.call_menu_section nav.call_menu a.Inventory:before, .call_menu_section nav.call_menu a.Inventories:before {
    content: "\f109";
}

.call_menu_section nav.call_menu a.accounts:before, .call_menu_section nav.call_menu a.AccList:before {
    content: "\f0d6";
}

.call_menu_section nav.call_menu a.jobsheet:before, .call_menu_section nav.call_menu a.Contracts:before, .call_menu_section nav.call_menu a.ContractCovered:before {
    content: "\f040";
}

.call_menu_section nav.call_menu a.F11589:before, .call_menu_section nav.call_menu a.Analysis:before {
    content: "\f0c3";
}

.call_menu_section nav.call_menu a.changes:before, .call_menu_section nav.call_menu a.Changes:before {
    content: "\f07e";
}

.call_menu_section nav.call_menu a.printlink:before, .call_menu_section nav.call_menu a.printrecord:before {
    content: "\f02f";
}

.call_menu_section nav.call_menu a.addkbase:before {
    content: "\f02d";
}

.call_menu_section nav.call_menu a.hot:before {
    content: "\f06d";
}

.call_menu_section nav.call_menu a.salesopp:before, .call_menu_section nav.call_menu a.diagram:before {
    content: "\f234";
}

.call_menu_section nav.call_menu a.Extra:before {
    content: "\f067";
}

.call_menu_section nav.call_menu a.Activities:before, .call_menu_section nav.call_menu a.activities:before {
    content: "\f022";
}

.call_menu_section nav.call_menu a.Opportunities:before {
    content: "\f0a1";
}

.call_menu_section nav.call_menu a.edit_form:before {
    content: "\f044" !important;
}

.call_menu_section nav.call_menu a.ServSubs:before {
    content: "\f0c0" !important;
}

.call_menu_section nav.call_menu a.ServCIs:before {
    content: "\f390" !important;
}

.call_menu_section nav.call_menu .menu_hover {
    float: left;
    border-right: 1px solid #eee;
    box-shadow: 1px 0 0 white;
}

.call_menu_section nav.call_menu .menu_hover:hover .Detail_Menu {
    display: block !important;
}

.call_menu_section nav.call_menu .menu_hover .call_menu_toggle:before {
    content: "\f0c9";
}

.call_menu_section nav.call_menu .Detail_Menu {
    width: 200px;
    margin-left: -3px;
    background: white;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    position: absolute;
    display: none;
    z-index: 1;
    margin-top: 24px;
    margin-left: -135px;
    border: 1px solid #eee;
}

.call_menu_section nav.call_menu .Detail_Menu:hover {
    display: block !important;
}

.call_menu_section nav.call_menu .Detail_Menu a {
    color: #3a3a3a;
    font-size: 12px;
    padding: 10px;
    float: left;
    width: 100%;
    text-align: left;
    border: 0;
    display: block;
}

.call_menu_section nav.call_menu .Detail_Menu a:before {
    font-family: Font Awesome\ 5 Pro;
    padding-right: 5px;
    content: "\f013";
    color: #3a3a3a;
}

.call_menu_section nav.call_menu .Detail_Menu a:hover {
    background: #407fac;
    color: white;
    opacity: 1;
}

.call_menu_section nav.call_menu .Detail_Menu a:hover:before {
    color: white;
}

.call_menu_section nav.call_menu .Detail_Menu a.F9043:before {
    content: "\f0ce";
}

.call_menu_section nav.call_menu .Detail_Menu a.F9021:before {
    content: "\f0c1";
}

.call_menu_section nav.call_menu .Detail_Menu a.F9019:before {
    content: "\f067";
}

.call_menu_section nav.call_menu .Detail_Menu a.F9029:before, .call_menu_section nav.call_menu .Detail_Menu a.newchange:before {
    content: "\f08e";
}

.call_menu_section nav.call_menu .Detail_Menu a.F9802:before {
    content: "\f02d";
}

.call_menu_section nav.call_menu .Detail_Menu a.Inventory:before, .call_menu_section nav.call_menu .Detail_Menu a.Inventories:before {
    content: "\f109";
}

.call_menu_section nav.call_menu .Detail_Menu a.accounts:before, .call_menu_section nav.call_menu .Detail_Menu a.AccList:before {
    content: "\f0d6";
}

.call_menu_section nav.call_menu .Detail_Menu a.jobsheet:before, .call_menu_section nav.call_menu .Detail_Menu a.Contracts:before, .call_menu_section nav.call_menu .Detail_Menu a.ContractCovered:before {
    content: "\f040";
}

.call_menu_section nav.call_menu .Detail_Menu a.F11589:before, .call_menu_section nav.call_menu .Detail_Menu a.Analysis:before {
    content: "\f0c3";
}

.call_menu_section nav.call_menu .Detail_Menu a.changes:before, .call_menu_section nav.call_menu .Detail_Menu a.Changes:before {
    content: "\f07e";
}

.call_menu_section nav.call_menu .Detail_Menu a.printlink:before {
    content: "\f02f";
}

.call_menu_section nav.call_menu .Detail_Menu a.addkbase:before {
    content: "\f02d";
}

.call_menu_section nav.call_menu .Detail_Menu a.hot:before {
    content: "\f06d";
}

.call_menu_section nav.call_menu .Detail_Menu a.salesopp:before, .call_menu_section nav.call_menu .Detail_Menu a.diagram:before, .call_menu_section nav.call_menu .Detail_Menu a.Attachments:before {
    content: "\f234";
}

.call_menu_section nav.call_menu .Detail_Menu a.Extra:before {
    content: "\f067";
}

.call_menu_section nav.call_menu .Detail_Menu a.Contacts:before {
    content: "\f013";
}

.call_menu_section nav.call_menu .Detail_Menu a.Activities:before {
    content: "\f022";
}

.call_menu_section nav.call_menu .Detail_Menu a.Opportunities:before {
    content: "\f0a1";
}

.call_menu_section nav.call_menu .Detail_Menu a.AssocServ:before {
    content: "\f2b5";
}

.call_menu_section nav.call_menu .Detail_Menu select {
    width: 80% !important;
    margin: 10px;
}

.tooltip, #formdesign .fa-calendar, .drilldown i {
    color: #407fac;
    font-size: 13px !important;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 2.5px;
    margin-left: 2.5px;
    font-weight: 100;
}

.tooltip i, #formdesign .fa-calendar i, .drilldown i i {
    font-weight: 100;
}

.tooltip:hover {
    cursor: pointer;
    color: #eee;
}

.tooltip span {
    display: none;
}

.tooltip:hover span {
    display: inline;
    background: white;
    position: absolute;
    margin-left: 5px;
    margin-top: -2px;
    color: #3a3a3a;
    font-size: 12px;
    max-width: 300px;
    overflow: hidden;
    white-space: normal;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    z-index: 1;
}

.section_header {
    background: none;
    font-size: 15px;
    font-weight: 100;
    padding-top: 10px;
    color: #002F43;
}

body #formdesign {
    background-color: transparent;
}

body #formdesign.Components {
    background: transparent !important;
    height: 0;
    width: 0;
    box-shadow: none;
}

body #formdesign h2 i, body #formdesign h2 i.fa-calendar {
    color: #407fac;
    vertical-align: inherit;
    font-size: inherit !important;
    margin: 0;
}

.FormDesignerTitle b {
    font-size: 20px;
    font-weight: 100;
    padding: 10px;
    float: left;
    width: 100%;
}

.TabbedEditor .yui-content {
    height: auto !important;
}

.TabbedEditor .detail-container td {
    white-space: nowrap;
}

.FormDesigner .FormDesignerRight {
    width: 400px;
}

.FormDesigner .FormDesignerRight .yui-skin-sam .yui-navset .yui-content {
    height: 300px;
    overflow-y: scroll;
    background: white !important;
}

.FormDesigner .FormDesignerRight .FormDesignerFields {
    width: 100%;
}

.FormDesigner .FormDesignerRight .FormDesignerField {
    padding: 5px;
    float: left;
    width: 100%;
}

.FormDesigner .FormDesignerSlots .FormDesignerSlot {
    background: #ebf7ff;
    color: #3a3a3a;
    border: 1px dashed #96c7ea;
    float: left;
    width: 150px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 30px;
}

.FormDesigner .FormDesignerSlots .FormDesignerSlot:hover {
    opacity: 0.8;
}

.FormDesigner .FormDesignerSlots .FormDesignerSlotContainer .FormDesignerSlot:empty {
    background: #f7f7f7;
}

.FormDesigner .FormDesignerSlots .FormDesignerSlot:empty {
    background: none;
}

.FormDesigner .FormDesignerSlots .FormDesignerSlot:empty + .edit-component {
    display: none;
}

.FormDesigner .FormDesignerSlots .edit-component {
    position: absolute;
    background: #ebf7ff;
    color: #407fac;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    margin-left: -26px;
    margin-top: 1px;
    width: 25px;
}

.FormDesigner .FormDesignerSlots .edit-component:hover {
    opacity: 0.8;
}

.FormDesigner .layout b {
    margin-top: 20px;
    float: left;
}

.FormDesigner .FormPreview {
    border: 1px solid #eee;
    margin-top: 20px;
    background: #ecf2f6;
    padding: 10px;
    width: 100%;
    float: left;
    border-radius: 4px;
}

.FormDesigner .FormPreview:before {
    content: "Form Preview";
    font-size: 15px;
    padding: 5px;
    float: left;
    text-decoration: underline;
    padding-bottom: 10px !important;
}

.FormDesigner .FormPreview table[width="100%"] {
    background: white;
    float: left;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
}

.FormDesigner .FormPreview .NavSummary {
    position: relative;
}

.FormDesigner .FormPreview .edit-dashboard {
    display: none;
}

.edit-dashboard {
    background: white;
    position: fixed;
    right: 150px;
    top: 0px;
    color: #3a3a3a;
    padding: 3px 10px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #eee;
    border-top: 0;
    z-index: 9;
}

.edit-dashboard:before {
    font-family: Font Awesome\ 5 Pro;
    padding-right: 5px;
    content: "\f044";
    color: #3a3a3a;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.edit-dashboard:hover {
    opacity: 0.8;
}

#webtoday .edit-dashboard {
    display: none;
}

.user-nav {
    position: fixed;
    top: 0;
    height: 55px;
    right: 0;
    z-index: 99999999;
    padding: 7.5px;
}

.user-nav .user-img {
    height: 35px;
    width: 35px;
    overflow: hidden;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.user-nav .Profile-Img-Cont {
    height: 35px;
    width: 35px;
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    float: left;
    margin-right: 10px;
}

.user-nav .ChangePassword, .user-nav .EmailForm {
    display: none;
}

.user-nav .emailsupport:before {
    content: "\f27a";
    font-family: Font Awesome\ 5 Pro;
}

.user-nav .MfSetup span:before {
    content: "\f30d";
    font-family: Font Awesome\ 5 Pro;
}

.user-nav a.version {
    color: white !important;
    display: none;
}

.user-nav .MfSetup span, .user-nav span.SubMenuFlyout {
    font-weight: 100 !important;
    padding-bottom: 0 !important;
}

.user-nav span.SubMenuFlyout {
    margin-bottom: 10px;
    font-size: 10px !important;
}

.user-nav img {
    display: none;
}

.user-nav .super-view {
    display: none !important;
}

/* SupportDesk Tabs */
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border-bottom: solid #002F43 !important;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
    background: #002F43 !important;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a em {
    border-color: transparent !important;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding: 0.30em .75em !important;
}

.selected a i, .selected a em i, .selected a:hover em i {
    color: white !important;
}

.yui-skin-sam .yui-navset .yui-nav a em .new_activity i, .yui-skin-sam .yui-navset .yui-nav a em .new_note i {
    color: #40ac88 !important;
}

.yui-skin-sam .yui-navset .yui-nav a em .new_activity:hover i, .yui-skin-sam .yui-navset .yui-nav a em .new_note:hover i {
    color: white !important;
}

.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a em:hover, .yui-skin-sam .yui-navset .yui-nav a:hover em {
    background: #002F43 !important;
    border-color: transparent !important;
    color: white !important;
}

.yui-skin-sam .yui-navset .yui-content {
    background: #f7f7f7 !important;
}

.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    border-color: white !important;
}

.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
    background: white !important;
    border-color: #eee !important;
    padding: 2.5px;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0 1px !important;
}

.webtoday#webtoday {
    border-spacing: 15px !important;
    table-layout: fixed;
    width: 100%;
    background: #f7f7f7 !important;
    box-shadow: 0 0 0 1000px #f7f7f7;
}

.webtoday#webtoday .webtoday#webtoday {
    margin-left: -16px;
    padding-left: 0;
    width: inherit;
    box-shadow: none;
    border-spacing: 15px 0px !important;
}

.webtoday#webtoday .webtoday-cell {
    width: inherit !important;
    height: inherit !important;
    border: 0 !important;
    overflow: inherit;
}

.webtoday#webtoday .webtoday-cell br {
    display: none;
}

#nav li.menu-settings\.gif {
    position: fixed;
    top: 0;
    right: 0;
    background: transparent;
    border-color: transparent;
    width: 50px;
    right: 72px;
    height: 60px;
    z-index: 999999999;
}

#nav li.menu-settings\.gif .settings\.gif {
    color: #3a3a3a;
    line-height: 60px;
    padding: 0;
}

#nav li.menu-settings\.gif .settings\.gif:before {
    padding-bottom: 0;
    color: #3a3a3a !important;
    height: 60px;
}

#nav li.menu-settings\.gif:hover > a {
    background: transparent;
}

#nav li.menu-settings\.gif:hover > a:before {
    font-weight: bold;
    color: #407fac;
}

#nav li.menu-settings\.gif:hover ul {
    border-top: 0;
    border-radius: 0 0 4px 4px;
    padding: 0;
    left: -150px;
    top: 60px;
    bottom: inherit;
    z-index: 99;
}

#nav li.menu-settings\.gif:hover ul li a span:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f022";
}

#nav li.menu-settings\.gif:hover ul li a.CoConfig span:before {
    content: "\f1ad";
}

#nav li.menu-settings\.gif:hover ul li a.Users span:before {
    content: "\f0c0";
}

#nav li.menu-settings\.gif:hover ul li a.AllocList span:before {
    content: "\f1ad";
}

#nav li.menu-settings\.gif:hover ul li a.Categories span:before {
    content: "\f024";
}

#nav li.menu-settings\.gif:hover ul li a.Workflow span:before {
    content: "\f06e";
}

#nav li.menu-settings\.gif:hover ul li a.Folders span:before {
    content: "\f07c";
}

#nav li.menu-settings\.gif:hover ul li a.Dictionary span:before {
    content: "\f02d";
}

#nav li.menu-settings\.gif:hover ul li a.ExtraFields span:before {
    content: "\f067";
}

#nav li.menu-settings\.gif:hover ul li a.Classifications span:before {
    content: "\f02c";
}

#nav li.menu-settings\.gif:hover ul li a.Import span:before {
    content: "\f093";
}

#nav li.menu-settings\.gif:hover ul li a.DatabaseExport span:before {
    content: "\f019";
}

#nav li.menu-settings\.gif:hover ul li a.WebAdmin span:before {
    content: "\f233";
}

#nav li.menu-settings\.gif:hover ul li a.EmailSetup span:before {
    content: "\f1fa";
}

#nav li.menu-settings\.gif:hover ul li a.FormSetup span:before {
    content: "\f0ce";
}

#nav li.menu-settings\.gif:hover ul li a.Scripts span:before {
    content: "\f1c0";
}

#nav li.menu-settings\.gif:hover ul li a.PsScripts span:before {
    content: "\f1c0";
}

#nav li.menu-settings\.gif:hover ul li a.HolList span:before {
    content: "\f073";
}

#nav li.menu-settings\.gif:hover ul li a.themes span:before {
    content: "\f1fc";
}

#nav li.menu-settings\.gif span {
    display: none;
}

#nav li.menu-settings\.gif ul span {
    display: inline;
}

#Hourglass {
    position: fixed;
    background: white;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 0 0 4px 4px;
    width: 10%;
    text-align: center;
    left: 40%;
    border-top: 0;
    z-index: 99999999;
}

#Hourglass i {
    color: #407fac;
    margin-right: 5px;
}

.agent_dashboard {
    background: #f7f7f7;
    width: 100%;
    position: absolute;
    padding-left: 70px;
    left: 0;
    min-height: 100vh;
}

.agent_dashboard h1, .agent_dashboard h2 {
    font-weight: 100;
}

.agent_dashboard .chart_div {
    margin-left: -85px;
}

.agent_dashboard section {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 20px 0;
}

.agent_dashboard section .ticket_stats {
    line-height: 20px;
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 23%;
    border-right: #e2e2e2 solid 1px;
}

.agent_dashboard section .ticket_stats:last-child {
    border: 0;
}

.agent_dashboard section .ticket_stats .total {
    padding-right: 5px;
    font-size: 20px;
    float: left;
}

.agent_dashboard section .ticket_stats .stat_percentage {
    color: #40ac88;
}

.agent_dashboard section .ticket_stats .stat_percentage:after {
    content: "%";
}

.agent_dashboard section .ticket_stats .stat_percentage:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f062";
    padding-right: 5px;
}

.agent_dashboard section .ticket_stats .stat_percentage.negative {
    color: #f54257;
}

.agent_dashboard section .ticket_stats .stat_percentage.negative:before {
    content: "\f063";
}

.agent_dashboard section .ticket_stats .stat_percentage.nochange {
    color: #3a3a3a;
}

.agent_dashboard section .ticket_stats .stat_percentage.nochange:before {
    display: none;
}

.agent_dashboard .nav {
    background: white;
    float: left;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    border-bottom: 1px solid #eee;
}

.agent_dashboard .nav a {
    padding: 20px;
    padding-left: 0;
    float: left;
    width: 20%;
    text-align: center;
    color: #3a3a3a;
    padding-right: 0;
}

.agent_dashboard .nav a:hover {
    color: #3a3a3a;
}

.agent_dashboard .nav a i {
    float: left;
    width: 100%;
    font-size: 20px;
    margin-bottom: 5px;
}

.agent_dashboard .nav a span {
    padding-right: 5px;
    font-size: 15px;
    line-height: 20px;
}

.agent_dashboard .nav a em {
    line-height: 20px;
    vertical-align: bottom;
    font-style: normal !important;
}

.agent_dashboard .Timeline {
    float: left;
    width: 50%;
    margin-top: 20px;
}

.agent_dashboard .Timeline .Timeline_Heading {
    font-size: 20px;
}

.agent_dashboard .Timeline ul {
    padding: 0px;
}

.agent_dashboard .Timeline ul li {
    padding: 10px;
    padding-left: 70px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: white;
    min-height: 70px;
}

.agent_dashboard .Timeline ul li .Timeline_Image {
    padding: 10px;
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100px;
    position: absolute;
    margin-left: -60px;
}

.agent_dashboard a.show_all {
    width: 100%;
    background: #e8e8e8;
    border: 0;
    padding: 10px;
    color: #407fac;
    float: left;
    text-align: center;
    color: #407fac;
}

.agent_dashboard .Kanban {
    float: left;
    width: 100%;
    margin-top: 20px;
    height: 500px;
    overflow-y: scroll;
}

.agent_dashboard .Kanban::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.agent_dashboard .Kanban.full_height {
    height: inherit;
}

.agent_dashboard .Kanban .Title {
    font-size: 20px;
    margin: 0;
    position: absolute;
}

.agent_dashboard .Kanban ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 23%;
    margin-right: 2%;
    margin-top: 20px;
}

.agent_dashboard .Kanban ul a {
    padding: 10px;
    float: left;
    width: 100%;
    background: white;
    margin-bottom: 20px;
    border-radius: 4px;
}

.agent_dashboard .Kanban ul a .tag {
    margin-right: 10px;
}

.agent_dashboard .Kanban ul a p b {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.agent_dashboard .Kanban ul a p b:empty {
    display: none;
}

.agent_dashboard .Kanban ul a p span {
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agent_dashboard .dashboard_container {
    width: 100%;
    float: left;
    padding-left: 15%;
    padding-top: 25px;
    padding-right: 15%;
}

.agent_dashboard .dashboard_container .date_picker a {
    float: left;
    padding-bottom: 5px;
    margin-right: 20px;
}

.agent_dashboard .dashboard_container .date_picker a:hover {
    cursor: pointer;
}

.agent_dashboard .dashboard_container a {
    color: #3a3a3a;
}

.agent_dashboard .dashboard_container a.active {
    font-weight: bold;
    border-bottom: 1px solid #3a3a3a;
}

.report {
    background: white;
    border: 1px solid #eee;
    border-radius: 4px;
    min-height: 300px;
    overflow: auto;
}

.report .Publish_Table {
    width: 100%;
    padding: 0;
    border-spacing: 0;
}

.report .Publish_Table tr:first-child td {
    padding: 0;
}

.report .Publish_Table td, .report .Publish_Table th {
    padding: 5px;
}

.report .ReportTitle {
    background: white;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.report .ReportTitle b {
    font-size: 15px;
}

.report .ReportTitle b:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f080";
    padding-right: 5px;
    color: #407fac;
}

.report .chart_div {
    float: left;
}

.report .GrandTotal_Table {
    font-size: 15px;
    padding-left: 0;
}

.report .GrandTotal_Table b {
    font-weight: 100;
}

.view-button i {
    padding: 0;
    margin-right: 5px;
    font-size: 15px;
    margin-left: 5px;
}

#qrcode {
    margin-top: 10px;
}

.KPI_Title, .KPI_Header {
    font-size: 15px;
    padding: 10px;
    float: left;
    width: 100%;
}

.KPI_Title input, .KPI_Header input {
    margin: 5px;
    margin-left: 0;
}

.KPI_Title .combos, .KPI_Header .combos {
    float: left;
}

.KPI_Title .combos2, .KPI_Header .combos2 {
    float: right;
}

/***************** Overriding Form & Dashboard Styles **********************/
.right-panel .NavSummary {
    position: fixed;
    box-shadow: -10000px 0px 0 10000px #eee, -9999px 0px 0 10000px #eee;
    background: #eee !important;
    top: 0px;
    width: 180px;
    overflow: hidden;
    float: left;
    margin-top: 62px;
}

.right-panel .date_range {
    max-width: 100% !important;
    padding-left: 5px;
}

.right-panel .NavDashboard {
    top: 0;
}

.right-panel input.btn {
    background: none;
    color: #407fac;
    padding: 5px;
    border: 1px solid #eee;
    background-color: white;
}

.right-panel .Timeline {
    height: 540px !important;
}

.right-panel .Timeline ul {
    height: 500px !important;
}

.right-panel .Timeline span.Timeline_Description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    max-height: 60px !important;
    padding: 10px 0;
    padding-top: 5px;
    line-height: 18px;
}

.NavSummary * {
    max-width: 170px;
}

.NavSummary .view-button {
    background: transparent !important;
    color: #3a3a3a;
    padding: 5px !important;
    line-height: inherit !important;
    font-size: 12px !important;
    margin: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.NavSummary .view-button span {
    float: right;
    background: transparent !important;
    color: #3a3a3a;
    width: auto !important;
    line-height: inherit !important;
    margin: 0;
    border-radius: 0 !important;
}

.NavSummary .view-button span.yellow {
    box-shadow: 0 2px 0 #f09e1f;
}

.NavSummary .view-button span.red {
    box-shadow: 0 2px 0 #f54257;
}

.NavSummary .view-button:hover {
    background: #eee;
    color: #002F43;
}

.NavSummary .view-button i.fa-chevron-right {
    font-size: 10px;
    display: none;
}

.NavSummary .view-button.active {
    font-weight: bold;
    color: #002F43;
}

.NavSummary .view-button.active i {
    display: inline;
}

.NavSummary .view-button.active span {
    color: #002F43;
}

.NavSummary input, .NavSummary select {
    margin: 5px;
}

.left-panel .user-name {
    z-index: 999999;
    letter-spacing: 0.5px;
    max-width: 200px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #3a3a3a;
    font-weight: 800;
    font-size: 13px;
    line-height: 12px;
    float: left;
    padding-top: 4px;
}

.left-panel .user-name br {
    display: inline !important;
}

.left-panel .user-name small {
    margin-right: 12px;
}

.left-panel .user-name .dd-arrow {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    margin-bottom: -7px;
}

.left-panel .user-nav {
    position: fixed;
    top: 0;
    height: 60px;
    right: 0;
    z-index: 99999999;
    padding: 11.5px;
}

.left-panel .user-nav ul {
    display: none;
    background: white;
    width: 150px;
    position: absolute;
    right: 14px;
    border-radius: 0px 0px 4px 4px;
    border-top: 0;
    padding: 0;
    margin: 0;
    top: 60px;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    overflow: hidden;
}

.left-panel .user-nav ul li {
    float: left;
    width: 100%;
    text-align: left;
}

.left-panel .user-nav ul li > span {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.left-panel .user-nav ul li a {
    float: left;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #3a3a3a;
}

.left-panel .user-nav ul li a i {
    color: #3a3a3a;
}

.left-panel .user-nav ul li a span {
    color: #3a3a3a;
    font-weight: 800;
    font-size: 13px;
    padding-bottom: 5px;
    float: left;
    width: 100%;
    word-break: break-all;
    word-break: break-word;
}

.left-panel .user-nav ul li a:hover, .left-panel .user-nav ul li a:hover i, .left-panel .user-nav ul li a:hover span {
    background: #2c5775;
    color: white !important;
}

.left-panel .user-nav ul input {
    float: left;
    width: 130px;
    height: 100%;
    margin: 10px;
    padding: 5px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #eee;
    padding-left: 30px;
    background-image: url("/images2015/search.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px;
}

.left-panel .user-nav ul input:focus {
    background-image: none;
    padding-left: 10px;
}

.left-panel .user-nav ul:before {
    display: none;
}

.left-panel .user-nav:hover ul {
    display: inline;
}

.left-panel .user-nav .user-img {
    height: 35px;
    width: 35px;
    overflow: hidden;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.left-panel .user-nav .user-img .ProfileImage {
    min-width: 100%;
    max-height: 35px;
    width: initial;
}

.left-panel .user-nav i.fa {
    color: #3a3a3a !important;
}

.left-panel .user-nav i.fa-angle-down {
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Profile Image Drag n Drop*/
.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

body.box.has-advanced-upload, .box.has-advanced-upload:empty {
    outline: none;
    padding: 0;
    padding-left: 70px;
    background: #f7f7f7 !important;
}

.box.has-advanced-upload {
    background-color: white;
    outline: 2px dashed #e6e6e6;
    outline-offset: -7px;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    text-align: center;
    border-radius: 4px;
    padding: 20px;
}

.box.has-advanced-upload.change_company_logo {
    margin: 10px;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.has-advanced-upload .profile-img-heading {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.box.has-advanced-upload .profile-image-input input {
    margin: auto;
}

.drag-full-page {
    display: none;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.drag-full-page.is-dragover {
    display: inline;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 80, 144, 0.8);
    z-index: 99999999;
    font-size: 40px;
    color: white;
    text-align: center;
    line-height: 600px;
}

.drag-full-page.is-dragover .uploading-attachment {
    display: none;
}

.drag-full-page.is-dragover.is-uploading {
    font: 0/0 a;
}

.drag-full-page.is-dragover.is-uploading .uploading-attachment {
    display: inline;
    display: inline;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 40px;
    line-height: 600px;
}

.drag-full-page.is-dragover.is-uploading .drop-attachment {
    display: none;
}

.box.is-uploading .box__input {
    visibility: none;
}

.box.is-uploading .box__uploading {
    display: block;
}

.imagepreview {
    outline-offset: -7px;
    outline: 2px dashed #92b0b3;
    padding: 10px;
    margin-top: -10px;
}

.ImagePreview {
    margin: 10px;
}

.ProfileImage {
    width: 75px !important;
    border-radius: 4px;
    float: none;
    height: 75px;
    margin: auto;
    background-size: cover;
    background-position: center;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

div.CH-Button input {
    background: #b3ffb3;
    color: black;
    padding: 5px;
    border-radius: 5px;
    border: 1;
    letter-spacing: 0.5px;
    font-weight: 500;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    float: left;
}

div.CH-Button:hover {
    opacity: 0.8;
}

.box.has-advanced-upload.nopreview {
    outline: none;
}

.marquee {
    position: inherit;
    padding: 0;
    font-size: inherit;
}

.marquee.login {
    display: none;
}

.login-container {
    width: 100%;
    float: left;
    margin: 0;
    padding-top: 150px;
    box-shadow: 0 0 0 10000px #f7f7f7;
    background: transparent;
}

.login-container tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.login-container tr td {
    flex: 1 1 100%;
}

.login-container tr:nth-child(7) td, .login-container tr:nth-child(6) td {
    text-align: center;
}

.login-container tr:nth-child(7) td:first-child, .login-container tr:nth-child(6) td:first-child {
    display: none;
}

.login-container td {
    text-align: center;
}

.login-container td.Arrow {
    display: none;
}

.login-container hr {
    margin: 20px;
    visibility: hidden;
}

.login-container .detail-container {
    width: 500px;
    float: none;
    position: relative;
    margin: auto;
    left: inherit;
    padding: 10px;
    border: 1px solid #eee;
    background: white;
    border-radius: 4px;
}

.login-container .detail-container br {
    display: none;
}

.login-container .detail-container .welcomebanner {
    font-weight: 100;
}

.login-container .detail-container .Prompt {
    display: none;
}

.login-container .detail-container input[type=TEXT], .login-container .detail-container input[type=PASSWORD] {
    border: 1px solid #cecece  !important;
    background-color: #f7f7f7 !important;
    font-size: 15px;
    padding: 10px;
    width: 300px;
}

.login-container .detail-container input[type=PASSWORD] {
    margin-top: 20px;
}

.login-container .detail-container b {
    text-align: center;
    float: left;
    width: 100%;
}

.login-container .detail-container b img {
    max-height: 60px;
}

.login-container .detail-container input[type=submit] {
    width: 100px;
    padding: 10px;
    font-size: 15px;
    margin-right: 0;
}

.login-container .detail-container label {
    left: 0;
}

.login-container .detail-container tr.Warning td {
    padding: 10px;
    border-top: 10px solid;
    position: fixed;
    top: 80px;
    width: 40%;
    left: 30%;
    border: 0;
    background: #f54257;
    border-radius: 4px;
    text-align: center;
    color: white;
    display: inline !important;
}

.login-container .detail-container tr.Warning td br {
    display: none;
}

.login-container .detail-container tr.Warning td div {
    width: 100% !important;
}

.ui-widget-content.ui-corner-all #filterlist {
    max-height: 400px;
    float: left;
    overflow-y: auto;
    width: 100%;
}

.ui-widget-content.ui-corner-all .ui-widget-header {
    border: 1px solid #407fac;
    background: #407fac;
    color: #ffffff;
    font-weight: bold;
}

.call-attachment {
    background-color: white;
    border: 1px solid #eee;
    padding: 10px;
    height: 140px;
    border-radius: 4px;
    width: 150px;
    margin-right: 10px;
    text-align: center;
    color: #3a3a3a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.call-attachment p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.call-attachment img, .call-attachment i {
    margin-bottom: 10px;
    height: 50px;
    font-size: 50px;
    max-width: 100%;
}

.call-attachment img {
    border-radius: 4px;
}

.call-attachment input {
    width: 130px;
}

.call-attachment span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-attachment span input {
    width: inherit;
    margin: 0;
    margin-right: 5px;
}

.summary_filters {
    padding: 0;
    margin: 0;
}

.summary_filters a {
    width: 100%;
    float: left;
    padding: 5px;
    padding-left: 10px;
    font-size: 12px;
    color: #3a3a3a;
}

.summary_filters a:hover {
    opacity: 0.8;
}

.summary_filters a:hover i {
    font-weight: bold;
}

.summary_filters a i {
    color: #407fac;
    font-size: 15px;
}

div.autocomp_choices {
    background: white;
    border: 1px solid #eee;
    z-index: 99999999;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    border-radius: 4px;
}

div.autocomp_choices ul {
    padding: 5px;
}

div.autocomp_choices ul li {
    padding: 5px;
}

/* Dashboard Settings */
.tikkety-settings, .SD_settings {
    float: left;
}

.tikkety-settings.SD_settings, .SD_settings.SD_settings {
    padding: 20px;
}

.tikkety-settings a, .SD_settings a {
    color: #407fac;
}

.tikkety-settings a.setting-add, .SD_settings a.setting-add {
    background: #fde051;
    color: white;
    float: left;
    text-transform: uppercase;
    margin: 5px;
    height: 25px;
    width: 25px;
    border-radius: 100% !important;
    text-align: center;
    padding-top: 7px;
}

.tikkety-settings a.add, .SD_settings a.add {
    line-height: 25px;
    color: #407fac;
    float: left;
    width: 105px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tikkety-settings a.setting-block, .SD_settings a.setting-block {
    background: white;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    margin-right: 20px;
    color: #3c3c3c;
    font-weight: 200;
    width: 140px;
    height: 115px;
    border-radius: 4px !important;
    border: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}

.tikkety-settings a.setting-block:hover, .SD_settings a.setting-block:hover {
    opacity: 0.8;
}

.tikkety-settings a.setting-block i, .SD_settings a.setting-block i {
    font-size: 35px;
    background: white;
    border-radius: 100% !important;
    line-height: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 100%;
}

.tikkety-settings h1, .SD_settings h1 {
    margin: 0;
    font-weight: 100;
    padding: 10px 0;
}

.tikkety-settings ul, .SD_settings ul {
    float: left;
    padding-left: 0;
    margin: 0;
}

.tikkety-settings ul li, .SD_settings ul li {
    float: left;
    width: 100%;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.tikkety-settings ul li h1, .SD_settings ul li h1 {
    flex: 100%;
}

.tikkety-settings ul li div, .SD_settings ul li div {
    width: 155px;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tikkety-settings ul li div.QuickCalls, .SD_settings ul li div.QuickCalls {
    height: auto !important;
}

.tikkety-settings ul li div.QuickCalls #QC, .SD_settings ul li div.QuickCalls #QC {
    width: 121px;
}

.tikkety-settings ul li div p, .SD_settings ul li div p {
    font-size: 15px;
    margin: 0;
    color: #3c3c3c !important;
    padding: 5px;
}

.tikkety-settings ul li div span, .SD_settings ul li div span {
    text-align: right;
    margin: 5px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35px;
    float: right;
    margin: 0;
    line-height: 25px;
    margin-right: 15px;
    text-decoration: underline;
}

.tikkety-settings ul li div.full-width .add, .SD_settings ul li div.full-width .add {
    width: 105px;
}

.Profile-Img-Cont {
    height: 30px;
    width: 30px;
    background-size: cover;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
}

.help_settings {
    display: none;
}

.help_settings .SD_settings {
    position: absolute;
    top: 0;
    padding-left: 20px;
    left: 70px;
    height: 100%;
    background: #f7f7f7;
    box-shadow: 1000000px 0 0 1000000px #f7f7f7;
    padding-bottom: 1000px;
    z-index: 99999999;
}

.help_settings .close_settings i {
    font-size: 50px;
    position: fixed;
    right: 0;
    color: #2c5573;
    background: #f7f7f7;
    z-index: 999999999999;
    width: 200px;
    text-align: center;
    top: 0;
    padding: 20px;
}

.help_settings .close_settings i:hover {
    color: #eee;
    cursor: pointer;
}

span.oppproducts {
    font-size: 15px;
}

span.oppproducts table {
    font-size: 12px;
}

#oppnotes .addnew, .oppproducts table .addnew, .suptabde .addnew {
    background: white;
    padding: 5px;
    border-radius: 4px;
    color: #40ac88;
    border: 1px solid #40ac88;
    margin-right: 5px;
    float: left;
}

#oppnotes .addnew:before, .oppproducts table .addnew:before, .suptabde .addnew:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\f067";
    margin-right: 5px;
}

#oppnotes .addnew:hover, .oppproducts table .addnew:hover, .suptabde .addnew:hover {
    background: #40ac88;
    color: white;
}

.SupportDeskRegistration {
    width: 100vw;
    position: absolute;
    left: 0;
    background: #5089c3;
    top: 0;
    height: 100vh;
    padding-top: 50px;
    border-top: 60px solid white;
}

.yui-calendar tr th:last-child {
    width: inherit !important;
}

.calprev\.gif {
    margin-bottom: -3px;
    margin-left: 10px;
}

.calnext\.gif {
    margin-bottom: -3px;
    margin-right: 10px;
    margin-left: 3px;
}

.fancy-btn {
    display: inline-flex;
    padding: 0 10px;
    color: #FFF;
    cursor: pointer;
}

.fancy-btn:hover {
    opacity: 0.8;
}

.modal-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
  /* display: table; */
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: flex-start;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    width: 100%;
    text-align: center;
    visibility: hidden;
}

.modal-frame.state-appear {
    visibility: visible;
}

.modal-frame.state-appear .modal-inset {
    -moz-animation: modalComeIn 0.25s ease;
    -webkit-animation: modalComeIn 0.25s ease;
    animation: modalComeIn 0.25s ease;
    visibility: visible;
    /* to keep @ final state */
    border-radius: 4px;
    border: 1px solid #ccc;
}

.modal-frame.state-appear .modal-body {
    opacity: 1;
    -moz-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    -webkit-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
}

.modal-frame.state-leave {
    visibility: visible;
}

.modal-frame.state-leave .modal-inset {
    -moz-animation: modalHeadOut 0.35s ease 0.1s;
    -webkit-animation: modalHeadOut 0.35s ease 0.1s;
    animation: modalHeadOut 0.35s ease 0.1s;
    visibility: visible;
}

.modal-frame.state-leave .modal-body {
    opacity: 0;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@-moz-document url-prefix() {
    .modal-frame {
        height: calc(100% - 55px);
    }
}

.modal {
    display: block;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    margin-top: 0;
    width: 237px;
    background: #ffffff70;
    padding-top: 200px;
}

.modal-inset {
    position: relative;
    display: inline-grid;
    background-color: white;
    margin: auto;
    padding: 30px;
    visibility: hidden;
    -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.modal-inset button {
    background-color: #5089c3;
    border: 1px solid #5089c3;
    color: white;
    padding: 5px;
    border-radius: 4px;
}

.modal-inset .close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    opacity: .4;
    font-size: 20px;
}

.modal-inset .close:hover {
    opacity: 1;
}

input.search_ref_input {
    padding: 15px;
    font-size: 13px;
}

.modal-body {
    margin: auto;
    opacity: 0;
    -moz-transform: translateY(0) scale(0.8, 0.8);
    -ms-transform: translateY(0) scale(0.8, 0.8);
    -webkit-transform: translateY(0) scale(0.8, 0.8);
    transform: translateY(0) scale(0.8, 0.8);
    -moz-transition-property: opacity, -moz-transform;
    -o-transition-property: opacity, -o-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    font-size: larger;
}

.modal-body h3 {
    font-weight: 700;
    /*padding-bottom: 22px;*/
    display: block;
    color: #F2594B;
    text-align: center;
}

.modal-body p {
    padding-bottom: 20px;
}

.modal-body .ps {
    font-size: 12px;
    opacity: .3;
}

@-webkit-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes modalComeIn {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
    }

    65.5% {
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }

    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@-moz-keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

@keyframes modalHeadOut {
    0% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0) scale(1, 1);
        -ms-transform: translateY(0) scale(1, 1);
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(35px) scale(0.97, 0.97);
        -ms-transform: translateY(35px) scale(0.97, 0.97);
        -webkit-transform: translateY(35px) scale(0.97, 0.97);
        transform: translateY(35px) scale(0.97, 0.97);
    }
}

#query_1, #query_5, #query_10 {
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    color: white !important;
    width: 100%;
    margin-top: 10px;
    background: #407fac;
    border: 0;
    font-weight: 100;
}

#query_1:hover, #query_5:hover, #query_10:hover {
    opacity: 0.8;
}

.fa-close {
    cursor: pointer;
}

/* Call Form Template */
.edit_tab_form {
    position: fixed;
    right: 10px;
    background: white;
    border-radius: 4px 4px 0 0;
    border: 1px solid #eee;
    border-bottom: 0;
    padding: 2.5px 10px;
    top: 68px;
    z-index: 8;
    color: black;
}

.edit_tab_form:hover, .edit_tab_form.active {
    background: #002F43;
    color: white;
    cursor: pointer;
}

.edit_tab_form input {
    display: none;
}

.edit_tab_component {
    background: #f54257;
    padding: 5px;
    float: left;
    border-radius: 4px;
    color: white;
    margin-top: 10px;
}

.edit_tab_component i {
    color: white !important;
}

.edit_tab_component:hover {
    background: #407fac;
}

.TabContainer {
    min-width: 1000px;
    position: fixed;
    left: 0;
    padding-left: 70px;
    width: 100%;
    top: 60px;
    bottom: 45px;
}

.TabContainer .new_note, .TabContainer .new_activity {
    border: 1px solid #40ac88;
    background: white;
    width: 25px;
    float: right;
    text-align: center;
    border-radius: 4px;
    margin-left: 10px;
    padding: 1px;
    margin-top: -2px;
    margin-right: -8px;
    display: none;
}

.TabContainer .new_note:hover, .TabContainer .new_activity:hover {
    background: #40ac88;
}

.TabContainer .new_note i, .TabContainer .new_note .selected i.fal, .TabContainer .new_activity i, .TabContainer .new_activity .selected i.fal {
    color: #40ac88 !important;
    margin-right: 0 !important;
}

.TabContainer.active .formdesign .formdesign {
    opacity: 0.5;
}

.TabContainer .redactor-box, .TabContainer #F2121 {
    width: 700px;
    height: 300px;
}

#tabview.TabForm .yui-content {
    padding: 0;
    border: 1px solid #eee;
    position: fixed;
    top: 91px;
    bottom: 47px;
    overflow: auto;
    padding-left: 70px;
    left: 0;
    width: 100%;
}

#tabview.TabForm .yui-content #tab1 .fd_value, #tabview.TabForm .yui-content #tab3 .fd_value {
    display: flex;
}

#tabview.TabForm .yui-content.top_bar {
    top: 141px;
}

#tabview.TabForm .yui-content.bottom_bar {
    bottom: 118px;
}

#tabview.TabForm .yui-content .notes-container {
    padding-left: 69px;
}

#tabview.TabForm .yui-content .notes-container .detail-container {
    margin: 20px;
}

#tabview.TabForm .yui-content .notes-container span.suptabde {
    background: none;
    box-shadow: none;
    padding-left: 20px;
    border-top: 3px solid #2c5775;
}

#tabview.TabForm .yui-content .notes-container span.suptabde .note-clear-search {
    background: none;
}

#tabview.TabForm .yui-content .notes-container .clickable.F9111, #tabview.TabForm .yui-content .notes-container a.active.F9111 {
    margin-left: 20px;
}

#tabview.TabForm .yui-nav {
    padding-left: 20px;
}

#tabview.TabForm .yui-nav li a i {
    color: #002F43;
    margin-right: 5px;
}

#tabview.TabForm .yui-nav li a:hover i {
    color: white;
}

#tabview.TabForm #formdesign {
    border-spacing: 0;
    background: transparent;
    width: 0;
    width: min-content;
    min-height: 100vh;
  /* Increase width on Short prompts on tab 2 & 3 stopping wrap e.g. SLA Status */
}

#tabview.TabForm #formdesign tbody {
    float: left;
}

#tabview.TabForm #formdesign tr td {
    border-right: 1px solid #eee;
}

#tabview.TabForm #formdesign tr td:last-child, #tabview.TabForm #formdesign tr td td {
    border: 0;
}

#tabview.TabForm #formdesign tr td h2 {
    white-space: nowrap;
    padding-left: 0;
    margin: 0;
    font-size: 15px;
}

#tabview.TabForm #formdesign tr td .RecentCalls {
    width: 700px;
}

#tabview.TabForm #formdesign tr td .RecentCalls h2 {
    margin-top: 0;
    padding-left: 10px;
}

#tabview.TabForm #formdesign td {
    padding: 0 10px;
}

#tabview.TabForm #formdesign td td {
    padding: 10px;
}

#tabview.TabForm #formdesign td.fd_value {
    padding: 0px 10px;
    flex-wrap: wrap;
}

#tabview.TabForm #formdesign td.fd_value.Date font, #tabview.TabForm #formdesign td.fd_value.Time font, #tabview.TabForm #formdesign td.fd_value.Calculated font {
    margin-top: 4px;
}

#tabview.TabForm #formdesign td.fd_value.Date input, #tabview.TabForm #formdesign td.fd_value.Time input, #tabview.TabForm #formdesign td.fd_value.Calculated input {
    margin-left: 15px;
    width: initial !important;
}

#tabview.TabForm #formdesign td.fd_value.Date span, #tabview.TabForm #formdesign td.fd_value.Time span, #tabview.TabForm #formdesign td.fd_value.Calculated span {
    padding-top: 5px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tabview.TabForm #formdesign td.fd_value.Date span.tooltip, #tabview.TabForm #formdesign td.fd_value.Time span.tooltip, #tabview.TabForm #formdesign td.fd_value.Calculated span.tooltip {
    width: initial;
}

#tabview.TabForm #formdesign td.fd_value.Date .fd_prompt, #tabview.TabForm #formdesign td.fd_value.Time .fd_prompt, #tabview.TabForm #formdesign td.fd_value.Calculated .fd_prompt {
    float: left;
}

#tabview.TabForm #formdesign td.fd_value.Date .fd_prompt a, #tabview.TabForm #formdesign td.fd_value.Time .fd_prompt a, #tabview.TabForm #formdesign td.fd_value.Calculated .fd_prompt a {
    float: none;
    margin-left: 5px;
}

#tabview.TabForm #formdesign td.fd_value.Date .fd_prompt a i, #tabview.TabForm #formdesign td.fd_value.Time .fd_prompt a i, #tabview.TabForm #formdesign td.fd_value.Calculated .fd_prompt a i {
    margin-top: 6px;
}

#tabview.TabForm #formdesign td.fd_value.Calculated span {
    white-space: normal;
}

#tabview.TabForm #formdesign td.fd_value.Calculated span#F5030 {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}

#tabview.TabForm #formdesign td.fd_value.Short .fd_prompt a {
    float: right;
}

#tabview.TabForm #formdesign td.fd_value.Calculated span:nth-child(2) {
    margin-left: 0;
}

#tabview.TabForm #formdesign td.fd_value .fd_prompt {
    padding: 7.5px 0 2.5px 0;
    float: left;
    width: 100%;
    color: #3a3a3a;
    width: 200px;
    flex: 0 0 100%;
}

#tabview.TabForm #formdesign td.fd_value .fd_prompt span {
    line-height: inherit;
    float: left;
}

#tabview.TabForm #formdesign td.fd_value .fd_prompt span.readonly {
    width: 100% !important;
    font-weight: bold;
}

#tabview.TabForm #formdesign td.fd_value .fd_prompt span a {
    float: left;
}

#tabview.TabForm #formdesign td.fd_value .fd_prompt a, #tabview.TabForm #formdesign td.fd_value .fd_prompt span.tooltip {
    float: right;
}

#tabview.TabForm #formdesign td.fd_value label {
    float: left;
    line-height: 20px;
}

#tabview.TabForm #formdesign td.fd_value .input_image {
    float: left;
}

#tabview.TabForm #formdesign td.fd_value .input_image input, #tabview.TabForm #formdesign td.fd_value .input_image select {
    padding-left: 30px;
    border-radius: 4px;
}

#tabview.TabForm #formdesign td.fd_value .input_image span {
    position: absolute;
    height: 20px;
    width: 20px;
    background-size: cover;
    margin: 2.5px;
    border-radius: 100px;
    border: 1px solid #eee;
    background-repeat: no-repeat;
    background-position: center;
}

#tabview.TabForm #formdesign p {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}

#tabview.TabForm #formdesign p:empty {
    display: none;
}

#tabview.TabForm #formdesign hr {
    margin: 0;
    margin-top: 7.5px;
    border: 0;
    border-top: 1px solid #ccc;
}

#tabview.TabForm #formdesign .sdcolumn {
    /* Parent / Child select */
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr {
    display: inline-flex;
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr td {
    flex: 1 0 50%;
    width: 150px;
    white-space: normal;
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr td td {
    display: flex;
    flex-wrap: wrap;
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr td td span {
    flex: 1 100%;
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr td td input {
    margin-left: 0 !important;
    margin-top: 2.5px;
}

#tabview.TabForm #formdesign .sdcolumn.TicketSLA tr td td span.readonly {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#tabview.TabForm #formdesign .sdcolumn input, #tabview.TabForm #formdesign .sdcolumn textarea, #tabview.TabForm #formdesign .sdcolumn select {
    width: 200px !important;
    float: left;
}

#tabview.TabForm #formdesign .sdcolumn input[type=checkbox], #tabview.TabForm #formdesign .sdcolumn textarea[type=checkbox], #tabview.TabForm #formdesign .sdcolumn select[type=checkbox] {
    width: inherit !important;
    margin: 4px 0;
    margin-right: 5px;
}

#tabview.TabForm #formdesign .sdcolumn select.suptabde:nth-child(3) {
    margin-top: 10px;
}

#tabview.TabForm #formdesign .TicketSLA td.Date .fd_prompt span, #tabview.TabForm #formdesign .TicketSLA td.Time .fd_prompt span, #tabview.TabForm #formdesign .TicketSLA td.Calculated .fd_prompt span, #tabview.TabForm #formdesign .TicketSLA td.Short .fd_prompt span {
    padding-top: 5px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tabview.TabForm #formdesign .TicketSLA td.Date input, #tabview.TabForm #formdesign .TicketSLA td.Time input, #tabview.TabForm #formdesign .TicketSLA td.Calculated input, #tabview.TabForm #formdesign .TicketSLA td.Short input {
    width: initial;
}

#tabview.TabForm #formdesign .TicketSLA td.Date span:nth-child(2), #tabview.TabForm #formdesign .TicketSLA td.Time span:nth-child(2), #tabview.TabForm #formdesign .TicketSLA td.Calculated span:nth-child(2), #tabview.TabForm #formdesign .TicketSLA td.Short span:nth-child(2) {
    width: 120px !important;
    padding-left: 5px !important;
    margin-left: 10px;
    font-weight: bold;
}

#tabview.TabForm #formdesign #formdesign.sdpanel textarea, #tabview.TabForm #formdesign #formdesign.sdpanel input, #tabview.TabForm #formdesign #formdesign.sdpanel select {
    width: 700px !important;
    float: left;
}

#tabview.TabForm #formdesign #formdesign.sdpanel textarea[type=checkbox], #tabview.TabForm #formdesign #formdesign.sdpanel input[type=checkbox], #tabview.TabForm #formdesign #formdesign.sdpanel select[type=checkbox] {
    width: initial !important;
}

#tabview.TabForm #formdesign #formdesign.sdpanel textarea#F32, #tabview.TabForm #formdesign #formdesign.sdpanel textarea#Attach, #tabview.TabForm #formdesign #formdesign.sdpanel input#F32, #tabview.TabForm #formdesign #formdesign.sdpanel input#Attach, #tabview.TabForm #formdesign #formdesign.sdpanel select#F32, #tabview.TabForm #formdesign #formdesign.sdpanel select#Attach {
    width: 250px !important;
}

#tabview.TabForm #formdesign #formdesign.sdpanel select#F10 {
    min-height: initial;
}

#tabview.TabForm #formdesign #formdesign.sdpanel .fd_value {
    display: inline-block;
}

#tabview.TabForm #formdesign #formdesign.sdpanel .fd_value.Text, #tabview.TabForm #formdesign #formdesign.sdpanel .fd_value.LargeText {
    display: flex;
}

#tabview.TabForm #formdesign #formdesign.sdpanel .fd_prompt {
    width: 100%;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr {
    top: 250px;
    z-index: 1;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr ul {
    box-shadow: 0 0.9em 1.6rem 0 rgba(22, 35, 58, 0.3);
    width: 700px;
    background: white;
    border-radius: 0 0 4px 4px;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr ul li {
    background: none;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr ul li:hover {
    opacity: 0.8;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr ul li:first-child a:first-child {
    color: #407fac;
    padding-left: 5px;
}

#tabview.TabForm #formdesign #formdesign.sdpanel #cbr ul li div {
    padding-left: 5px;
    background: none;
    color: #3a3a3a;
}

#tabview.TabForm #formdesign.TicketTopBar, #tabview.TabForm #formdesign.TicketBottomBar {
    background: white;
    width: 100%;
    padding-left: 20px;
    padding: 8px 10px;
    min-height: inherit;
}

#tabview.TabForm #formdesign.TicketTopBar td.fd_prompt, #tabview.TabForm #formdesign.TicketTopBar .fd_value, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt, #tabview.TabForm #formdesign.TicketBottomBar .fd_value {
    color: #3a3a3a;
    padding: 2.5px;
    width: inherit;
    border: 0;
    vertical-align: middle;
}

#tabview.TabForm #formdesign.TicketTopBar td.fd_prompt input, #tabview.TabForm #formdesign.TicketTopBar td.fd_prompt select, #tabview.TabForm #formdesign.TicketTopBar .fd_value input, #tabview.TabForm #formdesign.TicketTopBar .fd_value select, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt input, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt select, #tabview.TabForm #formdesign.TicketBottomBar .fd_value input, #tabview.TabForm #formdesign.TicketBottomBar .fd_value select {
    margin-left: 20px;
}

#tabview.TabForm #formdesign.TicketTopBar td.fd_prompt input#F5043, #tabview.TabForm #formdesign.TicketTopBar td.fd_prompt select#F5043, #tabview.TabForm #formdesign.TicketTopBar .fd_value input#F5043, #tabview.TabForm #formdesign.TicketTopBar .fd_value select#F5043, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt input#F5043, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt select#F5043, #tabview.TabForm #formdesign.TicketBottomBar .fd_value input#F5043, #tabview.TabForm #formdesign.TicketBottomBar .fd_value select#F5043 {
    position: fixed;
    top: 25px;
    z-index: 99999999;
    left: 60px;
    font-size: 15px;
    border: 0;
    background: white;
}

#tabview.TabForm #formdesign.TicketTopBar td.fd_prompt span, #tabview.TabForm #formdesign.TicketTopBar .fd_value span, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt span, #tabview.TabForm #formdesign.TicketBottomBar .fd_value span {
    width: inherit;
    padding-top: 2px;
    margin-left: 5px;
}

#tabview.TabForm #formdesign.TicketTopBar td.fd_prompt a i.fal, #tabview.TabForm #formdesign.TicketTopBar .fd_value a i.fal, #tabview.TabForm #formdesign.TicketBottomBar td.fd_prompt a i.fal, #tabview.TabForm #formdesign.TicketBottomBar .fd_value a i.fal {
    margin-top: 0;
    color: #407fac;
}

#tabview.TabForm #formdesign.TicketBottomBar {
    background: white;
    bottom: 74px;
    position: fixed;
    border-top: 1px solid #eee;
}

.TabButtonBar#formdesign {
    position: fixed;
    bottom: 0;
    background: #eee !important;
    left: 0;
    width: 100%;
    padding: 10px;
    padding-left: 80px;
    border-top: 1px solid #ccc;
    z-index: 1;
}

.TabButtonBar#formdesign tbody {
    float: left;
}

.TabButtonBar#formdesign tbody td {
    padding: 0;
}

.TabButtonBar#formdesign tbody td input {
    width: 100px;
    text-align: center;
}

@media screen and (max-width: 830px) {
    .q-container i {
        display: none;
    }

    div.add-q a {
        margin: 10px 10px 0 0;
    }

    .kanban_container {
        min-width: 530px;
    }

    .NavSummary {
        display: none;
    }

    .summary-container {
        margin-top: 118px;
    }

    .summary-container .summary-row1 {
        padding-left: 70px;
    }

    .summary-container .summary-row1 td {
        padding: 21px;
    }

    .summary-container .summary-row1 b big {
        font-size: 15px;
    }

    .summary-container .summary-row2 {
        top: 60px;
        width: 100%;
        left: 70px;
        background: white;
    }

    .summary-container .summary-row2 input#F9999 {
        top: 75px;
    }

    .summary-container .summary-row2 .note-clear-search {
        top: 83px;
    }

    .summary-container tr .addnew {
        top: 60px;
    }

    .summary-container tr .advsearch {
        margin-top: 61px;
    }

    .summary-container tr .quickview-dropdown {
        right: 6px;
        top: 60px;
    }

    .summary-container tr .quickview-dropdown:hover {
        top: 119px;
    }

    .summary-container tr .quickview-dropdown:hover .summary-options {
        top: 60px;
        right: 6px;
    }
}

/* IN013435 */
svg > g > g:last-child {
    pointer-events: none;
}

.main_panel {
    display: flex;
    height: calc(100vh - 62px);
    overflow: auto;
}

.main_panel .webtoday#webtoday {
    box-shadow: none;
}

.main_panel i.fa-spinner {
    font-size: 50px;
    color: #407facb0;
    height: 50px;
    margin-top: 100px;
    text-align: center;
    width: 100%;
}

.dash_nav {
    display: flex;
    height: 60px;
    border-bottom: 1px solid #eee;
    align-items: center;
    background: #002F43;
    z-index: 8;
}

.dash_nav li:nth-child(1) i {
    background: white;
    color: #407fac;
}

.dash_nav li:nth-child(2) i {
    background: #40ac88;
}

.dash_nav li:nth-child(3) i {
    background: #002F43;
}

.dash_nav li:nth-child(4) i {
    background: #f09e1f;
}

.dash_nav li:nth-child(5) i {
    background: #3a3a3a;
}

.dash_nav li:nth-child(6) i {
    background: #407fac;
}

.dash_nav li:nth-child(7) i {
    background: #3a3a3a;
}

.dash_nav li:nth-child(8) i {
    background: #f54257;
}

.dash_nav li:nth-child(9) i {
    background: #40ac88;
}

.dash_nav li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    color: #3a3a3a;
    font-size: 12px;
    /* padding: 10px; */
    color: white;
    background: #4283b1;
    margin: 10px;
    border-radius: 100px;
    padding-right: 10px;
    box-shadow: 0 0 20px #21435a;
}

.dash_nav li a:hover {
    cursor: pointer;
    opacity: 0.7;
}

.dash_nav li a i {
      /* flex-basis: 100%; */
    text-align: center;
    color: #407fac;
    font-size: 16px;
      /* padding-bottom: 5px; */
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 100%;
    color: white;
    margin-right: 5px;
}

.dashboard-image i {
    color: white;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}

.dashboard-image i.fa-building {
    background: #40ac88;
}

.dashboard-image i.fa-universal-access {
    color: white;
    background: #002F43;
}

.dashboard-image i.fa-credit-card {
    background: #f09e1f;
}

.dashboard-image i.fa-id-card {
    background: #3a3a3a;
}

.summary_card_container {
    background: #f7f7f7;
    box-shadow: 0 0 0 1000px #f7f7f7;
}

.summary_card_container #filterCards {
    margin: 20px 30px 0;
    padding: 10px;
    width: 400px;
}

.summary_card_container .card_container {
    display: flex;
    padding: 20px;
    flex-flow: column wrap;
    height: calc(100vh - 275px);
    min-width: calc(100vw - 86px);
    align-content: flex-start;
}

.summary_card_container .card_container .summary_cards {
    position: relative;
    margin: 10px;
}

.summary_card_container .card_container .summary_cards:hover {
    opacity: 0.8;
    cursor: pointer;
}

.summary_card_container .card_container .summary_cards:hover ul {
    border-color: #40ac88 !important;
}

.summary_card_container .card_container .summary_cards:hover ul .card_ref i {
    background: #40ac88 !important;
}

.summary_card_container .card_container .summary_cards ul {
    background: white;
    margin: 0;
    padding: 10px;
    border-radius: 4px;
    border-left: solid 5px #407fac;
    width: 300px;
}

.summary_card_container .card_container .summary_cards ul.red {
    border-left-color: #f54257;
    background: #f7e9eb;
}

.summary_card_container .card_container .summary_cards ul.red li.card_ref i {
    background: #f54257;
}

.summary_card_container .card_container .summary_cards ul.orange {
    border-left-color: #f09e1f;
    background: #f9dfaf;
}

.summary_card_container .card_container .summary_cards ul.orange li.card_ref i {
    background: #f09e1f;
}

.summary_card_container .card_container .summary_cards ul.yellow {
    border-left-color: #fde051;
    background: #f8f0ca;
}

.summary_card_container .card_container .summary_cards ul.yellow li.card_ref i {
    background: #fde051;
}

.summary_card_container .card_container .summary_cards ul.green {
    border-left-color: #40ac88;
    background: #e5f0ec;
}

.summary_card_container .card_container .summary_cards ul.green li.card_ref i {
    background: #40ac88;
}

.summary_card_container .card_container .summary_cards ul li span {
    display: inline-block;
    width: inherit !important;
    margin: 5px;
}

.summary_card_container .card_container .summary_cards ul li.card_ref span {
    color: #407fac;
}

.summary_card_container .card_container .summary_cards ul li.card_ref i {
    background: #407fac;
    color: white;
    text-align: center;
    width: 25px;
    height: 25px;
    float: right;
    line-height: 25px;
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 4px 0 4px;
}

.summary_card_container .card_container .summary_cards ul li.card_summary span {
    max-height: 85px;
    overflow: hidden;
    word-break: normal;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.summary_card_container .card_container .summary_cards ul li.card_info span {
    background: #f7f7f7;
    color: #949494;
    margin-top: 5px;
    padding: 5px;
    border-radius: 4px;
}

.summary_card_container .card_container .summary_cards ul li.card_info span:empty, .summary_card_container .card_container .summary_cards ul li.card_info span.hide {
    display: none;
}

.summary_card_container.KBase {
    margin-top: 100px;
}

.summary_card_container.KBase .summary_cards ul {
    border-left-color: #fde051;
}

.summary_card_container.KBase .summary_cards ul:hover li.card_ref i {
    color: white;
}

.summary_card_container.KBase .summary_cards ul li.card_ref i {
    background: #fde051;
    color: #3a3a3a;
}

.summary_card_container.KBase tbody tr:nth-child(3) {
    display: block !important;
    position: fixed;
    top: 60px;
    background: white;
    left: 70px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    z-index: 1;
}

.summary_card_container.KBase tbody tr:nth-child(4) {
    display: none;
}

.summary_card_container tr {
    display: none;
}

.summary_card_container tr td {
    border: 0;
}

.canned_container {
    background: white;
    position: absolute;
    border-radius: 4px;
    font-size: 13px;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3), 0 0 0 1000000px #7b7b7b1f;
    overflow: hidden;
    z-index: 9;
    width: 400px;
    margin-top: 40px;
    margin-left: 20px;
}

.canned_container ul {
    margin: 0;
    padding: 0;
}

.canned_container ul li {
    border-bottom: 1px solid #eee;
    padding: 10px;
    max-width: 400px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.canned_container ul li:nth-child(even) {
    background: #f4f9fd;
}

.canned_container ul li:hover, .canned_container ul li .active {
    background: #002F43;
    color: white;
    cursor: pointer;
}

.canned_container ul li:empty {
    display: none;
}

.canned_container h4 {
    padding: 10px;
    margin: 0;
    background: #f54257;
    color: white;
    font-weight: 100;
}

.canned_container h4 i {
    color: #3a3a3a;
    font-weight: 100;
}

.canned_container h4 i.fa-window-close {
    position: absolute;
    right: 10px;
    font-size: 20px;
    top: 7px;
    color: white;
}

.canned_container h4 i.fa-window-close:hover {
    font-weight: bold;
    cursor: pointer;
}

.canned_container a {
    color: #eee;
    padding: 10px;
    display: flex;
    font-size: 11px;
}

.canned_container a:hover {
    opacity: 0.8;
}

.canned_container a i {
    color: #eee;
    margin-right: 5px;
}

.CannedResponses, .SupportDeskTheme {
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: calc(100vw - 70px);
    background-color: #f7f7f7 !important;
    box-shadow: 0 0 0 1000px #f7f7f7;
}

.CannedResponses h1, .SupportDeskTheme h1 {
    font-weight: 100;
    font-size: 20px;
}

.CannedResponses h1 i, .SupportDeskTheme h1 i {
    color: #f54257;
}

.CannedResponses h1 i.fa-chevron-right, .CannedResponses h1 i.fa-chevron-down, .SupportDeskTheme h1 i.fa-chevron-right, .SupportDeskTheme h1 i.fa-chevron-down {
    color: #3a3a3a;
    padding-left: 10px;
    font-size: 1rem;
    line-height: 0.5rem;
}

.CannedResponses h1 i.fa-code, .SupportDeskTheme h1 i.fa-code {
    color: #f09e1f;
}

.CannedResponses h1:hover, .SupportDeskTheme h1:hover {
    opacity: 0.7;
    cursor: pointer;
}

.CannedResponses h4, .SupportDeskTheme h4 {
    font-size: 20px;
    font-weight: 100;
}

.CannedResponses textarea, .SupportDeskTheme textarea {
    width: 500px;
    height: 100px;
    padding: 10px;
}

.CannedResponses tr, .SupportDeskTheme tr {
    display: flex;
    flex-wrap: wrap;
}

.CannedResponses tr td, .SupportDeskTheme tr td {
    flex: 0 0 100%;
    padding: 10px 10px 5px 10px;
}

.CannedResponses tr td.fd_value, .SupportDeskTheme tr td.fd_value {
    padding-top: 0;
}

.CannedResponses tr td.fd_prompt, .SupportDeskTheme tr td.fd_prompt {
    font-size: 15px;
}

.CannedResponses #formdesign, .SupportDeskTheme #formdesign {
    background: none;
    border-spacing: 0;
    display: flex;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.CannedResponses #formdesign.expanded, .SupportDeskTheme #formdesign.expanded {
    max-height: 1000px;
}

.CannedResponses #formdesign td, .SupportDeskTheme #formdesign td {
    padding: 0;
}

.SupportDeskTheme tbody {
    width: 450px;
}

.SupportDeskTheme tbody tr {
    align-items: center;
}

.SupportDeskTheme tbody tr td {
    flex: 0 0 50%;
    white-space: nowrap;
}

.SupportDeskTheme tbody tr td #formdesign td {
    padding: 2.5px 0;
}

.SupportDeskTheme tbody tr td.fd_prompt {
    font-size: inherit;
}

.SupportDeskTheme tbody tr td input {
    max-width: 100px;
}

.SupportDeskTheme tbody tr td input[value=" Save "] {
    background: #40ac88;
    padding: 10px 40px;
    width: 200px;
    padding: 10px;
    transition: 0.3s ease;
    letter-spacing: 0.5px;
}

.SupportDeskTheme tbody tr td input[value=" Save "]:hover {
    opacity: 0.8;
}

.SupportDeskTheme tbody i.fa-toggle-on {
    color: #40ac88;
}

.SupportDeskTheme tbody textarea#F10080 {
    height: 500px;
    width: 450px;
    background: #3a3a3a;
    color: #68ffcd;
}

a.back_to_designer, a.change_company_logo {
    background: #40ac88;
    color: white;
    float: left;
    margin: 5px;
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
}

a.back_to_designer:hover, a.change_company_logo:hover {
    opacity: 0.8;
}

a.back_to_designer i, a.change_company_logo i {
    color: #3a3a3a;
}

.FormPreview .CannedResponses, .FormPreview .SupportDeskTheme {
    position: relative;
}

.attachment-container {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 160px;
}

.attachment-container .view-image {
    flex: 0 0 100%;
    padding-top: 10px;
    margin-bottom: 10px;
}

.attachment-container .view-image:hover {
    cursor: pointer;
    opacity: 0.8;
}

.attachment-container .view-enlarged-image {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: #00000047;
    align-items: center;
    justify-content: center;
}

.attachment-container .view-enlarged-image img {
    max-height: 800px;
    max-width: 800px;
}

ul.contextMenu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    color: #3a3a3a;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
}

ul.contextMenu * {
    transition: color .4s, background .4s;
}

ul.contextMenu li {
    overflow: hidden;
    white-space: nowrap;
    padding: 12px 15px;
    background-color: white;
    border-bottom: 1px solid #ecf0f1;
}

ul.contextMenu li input {
    background: white !important;
    border: 0 !important;
    padding: 0;
    margin-left: 5px;
    font-weight: 100;
    font-size: 12px;
    color: #3a3a3a;
}

ul.contextMenu li i.fa {
    font-size: 12px;
    font-weight: bold;
    color: #f54257;
}

ul.contextMenu li a {
    color: #3a3a3a;
    text-decoration: none;
}

ul.contextMenu li:first-child {
    border-radius: 5px 5px 0 0;
}

ul.contextMenu li:last-child {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

ul.contextMenu li:last-child:hover a {
    color: #2c3e50;
}

ul.contextMenu li:last-child:hover a:hover {
    color: #2980b9;
}

.Checkbox.toggle {
    display: flex;
    flex-direction: row;
    line-height: 22px;
    font-size: 15px;
}

.Checkbox.toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.Checkbox.toggle .toggle {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 34px;
    order: -1;
}

.Checkbox.toggle .slider {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f54257;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.Checkbox.toggle .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.Checkbox.toggle input:checked + .toggle .slider, .Checkbox.toggle .toggle.checked .slider {
    background-color: #40ac88;
}

.Checkbox.toggle input:focus + .toggle .slider, .Checkbox.toggle .toggle.checked .slider {
    box-shadow: 0 0 1px #40ac88;
}

.Checkbox.toggle input:checked + .toggle .slider:before, .Checkbox.toggle .toggle.checked .slider:before {
    -webkit-transform: translateX(9px);
    -ms-transform: translateX(9px);
    transform: translateX(9px);
}

.wizard_container + .summary-container {
    display: none;
}

.wizard_container {
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    padding: 40px;
}

.wizard_container.stage-0 h1 i, .wizard_container button.stage-0 {
    background: #fde051;
    color: #3a3a3a;
}

.wizard_container.stage-1 h1 i, .wizard_container button.stage-1 {
    background: #40ac88;
    color: white;
}

.wizard_container.stage-2 h1 i, .wizard_container button.stage-2 {
    background: #407fac;
    color: white;
}

.wizard_container.stage-3 h1 i, .wizard_container button.stage-3 {
    background: #f54257;
    color: white;
}

.wizard_container.stage-4 h1 i, .wizard_container button.stage-4 {
    background: #f09e1f;
    color: white;
}

.wizard_container h1, .wizard_container .wizard {
    flex: 0 0 100%;
}

.wizard_container h1 {
    font-weight: 100;
    font-size: 2rem;
    display: flex;
    align-items: center;
}

.wizard_container h1 i {
    display: inline-block;
    border-radius: 4px;
    font-size: 30px;
    height: 50px;
    text-align: center;
    margin-right: 10px;
    width: 75px;
    line-height: 50px;
}

.wizard_container h1 i:before {
    display: inline-block;
}

.wizard_container .wizard {
    background: white;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 300px;
}

.wizard_container button {
    background: #407fac;
    border: 0;
    color: white;
    padding: 10px;
    margin-top: 20px;
    border-radius: 4px;
    font-size: 15px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.wizard_container button:hover {
    cursor: pointer;
    opacity: 0.8;
}

.wizard_container button:focus {
    outline: none;
}

.loading {
    font-size: 30px;
    color: #407fac;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 10px;
}

.wizard .loading {
    margin-top: 100px;
}

#sd-alert {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    left: 0;
    text-align: center;
    z-index: 9999999999;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 0;
    -webkit-transition: opacity 3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#sd-alert.show {
    opacity: 1;
}

#sd-alert div {
    background: white;
    box-shadow: 0 0 100px lightgrey, 0 0 10px grey;
    border-radius: 4px;
    border-left: 10px solid #407fac;
    font-size: 15px;
    font-weight: 100;
    width: 500px;
    height: 100px;
    text-align: left;
    position: relative;
    padding: 0 50px 0 75px;
    overflow: hidden;
    margin-top: 250px;
}

#sd-alert div strong {
    font-size: 20px;
    padding-top: 20px;
    display: block;
}

#sd-alert div p {
    margin: 10px 0;
    color: #a2a2a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sd-alert div.success {
    border-left: 10px solid #40ac88;
}

#sd-alert div.success i {
    color: #40ac88;
}

#sd-alert div.warning {
    border-left: 10px solid #f54257;
}

#sd-alert div.warning i {
    color: #f54257;
}

#sd-alert div i {
    position: absolute;
    top: 35px;
    font-size: 30px;
    left: 25px;
    color: #407fac;
}

#sd-alert div i.fa-times-circle {
    position: absolute;
    right: 10px;
    left: inherit;
    color: #eee;
}

#sd-alert div i:hover {
    color: #3a3a3a;
    cursor: pointer;
}

.system_settings {
    display: flex;
    background: #f7f7f7;
}

.system_settings .setting_nav {
    margin: 0 10px 0 0;
    padding: 0;
}

.system_settings .setting_nav li {
    display: flex;
}

.system_settings .setting_nav li a {
    flex: 0 0 100%;
    color: #3a3a3a;
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.system_settings .setting_nav li a:hover {
    background: #f7f7f7;
    cursor: pointer;
}

.system_settings .setting_nav li a i {
    padding-right: 10px;
    font-size: 15px;
}

.system_settings .setting_nav li a i.fa-paint-brush {
    color: #f54257;
}

.system_settings .setting_nav li a i.fa-toggle-on {
    color: #40ac88;
}

.system_settings .setting_section {
    overflow: hidden;
}

/* DD & Category Search Filters */
#filterComponent {
    padding: 8px;
    margin-left: 10px;
}

.sdFilter {
    position: relative;
    display: inline-block;
}

.sdFilter i {
    padding-right: 5px;
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 12px;
}

.sdFilter input {
    padding-right: 20px !important;
}

.sdFilter #ddFields, .sdFilter #catFields {
    background: white;
    border-radius: 4px;
    border: 1px solid #ccc;
    height: 250px;
    overflow: auto;
    position: absolute;
    width: 500px;
    box-shadow: 0 0.2rem 1.6rem 0 rgba(22, 35, 58, 0.3);
    padding: 0;
    left: 0;
    font-size: 12px;
}

.sdFilter #ddFields:empty, .sdFilter #catFields:empty {
    display: none;
}

.sdFilter #ddFields li a, .sdFilter #catFields li a {
    display: flex;
    padding: 5px 10px;
}

.sdFilter #ddFields li:hover, .sdFilter #catFields li:hover {
    background: #002F43;
}

.sdFilter #ddFields li:hover a, .sdFilter #catFields li:hover a {
    color: white;
}

.dark_mode {
    background: #15202a !important;
}

.dark_mode body {
    background: #15202a !important;
    color: white;
}

.dark_mode body * {
    color: white;
}

.dark_mode body .webtoday#webtoday {
    background-color: transparent !important;
    color: white;
    box-shadow: 0 0 0 1000px #15202a;
}

.dark_mode body .webtoday * {
    background-color: transparent;
}

.dark_mode body .webtoday .ticket-q li a span {
    text-shadow: none;
}

.dark_mode body .webtoday .ticket-q li a span {
    color: white;
}

.dark_mode body .webtoday .ticket-q li a span i.fa-plus {
    color: #10eaa2 !important;
}

.dark_mode body .webtoday .ticket-q li a span.yellow {
    color: #f09e1f;
}

.dark_mode body .webtoday .ticket-q li a span.red {
    color: #f54257;
}

.dark_mode body .webtoday .tikkety-settings a.setting-block, .dark_mode body .webtoday .SD_settings a.setting-block {
    border: 1px solid #5b6268;
}

.dark_mode body .webtoday .tikkety-settings a.setting-block p, .dark_mode body .webtoday .SD_settings a.setting-block p {
    color: white !important;
}

.dark_mode body .webtoday .tikkety-settings a.setting-block i, .dark_mode body .webtoday .SD_settings a.setting-block i {
    background-color: transparent;
}

.dark_mode body .webtoday .tikkety-settings a.add, .dark_mode body .webtoday .SD_settings a.add {
    color: #84c8f9;
}

.dark_mode body .webtoday .add-q a i {
    color: #10eaa2;
}

.dark_mode body .webtoday .kanban_container h1, .dark_mode body .webtoday .kanban_container h2, .dark_mode body .webtoday .Timeline h1, .dark_mode body .webtoday .Timeline h2, .dark_mode body .webtoday .news-summary h1, .dark_mode body .webtoday .news-summary h2, .dark_mode body .webtoday .news-summary h2 h1, .dark_mode body .webtoday .news-summary h2 h2, .dark_mode body .webtoday .quick-button h1, .dark_mode body .webtoday .quick-button h2, .dark_mode body .webtoday .views-widget h1, .dark_mode body .webtoday .views-widget h2 {
    color: white;
    background: transparent;
}

.dark_mode body .webtoday .kanban_container i, .dark_mode body .webtoday .kanban_container .Timeline_Heading:before, .dark_mode body .webtoday .Timeline i, .dark_mode body .webtoday .Timeline .Timeline_Heading:before, .dark_mode body .webtoday .news-summary i, .dark_mode body .webtoday .news-summary .Timeline_Heading:before, .dark_mode body .webtoday .news-summary h2 i, .dark_mode body .webtoday .news-summary h2 .Timeline_Heading:before, .dark_mode body .webtoday .quick-button i, .dark_mode body .webtoday .quick-button .Timeline_Heading:before, .dark_mode body .webtoday .views-widget i, .dark_mode body .webtoday .views-widget .Timeline_Heading:before {
    color: #179cff;
}

.dark_mode body .webtoday .kanban_container select, .dark_mode body .webtoday .Timeline select, .dark_mode body .webtoday .news-summary select, .dark_mode body .webtoday .news-summary h2 select, .dark_mode body .webtoday .quick-button select, .dark_mode body .webtoday .views-widget select {
    background-color: white;
    color: #3a3a3a;
}

.dark_mode body .suptable, .dark_mode body .summary-container, .dark_mode body .summary-container tr td, .dark_mode body .summary-container .summary-row1, .dark_mode body .summary-container tr th, .dark_mode body .yui-skin-sam .yui-navset .yui-content {
    background: #15202a !important;
    color: white !important;
}

.dark_mode body .advsearch i, .dark_mode body .fancy-btn .fa-search, .dark_mode body .call_menu_section nav.call_menu a, .dark_mode body #formdesign, .dark_mode body .summary-container tr th a, .dark_mode body .summary_filters a, .dark_mode body .NavSummary .view-button, .dark_mode body .NavSummary .view-button span, .dark_mode body .quickview-dropdown .summary-options, .dark_mode body #nav li.menu-settings\.gif .settings\.gif:before, .dark_mode body #tabview.TabForm #formdesign td.fd_value .fd_prompt {
    color: white !important;
}

.dark_mode body .onboard .onboard_main section {
    color: #3a3a3a;
    box-shadow: 0 0 30px black;
}

.dark_mode body .summary-container {
    box-shadow: 0 0 0 10000px #15202a;
}

.dark_mode body .summary-container .addnew:before {
    color: #10eaa2;
}

.dark_mode body .summary-container .summary-row-highlight td {
    opacity: 0.9;
}

.dark_mode body a, .dark_mode body .onboard .onboard_nav ul h3, .dark_mode body .detail-container a i, .dark_mode body .tooltip, .dark_mode body #formdesign .fa-calendar, .dark_mode body .drilldown i {
    color: #84c8f9;
}

.dark_mode body a.help-menu-button {
    background-color: #179cff;
    color: white;
}

.dark_mode body #formdesign {
    background: transparent;
}

.dark_mode body .summary_card_container .card_container .summary_cards ul, .dark_mode body select {
    color: #3a3a3a;
}

.dark_mode body input.change, .dark_mode body input[type=submit] {
    background: #10eaa2;
    color: white;
}

.dark_mode body input.Button {
    background-color: #179cff;
}

.dark_mode body .summary-container .summary-heading .fa-filter, .dark_mode body .summary_filters a i {
    color: #84c8f9 !important;
}

.dark_mode body .TabButtonBar#formdesign, .dark_mode body table td.right-panel small table.summary-heading, .dark_mode body .call_menu_section {
    background: #15202a !important;
    color: white !important;
}

.dark_mode body .yui-skin-sam .yui-navset .yui-nav, .dark_mode body .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border-bottom: solid #179cff !important;
}

.dark_mode body .right-panel .NavSummary {
    background: #15202a !important;
    box-shadow: -10000px 0px 0 10000px #15202a, -9999px 0px 0 10000px #5b6268;
}

.dark_mode body .onboard .onboard_nav ul li a {
    color: #eee;
}

.dark_mode body #nav {
    border-right: 1px solid;
    background: #15202a;
}

.dark_mode body #nav li:hover a, .dark_mode body #nav li a.active {
    background: #179cff;
}

.dark_mode body #nav li.nav-logo a.Desktop {
    background: #15202a;
}

.dark_mode body #nav li:hover ul li a, .dark_mode body #nav li:hover ul li a span:before {
    color: white;
}

.dark_mode body #nav li:hover ul li:hover a, .dark_mode body #nav li:hover ul li a.active {
    background: #15202a;
}

.dark_mode body #nav li:hover ul li a.active {
    box-shadow: inset 4px 0 0 0 #ffffff;
}

.dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a, .dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a:hover, .dark_mode body .right-panel .jobsheet-button.blue, .dark_mode body .yui-skin-sam .yui-navset .yui-nav a:hover, .dark_mode body .yui-skin-sam .yui-navset .yui-nav a em:hover, .dark_mode body .yui-skin-sam .yui-navset .yui-nav a:hover em, .dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a, .dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .dark_mode body .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
    background: #179cff !important;
}

.dark_mode body .summary-container tr td, .dark_mode body * {
    border-color: #5b6268 !important;
}

.right-panel.ticket_w_sub_section {
    padding: 0;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .call_menu_section {
    background: white !important;
    z-index: 8;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container {
    border-spacing: 0;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .edit_tab_form {
    top: 67px;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .TabContainer {
    padding-left: 0;
    position: relative;
    top: 0;
    box-shadow: 0 100px #f7f7f7;
    overflow-y: hidden;
    padding-top: 30px;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .TabContainer .yui-nav {
    position: fixed;
    top: 59px;
    width: 100%;
    background: white;
    z-index: 2;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .TabContainer .yui-content {
    position: relative;
    top: 5px;
    padding-left: 0;
    border: 0;
    padding-bottom: 5px;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .TabContainer .yui-content #formdesign {
    min-height: initial;
}

.right-panel.ticket_w_sub_section #AjaxUpdater .detail-container .notes-container {
    position: relative;
    padding-left: 0;
    margin-top: 0px;
}

.WebMailEditor .okButtonRow {
    position: fixed;
    bottom: 0;
    left: 70px;
    background: white;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #ccc;
    box-shadow: 0 0 30px #b5b5b538;
}

.WebMailEditor .okButtonRow input {
    padding: 5px 20px;
}

.hoth_alert {
    position: fixed;
    top: 0;
    z-index: 9999;
    text-align: center;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 30px #bdbdbdb0;
    padding: 10px;
    font-size: 15px;
    line-height: 20px;
    min-height: 100px;
    font-weight: 500;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    border: 1px solid #eee;
    border-top: 0;
    margin-top: -100px;
}

.hoth_alert.active {
    margin-top: 0;
}

.hoth_alert i {
    margin-right: 10px;
    color: #f54257;
    font-weight: bold;
}

.hoth_alert p {
    margin: 0 !important;
}

.ticket_progress {
    display: flex;
    padding: 0;
    margin-top: 30px;
}

.ticket_progress li {
    flex: 1 0;
    box-shadow: 0 -5px #ccc;
    text-align: center;
    padding: 10px;
    position: relative;
    font-size: 14px;
    color: #3a3a3a;
    padding-top: 25px;
}

.ticket_progress li.ticket_progress {
    flex: 1 0 100%;
    display: none;
    box-shadow: none;
}

.ticket_progress li.TP span.Stage {
    display: none;
}

.ticket_progress li.TP span.Time {
    display: none;
}

.ticket_progress li.Past {
    font-weight: bold;
    color: #40dd88;
    box-shadow: 0 -5px #40dd88;
}

.ticket_progress li.Current {
    font-weight: bold;
    color: #40ac88;
    box-shadow: 0 -5px #40ac88;
}

.ticket_progress li.Current:before {
    content: "";
    background: #f7f7f7;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: -13px;
    border-radius: 100px;
    border: 6px solid #40ac88;
}

.ticket_progress li.Current span.Name:before {
    content: "";
    height: 5px;
    width: 10000px;
    margin-left: -10000px;
    position: absolute;
    background: #40ac88;
    top: -5px;
}

.ticket_progress li .StageNo {
    display: none;
}

.ss_search {
    background: white;
    box-shadow: 0 0 27px #cacaca;
    overflow: hidden;
    position: absolute;
    width: 1110px;
    border-radius: 10px;
    z-index: 99999;
}

.ss_search #F9993 {
    width: 100%;
    padding: 10px;
    font-size: 20px;
    border-radius: 0;
    padding-left: 40px;
    border-color: white;
}

.ss_search i {
    position: absolute;
    margin-top: 13px;
    font-size: 20px;
    font-weight: bold;
    color: #1182ff;
    margin-left: 14px;
}

body .self-service {
    height: 510px;
    background-size: 400px;
    background-color: #db04540d;
    padding-right: 0;
}

body .self-service .header img {
    padding: 25px;
    background: white;
    border-radius: 4px;
    height: 100px;
    margin: 0;
    margin-right: 20px;
}

body .self-service section {
    width: 1200px;
    flex: inherit;
}

body .self-service section .ss_search input:focus {
    outline: none;
}

body .self-service section h1 span {
    color: #3a3a3a;
    font-weight: bold;
    font-size: 3rem;
}

body .self-service section #cbr ul {
    width: 100% !important;
    border: 0 !important;
}

body .self-service section #cbr ul li {
    padding: 10px 20px;
}

body .self-service section #cbr .even {
    background-color: transparent  !important;
}

body .self-service section #cbr div {
    background: none !important;
    padding: 0px !important;
    color: #3a3a3a !important;
}

body .self-service .ssp li {
    border-right-color: transparent;
}

body .self-service .ssp li:first-child a h2 {
    color: #3a3a3a;
}

body .self-service .ssp li a span {
    color: #407fac;
}

body .self-service .ssp li a p {
    color: #3a3a3a !important;
}

body .self-service .ssp li a h2 {
    color: #3a3a3a;
}

body .ssp_cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ssp_cont .SSP {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    width: 1145px !important;
}

/* Hide Elements for 2020*/
.tikkety-settings ul li div.full-width .add, .SD_settings ul li div.full-width .add, .tikkety-settings ul li div span, .SD_settings ul li div span, .ServiceRequests h1, .ServiceRequests p b, #webtoday > tbody > tr:nth-child(1) > td > div > div > ul:nth-child(4) > li, .hothformname, .labellink {
    display: none !important;
}