/* Minification failed. Returning unminified contents.
(161,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-primary-color'
(185,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-primary-color'
(420,32): run-time error CSS1039: Token not allowed after unary operator: '-kommers-primary-color'
 */
@media only screen and (max-device-width: 640px) {
    html, body, form, table {
        background: #fff;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    html, body {
        height: 100%;
    }

    html {
        /* obs detta fixar "hoppet" som blir när man får en sida som tar fram en scrollbar och man inte hade det innan
        alltså det hoppar pga margin-auto och att på en sida har man inte scrollbar och på en annan har man det.
        detta tvinga fram scrollbar hela tiden. tycker det blir lite bättre än att det hoppar iaf.
    */
        overflow-y: scroll;
    }

    /* Application wide element style */
    body, html, form, input, option {
        font-family: Segoe UI, Trebuchet MS, Arial, Verdana, MS Sans Serif;
        font-size: 1em;
        color: GrayText;
    }

    p {
        margin: 0px;
        padding: 0px;
        margin: 0px;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        clear: both;
    }

    h1, h2, h3, h4, h5 {
        margin: 0px;
        padding: 0px;
    }

    h1 {
        font-size: 1.9em;
        line-height: 1em;
        font-weight: 200;
        padding-bottom: 0.4em;
        clear: both;
        white-space:normal;
    }

    h2 {
        font-size: 1.5em;
        font-weight: 200;
        margin-bottom: 0.4em;
        padding-top: 1em;
        clear: both;
        text-transform: uppercase;
        white-space:normal;
    }

        h2 * {
            font-weight: 200;
            text-transform: uppercase;
        }

    h3 {
        font-size: 1.1em;
        padding-top: 1em;
        padding-bottom: 0.4em;
        clear: both;
        font-weight: 400;
        text-transform: uppercase;
        white-space:normal;
    }

        h3 * {
            font-weight: 400;
            text-transform: uppercase;
        }

    h4 {
        font-size: 0.9em;
        padding-bottom: 0px;
        margin-bottom: 2px;
        padding-top: 0.8em;
        clear: both;
        font-weight: 600;
        text-transform: uppercase;
        white-space:normal;
    }

        h4 * {
            font-weight: 400;
            text-transform: uppercase;
        }

    h5 {
        font-size: 0.9em;
        margin-top: 1em;
        clear: both;
        font-weight: 400;
        text-transform: uppercase;
        white-space:normal;
    }

        h5 * {
            font-weight: 400;
            text-transform: uppercase;
        }

    ul.CleanStyle {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        ul.CleanStyle li {
            margin: 0px;
            padding: 0px;
            line-height: normal;
        }

    ul {
        list-style: circle;
        margin: 0px;
        padding-left: 30px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        ul li {
            margin: 0px;
            padding-bottom: 4px;
        }

    a, a:hover {
        text-decoration: none;
    }

        a, a:hover, a:visited, a:link {
            color: #537fca;
            /*font-size: 0.8em;*/
        }

    img {
        border: none;
    }


    /* match all single/multiline textboxes (IE 7+ for the attribute selector) */
    TEXTAREA, INPUT[type="text"], select {
        /* font size, line height, face */
        font-family: Segoe UI, Trebuchet MS, Arial, Verdana, MS Sans Serif;
        font-size: 1em;
        color: GrayText !important;
    }

    input[type=submit], input[type=button] {
        margin: 0px;
        border: 0px;
        background-color: var(--kommers-primary-color) !important;
        color: white;
        cursor: pointer;
        margin-bottom: 0.4em;
        display: inline-block;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        padding-left: 1em;
        padding-right: 1em;
    }

        input[type=submit]:disabled, input[type=button]:disabled {
            color: lightgrey;
        }

        input[type=checkbox] {
            min-height:1.2em;
            min-width:1.2em;
 }
}

/* Top Menu */
@media only screen and (max-device-width: 640px) {
    #TopMenu {
        background-color: var(--kommers-primary-color);
        width: 100%;
        z-index: 10000;
        display: block;
    }

        #TopMenu .TopMenuImageContainer {
            float: left;
        }

            #TopMenu .TopMenuImageContainer img {
                float: left;
                padding-left: 0;
                padding-right: 0;
                height: 3em;
            }

            #TopMenu .TopMenuImageContainer:hover {
                background-color: #1581B7;
            }

        #TopMenu div.Selected {
            background-color: #1581B7;
        }

        #TopMenu div.RadMenu {
            float: left;
        }

        #TopMenu #CollapsedName {
            display: none;
            float: left;
            padding-top: 1em;
        }

            #TopMenu #CollapsedName a, #TopMenu #CollapsedName a:hover {
                color: white;
                text-decoration: none;
            }

        #TopMenu #LeftPart {
            display: none;
        }

        #TopMenu #TopMenuCollapsed img {
            height: 3em;
        }

        #TopMenu #TopMenuCollapsed .rmItem .rmLink {
            font-size: 1em;
        }

    @media (max-width:1450px) {
        #TopMenu #LeftPart {
            display: none;
        }

        #TopMenu #TopMenuCollapsed {
            display: block;
            float: left;
        }
    }

    @media (min-width:1450px) {
        #TopMenu #LeftPart {
            display: block;
        }

        #TopMenu #TopMenuCollapsed {
            display: none;
        }
    }

    @media (min-device-width:400px) {
        #TopMenu #CollapsedName {
            display: block;
            float: left;
        }
    }

    @media (min-width:1450px) {
        #TopMenu #LeftPart {
            display: block;
        }

        #TopMenu #TopMenuCollapsed {
            display: none;
        }
    }

    #TopMenu #LeftPart ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #TopMenu #LeftPart li {
        float: left;
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 2px;
        padding-left: 0;
        border-bottom: 0;
        border-top: 0;
    }

        #TopMenu #LeftPart li:first-child {
            border-bottom: 0;
            border-top: 0;
            width: 0;
        }

        #TopMenu #LeftPart li a {
            float: left;
            display: block;
            padding-top: 22px;
            padding-right: 10px;
            padding-bottom: 22px;
            padding-left: 10px;
            margin: 0px;
            vertical-align: bottom;
            text-decoration: none;
            color: white;
            font-size: 35px;
            text-transform: uppercase;
        }

        #TopMenu #LeftPart li:hover {
            background-color: #1581B7;
        }

    #TopMenu #LeftPart a {
        color: white;
        font-size: 35px;
        text-decoration: none;
    }

    #TopMenu #LeftPart img {
        vertical-align: middle;
        padding-right: 0;
        margin-bottom: 0;
        border: none;
    }


    #TopMenu #LeftPart li.selected {
        background-color: #1581B7;
    }

    #TopMenu #MiddlePart {
        display: none;
    }

    #TopMenu #RightPart {
        float: right;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        height: 100%;
    }
    /* End Top Menu */

    /* Control Panel*/

    #ControlPanel {
        padding-left: 1em;
        padding-bottom: 1em;
        padding-top: 1em;
        background-color: lightgray;
    }

    /* Test Panel*/

    #TestPanel {
        padding-left: 1em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        background-color: #F09609;
        color: white;
        font-weight: bolder;
        text-align: center;
    }

    /* Split Master */

    #SplitMasterContainer {
        border: none;
        border-collapse: collapse;
        margin: 0;
        padding-bottom: 0;
        width: 100%;
    }

    #SplitMasterLeft {
        max-width: 100%;
        width: 95%;
        min-width: 15em;
        padding-top: 0px;
        padding-right: 0px;
        overflow-y: auto;
        height: 100%;
        /*background-color:lightgray;*/
    }

        #SplitMasterLeft > div:first-of-type {
            clear: both;
            padding-bottom: 15em;
        }

        #SplitMasterLeft a {
            /*font-size: 0.9em;*/
        }

        #SplitMasterLeft .rtIn a {
            font-size: 1em;
        }


    #SplitMasterRight {
        vertical-align: top;
        min-height: 300px;
        padding-left: 0;
        background-color: white;
        width:100%;
    }


    /* End Split Master */


    /* Slideout */

    .slide-out-toggle-button {
        z-index: 1000000;
        background-color: var(--kommers-primary-color);
        opacity: 0.6;
        width: 0.7em;
        height: 2em;
        position: relative;
        margin-top: 5em;
        display: block;
        background-image: url("../../Images/White/Justify.png");
        background-size: 2.3em 2.3em;
        background-repeat: no-repeat;
        background-position: 75%;
    }

        .slide-out-toggle-button:after {
            content: '';
            position: absolute;
            top: -1em;
            bottom: -1em;
            left: -1em;
            right: -1em;
        }

    .slideout-menu {
        position: fixed;
        left: 0.5em;
        right: 0;
        z-index: 0;
        width: 70%;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        display: none;
    }

    .slideout-panel {
        position: relative;
        z-index: 1;
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
        overflow: hidden;
    }

        .slideout-open .slideout-menu {
            display: block;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
        }

    /* Slideout end */

    form {
        margin: auto;
        overflow: hidden;
        min-height: 100%;
        position: relative;
    }

    #Footer {
        clear: both;
        text-align: left;
        position:relative;
        bottom:0;
        padding-bottom: 1em;
        width: 100%;
        height: 25em;
        background-color: rgb(100,118,135);
        color: white;
    }

        #Footer * {
            color: white;
        }

        #Footer #Inner {
            font-size: 0.8em;
            padding-top: 2em;
            padding-left: 1em;
        }

    div.FooterPane {
        width: 20%;
        float: left;
        min-width: 18em;
    }

    .ContentHolderPageContent {
    clear: both; 
    padding-bottom: 10em; 
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em;
}

    .pinLeftMenu {
        display:none;
    }


        @media print {
            #TopMenu {
                display: none;
            }

            .pinLeftMenu {
                display: none;
            }

            #ControlPanel {
                display: none;
            }

            #Footer {
                display: none;
            }

            #SplitMasterLeft {
                display: none !important;
            }

            #SplitMasterRight {
                word-break: break-word;
                font-size: 0.8em;
            }

                #SplitMasterRight .RadMenu {
                    display: none;
                }
        }
    }

@media only screen and (max-device-width: 640px) {
    .clear {
        clear: both;
    }

    #SplitMasterRight p {
        width: 100%;
    }

    p.InputDescription {
        clear: both;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    div.Input {
        padding-top: 0.8em;
        padding-bottom: 0.4em;
        min-height: 30px;
        width: 100%;
    }

        div.Input p {
            max-width: 100%;
        }

    div.InputLabel {
        margin-top: 10px;
        padding-right: 20px;
        width: 100%;
        float: none;
    }

        div.InputLabel .Format {
        }

    div.InputBox {
        float: none;
    }

        div.InputBox > .RadPicker {
            width: 100% !important;
        }

        div.InputBox .RadComboBox {
            width: 100% !important;
        }

        div.InputBox .RadDropDownTree {
            width: 100% !important;
        }

        div.InputBox > input[type=text], div.InputBox > input[type=password], div.InputBox > textarea, div.InputBox > select, div.InputBox > div.RadAjaxPanel > input[type=text], input[type=text] {
            margin: 0px;
            padding: 0px;
            padding-left: 4px;
            padding-right: 4px;
            width: 100%;
            border: 1px solid #cdcdcd; /*#abc1de;*/
            background-color: #f9f9f9;
            vertical-align: top;
            text-align: left;
        }

        div.InputBox > input[type=text], div.InputBox > input[type=password], div.InputBox > select, div.InputBox > div.RadAjaxPanel > input[type=text], input[type=text] {
            height: 3em;
        }

        div.InputBox > textarea {
            padding: 4px;
        }

        div.InputBox > select {
            padding-right: 0px;
        }

        div.InputBox > div.RadEditor {
        }

        div.InputBox > div {
            width: 100% !important;
        }

    div.InputValidation {
        margin-top: 10px;
        color: red;
        margin-left: 6px;
    }

        div.InputValidation > span {
            display: block;
        }

    *.Disabled, div.InputBox > input[disabled], div.InputBox > textarea[disabled] {
        background-color: #f2f2f2;
    }

    input[type=text].Currency {
        text-align: right;
    }

    /* PanelSection */
    .PanelSectionContent {
        padding-left: 8px;
        padding-bottom: 4px;
        padding-right: 8px;
        padding-top: 8px;
        border-right: solid 1px #abc1de;
        border-left: solid 1px #abc1de;
        border-top: solid 1px #abc1de;
        border-bottom: solid 1px #abc1de;
        background-color: White;
        text-align: left;
        min-height: 8px;
    }

    /* EmailContactList */
    .EmailContactList {
        margin: 0px;
        margin-bottom: 3px;
        padding: 0px;
        width: 200px;
        padding-left: 5px;
        border: 1px solid #abc1de;
        background-color: #FFFFD6;
        min-height: 19px;
        line-height: 19px;
        vertical-align: top;
        text-align: left;
    }

    table.CleanStyle {
        width: 100%;
        margin: 0px;
        border-collapse: collapse;
    }

        table.CleanStyle td {
            padding: 0px;
        }

    /*Validation Summary*/
    div.ValidationFailure {
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
        /*padding-left:5px;*/
    }

        div.ValidationFailure * {
            color: #000;
        }

    div.ValidationSummary {
        padding-top: 1em;
        clear: both;
    }

    span.ValidationSummaryHeader {
        color: #f00;
        font-weight: bold;
    }

    div.ValidationSummary ul {
        font-weight: normal;
        font-size: inherit;
        margin: 0;
        margin-left: 15px;
        padding: 0;
        padding-top: 4px;
        padding-left: 10px;
        list-style: square;
        color: Red;
    }

    div.NoPageContentSplash {
        padding-top: 12px;
        margin-bottom: 24px;
    }

        div.NoPageContentSplash *.InheritFont {
        }


    .GeneralNotification, .GeneralWarning, .GeneralActiveAndOK {
        padding: 6px;
        margin-top: 1em;
        color: White;
        /*text-align: center;*/
        margin-bottom: 1em;
    }

        .GeneralNotification *, .GeneralWarning * {
            color: White !important;
        }


    .GeneralWarning {
        background-color: #ee1111;
    }

    .GeneralNotification {
        background-color: #ffc40d;
    }

    .Warning {
        background-color: #E51400;
    }

    .GeneralActiveAndOK {
        background-color: #27a913;
    }

    /* orderlines */
    ul.OrderLineQuantityList {
        padding: 0px;
        height: 15px;
        margin: 0;
        margin-top: 10px;
        list-style-type: none;
    }

        ul.OrderLineQuantityList li {
            float: left;
            padding: 0;
            margin: 0;
            margin-right: 40px;
        }

    table.AccountAndCommentTable {
        border-collapse: collapse;
        margin-top: 10px;
    }

        table.AccountAndCommentTable tr {
            border: none;
        }

        table.AccountAndCommentTable th {
            font-weight: normal;
            vertical-align: top;
            text-align: left;
            border: none;
            padding-right: 4px;
        }

        table.AccountAndCommentTable td {
            font-weight: normal;
            vertical-align: top;
            text-align: left;
            border: none;
        }


    /* use this class on surrounding div if labels disapear in IE compatability mode ... */
    .CompatabilityViewFix {
        position: relative;
    }

    .progressbar {
        text-align: left;
    }

        .progressbar progress {
            margin-bottom: 10px;
        }

    .warningbackground {
        background-color: #ffeeee;
        border: 1px solid #a00;
    }

    /* used by jquery.blockUI.js */
    div.blockMsg {
        /* defaults */
        width: 40%;
        top: 30%;
        left: 30%;
        text-align: center;
        border: 1px solid #ddd;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 15px;
        color: #fff; /* custom */
        padding: 10px;
        background-color: white;
        color: black;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    /* verkar som att IE <10 har problem med inline styles ibland. Denna style fanns i attestchooseropener.ascx och sattes på knappen.
   den sattes på knappen men det "hände" inget. Flyttar man ut den hit fungerar det.
*/
    .hiddenButtonStyle {
        display: none;
    }

    div.TendererFinancialInfoExternalService {
        float: left;
        padding-right: 4px;
        padding-bottom: 10px;
        width: 160px;
    }


    div.BackNavigation {
        padding: 10px;
        padding-left: 0px;
    }

        div.BackNavigation a {
            text-decoration: none;
            font-size: 13px;
            padding-left: 2px;
            font-family: inherit;
        }

        div.BackNavigation img {
            border: none;
            height: 44px;
            width: 44px;
            vertical-align: middle;
            margin-bottom: 15px;
        }



    div.ContentPane {
        padding-bottom: 1em;
    }

    .CheckBoxItem {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        min-height: 30px;
        content: "";
        display: table;
        clear: both;
    }

        .CheckBoxItem .CheckBox {
            float: left;
            padding-right: 20px;
            width: 400px;
        }

        .CheckBoxItem .Description {
            float: left;
            margin-right: 20px;
            min-width: 200px;
        }

    .InfoBoxHolder {
        width: 100%;
    }

    .InfoBox {
        text-align: center;
        padding: 10px;
        float: left;
        margin-left: 6%;
    }

        .InfoBox a {
            text-decoration: none;
        }

    .ExternalCompanyInfoIcon {
        display: none;
    }

    .NormalActionMenu {
        display: none;
    }

    .SlimActionMenu {
        display: block;
    }

        .SlimActionMenu .rmRootLink {
            padding-left: 0 !important;
            padding-right: 0.9em !important;
            margin-right: 0 !important;
        }


    .AdminBlock {
        float: left;
        width: 100%;
    }

    .AdminBlockBreak {
        float: left;
        width: 100%;
    }

    .hoverBarButtonHolder {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .RadSiteMap .rsmColumn {
        display: block !important;
    }

    #SearchBar #LeftPart .RadMenu_Default .rmContentTemplate {
        width: 10em !important;
        position: relative !important;
        display: table !important;
        border-collapse: separate !important;
    }

    .rsmList[style] {
        width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media only screen and (max-device-width: 640px) {
    div.Pane h1 {
        font-weight: 300 !important;
        clear: both;
        padding-top: 1em !important;
        padding-left: 4px !important;
        padding-bottom: 2px !important;
        text-transform: none !important;
        font-variant: normal !important;
    }

    div.Pane > h2 {
        font-size: 1.2em;
        font-weight: 300 !important;
        clear: both;
        text-transform: uppercase !important;
    }

    div.Pane {
        float: left;
    }

        div.Pane .DashBoardPanel {
            float: left;
        }

        div.Pane img {
            width: 3em;
            height: 3em;
            border: none;
        }

    div.TileIcon {
        padding-bottom: 1em;
        padding-top: 0.6em;
        vertical-align: middle;
    }

    div.Pane a.Tile {
        color: white !important;
        width: 9em;
        height: 9em;
        padding: 1em;
        margin-bottom: 0.4em;
        margin-right: 0.4em;
        float: left;
        display: block;
        overflow: hidden;
        cursor: pointer !important;
        font-size: 0.8em;
    }

        div.Pane a.Tile * {
            color: white !important;
        }

    div.Pane a.General {
        background-color: #ee1111;
        /*background-color: #D24726;*/
    }

        div.Pane a.General:hover {
            background-color: #f27979;
            /*background-color: #DC572E;*/
        }

    div.Pane a.Procurement {
        background-color: #2672EC;
    }

        div.Pane a.Procurement:hover {
            background-color: #2E8DEF;
        }

    div.Pane a.Orders {
        background-color: #008A00;
        /*background-color: #008A00;*/
    }

        div.Pane a.Orders:hover {
            background-color: #00a300;
            /*background-color: #00A600;*/
        }


    div.Pane a.Messages {
        background-color: #8C0095;
    }

        div.Pane a.Messages:hover {
            background-color: #A700AE;
        }

    div.Pane a.RFI {
        background-color: #bd0023;
    }

        div.Pane a.RFI:hover {
            background-color: #ff0000;
        }


    div.Pane a.Invoice {
        background-color: #bf0087;
    }

        div.Pane a.Invoice:hover {
            background-color: #ff00fa;
        }

    div.Pane a.PurchaseOrders {
        background-color: #00aba9;
        /*background-color: #de5f00;*/
    }

        div.Pane a.PurchaseOrders:hover {
            background-color: #79f2f0;
            /*background-color: #fe8400;*/
        }

    div.Pane a.Users {
        background-color: #99b433;
    }

        div.Pane a.Users:hover {
            background-color: #A8C738;
        }

    div.Pane a.Pricelists {
        background-color: #4100ba;
    }

        div.Pane a.Pricelists:hover {
            background-color: #6800ff;
        }

    div.Pane a.CustomerComplaints {
        background-color: #e3a21a;
        /*background-color: #4c966b;*/
    }

        div.Pane a.CustomerComplaints:hover {
            background-color: #f2cb79;
            /*background-color: #13d470;*/
        }

    div.Pane a.Sanctions {
        background-color: #ffc40d;
        /*background-color: #d8e100;*/
    }

        div.Pane a.Sanctions:hover {
            background-color: #f2d479;
            /*background-color: #f2de00;*/
        }


    /*Kalender*/

    div.Reminder {
    }

        div.Reminder div.ReminderTitle {
            font-size: 0.8em;
            line-height: 1.2em;
            font-weight: bold;
            padding-top: 0.2em;
            padding-bottom: 0.2em;
        }

        div.Reminder div.ReminderDescription {
            font-size: 0.8em;
            line-height: 1.2em;
        }

    .rsApt {
        cursor: pointer !important;
    }

    .rsHeader {
        background-color: #1581B7 !important;
        border: 0px !important;
    }

        .rsHeader h2 {
            display: none !important;
        }

    a.rsDateHeader {
        cursor: default;
    }

        a.rsDateHeader:hover {
            cursor: default;
            text-decoration: none !important;
        }

    .rsSelectedSlot {
        border-color: #e5e5e5 !important;
    }

    .rsDateWrap:not(.rsLastWrap) {
        height: 25px !important;
    }

    .rsLastSpacingWrapper {
        height: 25px !important;
    }

    .rsAllDayRow {
        height: 100% !important;
    }
}

@media only screen and (max-device-width: 640px) {
    table.DetailsTable {
        width: 100%;
    }

        table.DetailsTable td {
            vertical-align: top;
            padding-right: 40px;
            padding-bottom: 0.2em;
        }

        table.DetailsTable tr td:first-child {
            font-weight: 400;
            font-size: 0.8em;
            text-transform: uppercase;
            text-decoration: underline;
            padding-top: 0.3em;
            min-width: 100%;
            max-width: 100%;
            width: 100%;
        }

        table.DetailsTable tr td:first-letter {
            text-transform: capitalize;
        }

        table.DetailsTable tr td {
        }

        table.DetailsTable tr:hover td {
            background-color: #DCE5F4;
        }

        table.DetailsTable td,
        table.DetailsTable th {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            clear: left;
        }


    /* Override radgrid */

    table.rgMasterTable {
        table-layout: auto !important;
    }

        table.rgMasterTable thead th {
            display: none;
        }

        table.rgMasterTable colgroup col {
            width: auto !important;
        }

        /*  Negate the margin between sections */
        table.rgMasterTable tbody td {
            margin-top: 0;
            text-align: left !important;
            overflow: visible !important;
        }
            /*  White bg, large blue text for rank and title */
            table.rgMasterTable tbody th,
            table.rgMasterTable tbody td.title {
                display: block;
                line-height: 110%;
                padding: .5em .5em;
                border-bottom: 1px solid rgba(0,0,0,.15);
                overflow: visible !important;
            }

            table.rgMasterTable tbody td.title {
                padding-left: .8em;
            }

            table.rgMasterTable tbody td .cLabel {
                display: inline-block;
                min-width: 35%;
                font-size: 0.7em;
                margin-right: 0.3em;
            }

            /*  Position the title next to the rank, pad to the left */
            table.rgMasterTable tbody td.title > a {
                padding-left: 1em;
                font-weight: bold;
                display: block;
            }

            table.rgMasterTable tbody th .cLabel,
            table.rgMasterTable tbody td.title .cLabel,
            table.rgMasterTable tfoot tr table .cLabel {
                display: none;
            }

        /* Make the label elements a percentage width */
        table.rgMasterTable td .cLabel,
        table.rgMasterTable th .cLabel {
            min-width: 20%;
        }

        table.rgMasterTable td,
        table.rgMasterTable th {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            clear: left;
        }


    table.FolderContents td {
        font-size: 0.8em;
    }
}

/* New Process Top Steps No fishes */
@media only screen and (max-device-width: 640px) {
    ul.process {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        ul.process:after {
            content: '';
            display: block;
            clear: both;
        }

        ul.process > li {
            float: left;
            margin-left: 0px;
            margin-right: 0px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-right: 1em;
            padding-left: 1em;
            background: #ccc;
        }

        ul.process > li, ul.process-substeps > li {
            display: none;
        }

        ul.process li.selected,
        ul.process li.selected + li,
        ul.process li.preSelected,
        ul.process-substeps li.selected,
        ul.process-substeps li.selected + li,
        ul.process-substeps li.preSelected {
            display: block;
        }

    @media only screen and (max-device-width: 380px) {
        ul.process-substeps li.preSelected {
            display:none;
        }
    }

        ul.process > li:not(:last-child) {
            margin-right: 1px;
        }

        ul.process > li > a {
            text-decoration: none;
            color: white;
            font-size: 0.8em;
        }

        ul.process > li.visited {
            background: #78C6EC;
        }

            ul.process > li.visited:hover {
                background: #1BA1E2;
            }

            ul.process > li.selected, ul.process > li.visited.selected {
                background: #1BA1E2;
            }

        ul.process > li.disabled > a {
            pointer-events: none;
            cursor: default;
        }

        /* mini progress inside top step showing under steps*/
        ul.process > li > a > div.progress > div {
            float: left;
            margin-right: 2px;
            width: 4px;
            height: 4px;
            background: white;
        }

            ul.process > li > a > div.progress > div.completed {
                background: lightgreen;
            }


    /* New Process SubSteps */
    ul.process-substeps {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 8px;
    }

        ul.process-substeps > li {
            float: left;
            font-size: 0.7em;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 1em;
            padding-right: 1em;
            text-wrap: none;
            border-top: 1px solid white;
        }

            ul.process-substeps > li:not(:last-child) {
                margin-right: 1px;
            }

            ul.process-substeps > li.visited {
                background: #78C6EC;
            }

            ul.process-substeps > li.selected {
                background: #1BA1E2;
            }

            ul.process-substeps > li.visited:hover {
                background: #1BA1E2;
            }

                ul.process-substeps > li.visited:hover a {
                    color: white;
                }


            ul.process-substeps > li > a {
                text-decoration: none;
                color: #1BA1E2;
            }

            ul.process-substeps > li.selected > a, ul.process-substeps > li.visited > a {
                color: white;
            }

            ul.process-substeps > li.disabled {
                background: #ccc;
            }

                ul.process-substeps > li.disabled > a {
                    pointer-events: none;
                    cursor: default;
                    color: white;
                }

            ul.process-substeps > li > div.status {
                display: none;
            }
}