@media only screen and (max-device-width: 480px) 
{ 
    
    .rcbHeader 
    {
        display: none !important;
    }
    
}

body {
    background-color: #f7f7f9;
    padding: 0;
    margin: 0;
    font: 13px Inter, "Segoe UI", Helvetica, Arial, Helvetica, sans-serif;
    color: #666666;
    height: 100%;
    width: 100%;
    min-width: 900px;
}

a
{
    color: #FFF;
}

.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap
.rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table {
    font: 13px Inter, "Segoe UI", Helvetica, Arial, Helvetica, sans-serif !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    height: 40px !important;
}

.rgFilterRow {
    background-color: white !important;
}

.svglisticon {
    
}

.svgicon
    .svgiconwithhover:hover {
        fill: #23809A;
    }

.RadPanelBar_Bootstrap .rpImage {
    height: 30px; 
    width: 30px;
}

.RadGrid .rgPager .rgStatus {
    width: 0px !important;
}

.RadGrid_Bootstrap .rgPager .rgStatus {
 width: 0px !important; 
 border-right: 0px !important;
}


.RadGrid_Bootstrap .rgPagerCell {
    font-family: Inter, "Segoe UI", Helvetica, Arial, Helvetica, sans-serif !important;
}

.listViewNavBorder {
    background-color: #FFF;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #E4E4EB;
    border-radius: 7px;
    width: 246px;
}

.listViewGridBorder {
    background-color: #FFF;
    border-radius: 8px;
    padding: 12px 12px 16px 12px;
    border: 1px solid #E4E4EB;
    border-radius: 7px;
}

.colorLessDialog .rwIcon
 {
    display: none !important;
}

.borderLessDialog .rwCorner .rwTopLeft,
.borderLessDialog .rwTitlebar,
.borderLessDialog .rwCorner .rwTopRight,
.borderLessDialog .rwIcon,
.borderLessDialog table .rwTopLeft,
.borderLessDialog table .rwTopRight,
.borderLessDialog table .rwFooterLeft,
.borderLessDialog table .rwFooterRight,
.borderLessDialog table .rwFooterCenter,
.borderLessDialog table .rwBodyLeft,
.borderLessDialog table .rwBodyRight,
.borderLessDialog table .rwTitlebar,
.borderLessDialog table .rwTopResize,
.borderLessDialog table .rwStatusbar,
.borderLessDialog table .rwStatusbar .rwLoading {
    display: none !important;
}

.RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
    font-family: Inter, "Segoe UI", Helvetica, Arial, Helvetica, sans-serif !important;
}

.avatar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 23px;
    padding: 10px 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-radius: 100px;
    background-color: #ff9d0a;
    margin-top: -8px;
}

.RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
  border-style: none !important;
}

.rpExpanded, .rpExpandHandle, .RadGrid .rgHeader a {
    color: #23809A !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    /* identical to box height, or 123% */

    text-transform: uppercase;
    /* main/teal */

    color: #23809A;
}

div.bottomButtons span.RadButton_Bootstrap .rbDecorated {
    background-color: #23809A !important;
    color: #FFF !important;
}

div.bottomButtons span.RadButton_Bootstrap.rbSkinnedButton, div.bottomButtons span.RadButton_Bootstrap.rbLinkButton, div.bottomButtons span.RadButton_Bootstrap.rbVerticalButton,
div.bottomButtons span.RadButton_Bootstrap.RadButton.rbDisabled, div.bottomButtons span.RadButton_Bootstrap.RadButton.rbDisabled:hover,
div.bottomButtons span.RadButton_Bootstrap.RadButton.rbDisabled:active, div.bottomButtons span.RadButton_Bootstrap.RadButton.rbDisabled:focus {
    background-color: #23809A !important;
    color: #FFF !important;
}

.RadWindow_Bootstrap .rwTitleRow .rwCorner, .RadWindow_Bootstrap .rwTitleRow .rwTitlebar {
    color: white !important;
    background-color: #25a0da !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper, .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader {
    border-left: 0px !important;
}

.RadWindow_Bootstrap .rwTable .rwTitlebarControls em {
    color: white;
    font-weight: normal;
    margin-left: 8px;
    margin-top: 3px;
    font-size: 11pt;
    font-weight: 500 !important;
    font-family: Inter;
}

.RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
    font-size: 13px !important;
}

.rwTitleRow {
}
.authenticatedHeader {
    height: 72px;
    background-color: #1C2653;
    color: #FEFEFE;
    min-width: 900px;
    padding-top: 10px;
}

.bootstraptablefix
{
    border-collapse: separate;
    border-spacing: 3px;
}
.RadButton_Metro.rbSkinnedButton,  .RadButton_Metro.rbVerticalButton, .RadButton_Metro.rbLinkButton, .RadButton_Metro .rbSplitRight, .RadButton_Metro .rbSplitLeft {
    border: 1px solid #cdcdcd !important;
}

.wordwrap
{
    white-space:normal !important;
}
.bold
{
    font-weight:bold !important;
}


.disableBoxSizing *,
.disableBoxSizing *:before,
.disableBoxSizing *:after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul
{
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.RadPanelBar_Metro .rpRootLink
{
    background-color: #25a0da !important;
}
.RadGrid  .rgHeader 
{
    border-style: none;
}

.RadGrid .warningHeader
{
    background-color: #e74c3c !important;
}

.col1, .col2, .col3
{
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

label,
.selection-result
{
    font: 13px 'Segoe UI', Arial, sans-serif;
    color: #4888a2;
}

label
{
    padding: 0 10px 0 0;
    color: #666666;
       
    font-weight: normal;
}

.label
{
    padding: 0 10px 0 0;
    color: #666666;
       
    font-weight: normal;
}
.button
{
    vertical-align: middle;
    margin-left: 10px;
}

.selection-result
{
    padding: 10px 0 10px 0;
    display: block;
}

div.bigModuleBottom
{
    padding-top: 25px;
}

div.footer
{
    color: #666666;
    background-color: #f5f5f5;
    height: 50px;
    font-size: 10pt;
    width: 100%;
}

div.footer p
{
    padding-top: 16px;
    padding-left: 8px;
}

#wrapper
{
    width: 100%;
    height: 100%;
}

.gearMenu
{
}

.gearMenuItem
{
    Background-color: White !important;
    color: Black;
    text-decoration: none !important;
    border-color: White;
}
.gearMenuItem:hover
{
    Background-color: #bcbcbc !important;
    color: Black;
    text-decoration: none !important;
    border-color: White;
}

.dropdown ul, .dropdown ul li ul {
    border-radius: 8px !important;
    border: 1px solid #e9e9e9 !important;
}

.dropdown {
    background-color: #FFF;
}

.gear:hover
{
    Background-color: #9e9e9e !important;
    color: Black;
    text-decoration: none !important;
    border-color: White;
}
.gearSeperator
{
    background-color: White;
    border-bottom: dotted 1px #6d6d6d;
}

.RadComboBoxDropDown_Metro .rcbScroll
{ 
    overflow-x: hidden !important; 
}
.RadPanelBar_Metro .rpRootLink
{
    color: white !important;
}
span.label { font-size: 9pt; }

.listpanelitem .rpText
{
    vertical-align: middle !important;
    padding-left: 35px !important;
    padding-top: 3px !important;
}

.contactInfoBtn
{
    cursor: pointer; 
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url('../images/info24.png');
    border: none !important;
    display: inline-block;
}

.contactInfoBtn:hover
{
    background-image: url('../images/info24hover.png');
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
}


.redborderwarning
{
    border: 1px #e74c3c solid !important;
}

 .RadComboBoxDropDown .rcbMoreResults a 
 {
     color:#999;
 }

.whatsnew {
    padding: 12px 20px;    
    background-color: #25a0da;
    position: fixed;
    right: -52px;
    top: 200px;
    z-index: 1000;
    transform: rotate(270deg);
    font-size: 14pt;
    font-weight: bold;
}