/* Minification failed. Returning unminified contents.
(230,14): run-time error CSS1030: Expected identifier, found '.'
(230,38): run-time error CSS1031: Expected selector, found ')'
(230,38): run-time error CSS1025: Expected comma or open brace, found ')'
(234,20): run-time error CSS1030: Expected identifier, found '.'
(234,44): run-time error CSS1031: Expected selector, found ')'
(234,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1111,28): run-time error CSS1030: Expected identifier, found '.'
(1111,34): run-time error CSS1031: Expected selector, found ')'
(1111,34): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* 
    Main/global style definitions for the site.    
*/

.x-body{
    font-family: 'Roboto' !important;
    font-weight:400;
    font-size:14px;
    background-color: #e7e7e7;
}

.x-list-plain {
    font-size: 13px !important;
}

.k-header {
    font-weight: 700 !important;
}

.k-grid {
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
}

.x-btn-default-toolbar-small .x-btn-inner {
    font-family: Roboto,arial,verdana,sans-serif !important;
}

.x-column-header {
    font-family: 'Roboto Condensed', Arial, sans-serif !important;
}

.x-btn-default-toolbar-small-over {
    background-image: none;
    /*background-color:#888 !important;*/
}

.k-grid .k-grid-toolbar .k-button,
.k-grid .k-grid-table .k-button {
    font-family: Roboto;
    background-image: none;
    color: #fff;
    border: none;
    background-color: #7c2529 !important;
    transition: all 300ms;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 19px;
}

.k-grid .k-grid-toolbar .k-button:hover,
.k-grid .k-grid-table .k-button:hover {
   background-color: #cd3e45;
}

.kendoGridHeader {
    font-family: 'Roboto' !important;
    background-color: #e7e7e7;
}

.helperButton {
    color: #fff !important;
    border: none !important;
    font-size: 11px;
    text-transform: uppercase;
}


.btn {
    font-family: Roboto, Arial, sans-serif !important;
}

.x-btn-default-toolbar-small {
    /* background-color: #444 !important;
    border-color: #444 !important;*/
}

    .x-btn-default-toolbar-small .x-btn-inner {
        /*color: #fff !important;
        border-color: transparent;
        */
    }

    .h1-like {
    font: normal 60px Roboto, arial, verdana;
    color: #CCCCCC;
}

.x-btn-default-toolbar-small .x-btn-arrow {
    background-image: none;
}

.h2-like {
    font: normal 20px Roboto, arial, verdana;
    color: #E1E1E1;
}

#btnUserMenu-btnInnerEl {
    color:#888 !important;
}




h2 a {
    text-decoration: none;
    color: #E1E1E1;
}

a:hover,
a:focus{
    outline: none !important;
    text-decoration: none !important;
}
      
.x-window-mc {
    background-color : #F4F4F4 !important;
}
 

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.panel-body {
    background: none !important;
    background-color: #fff !important;
}

.x-fit-item {
    top: 0px !important;
}

.x-mask {background-color:#fff;}

.disableCard {
    color: #888 !important;
    opacity: 0.7;
    background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.disableCard div #CustEdit, .disabledEdit {
    color: #7c2529 !important;
}

.fa-trash-restore-alt {
    color:#ccc;
}

.rteButton {
    background-color: #52869c;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 5px;
}

.remveButton {
    background-color: #7c2529;
    color: #fff;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 5px;
}

#btnMessages-btnInnerEl {
    color: #444 !important;
}

#btnMessages, #btnUserMenu {
    background-color:transparent !important;
    background-image: none !important;
}


.form-group {
    margin-bottom: 10px !important;
}


.list-item {
    cursor: pointer;
}

.dvrOffline {
    color: #EF5350;
    cursor: pointer;
}

.dvrOnline {
    color: #43A047;
    cursor: pointer;
}

.dvrNone {
    color: #BDBDBD;
}

.videoListIcon {
    color: #1976D2;
    font-size: xx-large;
}

.k-input:has(.k-input-inner[readonly]) {
    border: none;
}

.k-input-solid:has(.k-input-inner[readonly]):focus,
.k-input-solid:has(.k-input-inner[readonly]):focus-within {
    border: none;
    box-shadow: none;
}

.k-input span.readonly {
    margin-left: 8px;
}

.x-toolbar a.link-button {
    color: #fff !important;
    font-size: 13px;
}

    .x-toolbar a.link-button:hover {
        color: #E1E1E1 !important;
    }

    .x-toolbar a.link-button .badge {
        background-color: #F0A92E;
        width: 18px;
        height: 18px;
        padding: 3px 0 !important;
        margin-left: 2px;
    }

    .x-toolbar #imgLogo {
        top: 4px !important;
    }

    .x-toolbar #lblProductInfo {
        top: 4px !important;
    }

/* BEGIN - Message Button Formatting */


.btnMessageUrgent #btnMessages-btnInnerEl {
    background-color: #ee032f;
    color: #fff !important;
    font-weight: bold;
    display: block;
    border-radius: 50%;
    margin-left: 31px;
    padding-left: 3px;
    /* margin-right: 10px; */
    font-size: 10px;
    text-align: center;
}

#btnMessages {
    margin-left: -20px !important;
}



.btnNormal .x-btn-inner {
    font-size: 12px;
    white-space: nowrap;
    font-family: Roboto,arial,verdana,sans-serif;
}

.btnBig .x-btn-inner {
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    font-family: Roboto,arial,verdana,sans-serif;
    height: 25px;
}

#btnService-btnEl {
    background-color: #1E88E5;
    padding: 1px 2px 1px 2px;
    border-radius: 4px;
    margin-top: -1px;
}

    #btnService-btnEl:hover {
        background-color: #0d47a1 !important;
    }

    #btnService-btnEl span {
        color: #fff !important;
        font-weight: 500;
    }
#Scheduler_Scheduler_tlbScheduler,
#Dispatching_Scheduler_tlbScheduler,
#Addendums_Scheduler_tlbScheduler,
#Vehicles_Scheduler_tlbScheduler{
    padding-top:0px;
}

#Scheduler_Scheduler_btnTargets,
#Dispatching_Scheduler_btnTargets,
#Addendums_Scheduler_btnTargets,
#Vehicles_Scheduler_btnTargets{
    padding-top:4px;
    
}
#Scheduler_Scheduler_btnTargets-btnIconEl,
#Dispatching_Scheduler_btnTargets-btnIconEl,
#Addendums_Scheduler_btnTargets-btnIconEl,
#Vehicles_Scheduler_btnTargets-btnIconEl{
    padding-top:0px;
    
}
#Scheduler_Scheduler_btnTargets-btnInnerEl,
#Dispatching_Scheduler_btnTargets-btnInnerEl,
#Addendums_Scheduler_btnTargets-btnInnerEl,
#Vehicles_Scheduler_btnTargets-btnInnerEl {
    font-weight:bold;
    font-size:13px; 
    color:white;
    margin:2px;
 
     
}

#Scheduler_Scheduler_btnTargets-btnEl,
#Dispatching_Scheduler_btnTargets-btnEl,
#Addendums_Scheduler_btnTargets-btnEl,
#Vehicles_Scheduler_btnTargets-btnEl {
    background-color: #1E88E5;
    border-radius:4px;
    height:20px;
}
#Scheduler_Scheduler_btnTargets-btnEl:hover,
#Dispatching_Scheduler_btnTargets-btnEl:hover,
#Addendums_Scheduler_btnTargets-btnEl:hover,
#Vehicles_Scheduler_btnTargets-btnEl:hover{
    background-color: #0d47a1 !important;
}



.btnLink {
    font-size: 10px;
    white-space: nowrap;
    font-family: Roboto,arial,verdana,sans-serif;
}

.transparent-window,
.transparent-window .x-window,
.transparent-window .x-window-default,
.transparent-window .x-window-body-default,
.transparent-window .x-window-body, 
.transparent-window .x-panel-body {
    background-color: transparent;
    border-width: 0px;
}

.transparent-panel {
    background-color: transparent;
}


.x-tool-help{
    background-image: url("http://speed.ext.net/ext.net/2.4.0/icons/help.png");
    height: 15px;
    margin: 0;
    overflow: hidden;
    width: 15px;
    background-position: 0 center;
}

.x-tool-over .x-tool-help{
    background-position: 0 center;
}




/* BEGIN - END Button Formatting */
 

/* BEGIN - Grid Formatting */


/* Allows the Alerts grid to have its own custom formatting for when a row is selected
    since the row is full of colors, instead of highlighting in a color, put a thick border around it  */

.AlertsGridClass .x-grid-row-focused .x-grid-cell, .x-grid-row-focused .x-grid-rowwrap {
    background-color: #e0e0e0 !important;
    border-bottom-color: gray;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-color: gray;
    border-top-width: 2px;
    border-top-style: solid;
}

.AlertsGridClass .x-grid-row-before-focused > .x-grid-td,
.AlertsGridClass .x-grid-row-before-selected > .x-grid-td {
    border-bottom-color: transparent;
}

.x-grid-row-over {
    background-color: #90caf9 !important;
}

.x-grid-row .x-grid-cell {
    font-size: 14px;
    font-family: 'Roboto Condensed';
    height: 23px;
    border-bottom-color: white;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-top-color: white;
    border-top-width: 2px;
    border-top-style: solid;
    -webkit-touch-callout: inherit;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: all;
}

.AlertsGridClass .x-grid-cell-inner 
{ 
    border-top:0px;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 0px;
    border-radius:4px;
    padding:0px;
    width: 100%;
    height: 23px;
    display: block;
}

.AlertsGridClass .x-grid-cell-inner a 
{
    width: 100%;
    height: 100%;
    padding-top:4px;
    display: block;    
    text-decoration: none;
    color: #222;
} 



.AlertsGridClass .x-grid-cell-inner div
{
    width: 100%;
    height: 100%;
    padding-top:4px;
    display: block;
    text-decoration: none;
} 

.NonAlert .x-grid-cell-inner{
    padding-left:3px;
    padding-top:3px;
    border-radius:0px;
}

.NonAlert .x-grid-cell-inner a{
    padding-top:0px;
}

.CustomerDetails .x-grid-cell-inner{
    width: 100%;
    height: 100%;
    padding-right:0px;
    padding-left:0px;
    padding-top:0px;
    border-radius:0px;
}

.CustomerDetails .x-grid-cell-inner div
{
    width: 100%;
    height: 100%;
    padding-top:0px;
    padding-right:0px;
    padding-left:0px;
    display: block;
    text-decoration: none;
}

.CustomerDetails .x-grid-cell-inner a
{
    width: 100%;
    height: 100%;
    display: block;
    padding-top:3px;   
    padding-right:0px;
    padding-left:5px; 
    text-decoration: none;
    color: #222;
}

.CustomerDetails tr:hover .CustomerDetailsCellNormal .x-grid-cell-inner .searchHighlight {
    background-color: #fff !important;
    transition: all linear 300ms;
}

.CustomerDetails .CustomerDetailsCellNormal .searchHighlight {
    background-color: #90CAF9;
    transition: all linear 300ms;
}

.CustomerDetails .x-grid-cell-inner:hover {
    font-weight: bold;
}

.CustomerDetailsCellHighLight .x-grid-cell-inner {
    background-color: #FFEB3B; 
}

tr:nth-child(odd) .CustomerDetailsCellNormal .x-grid-cell-inner {
    background-color: #fff;
}

tr:nth-child(even) .CustomerDetailsCellNormal .x-grid-cell-inner {
    background-color: #eee;
}

tr.x-grid-row-focused .CustomerDetailsCellNormal .x-grid-cell-inner {
    background-color: #fff59d;
}

tr:hover .CustomerDetailsCellNormal .x-grid-cell-inner {
    background-color: #90CAF9 !important;
    transition: all linear 300ms;
}

tr.x-grid-row-focused .CustomerDetailsCellDisabled .x-grid-cell-inner {
    background-color: #EDE6A8 !important;
}
.CustomerDetailsCellDisabled .x-grid-cell-inner {
    background-color: #E0E0E0;
}

tr.x-grid-row-focused .CustomerDetailsCellDisabled .x-grid-cell-inner a {
    color: #9E9E9E;
}

.CustomerDetailsCellDisabled .x-grid-cell-inner a {
    color: #9E9E9E;
}

.lblEngineIdleMinutes {
    font-weight:normal;
}

/* END - Grid Formatting */

.filterColor {
    background-color: #FFFFAA !important; 
    background-image: none !important; 
}

.x-column-header {
    font-size:14px;
}

.fieldLabel {
    font-weight : bold;
    white-space: nowrap;
}

.helpText {
    font-size:13px;
}

.mediumFieldLabel {
    font-weight : bold;
    font-size:15px;
    white-space: nowrap;
}

.largeFieldLabel {
    font-weight : bold;
    font-size:20px;
    white-space: nowrap;
}

.vehicle-bg .x-grid-cell-inner:hover {
    font-weight: bold;
}

.green-bg .x-grid-cell-inner { 
    background-color: #ACE97C; 
}
        
.yellow-bg .x-grid-cell-inner {
    background-color: #FFFF7F; 
}
        
.red-bg .x-grid-cell-inner { 
    background-color:#E55D5A; 
}

/* BEGIN - Row Status Colors */
.red-text {
    color:#FF0000;
}
.yellow-text {
    color:#FFCC00;
}
.green-text {
    color:#008000;
}
.gray-text {
    color: #444E5A;
} 
.purple-text {
    color: #800080;
}
.navy-text {
    color: #000080;
}
.maroon-text {
    color: #800000;
}
.blue-text {
    color: #0000FF;
}
/* END - Row Status Coloring */


/* BEGIN - Metric Colors - Used by Alert panel and Scheduler Panels*/

.white-metric .x-grid-cell-inner { 
    background-color: white; 
}

.green-metric .x-grid-cell-inner {
    /*background-color: #a1d7b0; */
    background-color: transparent;
}

.yellow-metric .x-grid-cell-inner {
    background-color: #ffff99; 
}

.red-metric .x-grid-cell-inner { 
    background-color: #f9a3a6;
	color: black !important;
}

.white-metric a:hover, 
.green-metric a:hover, 
.yellow-metric a:hover {
    color: #000 !important;
}
    

    
.red-metric a:link,
.red-metric a:visited {
    color: black !important;
}

.red-metric a:hover {
    color: #fff !important;
}

.red-metric .x-grid-cell-inner:hover {
    background-color: #dd2622;
    font-weight: bold;
}
   
.yellow-metric .x-grid-cell-inner:hover {
    background-color: #ff0; 
    font-weight: bold;
}
   
.green-metric .x-grid-cell-inner:hover {
    background-color: #84de3f; 
    font-weight: bold;
}
   
.white-metric .x-grid-cell-inner:hover {
    background-color: #e0e0e0; 
    font-weight: bold;
}



.x-grid-inner-locked .x-column-header-last{
    border-right-color:black;
    border-right-width:1px!important;
}



/* Geofence Icons */
.delete-geofence {
    background-image: url('/WebRW/resources/images/icons/Delete_Icon.png');
}
.save-geofence {
    background-image: url('/WebRW/resources/images/icons/Save_Icon.png');
}

#grdGeoFenceList div.row-imagecommand {
    margin: 1px 3px 0 0 !important;
}
.headerCellCoverage .x-column-header-inner{
    background: url("/WebRW/Resources/images/icons/cell.png") no-repeat center;
    color: rgba(0, 0, 0, 0);
}
.headerCellCoverage .x-column-header-text {
    width:50px;
}

.headerBattery .x-column-header-inner{
    background: url("/WebRW/Resources/images/icons/battery.png") no-repeat center;
    color: rgba(0, 0, 0, 0);
}
.headerBattery .x-column-header-text {
    width:50px;
}

.headerTowTruck .x-column-header-inner{
    background: url("/WebRW/Resources/images/icons/towTruck.png") no-repeat center;
    color: rgba(0, 0, 0, 0);
}
.headerTowTruck .x-column-header-text {
    width:50px;
}

.x-grid-cell-Dispatching_Alerts_RouteName:hover, 
.x-grid-cell-Dispatching_Alerts_VehicleNumber:hover {
    font-weight: bold;
    background-color: #e0e0e0; 
}

.columnHeaderHeatIndex {
    background-color: #f9a3a6;
    background-image: none;
    font-weight:bold;
    border:0px;
}
.columnHeaderHeatIndex div:hover {
    background-color: #dd2622;
    background-image: none;
}

#Vehicles_Scheduler_ColumnGroupEssential-titleEl {
    font-weight:bold;
    font-size: 15px;
    background-color: #90a4ae;
    background-image: none;
}

#Vehicles_Scheduler_ColumnGroupRoute-titleEl,
#Vehicles_Scheduler_ColumnGroupDiagnostic-titleEl,
#Vehicles_Scheduler_ColumnGroupTimers-titleEl,
#Vehicles_Scheduler_ColumnGroupIdle-titleEl,
#Vehicles_Scheduler_ColumnGroupEngineTime-titleEl,
#Vehicles_Scheduler_ColumnGroupPark-titleEl,
#Vehicles_Scheduler_ColumnGroupIdlePark-titleEl,
#Vehicles_Scheduler_ColumnGroupSpeed-titleEl,
#Vehicles_Scheduler_ColumnGroupSafety-titleEl{
    font-weight:bold;
    font-size: 15px;
    background-image: none;
}

.picture-link .x-grid-cell-inner { 
    width: 100%;
    height: 100%;
    padding:0px;
}
.picture-link a:link, .picture-link a:visited {
    display: block;
    height: 100%;
    padding-top: 2px;
    text-decoration: none;
    width: 100%;
}

.picture-link a:hover{
    color: #000 !important;
}

.picture-link .x-grid-cell-inner:hover {
    background-color: #e0e0e0; 
    font-weight: bold;
}

.x-header-text {
    font-family: Roboto;
    font-weight: 700;
    font-size:14px
}

.x-panel-header-text-container-default {
    font-family: 'Roboto Condensed';
    font-weight: 700;
}
    /* END */



.rw-radio .x-form-cb {
    margin-top: 4px;
}

/* BEGIN - Menu Formatting */
/* On menus where we use a collection of check boxes in a group to make it work like a radio option, hide the check box, too much visual clutter */
.rw-HideCheckBoxChecked .x-menu-group-icon
{
    background-image: url("/WebRW/resources/images/icons/dot_black.png");
}

.rw-HideCheckBoxUnChecked .x-menu-group-icon
{
    background-image: none;
}


.rw-MenuNoLeftColumn .x-menu-item-link {
    padding-left: 5px;
}
/* END - Menu Formatting */

iframe {
    margin-top:7px;
}

#jsd-widget {
    z-index: 214 !important;
}

#tabRouteMaker-body {
    background-color:#e7e7e7;
}

#tabEasyRoute-body {
    background-color:#e7e7e7 !important;
}

#sbCompany {
    transition: all 300ms;
}

#btnMultiRouteCoordHelp {
    margin-top: 10px;
}

.DropContainer {
     margin-top:9px;
     margin-left: 10px;
}

.rw-AppHeader .x-toolbar-default {
    background: #444; /* Standard syntax */
    color: #fff;
    height:23px;
}

.x-label-value {
    vertical-align: inherit;
}

.x-form-item-label {
    color: #999 !important;
}
    .rw-tabpanel .x-panel-body-default {
    border-width:0px;
}


.x-btn-default-toolbar-small .x-btn-inner {
    color: #000 !important;
    border-color: transparent;
}


.x-btn-default-toolbar-small {
    border:none;
}

.x-tab-bar-body {
    z-index: 2;
    position: absolute;
    bottom: 0;
}

.btnMessageUrgentOver span {
    color: #333 !important;
}

.rw-tabpanel .x-tab-bar-default-top {
    height: 37px;
    padding: 0;
    border: none;
    border-width: 0;
    background: #333; /* Standard syntax */
}

.rw-tabpanel .x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
    background-color: #5299d8;
    background-image: none;
    border-bottom: 0px solid;
    /* box-shadow: 0 1px 0 0 rgb(47,84,150) inset, -1px 0 0 0 rgb(47,84,150) inset, 1px 0 0 0 rgb(47,84,150) inset; */
    border-top-right-radius: 10px;
    border-top-left-radius: 3px;
    box-shadow: none;
    border: none;
    transition: all 300ms;
    border: 1px solid transparent
}



#menuUserMenu-innerCt .x-box-target a {
    color: #5299d8 !important;
    margin-left: 5px;
    left: initial !important;
}

#tpMain .x-box-target {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    position: relative;
}

#tpMain .x-box-target a {
    color: #5299d8 !important;
    margin-left: 3px !important;
    left: initial !important;
    position: relative !important;
}

.rw-tabpanel .x-tab-bar .x-tab-bar-body {
    border-width: 0px 0px 0;
    padding: 1px 0 0;
}

.rw-tabpanel .x-tab-over {
    background-color: #006ba6;
    /*border: 1px solid #0179d7 !important;*/
}

.x-tab-default .x-tab-inner {
    font-weight: normal;
}


.rw-tabpanel .x-tab-default .x-tab-inner {
    color: white;
    font-family: Roboto;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    height: 28px;
    line-height: 31px;
}

.rw-tabpanel .x-tab-active span span span {
    color: #000 !important;
    background-image: none;
}

.rw-tabpanel div .x-tab-active {
    background-color: #e7e7e7 !important;
    /*color: #000 !important;*/
}

.rw-tabpanel .x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 35px;
}

.rw-tabpanel .x-border-box .x-tab-default-top {
    height: 35px;
}

.rw-tabpanel .x-tab-over .x-tab-strip-menu{
    visibility:visible;
}
.rw-tabpanel .x-tab-strip-menu {
    visibility:hidden;
}
.rw-tabpanel .x-tab-bar-strip {
    visibility:hidden;
}

#sbCompany-inputCell:hover #sbCompany-inputEl {
    color: #E1E1E1;
    cursor: pointer;
}

#btnUserMenu {
    top: 0 !important;
}

#btnUserMenu-btnEl,
#btnUserMenu-btnInnerEl {
    width: 37px !important;
    height: 27px !important;
}

#btnUserMenu-btnIconEl {
    background-size: contain;
    background-position: center;
    display: block;
    color: #fff;
    font-size: 18px;
    width: inherit !important;
    height: inherit !important;
}

    #btnUserMenu-btnIconEl::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #btnUserMenu-btnIconEl.warningIcon::after {
        content: "\f111";
        font-size: 8px;
        position: absolute;
        top: 5px;
        right: 0;
        color: #FFEB3B;
    }

    #btnUserMenu:hover #btnUserMenu-btnIconEl {
        color: #E1E1E1;
    }

#menuUserMenu-targetEl .warningIcon {
    color: #FFEB3B;
}

#btnMessages-btnIconEl {
    background-size: contain;
    background-position: center;
    display: block;
}

#sbCompany-triggerWrap tbody tr .x-form-text {
    color: #fff;
    padding: 1px 3px 2px 3px;
    background: transparent;
    border-width: 0px;
    height: 22px;
    line-height: 17px;
    font-size: 13px;
    font-family: 'Roboto' !important;
}

#sbCompany-triggerWrap tbody tr .x-form-trigger {
    width: 12px;
    height: 12px;
    background: url('/WebRW/Resources/images/icons/arrow_down.svg') no-repeat center center;
    background-size: contain;
    color: #fff;
    border: none;
}

#sbCompany-triggerWrap tbody tr .x-trigger-cell {
    background-color: transparent;
    width: 17px;
    vertical-align: middle;
}

.x-btn-default-toolbar-small {
    transition:all 300ms;
}

.x-btn-default-toolbar-small-over {
    background-image: none;

   

}

.link-button-inbox:has(span.badge) {
    margin-right: 20px;
}

.link-button-resources {
    display: flex;
}

.pendo-resource-center-badge-notification-bubble {
    position: static !important;
    background-color: #F0A92E !important;
    width: 18px !important;
    height: 18px !important;
    padding: 3px 0 !important;
    box-sizing: border-box !important;
    margin-left: 5px;
}

    .pendo-resource-center-badge-notification-bubble::after {
        content: "";
        margin-right: 10px;
    }

.pendo-notification-bubble-unread-count {
    position: static !important;
    font-size: 12px !important;
    font-weight: bold !important;
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
    width: inherit !important;
}

@keyframes pulse-warning {
    0%, 100% {
        color: #fff;
    }

    50% {
        color: #FFEB3B;
    }
}

.rw-tabpanel2 .x-panel-body-default {
    border-width:0px;
}


.rw-tabpanel2 .x-tab-bar-default-top {
    height: 29px;
    padding: 0;
    border: none;
    border-width: 0;
    background: #DBDBDB;
    /* Standard syntax */
}

.rw-tabpanel2 .x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
    background-color: #006ba6;
    background-image: none;
    border-bottom: 0px solid;
    /* box-shadow: 0 1px 0 0 rgb(47,84,150) inset, -1px 0 0 0 rgb(47,84,150) inset, 1px 0 0 0 rgb(47,84,150) inset; */
    box-shadow: none;
    border-top-right-radius: 10px;
    border-top-left-radius: 3px;
    transition: all 300ms;
    border-color: transparent;
}

.rw-tabpanel2 .x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active {
    background-color: black;
    background-image: none;
    border-bottom-color: #EAEAEA;
}

.rw-tabpanel2 .x-tab-bar .x-tab-bar-body { 
    border-width: 0;
    padding: 1px 0 0;
}
  
 .rw-tabpanel2 .x-tab-over{
    background-color: black;
 }

.rw-tabpanel2 .x-tab-default .x-tab-inner {
    color: white;
    font-family: Roboto;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding-right: 5px;
    height: 20px;
    line-height: 20px;
}

.rw-tabpanel2 div .x-tab-active {
    border-color: #006ba6 !important;
    background-color: #e7e7e7 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

    .rw-tabpanel2 div .x-tab-active span span span {
        color: #006ba6 !important;
        background-image: none;
        font-weight: 700 !important;
    }

.rw-tabpanel2 .x-tab-over {
    background-color: #5299d8;
}

.rw-tabpanel2 .x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 33px;
}

.rw-tabpanel2 .x-border-box .x-tab-default-top {
    height: 33px;
}

.rw-tabpanel2 .x-tab-over .x-tab-strip-menu{
    visibility:visible;
}
.rw-tabpanel2 .x-tab-strip-menu {
    visibility:hidden;
}

.rw-tabpanel2 .x-tab-over .x-tab-close-btn{
    visibility:visible;
}

.rw-tabpanel2 .x-tab-close-btn {
    visibility:hidden;
}

.rw-tabpanel2 .x-tab-bar-strip {
    visibility:hidden;
}



.rw-tabpanel3 .x-panel-body-default {
    border-width:0px;
}

.rw-tabpanel3 .x-tab-bar-default-top {
    height: 30px;
    padding: 0;
    border:none;
    border-width: 0;
    background: #fff; /* Standard syntax */
}

.rw-tabpanel3 .x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
    background-color: #004177;
    background-image: none;
    border-bottom: 0px solid;
    /* box-shadow: 0 1px 0 0 rgb(47,84,150) inset, -1px 0 0 0 rgb(47,84,150) inset, 1px 0 0 0 rgb(47,84,150) inset; */
    border-top-right-radius: 10px;
    border-top-left-radius: 3px;
    box-shadow: none;
    border: none;
    transition: all 300ms;
    border: 1px solid transparent
}

    .rw-tabpanel3 .x-tab-default-top {
        padding: 0px 9px;
       

    }

.rw-tabpanel3 .x-horizontal-box-overflow-body {
    border-bottom: 1px solid #dbdbdb;
    height: 30px !important;
}

.rw-tabpanel3 .x-tab-default-active {
    background-color: #DBDBDB;
    color: #004177 !important;
    background-image: none;
    border: 1px solid #004177;
    border-bottom: none
}

    .rw-tabpanel3 .x-tab-default-active .x-tab-inner {
        color: #004177 !important;
    }



.rw-tabpanel3 .x-btn-default-toolbar-small .x-tab-inner {
    color: #fff !important;
    border-color: transparent;
}

.rw-tabpanel3 .x-tab-default-top-active .x-btn-inner, .x-tab-default-left-active .x-btn-inner, .x-tab-default-right-active .x-btn-inner {
    color: #fff !important;
}

.rw-tabpanel3 .x-tab-bar .x-tab-bar-body {
    border-width: 0;
    padding: 1px 0 0;
}

.rw-tabpanel3 .x-tab-over {
    background-color: #5299d8;
}

.rw-tabpanel3 .x-tab-default .x-tab-inner {
    color: #fff;
    font-family: Roboto;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    height: 28px;
    line-height: 30px;
}

.rw-tabpanel3 .x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 28px;
}

.rw-tabpanel3 .x-border-box .x-tab-default-top {
    height: 28px;
}

.rw-tabpanel3 .x-tab-over .x-tab-strip-menu{
    visibility:visible;
}
.rw-tabpanel3 .x-tab-strip-menu {
    visibility:hidden;
}

.rw-tabpanel3 .x-tab-over .x-tab-close-btn{
    visibility:visible;
}

.rw-tabpanel3 .x-tab-close-btn {
    visibility:hidden;
}

.rw-tabpanel3 .x-tab-bar-strip {
    visibility:hidden;
}