@font-face
{
    font-family: 'WebComponentsIcons';
    src: url('fonts/WebComponentsIcons.eot');
    src: url('fonts/WebComponentsIcons.eot') format("embedded-opentype"), url('fonts/WebComponentsIcons.woff') format("woff"), url('fonts/WebComponentsIcons.ttf') format("truetype")
}
.skipTableLink{
    padding:0 15px;
}
.skipTableLink:hover {
    color: #000;
    text-decoration: underline;
}
.divResetColOrder{
    float:right;
    padding-top:5px;
}
ul li.disabled {
    pointer-events: auto !important;
}

    ul li.disabled a:hover {
        cursor: not-allowed;
    }

.bg-closed {
    background: #020202 !important;
}
/*--------------------------------------------------------- Reports ---------------------------------------------------------*/
.MSRS-RVC {
    overflow: auto;
}
/*--------------------------------------------------------- End Reports ---------------------------------------------------------*/
.SessionTimeoutNotify{
    z-index:2000000!important;
}
#footer1_sessionFooterDiv {
    position: fixed;
    bottom: 23px;
    left: 3px;
    color: white;
    background: black;
    padding: 5px;
    border-radius: 10px;
    z-index: 1000;
}
.footer2 {
    padding: 2em 0em 4em 1em !important;
}
/* @group GLOBAL
================================================== */
.required-instructions {
    margin-bottom: 0.25em;
}

.required-instructions em {
    color: #AA2218;
    font-weight: normal;
}
    
*,
*:before,
*:after
{
    box-sizing: inherit
}
html
{
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
}
    html:lang(he), body:lang(he) {
        direction: rtl;
    }
    html:lang(ar), body:lang(ar) {
        direction: rtl;
    }
/*for Message Count input notification*/
.bubbleBadge {
    background-color: darkorange;
    color: black;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: auto;
}

.mailLi {
    padding: 2px 5px;
}

body
{
    margin: 0;
    font-size: 1.05em;
    font-size: 1em;
    background: rgba(0, 0, 0, 0.05);
    line-height: 1.6;
}
a
{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
a:hover
{
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    text-decoration: none;
    cursor: pointer;
}
a.ExternalLinks:hover
{
    border-bottom: 1px dotted rgba(0, 0, 0, 0.9);
    text-decoration: none;
}
abbr[title]
{
    border-bottom: 1px dotted
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block
}
audio,
canvas,
img,
video
{
    vertical-align: middle
}
b,
strong
{
    font-weight: 700;
}
blockquote
{
    margin: 1em 40px;
    padding: 1em;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
}
code,
kbd,
pre,
samp
{
    font-size: 1em;
    _font-family: 'courier new', monospace;
    font-family: monospace, serif;
}
dfn
{
    font-style: italic
}
h1
{
    font-size: 3em;
    margin: 0em 0;
    font-weight: 100;
    line-height: 1.1;
 
    text-align: center;
}

h2
{
    font-size: 1.3em;
    margin: 0 0 0.4em 0;
    font-weight: 700;
    line-height: 1.1;
    padding: .5em 1em;
    text-align: center;
}

h3
{
    font-size: 1.4em;
    line-height: 1.2;
    font-weight: 100;
    margin: .1em 0;
    text-align: left;
}
h3.ellipsis
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
h4
{
    font-size: 1.1em;
    font-weight: 600;
    text-align: left;
    margin-bottom: .5em;
}

h5
{
    font-size: 1.2em;
    margin: 1.67em 0;
}

h6
{
    font-size: 1em;
    margin: 2.33em 0;
}

img
{
    height: auto;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
.mBottom1{
    margin-bottom:1em;
}
mark
{
    color: #000;
    background: #ff0;
}
p,
pre
{
    margin: .1em 0 .5em
}
pre
{
    white-space: pre-wrap;
    word-wrap: break-word;
}
q
{
    quotes: none
}
q:before,
q:after
{
    content: none
}
small
{
    font-size: 80%
}
sub
{
    bottom: -.25em
}
sub,
sup
{
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup
{
    top: -.5em
}
svg:not(:root)
{
    overflow: hidden
}

hr
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
    border-top: 1px dotted rgba(0, 0, 0, 0.05);
    margin: 1.5em 0;
    padding: 0;
    clear: both;
    float: left;
    width: 100%;
}

hr
{
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

label
{
    /*display: inline-block;
    margin: 0;*/
    margin: 0 1em 0 0;
}

a[href^="tel:"], a[href^="fax:"]
{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

::-moz-selection
{
    background: #000;
    color: #FFF;
    text-shadow: none;
}

::selection
{
    background: #000;
    color: #FFF;
    text-shadow: none;
}

/* @end
================================================== */

/* @group Classes
================================================== */
.hr-medium
{
    margin: .75em 0;
}
.hr-tight
{
    margin: .25em 0;
}
.hr-light-grey
{
    border-top: 1px solid #E8E8E8;
}
/**********************Start - Invoice Status Color**********************/
.inv-statusNew {
    background: #CC4E05 !important;
}

.inv-statusViewed {
    background: #861D90 !important;
}

.inv-statusFlagged {
    background: #AA2218 !important;
}

.inv-statusApproved {
    background: #1D589A !important;
}

.inv-statusPaid {
    background: #507632 !important;
}

.inv-statusClosed {
    background: #000 !important;
}

.inv-statusVoid {
    background: #57595C !important;
}
/**********************End - Invoice Status Color**********************/
@media only screen and (max-width: 1024px) {
    .rlvI {
        width: 47% !important;
        margin: 28px 3% 4px 4px;
        height: 100% !important;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .rlvI {
        width: 45% !important;
    }
}
@media only screen and (max-width: 500px) {
    .rlvI {
        width: 100% !important;
        margin: 28px 0 4px 0;
    }
}
/**********************Common Colour**********************/
/**Common Background Colours**/
.bg-black-transparent
{
    background: rgba(0, 0, 0, 0.6)
}
.bg-black
{
    background: #000;
}

/* grey color-palette */
.bg_red {
     background: #ff0000;
}
.bg-grey
{
    background: #57595C;
    background: rgba(128, 128, 128, 1);
}
.bg-grey-light, .bg-lightgrey, .bg-greylight
{
    background: #E8E8E8;
    background: rgba(232, 232, 232, 1)
}
.bg-greydark, .bg-darkgrey, .bg-grey-dark {
    background: #57595C
}
.bg-lightgrey-transparent, .bg-greylight-transparent
{
    background: rgba(0, 0, 0, 0.03);
}

.bg-gainsboro
{
    background: #DCDCDC;
    background: rgba(220, 220, 220, 1);
}
.bg-silver
{
    background: #C0C0C0;
    background: rgba(192, 192, 192, 1);
}

.bg-white-smoke
{
    background: #F5F5F5;
    background: rgba(245, 245, 245, 1);
}
/* grey color-palette */
.bg-white
{
    background: #FFF;
    background: rgba(255, 255, 255, 1);
}
.bg-orange-dark { background: #DAA002; }

/**Common Font Colours**/
/*These classes are used on all client portals*/
.text-white { color: #FFF !important; }
.text-grey-light { color: #e8e8e8 !important; }
.text-grey-medium { color: rgba(51, 51, 51, 0.5) !important; }
.text-grey-dark { color: #57595C; }
.text-black { color: #000; }
.text-red-HPS, .text-red { color: #B50A00; }
.text-blue-HPS, .text-blue { color: #2462AA; }
.text-purple
{
    color: #861D90;
}
.text-green
{
    color: #507632;
}
.text-orange
{
    color: #CC4E05;
}

.text-yellow
{
    color: #EAC31C;
}

/**********************END Common Colours**********************/

/*For Site Content Editor on External and Internal pages*/

#div2PHcontentedit {
    margin: 3em auto;
    background:#fff;
    max-width:1500px;
}

.bg-white-gradient-empty-left
{
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 1);
    border-radius: 1em;
}

/**********************START - Status Colours**********************/
/**Status Background Colours**/
/*Please use .statusX class, common colour names should be deprecated.*/

/*1 - Denied, Error*/
.bg-red,
.bg-status1 {
    background: #AA2218;
    font-weight:600;
}

/*2 - Approved, Good, Successful, Paid*/
.bg-green,
.bg-status2 {
    background: #507632;
}

/*3 - Void*/
.bg-dark-grey,
.bg-status3 {
    background: #57595C;
}

/*4 - Available, Neutral*/
.bg-blue,
.bg-status4 {
    background: #1D589A;
}

/*5 - Orange*/
.bg-orange,
.bg-status5
{
    background: #CC4E05;
}

/*6 - Processing, Pending*/
.bg-purple,
.bg-status6
{
    background: #861D90;
}

/**Status Text Colours**/
/*These can be variations of the colour name, but should stay true to the name. Ex: Red can be a vintage red, or firetruck red. Please use .statusX class, common colour names should be deprecated.*/

/*1 - Denied, Error*/
.text-red, 
.text-status1
{
    color: #AA2218;
}

/*2 - Approved, Good, Successful, Paid*/
.text-green,
.text-status2
{
    color: #507632;
}

/*3 - Void*/
.text-dark-grey,
.text-status3
{
    color: #57595C;
}

/*4 - Available, Neutral*/
.text-blue,
.text-status4
{
    color: #2462AA;
}

/*5 - Orange*/
.text-orange,
.text-status5
{
    color: #CC4E05;
}

/*6 - Processing, Pending*/
.text-purple,
.text-status6
{
    color: #861D90;
}

/**********************END - Status Colours**********************/


/**********************START - For Containers**********************/
.padding-none, .no-padding
{
    padding: 0 !important;
}
.padding-xsmall
{
    padding: .25em;
}
.padding-small
{
    padding: .5em;
}

.padding-normal
{
    padding: 2em;
}

.padding-thick
{
    padding: 3em;
}

.padding, .pad1em
{
    padding: 1em;
}

.pad2em
{
    padding: 2em;
}

.pad3em
{
    padding: 3em;
}

.border-none
{
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0); 
}

.background-none
{
    background: transparent;
}

.contentheader
{
    /*padding: .75em .25em;*/
    color: #FFF;
}
.contentbody
{
    /*background-color: #fff*/
}

.contentbody-content
{
   
    margin-bottom: 2em; 
}

.contentbody-content > article, .contentbody-content > section, .contentbody-content > header, .contentbody-content > footer, .contentbody-content > div, .contentbody-content > aside,
.border-red > article, .border-red > section, .border-red > header, .border-red > footer, .border-red > div, .border-red 
{
    padding: 1em 2em 2em 2em; 
    /*margin-bottom: 2em;*/
}

.contentbody-content.one_fourth > article, .contentbody-content.one_fourth > div, .contentbody-content.one-fourth > article, .contentbody-content.one-fourth > div,
.popup .contentbody-content > article, .popup .contentbody-content > div, .popup .contentbody-content > article, .popup .contentbody-content > div
{
    padding: .5em 1.5em 2em 1.5em; 
}
.content-header h3 {
    color: white !important;
}
    .border-grey
{
    border: 1px solid #e8e8e8;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: #d3d3d3;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); 
}
.border-grey-noshadow
{
    border: 1px solid #e8e8e8;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: #d3d3d3;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
}
.border-grey > article, .border-grey > section, .border-grey > header, .border-grey > footer, .border-grey > div, .border-grey > aside
{
    padding: 1em 2em 2em 2em; 
    margin-bottom: 2em;
}
.border-grey > div.clear
{
    padding: 0; 
    margin-bottom: 0;
}

.contentbody-border
{
    border: 0px !important;
    border-color: transparent !important;
}
.contentbody-border2
{
    border-style: solid;
    border-width: 1px !important;
}
.container-header-tools
{
    list-style-type: none;
    position: absolute;
    top: 0;
    padding: .4em .25%;
    margin: 0;
    text-align: right;
    width: 99%;
}

.container-header-tools li
{
    display: inline-block;
}

/*
.header-red-content, .header-grey-content, .header-grey-dark-content
{
margin-right: -15px !important;
margin-left: -15px !important;
margin-bottom: 0px !important;
}

h2.header-grey, h2.header-grey-light
{
background: #e8e8e8;
}

h2.header-grey-dark
{
background: #57595C;
color: #FFF;
}
h2.header-red
{
background: #002A36;
color: #FFF;
}*/

/********************** END - For Containers**********************/
/*Required Field Accessibility*/
.RadLabel_Boilerplate4Skin .rlRequiredMark,
.requiredCustom.rlRequiredMark {
    color: transparent;
    font-size: 0px;
    text-indent: -9em;
}

    .RadLabel_Boilerplate4Skin .rlRequiredMark:after,
    .requiredCustom.rlRequiredMark:after {
        content: "*";
        font-size: initial;
        color: #AA2218;
        font-weight:600;
    }

.info-reqmark {
    font-style: italic;
    font-size: 85%;
    color: #57595c !important;
}
    .info-reqmark .rlRequiredMark:after {
        font-size: 12px;
    }

/********************** START Text Weights**********************/

body .text-weight-light, body .font-weight-light {
    font-weight: 300;
}

body .text-weight-bold, body .font-weight-bold, body strong, b, body .rlBold {
    font-weight: 600;
}

.text-weight-normal, .font-weight-normal
{
    font-weight: normal;
}

.lead
{
    font-size: 1.2em;
}

.x2
{
    font-size: 4em !important;
}

.x3
{
    font-size: 6em !important;
}

.small { font-size: .8em; }
.tiny { font-size: .6em; }
.med { font-size: .9em; }

.text-italic
{
    font-style: italic;
}
/**********************Misc Text **********************/
.open-sans-condensed
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 0.7em !important;
}
.uppercase
{
    text-transform: uppercase;
}

/********************** END Text Size Adjustments**********************/

/********************** START Text Alignments**********************/

.text-align-right
{ 
    text-align: right; 
}

.text-align-left
{
    text-align: left;
}
.text-align-center
{
    text-align: center;
}
			
.alignleft
{
    text-align: left !important;
}
.alignright
{
    text-align: right !important;
}

.aligncenter
{
    text-align: center !important;
}

.aligned-left:lang(he), .aligned-left:lang(ar) {
    text-align: right !important;
}
/********************** END Text Alignments**********************/
/*Rad Captcha*/
.rcCaptchaAudioLink:before {
    content: "\f028";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 16px !important;
}
.rcRefreshImage:before {
    content: "\f2f9";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 .2em 0 0;
    font-size: 16px !important;
}
/********************** START Block Alignments**********************/
.display-inline, .display-inline-block {
    display: inline-block;
}

.full-width
{
    width: 100% !important;
}

.center
{
    display: block;
    float: none;
    margin: 1em auto
}
.clear
{
    clear: both;
    width: 100%;
}

.clear-left
{
    clear: left;
}

.clear-right
{
    clear: right;
}

.clear-none
{
    clear: none;
}
.left
{
    float: left
}
.float-left
{
    float: left;
}
.float-right, .right
{
    float: right;
}

/********************** END Block Alignments**********************/


.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a
{
    padding: 10px!important
}
.ui-state-hover a,
.ui-state-hover a:hover
{
    color: #57595C
}
.ui-state-hover a:hover
{
    color: #FFF
}
.visuallyhidden,
.screen-reader-text
{
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0000);
    overflow: hidden;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{
    position: static;
    height: auto;
    width: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
}

/****************** START Buttons***************************/
.button, button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.1em .8em;
    text-decoration: none;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.0);
    font-weight: 300;
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{
    /*border: 1px solid rgba(0,0,0,0.2);*/
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}

.button-light
{
    background: rgba(255, 255, 255, 0.2);
    /*color: rgba(0, 0, 0, 0.9);*/ /*same as body by default*/
    border-color: rgba(255, 255, 255, 0.3); /*only colour can be edited. use transparent for no border effect*/
}
.button-light:hover
{
    background: rgba(255, 255, 255, 0.6);
    /*color: rgba(0, 0, 0, 0.9);*/ /*same as body by default*/
    border-color: rgba(255, 255, 255, 0.6); /*only colour can be edited. use transparent for no border effect*/
}
.button-dark
{ /*rarely used. seen on container header bar and login page*/
    background: rgba(0, 0, 0, 0.3); 
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.3); /*only colour can be edited. use transparent for no border effect*/
}
.button-dark:hover
{ /*rarely used. seen on container header bar and login page*/
    background: rgba(0, 0, 0, 0.4); 
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.4); /*only colour can be edited. use transparent for no border effect*/
}
.button-grey
{
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFF;
    background: #57595C;
}

.button-grey:hover
{
    border: 1px solid rgba(255, 255, 255, 1);
    color: #FFF;
    background: #000;
}

a.button-grey.drop-down
{
    background-image: url(images/arrow-white-down.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

.button-white
{
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
}

.button-white:hover
{
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #FFF;
}

.btn-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/****************** END Buttons***************************/

/*************** START Links*********/
.link
{
    text-decoration: none;
}

.link:hover
{
    text-decoration: none; 
    cursor: pointer;
}
/*************** END Links*********/

/***************START List for home/dashboard*********/

ul.large-text-buttons
{
    margin: 1em 0;
    padding: 0;
    width: 105%;
}
ul.large-text-buttons li
{
    display: inline-block;
    width: 27.9%;
    margin: 0em 5% 2em 0; 
    text-align: center;
    list-style-type: none;
    vertical-align: top;
    font-size: 1.3em;
    line-height: 1.1;
    border-radius: .3em;
    white-space: normal;
    word-wrap: break-word;
}

ul.large-text-buttons li h3
{
    text-align: center;
    font-size: 1em;
}
ul.large-text-buttons li h4, ul.large-text-buttons li p
{
    font-size: .8em;
    margin-bottom: 0;
}

ul.large-text-buttons li a
{
    padding: 1em .2em;
    display: block;
    border-radius: .3em;
    border: none;
}

ul.large-text-buttons li a i
{
    
    width: 100%;
    margin: .5em 0 .5em 0;
    font-size: 1.9em;
}

ul.large-icon-buttons
{
    margin: 1em 0;
    padding: 0;
    width: 105%;
}
ul.large-icon-buttons li
{
    display: inline-block;
    width: 27.9%;
    margin: 1em 5% 1em 0;
    border: 1px solid #e8e8e8;
    text-align: center;
    list-style-type: none;
    vertical-align: top;
    font-size: 1.3em;
    line-height: 1.1;
    border-radius: .3em;
    white-space: normal;
    word-wrap: break-word;
    position:relative;
}
/* make large buttons in a narrow column, be one per column*/
.t-col-3 ul.large-icon-buttons
{
    margin: 0;
}
.t-col-3 ul.large-icon-buttons li
{
    display: block;
    width: auto;
    font-size: 1.1em;
    text-align: left;
    margin: 0em 5% 1em 0;
}
.t-col-3 ul.large-icon-buttons li a
{
    min-height: inherit;
    padding: 1.05em 1em;
}
.t-col-3 ul.large-icon-buttons li a i
{
    width: auto;
    margin: 0 .2em 0.2em 0;
    vertical-align: middle;
    font-size: 1.4em;
}

/* END make large buttons in a narrow column, be one per column*/

ul.large-icon-buttons li:hover
{
    border-color: rgba(0, 0, 0, 0.3);
}

ul.large-icon-buttons li h3
{
    text-align: center;
    font-size: 1em;
    
}

ul.large-icon-buttons li:hover h3 {
    color: #FFF !important; 
   /* transition: color .5s ease-in-out; */
}

ul.large-icon-buttons li h4, ul.large-icon-buttons li p
{
    font-size: .8em;
    margin-bottom: 0;
}

ul.large-icon-buttons li .fa-corner
{
    position: relative;
    top: -11px;
    width: 90%;
    text-align: right;
    /*right: 2%;*/
}

ul.large-icon-buttons li a i.fa-corner
{
}

ul.large-icon-buttons li .show-on-hover
{
    position: relative;
    z-index: 9996;
    margin: 0;
    top: -80px;
    height: 0;
    opacity: 0;
}

ul.large-icon-buttons li a
{
    padding: .1em .2em;
    display: block;
    min-height: 150px;
    border-radius: .3em;
    border: 1px solid rgba(0,0,0,0);
}

ul.large-icon-buttons li a:hover{
    border:1px solid rgba(0,0,0,0.1);
    opacity: 0.6;
    
}

ul.large-icon-buttons li a i {
    width: 100%;
    margin: .5em 0 .5em 0;
    font-size: 1.9em;
}

.center-content {
    display: flex;
    justify-content: center;
}
/***************END List for home/dashboard*********/


/*************** Breadcrumbs*********/

ol.breadcrumbs li
{
    display: inline-block;
    margin: 0em 1em;
    font-size: 1.1em;
    text-align: center;    
    padding-bottom: .75em;
}

ol.breadcrumbs li:first-letter
{
    color: #cccccc;
    background: #FFF; 
    border: 1px solid #cccccc;
    border-radius: 3em;
    padding: 0 .5em .2em .5em;
}

ol.breadcrumbs li.active:first-letter
{
    color: #FFF;
    background: #AA2218; 
    border: 1px solid #AA2218;
}

ol.breadcrumbs li.active a
{
    color: #000;
}

ol.breadcrumbs li.complete a
{
    color: #57595C;
}

ol.breadcrumbs li.complete:first-letter
{
    color: #FFF;
    background: #57595C; 
    border: 1px solid #57595C;
}

ol.breadcrumbs
{
    margin: 0em;
    padding: 0;
    text-align: center;
}
ol.breadcrumbs li
{
    counter-increment: count-me;
}
ol.breadcrumbs li::before
{
    content: counter(count-me);
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    /*top: .3em;*/
    font-weight: bold;
    border-radius: 3em;
}

ol.breadcrumbs li a
{
    margin-left: 2em;
    color: #cccccc;
}

    ol.breadcrumbs li a:hover {
        color: #1D589A;
    }

/*************** START List for file types in aside*********/
.file-list
{
    list-style-type: none;
    margin: 0 0 2em 0;
    padding: 0;
    clear: both;
}
.file-list li
{
    display: inline-block;
    border-bottom: 1px solid #e8e8e8;
    /*margin-bottom: .5em;*/
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
    padding: 1em 0;
    width: 100%;
}
.file-list li .fa
{
    vertical-align: middle;
}
.file-list .fa-corner
{
    margin-top: 15px;
}

.list-col-2, .list-col-3, .list-col-4
{
    padding: 0;
    /*list-style-position: inside;*/
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.list-col-2
{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.list-col-3
{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.list-col-4
{
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}
.list-col-narrow
{
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}

.list-no-bullets
{
    list-style: none;
}
.list-col-3 li
{
    vertical-align: top;
}


/*************** END List for file types in aside*********/

.rowDisabledMbr td
{
    background-color: #E9573D !important;
    color: #fff !important;
}

/* -- Panel Loading style -- */
.loading-indicator
{
    height: 80px;
    width: 100%;
    background: url('images/WindowsPhoneProgressbar.gif' );
    background-repeat: no-repeat;
    background-position: center center;
}

.loading-indicator-overlay
{
    background-color: #FFFFFF;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

/* -- Panel Loading style -- */


/*************** START id card *******************/

.ph-print-ID-cards 
{ 
    padding: 2em;
    overflow-x: hidden;
}

#wrap-ID-cards
{
    overflow-x: auto!important;
    overflow-y: visible;
    padding-bottom: .6em;
}
/*#wrap-ID-cards ul
{

padding: 0;
margin: 0;
width: 205%;
}
*/
#wrap-ID-cards .RadLabel_EA3Skin
{
    margin: 0 !important;
    line-height: normal !important;
}
    
#wrap-ID-cards th
{
    text-align: left;
}
#wrap-ID-cards > ul
{
    padding: 0;
}
#wrap-ID-cards ul.scroll2cards {
    width: auto !important;
    display: inline-flex;
}

#wrap-ID-cards ul.scroll3cards
{
    width: 310%;
}
.id-card
{

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
    padding: .7em;
    border-radius: 1em;
    display: inline-block; 
    clear: none;
    width: 100%;
    max-width: 500px;
    min-height: 320px;
    float: left;
    margin-right: 2%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    list-style: none;
}
.id-card:last-child
{
    margin: 0;
    /*font-size: .7em;*/
}
#wrap-ID-cards ul.scroll2cards .id-card
{
    width: 48%;
}

#wrap-ID-cards ul.scroll3cards .id-card
{
    width: 32%;
}

.id-card .small, .id-card.small
{
    line-height: 1.1;
    font-size: .8em;
}
/*************** END id card *******************/

/*************** START tables *******************/

.table th, .table td
{
    padding: 1em;
    margin: 0;
		
    border-left: 1px dotted rgba(0, 0, 0, 0.08);
    border-right: 1px dotted rgba(0, 0, 0, 0.03);
    vertical-align: top;
}
.table th
{
    background: #e8e8e8;
    text-align: center;
}

.table td
{
    border-bottom: 1px solid #CCC;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    text-align: left;
}

.table-plain
{
}

.table.table-plain th, .table.table-plain td
{
    background: transparent;
    padding: .05em;
    margin: 0; 
    border-left: 1px dotted rgba(0, 0, 0, 0);
    border-right: 1px dotted rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    line-height: 1.4;
}

/*************** END tables *******************/


/*************** START scrollbar  *******************/

#content ::-webkit-scrollbar-track, 
.popup ::-webkit-scrollbar-track, 
iframe  ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); 
    background: rgba(0, 0, 0, 0.1);
    width: 2px;
}

::-moz-scrollbar
{
    width: 12px;
}

::-webkit-scrollbar
{
    width: 12px;
    background: #FFF
}
::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #FFF;
}

/*************** END scrollbar  *******************/

/*************** START Header/Footer  *******************/

#footer
{
    color: #57595C;
    background: rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    clear: both;
    background-size: 9%;
}
#footer footer
{
    padding: .5em 0;
    background: rgba(0, 0, 0, 0.05);
}
#footer a
{
    color: gray;
    border: none
}

#footer footer p
{
    text-align: center
}
#footer p
{
    margin: 0;
}
#header
{
    top: 0;
    width: 100%;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    z-index: 100;
    position: fixed;
}
#header header
{
    padding: .25em;
    color: #57595C;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
#header,
#content,
#footer
{
    padding: 0
}
#nav-tools > ul
{
    float: right;
    margin: 0;
    padding: 0;
    text-align: right
}
#nav-tools > ul >li
{
    display: inline-block;
    position: relative;
    margin: 0 5px;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    background: none;
    cursor: pointer;
    transition: all .2s;
    vertical-align: top;
}
#nav-tools > ul >li >a
{
    text-decoration: none
}
#primary-navigation
{
    float: right;
    margin: 0;
}

#primary-navigation > div
{
    float: right;
}

#social-media
{
    display: inline-block;
    float: left;
    margin-left: 55px;
}
#social-media [class^="icon-"]
{
    font-size: 1.4em !important;
}
#social-media > li
{
    display: inline-block;
    float: left;
    margin-right: 8px
}
#social-media > li a
{
    display: block;
    padding: 5px;
    color: #57595C
}
#social-media > li a:hover
{
    color: #000;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    border: none;
    transition: all .2s;
}
#social-media > ul
{
    margin: 0;
    padding: 0;
    text-align: center
}
#social-media del,
#social-media .fontawesome-text
{
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    font-size: 6px;
    text-indent: -9999em;
    border: 0;
    clip: rect(0000);
    overflow: hidden;
}
#wrap-logo
{
    float: left;
    width: 25%;
    margin: 5px !important;
}
#wrap-logo h1,
#wrap-logo h2
{
    margin: 5px 0 0 .3em;
    text-align: left;
}

.secondary-logo
{
    float: left;
    width: 5%;
    min-width: 75px;
    max-width: 135px;
    z-index: 0;
    position: relative;
    left: 50px;
    top: 30px;
}

.hero-background h1
{
    color: #FFF;
}

/*******START secondary-navigation***********/

#secondary-navigation
{
    color: #FFFFFF !important;
}

#secondary-navigation > ul
{
    text-align: right; 
    float: right;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

#secondary-navigation > ul > li
{
    /*display: block;
    float: left;*/
    display: inline-block;
    position: relative;
    background: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 5px;
    text-align: left;
}

#secondary-navigation > ul > li > a
{
    display: inline-block;
    text-decoration: none;
    color: #57595C;
    color: #FFF !important;
}

#secondary-navigation > ul > li > li > a
{
    color: #57595C;
    color: #FFF;
}

#secondary-navigation > ul > li > a:hover
{
    /*border: none;*/
    color: #000;
}

#secondary-navigation > ul > li > a.button-grey:hover
{
    background: #57595C;
    color: #FFF;
}

#secondary-navigation > ul > li > a.button-grey.drop-down > span {
    vertical-align: sub;
}
#secondary-navigation > ul > li > a.button-grey.drop-down {
    background-image: none;
}
#secondary-navigation > ul > li > a.button-grey.drop-down::after {
    content: "\f0dd";
    font-family: "Font Awesome 7 Free";
    font-weight: 700;
    font-size: 0.875em;
    color: #fff;
    vertical-align: top;
    padding-left: 0.2em;
}

@media only screen and (max-width: 1366px) {
    #secondary-navigation > ul > li > a:has(.hide-for-medium) {
        padding: 0 0.8em 0.3em 0.5em;
    }
    #secondary-navigation > ul > li > a:has(.hide-for-medium).button-grey.drop-down {
        background-position: center;
        background-image: none;
    }
    #secondary-navigation > ul > li > a:has(.hide-for-medium).button-grey.drop-down::after {
        content: "\f0dd";
        font-family: "Font Awesome 7 Free";
        font-weight: 700;
        font-size: 1.25em;
        color: #fff;
        line-height: normal;
    }
}

#secondary-navigation > ul > li:hover
{

}
#secondary-navigation > ul > li > ul
{
    padding: 0;
    position: absolute;
    /*top: 110px;*/
    left: -999em;
    /*width: 190px;*/
    width: 210px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
/*    display: none;
*/    opacity: 0;
/*    visibility: hidden;
*/    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
    background: #57595C;
    padding: 15px;
}
#secondary-navigation > ul > li > ul > li
{ 
    display: block; 
    color: #fff;
    width: 100%;
    font-size: .9em;
    border-bottom: 1px solid transparent;
    margin-bottom: 10px;
}

#secondary-navigation > ul > li > ul > li > a
{
    color: #57595C;
    color: #FFF;
}

#secondary-navigation > ul > li:hover ul, #secondary-navigation > ul > li:focus-within ul {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease;
    left:0
}

#secondary-navigation > ul > li:last-child:hover ul, #secondary-navigation > ul > li:last-child:focus-within ul {
    left: inherit;
    right: 0;
}
@media only screen and (max-width: 399px)
{
    #secondary-navigation > ul > li:last-child:hover ul, #secondary-navigation > ul > li:last-child:focus-within ul {
        right: 0;
    }
}
#secondary-navigation > ul > li a .fa
{
    /*display: block;*/
    text-align: center;
    color: #FFF;
}

#secondary-navigation > ul > li.show-for-small
{
    display: none;
}

/*******END secondary-navigation***********/

/*************** END Header/Footer  *******************/

/*******START policy liability***********/
#policy-liability 
{
    padding: 0;
    margin: 0;
    text-align: center;
}

#policy-liability li
{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: .5em 1em;
    text-align: center;
    padding: 1em;
}
#policy-liability li h3, #policy-liability li h4
{
    text-align: center;
    margin: .2em 0;
}
/*******END policy liability***********/

/*****Start claims history*****/
#cphContent_rowclaimDetails > div
{
    padding: 2em 1em;
}

html:lang(he) div[id$="divcdStatus"] > span.exportCss,
html:lang(he) div[id$="divClaimStatus"] > span.exportCss,
html:lang(ar) div[id$="divcdStatus"] > span.exportCss,
html:lang(ar) div[id$="divClaimStatus"] > span.exportCss {
    margin-left: 4px;
    margin-right: 1px;
}


/*****END claims history*****/

/*****Start Quick Links*****/
ul.ulQuickLink
{
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}
/*****END Quick Links*****/

/********** START misc **********/
.rounded
{
    border-radius: 50%;
}

.rounded
{
    border-radius: 50%;
}

.rounded h3
{
    padding: 2.25em;
}

.vertical-align-bottom
{
    vertical-align: bottom !important;
}

.vertical-align-top
{
    vertical-align: top !important;
}

.vertical-align-middle
{
    vertical-align: middle !important;
}

.vertical-align-baseline
{
    vertical-align: baseline !important;
}

.fa
{
    color: #57595C;
    color: rgba(0, 0, 0, 0.6);
}
.fa:hover, .button:hover .fa, button:hover .fa
{
    color: rgba(0, 0, 0, 0.8);
}
.fa.fa-white
{
    color: #fff !important;
}
.subtle
{
    opacity: 0.6;
}

.subtle:hover
{
    opacity: 1;
}
.width-auto
{
    width: auto;
}

.help-number
{
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.help-number-footer-wrapper {
    display: grid;
    grid-template-columns: repeat(2, fit-content(100%));
    grid-gap: 1em;
}
.help-number-footer-info {
    align-content: center;
}

.fade-in 
{
    -webkit-animation: fadein 3s;
    -moz-animation: fadein 3s;
    -ms-animation: fadein 3s;
    -o-animation: fadein 3s;
    animation: fadein 3s;
}

@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

.fade-in-top-08 {
    -webkit-animation: fadeInTop 0.8s;
    -moz-animation: fadeInTop 0.8s;
    -ms-animation: fadeInTop 0.8s;
    -o-animation: fadeInTop 0.8s;
    animation: fadeInTop 0.8s;
}
@keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeInTop {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.scroll-y
{
    max-height: 10em;
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll-y-tall
{
    max-height: 25em
}

.flex-img
{
    width: 100%;
    height: auto;
}

.one-sixth { width: 15.8%; }

.five-sixth { width: 79.1%; }

.one_fourth p, .one-fourth p, .one_fourth textarea, .one-fourth textarea
{
    font-size: .9em;
}

.error {
    border: 1px solid #AA2218 !important;
    background: #FBDAE0 !important; /*#fcf0f3*/
    color: #000 !important;
}

.errorText {
    color: #AA2218 !important;
}

.valSummary {
    border: 1px solid #AA2218;
    background: #FBDAE0;  /*#fcf0f3*/
    /*adding*/
    color: #000 !important;
}

.RadInput.riError::before, .rcbInner.error::before {
    font-weight: 700 !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 1em !important;
    content: "\f06a" !important;
    position: absolute;
    top: 0px;
    background: #AA2218;
    height: 100%;
    left: 0;
    color: white;
    width: 32px;
    text-align: center;
    margin: auto;
    line-height:2;
}


.k-dropdown-wrap.k-state-default.error:before {
    font-weight: 700 !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 1em !important;
    content: "\f06a" !important;
    position: absolute;
    top: 0px;
    background: #AA2218;
    height: 100%;
    left: 0;
    color: white;
    width: 32px;
    text-align: center;
    margin: auto;
    line-height: 2;
    
}

.k-dropdown-wrap.k-state-default.error .RadMultiColumnComboBox::placeholder {
    color: black !important;
}

.k-dropdown-wrap.k-state-default.error > input {
    padding-left: 2.5em;
}


.RadInput.riError > input {
    padding-left: 2em;
}


.rcbInner.error > input {
    padding-left: 2em !important;
   /* background: #FBDAE0 !important;*/
    color: #000 !important;
}

.valSummary, .valSummary h3, .valSummary h4 {
    color: #000;
}

    .valSummary h3:before {
        content: "\f06a";
        font-weight: 700;
        font-family: 'Font Awesome 5 Free';
        font-size: 1em !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 0.2em 0 0;
    }
 
.valSummary
{
    border: 1px solid #CC4E05;
    padding: 1em 2em 2em 2em;
    margin-bottom: 2em;
}
.valSummary>ul
{
    padding: 0 0 0 40px;
    margin: 1em 0;
}

.show-for-small
{
    display: none;
}

/*---------------67620	HPS1400 & All - CSS Focus/Outline to be More Distinct - AA----------------------------------*/
*:focus {
    outline: 2px solid yellowgreen !important;
    outline-offset: 0.3em !important;
/*    background: black;
    color: white;
    box-shadow: 2px 2px 2px black !important;*/
}
/*RadMenu Accessibility*/
.RadMenu, .RadMenu *:focus {
    outline: none !important;
}

.rmItem.rmFocused {
    outline: 2px solid yellowgreen !important;
    outline-offset: 0.3em !important;
}

.rmItem.rmFocused[aria-haspopup="true"]:after, .rmItem.rmFocused:has(span[aria-haspopup="true"]):after, .rmItem.rmFocused:has(a[aria-haspopup="true"]):after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: calc(50% - 20px) !important;
    width: 0 !important;
    height: 0 !important;
    border-top: solid 20px yellowgreen !important;
    border-left: solid 20px transparent !important;
    border-right: solid 20px transparent !important;
}
#primary-navigation {
    display: contents;
}
/*End RadMenu AAccessibility*/
input.text:focus {
    /*    background-color: #7FFF00 !important;
    color: #000 !important;*/
}

input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    outline: 2px solid yellowgreen;
    outline-offset: 0.5em !important;
}
/***for the date pickers, calendar pop-up*****/
.RadPicker .rcCalPopup:focus, .RadPicker .rcTimePopup:focus {
    background: yellowgreen; /*since the outline is not looking good, settling for the background colour change*/
}
.RadPicker .RadInput > input:focus {
    background: #eef7e2 !important;
}

html .RadUpload .ruButton.ruBrowse.ruFocused {
    outline-offset: -0.4em !important;
    outline: 2px solid yellowgreen;
}
/*---------------67620	HPS1400 & All - CSS Focus/Outline to be More Distinct - AA----------------------------------*/

/*----------------------------------- Enrollment 66220	THT Health - Separate Contribution and Coverage pages --------------*/
.rlvIEnrCvrg {
    float: left;
    width: 45%;
    margin: 52px 32px 4px 0px;
    background: #ffffff;
}
.rlvIEnrCvrg-leftborder
{
   border-left:2px solid black;
}
.rlvIEnrCvrg-rightborder
{
   border-right:2px solid black;
}
.rlvIEnrCvrgFull
{
    float: left;
    width: 95%;
    margin: 52px 32px 4px 0px;   
    background: #ffffff;
}
/********** END misc **********/


/* @end
================================================== */

/* @group Media
================================================== */
#cphContent_Fx3_RequestID_idcard #wrap-ID-cards ul.scroll2cards
{
width: 100%;
}
/* ==========================================================================
Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 768px)
{
    .hide-for-desktop{display:none;}
}
@media only screen and (max-width: 769px) 
{
     .hide-for-mobile{display:none;}
}
@media only screen and (min-width: 35em)
{
    /* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4) ,
(-webkit-min-device-pixel-ratio: 1.25) ,
(min-resolution: 120dpi)
{
    /* Style adjustments for high resolution devices */
}
@media only screen and (max-width: 1900px) { } 

@media only screen and (max-width: 1880px) { } 

@media only screen and (max-width: 1750px)
{
    .bg-wellness > .one_half
    {
        width: 94%;
        margin: 0 3%;
    }

    .bg-wellness .circle
    {
        margin-bottom: 200px;
        height: 228px;
    }
    
    .bg-wellness .bg-white-gradient-empty-left
    {
        padding: 2em 4em;
        background: rgba(255, 255, 255, 0.96);
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+13&0.96+0,1+16 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.99) 13%, rgba(255, 255, 255, 1) 16%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.99) 13%, rgba(255, 255, 255, 1) 16%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.99) 13%, rgba(255, 255, 255, 1) 16%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        border-radius: 0em;
    }
}
@media only screen and (max-width: 1700px)
{
    .popup
    {
        padding: 3% 10%;
    }
        
    #footer
    {
        background-size: 10%;
    }

    body
    {
        font-size: 1em;
    }
    /********smaller for most fonts ***/

    h1
    {
        font-size: 2.25em;
    }

    h2
    {
        font-size: 1.1em;
    }

    h3
    {
        font-size: 1.2em;
    }

    h4
    {
        font-size: 1em;
    }

    ul.large-icon-buttons li
    {
        font-size: 1.15em;
    }

    ul.large-icon-buttons li a
    {
        min-height: 135px;
    }

    /********Message Page*********/
    .tools-pane
    {
        width: 20%;
    }

    .reading-pane
    {
        width: 80%;
        padding: 2em 2em;
    }
    /********Message Page*********/
}
@media only screen and (max-width: 1640px)
{
    .fr #primary-navigation, .it #primary-navigation
    {
        font-size: 1em;
    }  
} 

@media only screen and (max-width: 1600px)
{
    
    .bg-wellness .circle
    {
    
        height: 240px;
    }
} 

@media only screen and (max-width: 1550px) 
{
    .es #primary-navigation
    {
        font-size: 1em;
    }    
    
} 

@media only screen and (max-width: 1500px)
{

    #content
    {
        margin-top: 125px;
    }

    .secondary-logo
    {
        top: 18px;
    }

    #footer
    {
        background-size: 6%;
    }

}

@media only screen and (max-width: 1400px)
{
    
    .bg-wellness .circle
    {
    
        height: 252px;
    }

    #wrap-ID-cards ul.scroll2cards {
        width: 1100px;
    }

    #wrap-ID-cards ul.scroll3cards
    {
        width: 1600px;
    }

    #wrap-ID-cards ul.scroll2cards .id-card, #wrap-ID-cards ul.scroll3cards .id-card
    {
        width: 490px;
    }

} 

@media only screen and (max-width: 1366px)
{

    #content
    {
        margin-top: 120px;
    }
    .hide-for-medium
    {
        display: none;
    }

    ul.large-icon-buttons
    {
        margin: 0;
    }
    ul.large-icon-buttons li
    {
        margin: 0em 5% .75em 0;
    }

    #content
    {
        margin-top: 125px;
    }
}

@media only screen and (max-width: 1300px)
{
    #wrap-logo
    {
        /*max-width: 220px;*/
    }
       
    .bg-wellness .circle
    {
    
        height: 201px;
    }
}
@media only screen and (max-width: 1260px)
{
    ul.large-icon-buttons li
    {
        width: 27.7%;
    }
     
    .bg-wellness .circle
    {
    
        height: 439px;
    }
}
@media only screen and (max-width: 1200px)
{

    .secondary-logo
    {
        float: none;
        width: 8%;
        margin: 10px 46% -35px 46%;
        z-index: inherit;
        position: relative;
        left: inherit;
        top: inherit;
    }

    .bg-red-bars
    {
        background-size: 15px 100%;
    }
    #footer
    {
        background-size: 8%;
        /*background-position: 0 1%;*/
    }
    
    #content
    {
        margin-top: 100px;
    }
	
    .pageedit #content
    {
        margin-top: 135px;
    }

}
@media only screen and (max-width: 1150px)
{
    #header { } #wrap-logo { }
}

@media only screen and (max-width: 1100px)
{
    .one_half,
    .two_fourth
    {
        width: 100%;
        margin: 10px 0%;
    }
    .one-fourth,
    .three-fourth
    {
        width: 50%;
    }
    .wrapper
    {
        /*margin: 20px 2%;*/
    }
    
    /********Message Page*********/
    .tools-pane, .reading-pane
    {
        width: 100%;
        padding: 1.5em;
    }
    .show-for-small
    {
        display: inline-block;
    }

    .email-list-item footer
    {
        opacity: 1; 
    }

    /********Message Page*********/
}
@media only screen and (max-width: 1050px)
{
    /*.col-md-4, .t-col-6
    {
    width: 100% !important;
    margin-right: 0%;
    float: left;
    }*/
    .bg-gen-logo
    {
        /* background-image: none !important;*/
    }
}

@media only screen and (max-width: 1024px)
{
.border-grey > article, .border-grey > section, .border-grey > header, .border-grey > footer, .border-grey > div, .border-grey > aside
{
    padding: 1em;
}
}
@media only screen and (max-width: 1015px)
{
    ul.large-icon-buttons li
    {
        /*width: 27.8%;*/
    }
}
@media only screen and (max-width: 960px)
{
    #primary-navigation
    {

        font-size: 1.1em;
    }
    #social-media li
    {
        margin-right: 2px;
    }
    /* #social-media
    {
    position: fixed;
    bottom: 0px;
    left: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    }*/
    
    #secondary-navigation > ul > li
    {
        margin: 0 2px;
    }

    #secondary-navigation > ul > li > a
    {

        padding: 0 0.8em 0.3em 0.8em;

    }
    #secondary-navigation > ul > li > a.button-grey.drop-down {
        background-position: center;
        background-image: none;
    }
    #secondary-navigation > ul > li > a.button-grey.drop-down::after {
        content: "\f0dd";
        font-family: "Font Awesome 7 Free";
        font-weight: 700;
        font-size: 1.25em;
        color: #fff;
        line-height: normal;
    }

    #secondary-navigation
    {
        /*position: fixed;
        bottom: 1px;
        right: 1px;*/
    }

    #secondary-navigation > ul > li:last-child:hover ul
    {
        /* bottom: 30px;*/
    }
    
    #footer footer
    {
        /*padding-bottom: 30px;*/
    }
    /* #ctl00_header1_btnLiveChat
    {
    position: fixed;
    bottom: 3px;
    right: 3px;
    }*/
        
    .fr #primary-navigation, .it #primary-navigation
    {
        font-size: .95em;
    } 
}
@media only screen and (max-width: 920px)
{
    #sidebar-right
    {
        width: 25%;
    }
    .body-bg img
    {
        width: 145%;
        max-width: none;
        left: -5%;
    }
}
@media only screen and (max-width: 900px)
{
    #content
    {
        margin-top: 0 !important;
    }
 #primary-navigation
    {
        min-height:60px;
        }
    .active
    {
        background: url(images/nav-close.png) no-repeat center right;
    }
    
    ol.breadcrumbs li.active{background:transparent no-repeat center right; }
    
    .secondary-logo
    {
        width: 14%;
        margin: 10px 43% -20px 43%;
    }
    
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth,
    .last
    {
        width: 100%;
        margin: 10px 0%;
    }
    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth
    {
        width: 100%;
    }
    
/*    .t-col-3,
    .t-col-9
    {
        width: 100% !important;
    }*/
   
    .rowButtons .t-col-3
    {
        width: 25% !important;
    }
     .rowButtons .t-col-9
    {
        width: 75% !important;
    }
  
    .one-half,
    .one-third,
    .two-third,
    .one-fourth,
    .two-fourth,
    .three-fourth,
    .two-third.last
    {
        width: 100%;
    }
    .one-half.center,
    .one-third.center,
    .two-third.center,
    .one-fourth.center,
    .two-fourth.center,
    .three-fourth.center
    {
        margin: 1em 0;
    }

    .page-title
    {
        padding-top: 150px;
        margin-bottom: 75px;
    }
    .page-title h1
    {
        font-size: 2em;
    }
    .page-title h2
    {
        font-size: 1.5em;
        font-weight: 300;
    }
    #wrap-logo
    {
        max-width: inherit;
        width: 300px;
        margin: .3em auto !important;
        float: none;
    }

    #wrap-logo { } h1
    {
        font-size: 2.25em;
    }
    #social-media li a
    {
        padding: 5px;
    }
    #header
    {
        position: relative;
        padding-bottom: .2em;
    }
    #content, .pageedit #content
    {
        margin-top: 0px;
    }

    .bg-wellness .circle
    {
        margin-bottom: 140px;
    }
    
    .float-left-for-small
    {
        float: left;
        margin-right: 1em;
        padding-right: .5em;
        border-right: 1px dotted rgba(0, 0, 0, 0.05);
        padding-bottom: .5em;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
        margin-bottom: 1em;
    }

    .hide-for-small
    {
        display: none!important;
    }

    ul.large-icon-buttons li a
    {
        min-height: 120px;
    }
    ul.large-icon-buttons li a i
    {
        margin: .4em 0;
    }

    .t-col-3 ul.large-icon-buttons li
    {
        width: 100%;
        display: inline-block;
    }
    body
    {
        overflow-x: hidden;
    }

    /********Message Page*********/

    .email-listing, #open-email
    {
        width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 1.5em !important;
    }

    .reading-pane, .email-listing
    {
        padding: 1em 0 !important;
    }

    .tools-pane, #msg-bulk-functions
    {
        font-size: 1.2em !important;
    }

    .tools-pane nav .inline-list
    {
        display: inline !important;
    }

    #msg-bulk-functions
    {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 100 !important;
    }

    .inline-block-list li, .inline-list li
    {
        margin-right: 1em;
    }

    .email-list-item footer
    {
        float: right;
        margin-top: -3.5em;
    }

    .new-message
    {
        position: fixed;
        z-index: 101;
        bottom: 0;
        right: 0;
        font-size: .8em !important;
        line-height: 1;
        width: 3.2em;
        height: 3.2em;
        border-radius: 100%;
        padding: 1em !important;
    }

    /********Message Page*********/
}
@media only screen and (max-width: 850px)
{
    .background-image .text
    {
        font-size: 1.5em;
        font-weight: 300;
    }
    .background-image .text h1
    {
        font-size: 1.5em;
    }
    ol.breadcrumbs li
    {
        margin: .5em 1em;
    }
    
}
@media only screen and (max-width: 800px)
{

    .contentbody-content > article,
    .contentbody-content > section,
    .contentbody-content > header,
    .contentbody-content > footer,
    .contentbody-content > div
    {
        padding: .5em;
    }

    table
    {
        overflow-x: auto;
/*        display: block;
*/    }
    th,
    td
    {
        padding: .3em;
        font-size: .9em;
    }
    .bg-gen-logo
    {
        /*background-image: none;*/
        background-position: center 10px;
        padding-top: 100px;
        background-size: auto 90px;
    }
    
    .bg-wellness .circle
    {
    
        height: 240px;
    }
    ul.large-text-buttons li
    {
        width: 44.9%;
    }
    .border-grey > article, .border-grey > section, .border-grey > header, .border-grey > footer, .border-grey > div
    {
        padding: .5em;
    }
     #social-media
    {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 768px)
{
   .rowButtons .t-col-sm-12
    {
        width: 100% !important;
    }
}
@media only screen and (max-width: 750px)
{
    .bg-wellness .circle
    {
        margin-bottom: 100px;
    }
    .ph-print-ID-cards
    {
        padding: 0em;
        overflow: scroll;
    }

}

@media only screen and (max-width: 700px)
{
    ul.large-icon-buttons li
    {
        width: 28.5%;
        margin: 0em 2% 1em 2%;
    }
    .bg-wellness .circle
    {
        margin: 240px auto 15px auto;
        float: none;
        height: 201px;
    }
    .bg-wellness .bg-white-gradient-empty-left
    {
        -webkit-box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 0);
        -moz-box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 0);
        box-shadow: 0px 0px 75px 2em rgba(255, 255, 255, 0);
    }
    
    ul.large-icon-buttons
    {
        width: 103%;
    }
    
}
@media only screen and (max-width: 675px)
{
    .background-image .text
    {
        top: 150px;
        font-size: 1.1em;
    }
}
@media only screen and (max-width: 650px) 
{
   
} 

@media only screen and (max-width: 625px) { } 

@media only screen and (max-width: 600px)
{
    
    
    .popup
    {
        padding: 2%;
    }
    
    .bg-wellness .bg-white-gradient-empty-left
    {
        padding: 1em 0;
    }

    .bg-wellness > .one_half
    {
        width: 100%;
        margin: 0px 0%;
    }
    
    .bg-wellness .circle
    {
    
        height: 145px;
    }

    .bg-red-bars
    {
        background-size: 8px 100%;
    }

    .secondary-logo
    {
        width: 20%;
        margin: 10px 40% -15px 40%;
    }
    .float-none-for-Xsmall
    {
        float: none;
    }

    ul.large-icon-buttons li a
    {
        min-height: 100px;
    }

    .t-col-3 ul.large-icon-buttons li
    {
        width: 100%;
        display: block;
    }
    /********Message Page*********/

    .email-list-item footer
    {
        float: left;
        margin-top: 0em;
    }

    /********Message Page*********/
    ul.large-text-buttons li, ul.large-text-buttons
    {
        width: 100%;
    }
}
@media only screen and (max-width: 500px)
{

    #wrap-ID-cards ul
    {
        width: 100%;
    }
    .id-card,
    .id-card:last-child
    {
        width: 450px;
        margin: 0 0 1em 5px;
    }
    ul.large-icon-buttons li
    {
        width: 45%;
    }
    
    .bg-wellness .circle
    {
    
        height: auto;
    }
}
@media only screen and (max-width: 510px) {
    ul.large-icon-buttons li
    {
        font-size: 1.00em;
    }
 } 
@media only screen and (max-width: 560px) {
    ul.large-icon-buttons li
    {
        font-size: 1.04em;
    }
 } 

@media only screen and (max-width: 450px)
{
    .circle
    {
        width: 325px;
        height: 325px;
        font-size: .8em;
    }	
}

@media only screen and (max-width: 400px)
{
	

    #nav-tools ul li
    {

        float: left;
    }

    #nav-tools ul li:last-child
    {
        max-width: none;
    }

    body
    {
        font-size: .9em;
    }
	
    #header
    {
        min-height: 96px;
    }
	
}
@media only screen and (max-width: 375px)
{
    h1
    {
        font-size: 1.75em;
    }
}

@media only screen and (max-width: 350px)
{
    .rounded h3
    {
        padding: 0.5em;
    }
    .rounded
    {
        border-radius: .5em;
    }

    .bg-wellness .circle
    {
        margin: 100px auto 5px auto;
        float: none;
    }
    
}

/* @end
================================================== */

/*--------------------- Switch control -----------------------------------*/
.switch
{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input { display: none; }

.slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
            
.slider:before
{
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round
{
    border-radius: 34px;
}

.slider.round:before
{
    border-radius: 50%;
}

/*--------------------- Switch control -----------------------------------*/            


/*************** Messages - Start *******************/
.tools-pane, .reading-pane
{
    float: left;
}
.tools-pane
{
    width: 16%;
    padding: 2em;
}

.tools-pane input[type="search"]
{
    margin: .75em 0;
    background-image: url(images/btn-search.png);
    background-position: 99% center;
    background-repeat: no-repeat;
}

.tools-pane nav ul
{
    padding: 0;
    margin: 0;
}

.tools-pane nav ul ul
{
    /*padding-left: 1em;*/
}

.tools-pane nav .inline-list
{
    display: none;
    padding-left: 0;
    float: right;
}
.tools-pane nav ul li
{
    padding: .3em 0;
}

.tools-pane nav ul > li
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tools-pane nav ul > li:first-child
{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tools-pane nav ul > li li
{
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.tools-pane nav ul > li:first-child li:first-child
{
    border-top: 1px solid rgba(0, 0, 0, 0);
}

.tools-pane nav ul li li
{
    padding-left: .75em;
}

.tools-pane nav ul li li:hover
{
    background: rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s ease;
}

.tools-pane nav ul li li:hover .inline-list
{
    display: inline;
    webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.tools-pane nav ul li li:hover a:hover, .tools-pane nav ul li li a
{
    color: rgba(0, 0, 0, 0.9);
}

.tools-pane nav ul li li li
{
    padding-left: .1em;
}

.tools-pane nav ul li li li:hover
{
    background: rgba(0, 0, 0, 0);
}

.reading-pane
{
    width: 84%;
    /*padding: 2em 6em;*/
}

#msg-bulk-functions
{
    padding: 0em .8em;
}

#msg-bulk-functions .inline-block-list, #msg-bulk-functions .inline-list
{
    margin: 0;
}

.inline-block-list, .inline-list
{
    list-style-type: none;
    /*clear: both;*/
    padding: 0;
    margin: 0;
}

.inline-block-list li, .inline-list li
{
    margin-right: .5em;
}

.inline-block-list li, .inline-block-list li input, .inline-block-list li select
{
    display: inline-block;
}

.inline-block-list li select, .inline-list li select
{
    width: auto;
}

.inline-list li, .inline-list li input, .inline-list li select
{
    display: inline;
}

.email-listing
{
    width: 37%;
}
.email-listing, #open-email
{
    max-height: 480px;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    float: left;
}
.reading-pane
{
    /*max-height: 600px;
    overflow: hidden;*/
}
.email-listing ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.email-list-item
{
    padding: 2em;
    /*background: rgba(255, 255, 255, 0.8);*/
    width: 100%
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
}
.email-list-item:hover
{
    background: rgba(255, 255, 255, 1);
}

.email-list-item h4
{
    margin: 0;
}
.email-list-item footer
{
    float: left;
}
.email-list-item footer
{
    opacity: 0;
}

.email-list-item:hover footer
{
    opacity: 1;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}

#open-email
{
    width: 100%;
    padding: 1em 3em;
    overflow: auto;
}

#open-email footer
{
    margin: .5em 0;
}

.bulk-select-checkbox
{
    float: left;
    padding: 2em 0em 3em 0;
}

.email-listing .RadListBox { height: 480px !important; }
.email-listing .rlbSelected.rlbItem
{
    border-color: #dddddd !important;
    background-color: #ffffff !important;
}
.email-listing .rlbSelected.rlbItem h3
{
    border-color: #dddddd !important;
    background-color: #ffffff !important;
}

table.message-view
{
    margin: 1em !important;
}

  @media only screen and (max-width: 768px) {
.switch-label-on
{
    display: none !important;
}
}

/*************** Messages - End *******************/


.MedEmerg
{
    color: #DE6F40 !important;
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
}

/*--------------------------------------------------------- claim status color ---------------------------------------------------------*/

/* claim status color */

.pendingCl
{
    background-color: #004B8D;
    color: #fff;
}
.approvedCl
{
    background-color: #618644;
    color: #fff;
}

.deniedCl
{
    background-color: #F73943;
    color: #fff;
}

.voidCl
{
    background-color: #A3A4A5;
    color: #fff;
}
/* claim detail status color */

.approvedClItem
{
    background-color: #618644;
    color: #fff;
}

.deniedClItem
{
    background-color: #F73943;
    color: #fff;
}
.pendingClItem
{
    background-color: #004B8D;
    color: #fff;
}
/* claim payment status color */

.availableClPayment
{
    background-color: #0079C1;
    color: #fff;
}

.voidClPayment
{
    background-color: #A3A4A5;
    color: #fff;
}

.deniedClPayment
{
    background-color: #F73943;
    color: #fff;
}
.pendingClPayment
{
    background-color: #004B8D;
    color: #fff;
}
/*--------------------------------------------------------- claim status color ---------------------------------------------------------*/
 
/*--------------------------------------------------------- RadMap ---------------------------------------------------------*/

.RadMap .k-marker { 
            margin: 0; 
            font: 28px/1 WebComponentsIcons,monospace !important;
            width: 1em; 
            height: 1em; 
            overflow: hidden; 
            text-align: center; 
    } 


/*--------------------------------------------------------- MultiColumnComboBoxDropDown ---------------------------------------------------------*/
.RadMultiColumnComboBoxDropDown_Default{
    border-color: #d9d9d9;
    color: #333;
    background-color: #fff;}
    
.k-dropdowngrid-popup{border-width:1px  !important ;border-style:solid;box-sizing:border-box;overflow:hidden}    
/*--------------------------------------------------------- w9 ---------------------------------------------------------*/

.DropZone1
{
    border: .01em dashed #767676;
    width: 100%;
    height: 110px;
    background-color: #E8E8E8;
    color: #767676;
    text-align: center;
    padding:1em;
}

.w9formborder
{
    border: .01em solid #E8E8E8;
}
/*--------------------------------------------------------- w9 ---------------------------------------------------------*/

.rlvIChart
{
    float: left;
 /*   width: 40%;*/
    margin: 52px 32px 4px 0px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background: #ffffff;   
}

/*--------------------------------------------------------- Home Slider ---------------------------------------------------------*/
.RadImageGallery {
    background: rgba(0, 0, 0, 0) !important;
    height: auto !important;
}
.RadImageGallery img, .rigItemBox
{
    width: 100%;
    height: auto !important;
}
.RadImageGallery .rigActiveImage img
{
    margin-top: 0 !important;
}

.RadImageGallery .rigDotList
{

    bottom: 50px;
}
.RadImageGallery .rigDotList>a
{
    padding: 0px !important;
}
.RadImageGallery .rigDescriptionBox p {
    font-size: 1.5em;
}
.RadImageGallery .rigDescriptionBox {
    margin-bottom: -40px !important;
    background: rgba(75,75,75,0.9) !important;
    display:block!important;
}
/*--------------------------------------------------------- Home Slider ---------------------------------------------------------*/
/*--------------------------------------------------------- External Pages ---------------------------------------------------------*/
.ExtPg h1 {
    text-align: initial;
    text-align: left;
}

/*.ExtPg .frame
{
padding: 3em 0;
max-width: 1200px;
margin: 0 auto;
}*/
.ExtPg #content
{
    /*margin-top: 93px;*/
}
.ExtPg #footer footer
{
    /*background: #004b8d;*/
}

.ExtPg #footer a
{
    color: inherit;
    border: none
}
.ExtPg #wrap-logo
{
    margin-top: 25px;
    margin-bottom: 25px
}

.ExtPg #nav-tools
{
    float: right;
    display: inline-block;
    padding-top: 0;
}

.ExtPg #nav-tools > ul > li > a
{
    padding: 34px 1.4em;
    font-weight: bold;
    display: inline-block;
}

@media only screen and (max-width: 1366px) 
{
    .ExtPg #content
    {
        margin-top: 145px;
    }
    
    /* .ExtPg #wrap-logo
    {
    max-width: 220px;
    margin: 16px 0 !important;
    }*/
}

@media only screen and (max-width: 1200px)
{
    .ExtPg #wrap-logo
    {
        /*margin: 5px 5% 5px 5% !important;*/
    }
    
    /*.ExtPg .frame
    {
    padding: 1.5em 5%;
    }*/
}
@media only screen and (max-width: 1100px)
{
    .ExtPg .wrapper
    {
        margin: 0px; 
    }
}
@media only screen and (max-width: 960px)
{
    .ExtPg #content
    {
        margin-top: 60px;
    }
    .ExtPg #footer footer
    {
        /*padding-bottom: 0px; */
    }
    .ExtPg #header header
    {
        padding: 0;
    }
}
@media only screen and (max-width: 900px)
{
    .ExtPg #content
    {
        margin-top: -15px;
    }
    .ExtPg .center
    {
        margin-top: 0;
    }
    .ExtPg #wrap-logo
    {

        width: 180px;
        margin: .3em auto !important;
        float: none;
    }
    .ExtPg #nav-tools
    {
        float: none;
        width: 100%;
    }

    .ExtPg #nav-tools > ul
    {
        float: none;
        text-align: center;
    }
    .ExtPg #nav-tools
    {
        float: right;
        display: inline-block;
        padding-top: 0 !important;
    }

    .ExtPg #nav-tools > ul > li > a
    {
        padding: 15px 1.4em !important;
    }
}


/*--------------------------------------------------------- External Pages ---------------------------------------------------------*/

/* For T65009 PageEditor paragraphs css is adding 'unwanted' margin-bottom: 2em, this will fix */
#div2PHcontentedit p:last-child{ margin-bottom:0em; padding-bottom:2em; }


div[id*="divEnrComments"],div[id*="div2PHcontentedit"],
div[id*="div2PFcontentedit"],div[id^="divEnrComments_"]
{
    padding:15px;
}


/* ControlUserTips */
.ttm-controlusertips {
    max-width: 400px;
}
.ttm-controlusertips .rtTitle {
    font-weight: bold !important;
}
.ttm-controlusertips .cutt-container {
    display: grid;
    grid-row-gap: 1.5em;
}
    .ttm-controlusertips .cutt-container .cutt-text p {
        margin: 0;
    }
    .ttm-controlusertips .cutt-container .cutt-buttons {
        display: grid;
        grid-column-gap: 2em;
        grid-row-gap: 1em;
        grid-template-columns: auto auto;
    }
        .ttm-controlusertips .cutt-container .cutt-buttons .RadButton.rbButton {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .ttm-controlusertips .cutt-container .cutt-buttons .RadButton.rbButton.caret-right:before,
        .ttm-controlusertips .cutt-container .cutt-buttons .RadButton.rbButton.xmark:before {
            font-size: 1.5em !important;
        }
        .ttm-controlusertips .cutt-container .cutt-buttons .RadButton.rbButton .rbText {
            font-size: 16px !important;
            pointer-events: none;
        }

@media (max-width: 425px) {
    .ttm-controlusertips {
        max-width: 330px;
    }
    .ttm-controlusertips .cutt-container .cutt-buttons {
        grid-template-columns: auto;
    }
}