/*Cambria Custom Global Overrides for master */
:root {
    --xl-btn-primary-color: var(--xl-minor-color)
    /*bootstrap*/
    --bs-btn-color: var(--xl-minor-color) !important; /*Minor color text*/
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
}
/********************************** MOBILE****************************************/




@media (max-width:999px) {

    .btn-primary {
        --bs-btn-color: var(--xl-minor-color) !important; /*Minor color text*/
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-color: var(--xl-minor-color) !important; /*Minor color text*/

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: transparent;
        --bs-btn-hover-border-color: var(--bs-btn-focus-color);
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-focus-color: #fff;
        --bs-btn-active-bg: transparent;
        --bs-btn-active-border-color: #5f941e;
        --bs-btn-active-shadow: none;
        --bs-btn-disabled-color: #333;
        --bs-btn-disabled-bg: #ccc;
        --bs-btn-disabled-border-color: #ccc;
        --bs-dropdown-font-size: 1em;
        --xl-minor-color-hover: #fff;
    }

    .btn.btn-primary:hover, .btn-group, .btn-primary {
        border: none !important;
        background-color:transparent;
        background:transparent;
    }
    .popup .btn-primary, .popup .btn, .popup-body .btn-group .btn.btn-primary, .popup-body .btn-group .btn.btn-primary:hover {
        background-color: transparent;
        background: transparent;
        color: var(--xl-link-color);
    }
    .main-body, .XLMain {
        width: 100%;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    form, html, body {
        height: 100%;
        padding: 0px;
        padding-top: 0px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.5em;
        width: 100% !important;
    }

    .grid-3col-tile{padding-left:20px;padding-right:20px;}
    .grid-3col-tile .header {
        padding-top: 0px;
    }

    .grid-3col-footer{bottom:10px;padding:0px 20px;}
    .grid-3col-footer .flx-group {
        margin-top: 5px;
    }


    /*left and right margins for the main page body*/
    .main-body-margin {
        width: 5px;
        padding: 5px;
    }

    a img {
        border: none;
    }

    .main-body .page-tile, .main-body.page-tile, .page-tile,
    .page-tile .container, .page-tile.container, .page .page-tile, .page.page-tile, .page-tile, .page-tile .page, .page-tile.page {
        box-shadow: none;
        width: 100% !important;
    }

  
        /*prevent left right scrolling*/
        .page-header .container, .page-header .container .row-fluid,,
        .left-panel-tile, .right-panel-tile, .page-tile .page-panel-left {
            margin-left: 0px;
            margin-right: 0px;
            width: 100% !important;
        }


    [class^="gadget"] {
        box-sizing: border-box;
    }

    /*Prevents the fixed width of the textbox to cause horizontal scrolling*/
    textarea[style] {
        width: 100% !important;
    }

  
    /****************** CLIENT SPECIFIC *************************/
    /* Only copy items from this section that are different for the client. */
    form, html, body {
        font-size: 14px;
        line-height: 1.5em;
    }

    .xl-h2, .xl-h3, .text-form-question, .font-14 {
        line-height: unset;
        margin-bottom: 10px;
    }

 

    :root {
        --bs-gutter-x: 0px;
    }

    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    /* Generic styles used only on mobile */
    .mobile-hide, .hide-mobile {
        display: none !important;
        padding: 0px;
    }

    /*will show on mobile only (hidden on full view)*/
    .mobile-show {
        display: block !important
    }

 
    .mobile-bg-trans {
        background-color: transparent;
        background: transparent;
    }

    .mobile-bg-white {
        background-color: #ffffff;
        background: #ffffff;
    }

    .mobile-bold {
        font-weight: bold;
    }

    /*client specific*/
    .mobile-bg-minor-color {
        background-color: var(--xl-minor-color);
        color: #fff;
    }

    .mobile-text-minor-color {
        color: var(--xl-minor-color);
    }

    .mobile-width100, .mobile-width100[style] {
        width: 100% !important
    }

    .PageBackground, .PageBackground:first-child {
        width: 100% !important;
    }

    .page-title button, .btn-primary, .btn.btn-primary {
        border: none;
        border-bottom: 3px solid #fff; /*White border to maintain space*/
    }


        /*title bar buttons no hover style*/
        /*    .btn, .disabled.btn-primary, [disabled].btn-primary,
    .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus, .btn-primary.dropdown-toggle:active {
        border-color: #fff;
 
        box-shadow: none;

    }*/

        .btn-primary:active:focus, .btn-primary:hover, .btn.btn-primary:hover, .btn:hover, .btn:active:focus, .btn:focus, :not(.btn-check) + .btn:hover {
            color: var(--bs-btn-color);
            background-color: #fff;
        }

    /*Title bar buttons background*/
    .buttons {
        background-color: #fff;
    }

    /*Main menu - White text on minor color highligted menu item*/
    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li:hover a, .navbar .nav > li > a {
        color: #fff !important;
        background-color: transparent !important;
    }
        .navbar .nav > .active > a{border:none;}
        /****************** END - CLIENT SPECIFIC *************************/
        /*Title bar buttons*/
        /*.btn, .btn-group, .btn-primary {
        border-radius: 0px !important;*/
        /*        overflow-y: hidden !important;*/
        /*}*/
        .btn-primary {
            padding: 10px;
        }

    /*Title bar menu to scroll instead of wrap*/
    .buttons div.btn-group {
        overflow: auto;
        white-space: nowrap;
        width: 100% !important;
    }

    div.btn-group button {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        float: none !important;
    }

    /*to allow title bar width to shrink*/
    .btn-group-vertical > .btn, .btn-group > .btn {
        white-space: normal;
        overflow: hidden;
    }




    /*Dropdown boxes*/
    /*keep caret on same line as the dropdown text*/
    .btn-group span {
        display: inline-block;
    }

    /*keep caret on same line as the dropdown text*/
    .btn .caret {
        float: none;
    }


    /*Div will be visible while scrolling in the parent div*/
    .sticky-top {
        position: sticky;
        top: 0;
    }





    /*when title text wraps to 2 lines, allow height to expand*/
    .page-title div.title {
        height: auto;
        font-size: 1.2em;
    }

    .participant-list .item-row {
        float: left;
        width: auto;
        line-height: 2em; /*27px;*/
    }

    .gadget-tile-left, .gadget-tile-right, .gadget-tile-left-noheader, .gadget-tile-right-noheader, .page-tile .gadget-standard, .page-tile.gadget-standard, .page-tile .gadget-profile, .page-tile.gadget-profile, .page-tile .gadget-panel, .page-tile.gadget-panel, .page-tile.gadget-top, .page-tile .gadget-top, .gadget-top-noheader, .gadget-top-noheader, .page-tile.gadget-request, .page-tile .gadget-request, .tile {
        /*        background: #fff none repeat scroll 0 0;
        border: none;
        box-shadow: none;
        display: block;
        float: left;
        margin-bottom: 10px;
        box-sizing: border-box;*/
        width: 100%;
    }

    .gadget-tile-left-body, .gadget-tile-left-noheader-body, .page-tile .gadget-standard-body, .page-tile.gadget-standard-body, .page-tile .gadget-profile-body, .page-tile.gadget-profile-body, .page-tile.gadget-request-body, .page-tile .gadget-request-body {
        box-sizing: border-box;
        width: 100%;
    }


    .page-tile.gadget-top-body, .page-tile .gadget-top-body, .gadget-top-noheader-body, .gadget-top-noheader-body {
        box-sizing: border-box;
        margin: 0px;
        width: 100%;
    }


    .gadget-tile-right-body, .gadget-tile-right-noheader-body, .page-tile .gadget-panel-body, .page-tile.gadget-panel-body {
        box-sizing: border-box;
        width: 100%;
    }

    /* boot strap  */
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        margin: 0px;
        box-sizing: border-box;
        width: 100%;
    }

    /* show gadget down arrows on mobile  */
    .gadget-tile-right-opener .gadget-icon, .gadget-tile-right-header .gadget-icon, .gadget-tile-right .gadget-tile-right-opener .gadget-icon {
        display: block;
    }



    .block-list-filter-header.text2, .selector-filter-header.text2, .block-list-filter-header, .block-list-filter-header .text2 {
        float: left;
        display: block;
        padding: 5px;
        line-height: 1.6em; /*  20px; */
    }


    .block-list-filter-item, .selector-filter-item {
        float: left;
        padding: 5px;
    }

    .block-list-image {
        display: none;
    }

    /*show each filter on a separate line*/
    .block-list-filter-group {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .block-list-data, block-list-data div[style] {
        width: 100% !important;
    }

    .block-list-detail-left, .block-list-detail-right {
        width: 45%;
    }

    .block-list-body div.photo-medium,
    .block-list-body.photo-medium, .block-list-body .photo-medium {
        height: 40px;
        width: 40px;
    }


    /*fixes navbar */
    .navbar-inner {
        box-sizing: border-box;
    }

    div [id$=panelSearchBox] {
        max-width: 210px;
    }



    .footer-nav {
        width: 100%;
    }

    /*.login-header {
        display: none;
    }

    .login-field input {
        width: 100% !important;
        padding: 15px;
        font-size: 1.8em;
        margin-bottom: 25px;
        height: 44px;
        margin-top: 5px;
    }


    #logintablebg {
        padding-left: 25px;
        padding-top: 0px;
        background: none !important;
        max-width: 400px;
        margin: 0 auto;
    }

    .login-recover {
        margin-top: 10px;
        margin-bottom: 20px;
    }

 


    .login-recover-text {
        font-size: 1.2em;*/ /* 16px;*/
    /*}*/

    /*    .PageBackground, body {
        background-color: #fff !important;
        background: #fff !important;
       
    }*/
    .page-panel-left {
        margin-right: 0px;
    }

    .PageBackground {
        padding: 3px;
    }
    /* END LOGIN PAGE STYLES*/
    .page-tile.page-header-language, .page-tile .page-header-language {
        height: auto;
    }

    .nav li {
        float: none;
    }

        .nav li a {
            float: left;
        }

    /*title bar is full width with buttons under*/
    .page-title {
        padding: 0px;
    }

        .page-title title {
            padding-left: 10px !important;
        }


        /*button bar show under title. green text on white background.*/
        .page-title div.buttons {
            float: left;
            margin-top: 5px;
            width: 100%;
            display: flex; /* allows buttons to center*/
        }

            .page-title div.buttons div[style] {
                margin: 0 auto;
            }


    .popup-body .page-title div.buttons {
        display: flex;
    }

    .popup-body .page-title div.title {
        width: auto !important;
    }




    /*Edit profile page buttons. Show with border on mobile since the bg is white*/
    .button-menu {
        border: 1px solid #efefef;
        margin:5px;
    }

    /*remove title image on mobile*/
    div.title {
        background-image: none !important;
        background: none !important;
        padding: 8px !important;
        padding-left: 8px !important;
        width: auto !important;
        padding: 5px;
        float: left;
        height: auto;
        /*line-height: 16px;*/
    }
    /*END title bar********************/





    #GlobalSearch input {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        padding: 6px;
    }

    .ac-searchbox-global {
        background-color: red;
    }

    #GlobalSearch i {
        font-size: 1.6em; /* 20px;*/
        line-height: 46px;
        cursor: pointer;
    }

    .navbar-search.pull-right.open i[style] {
        line-height: 46px !important;
    }

    #GlobalSearchClose {
        padding: 0px 10px;
    }


    /*show logo smaller to accomodate search bar*/
    .xl-logo-header img {
        max-height: 30px;
    }


    /*Show all panels full width on mobile */
    [class*="panel"] {
        width: 100% !important;
    }

    /*AK TEST*/
    .page-header-welcome {
        padding: 0px;
    }

    /*Show logo header as full width for mobile*/
    .xl-logo-header, .xl-main-menu {
        width: 100%;
    }

    .xl-logo-header {
        float: left;
    }

    /*display as vertical menu*/
    .nav {
        display: flex;
        flex-direction: column;
        background-color: #666;
        width: 90%;
    }

    #MainMenu li {
        border-bottom: 1px solid #fff;
    }

    /*header button text is hidden, show icons larger*/
    .welcome i {
        font-size: 1.2em; /* 16px;*/
    }

    /*turn off gradient for selected main menu item*/
    .nav > li:hover, .nav li:hover,
    .nav li.active, .nav li .active {
        background-image: none;
        background-color:var(--xl-minor-color);
    }

    /*show hamburger icon for mobile*/
    .mobile-menu-opener {
        display: block;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 0px;
        font-size: 1.8em; /* 22px;*/
        color: #999;
        line-height: 2.2em; /* 30px;*/
        cursor: pointer;
        width: 1.4em; /* 18px;*/
        padding: 5px 0px;
    }

    .navbar-search {
        border: none;
    }

        .navbar-search.pull-right div {
            display: none;
        }

        .navbar-search.pull-right.open div {
            display: block;
            width: 80%;
        }

        .navbar-search.pull-right.open {
            display: block;
            position: absolute;
            width: 100% !important;
            top: 0;
            left: 0;
            z-index: 999;
            border: 1px solid #efefef;
            margin-left: 1px;
            max-height: 50px;
        }


    /*Show bars opener when main menu closed*/
    .mobile-menu-opener.open #MainMenuOpener-bars {
        display: none;
    }

    .mobile-menu-opener.open #MainMenuOpener-times {
        display: block;
    }

    /*Show x button when main menu open*/
    .mobile-menu-opener #MainMenuOpener-bars {
        display: block;
    }

    .mobile-menu-opener #MainMenuOpener-times {
        display: none;
    }


    /*to show the search above the menu*/
    .navbar-inner {
        display: flex;
        flex-direction: column;
    }

    .navbar-search {
        margin-bottom: 10px;
    }

        .navbar-search.pull-right {
            margin-left: 15px;
        }


    /*container for main menu*/
    .navbar {
        display: none;
        background-color: transparent;
        position: absolute;
        top: 45px;
        z-index: 100;
    }

        .navbar.open::before {
            display: table;
        }

        .navbar.open {
            display: block;
            height: 100%;
            width: 100%;
        }

        .navbar .navbar-inner {
            display: none;
            background-color: transparent;
        }


        .navbar.open .navbar-inner {
            display: flex;
        }



    /*milestone list control*/
    .icon.activity-completed, .icon.activity-notstarted, .icon.activity-scheduled {
        padding-right: 20px;
    }


    /*title bar buttons More menu*/
    /*title bar buttons*/
    .title-submenu.open > .dropdown-menu {
        display: flex;
        flex-direction: column;
        float: right;
        right: 0px;
        top: 30px;
        left: unset;
        z-index: 5;
    }

    .title-icon i {
        margin-left: 10px;
        margin-top: 3px;
    }

    /*Bootstrap override - needed to push down the submenu so the menu item shows*/
    .dropdown-menu {
        --bs-dropdown-spacer: 3.125rem !important;
    }

    /*account link in header - allows the menu to close on mouse click anywhere on the page*/
    .dropdown.open > .dropdown-menu.account-menu {
        display: flex;
        flex-direction: column;
        float: right;
        right: 0px;
        top: 30px;
        left: unset;
        z-index: 5;
    }


    /*sub menu items in main menu push the other menu items down*/
    .navbar-inner .dropdown-menu {
        position: relative;
        bottom: 0px;
        top: 0px;
        width: 100%;
        border-radius: 0px;
    }


    .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown > .dropdown-toggle, .navbar .nav li.dropdown.open > .dropdown-toggle {
        width: 100%;
    }




    .title-submenu a {
        text-align: left;
    }



    .title-submenu li {
        border-bottom: 1px solid #efefef;
    }

    .typeahead.dropdown-menu[style] {
        left: 0px !important;
    }


    .activity-edit-panel-left {
        width: 100% !important;
    }

    .activity-share-panel-right {
        width: 100% !important;
    }

    [class^="item-edit"].label {
        text-align: left;
        padding-left: 0px;
    }

    .slider-wrapper {
        width: 100%;
    }


    .ColoredButton, .button-primary {
        min-width: 50px;
    }

    .item-header {
        display: table-cell;
    }
    /*the group should always span the width of the screen*/
    .flx-group, .flx-group[style] {
        width: 100% !important;
        flex: unset;
    }

    .flx-group-col {
        flex: 10;
        width: auto !important;
    }

    .flx-row {
        flex-wrap: wrap;
        flex-direction: unset;
    }

    .flex-0 {
        flex: 0;
    }

    .buttonbar-footer div[style] {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .buttonbar-footer img {
        width: 5px !important;
    }

    .add, .widget-footer .add {
        float: left;
        margin-top: 5px;
    }


    /*Question Columns Conrol*/
    .question-columns-header.col1 {
        background-color: #fff;
        ;
    }

    /*increase checkbox size*/
    .question-columns i {
        font-size: 35px;
    }

    .question-columns .flx-row {
        margin-bottom: 10px;
    }

        .question-columns .flx-row.border-bottom {
            border-bottom: 2px solid #ddd !important;
        }


    /*Slider Controls*/
    .slider-beh-col {
        border: none;
        border-top: 10px solid #ccc;
        border-bottom: 1px solid #ccc;
    }





        /*Standard Slider*/
        .slider-beh[data-value="1"], .slider-beh-col[data-value="1"] {
            border-color: #cce6ff;
            background-color: #cce6ff;
        }

        .slider-beh[data-value="5"], .slider-beh-col[data-value="5"] {
            border-color: #80c1ff;
            background-color: #80c1ff;
        }

        .slider-beh[data-value="9"], .slider-beh-col[data-value="9"] {
            border-color: #1a90ff;
            background-color: #1a90ff;
        }

        .slider-beh[data-value="13"], .slider-beh-col[data-value="13"] {
            border-color: #004f99;
            background-color: #004f99;
        }

        .slider-beh[data-value="17"], .slider-beh-col[data-value="17"] {
            border-color: #003566;
            background-color: #003566;
        }

    /*Agility slider*/
    .slider-wrapper.slider-agility .slider-beh-col[data-value="7"],
    .slider-wrapper.slider-beh-9pt.beh-active .slider-beh-col[data-value="7"] {
        border-top-color: #003566;
        border-bottom-color: #003566;
        background-color: #003566;
    }

    .slider-wrapper.slider-agility .slider-beh-col[data-value="4"],
    .slider-wrapper.slider-agility.beh-active .slider-beh-col[data-value="4"] {
        border-top-color: #1a90ff;
        border-bottom-color: #1a90ff;
        background-color: #1a90ff;
    }


    .slider-beh.beh-active, .slider-beh-col.beh-active {
        background-color: #fff !important;
    }

    .slider-wrapper.slider-agility .slider-beh-col.beh-active,
    .slider-beh-col.slider-beh-9pt.beh-active {
        border-top-color: #fbcc11;
        border-bottom-color: #efefef;
    }


    .slider-wrapper.slider-agility .beh-ratings   {
        display: none;
    }
    .slider-wrapper.slider-agility .beh-ratings.beh-active  {
        display: block;width:100% !important;
    }





    /*Needed to maintain the height of the subscale even when hidden*/
    /* .SubScale.slider-9pt {
        height: unset !important;
    }*/
    .ui-slider .ui-slider-handle {
        height: 30px;
        width: 25px;
    }


    .slider-beh-col[style] {
        border-left: none !important;
        border-top: none;
    }

    /*hide text in behavior sub-header*/
    .slider-beh-text {
        display: none;
    }

    /* display active behavior;*/
    .slider-beh-col.beh-active .slider-beh-text {
        display: flex;
        font-size: 1em;
        min-height: 90px;
        padding: 10px;
    }

    /* expand active behavior;*/
    .slider-beh-col.beh-active,
    .beh-ratings.beh-active {
        flex: 90 !important;
        background-color: #fff;
    }


    /***SSI Leadership Capabilities 360**/

    /*Hide slider arrow on mobile*/
    .slider-lc360 .slider-arrow-wrapper {
        display: none;
    }

    /*Show sub-scale for SSI*/
    .slider-lc360 .beh-rating-wrapper {
        display: flex;
    }
    /*Hide sub-scale values for SSI*/
    .slider-lc360 .beh-ratings .slider-rating-text {
        display: none !important;
    }
    /*Show sub-scale border for selected value  for SSI*/
    .slider-lc360 .slider-rating-col.bg-success {
        border-top: 3px solid #004f99;
    }

    .slider-wrapper.slider-lc360 .slider-beh-col.beh-active {
        border-bottom-color: #efefef;
    }







    /*Account link icon*/
    .PageHeaderLink i {
        padding-right: 5px;
        font-size: 1.6em; /* 20px;*/
    }




    /*Grid*/
    /*     .grid-table {
        display: unset !important;
       
    }*/
    /*Wapper for a set of columns that should not wrap even on mobile*/
    /*    .flx-group*/
    /*    .grid-table-row {
        flex-wrap: nowrap;
        float: Left;
        display: flex !important;
        flex: 1 !important;
        align-content: stretch;
        width: 100% !important;
        flex-direction: row !important;
    }

    .grid-table-cell, .grid-table-cell-header {
        float: left;
        display: flex ;
        flex-grow: 1 ;
        flex: 1 ; 
        height: auto;
        overflow:hidden;
    }*/
    .grid-table-cell span[style] {
        display: flex !important;
        width: auto !important;
    }

    /*remove set width from report grid columns*/
    .grid-report [class*="width-"] {
        width: auto !important;
    }


    /*shade every other row*/
    .item-row-wrapper .item-row:nth-child(even) {
        background-color: #efefef;
    }

    .item-header-row, .GridColumnHeading, .feed-header, .Table th, #IDPtable .TableHeader, #CompetencyPriority .TableHeader, .grid-table-cell-header {
        background-color: #e6e6e6;
    }




    input, input[type="text"], input[type='password'], input[type="text"][style] {
        box-sizing: content-box;
        padding: 10px 5px;
        width: auto !important;
    }




    select {
        background-color: #fff;
        box-sizing: content-box;
        padding: 5px;
    }

    .item-edit-row {
        margin-top: 15px;
        padding-left: 5px;
    }

    .item-edit.label {
        height: 100%;
        font-size: 1.2em; /* 16px;*/
        font-weight: 500;
        width: 100%;
    }

    .item-edit.field {
        width: 100%;
    }

    .ui-dialog[style], .ui-dialog {
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        position: absolute !important;
    }

    .item-button-right, .item-button-right:first-child {
        float: left !important;
    }

    .activity-edit-panel, .activity-edit-panel-left, .activity-share-panel-right {
        margin: auto 0;
        width: 95% !important;
        float: left;
    }

        .activity-share-panel-right .help {
            float: left;
        }

    #overlayframejq, #overlay {
        width: 99% !important;
    }

    form > table[style], .page-header {
        width: 100% !important;
    }

    .row-fluid::after {
        display: unset;
    }

    /*coach selector - show tiles in one column*/
    .selector-tile-wrapper, .grid-3col-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }







    .page-panel .page-panel-right, .page-panel.page-panel-right,
    .page-tile .page-panel-left, .page-tile.page-panel-left,
    .page-panel .page-panel-left, .page-panel.page-panel-left,
    .page-tile .page-panel-right, .page-tile.page-panel-right {
        flex: auto !important;
        height: auto !important;
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .page-panel .page-panel-right, .page-panel.page-panel-right,
    .page-tile .page-panel-right, .page-tile.page-panel-right {
        flex: 1 !important;
        height: auto !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        max-width: unset !important;
    }

    .page-panel-container .row-fluid {
        flex-wrap: wrap !important;
        width: 100%;
    }

    .page-panel-right, .page-panel-left {
        padding: 20px 15px;
    }

    .page-tile .page-panel .page-panel-right, .page-tile .page-panel.page-panel-right,
    .page-tile .page-panel .page-panel-left, .page-tile .page-panel.page-panel-left {
        padding: 0px;
    }


    .radio-horizontal .radio-tile {
        width: 100% !important;
        flex: unset;
    }

    .radio-horizontal .rating-wrapper {
        flex-wrap: wrap;
        flex-direction: unset;
    }

    .radio-3col .rating-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }






}

.pie-container  {
    padding: 8px; 
}

 
@media (max-width:500px) {
    /*coach selector - show tiles in one column*/
    .selector-tile-wrapper, .grid-3col-wrapper, .radio-3col .rating-wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: unset;
    }
    .grid-3col-tile {
        min-height: unset;
        padding: 20px;      
    }
    .grid-3col-footer {
        position: unset;
    }

}


@media print {
    .main-body, .XLMain, form, html, body {
        width: 1000px !important;
    }

    .slider-beh-text {
        display: flex;
        background-color: #fff;
        flex: 10 !important;
    }

    .slider-rating-col {
        border-bottom: none !important;
    }

    .slider-rating-text {
        flex: 10 !important;
    }
}