/* Styles for things other than layout. */
/* Use cautiously - in progress of being ironed out. */

/* ------------------------- */
/* ----- Other Display ----- */
/* ------------------------- */

/* ------------------------------------------ */
/* ------ Session Timeout Notification ------ */
/* ------------------------------------------ */
.sessionTimeout {
    background-color: #dee7de;
    color: #003300;
}

.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput {
    font-size: 12px;
    font-family: "segoe ui", arial, sans-serif;
}

.infoIcon, .notificationContent {
    display: inline-block;
}

.infoIcon {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    vertical-align: top;
}

.notificationContent {
    width: 160px;
    vertical-align: bottom;
}

/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */

/* ------------------------------------------ */
.MenuGroup {
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial;
    color: Black;
    font-style: italic;
    font-weight: bold;
    vertical-align: bottom;
    padding-left: 3px;
}

.SiteMapListItem {
    list-style: none none inside;
}

.LabelList a {
    color: #003300;
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
    text-decoration: none;
    vertical-align: text-top;
}

    .LabelList a:hover {
        color: #330000;
        font-size: 12px;
        font-family: Verdana, Tahoma, Arial;
        font-weight: bold;
        text-decoration: underline;
        vertical-align: middle;
    }

.SiteMapListItem a {
    color: #003300;
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

    .SiteMapListItem a:hover {
        color: #330000;
        font-size: 12px;
        font-family: Verdana, Tahoma, Arial;
        font-weight: bold;
        text-decoration: underline;
        vertical-align: middle;
    }

P {
    color: #003300;
    font-family: Verdana, Tahoma, Arial;
    font-size: xx-small;
}

TD {
    font-family: Verdana, Tahoma, Arial;
    font-size: xx-small;
    /*line-height: 17px;*/
}

TH {
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
    font-size: x-small;
}

.center {
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.left {
    float: left
}

.right {
    float: right
}

/*Begin - Kendo grid css*/
.k-grid {
    height: 100%
}

    .k-grid .k-alt {
        background-color: #f2f2f2;
    }

    .k-grid td {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

.k-grid-header th.k-header {
    background-repeat: repeat-x;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background: linear-gradient(white 0, #cdcdcd 100%);
    color: black;
}

.k-grid th.k-header .k-link {
    color: black
}

.k-pager-info.k-label {
    color: black;
}
/*End - Kendo grid css*/

IMG {
    border: 0;
}

.Note {
    color: #003300;
    font-family: Verdana, Tahoma, Arial;
    font-size: xx-small;
    font-style: italic;
}

.LoginMain {
    text-align: left;
}

.LoginTitle {
    text-align: center;
    background-color: #003300;
    color: white;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
}

.LoginFail {
    color: #330000;
    text-align: left;
    font-size: xx-small;
}

.LoginInstruct {
    color: #003300;
    text-align: left;
    font-size: xx-small;
}

.LoginLabel {
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
    font-size: xx-small;
    color: #003300;
}

.MainTable {
    border: 0;
    height: 100%;
    width: 100%;
}

.FW_Caption {
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    VERTICAL-ALIGN: text-top;
    TEXT-TRANSFORM: capitalize;
    COLOR: #dee7de;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    TEXT-ALIGN: right;
}

.FW_Date {
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    VERTICAL-ALIGN: text-bottom;
    TEXT-TRANSFORM: capitalize;
    COLOR: #dee7de;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    TEXT-ALIGN: right;
}

.FW_Menu {
    padding-left: 0px;
}

.FW_Content {
    background-color: #dee7de;
    vertical-align: text-top;
}

.P_header {
    FONT-WEIGHT: bold;
    COLOR: #003300;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    TEXT-ALIGN: left;
    vertical-align: text-top;
    font-size: x-small;
}

.PageTitle {
    FONT-WEIGHT: bold;
    COLOR: #003300;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    TEXT-ALIGN: left;
    vertical-align: text-top;
    font-size: 10pt;
    height: 10px;
}

.PageTitleExtension {
    FONT-FAMILY: Verdana, Tahoma, Arial;
    TEXT-ALIGN: right;
    vertical-align: text-bottom;
    font-size: xx-small;
    height: 10px;
    border-bottom: solid thin #003300;
}

.SpecialBox {
    background-color: Silver;
    color: #003300;
    font-size: xx-small;
    font-family: Verdana, Tahoma, Arial;
}

.StdValidate {
    font-size: small;
    color: Red;
    font-family: Verdana, Tahoma, Arial;
    font-weight: bolder;
}

.TblColValidate {
    width: 10px;
    text-align: right;
}

.StdInput {
    font-size: xx-small;
    font-family: Verdana, Tahoma, Arial;
}

.AllCapsInput {
    font-size: xx-small;
    font-family: Verdana, Tahoma, Arial;
    text-transform: uppercase;
}

.BoldTitle {
    color: #003300;
    font-weight: bold;
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
}

.BoldLabel {
    color: #003300;
    font-weight: bold;
    font-size: 11px;
    font-family: "segoe ui", arial, sans-serif;
}

.BoldLabelRight {
    color: #003300;
    font-weight: bold;
    font-size: 11px;
    font-family: "segoe ui", arial, sans-serif;
    text-align: right;
}

.StdLabel {
    color: #003300;
    font-weight: normal;
    font-size: 11px;
    font-family: "segoe ui", arial, sans-serif;
}

.StdLink {
    color: blue;
    font-weight: normal;
    font-size: 11px;
    font-family: "segoe ui", arial, sans-serif;
    text-decoration: underline;
}

.StdError {
    font-weight: normal;
    color: Red;
}

.StdErrorHeader {
    font-weight: bold;
    color: Red;
}

.StdLabelTrans {
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial;
    background-color: transparent;
}

.StdButton {
    height: 18px;
    cursor: hand;
    width: 50px;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.StdButton2 {
    cursor: hand;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.TinyButton {
    cursor: hand;
    width: 18px;
    height: 18px;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}


.clsColor1 {
    color: white;
    font-size: 8pt;
    font-family: Verdana, Tahoma, Arial;
}

.TableHeader {
    font-family: Tahoma, Verdana;
    font-weight: bold;
    color: white;
    background-color: #003300;
    font-size: xx-small;
}

.Radgrid_Item {
    background-color: White;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.Radgrid_AltItem {
    background-color: #FFF8DC;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.Radgrid_SelectedItem {
    background-color: yellow;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.Radgrid_RedItem {
    background-color: mistyrose;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

    .Radgrid_RedItem td {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 4px;
        padding-bottom: 3px;
    }

.Radgrid_GreenItem {
    background-color: lightgreen;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

    .Radgrid_GreenItem td {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 4px;
        padding-bottom: 3px;
    }

.FootNote {
    text-align: center;
    font-size: xx-small;
}

.Pager {
    color: white;
    background-color: #004000;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.TDLabel {
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.CalendarButton {
    cursor: hand;
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
}

.Hidden {
    visibility: hidden;
}

.Transparent {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    border-bottom-style: none;
}

.Wiz_Selected {
    font-weight: bold;
    font-size: xx-small;
    color: black;
    font-family: Tahoma, Verdana;
    background-color: #B8860B;
    text-align: center;
}

.Wiz_Hover {
    font-weight: bold;
    font-size: xx-small;
    color: black;
    font-family: Tahoma, Verdana;
    background-color: #F0E68C;
    text-align: center;
}

.Wiz_Item {
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
    color: white;
    background-color: #003300;
    text-align: center;
}

.Wiz_Disabled {
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: xx-small;
    color: silver;
    background-color: #003300;
    text-align: center;
}

.EmptyGridLabel {
    font-weight: bold;
    font-size: xx-small;
    font-style: italic;
    font-family: Tahoma, Verdana;
    color: #003300;
    background-color: #dee7de;
}

.Warning {
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Verdana;
    color: Red;
}

.RadMenu_Default .rmLink:hover {
    cursor: pointer;
}

.RadMenu_Default .rmGroup .rmLink:hover {
    cursor: pointer;
}

legend {
    font-size: xx-small;
    font-weight: bolder;
}

.SmallLegend {
    font-size: xx-small;
    font-weight: bolder;
}

.emphasized {
    font-weight: bold;
}

.RadUpload {
    float: left;
    clear: none;
}

.largeLink {
    background: white;
    text-decoration: none;
    display: block;
    border-radius: 10px;
    padding: 5px;
    margin: 5px 10px 5px 10px;
}

    .largeLink img {
        vertical-align: middle;
    }

    .largeLink p {
        font-size: 16px;
    }

    .largeLink:hover .largeLinkTitle {
        text-decoration: underline;
    }

.largeLinkTitle {
    font-size: 36px;
    color: #003300;
    vertical-align: middle;
}

.radToolBarAlignLeft .rtbUL {
    width: 100%;
}

.radToolBarAlignLeft .rtbOuter {
    border-style: none !important
}

/*GeoLocationCoordinate map style*/
#map {
    width: 100%;
    height: 700px;
    margin-top: 33px;
}

/*Show the signalr message on the top left page*/
.messageBox {
    width: 150px;
    color: white;
    background-color: red;
    padding: 10px;
    border: 1px solid #666;
    position: fixed;
    right: 2%;
    top: 2%;
    z-index: 999;
    -webkrit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/*Show the processing message on the top left page*/
.processingMessageBox {
    width: 150px;
    color: black;
    background-color: white;
    font-family: Tahoma, Verdana;
    padding: 10px;
    border: 1px solid #666;
    position: fixed;
    right: 50%;
    top: 2%;
    z-index: 999;
    -webkrit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/*Show the processing message in DialogWidow*/
.processingMessageBoxForDialog {
    width: 150px;
    height: 5px;
    color: black;
    background-color: lightgray;
    font-family: Tahoma, Verdana;
    padding: 10px;
    border: 0 solid #666;
    position: fixed;
    left: 1%;
    top: 1%;
    z-index: 999;
    -webkrit-border-radius: 6px;
    -moz-border-radius: 6px;
}

/*Begin - css to show the loader on entire page*/
#loading-overlay {
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    top: 0;
    display: none;
    align-items: center;
    background-color: gray;
    z-index: 99999;
    opacity: 0.85;
}

.loading-icon {
    position: fixed;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #767676;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
    z-index: 4;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

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

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*End - css to show the loader on entire page*/

/*Begin - Css Sprites*/
.sprite {
    background-image: url('/Images/16/css_sprites.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-Excel {
    width: 16px;
    height: 16px;
    background-position: -5px -5px;
}

.sprite-Tree-16 {
    width: 16px;
    height: 16px;
    background-position: -31px -5px;
}

.sprite-add_user {
    width: 16px;
    height: 16px;
    background-position: -57px -5px;
}

.sprite-ajax-loader {
    width: 16px;
    height: 16px;
    background-position: -83px -5px;
}

.sprite-app {
    width: 16px;
    height: 16px;
    background-position: -109px -5px;
}

.sprite-apple-icon {
    width: 16px;
    height: 16px;
    background-position: -135px -5px;
}

.sprite-apples-basket-icon {
    width: 16px;
    height: 16px;
    background-position: -161px -5px;
}

.sprite-arrive {
    width: 16px;
    height: 16px;
    background-position: -187px -5px;
}

.sprite-arrow_back {
    width: 16px;
    height: 16px;
    background-position: -213px -5px;
}

.sprite-arrow_next {
    width: 16px;
    height: 16px;
    background-position: -239px -5px;
}

.sprite-arrow_redo {
    width: 16px;
    height: 16px;
    background-position: -265px -5px;
}

.sprite-arrow_redo_grey {
    width: 16px;
    height: 16px;
    background-position: -291px -5px;
}

.sprite-binary-tree-icon {
    width: 16px;
    height: 16px;
    background-position: -5px -31px;
}

.sprite-bomb {
    width: 16px;
    height: 16px;
    background-position: -31px -31px;
}

.sprite-bomb2 {
    width: 16px;
    height: 16px;
    background-position: -57px -31px;
}

.sprite-book_open {
    width: 16px;
    height: 16px;
    background-position: -83px -31px;
}

.sprite-box2_clock {
    width: 16px;
    height: 16px;
    background-position: -109px -31px;
}

.sprite-box2_green_check {
    width: 17px;
    height: 16px;
    background-position: -135px -31px;
}

.sprite-box2_plain {
    width: 15px;
    height: 14px;
    background-position: -162px -31px;
}

.sprite-box2_red_X {
    width: 16px;
    height: 15px;
    background-position: -187px -31px;
}

.sprite-box2_ruler {
    width: 16px;
    height: 16px;
    background-position: -213px -31px;
}

.sprite-brown_box {
    width: 15px;
    height: 15px;
    background-position: -239px -31px;
}

.sprite-brown_box_Adjust {
    width: 16px;
    height: 15px;
    background-position: -264px -31px;
}

.sprite-brown_box_SubsAs {
    width: 16px;
    height: 16px;
    background-position: -290px -31px;
}

.sprite-brown_box_SubstAs {
    width: 16px;
    height: 16px;
    background-position: -5px -57px;
}

.sprite-brown_box_SubstBy {
    width: 16px;
    height: 16px;
    background-position: -31px -57px;
}

.sprite-brown_box_arrow {
    width: 16px;
    height: 16px;
    background-position: -57px -57px;
}

.sprite-brown_box_bomb {
    width: 20px;
    height: 17px;
    background-position: -83px -57px;
}

.sprite-calculator {
    width: 16px;
    height: 16px;
    background-position: -113px -57px;
}

.sprite-calendar {
    width: 16px;
    height: 16px;
    background-position: -139px -57px;
}

.sprite-cancel {
    width: 16px;
    height: 16px;
    background-position: -165px -57px;
}

.sprite-chatter {
    width: 16px;
    height: 16px;
    background-position: -191px -57px;
}

.sprite-check_green {
    width: 16px;
    height: 16px;
    background-position: -217px -57px;
}

.sprite-circle_black {
    width: 16px;
    height: 16px;
    background-position: -243px -57px;
}

.sprite-circle_green {
    width: 16px;
    height: 16px;
    background-position: -269px -57px;
}

.sprite-circle_red {
    width: 16px;
    height: 16px;
    background-position: -295px -57px;
}

.sprite-circle_yellow {
    width: 16px;
    height: 16px;
    background-position: -5px -83px;
}

.sprite-clock {
    width: 16px;
    height: 16px;
    background-position: -31px -83px;
}

.sprite-comment {
    width: 16px;
    height: 16px;
    background-position: -57px -83px;
}

.sprite-companies {
    width: 16px;
    height: 16px;
    background-position: -113px -83px;
}

.sprite-contrast {
    width: 16px;
    height: 16px;
    background-position: -139px -83px;
}

.sprite-conversation {
    width: 16px;
    height: 16px;
    background-position: -165px -83px;
}

.sprite-copy {
    width: 16px;
    height: 16px;
    background-position: -191px -83px;
}

.sprite-crosshair {
    width: 16px;
    height: 16px;
    background-position: -217px -83px;
}

.sprite-customers {
    width: 16px;
    height: 16px;
    background-position: -243px -83px;
}

.sprite-date {
    width: 16px;
    height: 16px;
    background-position: -269px -83px;
}

.sprite-db {
    width: 16px;
    height: 16px;
    background-position: -295px -83px;
}

.sprite-depart {
    width: 16px;
    height: 16px;
    background-position: -5px -109px;
}

.sprite-derive {
    width: 16px;
    height: 16px;
    background-position: -31px -109px;
}

.sprite-disk {
    width: 16px;
    height: 16px;
    background-position: -57px -109px;
}

.sprite-down_16 {
    width: 16px;
    height: 16px;
    background-position: -83px -109px;
}

.sprite-download {
    width: 16px;
    height: 16px;
    background-position: -109px -109px;
}

.sprite-download_disabled {
    width: 16px;
    height: 16px;
    background-position: -135px -109px;
}

.sprite-edit_user {
    width: 16px;
    height: 16px;
    background-position: -161px -109px;
}

.sprite-filter {
    width: 16px;
    height: 16px;
    background-position: -187px -109px;
}

.sprite-filter_add_expression {
    width: 16px;
    height: 16px;
    background-position: -213px -109px;
}

.sprite-filter_add_group {
    width: 16px;
    height: 16px;
    background-position: -239px -109px;
}

.sprite-filter_applied {
    width: 16px;
    height: 16px;
    background-position: -265px -109px;
}

.sprite-folder {
    width: 16px;
    height: 16px;
    background-position: -291px -109px;
}

.sprite-font {
    width: 16px;
    height: 16px;
    background-position: -5px -135px;
}

.sprite-forklift {
    width: 16px;
    height: 16px;
    background-position: -31px -135px;
}

.sprite-gear {
    width: 16px;
    height: 16px;
    background-position: -57px -135px;
}

.sprite-github {
    width: 30px;
    height: 30px;
    background-position: -83px -135px;
}

.sprite-glasses {
    width: 16px;
    height: 16px;
    background-position: -123px -135px;
}

.sprite-glasses_doc {
    width: 16px;
    height: 16px;
    background-position: -149px -135px;
}

.sprite-globe {
    width: 16px;
    height: 16px;
    background-position: -175px -135px;
}

.sprite-gmail {
    width: 30px;
    height: 30px;
    background-position: -201px -135px;
}

.sprite-goods_receipt {
    width: 16px;
    height: 16px;
    background-position: -241px -135px;
}

.sprite-help {
    width: 16px;
    height: 16px;
    background-position: -267px -135px;
}

.sprite-home {
    width: 16px;
    height: 16px;
    background-position: -293px -135px;
}

.sprite-infinity {
    width: 16px;
    height: 16px;
    background-position: -5px -161px;
}

.sprite-info {
    width: 16px;
    height: 16px;
    background-position: -31px -161px;
}

.sprite-key {
    width: 16px;
    height: 16px;
    background-position: -57px -161px;
}

.sprite-life_preserver {
    width: 16px;
    height: 16px;
    background-position: -123px -161px;
}

.sprite-lightning {
    width: 16px;
    height: 16px;
    background-position: -149px -161px;
}

.sprite-linkedin {
    width: 30px;
    height: 30px;
    background-position: -241px -161px;
}

.sprite-listdoc {
    width: 16px;
    height: 16px;
    background-position: -175px -161px;
}

.sprite-login {
    width: 16px;
    height: 16px;
    background-position: -281px -161px;
}

.sprite-logout {
    width: 16px;
    height: 16px;
    background-position: -307px -161px;
}

.sprite-lorry {
    width: 16px;
    height: 16px;
    background-position: -5px -187px;
}

.sprite-lorry_add {
    width: 16px;
    height: 16px;
    background-position: -31px -187px;
}

.sprite-lorry_empty {
    width: 16px;
    height: 16px;
    background-position: -57px -187px;
}

.sprite-lorry_go {
    width: 16px;
    height: 16px;
    background-position: -83px -187px;
}

.sprite-lorry_people {
    width: 16px;
    height: 16px;
    background-position: -109px -187px;
}

.sprite-lorry_plus_minus {
    width: 16px;
    height: 16px;
    background-position: -135px -187px;
}

.sprite-lorry_start {
    width: 16px;
    height: 16px;
    background-position: -161px -187px;
}

.sprite-lorry_tracked {
    width: 16px;
    height: 16px;
    background-position: -187px -187px;
}

.sprite-lorry_type {
    width: 16px;
    height: 16px;
    background-position: -213px -187px;
}

.sprite-map {
    width: 16px;
    height: 16px;
    background-position: -281px -187px;
}

.sprite-map_group {
    width: 16px;
    height: 16px;
    background-position: -307px -187px;
}

.sprite-message {
    width: 16px;
    height: 16px;
    background-position: -5px -213px;
}

.sprite-minus_red {
    width: 16px;
    height: 16px;
    background-position: -31px -213px;
}

.sprite-money-pencil-icon {
    width: 16px;
    height: 16px;
    background-position: -57px -213px;
}

.sprite-money_dollar {
    width: 16px;
    height: 16px;
    background-position: -83px -213px;
}

.sprite-multiple_papers {
    width: 16px;
    height: 16px;
    background-position: -109px -213px;
}

.sprite-newdoc {
    width: 16px;
    height: 16px;
    background-position: -135px -213px;
}

.sprite-next_arrow {
    width: 16px;
    height: 16px;
    background-position: -161px -213px;
}

.sprite-package_add {
    width: 16px;
    height: 16px;
    background-position: -187px -213px;
}

.sprite-package_go {
    width: 16px;
    height: 16px;
    background-position: -213px -213px;
}

.sprite-paperclip_envelope {
    width: 16px;
    height: 16px;
    background-position: -239px -213px;
}

.sprite-pencil_green {
    width: 16px;
    height: 16px;
    background-position: -265px -213px;
}

.sprite-pencil_green_disabled {
    width: 16px;
    height: 16px;
    background-position: -291px -213px;
}

.sprite-pencil_yellow {
    width: 16px;
    height: 16px;
    background-position: -5px -239px;
}

.sprite-people {
    width: 16px;
    height: 16px;
    background-position: -31px -239px;
}

.sprite-person {
    width: 16px;
    height: 16px;
    background-position: -57px -239px;
}

.sprite-plus_green {
    width: 16px;
    height: 16px;
    background-position: -83px -239px;
}

.sprite-plus_minus {
    width: 16px;
    height: 16px;
    background-position: -109px -239px;
}

.sprite-printer {
    width: 16px;
    height: 16px;
    background-position: -135px -239px;
}

.sprite-printer_hover {
    width: 16px;
    height: 16px;
    background-position: -161px -239px;
}

.sprite-product {
    width: 16px;
    height: 16px;
    background-position: -187px -239px;
}

.sprite-products {
    width: 16px;
    height: 16px;
    background-position: -213px -239px;
}

.sprite-purchase_accrual {
    width: 16px;
    height: 16px;
    background-position: -239px -239px;
}

.sprite-purchase_invoice {
    width: 16px;
    height: 16px;
    background-position: -265px -239px;
}

.sprite-purchase_order {
    width: 16px;
    height: 16px;
    background-position: -291px -239px;
}

.sprite-receipt_money {
    width: 16px;
    height: 16px;
    background-position: -5px -265px;
}

.sprite-release {
    width: 16px;
    height: 16px;
    background-position: -31px -265px;
}

.sprite-requery {
    width: 16px;
    height: 16px;
    background-position: -57px -265px;
}

.sprite-return {
    width: 16px;
    height: 16px;
    background-position: -83px -265px;
}

.sprite-ribbon {
    width: 16px;
    height: 16px;
    background-position: -109px -265px;
}

.sprite-rollforward {
    width: 16px;
    height: 16px;
    background-position: -135px -265px;
}

.sprite-rollforward-r {
    width: 16px;
    height: 16px;
    background-position: -135px -265px;
    transform: scaleX(-1);
}

.sprite-ruler {
    width: 16px;
    height: 16px;
    background-position: -161px -265px;
}

.sprite-save {
    width: 16px;
    height: 16px;
    background-position: -187px -265px;
    border: 0
}

.sprite-save_disabled {
    width: 16px;
    height: 16px;
    background-position: -213px -265px;
}

.sprite-save_table {
    width: 16px;
    height: 16px;
    background-position: -239px -265px;
}

.sprite-saveas {
    width: 16px;
    height: 16px;
    background-position: -265px -265px;
}

.sprite-savenew {
    width: 16px;
    height: 16px;
    background-position: -291px -265px;
}

.sprite-savesetting {
    width: 16px;
    height: 16px;
    background-position: -5px -291px;
}

.sprite-scale {
    width: 16px;
    height: 16px;
    background-position: -31px -291px;
}

.sprite-send {
    width: 16px;
    height: 16px;
    background-position: -57px -291px;
}

.sprite-signature {
    width: 16px;
    height: 16px;
    background-position: -83px -291px;
}

.sprite-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -109px -291px;
}

.sprite-stop {
    width: 16px;
    height: 16px;
    background-position: -149px -291px;
}

.sprite-table-money-icon {
    width: 16px;
    height: 16px;
    background-position: -175px -291px;
}

.sprite-table_gear {
    width: 16px;
    height: 16px;
    background-position: -201px -291px;
}

.sprite-train4_black {
    width: 16px;
    height: 13px;
    background-position: -227px -291px;
}

.sprite-train4_white {
    width: 16px;
    height: 13px;
    background-position: -253px -291px;
}

.sprite-truck_green {
    width: 15px;
    height: 15px;
    background-position: -279px -291px;
}

.sprite-truck_orange {
    width: 14px;
    height: 15px;
    background-position: -304px -291px;
}

.sprite-tumblr {
    width: 30px;
    height: 30px;
    background-position: -317px -5px;
}

.sprite-twitter {
    width: 30px;
    height: 30px;
    background-position: -321px -45px;
}

.sprite-up_16 {
    width: 16px;
    height: 16px;
    background-position: -321px -85px;
}

.sprite-user {
    width: 16px;
    height: 16px;
    background-position: -347px -85px;
}

.sprite-user_group {
    width: 16px;
    height: 16px;
    background-position: -319px -111px;
}

.sprite-user_redbox {
    width: 16px;
    height: 16px;
    background-position: -345px -111px;
}

.sprite-users_businesscard {
    width: 16px;
    height: 16px;
    background-position: -333px -137px;
}

.sprite-users_globe {
    width: 16px;
    height: 16px;
    background-position: -333px -163px;
}

.sprite-users_inhand {
    width: 16px;
    height: 16px;
    background-position: -333px -189px;
}

.sprite-vcard {
    width: 16px;
    height: 16px;
    background-position: -317px -215px;
}

.sprite-vendors {
    width: 16px;
    height: 16px;
    background-position: -343px -215px;
}

.sprite-warning_16 {
    width: 16px;
    height: 16px;
    background-position: -317px -241px;
}

.sprite-wizardwand {
    width: 16px;
    height: 16px;
    background-position: -343px -241px;
}

.sprite-x_grey {
    width: 16px;
    height: 16px;
    background-position: -328px -267px;
}

.sprite-x_red {
    width: 16px;
    height: 16px;
    background-position: -328px -293px;
}
/*End - Css Sprites*/

/* Dialog Styles */
.FWebDialog {
    display: none !important
}

.dialog-window {
    width: max-content;
    max-width: 90%;
    height: max-content;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(#9bafc1 0px, #5a7892 15px, #899eb1 30px);
    border: #3a5168 1px solid;
    padding: 5px;
    box-sizing: border-box !important;
}

.dialog-window-lock {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(128, 128, 122, 0.5);
    z-index: 1000;
}

.dialog-window-lock-transparent {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0pc;
    z-index: 1000;
}

.dialog-window-closebtn {
    position: absolute;
    right: 11px;
    color: #ffffff;
    top: 4px;
    border: #45596d 1px solid;
    border-radius: 4px;
    width: 26px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

    .dialog-window-closebtn:hover {
        background-image: linear-gradient(#f3d0ca 0px, #e98e80 8px, #d65840 10px, #df7a60 18px);
    }

    .dialog-window-closebtn:after {
        content: ' \26CC';
    }

.dialog-window-title {
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 13px;
    font-family: sans-serif;
}

.dialog-window-hide {
    display: none !important;
}

/*Tollbar*/
.dialog-window-toolbar {
    width: 100%;
    height: 32px;
    white-space: nowrap;
    background-image: linear-gradient(#fdfdfd 0px, #e8e8e8 13px, #c6c6c6 30px);
}

/*Buttons*/
.dialog-window-button, .dialog-window-button-group {
    float: left;
    font-size: 12px;
    padding: 4px 4px 4px 4px;
    margin: 3px 3px 0px 2px;
    box-sizing: border-box !important;
    cursor: pointer;
    font-family: Verdana, Tahoma, Arial;
}

.dialog-window-button-group {
    cursor: default;
}
.dialog-window-button-group::after {
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e8e8e8;
    clear: both;
}

.dialog-window-button-group-outter-wrapper {
    width: 0px;
    height: 0px;
}

.dialog-window-button-group-inner-wrapper {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    width: max-content;
    height: 0px;
    overflow: hidden;
}

.dialog-window-button:hover, .dialog-window-button-group:hover {
    background-image: linear-gradient(#eaeaea 0px, #cecece 12px, #d6d6d6 24px);
    border: #b0b0b0 1px solid;
    border-radius: 4px;
    margin: 2px 2px -1px 1px;
}

.dialog-window-button-group:hover .dialog-window-button-group-inner-wrapper {
    height: max-content;
    padding-bottom: 4px;
}

.dialog-window-button:hover:active {
    color: white;
    background-image: linear-gradient(#656565 0px, #808080 12px, #8e8e8e 24px);
}

.dialog-window-button-group:focus {
    background-image: linear-gradient(#eaeaea 0px, #cecece 12px, #d6d6d6 24px);
    border: #b0b0b0 1px solid;
    border-radius: 4px;
    margin: 2px 2px -1px 1px;
}

.dialog-window-button-group .dialog-window-button {
    float: none;
}

.dialog-window-content {
    background-color: #dee7de;
    border: #3a5168 1px solid;
    overflow: hidden;
}
/* End - Dialog Styles */

/* Frontier Mimic Styles */
.frontier-disable {
    pointer-events: none !important;
    filter: grayscale(1) !important;
    color: #9e9e9e !important;
}

.frontier-k-textbox-disable {
/*    pointer-events: none;*/
    opacity: .9;
}