@import url("Theme.XenseBase.css?1082");

/* Colors

HTC red
    #D52C1E

Blue black
    #19242B

Black
    #1B1B1B
Orange
    #EE9A18
Green
    #69BE27

Grey light
    #F5F5F5
Grey
    #434343
    #A5A5A5

Regular
    font-family: "akzidenz-grotesk_bq_regularRg", helvetica, arial, sans-serif;

Medium
    font-family: "akzidenz-grotesk_bqmedium", helvetica, arial, sans-serif;

Soho Gothic (titles)
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;

*/

@font-face {
    font-family: 'akzidenz-grotesk_bqmedium';
    src: url('/xense/fonts/akzidgrobqmd-webfont.woff2') format('woff2'),
         url('/xense/fonts/akzidgrobqmd-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'akzidenz-grotesk_bq_regularRg';
    src: url('/xense/fonts/akzidgrobqreg-webfont.woff2') format('woff2'),
         url('/xense/fonts/akzidgrobqreg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'soho-gothic-regular';
    src: url('/xense/fonts/soho-gothic-regular.woff2') format('woff2'),
         url('/xense/fonts/soho-gothic-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background: #F5F5F5;
    font-family: "akzidenz-grotesk_bq_regularRg", helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.Content {
    padding-top: 80px;
    background: inherit;
}

.MainContent {
    margin-top: 0px;
    background: inherit;
}
.MainContentActionEnabled .Detailed_Container {
  padding-bottom: 170px;
}

.Title_Section {
    margin-top: 0px;
}

.Text_Note {
    margin-top: 3px;
}

.TopContentTitle,
.TopContentLinks a,
.Heading2 {
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
    font-weight: normal;
}

.gateImage img {
    max-width: 100%;
}

/* Button & Fields */

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #D52C1E;
    border: none;
}

textarea,
select,
input {
    box-shadow: none;
}

/* search input */
#wt21_wtSearchPlaceholder_wtSearchInput,
#wt20_wtSearchPlaceholder_wtSearchInput,
#wt16_wtMainContent_wtSearchInput {
    margin-top: -3px;    
    height: 40px;
}

.phone #wt21_wtSearchPlaceholder_wtSearchInput,
.phone #wt20_wtSearchPlaceholder_wtSearchInput,
.phone #wt16_wtMainContent_wtSearchInput {
    margin-bottom: 10px;
}

/* search + reset button */
#wt21_wtSearchPlaceholder_wt29,
#wt21_wtSearchPlaceholder_wt40,
#wt20_wtSearchPlaceholder_wt30,
#wt20_wtSearchPlaceholder_wt39,
#wt16_wtMainContent_wt19,
#wt16_wtMainContent_wtsearchBtn {
    height: 40px;
    margin-top: 0px;
}

.phone #wt21_wtSearchPlaceholder_wt29,
.phone #wt21_wtSearchPlaceholder_wt40,
.phone #wt20_wtSearchPlaceholder_wt30,
.phone #wt20_wtSearchPlaceholder_wt39,
.phone #wt16_wtMainContent_wt19,
.phone #wt16_wtMainContent_wtsearchBtn {
    margin-left: 0px;
    margin-right: 10px;
}

/* drop down */
#wt21_wtSearchPlaceholder_wt17,
#wt20_wtSearchPlaceholder_wt16,
#wt16_wtMainContent_wt45 {
    margin-top: -3px;
    height: 40px;
    margin-left: 10px;
}

.phone #wt21_wtSearchPlaceholder_wt17,
.phone #wt20_wtSearchPlaceholder_wt16,
.phone #wt16_wtMainContent_wt45 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}

/* checklabel Tickets open */
#wt16_wtMainContent_wtopenchk {
    margin-bottom: -4px;
    margin-right: 10px;
    margin-left: 10px;
}

.phone #wt16_wtMainContent_wtopenchk {
    margin-left: 0px;
}

.labelOnlyOpen {
    width: auto !important;
}
/* Header */

/*
.Header_Menu,
.Application_Menu {
    background-color: white;
    box-shadow: none;
    border-color: #D52C1E;
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
}
*/

.navigation {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-bottom: 1px solid #D52C1E;
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
}

.xenseMenu {

}

.xenseMenu a {
    color: #434343;
    padding: 16px 20px 14px 20px;
    display: inline-block;
    border-bottom: none;
    text-transform: uppercase;
    transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
    font-size: 18px;
    height: 56px;
}

.xenseMenu a:hover {
    text-decoration: none;
    background: #B11C0F;
    color: white;
}


.xenseMenu a.ActiveMenu {
    background: #D52C1E;
    color: white;
}


.xenseMenu a .Badge {
    font-size: 10px;
    line-height: 18px;
    padding: 2px 1px 1px 1px;
    float: right;
}

.xenseMenu a.ActiveMenu .Black, /*make badge icon white on hover or active */
.xenseMenu a:hover.ActiveMenu .Black,
.xenseMenu a:hover .Black {
    background: white;
    color: #D52C1E;
}


/*

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
    box-shadow: none;
    border-bottom: none;
    background: #D52C1E;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {

}

.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    background: #B11C0F;
    box-shadow: none;
    color: white;
    border-bottom: none;
    transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    border-bottom: none;
    color: white;
    transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
*/

/*
.loginInfo {
    float: right;
}
*/
.Login_Info {
    float: none;
    padding: 15px 0;
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #434343;
}

.xenseLogo {
    height: 30px;
    margin-top: 10px;
    margin-left: 30px;
}

.Login_Info_Logout:before, .Login_Info_Username:before, .AppSwitcherContainer:before, .AppSwitcherLink[disabled="disabled"]:before {
/*     display: none; */
    color: black;
}

a.Login_Info_Logout,
a.Login_Info_Username,
a.AppSwitcherContainer,
a.AppSwitcherLink[disabled="disabled"] {
    text-decoration: none;
}

/* Tables */

.Filters_Wrapper {
    padding: 10px 0;
    background: none;
}

.TableRecords {
    border: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
    padding: 0px;
}

.TableRecords thead {

}

.TableRecords a {
    color: #1B1B1B;
    font-size: 1.2em;
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
}

.SortColumns_Sorted,
.SortColumns_Sortable {
    position: relative;
}

.SortColumns_Sorted::after,
.SortColumns_Sortable::after {
    position: absolute;
    right: 10px;
    font-family: FontAwesome;
}
.SortColumns_Sorted::after {
    content: "\f107"; /* angle down */
}

.SortColumns_Sortable::after {
/*     content: "\f107"; /* angle down */
}

.TableRecords_Header {
    color: white;
    background-color: #B2B4B3;
    font-weight: normal;
    padding-top: 10px;
    border-bottom: none;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    padding-top: 20px;
    padding-bottom: 20px;
}
.TableRecords_OddLine .Text_Note_Clientname,
.TableRecords_EvenLine .Text_Note_Clientname {
    margin-left: 29px;
}

.tablet .Text_Note_Clientname,
.phone .Text_Note_Clientname {
    margin-left: 0px;
}

.TableRecords_OddLine .Badge,
.TableRecords_EvenLine .Badge {
    margin-left: 0px;
}

.visible-phone {
    display: none;
}
.tablet .visible-phone,
.phone .visible-phone {
    display: inline-block;
    margin-left: 10px;
    color: #A5A5A5;
}


.TableRecords_OddLine {
    background-color: #F5F5F5;
}

.TableRecords_EvenLine {
    background-color: white;
}


/* Detailed */
.Detailed_Container {
    background: white;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.20);
}

.TopContentBlock {
    background: #F5F5F5;
    padding: 24px 30px 0px 30px;
}

.TopContentBlock .TopContentTitle {
    color: #D52C1E;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px;
}

.TopContentLinks {

}

.TopContentLinks a {
    margin-right: 25px;
    padding: 0 0 10px 0;
    display: inline-block;
    color: rgba(25,36,43,0.62);
}

.TopContentLinks a:hover {
    color: #19242B;
    text-decoration: none;
}

.TopContentLinks a.TopLinkActive{
    color: #19242B;
    border-bottom: 3px solid #19242B;
}


.phone .TopContentLinks a {
    margin-right: 30px;
    margin-bottom: 20px;
    padding: 0 0 2px 0;
    display: inline-block;
    color: rgba(25,36,43,0.62);
}

.phone .TopContentLinks a:hover {
    color: #19242B;
    text-decoration: none;
}

.phone .TopContentLinks a.TopLinkActive{
    color: #19242B;
    border-bottom: 3px solid #19242B;
}

.ContentBlock {
    margin: 0;
    padding: 30px 30px;
    border-top: 1px solid #B2B4B3;
}

.ContentBlock .OSAutoMarginTop {
    min-height: 24px;
}

.ContentBlockTable { /* exception for a detailed view with a table */
    margin: 0;
    border-top: 1px solid #B2B4B3;
}

/* Ticket action block */

.ActionBlock {
  margin: 0;
  padding: 30px 30px;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  position: fixed;
  bottom: 0;
  left: 0px;
  right: 0px;
  background: #F5F5F5;
  width: 100%;
  align-self: center;
}

.ActionBlock > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px;
}

.ActionBlock a img {
    height: 18px;
    width: auto;
    margin-right: 10px;
}
.phone .ActionBlock {
    padding: 20px;
}

.phone .ActionBlock a {
    font-size: 0.85em;
}

.phone .ActionBlock .Heading2 {
    font-size: 14px;
}

.ticketDescription {
    font-size: 15px;

}
.ShareTicketBlock {
    margin-left: 0px !important;
    padding-left: 0px;
}
.ShareTicketBlock a {
    margin-top: 0px !important;
}
.ShareTicketBlock a img {
    height: 18px;
    width: auto;
    margin-right: 10px;
}
.ContentBlockTable .TableRecords {
    margin-top: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ContentBlockTable .TableRecords_BottomNavigation {
    margin: 0;
    padding: 10px 30px;
}

.defaultLabel {
    color: #A5A5A5;
    font-family: "akzidenz-grotesk_bq_regularRg", helvetica, arial, sans-serif;
    white-space: nowrap;
}

.labelContent {
    font-weight: bold;
    font-family: "akzidenz-grotesk_bqmedium", helvetica, arial, sans-serif;
}

input[type="text"].styledInput {
    background-color: #F5F5F5;
    padding: 10px 14px;
    color: #888888;
    height: 40px;
    margin-top: -3px;
}

.eventTable {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #F5F5F5;
}

.eventTable .fa {
    text-align: center !important;
}

.eventTable .TableRecords_OddLine {
    background-color: #fdfdfd;
}

.eventTable .TableRecords_OddLine,
.eventTable .TableRecords_EvenLine {
    padding-top: 10px;
    padding-bottom: 10px;
}

.tablet.portrait .eventTable.TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine,
.tablet.portrait .eventTable.TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine,
.phone .eventTable.TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine,
.phone .eventTable.TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

.ticketListItem {
    margin-bottom: 5px;
}
.ticketListItem a {
    color: #1B1B1B;
}
.ticketListItem a:hover {
    text-decoration: underline;
}

.ticketListItem a .impactIconOK,
.ticketListItem a .impactIconWARN,
.ticketListItem a .impactIconERROR,
.ticketListItem a .impactIconCRITICAL,
.ticketListItem a .impactIconUNKNOWN {
    margin-left: 0px;
}

.ticketListItem .TS_New a,
.ticketListItem .TS_InProgress a,
.ticketListItem .TS_False a,
.ticketListItem .TS_Solved a,
.tichetListItem .TS_Escalated a {
    color: white;
}

.ticketListItem .TS_New a:hover,
.ticketListItem .TS_InProgress a:hover,
.ticketListItem .TS_False a:hover,
.ticketListItem .TS_Solved a:hover,
.tichetListItem .TS_Escalated a:hover {
    text-decoration: none;
}

.solutionStep {
    display: block;
    float: left;
    background: #19242B;
    color: white;
    padding: 5px 0;
    width: 30px;
    height: 30px;
    text-align: center;
}

.solutionTitle {
    padding: 5px 0;
    margin-left: 50px;
    font-size: 1.1em;
    display: block;
    font-family: "akzidenz-grotesk_bqmedium", helvetica, arial, sans-serif;
}

.solutionContent {
    margin: 10px 0px 10px 50px;
    height: 0px;
    overflow: hidden;
    transition: height 1s;
}

.solutionContent.unCollapsed {
    height: auto;
}

.phone .solutionContent {
    margin-left: 0px;
}
.solutionWarning {
    color: #EE9A18;
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.solutionWarning::before {
    content: '';
    position: absolute;
    background: url('/DL/icon-warning-advice.png?1082');
    background-size: 27px 27px;
    left: -40px;
    top: -5px;
    width: 27px;
    height: 27px;
    display: block;
}

.phone .solutionWarning::before {
    left: -48px;
}

.solutionWarning img {
    width: 27px;
    height: 27px;
    margin-top: -5px;
    margin-right: 13px;
}

.solution-image {
    max-width: 100%;
}

ol.solution {
    list-style-type: none;
    padding-left: 50px;
}
ol.solution .solution-item {
    position: relative;
    counter-increment: listStyle;
    margin-bottom: 20px;
}



ol.solution .solution-item::before {
    content: counter(listStyle, lower-alpha);
    display: flex;
    position: absolute;
    left: -40px;
    top: -4px;
    height: 27px;
    width: 27px;
    text-align: center;
    color: white;
    justify-content: center;
    align-items: center;
    background-color: #B2B4B3;
}

.phone ol.solution .solution-item::before {
    left: -48px;
}

.solutionItem .solution-item .solution-title {
    font-size: 1.1em;
    margin-bottom: 0px;
}


.gateWrapper {
    max-width: 100%;
}

/* Ticket Status Labels */

.noTickets {
    color: #69BE27;
}

.TS_New,
.TS_InProgress,
.TS_False,
.TS_Solved,
.TS_Escalated {
    min-width: 120px;
    padding: 3px 8px;
    font-size: 12px;
    color: white;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
  border-radius: 15px;
}

.TS_New {
    background-color: #D52C1E;
}

.TS_InProgress {
    background-color: #EE9A18;
}

.TS_False {
    background-color: #A5A5A5;
}

.TS_Solved {
    background-color: #A5A5A5;
}

.TS_Escalated {
    background-color: #EE9A18;
}

.rowSolved {
  color: grey;
  background-color: grey;
  text-decoration:  line-through;

}
/* Gate Status Labels */



.statusOK,
.statusWARN,
.statusERROR,
.statusCRITICAL,
.statusUNKNOWN {
    min-width: 120px;
    padding: 3px 8px;
    font-size: 12px;
    color: white;
    display: inline-block;
    text-align: center;
    margin-right: 20px;
  border-radius: 15px;
}

.statusOK {
    background-color: #69BE27;
}
.statusWARN {
    background-color: #EE9A18;
}
.statusERROR {
    background-color: #D52C1E;
}
.statusCRITICAL {
    background-color: #D52C1E;
}
.statusUNKNOWN {
    background-color: #3399ff;
}


.impactIconOK,
.impactIconWARN,
.impactIconERROR,
.impactIconCRITICAL,
.impactIconUNKNOWN {
    margin-right: 10px;
}

.impactIconOK {
    color: #69BE27;
}
.impactIconWARN {
    color: #EE9A18;
}
.impactIconERROR {
    color: #D52C1E;
}
.impactIconCRITICAL {
    color: #D52C1E;
}
.impactIconUNKNOWN {
    color: #3399ff;
}

.statusOKIcon,
.statusWARNIcon,
.statusERRORIcon,
.statusCRITICALIcon,
.statusUNKNOWNIcon,
.statusSOLVEDIcon{
}


.statusOKIcon {
    color: #69BE27;
}
.statusWARNIcon {
    color: #EE9A18;
}
.statusERRORIcon {
    color: #D52C1E;
}
.statusCRITICALIcon {
    color: #D52C1E;
}
.statusUNKNOWNIcon {
    color: #3399ff;
}

.statusSOLVEDIcon {
    color: #A5A5A5;
}


/* Button Link */

a.lnkPrimary,
a.lnkSuccess,
a.lnkCancel,
a.lnkWarning,
a.lnkProgress,
a.lnkSolved,
a.lnkEscalate,
a.lnkDanger,
a.lnkShareTicket,
.modalActions a {
    margin-top: 10px;
    padding: 10px 14px 9px 10px;
    margin-right: 10px;
    color: white;
    display: inline-block;
    font-family: "soho-gothic-regular", helvetica, arial, sans-serif;
    font-weight: bold;
}

a.lnkPrimary,
a.lnkCancel,
a.lnkSuccess,
a.lnkWarning,
a.lnkProgress,
a.lnkSolved,
a.lnkEscalate,
a:hover.lnkDanger,
a.lnkShareTicket,
.modalActions a:hover{
    text-decoration: none;
}

a.lnkPrimary,
a.lnkShareTicket,
.modalActions a {
    background-color: #19242B;
}
a.lnkCancel{
  background-color: #CCCCCC;
}

a:hover.lnkPrimary,
a:hover.lnkCancel,
a:hover.lnkShareTicket {
    background-color: black;
}

a.lnkSuccess {
    background-color: #69BE27;
}

a:hover.lnkSuccess {
    background-color: #54A019;
}

a.lnkWarning {
    background-color: #EE9A18;
}

a:hover.lnkWarning {
    background-color: #DD8A0A;
}

a.lnkDanger {
    background-color: #B81F13;
}

a:hover.lnkDanger {
    background-color: black;
}
a.lnkSolved {
    background-color: #19242B;
}

a:hover.lnkSolved {
    background-color: black;
}
a.lnkProgress {
    background-color: #19242B;
}

a:hover.lnkProgress {
    background-color: black;
}
a.lnkEscalate {
    background-color: #19242B;
}

a:hover.lnkEscalate {
    background-color: black;
}

/* Tutorial */

body.ModalOpened .Modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

body.ModalOpened .ModalContainer {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    display: flex;
    left: auto;
    padding-bottom: 0px;
}

.ModalContainer {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.phone .ModalContainer,
.tablet .ModalContainer {
    padding: 0px;
}
.ModalContainer .modalContent {
    height: 100%;
}
.ModalContainer .ModalMessage {
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
}

.ModalContainer .Heading1 {
    display: none;
}

body.ModalOpened .modalActions a {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.tutorial {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.phone .tutorial,
.tablet .tutorial {
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.tutorial-image {
    width: 50%;
    text-align: center;
    padding: 20px 30px 0px 30px;
}

.phone .tutorial-image,
.tablet .tutorial-image {
    width: 100%;
    height: 50%;
    padding: 20px 10px 0px 10px;

}

.tutorial-image img {
    width: 364px;
    max-width: 100%;
}


.tutorial-content {
    width: 50%;
    padding: 20px 30px 50px 20px;
    text-align: left;
}
.tutorial-content h1 {
    color: #D52C1E;
    margin-bottom: 0px;
    font-size: 22px;
}

.tutorial-content h4 {
    font-family: "akzidenz-grotesk_bqmedium", helvetica, arial, sans-serif;
    font-size: 14px;
    color: #444444;
    margin-top: 0px;
    margin-bottom: 10px;
}

.tutorial-content ul {
    padding-left: 16px;
}
.tutorial-content-opsomming {
    margin-bottom: 5px;
}

.tutorial-content-opsomming_icon {
    display: inline-block;
    margin-right: 10px;
}

.tutorial-content-opsomming_icon img{
    height: 19px;
}

.tutorial-content-opsomming_icon img.icon-inprogress {
    width: 19px;
    height: 19px;
}

.tutorial-content-opsomming_icon img.icon-solved {
    width: 19px;
    height: 19px;
}

.tutorial-content-opsomming_icon img.icon-escalate {
    width: 17px;
    height: 19px;
    margin-left: 2px;
}

.phone .tutorial-content,
.tablet .tutorial-content{
    width: 100%;
    height: 50%;
    background: #F5F5F5;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.phone .tutorial-content {
    padding: 20px 10px;
}


/* Popup */

div.os-internal-Popup .os-internal-ui-dialog, div.os-internal-Popup.os-internal-ui-dialog {
    border-radius: 0px;
}
.os-internal-Popup.os-internal-ui-dialog iframe {
    border-radius: 0px;
}

/* Pagination */

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fcfcfc;
    border: 1px solid #eaeaea;
    color: #2e3136;
}

span.ListNavigation_CurrentPageNumber {
    border: 1px solid #A7A7A7;
    background-color: #E6E6E6;
}
a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #E6E6E6;
    border-color: #a7a7a7;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.ListNavigation_Previous:before,
.ListNavigation_DisabledPrevious:before {
    content: '\f104';
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: '\f105';
}

/* Responsive */
.phone .Login_Info_Username,
.tablet .Login_Info_Logout,
.phone .Login_Info_Logout {
    display: inline-block;
    position: relative;
    font-size: 0;
    right: inherit;
    bottom: inherit;
    margin-right: 10px;
}

.phone .Content,
.tablet .Content {
    padding-top: 80px;
}

.phone .navigation .ThemeGrid_Container {
    padding-left: 0px;
    padding-right: 0px;
}

tr {
    cursor: pointer;
}

.phone .TableRecords tbody tr td.TableRecords_OddLine {
    padding: 20px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine,
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine {
    border-bottom: none;
    box-sizing: border-box;
    float: left;
    padding: 8px 15px;
    width: 100%;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:first-child,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:first-child {
    border-top: 1px solid #ccc;
    cursor: pointer;
    display: block;
    padding-bottom: 0px;
    padding-top: 20px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:last-child,
.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:last-child,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_OddLine:last-child,
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecords_EvenLine:last-child {
    padding-bottom: 20px;
}

.phone .Login_Info_Username:before,
.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    font-size: 18px;
}

/* override to make mobile better */
.phone .ThemeGrid_Width8,
.phone .ThemeGrid_Width4,
.phone .ThemeGrid_Width2,
.phone .ThemeGrid_Width6,
.phone .ThemeGrid_Width10{
    width: 100%;
}

.phone .gateImage {
    margin-top: 30px;
}

.phone .defaultLabel {
    display: block;
}
.phone .xenseLogo {
    /* display: none; */
}
.phone a.Login_Info_Logout,
.phone a.Login_Info_Username,
.phone a.AppSwitcherContainer,
.phone a.AppSwitcherLink[disabled="disabled"] {
    font-size: 0 !important;
}

.Button_Is_Default, .Button.Button_Is_Default {
    background-color: #D52C1E;
    border: none;
    border-color: #e73d25;
    color: #fff;
    text-shadow: none;
}

.Button_Is_Default:hover, .Button.Button_Is_Default:hover {
    background-color: #a42b1a;
    border-color: #a42b1a;
}
.Cursor_auto {
    cursor: auto;
}
.Display_none {
    display: none;
}
.GateMenuLink {
    margin-right: 20px;
}
.SearchFiltersContainer {
    height: auto;
    margin-top: 0px;
}
.phone .SearchFiltersContainer {
    margin-top: -22px;
}
.phone .FiltersContainer {
    height: 116px;
}
.Filters_Wrapper {
    height: 32px;
}
.phone .Filters_Wrapper {
    padding: -30px 10px 10px 10px;
    height: 116px;
}
.phone .StatusImpact_Container {
    padding-right: 10px;
}
.phone .Select_Box {
    margin-left: -1px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 98%;
}
.Ticket_SearchInput {
    margin-bottom: 0px;
    margin-top: -3px;
    padding: 0px 12px 0px 12px;
}
.phone .Ticket_SearchInput {
    width: 95.6%;
    margin: 2px 0px 2px 6px;
}
.phone .Gate_SearchInput {
    width: 95.6%;
    margin: 2px 0px 2px 6px;
}
.phone .TableRecords {
    max-width: 380px;
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
}
.phone .ticketTd {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
}
.phone .ticket_td_text {
    max-width: 380px;
    overflow-x: hidden;
}