.slider ul,
.holder-opener .drop ul,
/*.navbar_category .drop ul,*/
.navbar_category .slideset > ul,
/*.navbar_category.gallery-js-off .slideset > ul,*/
.page-head .drop ul,
.page-head .breadcrumbs ul,
.control_panel .box ul,
.control_panel .accordion,
.control_panel .accordion li .chat_messages,
.control_panel .info,
.control_panel .social,
.control_panel .tabset,
.control_panel .chat_frame ul,
.progress_panel .content_container .box ul,
.progress_panel .accordion_holder ul,
.reports-block .frame_container ul,
.reports-block .tab-container .tabset,
.datapicker ul,
.stage-block ul,
.slider_head ul,
.frame .holder ul,
.custom-drop ul {
margin: 0;
padding: 0;
list-style: none;
}
i.co-green {color:#57da00}
i.co-red {color:#C00}
i.co-gold {color:#ffbf00;}
.clearfix:after {
display: block;
clear: both;
content: '';
}
.ellipsis {
overflow: hidden;
white-space: nowrap;
/* 1 */
text-overflow: ellipsis;
/* 2 */
}
/*ADA Compliance Start*/
@font-face
{
font-family: delivery;
font-weight: 400;
font-style: normal;
src: url('../fonts/delivery_rg-webfont.woff') format('woff'), url('../fonts/delivery_rg-webfont.woff2') format('woff2');
}
@font-face
{
font-family: delivery;
font-weight: 700;
font-style: normal;
src: url('../fonts/delivery_bd-webfont.woff') format('woff'), url('../fonts/delivery_bd-webfont.woff2') format('woff2');
}
/*ADA Compliance End*/
@font-face {
font-family: 'linea-arrows-10';
font-weight: normal;
font-style: normal;
src: url('../fonts/linea-arrows-10.eot');
src: url('../fonts/linea-arrows-10.eot?#iefix') format('embedded-opentype'), url('../fonts/linea-arrows-10.woff') format('woff'), url('../fonts/linea-arrows-10.ttf') format('truetype'), url('../fonts/linea-arrows-10.svg#linea-arrows-10') format('svg');
}
html.framed header#header, html.framed #footer, html.framed .page-head, html.framed .navbar_category, html.framed #MainControlBar {display: none;}
html.framed body {padding:0;background:white;}
html.framed table thead th, html.framed table thead td {top: 0;}
.label {
font-weight: normal;
}
.label-inverse {background-color:#000;}
.arrowIcon[data-icon]:before {
font-family: 'linea-arrows-10' !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
content: attr(data-icon);
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^='icons-']:before,
[class*=' icons-']:before {
font-family: 'linea-arrows-10' !important;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrows-anticlockwise:before {
content: '\e000';
}
.icon-arrows-anticlockwise-dashed:before {
content: '\e001';
}
.icon-arrows-button-down:before {
content: '\e002';
}
.icon-arrows-button-off:before {
content: '\e003';
}
.icon-arrows-button-on:before {
content: '\e004';
}
.icon-arrows-button-up:before {
content: '\e005';
}
.icon-arrows-check:before {
content: '\e006';
}
.icon-arrows-circle-check:before {
content: '\e007';
}
.icon-arrows-circle-down:before {
content: '\e008';
}
.icon-arrows-circle-downleft:before {
content: '\e009';
}
.icon-arrows-circle-downright:before {
content: '\e00a';
}
.icon-arrows-circle-left:before {
content: '\e00b';
}
.icon-arrows-circle-minus:before {
content: '\e00c';
}
.icon-arrows-circle-plus:before {
content: '\e00d';
}
.icon-arrows-circle-remove:before {
content: '\e00e';
}
.icon-arrows-circle-right:before {
content: '\e00f';
}
.icon-arrows-circle-up:before {
content: '\e010';
}
.icon-arrows-circle-upleft:before {
content: '\e011';
}
.icon-arrows-circle-upright:before {
content: '\e012';
}
.icon-arrows-clockwise:before {
content: '\e013';
}
.icon-arrows-clockwise-dashed:before {
content: '\e014';
}
.icon-arrows-compress:before {
content: '\e015';
}
.icon-arrows-deny:before {
content: '\e016';
}
.icon-arrows-diagonal:before {
content: '\e017';
}
.icon-arrows-diagonal2:before {
content: '\e018';
}
.icon-arrows-down:before {
content: '\e019';
}
.icon-arrows-down-double:before {
content: '\e01a';
}
.icon-arrows-downleft:before {
content: '\e01b';
}
.icon-arrows-downright:before {
content: '\e01c';
}
.icon-arrows-drag-down:before {
content: '\e01d';
}
.icon-arrows-drag-down-dashed:before {
content: '\e01e';
}
.icon-arrows-drag-horiz:before {
content: '\e01f';
}
.icon-arrows-drag-left:before {
content: '\e020';
}
.icon-arrows-drag-left-dashed:before {
content: '\e021';
}
.icon-arrows-drag-right:before {
content: '\e022';
}
.icon-arrows-drag-right-dashed:before {
content: '\e023';
}
.icon-arrows-drag-up:before {
content: '\e024';
}
.icon-arrows-drag-up-dashed:before {
content: '\e025';
}
.icon-arrows-drag-vert:before {
content: '\e026';
}
.icon-arrows-exclamation:before {
content: '\e027';
}
.icon-arrows-expand:before {
content: '\e028';
}
.icon-arrows-expand-diagonal1:before {
content: '\e029';
}
.icon-arrows-expand-horizontal1:before {
content: '\e02a';
}
.icon-arrows-expand-vertical1:before {
content: '\e02b';
}
.icon-arrows-fit-horizontal:before {
content: '\e02c';
}
.icon-arrows-fit-vertical:before {
content: '\e02d';
}
.icon-arrows-glide:before {
content: '\e02e';
}
.icon-arrows-glide-horizontal:before {
content: '\e02f';
}
.icon-arrows-glide-vertical:before {
content: '\e030';
}
.icon-arrows-hamburger1:before {
content: '\e031';
}
.icon-arrows-hamburger-2:before {
content: '\e032';
}
.icon-arrows-horizontal:before {
content: '\e033';
}
.icon-arrows-info:before {
content: '\e034';
}
.icon-arrows-keyboard-alt:before {
content: '\e035';
}
.icon-arrows-keyboard-cmd:before {
content: '\e036';
}
.icon-arrows-keyboard-delete:before {
content: '\e037';
}
.icon-arrows-keyboard-down:before {
content: '\e038';
}
.icon-arrows-keyboard-left:before {
content: '\e039';
}
.icon-arrows-keyboard-return:before {
content: '\e03a';
}
.icon-arrows-keyboard-right:before {
content: '\e03b';
}
.icon-arrows-keyboard-shift:before {
content: '\e03c';
}
.icon-arrows-keyboard-tab:before {
content: '\e03d';
}
.icon-arrows-keyboard-up:before {
content: '\e03e';
}
.icon-arrows-left:before {
content: '\e03f';
}
.icon-arrows-left-double-32:before {
content: '\e040';
}
.icon-arrows-minus:before {
content: '\e041';
}
.icon-arrows-move:before {
content: '\e042';
}
.icon-arrows-move2:before {
content: '\e043';
}
.icon-arrows-move-bottom:before {
content: '\e044';
}
.icon-arrows-move-left:before {
content: '\e045';
}
.icon-arrows-move-right:before {
content: '\e046';
}
.icon-arrows-move-top:before {
content: '\e047';
}
.icon-arrows-plus:before {
content: '\e048';
}
.icon-arrows-question:before {
content: '\e049';
}
.icon-arrows-remove:before {
content: '\e04a';
}
.icon-arrows-right:before {
content: '\e04b';
}
.icon-arrows-right-double:before {
content: '\e04c';
}
.icon-arrows-rotate:before {
content: '\e04d';
}
.icon-arrows-rotate-anti:before {
content: '\e04e';
}
.icon-arrows-rotate-anti-dashed:before {
content: '\e04f';
}
.icon-arrows-rotate-dashed:before {
content: '\e050';
}
.icon-arrows-shrink:before {
content: '\e051';
}
.icon-arrows-shrink-diagonal1:before {
content: '\e052';
}
.icon-arrows-shrink-diagonal2:before {
content: '\e053';
}
.icon-arrows-shrink-horizonal2:before {
content: '\e054';
}
.icon-arrows-shrink-horizontal1:before {
content: '\e055';
}
.icon-arrows-shrink-vertical1:before {
content: '\e056';
}
.icon-arrows-shrink-vertical2:before {
content: '\e057';
}
.icon-arrows-sign-down:before {
content: '\e058';
}
.icon-arrows-sign-left:before {
content: '\e059';
}
.icon-arrows-sign-right:before {
content: '\e05a';
}
.icon-arrows-sign-up:before {
content: '\e05b';
}
.icon-arrows-slide-down1:before {
content: '\e05c';
}
.icon-arrows-slide-down2:before {
content: '\e05d';
}
.icon-arrows-slide-left1:before {
content: '\e05e';
}
.icon-arrows-slide-left2:before {
content: '\e05f';
}
.icon-arrows-slide-right1:before {
content: '\e060';
}
.icon-arrows-slide-right2:before {
content: '\e061';
}
.icon-arrows-slide-up1:before {
content: '\e062';
}
.icon-arrows-slide-up2:before {
content: '\e063';
}
.icon-arrows-slim-down:before {
content: '\e064';
}
.icon-arrows-slim-down-dashed:before {
content: '\e065';
}
.icon-arrows-slim-left:before {
content: '\e066';
}
.icon-arrows-slim-left-dashed:before {
content: '\e067';
}
.icon-arrows-slim-right:before {
content: '\e068';
}
.icon-arrows-slim-right-dashed:before {
content: '\e069';
}
.icon-arrows-slim-up:before {
content: '\e06a';
}
.icon-arrows-slim-up-dashed:before {
content: '\e06b';
}
.icon-arrows-square-check:before {
content: '\e06c';
}
.icon-arrows-square-down:before {
content: '\e06d';
}
.icon-arrows-square-downleft:before {
content: '\e06e';
}
.icon-arrows-square-downright:before {
content: '\e06f';
}
.icons-arrows-square-left:before {
content: '\e070';
}
.icon-arrows-square-minus:before {
content: '\e071';
}
.icon-arrows-square-plus:before {
content: '\e072';
}
.icons-arrows-square-remove:before {
content: '\e073';
}
.icon-arrows-square-right:before {
content: '\e074';
}
.icon-arrows-square-up:before {
content: '\e075';
}
.icon-arrows-square-upleft:before {
content: '\e076';
}
.icon-arrows-square-upright:before {
content: '\e077';
}
.icon-arrows-squares:before {
content: '\e078';
}
.icon-arrows-stretch-diagonal1:before {
content: '\e079';
}
.icon-arrows-stretch-diagonal2:before {
content: '\e07a';
}
.icon-arrows-stretch-diagonal3:before {
content: '\e07b';
}
.icon-arrows-stretch-diagonal4:before {
content: '\e07c';
}
.icon-arrows-stretch-horizontal1:before {
content: '\e07d';
}
.icon-arrows-stretch-horizontal2:before {
content: '\e07e';
}
.icon-arrows-stretch-vertical1:before {
content: '\e07f';
}
.icon-arrows-stretch-vertical2:before {
content: '\e080';
}
.icon-arrows-switch-horizontal:before {
content: '\e081';
}
.icon-arrows-switch-vertical:before {
content: '\e082';
}
.icon-arrows-up:before {
content: '\e083';
}
.icon-arrows-up-double-33:before {
content: '\e084';
}
.icon-arrows-upleft:before {
content: '\e085';
}
.icon-arrows-upright:before {
content: '\e086';
}
.icon-arrows-vertical:before {
content: '\e087';
}
@font-face {
font-family: 'icomoon';
font-weight: normal;
font-style: normal;
src: url('../fonts/icomoon.eot?9stjqj');
src: url('../fonts/icomoon.eot?9stjqj#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?9stjqj') format('truetype'), url('../fonts/icomoon.woff?9stjqj') format('woff'), url('../fonts/icomoon.svg?9stjqj#icomoon') format('svg');
}
.has-drop-down,
[class^='icon-'],
[class*=' icon-'] {
font-family: 'icomoon' !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* style icomoon fonts */
.icon-view_comfy:before {
content: '\e903';
}
.icon-bell:before {
content: '\e900';
}
.icon-map-pin:before {
content: '\e047';
}
.icon-menu:before {
content: '\e901';
}
.icon-map-pin:before {
content: '\e047';
}
.icon-plus:before {
content: '\e902';
}
.icon-search:before {
content: '\f002';
}
.icon-chevron-left:before {
content: '\f053';
}
.icon-chevron-right:before {
content: '\f054';
}
.icon-linkedin-square:before {
content: '\f08c';
}
.icon-twitter:before {
content: '\f099';
}
.icon-facebook:before {
content: '\f09a';
}
.icon-facebook-f:before {
content: '\f09a';
}
.icon-times-rectangle-o:before {
content: '\f2d4';
}
.icon-window-close-o:before {
content: '\f2d4';
}
.icon-arrow-with-circle-down:before {
content: '\e906';
}
.icon-arrow-with-circle-up:before {
content: '\e904';
}
.icon-chevron-with-circle-down:before {
content: '\e905';
}
.icon-chevron-down:before {
content: '\f0a3';
}
.icon-chevron-up:before {
content: '\f0a2';
}
.icon-playback-play:before {
content: '\f0bf';
}
.icon-circle-right:before {
content: '\ea42';
}
.icon-circle-left:before {
content: '\ea44';
}
.has-drop-down:before {
content: '\f0a3';
}
.icon-brand:before {
content: '\e907';
}
.icon-facebook-with-circle:before {
content: '\e908';
}
.icon-linkedin-with-circle:before {
content: '\e909';
}
.icon-twitter-with-circle:before {
content: '\e90a';
}
.icon-life-buoy:before {
content: '\f1cd';
}
.icon-cog:before {
content: '\e90c';
}
.icon-lock-closed-outline:before {
content: '\e90b';
}
.icon-cross:before {
content: '\e90d';
}
.icon-messages:before {
font-size: 17px;
content: '\e90e';
}
/*ADA Compliance start*/
.icon-linkedin:before
{
content: '\e90f';
}
.icon-youtube-play:before
{
content: '\e910';
}
.icon-instagram:before
{
content: '\e911';
}
.icon-blog:before
{
content: '\e912';
}
/*ADA Compliance end*/
.main_nav li.has-drop-down:before {
font-size: 9px;
content: '\f054';
}
.main_nav li.active.has-drop-down:before {
font-size: 12px !important;
content: '\f0a3' !important;
}
.accordion .active .icon-arrow-with-circle-down:before {
content: '\e904';
}
.navbar_category .label {margin-left:4px;}
.navbar_category .drop.align_right .has-drop-down:before {
right: auto;
left: 10px;
content: '\f0a3';
}
.navbar_category .drop > ul > li.has-drop-down:before {
font-size: 14px;
margin-top: -6px;
content: '\f0a3';
}
/* header */
/*Begin ADA Compliance Changes */
a:focus
{
outline: none;
box-shadow: inset 1px 1px 3px 0 #f90, inset -1px -1px 3px 0 #f90;
}
.accessibility
{
position: absolute;
top: auto;
left: -10000px;
overflow: hidden;
width: 1px;
height: 1px;
}
.accessibility:focus
{
position: static;
width: auto;
height: auto;
}
/*End ADA Compliance Changes*/
#header {
font-size: 0;
line-height: 0;
position: fixed;
z-index: 1000; /*ADA Compliance - changed from 99*/
/* logo */
top: 0;
right: 0;
left: 0;
letter-spacing: -4px;
border-bottom: 1px solid #9d9d9d;
background: #fff;
}
#header:after {
display: block;
clear: both;
content: '';
}
/*AdA Compliance start*/
#header .container:after
{
display: block;
clear: both;
content: '';
}
/*ADA Compliance end*/
#header #logo {
position: relative; /*ADA Compliance - added*/
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
}
/*ADA Compliance start*/
#header #logo:focus:after
{
position: absolute;
z-index: 5;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
content: '';
box-shadow: inset 1px 1px 3px 0 #f90, inset -1px -1px 3px 0 #f90;
}
/*ADA Compliance end*/
/* navbar */
#nav {
display: inline-block;
margin: 0 19px 0 0;
/* nav opener button */
vertical-align: middle;
letter-spacing: 0;
}
#nav .nav-opener {
position: relative;
display: block;
border: solid #9d9d9d;
border-width: 0 1px 0 0;
}
#nav .nav-opener .icon-playback-play {
font-size: 10px;
line-height: 20px;
position: absolute;
top: 21px;
right: 14px;
color: #9d9d9d;
}
#nav .nav-opener-holder {
position: relative;
overflow: hidden;
width: 72px;
height: 63px;
text-indent: -9999px;
}
#nav .nav-opener-holder:before,
#nav .nav-opener-holder:after,
#nav .nav-opener-holder span {
position: absolute;
top: 30px;
left: 50%;
width: 23px;
height: 2px;
margin: 0 0 0 -12px;
background: #9d9d9d;
}
#nav .nav-opener-holder:before,
#nav .nav-opener-holder:after {
top: 25px;
content: '';
}
#nav .nav-opener-holder:after {
top: 35px;
}
/* navbar slider */
/* ADA Compliance - replaced below
.slider {
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-transform .5s linear;
transition: transform .5s linear;
-webkit-transform: translate(-302px, 0);
-ms-transform: translate(-302px, 0);
transform: translate(-302px, 0);
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
}*/
/*ADA Compliance Start*/
.slider
{
position: fixed;
z-index: 1;
top: 0;
bottom: 0;
left: -25px;
overflow: auto;
width: 302px;
-webkit-transition: -webkit-transform .5s linear;
transition: transform .5s linear;
-webkit-transform: translate(-327px, 0);
-ms-transform: translate(-327px, 0);
transform: translate(-327px, 0);
background: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
}
/*ADA Compliance End*/
.slider .link_box {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
padding: 10px;
text-align: right;
color: #6c6c6c;
border: 1px solid #e8e8e8;
border-width: 0 1px 1px 1px;
background: #fff;
}
.slider .link_box a {
text-decoration: none !important;
color: #6c6c6c;
}
.slider .link_box a i {
color: #6c6c6c;
}
/* left holder */
.left-holder {
float: left;
}
/* right holder */
.right-holder {
float: right;
}
/* search panel */
.site-search {
position: relative;
float: left;
overflow: hidden;
padding: 0;
/* border-right: 1px solid #9d9d9d; */
}
.site-search .icon-search {
font-size: 22px;
line-height: 63px;
float: left;
width: 63px;
height: 63px;
margin: 0;
cursor: pointer;
text-align: center;
letter-spacing: 0;
color: #818181;
border: none; /*ADA compliance*/
background: none; /*ADA compliance*/
}
/*ADA compliance start*/
.site-search .icon-search:focus
{
outline: none;
box-shadow: inset 1px 1px 3px 0 #f90, inset -1px -1px 3px 0 #f90;
}
/*ADA compliance end*/
.site-search .input_holder {
position: fixed;
top:1px;
z-index:99;
float: left;
width: 0;
height: 63px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.site-search .input_holder:before {
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
display: block;
width: 1px;
content: '';
background: #9d9d9d;
}
.site-search.active .input_holder {
max-width: 200px;
}
.site-search input {
font-size: 13px;
line-height: 20px;
min-width: 350px;
height: 63px;
height: 63px;
padding: 10px;
color: #818181;
border: 0;
outline: none !important;
background: #fff !important;
}
.search-mg { font-size: 20px;
line-height: 63px;
float: left;
width: 50px;
margin: 0;
cursor: pointer;
text-align: center;
letter-spacing: 0;
color: #818181;
border: none;
background: none;
}
.main_nav {
/* ADA Compliance - removed: width: 302px;
height: calc(100% - 36px);*/
letter-spacing: 0;
border-bottom: 1px solid #e8e8e8;
background: #f6f6f6;
}
.main_nav .slide{
border-bottom: 1px solid #e8e8e8;
}
.main_nav .drop {
border: 1px solid #e8e8e8;
}
.main_nav .drop,.main_nav .slide{
border-width: 1px 1px 1px;
}
.main_nav .drop a,.main_nav .slide a{
border-bottom: 1px solid #e8e8e8;
}
.main_nav li {
position: relative;
}
.main_nav li.active > a {
color: #606060;
background: #fff;
}
.main_nav .has-drop-down:before {
font-size: 12px;
position: absolute;
top: 15px;
right: 15px;
}
.main_nav ul {
background: #fff;
}
.main_nav a {
font: 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
padding: 10px 10px 10px 41px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none !important;
color: #606060;
}
.main_nav a:hover {
text-decoration: none;
color: #fff;
background: #5c90d2;
}
.main_nav > li > a {
font: 700 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 26px;
text-transform: uppercase;
border: 1px solid #e8e8e8;
border-width: 1px 1px 0 1px;
}
.main_nav > li > a:hover {
color: #606060;
background: #f6f6f6;
}
/*ADA COMPLIANCE START - note this code block had been removed from WA - but is in the mockups - so it may cause issues*/
.sub-menu > .opener
{
position: absolute;
top: 0;
left: 0;
width: 30px;
min-width: 1px !important;
/* height: 38px; */
background: none;
}
/*ADA Compliance end*/
/*ul.main_nav, .main_nav .slide ul, #xmcssmenu .has-sub ul{
display:none;
} */
.sub-menu {padding-right:1px;white-space: normal;}
.sub-menu.second .custom-accordion {margin-right: -3px;}
.sub-menu > .sub-link{
position: relative;
width: 100%; /*ADA Compliance*/
}
.sub-menu > .sub-link:before,.sub-menu > .sub-link:after{
position: absolute;
content: '';
background: #606060;
}
.sub-menu > .sub-link:before{
top: 15px;
left: 19px;
width: 3px;
height: 9px;
}
.sub-menu > .sub-link:after{
top: 18px;
left: 16px;
width: 9px;
height: 3px;
}
.sub-menu > .sub-link:hover:before,.sub-menu > .sub-link:hover:after{
background: #fff;
}
.sub-menu.active > .sub-link:before{
display: none;
}
.sub-menu.active > .sub-link:hover:after{
background: #606060;
}
.sub-menu > .slide .second-sub-menu > .sub-menu > .sub-link:before{
left: 39px;
}
.sub-menu > .slide .second-sub-menu > .sub-menu > .sub-link:after{
left: 36px;
}
.arrow-btn{
position: relative;
}
.arrow-btn:before{
font-family: 'icomoon';
font-size: 9px;
position: absolute;
top: 20px;
right: 14px;
content: '\f054';
-webkit-transition: -webkit-transform .3s ease-in-out; /*ADA Compliance changes - add "s" after .3 in this and next line*/
transition: transform .3s ease-in-out;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
color: #606060;
}
.arrow-btn.active:before{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.arrow-btn.active > a{
border-bottom: 1px solid #e8e8e8;
}
.second-sub-menu li a{ /*INSTEAD OF THIS, we are going to use .sub-menu2,*/
padding: 10px 10px 10px 65px;
}
.third-sub-menu li a{ /*INSTEAD OF THIS, we are going to use .sub-menu3,*/
padding: 10px 10px 10px 79px;
border-bottom: 0 !important;
}
/************************* ADDED BY WEBAUTHOR: IF .second-sub-menu or .third-sub-menu items are changed,
we need to change these below as we are using these instead (_page_header.cfm);*/
.sub-menu2 li a{
padding: 10px 10px 10px 65px;
}
.sub-menu3 li a{
padding: 10px 10px 10px 79px;
border-bottom: 0 !important;
}
.sub-menu4 li a{
padding: 10px 10px 10px 93px;
border-bottom: 0 !important;
}
.sub-menu5 li a{
padding: 10px 10px 10px 107px;
border-bottom: 0 !important;
}
.sub-menu > .slide .sub-menu2 > .sub-menu > .sub-link:before{
left: 39px;
}
.sub-menu > .slide .sub-menu2 > .sub-menu > .sub-link:after{
left: 36px;
}
.sub-menu > .slide .sub-menu3 > .sub-menu > .sub-link:before{
left: 53px;
}
.sub-menu > .slide .sub-menu3 > .sub-menu > .sub-link:after{
left: 50px;
}
.sub-menu > .slide .sub-menu4 > .sub-menu > .sub-link:before{
left: 67px;
}
.sub-menu > .slide .sub-menu4 > .sub-menu > .sub-link:after{
left: 64px;
}
.sub-menu > .slide .sub-menu5 > .sub-menu > .sub-link:before{
left: 81px;
}
.sub-menu > .slide .sub-menu5 > .sub-menu > .sub-link:after{
left: 78px;
}
/*END: Added by WA*/
/* alert bell */
.alert-block {
position: relative;
float: left;
border-right: 1px solid #9d9d9d;
}
.alert-block .alert_description {
font: 600 10px/22px 'Nunito', Arial, Helvetica, sans-serif;
position: absolute;
top: 9px;
right: 16px;
width: 22px;
height: 22px;
color: #fff;
border-radius: 50%;
background: #0A50C2;
}
.alert-block .alert {
display: block;
width: 75px;
height: 63px;
margin: 0;
padding: 20px 10px;
text-align: center;
text-decoration: none;
letter-spacing: 0;
letter-spacing: 0;
color: #939393;
}
.alert-block .alert .icon-bell {
font-size: 24px;
line-height: 28px;
letter-spacing: 0;
}
.login-btn {
font-size: 13px;
line-height: 29px;
color: #3b3b3b;
letter-spacing: 0;
text-transform: uppercase;
vertical-align: middle;
margin: 4px 8px 0 0;
padding: 10px 20px;
background-color:#fff;
border-radius: 4px;
}
.login-btn:hover {background-color:#f1f1f1; text-decoration: none; color:#000}
/* profile block */
.profile-holder {
float: right;
/* name profile */
/* profile photo */
}
.profile-holder > a {
display: block;
padding: 13px 22px 17px 16px;
}
.profile-holder .icon-chevron-down {
font-size: 18px;
line-height: 20px;
display: inline-block;
margin: 2px 7px 0 0;
vertical-align: middle;
letter-spacing: 0;
color: #3b3b3b;
}
.profile-holder .name {
font-size: 13px;
line-height: 29px;
display: inline-block;
margin: 4px 15px 0 0;
vertical-align: middle;
letter-spacing: 0;
text-transform: uppercase;
color: #3b3b3b;
}
.profile-holder .photo {
display: inline-block;
overflow: hidden;
vertical-align: middle;
border-radius: 50%;
}
.js-sortable-holder {
position: relative;
}
.js-sortable-column {
min-height: 10px;
}
.active-drop-area {
position: relative;
}
.active-drop-area:after {
position: absolute;
top: -20px;
right: 0;
bottom: 0;
left: 0;
content: '';
opacity: .5;
background: #ccc;
}
.control_panel_slider {
position: fixed;
z-index: 100;
top: 63px;
right: -1000px;
bottom: 0;
width: 426px;
padding: 0;
z-index: 20;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border: 1px solid #ededed;
background: #fff;
box-shadow: -2px 2px 4px rgba(0, 0, 0, .1);
}
.settings-active .control_panel_slider {
right: 0;
}
#header,
html,
body {
min-width: 320px;
}
#wrapper {
position: relative;
overflow: hidden;
}
body {
margin: 0;
padding: 63px 0 0 0;
}
body #header {
-webkit-transition: all .3s linear !important; /*ADA Changes - changed from 3s to 5s - both lines*/
transition: all .3s linear !important;
}
body.nav-active {
position: relative;
overflow: hidden !important;
margin: 0 0 0 302px;
}
body.nav-active .slider {
left: 0; /*Added per ADA Changes*/
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
body.nav-active #wrapper {
position: static;
}
body.nav-active #header {
right: -302px;
left: 302px;
}
.page-head,.navbar_category{
-webkit-transition: -webkit-transform .5s linear !important;
transition: transform .5s linear !important;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.nav-active .page-head,.nav-active.navbar_category,.nav-active#main{
-webkit-transform: translate(302px, 0);
-ms-transform: translate(302px, 0);
transform: translate(302px, 0);
}
.slide-drop {
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* main */
#main {
margin: 0 auto 20px;
padding: 8px 0 0 0;
/* blank page */
/* head */
}
#main.fixed_layout {
max-width: 1184px;
}
#main .blank {
min-height: 1016px;
border: 1px solid #dfe2e4;
background: #fff;
}
#main .pad-all-20 {padding: 20px;}
#main .pad-all-30 {padding: 30px;}
#main .pto {padding-top: 10px;}
#main .pbo {padding-bottom: 10px;}
#main .mto {margin-top: 10px;}
#main .mbo {margin-bottom: 10px;}
#main .widget-holder .pod-margin { margin: 20px;}
.head {
position: relative;
/* date */
/* opener on section */
padding: 9px 46px 4px 13px;
border-bottom: 1px solid #eaecee;
}
/*.head.xm-box-heading {padding: 12px 15px 5px;}*/
.xm-box-heading > a {position: absolute;top:20px;right:10px;}
.xm-drop-box .xm-drop a.add-new:before, .xm-drop-box .xm-drop a.add-new:after {
content: '';
width: 11px;
height: 3px;
background: #6c757d;
position: absolute;
top: 50%;
left: 9px;
margin: -2px 0 0;
}
.xm-drop-box .xm-drop a.add-new:after {
width: 3px;
height: 11px;
left: 13px;
margin: -6px 0 0;
}
.xm-column .xm-btn-section{
padding-left:0;
margin:-3px 0 0 -14px;
}
.xm-btn.xm-btn-plus {
border-color:#d3d3d3;
font-size:11px;
line-height:25px;
color: #545454;
font-weight:600;
}
.xm-btn.xm-btn-plus span {padding:0 9px 2px 25px;}
.xm-btn.xm-btn-alt, .xm-btn.xm-btn-minus{
border-color:#f4f4f4;
font-size:14px;
line-height:29px;
}
.xm-btn.xm-btn-alt span, .xm-btn.xm-btn-minus span {padding:0 9px 2px 27px;}
.xm-btn.xm-btn-alt span:before,
.xm-btn.xm-btn-alt span:after,
.xm-btn.xm-btn-plus span:before,
.xm-btn.xm-btn-plus span:after{
content:'';
width:11px;
height:3px;
background:#6c757d;
position:absolute;
top:50%;
left:9px;
margin:-2px 0 0;
}
.xm-btn.xm-btn-minus span:before,
.xm-btn.xm-btn-minus span:after{
content:'';
width:11px;
height:3px;
background:#f89406;
position:absolute;
top:50%;
left:9px;
margin:-2px 0 0;
}
.xm-btn.xm-btn-alt span:after,
.xm-btn.xm-btn-plus span:after{
width:3px;
height:11px;
left:13px;
margin:-6px 0 0;
}
.xm-btn-section:after{
content:'';
display:block;
clear:both;
}
.xm-btn-section{padding:0 14px 0 0;}
.xm-btn-section .xm-btn-list-alt{
padding:0;
margin:0;
list-style:none;
}
.xm-btn-section .xm-btn-item{
float:left;
padding:0;
/*padding:0 0 10px;*/
}
.xm-btn-item > select {
font-size: 12px;
margin-top: 3px;
height: 26px;
border: 1px solid #bababa;
padding: 3px 11px 3px;
border-radius: 4px;
position: relative;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,#fff 0%,#e4e4e4 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e4e4e4));
background: -webkit-linear-gradient(top,#fff 0%,#e4e4e4 100%);
background: -o-linear-gradient(top,#fff 0%,#e4e4e4 100%);
background: -ms-linear-gradient(top,#fff 0%,#e4e4e4 100%);
background: linear-gradient(to bottom,#fff 0%,#e4e4e4 100%);
}
.xm-btn{
float:left;
margin:0 0 0 0px;
font-size:13px;
line-height:23px;
color:#545454;
border-radius:3px;
}
.xm-btn-trans{
border:none;
padding:5px;
}
.xm-btn span{
float:left;
border:1px solid #dfe2e4/*#bababa*/;
padding:0 11px 1px;
/*border-radius:4px;*/
position:relative;
background: #fff/*#6c757d*/;
color: #4b4b4b/*white*/;
}
.xm-btn-icon span{padding:0 11px 1px 25px;}
.xm-btn-icon span:before{
content:'';
width:10px;
height:10px;
background:url(../images/sprite.png) no-repeat 0 -46px;
position:absolute;
top:50%;
margin:-5px 0 0;
left:7px;
}
.xm-heading-holder .xm-btn-add:hover,
.xm-btn:hover span,
.xm-popup-active .xm-btn span{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e4e4e4 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#fff));
background: -webkit-linear-gradient(top, #e4e4e4 0%,#fff 100%);
background: -o-linear-gradient(top, #e4e4e4 0%,#fff 100%);
background: -ms-linear-gradient(top, #e4e4e4 0%,#fff 100%);
background: linear-gradient(to bottom, #e4e4e4 0%,#fff 100%);
}
.xm-btn:hover{text-decoration:none;}
.xm-drop-box{
float:left;
/*margin:0 0 0 10px; MR: 3/15/2014 - removed*/
padding:1px 0 0;
position:relative;
}
.xm-drop-box .xm-btn{
margin:0;
/*line-height:26px;
border-radius:4px;*/
}
.xm-drop-box .xm-btn span{
padding:3px 22px 2px 14px;
/*border-radius:4px;*/
min-width:100px;
}
.xm-drop-box .xm-btn span:before{
content: '\f0a3';
/*width:16px;
height:22px;
background:url(../images/sprite.png) no-repeat -14px -46px;*/
position:absolute;
top:6px;
right:10px;
font-family: 'icomoon' !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
}
.xm-drop-box .xm-drop,
.xm-edit .xm-drop{
position:absolute;
top:100%;
left:3px;
padding:9px 0 0;
font-size:1em;
line-height:15px;
display:none;
}
.xm-edit .xm-drop{
right:-18px;
left:auto;
padding:12px 0 0;
text-align:left;
font-weight:bold;
font-size:11px;
line-height:15px;
}
.xm-edit .xm-drop a{color:#4e4e4e;}
.xm-edit .xm-drop a:hover{text-decoration:none;}
.xm-drop-box .xm-drop .xm-drop-frame,
.xm-edit .xm-drop .xm-drop-frame{
background:#fff/*#fefefe*/;
width:150px;
position:relative;
padding:1px;
box-shadow:0 4px 8px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:0 4px8px 0 rgba(0,0,0,0.15);
/*border-radius:2px;*/
z-index:1;
}
.xm-edit .xm-drop .xm-drop-frame{
width:86px;
padding:17px 5px 15px 14px;
}
.xm-drop-box .xm-drop .xm-drop-frame:before,
.xm-edit .xm-drop .xm-drop-frame:before{
content:'';
top:0;
bottom:0;
left:0;
right:0;
position:absolute;
border:1px solid #fff;
border-radius:7px;
z-index:-1;
}
.xm-drop-box .xm-drop .xm-drop-frame:after,
.xm-edit .xm-drop .xm-drop-frame:after{
content:'';
width:15px;
height:8px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fefefe;
position:absolute;
top:-10px;
left:14px;
}
.xm-drop-box .xm-drop ul{
padding: 0;/*9px 0 10px;*/
margin:0;
list-style:none;
overflow:hidden;
}
.xm-drop-box .xm-drop a{
display:block;
color:#4e4e4e;
border:solid #f2f2f2;
border-width:1px 0;
margin:0 0 -1px;
padding:8px 5px 8px 30px;
position:relative;
}
.xm-drop-box .xm-drop a:before{
/*content:'';
background:url(../images/sprite.png) no-repeat;
top:6px;
left:6px;
width:16px;
height:16px;*/
position:absolute;
font-size: 8px;
margin-top: -6px;
content: '\f0a3';
color: #898989;
}
.xm-drop-box .xm-drop a.group-mailing:before{background-position:-36px -46px;}
.xm-drop-box .xm-drop a.save-excel:before{background-position:-56px -46px;}
.xm-drop-box .xm-drop a.save-pdf:before{
background-position:-76px -46px;
top:5px;
}
.xm-drop-box .xm-drop a.delete:before{
width:18px;
height:18px;
background-position:-96px -46px;
top:5px;
}
.xm-drop-box .xm-drop li:hover{
position:relative;
z-index:2;
}
.xm-drop-box .xm-drop a:hover{
background:#d9e6ea;
border-color:#cbdde2;
text-decoration:none;
}
a.pod-lnks,
a.pod-lnks:active,
a.pod-lnks:visited {
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
a.pod-lnks:hover {
color: #9d9d9d;
}
.head.bullet h1 {
position: relative;
}
.head.bullet h1:after {
position: absolute;
top: 4px;
left: -14px;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #ccc;
}
.head.bullet.orage h1:after {
background: #ffa200;
}
.head.bullet.blue h1:after {
background: #3398e6;
}
.head.bullet.green h1:after {
background: #57da00;
}
.head h1, .head h1, .head h2, .head h2, .head h3, .head h3 {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 5px;
text-transform: uppercase;
color: #4e4e4e;
}
.head .date {
font: 600 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
margin: 0 0 5px;
color: #2fbea0;
}
.head .holder-opener {
position: absolute;
top: 50%;
right: -3px;
width: 72px;
height: 63px;
margin-top: -31px;
padding: 19px; /*ADA Changes - changed from 24px*/
}
.head .opener {
position: relative;
display: block;
/* width: 23px;
height: 16px; commented out and replaced with 3 lines below per ADA Changes*/
width: 33px;
height: 26px;
padding: 5px;
text-indent: -9999px;
}
.head .opener:before,
.head .opener:after,
.head .opener span {
position: absolute;
top: 5px; /*ADA CHANGES - cahnged top and left from 0px*/
left: 5px;
width: 23px;
height: 2px;
margin: 0 0 0 0;
background: #9d9d9d;
}
.head .opener:before,
.head .opener:after {
top: 11px; /*ADA Changes - changed from 6px*/
content: '';
}
.head .opener:after {
top: 17px; /*ADA Changes - changed from 12px*/
}
.holder-opener {
position: relative;
/* drop style */
}
.holder-opener .drop {
position: absolute;
z-index: 10;
top: 100%;
right: 0;
width: 190px;
border: 1px solid #dfe2e4;
background: #fff;
}
.holder-opener .drop ul {
padding: 7px 0;
}
.holder-opener .drop ul a {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
display: block;
padding: 9px 10px 9px 39px;
text-decoration: none;
color: #4b4b4b;
}
.holder-opener .drop ul a i {
font-size: 9px;
position: absolute;
top: 13px;
left: 20px;
color: #a7a7a7;
}
.holder-opener .drop ul a:hover {
background: #f5f5f5;
}
.holder-opener .drop:after,
.holder-opener .drop:before {
position: absolute;
bottom: 100%;
left: 77%;
width: 0;
height: 0;
content: ' ';
pointer-events: none;
border: solid transparent;
}
.holder-opener .drop:after {
margin-left: -10px;
border-width: 10px;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
}
.holder-opener .drop:before {
margin-left: -11px;
border-width: 11px;
border-color: rgba(255, 225, 255, 0);
border-bottom-color: #dfe2e4;
}
/* navbar_category */
.navbar_category {
position: relative; /* drop style */ /* nav gallery */ /* slideset nav gallery */
z-index: 15;
width: 100%;
margin: 0 0 5px;
padding: 0 0 0 0;
}
/*
.navbar_category .has-drop-down:before {
font-size: 16px;
position: absolute;
top: 50%;
right: 12px;
margin-top: -10px;
color: #898989;
}
*/
.navbar_category .drop {
position: absolute;
z-index: 15;
top: 100%;
/* left: -1px; */
visibility: hidden;
/* sub_drop style */
opacity: 0;
/* width: 195%;
max-width: 30vw; */
}
.navbar_category .drop .drop {
top: 0;
left: 100%;
width: 100%;
margin: 0 0 0 -1px;
}
.navbar_category ul li.hover > .drop,
/*.navbar_category ul li.active > .drop, ADA CHANGES - this one line added: JH REMOVED: this was causing the active menu item to remain open*/
.navbar_category ul li:hover > .drop {
display: block;
visibility: visible;
opacity: 1;
}
.navbar_category .btn-holder {
font-size: 19px;
position: absolute;
white-space: nowrap;
top: 0;
right: 0;
display: none;
width: 40px;
height: 35px;
padding:7px 3px;
text-align: center;
border: 0 solid #dfe2e4;
border-width: 1px 0 1px 1px;
background: #fff;
}
.navbar_category .btn-next,
.navbar_category .btn-prev {
text-decoration: none;
color: #808080;
}
.navbar_category .btn-next.disabled,
.navbar_category .btn-prev.disabled {
display: none;
}
.navbar_category .slideset {
border-top: 1px solid #dfe2e4;
border-bottom: 1px solid #dfe2e4;
width: 100%;
background:white;
overflow: auto;
}
.navbar_category .slideset > ul{
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
overflow-x: auto;
width: 100%;
white-space: nowrap;
}
/*.navbar_category .slideset > ul:after {
display: block;
clear: both;
content: '';
}*/
.navbar_category .slideset > ul > li {
/* position: relative; */
display: inline-block;
text-align: center;
border: 0 solid #dfe2e4;
border-width: 1px 1px 1px 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.navbar_category .slideset>ul>li.active>a {
font-weight: bold;
text-transform: uppercase;
color: #3398e6;
border-bottom: 2px solid #3398e6;
}
.navbar_category .slideset > ul > li > a {
display: block;
width: 100%;
}
.navbar_category .slideset > ul > li.hover > a,
.navbar_category .slideset > ul > li.active > a /*This line added per ADA Changes*/
{
background: #ececec;
}
.navbar_category .slideset > ul > li:first-child {
border-width: 1px 1px 1px 0;
}
.navbar_category .slideset > ul > li a
{
font: 600 13px/20px 'Nunito', Arial, Helvetica, sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* min-width: 90px; */
padding: 5px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #383838;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar_category .slideset > ul > li a:hover {
background: #ececec;
}
.navbar_category .slideset > ul > li a i {
padding: 0 0 0 20px;
color: #898989;
}
/* page-head */
.page-head {
position: relative;
z-index: 16;
/* drop style */
/* breadcrumbs nav */
/* modules button */
padding:5px 15px 0px 15px;
/* padding: 17px 31px 14px 22px; */
}
/*ADA CHANGES start*/
.page-head .opener:focus
{
outline: none;
box-shadow: inset 1px 1px 3px 0 #f90, inset -1px -1px 3px 0 #f90;
}
/*ADA CHANGES end*/
.page-head .drop {
position: absolute;
z-index: 10;
top: 100%;
left: 21px;
width: 248px;
border: 1px solid #dfe2e4;
/*background: #fff;*/
border-bottom: 0;
border-right: 0;
}
.page-head .drop .sub-drop {
position: absolute;
top: 0;
left: 100%;
visibility: hidden;
width: 248px;
border: 1px solid #dfe2e4;
background: #fff;
}
.page-head .drop ul {
padding: 7px 0;
}
.page-head .drop ul li {
position: relative;
border: 1px solid #dadada;
background:white;
border-top: 0;
border-left: 0;
}
.page-head .drop ul li:hover .sub-drop,
.page-head .drop ul li.active .sub-drop /*ADA CHanges - added this line*/
{
display: block;
visibility: visible;
}
.page-head .drop ul a {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
display: block;
padding: 9px 10px 9px 39px;
text-decoration: none;
color: #4b4b4b;
}
.page-head .drop ul a i {
font-size: 13px;
position: absolute;
top: 10px;
left: 20px;
color: #a7a7a7;
}
.page-head .drop ul a:hover {
background: #f5f5f5;
}
.page-head .drop:after,
.page-head .drop:before {
position: absolute;
bottom: 100%;
left: 23px;
width: 0;
height: 0;
content: ' ';
pointer-events: none;
border: solid transparent;
}
.page-head .drop:after {
margin-left: -10px;
border-width: 10px;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
}
.page-head .drop:before {
margin-left: -11px;
border-width: 11px;
border-color: rgba(255, 225, 255, 0);
border-bottom-color: #dfe2e4;
}
.page-head:after {
display: block;
clear: both;
content: '';
}
.page-head h1 {
font: 20px/29px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
float: left;
margin: 0;
padding: 0 0 6px 23px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4b4b4b;
}
/* MR: 12/29/2023 - make main drop down wide */
.page-drop-wide {
width: calc(100vw - 68px) !important;
}
.page-drop-wide-columns {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}
.page-drop-wide-columns li a {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/*ADA Changes start*/
.page-head h1 a
{
text-decoration: none;
color: #4b4b4b;
}
.page-head h1 a:hover
{
cursor: pointer;
color: #9d9d9d;
}
/*ADA changes end*/
/*ADA Changes - comment out - replaced above
.page-head h1:hover {
cursor: pointer;
color: #9d9d9d;
}*/
.page-head h1 .icon-chevron-down {
position: absolute;
top: 4px;
left: 0;
}
.page-head .breadcrumbs {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
float: right;
padding: 7px 0 0 0;
}
.page-head .breadcrumbs ul:after {
display: block;
clear: both;
content: '';
}
.page-head .breadcrumbs ul li {
float: left;
color: #525252;
}
.page-head .breadcrumbs ul li a {
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #525252;
}
.page-head .breadcrumbs ul li a:hover {
color: #9d9d9d;
}
.page-head .breadcrumbs ul li:after {
margin: 0 7px;
content: '/';
}
.page-head .breadcrumbs ul li:last-child:after {
display: none;
}
.page-head .Add_New_Modules {
position: relative;
background: #989898;
}
.page-head .Add_New_Modules a {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
padding: 13px 39px;
cursor: pointer;
text-decoration: none;
color: #fff;
}
.page-head .Add_New_Modules a i {
position: absolute;
top: 14px;
left: 16px;
color: #fff;
}
.page-head .Add_New_Modules a i.icon-view_comfy {
font-size: 25px;
top: 8px;
right: 15px;
left: auto;
}
.control_panel {
height: 100%;
}
.control_panel .tab-content {
position: relative;
}
.control_panel .tab-content .js-tab-hidden {
width: 100%;
}
.control_panel .control_panel,
.control_panel .tab-container {
height: 100%;
}
.control_panel .tab-container > .jcf-scrollable {
height: calc(100% - 46px);
}
.control_panel .slide.group2 h4 {
color: #168cb7;
}
.control_panel .message {
padding: 21px 14px;
}
.control_panel .message .accordion {
margin: 0 -14px;
}
.control_panel .chat,
.control_panel .more {
padding: 21px 0 0;
}
.control_panel .chat .box,
.control_panel .more .box {
margin: 0;
padding: 0 14px;
}
.control_panel .show_all {
font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
padding: 0 10px 23px;
text-align: center;
}
.control_panel .show_all a {
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration: none;
color: #373737;
}
.control_panel .show_all a:hover {
color: #4e4e4e;
}
.control_panel .box {
font: 13px/21px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 23px;
color: #373737;
}
.control_panel .box p {
margin: 0;
}
.control_panel .box li {
margin-bottom: 10px;
padding: 8px 14px 9px 14px;
border-radius: 4px;
background: #f1f1f1;
}
.control_panel .box header {
overflow: hidden;
padding: 0 0 15px;
}
.control_panel .box header .close {
font-size: 16px;
height: 16px; /*ADA Changes: added this line*/
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration: none;
color: #373737;
}
.control_panel .box header .close:hover {
color: #4e4e4e;
}
.control_panel .box header .date {
font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
float: left;
padding: 0 0 0 20px;
}
.control_panel .box header .date.orage:after {
background: #ffb400;
}
.control_panel .box header .date.green:after {
background: #57da00;
}
.control_panel .box header .date.blue:after {
background: #3398e6;
}
.control_panel .box header .date.yellow:after {
background: #fed700;
}
.control_panel .box header .date.red:after {
background: #ec0000;
}
.control_panel .box header .date:after {
position: absolute;
top: 3px;
left: 0;
width: 10px;
height: 10px;
content: '';
border-radius: 50%;
background: #898989;
}
.control_panel .box header .close {
float: right;
}
.control_panel .box h2 {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0;
padding: 0 0 16px 7px;
text-transform: uppercase;
}
.control_panel .text {
padding: 20px;
}
.control_panel .form_row {
position: relative;
padding: 13px 37px 13px 21px;
border: 1px solid #e3e3e3;
border-width: 1px 1px 0 1px;
}
.control_panel .form_row.form_row_selected{
border-left: 3px solid #5c90d2;
}
.control_panel .form_row:after {
display: block;
clear: both;
content: '';
}
.control_panel .form_row:hover:before {
opacity: 1;
}
.control_panel .form_row:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2px;
content: '';
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
opacity: 0;
background: #5c90d2;
}
.control_panel .form_row label {
line-height: 20px;
margin: 0;
}
.control_panel .form_row input {
float: right;
}
.control_panel .form_row span {
float: right;
color: #cccccc;
}
.control_panel .form_row .site_link {
cursor: pointer !important;
text-decoration: none;
margin-left:2px;
}
.control_panel .form_row.form_row_selected .site_link {
margin-left:0px;
}
/* Tooltip container for Page Header Flag Icon */
.flag_tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.flag_tooltip .flag_tooltiptext {
visibility: hidden;
width: 180px;
/*height:120px;*/
background-color: #535353;
color: #d0d0d0;
text-align: center;
padding: 5px 5px;
border-radius: 6px;
position: absolute;
z-index: 1;
top: -5px;
right: 105%;
/*margin-left: -220px;
margin-left: -220px;*/
}
/* Show the tooltip text when you mouse over the tooltip container */
.flag_tooltip:hover .flag_tooltiptext {
visibility: visible;
font-size: 13px;
line-height: 13px;
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
}
.control_panel .accordion {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
color: #4e4e4e;
border: 1px solid #e3e3e3;
border-width: 0 0 1px 0;
background: #fff;
}
.control_panel .accordion li {
border: 1px solid #e3e3e3;
border-width: 1px 1px 0 1px;
}
.control_panel .accordion li .chat_messages .profile {
padding: 0;
border-bottom: 0;
}
.control_panel .accordion li .chat_messages li a {
padding: 14px 24px;
background: #fff;
}
.control_panel .accordion li .chat_messages .avatar-holder {
width: 41px;
height: 41px;
border-width: 1px;
}
.control_panel .accordion li .chat_messages .avatar {
margin-right: 22px;
}
.control_panel .accordion li .chat_messages .avatar:after {
right: -3px;
bottom: 1px;
width: 12px;
height: 12px;
border-width: 1px;
}
.control_panel .accordion li .chat_messages .text-holder {
padding: 0;
text-transform: capitalize;
}
.control_panel .accordion li .chat_messages .text-holder h4 {
font: 700 15px/18px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 2px;
text-transform: capitalize;
}
.control_panel .accordion li .chat_messages .text-holder .position {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
color: #8e8e8e;
}
.control_panel .accordion li > a {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
display: block;
padding: 23px 63px;
text-decoration: none;
text-transform: uppercase;
color: #4e4e4e;
background: #f6f6f6;
}
.control_panel .accordion li > a i {
font-size: 18px;
position: absolute;
color: #969696;
}
.control_panel .accordion li > a i.icon-chevron-right {
font-size: 12px;
position: absolute;
top: 50%;
right: 22px;
margin-top: -5px;
}
.control_panel .accordion li > a i.icon-messages {
font-size: 20px !important;
top: 20px;
left: 26px;
}
.control_panel .accordion li > a i.icon-lock-closed-outline {
font-size: 20px !important;
top: 20px;
left: 26px;
}
.control_panel .accordion li > a i.icon-life-buoy {
top: 20px;
left: 26px;
}
.control_panel .accordion li > a i.icon-cog {
top: 20px;
left: 26px;
}
.control_panel .accordion li > a i.icon-arrow-with-circle-down {
top: 21px;
right: 24px;
}
.control_panel .info {
font: 16px/18px 'Nunito', Arial, Helvetica, sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
border-bottom: 1px solid #e7e7e5;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.control_panel .info li {
padding: 16px 0;
text-align: center;
color: #626262;
border-right: 1px solid #e7e7e5;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.control_panel .info li:last-child {
border: 0;
}
.control_panel .info li .value {
font: 12px/14px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
padding-top: 2px;
color: #909090;
}
.control_panel .profile {
margin: 0;
padding: 38px 0 33px 27px;
border-bottom: 1px solid #e7e7e5;
}
.control_panel .avatar {
position: relative;
float: left;
margin: 0 25px 0 0;
}
.control_panel .avatar .avatar-holder {
overflow: hidden;
width: 100px;
height: 100px;
border: 2px solid #e7e7e5;
border-radius: 50%;
}
.control_panel .avatar img {
width: 100%;
}
.control_panel .avatar:after {
position: absolute;
right: 0;
bottom: 10px;
width: 21px;
height: 21px;
content: '';
border-radius: 50%;
}
.control_panel .avatar.online:after {
border: 2px solid #fff;
background: #03d00d;
}
.control_panel .avatar.offline:after {
border: 2px solid #fff;
background: #ec0000;
}
.control_panel .text-holder {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
overflow: hidden;
padding: 12px 0 0 0;
color: #4e4e4e;
}
.control_panel .text-holder .mail {
margin: 0 0 4px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
.control_panel .text-holder .mail:hover {
color: #ddd;
}
.control_panel .text-holder .position {
display: block;
margin: 0 0 4px;
}
.control_panel .text-holder h4, .control_panel .text-holder h2 {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 5px;
text-transform: uppercase;
}
.control_panel .social {
padding-top: 9px;
}
.control_panel .social:after {
display: block;
clear: both;
content: '';
}
.control_panel .social li {
float: left;
margin: 0 11px 0 0;
}
.control_panel .social li a {
display: block; /*ADA Changes - added this line*/
text-decoration: none;
}
.control_panel .social li a:hover i {
color: #ddd;
}
.control_panel .social li a i {
font-size: 22px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
color: #848484;
}
.control_panel .btn-close {
font-size: 26px;
position: absolute;
z-index: 100;
top: 57px;
right: 19px;
height: 28px; /*ADA Changes - added this line*/
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #979797;
}
.control_panel .btn-close:hover {
color: #ddd;
}
.control_panel .tabset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
text-transform: uppercase;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-wrap: nowrap;
overflow: auto;
white-space: nowrap;
}
.control_panel .tabset li {
text-align: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.control_panel .tabset li a {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
padding: 14px 10px;
text-decoration: none;
color: #d0d0d0;
background: #535353;
}
.control_panel .tabset li a.active {
color: #535353;
border-top: 2px solid #178cb7;
background: #fff;
}
.control_panel .chat-slider {
position: absolute;
z-index: 10;
top: 44px;
right: -101%;
bottom: 0;
left: 101%;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
background: #fff;
}
.control_panel .chat-slider.active {
right: 0;
left: 0;
}
.control_panel .chat-slider .btn-back {
font-size: 11px;
position: absolute;
top: 23px;
left: 19px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #4e4e4e;
}
.control_panel .chat-slider .btn-back i {
font-size: 26px;
display: inline-block;
margin-bottom: 6px;
vertical-align: top;
}
.control_panel .chat-slider .btn-back .text_holder {
display: block;
}
.control_panel .chat-slider .btn-profile {
font-size: 11px;
position: absolute;
top: 21px;
right: 38px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #4e4e4e;
}
.control_panel .chat-slider .btn-profile i {
font-size: 30px;
display: inline-block;
margin-bottom: 6px;
vertical-align: top;
}
.control_panel .chat-slider .btn-profile .text_holder {
display: block;
}
.control_panel .chat-slider .chat_frame {
position: absolute;
top: 181px;
right: 0;
bottom: 76px;
left: 0;
padding: 17px 29px 17px 13px;
}
.control_panel .chat-slider .chat_frame .jcf-scrollable-wrapper,
.control_panel .chat-slider .chat_frame .jcf-scrollable {
overflow: hidden;
height: 100% !important;
}
.control_panel .chat-slider .chat_frame .jcf-scrollable {
min-width: 382px;
}
.control_panel .chat-slider .profile {
padding: 23px 30px 4px 30px;
text-align: center;
}
.control_panel .chat-slider .profile .avatar {
display: inline-block;
float: none;
margin: 0;
vertical-align: top;
}
.control_panel form.footer-form {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 21px;
background: #efefef;
}
.control_panel form.footer-form .form_container {
position: relative;
overflow: hidden;
border-radius: 4px;
}
.control_panel form.footer-form .textarea_holder {
padding: 0 46px 0 0;
}
.control_panel form.footer-form textarea {
float: left;
width: 100%;
height: 35px;
margin: 0;
padding: 7px 10px;
resize: none !important;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
color: #969696;
border: 0;
outline: none;
}
.control_panel form.footer-form textarea:focus {
height: 335px;
}
.control_panel form.footer-form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 46px;
color: #fff;
border: 0;
background: #168cb7;
}
.control_panel .chat_frame ul li {
padding: 0 0 17px;
text-align: right;
}
.control_panel .chat_frame ul li p {
margin: 0;
}
.control_panel .chat_frame ul li .chat_message {
position: relative;
display: inline-block;
max-width: 321px;
padding: 10px 30px 10px 20px;
vertical-align: top;
color: #5a5a5a;
border-radius: 4px;
background: #f3f3f3;
}
.control_panel .chat_frame ul li .chat_message:after {
position: absolute;
top: 80%;
right: 100%;
width: 0;
height: 0;
margin-top: -5px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 5px;
border-color: rgba(243, 243, 243, 0);
border-right-color: #f3f3f3;
}
.control_panel .chat_frame .user {
text-align: left;
}
.control_panel .chat_frame .user .chat_message {
position: relative;
padding: 10px 20px 10px 30px;
color: #fff;
background: #168cb7;
}
.control_panel .chat_frame .user .chat_message:after {
position: absolute;
top: 80%;
left: 100%;
width: 0;
height: 0;
margin-top: -5px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 5px;
border-color: rgba(22, 140, 183, 0);
border-left-color: #168cb7;
}
/* progress_panel */
.progress_panel {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif; /* content */ /* accordion_holder */
}
.progress_panel .progress_bar_header {
padding: 0 0 16px 21px;
text-transform: uppercase;
}
.progress_panel .progress_bar_header h1 {
font: 700 19px/22px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 3px;
text-transform: uppercase;
}
.progress_panel .progress_bar_header p {
margin: 0 0 3px;
}
.progress_panel .content_container {
font: 16px/18px 'Nunito', Arial, Helvetica, sans-serif; /* box */
padding: 29px 20px 20px 37px;
border-bottom: 1px solid #e3e3e3;
}
.progress_panel .content_container .box {
padding: 0 0 20px;
}
.progress_panel .content_container .box h2 {
font: 700 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 11px 0;
padding: 0 0 0 15px;
text-transform: uppercase;
}
.progress_panel .content_container .box ul {
position: relative;
margin-top: -20px;
padding-top: 20px;
color: #969696;
border-left: 1px solid #d1d1d1;
}
.progress_panel .content_container .box ul:after {
position: absolute;
top: -2px;
left: -4px;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #d1d1d1;
}
.progress_panel .content_container .box ul:before {
position: absolute;
bottom: -2px;
left: -4px;
width: 5px;
height: 23px;
content: '';
background: #fff;
}
.progress_panel .content_container .box ul li {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
padding: 0 0 13px 48px;
border: 0;
background: none;
}
.progress_panel .content_container .box ul li:before {
position: absolute;
top: 7px;
left: 0;
width: 28px;
height: 1px;
content: '';
background: #d1d1d1;
}
.progress_panel .content_container .box ul li:after {
position: absolute;
top: 0;
left: 26px;
width: 15px;
height: 13px;
content: '';
background: url(../images/checked.png) no-repeat 0 -13px;
}
.progress_panel .content_container .box ul li.checked:after {
background-position: 0 0;
}
.progress_panel .progress_bar_header {
position: relative;
border-bottom: 1px solid #e3e3e3;
}
.progress_panel .close_btn {
font-size: 30px;
position: absolute;
z-index: 1;
top: -5px;
right: 18px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4b4b4b;
}
.progress_panel .close_btn:hover {
color: #d3d3d3;
}
.progress_panel .accordion_holder {
/* progress-bar-holder */
}
.progress_panel .accordion_holder .opener {
position: relative;
overflow: hidden;
min-height: 61px;
padding: 13px 52px 10px 20px;
border-bottom: 1px solid #e3e3e3;
background: #f6f6f6;
}
.progress_panel .accordion_holder .opener:after {
display: inline-block;
width: 1px;
height: 100%;
content: '';
vertical-align: middle;
background: #fcc;
}
.progress_panel .accordion_holder .progress-bar-holder {
display: inline-block;
min-width: 48%;
vertical-align: middle;
}
.progress_panel .accordion_holder .progress-bar-holder .progress-bar {
max-width: 100%;
background: #fff;
}
.progress_panel .accordion_holder .progress-bar-holder .title {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
float: none;
clear: both;
padding: 9px 0 0;
text-align: center;
}
.progress_panel .accordion_holder .holder {
font-size: 18px;
position: absolute;
z-index: 1;
top: 50%;
right: 20px;
width: 19px;
/* icon-arrow-with */
height: 19px;
margin-top: -10px;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-up,
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-down {
position: absolute;
z-index: 1;
top: 0;
left: 0;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
color: #8f8f8f;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-up {
opacity: 0;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-down {
opacity: 1;
}
.progress_panel .accordion_holder .active .icon-arrow-with-circle-up {
opacity: 1;
}
.progress_panel .accordion_holder .active .icon-arrow-with-circle-down {
opacity: 0;
}
.progress_panel .accordion_holder h1 {
font: 700 13px/35px 'Nunito', Arial, Helvetica, sans-serif;
display: inline-block;
min-width: 45%;
margin: 0;
vertical-align: middle;
text-transform: uppercase;
}
.progress_panel .accordion_holder ul .slide {
background: #fff;
}
/* reports-block */
.reports-block {
display: block; /*ADA Changes - added this line and next*/
/*padding: 13px 43px; JH: Removed this line*/
margin: 0 0 10px;
/* tab container */
/* tab content */
border: 1px solid #eaecee;
background: #fff;
}
.reports-block .frame_container {
background: #f9f9f9;
white-space: nowrap;
}
.reports-block .frame_container ul {
font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
overflow: auto;
padding: 4px 0;
}
.reports-block .frame_container ul li {
position: relative;
white-space: nowrap;/*WA Added*/
display: inline-block; /*WA Added*/
/*float: left;*/ /*WA Commented out*/
padding: 4px 12px; /*JH Added back*/ /*ADA Changes - removing (note in old markup this was 13px 43px)*/
}
.reports-block .frame_container ul li:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
content: '';
background: #e1e1e1;
}
.reports-block .frame_container ul li a {
/*ADA CHANGES added next two lines - JH: REMOVED;
display: block;
padding: 4px 12px;*/
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
.reports-block .frame_container ul li a:hover {
color: #000;
}
.reports-block.tasks {
background: #f5f5f5;
}
.reports-block .widget-holder img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.reports-block .tab-container .tabset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
text-transform: uppercase;
background: #f5f5f5;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.reports-block .tab-container .tabset li {
text-align: center;
border-right: 1px solid #eaecee;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.reports-block .tab-container .tabset li:last-child {
border: 0;
}
.reports-block .tab-container .tabset li a {
display: block;
padding: 12px 10px;
text-decoration: none;
color: #5a5a5a;
}
.reports-block .tab-container .tabset li a.active {
background: #fff;
}
.reports-block .tab-content div {
padding: 20px;
}
.reports-block .tab-content div img {
max-width: 100%;
vertical-align: top;
}
/* tabset required styles for hidden tabs */
.js-tab-hidden {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
display: block !important;
}
.november-class * {
background: #f00 !important;
}
.december-class * {
background: #0c0 !important;
}
/* datapicker */
.datapicker {
position: relative;
padding: 23px 20px 23px 20px;
}
.datapicker .datapicker-holder {
padding: 1px 24px;
}
.datapicker .event-holder {
padding: 12px 0 20px 1px;
}
.datapicker .event-holder .more-button {
font-size: 14px;
position: absolute;
bottom: 36px;
}
.datapicker h2 {
font: 15px/18px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 18px;
}
.datapicker ul {
font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.datapicker ul li {
padding: 0 0 13px;
}
.datapicker ul a {
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
.datapicker ul a:hover {
color: #9d9d9d;
}
.datapicker:after {
position: absolute;
top: 23px;
bottom: 23px;
left: 50%;
width: 1px;
content: '';
background: #ddd;
}
.datapicker [class^='col-'] {
position: static;
}
.datapicker [class^='col-'] > img {
width: 100%;
}
/* btn more */
.more-button {
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
.more-button:hover {
color: #9d9d9d;
}
.more-button i {
font-size: 10px;
}
/* content-holder */
/* WA: Customizations START */
.jsonTable th {
text-transform: capitalize;
}
.xmCounterTip {
position: relative;
}
.xmCounterTip:after {
content:attr(data-counter);
font-size:0.55em;
background-color:rgb(229 62 62 / 90%);
font-weight: 500;
line-height: 1.75em;
white-space: nowrap;
text-align: center;
border-radius: 1.75em;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 1.75em;
height: 1.75em;
padding: 0 0.58333em;
position: absolute;
right: -0.75em;
top: -0.75em;
z-index: 3;
}
.xmCounterTip[data-counter="0"]:after {
display:none;
}
.navHome {
background: url(/lib/img/icon/icomoon/gradient/home1.png) no-repeat center;
text-indent: -9999px;
width: 50px;
}
.popover {
max-width: 100%;
}
.popover-content .list-group {
max-width:380px;
}
.iconBubble {
font-size: 0.85714em;
font-weight: 500;
line-height: 1.75em;
white-space: nowrap;
text-align: center;
border-radius: 1.75em;
background-color: rgba(114,114,114,0.9);
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 1.75em;
height: 1.75em;
padding: 0 0.58333em;
position: absolute;
right: -0.75em;
top: -0.75em;
z-index: 3;
}
.prgLineBar {
display:flex;
list-style:none;
padding:0;
margin-bottom:0;
max-width:300px;
}
.prgLineBar li:first-child {
border-left:1px solid #dadada;
}
.prgLineBar li {
min-width:2px;
border:1px solid #dadada;
border-left:0;
}
.prgLineBar li:hover {
height: 130%;
/* margin-bottom: 20px; */
}
/* WA: Form Styles */
@keyframes blinker {
50% {
opacity: 0;
}
}
.ui-front {
z-index:999999
}
.tooltip-inner {
font-size: 15px;
min-width:250px;
width:250px;
}
input:focus,select:focus,textarea:focus {
background-color: #e7f0fe;
}
input[type=text], input[type=password], .ui-autocomplete-input, textarea, .uneditable-input {
color:#222;
}
.btn-gray {
background-color: #6e6d6d;
}
.XMFieldChanged {
color:red;
animation: blinker 2s 5;
}
/*Setting border-left here so when we focus inside, we have the same border width and the field doesn't jump */
.XMFormRowChild:not(.table-bordered tr) {
border-left:2px solid #ffffff;
}
.XMFormRowChild:focus-within {
background:#e8f1fe;
box-shadow: 0px 0.2em 2.5em #c4c4c4;
border-left:2px solid red;
/* transform: scale(1.05); */
/* border:1px solid #dadada; */
/* padding:10px; */
/* margin:5px; */
/* border-radius:5px; */
}
@media screen and (prefers-reduced-motion: reduce) {
.XMFormRowChild:focus-within {
box-shadow: none;
transform: none;
}
}
.xmInputCheckbox {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
-moz-appearance: none;
appearance: none;
/* Not removed via appearance */
margin: 0;
font: inherit;
color: currentColor;
width: 1.15em;
height: 1.15em;
border: 0.15em solid currentColor;
border-radius: 0.15em;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}
.xmInputCheckbox::before {
content: "";
width: 0.65em;
height: 0.65em;
-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform: scale(0);
transform-origin: bottom left;
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #4285F4;
/* Windows High Contrast Mode */
background-color: CanvasText;
}
.xmInputCheckbox:checked::before {
transform: scale(1);
}
.xmInputCheckbox:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
.xmInputCheckbox:disabled {
color: #959495;
cursor: not-allowed;
}
.aiSearch {
position:relative;
}
.aiSearch input {
padding-left:34px;
}
.aiSearch:before {
color: #C0C0C0;
content: '\f544';
position: absolute;
font-family: FontAwesome;
font-size: 18px;
left: 5px;
top: 5px;
}
.aiSearch:focus-within:before {
color: #4285F4;
}
/* WA: Form Styles */
/* WA: Customizations END */
.content-holder table {
font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
width: 100%;
border-collapse: collapse;
color: #4e4e4e;
background: #f5f5f5;
}
.content-holder table.admin_page {
background: #f9f9f9;
}
.content-holder table.admin_page tr {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.content-holder table.admin_page tr th {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.content-holder table.admin_page tr th,
.content-holder table.admin_page tr td {
padding: 13px 19px 13px 10px;
}
.content-holder table.admin_page tr th:first-child,
.content-holder table.admin_page tr td:first-child {
padding: 13px 10px 13px 31px;
}
.content-holder table tr th,
.content-holder table tr td {
padding: 13px 19px 13px 31px;
}
.content-holder table.short tr th,
.content-holder table.short tr td {
padding: 9px 20px;
}
.content-holder table tr th.right,
.content-holder table tr td.right {
text-align: right;
}
.content-holder table tr th.center,
.content-holder table tr td.center {
text-align: center;
}
.content-holder table tr:nth-child(2n) {
background: #fff;
}
.content-holder .jcf-scrollable table tr th a,
.content-holder .jcf-scrollable table tr td a{
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4e4e4e;
}
.content-holder .jcf-scrollable table tr th a:hover,
.content-holder .jcf-scrollable table tr td a:hover{
color: #9d9d9d;
}
/* profile container */
.profile-container {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
/* mail, location */
/* avatar holder */
/* slideshow */
padding: 25px 19px;
}
.profile-container .control-holder {
padding-top: 18px;
text-align: center;
color: #4e4e4e;
}
.profile-container .control-holder a {
font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: top;
color: #4e4e4e;
}
.profile-container .control-holder a i {
font-size: 10px;
display: inline-block;
margin: 0 5px;
padding-bottom: 2px;
vertical-align: middle;
}
.profile-container .control-holder a.disabled {
visibility: hidden;
}
.profile-container .text-holder {
font: 14px/29px 'Nunito', Arial, Helvetica, sans-serif;
padding: 20px 0 0 7px;
color: #4e4e4e;
}
.profile-container .info {
padding: 0 0 26px 44px;
border-bottom: 1px solid #e4e4e4;
}
.profile-container h1 {
font: 700 16px/18px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 3px;
text-transform: uppercase;
}
.profile-container h2 {
font: 700 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 4px;
text-transform: capitalize;
}
.profile-container .description {
display: inline-block;
padding: 24px 0 0 0;
text-align: center;
vertical-align: top;
}
.profile-container .description .position {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
margin: 0 0 10px;
}
.profile-container .description dl {
overflow: hidden;
margin: 0;
padding: 3px 0;
color: #4e4e4e;
}
.profile-container .description dl dt {
font-weight: normal;
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
word-wrap: normal;
}
.profile-container .description dl dd {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
word-wrap: normal;
}
.profile-container .mail,
.profile-container .location {
display: inline-block;
margin: 0 0 27px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
vertical-align: top;
text-decoration: none;
color: #4e4e4e;
}
.profile-container .mail:hover,
.profile-container .location:hover {
color: #9d9d9d;
}
.profile-container .mail i,
.profile-container .location i {
font-size: 16px;
position: relative;
bottom: -2px;
margin-right: 2px;
color: #4e4e4e;
}
.profile-container .avatar-holder {
display: inline-block;
overflow: hidden;
width: 206px;
height: 206px;
margin: 0 46px 0 0;
vertical-align: middle;
border: 1px solid #e5e5e3;
border-radius: 50%;
}
.profile-container .avatar-holder img {
width: 100%;
}
.profile-container .slideshow {
position: relative;
/* slide */
}
.profile-container .slideshow.not-enough-slides .btn-next,
.profile-container .slideshow.not-enough-slides .btn-prev {
visibility: hidden;
}
.profile-container .slideshow .slide {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.profile-container .slideshow .slide.active {
z-index: 2;
}
.profile-container.admin_page .info {
padding: 30px 20px;
text-align: center;
border: 0;
}
.profile-container.admin_page .avatar-holder {
margin: 0;
}
/* progress-bar */
.prog-bar {
border: 1px solid #e5e5e3;
border-radius: 4px;
max-width: 168px;
width: 100%;
margin-top: 6px;
float: left;
height: 7px;
position: relative;
}
.prog-bar span {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
background: #919191;
border-radius: 4px;
}
.progress_panel .blue .prog-bar span { background: #3398e6; }
.progress_panel .green .prog-bar span {background: #57da00; }
.progress_panel .orage .prog-bar span {background: #ffb400; }
/* prog-bar-holder */
.prog-bar-holder {overflow: hidden; }
.prog-bar-holder .title { float: left; }
.progress_panel .prog-bar {
position: relative;
float: left;
width: 100%;
max-width: 168px;
height: 7px;
margin-top: 6px;
border: 1px solid #e5e5e3;
border-radius: 4px;
}
.progress_panel .prog-bar span {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border-radius: 4px;
background: #919191;
}
/* stage-block */
.stage-block {
padding: 26px 20px 10px 43px;
}
.stage-block ul {
font: 18px/22px 'Nunito', Arial, Helvetica, sans-serif;
position: relative;
color: #4e4e4e;
}
.stage-block ul li {
position: relative;
padding: 0 0 41px 20px;
/* progress-bar-color title */
}
.stage-block ul li:before {
position: absolute;
top: 8px;
bottom: -8px;
left: 0;
width: 1px;
content: '';
background: #919191;
}
.stage-block ul li:last-child:before {
display: none;
}
.stage-block ul li .title {
float: left;
min-width: 54px;
padding-right: 10px;
}
.stage-block ul li h3 {
font: 700 18px/22px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 9px;
}
.stage-block ul li:after {
position: absolute;
top: 7px;
left: -3px;
width: 7px;
height: 7px;
content: '';
border-radius: 50%;
background: #919191;
}
.reports-block_head {
margin-bottom: 10px;
}
.slider_head ul {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.slider_head ul li {
border: 1px solid #eaecee;
border-width: 1px 1px 0 1px;
}
.slider_head ul a {
display: block;
padding: 9px 12px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4b4b4b;
background: #fff;
}
.slider_head ul a:hover {
background: #eaecee;
}
.slider_head ul .edit {
border-width: 1px;
}
.slider_head ul .edit a {
background: #eaecee;
}
.slider_head ul .edit a:hover {
background: #fff;
}
.reports-block.tasks {
border: none;
}
.reports-block.tasks .head {
border: 1px solid #eaecee;
border-width: 1px 1px 0 1px !important;
background: #fff;
}
.reports-block.tasks .head:hover {
cursor: pointer;
border-color: #fff !important;
background: #eaecee;
}
.frame {
font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.frame .title {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
padding-right: 10px;
}
.frame .frame-holder {
position: relative;
}
.frame .frame-holder i {
font-size: 15px;
position: absolute;
top: 1px;
left: 2px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.frame .frame-holder i.icon-chevron-down {
opacity: 1;
}
.frame .frame-holder i.icon-chevron-up {
opacity: 0;
}
.frame h3 {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 11px;
padding: 1px 0 0 17px;
}
.frame .holder {
margin: 0 0 10px;
padding: 11px 11px 3px 11px;
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
border: 1px solid #eaecee;
background: #fff;
}
.frame .holder:hover {
cursor: pointer;
border: 1px solid #fff;
background: #eaecee;
}
.frame .holder .prog-bar-holder {
padding: 0 0 16px 17px;
}
.frame .holder .prog-bar-holder .prog-bar {
max-width: 248px;
}
.frame .holder ul {
overflow: hidden;
padding: 0 0 11px 20px;
}
.frame .holder ul.range {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.frame .holder ul.range li {
text-align: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.frame .holder ul li {
float: left;
margin: 0 12px 0 0;
}
.frame .holder ul.color li {
width: 9px;
height: 9px;
background: #ddd;
}
.frame .holder ul.color li.orage {
background: #ffb400;
}
.frame .holder ul.color li.green {
background: #57da00;
}
.frame .holder ul.color li.blue {
background: #3398e6;
}
.frame .holder ul.color li.yellow {
background: #fed700;
}
.frame .holder ul.color li.red {
background: #ec0000;
}
.frame .holder.active i.icon-chevron-down {
opacity: 0;
}
.frame .holder.active i.icon-chevron-up {
opacity: 1;
}
.frame .banner-holder {
width: 100%;
margin: 0 0 10px;
}
.frame .banner-holder img {
width: 100%;
height: auto;
}
.add_task i {
margin: 0 2px 0 0;
color: #4b4b4b;
}
.add_task a {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
display: block;
padding: 12px 9px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
text-decoration: none;
color: #4b4b4b;
border: 1px solid #eaecee;
background: #fff;
}
.add_task a:hover {
cursor: pointer;
border: 1px solid #fff;
background: #eaecee;
}
.account_info {
font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
width: 100%;
text-align: center;
color: #383838;
}
.account_info .text {
position: relative;
display: inline-block;
padding: 0 20px;
vertical-align: top;
}
.account_info .text:after {
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 10px;
margin-top: -5px;
content: '';
border-radius: 50%;
background: #ddd;
}
.account_info .text.orage:after {
background: #ffb400;
}
.account_info .text.green:after {
background: #57da00;
}
.account_info .text.blue:after {
background: #3398e6;
}
.account_info .text.yellow:after {
background: #fed700;
}
.account_info .text.red:after {
background: #ec0000;
}
.account_info td,
.account_info th {
padding: 10px;
text-align: center;
background: #fff;
vertical-align: bottom;
}
.account_info th {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
color: #fff;
border-right: 1px solid #a1a1a1;
background: #4e4e4e;
}
.account_info th:hover {
background: #a4a4a4;
}
.account_info th:last-child {
border-width: 0;
}
/* jcf */
/* custom scrollbars styles */
.jcf-scrollable-wrapper {
position: relative;
box-sizing: content-box;
}
.jcf-scrollbar-vertical {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
cursor: default;
background: #e3e3e3;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
top: 0;
left: 0;
width: 5px;
height: 5px;
background: #bbb;
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
top: auto;
bottom: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
top: 0;
width: 5px;
height: 1px;
background: #888;
}
.jcf-scrollbar-horizontal {
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
overflow: hidden;
width: 1px;
height: 5px;
border-radius: 4px;
background: #e3e3e3;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
display: inline-block;
overflow: hidden;
overflow: hidden;
width: 0;
height: 0;
vertical-align: top;
border-radius: 4px;
background: #bbb;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
right: 0;
left: auto;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
position: relative;
display: inline-block;
overflow: hidden;
height: 5px;
vertical-align: top;
border-radius: 4px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
position: absolute;
height: 5px;
background: #888;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
visibility: hidden;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
background: #e3e3e3;
}
/* common custom form elements styles */
html {
height: 100%;
scroll-behavior: smooth;
}
body {
display: table;
width: 100%;
height: 100%;
margin: 0;
table-layout: fixed;
}
#wrapper {
display: table-cell;
}
footer {
display: table-footer-group;
overflow: hidden;
/*for FF on Windows 7*/
width: 100%;
height: 1%;
background: #fff;
}
#footer .social ul {
margin: 0;
padding: 0;
list-style: none; }
#footer {
padding: 46px 82px 28px 52px;
color: #5a5a5a;
font: 600 14px/18px "Nunito", Arial, Helvetica, sans-serif;
border-top: 1px solid #dfe2e4;
background: #fff;
text-transform: uppercase;
overflow: hidden; }
@media (max-width: 768px) {
#footer {
text-align: center; } }
@media (max-width: 1024px) {
#footer {
padding: 26px 20px;
font-size: 12px; } }
#footer p {
margin: 0; }
#footer .column-l {
float: left; }
@media (max-width: 768px) {
#footer .column-l {
float: none; } }
#footer .column-r {
float: right; }
@media (max-width: 768px) {
#footer .column-r {
float: none; } }
#footer .social {
float: right; }
@media (max-width: 768px) {
#footer .social {
float: none; } }
#footer .social ul {
float: left;
margin: -10px 0 0 0;
font-size: 32px; }
@media (max-width: 768px) {
#footer .social ul {
margin: 10px 0 0 0; } }
@media (max-width: 1024px) {
#footer .social ul {
font-size: 22px; } }
@media (max-width: 768px) {
#footer .social ul {
float: none; } }
#footer .social ul a {
color: #7d7d7d;
-webkit-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;
text-decoration: none; }
#footer .social ul a:hover {
color: #9d9d9d; }
#footer .social ul li {
float: left;
margin: 0 10px; }
@media (max-width: 768px) {
#footer .social ul li {
float: none;
display: inline-block;
vertical-align: top; } }
/*# sourceMappingURL=footer.css.map */
.custom-drop {
visibility: hidden;
overflow: auto;
width: 320px;
max-height: 600px;
margin: -1px -1px 0 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 0;
background: #fff;
}
.custom-drop.align_right {
right: 1px;
left: auto;
}
.custom-drop.align_right .drop {
right: 100%;
left: auto;
width: 100%;
margin: -1px -1px 0 0;
}
.custom-drop.align_right ul li.has-drop-down::before {
position: absolute;
top: 18px;
right: auto;
left: 12px;
content: '\f053';
}
.custom-drop.align_right ul li.active:before {
-webkit-transform: rotate(-180deg) !important;
-ms-transform: rotate(-180deg) !important;
transform: rotate(-180deg) !important;
}
.custom-drop ul {
border: 1px solid #dfe2e4;
}
.custom-drop ul > li {
position: relative;
text-align: left;
}
.custom-drop ul > li.has-drop-down::before {
font-size: 16px;
font-size: 9px;
position: absolute;
top: 18px;
right: 12px;
margin-top: -10px;
margin-top: -4px;
content: '\f0a3';
color: #898989;
}
.custom-drop ul > li.hover:before,
.custom-drop ul > li:hover:before {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.custom-drop ul > li.active:before {
-webkit-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.custom-drop ul > li.active > a {
background: #ececec;
}
.custom-drop ul > li.active > .drop {
position: static;
display: block;
visibility: visible;
opacity: 1;
}
.custom-drop ul > li a {
font: 600 13px/20px 'Nunito', Arial, Helvetica, sans-serif;
display: block !important;
padding: 9px 10px 9px 12% !important;
text-decoration: none;
color: #4b4b4b;
}
.custom-drop ul > li .drop {
top: 0;
left: 100%;
display: none;
visibility: hidden;
width: 100%;
opacity: 0;
background: #fff;
}
.custom-drop ul > li .drop a {
padding: 9px 10px 9px 45px !important;
}
.custom-drop ul > li .drop li > .drop li a {
padding: 9px 10px 9px 55px !important;
}
.custom-drop ul > li .drop li > .drop li > .drop li a{
padding: 9px 10px 9px 65px !important;
}
.second.sub-menu .sub-link:before{
left: 281px;
}
.second.sub-menu .sub-link:after{
left: 278px;
}
.second.sub-menu .sub-link:hover:before,.second.sub-menu .sub-link:hover:after{
background: #606060 !important;
}
/*ADA CHANGES - Start (huge) new code block*/
/* inner page style */
.inner-page
{
font-family: 'delivery', Arial, Helvetica, sans-serif;
display: block;
background: #fff;
}
.inner-page .container
{
position: relative;
width: auto;
max-width: 1610px;
}
.inner-page #wrapper
{
display: block;
}
.inner-page #header
{
border-bottom: 1px solid #fff;
background: #f6ce46;
}
.inner-page #header #logo
{
width: 135px;
}
.inner-page #header #logo img
{
display: block;
max-width: 100%; /*jh 4/21/21 changed from width to max-width to address logo display issue in dhlhr CMS pages*/
height: auto;
}
.inner-page .search
{
border-right-color: #fff;
}
.inner-page .search label
{
border-left: 1px solid #fff;
}
.inner-page .search .icon-search
{
color: #fff;
}
.inner-page .alert-block
{
border-right-color: #fff;
}
.inner-page .alert-block .alert
{
color: #fff;
}
.inner-page #nav .nav-opener-holder:after,
.inner-page #nav .nav-opener-holder:before,
.inner-page #nav .nav-opener-holder span
{
background: #fff;
}
.inner-page #nav .nav-opener
{
border: solid #fff;
border-width: 0 1px 0 0;
}
.inner-page #nav .nav-opener .icon-playback-play
{
color: #fff;
}
.inner-page .profile-holder .photo
{
width: 35px;
height: 35px;
}
.inner-page .profile-holder .photo img
{
display: block;
width: 100%;
height: auto;
border-radius: 50%;
}
.inner-page .profile-holder .name
{
color: #fff;
}
.inner-page .profile-holder .icon-chevron-down
{
color: #fff;
}
.inner-page .right-holder
{
padding-right: 42px;
border-left: 1px solid #fff;
}
/* top container styles */
.top-container
{
position: relative;
background: #f6ce46;
}
/* visual area styles */
.visual-area
{
position: relative;
overflow: hidden;
padding: 0 0 40px;
}
.visual-area .visual-wrap
{
position: relative;
}
.visual-area .map-area
{
position: relative;
width: 100%;
}
.visual-area .plane
{
position: relative;
width: 100%;
padding: 20px 0 30px;
}
.visual-area h1
{
font-size: 26px;
font-weight: 700;
line-height: 1.2;
margin: 15px 0 0;
color: #fff;
}
.visual-area img
{
display: block;
width: 100%;
height: auto;
}
/* main menu area style */
.main-menu-area
{
position: relative;
border-bottom: 1px solid #dcdcdc;
}
.main-menu-area .wrap
{
position: relative;
}
.main-menu-area .sub-logo
{
position: relative;
display: block;
width: 118px;
margin: -47px 0 0;
}
.main-menu-area .sub-logo a
{
display: block;
}
.main-menu-area .sub-logo img
{
display: block;
width: 100%;
height: auto;
}
/* main menu styles */
.main-menu
{
font-size: 16px;
font-weight: 700;
line-height: 20px;
position: relative;
margin: 0;
padding: 0;
}
.main-menu > li
{
position: relative;
border-top: 1px solid #dcdcdc;
}
.main-menu > li:hover > .menu-dropdown,
.main-menu > li.hover > .menu-dropdown
{
display: block;
}
.main-menu > li > a
{
position: relative;
display: block;
padding: 11px 15px 7px;
text-decoration: none !important;
color: #000;
}
.main-menu > li > a:hover
{
text-decoration: none;
color: #989c9f;
background: #f2f2f2;
}
.main-menu .menu-dropdown
{
display: none;
}
.main-menu .menu-dropdown .menu-dropdown
{
top: 0;
left: 100%;
}
.main-menu .dropdown-list
{
position: relative;
border-top: 1px solid #dcdcdc;
background: #fff;
}
.main-menu .dropdown-list li
{
position: relative;
border-top: 1px solid #dcdcdc;
}
.main-menu .dropdown-list li:first-child
{
border-top: none;
}
.main-menu .dropdown-list li.hover > .menu-dropdown,
.main-menu .dropdown-list li:hover > .menu-dropdown
{
display: block;
}
.main-menu .dropdown-list li.hover > a,
.main-menu .dropdown-list li:hover > a
{
color: #989c9f;
background: #f2f2f2;
}
.main-menu .dropdown-list li.hover > a:before,
.main-menu .dropdown-list li:hover > a:before
{
border-color: transparent transparent transparent #989c9f;
}
.main-menu .dropdown-list a
{
position: relative;
display: block;
padding: 12px 30px 10px 25px;
text-decoration: none;
text-decoration: none !important;
color: #000;
}
.main-menu .dropdown-list a.drop-down-a:before
{
position: absolute;
top: 16px;
right: 10px;
content: '';
border-width: 6px 0 6px 8px;
border-style: solid;
border-color: transparent transparent transparent #000;
}
/* opener-wrap style */
.opener-wrap
{
position: relative;
display: block;
margin: 0 0 12px;
}
/* menu-opener style */
.menu-opener
{
font-size: 0;
line-height: 0;
position: relative;
display: inline-block;
width: 27px;
height: 18px;
-webkit-transition: border-top .4s ease;
transition: border-top .4s ease;
vertical-align: top;
color: #000;
border-top: 2px solid #000;
}
.menu-active .menu-opener
{
border-top: none;
}
.menu-opener:before,
.menu-opener:after
{
position: absolute;
top: 5px;
left: 0;
width: 27px;
height: 2px;
content: '';
-webkit-transition: top .4s ease, -webkit-transform .4s ease;
transition: top .4s ease, transform .4s ease;
background: #000;
}
.menu-active .menu-opener:before,
.menu-active .menu-opener:after
{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-opener:after
{
top: 13px;
}
.menu-active .menu-opener:after
{
top: 5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-opener:hover
{
text-decoration: none;
opacity: .8;
}
/* main part styles */
.main
{
position: relative;
padding: 30px 0;
}
/* side-menu-wrap style */
.side-menu-wrap
{
position: absolute;
z-index: 100;
top: 0;
right: 0;
left: 0;
visibility: hidden;
-webkit-transition: opacity .4s ease, visibility .4s ease;
transition: opacity .4s ease, visibility .4s ease;
opacity: 0;
background: #fff;
}
.menu-active .side-menu-wrap
{
visibility: visible;
opacity: 1;
}
/* side nav styles */
.side-nav
{
font-size: 16px;
line-height: 20px;
position: relative;
margin: 0 0 30px;
}
.side-nav li
{
position: relative;
border-bottom: 2px solid #e5e5e5;
}
/* JH: 1/8/21: commenting this out- i believe it is only used for DHLHR template and these styles are in dhl.css - this is causing submenues to highlight on hover;
.side-nav li.active a,
.side-nav li.hover a
{
background: #f7ce46;
}*/
.side-nav li.active > .slide,
.side-nav li.hover > .slide
{
display: block;
}
.side-nav a
{
position: relative;
display: block;
padding: 11px 15px 7px;
-webkit-transition: text-decoration .4s ease, color .4s ease, background .4s ease;
transition: text-decoration .4s ease, color .4s ease, background .4s ease;
text-decoration: none !important;
color: #000;
background: #fff;
}
.side-nav a:hover
{
background: #f7ce46;
}
.side-nav .slide
{
display: none;
}
.side-nav .side-dropdown
{
font-size: 14px;
margin: 0;
border-top: 1px solid #fff;
}
.side-nav .side-dropdown li
{
border-bottom: 1px solid #fff;
}
.side-nav .side-dropdown a
{
padding: 8px 15px 6px 18px;
}
.side-nav .side-dropdown .side-dropdown
{
margin: 0 0 -1px;
}
.side-nav .side-dropdown .side-dropdown a
{
padding-left: 20px;
}
/* content styles */
.content
{
position: relative;
margin: 0 0 30px;
}
.content .main-img
{
position: relative;
margin: 0 0 25px;
}
.content img
{
max-width: 100%;
height: auto;
}
.content .image-caption
{
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px;
color: #fff;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.content .image-caption .title
{
font-size: 20px;
font-weight: 700;
line-height: 24px;
display: block;
}
.content .image-caption .text
{
font-size: 13px;
font-weight: 700;
display: block;
}
.content .caption-wrap
{
position: relative;
}
.content .text-area
{
font-size: 15px;
position: relative;
color: #000;
}
.content .text-area h2
{
font-size: 18px;
font-weight: 700;
position: relative;
display: inline-block;
margin: 0 0 13px;
padding: 0 0 1px;
vertical-align: top;
border-bottom: 2px solid #000;
}
.content .text-area p
{
margin: 0 0 14px;
}
.content .text-area p a
{
text-transform: uppercase;
color: #00a8ff;
}
.content .text-area p strong a
{
text-decoration: underline;
}
.content .text-area p strong a:hover
{
text-decoration: none;
}
.content .list
{
position: relative;
margin: 0;
padding: 0 0 15px 15px;
}
.content .list.uppercase
{
text-transform: uppercase;
}
.content .list li
{
position: relative;
padding: 0 0 0 20px;
}
.content .list li:before
{
position: absolute;
top: 7px;
left: 0;
width: 5px;
height: 5px;
content: '';
border-radius: 50%;
background: #000;
}
.content .cis-logo
{
position: relative;
display: block;
width: 150px;
margin: 18px 0 0;
}
.content .cis-logo a
{
display: block;
}
.content .image-holder
{
position: relative;
max-width: 560px;
margin: 30px 0 0;
}
.content .image-holder img
{
display: block;
width: 100%;
height: auto;
}
.content .video-area
{
position: relative;
max-width: 571px;
}
.content iframe
{
border: none;
}
/* aside styles */
.aside
{
position: relative;
color: #000;
}
.aside h2
{
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin: 0 0 15px;
}
.aside .links-area
{
position: relative;
margin: 0 0 20px;
}
.aside .links-list
{
font-size: 15px;
position: relative;
margin: 0;
}
.aside .links-list li
{
position: relative;
margin: 0 0 9px;
}
.aside .links-list a
{
position: relative;
display: inline-block;
padding: 0 0 0 20px;
-webkit-transition: color .4s ease;
transition: color .4s ease;
vertical-align: top;
color: #000;
}
.aside .links-list a:before
{
position: absolute;
top: 5px;
left: 0;
width: 9px;
height: 9px;
content: '';
border-radius: 50%;
background: #f6ce46;
}
.aside .links-list a:hover
{
text-decoration: none;
color: #c22a22;
}
/* widget block styles */
.widget-block
{
position: relative;
margin: 0 0 15px;
text-align: center;
}
.widget-block a
{
position: relative;
display: inline-block;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
vertical-align: top;
}
.widget-block a:hover
{
text-decoration: none;
opacity: .7;
}
.widget-block img
{
display: block;
width: 100%;
height: auto;
}
/* footer styles */
.footer
{
position: relative;
padding: 18px 0;
text-align: center;
color: #000;
border-top: 1px solid #dbd9d9;
background: #e8e8e8;
}
.footer a
{
-webkit-transition: color .4s ease;
transition: color .4s ease;
color: #000;
}
.footer a:hover
{
text-decoration: none;
color: #c22a22;
}
.footer .title
{
font-size: 16px;
font-weight: 700;
display: block;
margin: 0 0 16px;
}
.footer #footer.element-footer .social.element-footer ul.element-footer a.element-footer:focus
{
outline: none;
box-shadow: inset 1px 1px 3px 0 #f90, inset -1px -1px 3px 0 #f90;
}
/*social area styles */
.social-area
{
position: relative;
padding: 0 0 20px;
}
.social-area:before
{
position: absolute;
right: -9999px;
bottom: 0;
left: -9999px;
height: 1px;
content: '';
background: #fff;
}
.social-area .title
{
margin: 0 0 18px;
text-transform: uppercase;
}
.social-area .social-networks
{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-area .social-networks li
{
position: relative;
margin: 0 0 10px;
padding: 0 5px;
}
.social-area .social-networks a
{
display: block;
width: 46px;
height: 46px;
-webkit-transition: background .4s ease, border-color .4s ease, color .4s ease;
transition: background .4s ease, border-color .4s ease, color .4s ease;
color: #c22a22;
border: 1px solid #a4a4a4;
border-radius: 50%;
}
.social-area .social-networks a i
{
font-size: 22px;
line-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-area .social-networks a .icon-linkedin
{
padding: 0 0 2px;
}
.social-area .social-networks a:hover
{
text-decoration: none;
color: #fff;
border-color: #c22a22;
background: #c22a22;
}
/* bottom area styles */
.bottom-area
{
position: relative;
padding: 22px 0 0;
}
.bottom-area .copyright
{
font-size: 12px;
display: block;
}
/* footer nav styles */
.footer-nav
{
font-size: 12px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-nav li
{
position: relative;
margin: 0 0 10px;
padding: 0 5px;
}
#footer .social ul
{
list-style: none;
}
@media (min-width: 768px)
{
.visual-area
{
padding: 0;
}
.visual-area .visual-wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.visual-area .map-area
{
width: 50%;
}
.visual-area .plane
{
width: 44%;
padding: 34px 0 0;
}
.visual-area h1
{
font-size: 39px;
margin: 0 0 0 -100px;
}
.side-menu-wrap
{
top: 30px;
}
.side-col
{
position: static;
}
.side-nav .side-dropdown
{
font-size: 18px;
}
.content
{
margin: 0 0 40px;
}
.content .main-img
{
margin: 0 0 38px;
}
.content .image-caption
{
padding: 20px;
}
.content .image-caption .title
{
font-size: 29px;
line-height: 32px;
margin: 0 0 -3px;
}
.content .image-caption .text
{
font-size: 16px;
}
.content .text-area
{
font-size: 18px;
line-height: 29px;
}
.content .text-area h2
{
font-size: 20px;
}
.content .text-area p
{
margin: 0 0 20px;
}
.content .list
{
padding: 0 0 20px 24px;
}
.content .list li
{
padding: 0 0 0 32px;
}
.content .list li:before
{
top: 10px;
}
.content .cis-logo
{
width: 254px;
margin: 27px 0 0;
}
.content .image-holder
{
margin: 55px 0 0;
}
.aside h2
{
font-size: 26px;
line-height: 30px;
}
.aside .links-area
{
margin: -4px 0 31px;
}
.aside .links-list
{
font-size: 17px;
}
.aside .links-list a
{
padding: 0 0 0 24px;
}
.aside .links-list a:before
{
top: 7px;
}
.widget-block
{
margin: 0 0 27px;
}
.footer
{
padding: 27px 0 37px;
}
.footer .title
{
margin: 0 0 24px;
}
.social-area
{
padding: 0 0 58px;
}
.social-area .title
{
margin: 0 0 30px;
}
.social-area .social-networks
{
width: 500px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.social-area .social-networks li
{
margin: 0;
padding: 0 10px;
}
.bottom-area
{
padding: 46px 0 0;
}
.bottom-area .title
{
font-size: 18px;
}
.footer-nav
{
width: 600px;
margin: 0 auto 23px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-nav li
{
margin: 0;
padding: 0 10px;
}
}
@media (min-width: 769px)
{
.inner-page .right-holder
{
padding-right: 0;
border-left: none;
}
}
@media (min-width: 1024px)
{
.inner-page .search
{
border-left: 1px solid #fff;
}
.inner-page .search label
{
border-left: none;
}
.main-menu-area .wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-menu-area .sub-logo
{
margin: -17px 20px -25px 0;
}
.main-menu
{
font-size: 18px;
line-height: 22px;
position: absolute;
top: -137px;
right: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 100px 10px 150px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-menu > li
{
display: inline-block;
vertical-align: top;
border: none;
}
.main-menu > li.active > a
{
border-bottom-color: #f6ce46;
}
.main-menu > li:hover > a,
.main-menu > li.hover > a
{
border-bottom-color: #f6ce46;
}
.main-menu > li:last-child .menu-dropdown
{
right: 0;
left: auto;
text-align: right;
}
.main-menu > li:last-child .menu-dropdown .menu-dropdown
{
right: 100%;
left: auto;
}
.main-menu > li:last-child .dropdown-list li a
{
padding: 12px 18px 10px 30px;
}
.main-menu > li:last-child .dropdown-list li a.drop-down-a:before
{
right: auto;
left: 10px;
border-width: 6px 10px 6px 0;
border-color: transparent #000 transparent transparent;
}
.main-menu > li:last-child .dropdown-list li:hover > a:before,
.main-menu > li:last-child .dropdown-list li.hover > a:before
{
border-color: transparent #989c9f transparent transparent;
}
.main-menu > li > a
{
display: inline-block;
padding: 0 6px 2px;
-webkit-transition: border-bottom .4s ease;
transition: border-bottom .4s ease;
vertical-align: top;
border-bottom: 6px solid transparent;
}
.main-menu > li > a:hover
{
color: #000;
border-bottom-color: #f6ce46;
background: none;
}
.main-menu .menu-dropdown
{
position: absolute;
z-index: 9;
top: 100%;
left: 0;
display: none;
width: 200px;
padding: 11px 0 0;
}
.main-menu .dropdown-list
{
border: 1px solid #dcdcdc;
}
.main-menu .dropdown-list a
{
padding: 12px 30px 8px 18px;
}
.opener-wrap
{
display: none;
}
.main
{
padding: 65px 0 89px;
}
.side-menu-wrap
{
position: static;
z-index: inherit;
visibility: visible;
-webkit-transition: none;
transition: none;
opacity: 1;
background: none;
}
.side-nav
{
font-size: 20px;
line-height: 24px;
margin: 0;
}
.side-nav a
{
padding: 16px 15px 11px;
}
.side-nav .side-dropdown a
{
padding: 15px 15px 10px 25px;
}
.side-nav .side-dropdown .side-dropdown a
{
padding-left: 35px;
}
.content
{
margin: 0;
}
.content .image-caption
{
padding: 22px 27px;
}
.widget-block
{
text-align: left;
}
.social-area .social-networks
{
width: 610px;
}
.footer-nav
{
width: 820px;
}
}
@media (min-width: 1200px)
{
.inner-page #header #logo
{
width: 225px;
}
.visual-area .visual-wrap
{
padding: 0 70px 0 123px;
}
.main-menu-area .sub-logo
{
margin: -17px 140px -25px 15px;
}
.main-menu
{
padding: 30px 200px 10px;
}
.main-menu > li
{
margin: 0 15px;
}
.main-menu .menu-dropdown
{
width: 240px;
}
.side-menu-wrap
{
width: 142%;
}
.side-nav a
{
padding: 19px 15px 14px 34px;
}
.side-nav .side-dropdown a
{
padding: 15px 15px 10px 50px;
}
.side-nav .side-dropdown .side-dropdown a
{
padding-left: 60px;
}
.content
{
padding: 0 25px 0 78px;
}
.content .text-area
{
padding: 0 0 0 2px;
}
.aside .links-list
{
font-size: 20px;
padding: 0 0 0 3px;
}
.aside .links-list a:before
{
top: 8px;
}
}
/* MR: 1/6/2021 - commenting this out because it was causing a layout issue on wider displays */
/*
@media (min-width: 1500px)
{
.inner-page #header #logo
{
width: 292px;
}
.inner-page
{
padding: 94px 0 0;
}
.inner-page .left-holder
{
margin: 0 0 0 -18px;
}
.inner-page #nav
{
margin: 0 44px 0 0;
}
.inner-page #nav .nav-opener-holder
{
top: 14px;
left: -4px;
width: 101px;
height: 94px;
}
.inner-page #nav .nav-opener-holder:after,
.inner-page #nav .nav-opener-holder:before,
.inner-page #nav .nav-opener-holder span
{
width: 33px;
}
.inner-page #nav .nav-opener-holder:after
{
top: 37px;
}
.inner-page #nav .nav-opener-holder span
{
top: 31px;
}
.inner-page #nav .nav-opener .icon-playback-play
{
font-size: 15px;
top: 34px;
right: 15px;
}
.inner-page .search .icon-search
{
font-size: 34px;
line-height: 90px;
width: 105px;
height: 94px;
}
.inner-page .search .input_holder
{
height: 94px;
}
.inner-page .search .input_holder:before
{
top: 0;
bottom: 0;
}
.inner-page .search input
{
font-size: 16px;
height: 100%;
padding-left: 20px;
}
.inner-page .alert-block .alert
{
width: 106px;
height: 94px;
padding: 34px 10px;
}
.inner-page .alert-block .alert .icon-bell
{
font-size: 38px;
}
.inner-page .alert-block .alert_description
{
font-size: 16px;
line-height: 32px;
top: 10px;
right: 22px;
width: 33px;
height: 33px;
}
.inner-page .profile-holder > a
{
height: 94px;
padding: 18px 26px 13px 27px;
}
.inner-page .profile-holder .photo
{
width: 54px;
height: 54px;
}
.inner-page .profile-holder .name
{
font-size: 21px;
margin: 3px 21px 0 0;
}
.inner-page .profile-holder .icon-chevron-down
{
margin: 0 14px 0 0;
}
.inner-page .control_panel_slider
{
top: 95px;
}
.visual-area .visual-wrap
{
margin: 0 0 -66px;
}
.visual-area h1
{
margin: -17px 0 0 -137px;
}
.main-menu
{
padding: 30px 256px 10px 289px;
}
.side-menu-wrap
{
width: 116%;
}
.content
{
padding: 0 48px 0 78px;
}
}
*/
/*ADA CHANGES - End (huge) new code block*/
@media (max-width: 1024px) {
.search.active .input_holder {
width: 230pxx; /*ADA Changes - changed from 300px*/
}
.search input {
width: 300px;
}
/*ADA Changes - start*/
.profile-holder .name
{
display: none;
}
/*ADA Changes - end*/
/* body.nav-active {
margin: 0 -302px 0 302px;
}*/
.navbar_category .slideset > ul > li a {
font-size: 11px;
}
.page-head h1 {
font-size: 16px;
line-height: 26px;
}
.reports-block .frame_container ul {
font-size: 12px;
}
.reports-block .frame_container ul li a { /*ADA CHanges - added "a" */
padding: 13px 13px;
}
.reports-block .tab-container .tabset {
font-size: 10px;
}
.content-holder table {
font-size: 12px;
}
.content-holder table.admin_page tr {
font-size: 12px;
}
.content-holder table.admin_page tr th {
font-size: 12px;
}
.profile-container .avatar-holder {
width: 150px;
height: 150px;
}
.account_info {
font-size: 12px;
}
.account_info th {
font-size: 11px;
}
}
/*ADA CHnages - start code block*/
@media (max-width: 1023px)
{
.main-menu > li.drop-down > a:before
{
position: absolute;
top: 16px;
right: 10px;
content: '';
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
border-width: 6px 0 6px 8px;
border-style: solid;
border-color: transparent transparent transparent #000;
}
.main-menu .menu-dropdown .menu-dropdown .dropdown-list a
{
padding-left: 35px;
}
.main-menu .menu-dropdown .menu-dropdown .menu-dropdown .dropdown-list a
{
padding-left: 55px;
}
.main-menu .menu-dropdown .menu-dropdown .menu-dropdown .dropdown-list a:before
{
right: 20px;
}
.main-menu .dropdown-list a.drop-down-a:before
{
right: 15px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
/*ADA Changes - End code block*/
@media (max-width: 768px) {
.left-holder, #header {
display: flex;
flex-basis: 0;
flex-grow: 1;
align-items: center;
}
#nav { margin: 0 2px 0 0;}
/* #header #logo {
display: none;
} */
.site-search, .alert-block {
display:none;
}
.right-holder {
/* padding-right: 63px; */
border-left: 1px solid #9d9d9d;
}
.search {
position: absolute;
top: 0;
right: 0;
left: 72px;
border: 0;
}
.search button { /*ADA Change - added "button"*/
border-left: 1px solid #9d9d9d;
}
.search .icon-search {
float: right;
}
.search .input_holder {
float: none;
clear: both;
width: 350px;
height: 0 !important;
border: 1px solid #9d9d9d;
}
.search .input_holder:before {
display: none !important;
}
.search.active .input_holder {
z-index: 10;
width: 100% !important;
height: 65px !important;
}
.search input {
min-width: 100%;
max-width: 100%;
}
.alert-block .alert {
width: 72px;
}
.profile-holder {
position: relative;
z-index: 10;
float: right;
}
.profile-holder > a {
padding: 13px 12px 13px 8px;
}
/*MR: 9/13/2023*/
#wrapper {
overflow: initial;
}
/*ADA Change - commenting out
.profile-holder .name {
display: none;
}*/
.control_panel_slider {
width: 310px;
}
.navbar_category .drop {
display: none;
overflow: auto;
}
.navbar_category .drop .drop {
position: static;
right: 0;
left: 0;
margin: 0;
}
.navbar_category .drop .drop a {
padding: 9px 10px 9px 35px !important;
}
.navbar_category ul li.hover > .drop,
.navbar_category ul li.active > .drop /*ADA change - added line*/
{
display: block;
}
.page-head .drop .sub-drop {
position: static;
display: none;
visibility: visible;
width: 100%;
}
.page-head h1 {
clear: both;
}
.page-head .breadcrumbs {
float: left;
clear: both;
}
.progress_panel .accordion_holder .progress-bar-holder {
min-width: 100%;
}
.progress_panel .accordion_holder h1 {
min-width: 100%;
}
/*.reports-block .frame_container ul li
{
float: none;
}
.reports-block .frame_container ul li:after
{
display: none;
}*/
.datapicker .datapicker-holder img {
width: 100%;
}
.profile-container .control-holder a.disabled {
display: block;
visibility: visible;
}
.profile-container .info .avatar-holder {
margin: 0 0;
}
.profile-container .info {
padding: 0 20px 20px;
text-align: center;
}
.custom-drop {
font-size: 11px;
left: 0 !important;
width: 100%;
max-height: 400px;
}
.custom-drop ul > li a {
font-size: 11px;
padding: 9px 10px 9px 25px !important;
}
.custom-drop ul > li .drop {
position: static;
right: 0;
left: 0;
margin: 0;
}
.custom-drop ul > li .drop a {
padding: 9px 10px 9px 35px !important;
}
.custom-drop ul > li .drop li > .drop li a
{
padding: 9px 10px 9px 45px !important;
}
.custom-drop ul > li .drop li > .drop li > .drop li a{
padding: 9px 10px 9px 55px !important;
}
}
/*ADA Change - begin code block*/
@media print
{
/*MR: 8/17/2023 - removing to all printing of background colors */
/*
*
{
background: none !important;
}
html
{
background: none !important;
}
*/
body, html {
width:100% !important;
}
.btn, .label {
color:black !important;
}
.ModuleWrapper {
height:auto !important;
overflow: inherit !important;
}
body.xmBodyFixed {
overflow:initial !important;
position:relative !important;
}
.container,
body,
#wrapper,
#header,
.footer,
.bottom-area,
.content,
.top-container,
.main
{
width: inherit !important;
min-width: inherit !important;
max-width: inherit !important;
background: #fff !important;
}
.control_panel_slider,
.right-holder,
#nav,
.visual-area,
.main-menu-area,
.social-area,
.footer-nav,
.side-nav,
.aside,
.main-img,
.video-area,
.image-holder,
.xmcssmenu_post,
.cis-logo
{
display: none !important;
}
.left-holder
{
float: none;
width: 100%;
}
#header
{
position: relative !important;
}
#header #logo
{
display: block;
margin: 0 auto !important;
}
.col-xs-12
{
float: none !important;
width: 100% !important;
}
}
/*ADA Change End code block*/
/*XM-3*/
tr {
page-break-inside: avoid;
}
.buttonLoading {
background-image: url(/lib/img/loading-spinner-white.svg);
background-repeat: no-repeat;
background-size: contain;
padding-left: 35px;
}
#XMDivider {
background: url(/lib/theme/xm-2/images/separator3.gif);
background-repeat: repeat-y;
background-position: 5px 20px;
width: 10px;
}
img {
-ms-interpolation-mode: bicubic
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.item-saved {
padding: 2px;
background-color: #090;
font-weight: bold;
border: 1px solid #dadada;
color: #fff;
text-decoration: none;
cursor: pointer
}
.RoundCorners {
border-radius: 3px 3px 3px 3px !important;
-moz-border-radius: 3px 3px 3px 3px !important;
-webkit-border-radius: 3px 3px 3px 3px !important;
}
.xmFilePicker {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-color: #ccc;
white-space: nowrap;
padding: 1px 5px;
font-size: 11px;
line-height: 1.5;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.xm-file-list-item {
position: relative;
display: inline-block;
max-width: 90%;
min-width: 130px;
border: 1px solid #dadada;
border-radius: 3px;
background-color: #eff2f7;
font-size: 11px;
color: #666666;
padding: 4px;
padding-right: 10px;
margin: 4px;
}
.xm-file-list-item img.xm-file-del {
position: absolute;
top: 0;
right: 0;
}
.xm-drag-over {
background: #fff8dc;
}
.tabFlt {
border-collapse: collapse;
max-width: 100%
}
.tabFlt tbody {
max-width: 100%;
width: 100%
}
.tabFlt.animate td {
transition: width .1s
}
.tabFlt td input {
margin: 0 0 -1px;
padding: .5em .9em;
transition: box-shadow .1s;
width: 100%;
font-size: 90%;
box-sizing: border-box;
border: 1px solid #ddd;
border-right-width: 0
}
.tabFlt td:last-child {
border-right: 1px solid #ddd
}
.tabFlt tr.animate-add td:last-child,
.tabFlt tr.animate-remove td:last-child {
border-right-width: 0
}
.tabFlt tr.animate-add td:last-child input,
.tabFlt tr.animate-remove td:last-child input {
border-right-width: 1px
}
.tabFlt td input:focus {
box-shadow: 0 0 4px 2px #A1C2F3;
border-color: transparent;
outline: 0;
z-index: 1;
position: relative
}
.tabFlt tr.animate-add,
.tabFlt tr.animate-remove {
-webkit-perspective: 500;
-moz-perspective: 500;
-ms-perspective: 500;
perspective: 500
}
.tabFlt.animate tr.animate-add input {
transform-origin: 0 0;
animation: flipDown .25s ease-in
}
.tabFlt.animate tr.animate-remove input {
transform-origin: 0 0;
animation: flipUp .25s ease-in
}
.tabFlt th {
padding: .5em .9em;
font-size: 95%;
background-color: #fafafa;
font-weight: 400;
border: 1px solid #ddd;
border-bottom-width: 0
}
.item-save {
padding: 2px;
background-color: #efefef;
border: 1px solid #dadada;
color: #666;
text-decoration: none;
cursor: pointer
}
.ui-datepicker {
z-index: 9999 !important;
}
.ui-datepicker-trigger {
vertical-align: middle;
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left;
}
.ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
.dateBox {
background: #fff url('/lib/img/fulldate-blue.jpg') repeat-x scroll top left;
width: 60px;
height: 60px;
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.dateBox .dateBox-day {
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 35px;
padding-top: 3px
}
.dateBox .dateBox-month {
font-size: 11px;
font-weight: bold;
}
#tt {
position: absolute;
display: block
}
#ttcont {
display: block;
border: 1px solid #999;
padding: 5px;
background-color: #fefeea
}
#PageInstructionsBox p {
margin: 0
}
body:has(.xmFullScreen) {
overflow:hidden;
}
body:has(.xmFullScreen) {
#header {
display:none;
}
}
.xmFullScreen table thead th, .xmFullScreen table thead td {
position: sticky;
top: 0;
}
.xmFullScreen .btnToggleFullScreen {
position: fixed;
z-index: 101;
}
.xmFullScreen {
overflow: auto !important;
width: 100% !important;
position: fixed !important;
display: flex !important;
height: 100% !important;
max-height:100% !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
z-index: 999 !important;
margin: 0 !important;
}
.fullScreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
padding: 10px;
}
.fltleft {
float: left
}
.fltright {
float: right
}
.clear {
clear: both;
overflow: hidden
}
.clrflt {
clear: both;
line-height: 1px;
font-size: 1px;
overflow: hidden
}
.asContent a {
text-wrap: normal;
word-break: break-all;
word-wrap: break-word
}
.Wrap {
text-wrap: normal;
word-break: break-all;
word-wrap: break-word
}
.NoWrap {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap
}
.tabCountBox {
border: 1px solid #dadada;
background-color: #eee;
color: #444;
font-weight: bold;
font-size: 10px;
padding: 3px;
text-align: center
}
.PopupBox {
width: 300px;
height: 300px;
border: 1px solid #dadada;
position: absolute;
display: none;
z-index: 999;
background-color: #FFF
}
.PopupBoxHeader {
border-bottom: 1px solid #999
}
.PopupBoxBody {
border-top: 1px solid #e6e6e6;
padding: 10px
}
.PopupBoxBody TD {
border-bottom: 1px solid #EEE
}
.PopupBoxTitle {
font-size: 14px;
color: #666;
padding: 3px;
border-bottom: 1px solid #dadada
}
.tabTipSmall {
padding-top: 3px;
font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
position: absolute;
left: 100%;
top: 0;
margin-left: -30px;
margin-top: -5px;
background-image: url(/lib/img/icon_count_sml.png);
background-repeat: no-repeat;
width: 23px;
height: 22px;
color: #FFF;
vertical-align: middle
}
.tabTipMedium {
padding-top: 3px;
font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
position: absolute;
left: 100%;
top: 0;
margin-left: -35px;
margin-top: -5px;
background-image: url(/lib/img/icon_count_med.png);
background-repeat: no-repeat;
width: 28px;
height: 22px;
color: #FFF;
vertical-align: middle
}
.tabTipLarge {
padding-top: 3px;
font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
position: absolute;
left: 100%;
top: 0;
margin-left: -36px;
margin-top: -5px;
background-image: url(/lib/img/icon_count_lgr.png);
background-repeat: no-repeat;
width: 29px;
height: 22px;
color: #FFF;
vertical-align: middle
}
.TableDisplay THEAD TR TD {
border-bottom: 1px dotted #dddddd;
font-weight: bold;
vertical-align: bottom
}
.TableDisplay TBODY TR TD {
border-bottom: 1px dotted #dddddd;
vertical-align: top;
empty-cells: show
}
.TableDisplay TBODY TR TD TABLE TD {
border: 0
}
.TableGrid {
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
table-layout: fixed;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.TableGrid THEAD TR TD,
.TableGrid THEAD TR TH {
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
font-weight: bold;
vertical-align: bottom;
background-color: #e5f5fa;
}
.TableGrid TBODY TR TD {
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
vertical-align: top;
empty-cells: show
}
.TableGrid TBODY TR TD TABLE TD {
border: 0
}
.verticalText {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.itemCountSmall {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_sml_gray.png);
background-repeat: no-repeat;
width: 23px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.itemCountMedium {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_med_gray.png);
background-repeat: no-repeat;
width: 28px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.itemCountLarge {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_lgr_gray.png);
background-repeat: no-repeat;
width: 29px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.itemCountSmallRed {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_sml.png);
background-repeat: no-repeat;
width: 23px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.itemCountMediumRed {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_med.png);
background-repeat: no-repeat;
width: 28px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.itemCountLargeRed {
padding-top: 3px;
font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
letter-spacing: -1px;
text-shadow: #871521 -1px -1px 1px;
text-align: center;
background-image: url(/lib/img/icon_count_lgr.png);
background-repeat: no-repeat;
width: 29px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.ContentBox {
border: 1px solid #eae9e1;
padding: 3px
}
.tabWarning {
position: absolute;
left: 100%;
top: 0;
margin-left: -30px;
margin-top: -2px;
background-image: url(/lib/img/icon_count_warning.png);
background-repeat: no-repeat;
width: 12px;
height: 22px;
color: #FFF;
font-weight: bold;
font-size: 10px
}
.PostItNote {
width: 175px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
border: 1px solid #999;
background-color: lightyellow;
padding: 4px
}
.XMPod {
border: 1px solid #dadada;
padding: 0;
background-color: #f5f5f5
}
.XMPodHeader TD {
background-image: url(/lib/img/bg_pod_header.png);
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFF;
padding: 7px;
font-size: 14pt;
font-weight: bold;
color: #565656;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.XMButton {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 3px;
color: #454545;
text-decoration: none;
border: 1px solid #c5c5c5;
padding: 3px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(/lib/img/bg_coolbar.gif);
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.XMButtonBlue {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 3px;
color: #454545;
text-decoration: none;
border: 1px solid #c5c5c5;
padding: 3px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(/lib/img/bg_xmbutton_blue.png);
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.XMLinkGray {
padding: 3px;
border: 1px solid #dadada;
background-color: #efefef;
text-decoration: none;
color: #333
}
.XMLinkGray:hover {
padding: 3px;
border: 1px solid #dadada;
background-color: #63a0eb;
text-decoration: none;
color: #fff
}
.XMButtonDarkBlue {
text-decoration: none;
border: 1px solid #dadada;
padding: 5px;
font-size: 12px;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-image: url(/lib/img/bg_xmbutton_darkblue.png);
background-repeat: repeat-x;
background-position: center;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.XMButtonOrange {
color: #454545;
border: 1px solid #dadada;
padding: 3px;
font-size: 14px;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-image: url(/lib/img/bg_xmbutton_orange.png);
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.XMButtonGreen {
color: #454545;
border: 1px solid #dadada;
padding: 3px;
font-size: 14px;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-image: url(/lib/img/bg_xmbutton_green.png);
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.XMButtonGray {
color: #454545;
border: 1px solid #dadada;
padding: 3px;
font-size: 14px;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background-image: url(/lib/img/bg_xmbutton_gray.png);
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap
}
.PageControlBar {
background-image: url(/lib/img/bg_control_bar.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFF;
overflow: hidden;
border: 1px solid #dadada;
padding: 5px;
padding-bottom: 0;
padding-left: 0;
margin: 0;
margin-bottom: 2px
}
.PageControlBar a {
text-decoration: none
}
.PageControlBarOrange {
background-image: url(/lib/img/controlbar-bg.png);
height: 53px;
background-repeat: repeat-x;
background-color: #797979;
overflow: hidden;
padding: 0;
text-transform: uppercase;
font-size: 11px
}
.PageControlBarOrange a {
text-decoration: none;
color: #fff;
background: url(/lib/img/controlbar-div.png) no-repeat;
background-position: right;
padding: 0 20px 0 0
}
.PageControlBarOrange a:visited {
text-decoration: none;
color: #fff;
background: url(/lib/img/controlbar-div.png) no-repeat;
background-position: right;
padding: 0 20px 0 0
}
.PageControlBarOrange a:hover {
text-decoration: none;
color: #fff;
background: url(/lib/img/controlbar-div.png) no-repeat;
background-position: right;
padding: 0 20px 0 0
}
.BoxGray {
width: 181px;
background-image: url(/lib/img/pod/boxGrayMiddle.gif);
background-repeat: repeat-y;
margin: 0
}
.BoxGrayHeader {
width: 181px;
height: 28px;
background-image: url(/lib/img/pod/boxGrayHeader.gif);
background-repeat: no-repeat;
padding: 8px 5px 0 10px;
font-weight: bold;
font-size: 12px;
color: #FFF;
overflow: hidden
}
.BoxGrayFooter {
width: 181px;
height: 10px;
background-image: url(/lib/img/pod/boxGrayBottom.gif);
background-repeat: no-repeat;
margin: 0;
float: bottom
}
.BoxGrayBody {
padding: 5px 8px 5px 0
}
.BoxOrangeHeader {
width: 181px;
height: 28px;
background-image: url(/lib/img/pod/boxOrangeHeader.gif);
background-repeat: no-repeat;
padding: 8px 5px 0 10px;
font-weight: bold;
font-size: 12px;
color: #FFF;
overflow: hidden
}
.BoxBlueHeader {
width: 181px;
height: 28px;
background-image: url(/lib/img/pod/boxBlueHeader.gif);
background-repeat: no-repeat;
padding: 8px 5px 0 10px;
font-weight: bold;
font-size: 12px;
color: #FFF;
overflow: hidden
}
.BoxSeparator {
background: url(/lib/img/pod/boxSeparator.gif) repeat-x;
width: 100%;
height: 2px;
margin: 15px 0 5px 0
}
a.LeftMenu,
a.LeftMenu:visited {
color: #003f7f;
font-size: 12px;
font-weight: bold;
text-decoration: none
}
a.LeftMenu:hover {
color: #505050;
font-size: 12px;
font-weight: bold;
text-decoration: underline
}
.LeftMenuBullet {
padding: 0 5px 0 5px;
vertical-align: top;
width: 9px;
height: 14px;
background-image: url(/lib/img/pod/leftMenubullet.gif);
background-repeat: no-repeat;
background-position: top center;
margin-top: 5px
}
.pod_portal_wrap {
width: 245px
}
.pod_portal {
width: 239px;
margin: 0 auto;
background: #dcd9ca url(/lib/img/pod/aside_barBg1.jpg) repeat-x left top;
-moz-box-shadow: 0 1px 2px #959592;
-webkit-box-shadow: 0 1px 2px #959592;
box-shadow: 0 1px 2px #959592;
behavior: url(PIE.htc)
}
.pod_portal h2 {
height: 40px;
padding: 0 0 0 12px;
background: #505050;
font-size: 18px;
font-family: 'Arimo', sans-serif;
line-height: 40px;
color: #FFF
}
.pod_portal_menu {
padding: 10px 20px;
margin: 0 0 20px 0
}
.pod_portal_menu ul {
list-style: none;
padding: 0;
margin: 0
}
.pod_portal_menu ul li {
width: 199px;
height: 35px;
line-height: 35px;
background: url(/lib/img/pod/aside_barLI_bg.png) no-repeat center bottom;
font-size: 14px;
font-weight: 700;
padding: 0!important;
margin: 0!important
}
.pod_portal_menu td {
background: url(/lib/img/pod/aside_barLI_bg.png) no-repeat center bottom!important
}
.pod_portal_menu ul li.get_height {
height: 42px!important;
line-height: 42px!important
}
li.get_height a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 165px
}
.pod_portal_menu ul li img {
float: left;
margin: 0 5px 0 0
}
.pod_portal_menu ul li a {
color: #2d2d2d;
display: block;
float: left
}
.pod_portal_menu ul li span {
float: right;
width: 20px;
height: 20px;
border: 1px solid #bec0ba;
background: #FFF;
text-align: center;
line-height: 20px;
display: inline;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #e02c14;
margin: 6px 0 0 0
}
.XMBubble {
position: absolute;
display: none;
border: 1px solid #dadada;
background-color: #333;
margin: 10px;
max-width: 500px;
color: #fff;
padding: 4px
}
span.diff-html-added {
background-color: #9fe101;
word-break: break-word;
}
span.diff-html-removed {
color: #c00000;
text-decoration: line-through;
word-break: break-word;
}
.bubbleTip {
position: relative;
top: -10px;
left: 2px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
background-color: #fd9b42;
border: 1px solid #EEE;
padding: 2px
}
.BubbleTooltip {
width: 250px;
height: auto;
position: absolute;
display: none;
padding: 5px;
border: 1px solid #999;
background-color: #edf8e7
}
.SaveBtn {
color: red;
background-image: url(../../../img/icon_save.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 16px;
height: 20px
}
.clRadioCheck {
border: 1px solid #dadada
}
.clRadioCheckFocus {
border: 1px solid #333
}
.coolBar,
.CoolBar,
#MainToolBar {
display: block;
padding-left: 3px;
text-transform: capitalize;
background-image: url(/lib/img/bg_control_bar.gif);
background-repeat: repeat-x;
font: menu;
cursor: default;
padding-top: 3px;
padding-bottom: 0;
border: 1px solid #dadada;
}
.filterBar {
font-size: xx-small;
padding-left: 3px;
height: 19px;
background-position: bottom;
background-image: url(/lib/img/bg_filterbar.gif);
background-repeat: repeat-x;
border-right: 1px solid #808080;
width: 100%
}
#XMDock,
.dock {
width: 100%;
height: 100%;
overflow: auto
}
.XMDateTime {
float: left;
display: inline;
border: 1px solid #dadada;
width: auto;
background-color: #fff
}
.XMDateTime div {
display: inline;
float: left;
padding: 0
}
.XMDateTime input {
font-size: 10px;
border: 0
}
.CalendarDisplay {
background-color: #FFF;
overflow: hidden;
width: 175px;
border: 1px solid #999;
padding: 0;
margin: 0;
display: none;
position: absolute
}
.CalendarDisplay TABLE THEAD TD {
text-align: center;
font-weight: bold;
font-size: 10px;
background-color: #ebedf1;
border-bottom: 1px solid #b7babc
}
.CalendarDisplay TABLE {
border-bottom: 1px solid #b7babc
}
.CalendarDisplay TABLE TBODY TD {
text-align: center;
width: 14%;
cursor: pointer;
font-size: 10px
}
.CalMouseOver {
background-color: #808080;
color: #FFF
}
.CalOffMonth {
color: #808080
}
.CalSelectedDay {
background-color: #808080;
color: #FFF
}
.calNavBtn {
border: 0;
cursor: pointer
}
.TableReport {
border: 1px solid #999;
border-right: 0
}
.TableReport THEAD TD {
background-color: #F90;
text-transform: capitalize;
font-weight: bold;
color: #FFF;
font-size: 12px
}
.TableReport TBODY TD {
border-bottom: 1px dotted #999;
border-right: 1px dotted #999
}
.photo-bg {
background: url(/lib/img/photo-bg.png) no-repeat;
width: 185px;
height: 205px;
margin: 0;
text-align: center
}
.photo-title {
margin: 0;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #000
}
.XMMenuContainer {
cursor: pointer;
width: 200px;
height: 200px;
overflow: auto;
display: none;
position: absolute;
padding-left: 1px;
text-transform: capitalize;
background: #eeece9;
font: menu;
border: 1px outset white;
cursor: default;
padding-top: 0;
padding-bottom: 0;
border-top: 1px solid #808080;
border-left: 1px solid #d4d0c8;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080
}
.XMFormRounded {
padding-top: 0;
margin-top: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
overflow: auto
}
#XMHint {
width: 250px;
height: auto;
overflow: visible;
display: none;
position: absolute;
padding: 3px;
background: #eeece9;
font: menu;
border: 1px solid #dadada;
cursor: default
}
#XMFrameOverlay {
position: absolute
}
.XMOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 10000;
}
#dhtmltooltip {
position: absolute;
left: -300px;
width: 250px;
border: 1px solid #999;
padding: 2px;
visibility: hidden;
z-index: 100;
BACKGROUND: url(/lib/img/bubble_bg.gif) #fff8ab repeat-x 0 top
}
#dhtmlpointer {
position: absolute;
left: -300px;
z-index: 101;
visibility: hidden
}
.spellErr {
background-image: url(spell/redline.png);
background-repeat: repeat-x;
background-position: bottom;
cursor: pointer;
color: #808080
}
.spellLayer {
position: absolute;
background-color: #EEE;
border: 1px solid #999;
overflow: auto
}
.spMenu {
background-color: Menu;
margins: 0;
padding: 1px;
border: 2px outset;
width: 150px;
position: absolute
}
.spMenuItem {
cursor: default;
font: menu;
color: MenuText;
width: 100%;
padding: 2px 2px 2px 2px
}
.spMenuOver {
cursor: default;
background-color: highlight;
font: menu;
width: 100%;
padding: 2px 2px 2px 2px;
color: highlighttext
}
.spMenuSeparator {
font-size: 0;
border: 1px inset;
height: 2px;
overflow: hidden;
margin: 3px 1px 3px 1px
}
.commentsBox {
border: 1px solid #dadada;
margin-bottom: 3px;
padding: 4px;
BACKGROUND: url(/lib/img/comment/comment_grad.gif) #f3f3c1 repeat-x;
background-position: top;
display: block;
clear: both;
word-break: break-word
}
.commentsBoxBlue {
border: 1px solid #d3dee6;
margin-bottom: 3px;
padding: 4px;
BACKGROUND: url(/lib/img/comment/comment_grad_blue.gif) #ecf2f8 repeat-x;
background-position: top;
display: block;
clear: both;
word-break: break-word
}
.commentsBoxGreen {
border: 1px solid #ebede0;
margin-bottom: 3px;
padding: 4px;
BACKGROUND: url(/lib/img/comment/comment_grad_green.gif) #f9faee repeat-x;
background-position: top;
display: block;
clear: both;
word-break: break-word
}
.commentsBoxGray {
border: 1px solid #dedede;
margin-bottom: 3px;
padding: 4px;
BACKGROUND: url(/lib/img/comment/comment_grad_gray.gif) #f3f3f3 repeat-x;
background-position: top;
display: block;
clear: both;
word-break: break-word;
font-size: 11px
}
.commentsBoxOrange {
border: 1px solid #f3dcc1;
margin-bottom: 3px;
padding: 4px;
BACKGROUND: url(/lib/img/comment/comment_grad_oj.gif) #fff7ee repeat-x;
background-position: top;
display: block;
clear: both;
word-break: break-word;
font-size: 11px
}
.comments {
width: 95%;
padding: 5px
}
.comment {
BORDER-RIGHT: #996 1px solid;
PADDING-RIGHT: 10px;
BORDER-TOP: #996 1px solid;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BACKGROUND: url(/lib/img/comment/comment_grad.gif) #f3f3c1 repeat-x;
PADDING-BOTTOM: 5px;
MARGIN: 0;
BORDER-LEFT: #996 1px solid;
background-position: top;
PADDING-TOP: 10px;
BORDER-BOTTOM: #996 1px;
FONT-FAMILY: Verdana;
font-height: 17px
}
.comment P {
PADDING-RIGHT: 0;
PADDING-LEFT: 0;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 0;
MARGIN: 0 0 4px;
COLOR: #000;
PADDING-TOP: 0
}
.comment-footer {
BACKGROUND: url(/lib/img/comment/comment_footer.gif) no-repeat;
height: 22px;
PADDING-TOP: 3px;
FONT-FAMILY: Verdana;
padding-left: 45px;
vertical-align: top
}
.comment-footer A {
color: #0066de
}
.commentorange {
BORDER-RIGHT: #fce8b0 1px solid;
PADDING-RIGHT: 10px;
BORDER-TOP: #fce8b0 1px solid;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BACKGROUND: url(/lib/img/comment/comment_grad_orange.gif) #fef9eb bottom;
background-repeat: repeat-x;
PADDING-BOTTOM: 5px;
MARGIN: 0;
BORDER-LEFT: #fce8b0 1px solid;
PADDING-TOP: 10px;
BORDER-BOTTOM: #fce8b0 1px;
FONT-FAMILY: Verdana;
font-height: 17px
}
.commentorange P {
PADDING-RIGHT: 0;
PADDING-LEFT: 0;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 0;
MARGIN: 0 0 4px;
COLOR: #000;
PADDING-TOP: 0
}
.comment-footerorange {
BACKGROUND: url(/lib/img/comment/comment_footer_orange.gif) no-repeat;
height: 22px;
PADDING-TOP: 3px;
FONT-FAMILY: Verdana;
padding-left: 45px;
vertical-align: top
}
.comment-footerorange A {
color: #0066de
}
.comment_portal_wrap {
border: 1px solid #d3d2cc;
background: #fcfcfc;
margin: 0 0 20px
}
.comment_portal_box {
font-family: 'Arimo', sans-serif;
padding: 13px 15px 0 10px
}
.comment_portal_icon {
width: 24px;
padding: 2px 0 0 0
}
.comment_portal_icon img {
float: left
}
.comment_portal_text {
font-size: 12px;
line-height: 16px;
color: #52524f;
display: block;
width: 97%;
font-family: Arial
}
.comment_portal_text strong {
font-weight: 700
}
.comment_portal_text p {
padding: 15px 20px 20px 0
}
.comment_portal_author {
height: 36px;
font-family: 'Arimo', sans-serif;
background: #f3f3f3;
padding: 4px 4px 0 0;
text-align: right
}
.comment_portal_author img {
float: right;
margin: 0 0 0 9px
}
.comment_portal_author span {
display: block;
font-size: 12px;
color: #52524f;
line-height: 16px;
font-weight: 700
}
.comment_portal_author small {
font-size: 11px;
color: #52524f;
display: block;
line-height: 14px;
font-weight: 400
}
.RLTable {
table-layout: fixed;
BACKGROUND: window;
/*FONT: Icon;*/
COLOR: windowtext;
border: 1px solid #ddd;
border-bottom: 0
}
.RLWrapper {
z-index: 10;
overflow: hidden;
overflow-y: auto
}
.RLCell {
float: left
}
.RLDivider {
BORDER-RIGHT-COLOR: buttonhighlight;
BORDER-LEFT: 1px solid buttonhighlight;
border-right: 1px solid buttonshadow;
float: right;
display: inline-block;
width: 1px;
height: 15px;
cursor: e-resize
}
.RLTitle {
border: 1px solid #ddd;
background-color: #efefef;
background-repeat: repeat-x;
background-position: center;
padding: 3px;
border-bottom: 0
}
.RLTitlePlain {
font-size: 12px;
font-weight: bold;
font-family: inherit;
display: block;
background: #f0f;
border: 1px solid #727272;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background: #a1a1a1;
background: -moz-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1), color-stop(50%, #868686), color-stop(51%, #777777), color-stop(100%, #6f6f6f));
background: -webkit-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
background: -o-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
background: -ms-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
background: linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
color: #f2f2f2;
/*text-shadow:1px 1px 1px #000;*/
padding: 6px 12px 6px 19px;
}
.RLTitlePlain td {
color: #f2f2f2;
font-size: 12px;
font-family: inherit;
}
.RLTable THEAD {
height: 22px
}
.RLTable TD {
empty-cells: show;
cursor: pointer;
overflow: hidden;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
-moz-user-select: none
}
.RLTable THEAD TD {
padding: 3px;
background-color: #ebecee;
background-image: url(/lib/tag/xm/inc/grid/bg_table_header.png);
background-repeat: repeat-x;
background-position: top;
BORDER-RIGHT: threedshadow 1px solid;
BORDER-LEFT: threedhighlight 1px solid;
BORDER-BOTTOM: 1px solid #d5d5d5
}
.RLTableHead {
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 5
}
.draghandle.dragged {
border-left: 1px solid #333
}
.draghandle {
position: absolute;
z-index: 5;
width: 5px;
cursor: e-resize
}
.RLTable TBODY TD {
vertical-align: top;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: 1px solid #ededed;
background-color: #fff
}
.RLTable TFOOT TD {
vertical-align: top;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background-color: #ffffc1;
border-bottom: 1px solid #999
}
.RLTable TBODY TD DIV {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.sort-arrow {
display: none;
BACKGROUND-POSITION: center center;
MARGIN: 0 2px;
WIDTH: 11px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 11px
}
.descending {
display: inline;
BACKGROUND-IMAGE: url(grid/downsimple.png)
}
.ascending {
display: inline;
BACKGROUND-IMAGE: url(grid/upsimple.png)
}
.RLFilter {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: buttonface;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
BORDER-LEFT: buttonhighlight 1px solid;
CURSOR: default;
BORDER-BOTTOM: buttonshadow 1px solid
}
.RLInput {
border: 1px solid #808080;
font-size: 10px;
width: 100px
}
.RLButton {
border: 1px solid #808080;
font-size: 10px
}
.RLSelect {
border: 1px solid #808080;
font-size: 10px
}
.selected {
background-color: #fff8dc
}
.RLResize {
width: 1px;
border: 0;
left: -5px;
left: expression(this.offsetParent.offsetLeft-5);
position: relative;
cursor: e-resize
}
.RLResizeBar {
position: absolute
}
.ui-spinner {
position: relative
}
.ui-spinner-buttons {
position: absolute
}
.ui-spinner-button {
overflow: hidden
}
.tip-twitter {
opacity: .8;
z-index: 1000;
text-align: left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
max-width: 200px;
color: #fff;
background-color: #000;
padding: 8px
}
.tip-twitter .tip-inner {
font: bold 11px/14px 'Lucida Grande', sans-serif
}
.tip-twitter .tip-arrow-top {
margin-top: -5px;
margin-left: -5px;
top: 0;
left: 50%;
width: 9px;
height: 5px;
background: url(tip-twitter_arrows.gif) no-repeat
}
.tip-twitter .tip-arrow-right {
margin-top: -4px;
margin-left: 0;
top: 50%;
left: 100%;
width: 5px;
height: 9px;
background: url(tip-twitter_arrows.gif) no-repeat -9px 0
}
.tip-twitter .tip-arrow-bottom {
margin-top: 0;
margin-left: -5px;
top: 100%;
left: 50%;
width: 9px;
height: 5px;
background: url(tip-twitter_arrows.gif) no-repeat -18px 0
}
.tip-twitter .tip-arrow-left {
margin-top: -4px;
margin-left: -5px;
top: 50%;
left: 0;
width: 5px;
height: 9px;
background: url(tip-twitter_arrows.gif) no-repeat -27px 0
}
.ajaxtooltip {
position: absolute;
display: none;
left: 0;
top: 0;
z-index: 1;
}
.sortList li {
list-style: none;
margin: 0 0 4px 0;
padding: 5px;
cursor: move;
background-color: #eee;
border: #ddd solid 1px
}
.xm-dotted {
border-top: 1px dotted #4b4b4b;
line-height: 8px
}
.mobileOnly, .printOnly {display: none;}
@media print {
.noPrint {
display: none;
}
.printOnly {
display:block;
}
.controlBar {
position:relative !important;
top:auto !important;
}
.floatThead-container {
display: none !important;
}
}
@media only screen and (max-width: 580px) {
.mobileOnly {display: block;}
.nonMobile {display:none;}
table.rwd {
border: 0;
padding-bottom: 0;
display: block;
width: 100%;
}
table.rwd .mobileHidden {
display: none;
}
.XMFieldWrapper {
padding-left:20px;
}
table.rwd > tbody > tr > td:first-child,
.TableGrid tbody tr td:first-child {
color: #4f81a2;
font-weight: bold !important;
}
table.rwd > tbody > tr {
border-bottom: 5px double #dadada;
margin-bottom: 4px;
}
table.rwd > tfoot > tr {
border-bottom: 5px double #dadada;
margin-bottom: 4px;
}
table.rwd > thead {
display: none;
visibility: hidden;
}
table.rwd > tbody,
table.rwd > tr,
table.rwd > thead > tr > th,
table.rwd > thead > tr > td,
table.rwd > thead > tr > th,
table.rwd > tbody > tr,
table.rwd > tbody > tr > td,
table.rwd > tfoot > tr,
table.rwd > tfoot > tr > td ,
table.rwd > tfoot > tr > th {
border: 0;
display: block;
text-align: left !important;
width: auto !important;
white-space: normal;
}
table.rwd > tbody > tr > td {
border-bottom: 1px solid #efefef;
}
table.rwd > tbody > tr > td:last-child {
border-bottom: none;
}
table.rwd > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
display: inherit !important;
clear: both;
height: auto !important;
/*border-top:1px solid #dadada;*/
}
/*table.rwd tr:nth-child(even) td {background-color:#f9f9f9;}*/
table.rwd td.XMFormRow {
width: auto !important;
margin: 0;
}
table.rwd td.XMFormRow table table {
width: 100% !important;
}
table.rwd td.XMFormRow td {
border-bottom: none;
}
table.rwd > thead > tr > th[data-title]:before,
table.rwd > tr > td td[data-title]:before,
table.rwd > tr > td[data-title]:before,
table.rwd > tbody > tr > td[data-title]:before {
content: attr(data-title) ":\00A0";
font-weight: bold;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
table.rwd > th:not([data-title]),
table.rwd > thead > th:not([data-title]) {
font-weight: bold;
}
table.rwd > tbody > tr > td:empty,
table.rwd > tr > td:empty {
display: none;
}
table.rwd > tr > td.nonMobile,
table.rwd > tbody > tr > td.nonMobile {
display: none !important;
}
table.TableGrid td table td {
display: table-cell;
}
table.rwd .rwdPositionRelative {
position: inherit !important;
}
.mobileBlock {
display: block !important;
float: none !important;
clear: both;
}
.XMLabel {width:100%;}
}
@media only screen and (max-width: 950px) {
table.rwdmulti {
border: 0;
padding-bottom: 0;
display: block;
width: 100%;
}
table.rwdmulti .mobileHidden {
display: none;
}
table.rwdmulti > tbody > tr > td:first-child,
.TableGrid tbody tr td:first-child {
color: #4f81a2;
font-weight: bold !important;
}
table.rwdmulti > tbody > tr {
border-bottom: 5px double #dadada;
margin-bottom: 4px;
}
table.rwdmulti > thead {
display: none;
visibility: hidden;
}
table.rwdmulti > tbody,
table.rwdmulti > tr,
table.rwdmulti > thead > tr > th,
table.rwdmulti > thead > tr > td,
table.rwdmulti > tbody > tr,
table.rwdmulti > thead > tr > th,
table.rwdmulti > tbody > tr > td {
border: 0;
display: block;
text-align: left !important;
width: auto !important;
white-space: normal;
}
table.rwdmulti > tbody > tr > td {
border-bottom: 1px solid #efefef;
}
table.rwdmulti > tbody > tr > td:last-child {
border-bottom: none;
}
table.rwdmulti > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
display: inherit !important;
clear: both;
height: auto !important;
/*border-top:1px solid #dadada;*/
}
/*table.rwdmulti tr:nth-child(even) td {background-color:#f9f9f9;}*/
table.rwdmulti td.XMFormRow {
width: auto !important;
margin: 0;
}
table.rwdmulti td.XMFormRow table table {
width: 100% !important;
}
table.rwdmulti td.XMFormRow td {
border-bottom: none;
}
table.rwdmulti > thead > tr > th[data-title]:before,
table.rwdmulti > tr > td td[data-title]:before,
table.rwdmulti > tr > td[data-title]:before,
table.rwdmulti > tbody > tr > td[data-title]:before {
content: attr(data-title) ":\00A0";
font-weight: bold;
float: left;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}
table.rwdmulti > th:not([data-title]),
table.rwdmulti > thead > th:not([data-title]) {
font-weight: bold;
}
table.rwdmulti > tbody > tr > td:empty,
table.rwdmulti > tr > td:empty {
display: none;
}
table.rwdmulti > tr > td.nonMobile,
table.rwdmulti > tbody > tr > td.nonMobile {
display: none !important;
}
table.TableGrid td table td {
display: table-cell;
}
table.rwdmulti .rwdmultiPositionRelative {
position: inherit !important;
}
}
body.modal-open {
overflow: hidden;
}
.xm-modal-close {
display: inline-block;
text-indent: -9999px;
position: absolute;
top: 5px;
right: 5px;
width: 23px;
height: 23px;
background: transparent url(/lib/img/icon/close.png) no-repeat;
cursor: pointer;
z-index: 9999;
margin-bottom: 10px;
}
.modal-header h3 {
margin-bottom: 0;
margin-top: 0;
}
.xm-attachment-box {
padding: 3px;
border: 1px solid #dadada;
margin: 0px;
border-radius: 3px;
background-color: #eff2f7;
color: #454545;
}
/*
.table tr:hover td {
background-color: transparent;
}
*/
table.stHeader thead th, table.stHeader thead td {
position: sticky;
top: 60px;
background:white;
z-index:9;
}
body.fullscreen table.stHeader thead th, body.fullscreen table.stHeader thead td {
position: sticky;
top: 0;
background:white;
z-index:9;
}
table.stFooter tfoot td, table.stFooter tfoot td {
position: sticky;
bottom: 0;
background:white;
z-index:9;
}
.numCell {background:#C0C0C0;color:#808080}
.xm-fixed-footer {
position: fixed;
bottom: 0;
margin: 0;
background: #efefef;
z-index: 1;
width: 100%;
margin-left: -5px;
border-top: 2px solid #dadada;
}
.XMFieldWrapper {
position: relative;
}
.xmFieldValue {
word-break: break-word;
}
.xm-error-hint {
position: absolute;
min-width: 250px;
text-align: left;
margin-bottom: 7px;
bottom: calc(100% + 7px); /* 7px gap */
z-index: 14;
}
.xm-error-hint span, .xm-error-hint .label {
font-weight: normal;
white-space: normal;
font-size:15px;
}
.xm-error-hint:after {
content: "";
position: absolute;
top: 100%;
left: 25px;
border-top: 14px solid blue;
border-top-color: #d9534f;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
}
/*,input:invalid, select:invalid, textarea:invalid */
.xm-field-error input,
.xm-field-error select,
.xm-field-error textarea,
.xm-field-error .cbOptions label,
.xm-field-error .sigWrapper,
.xm-field-error .select2-container {
border: 1px solid #d9534f !important;
background:#fff0f4 !important;
color:#c51244 !important;
}
p.invalid-feedback {
border: 1px solid #d9534f !important;
background:#fff0f4 !important;
color:#c51244 !important;
padding:4px 8px;
}
.xm-none {
display: none;
}
/*Disable editing for form fields without using disabled*/
.xm-disable-edit {
cursor: not-allowed !important;
-moz-user-focus: none;
opacity: 0.7;
position: relative;
/*MR: 3/17/2022 - need this for when we disable checkbox labels - prevent any clicks */
pointer-events: none;
touch-action: none;
cursor: not-allowed;
-ms-user-select: none;
user-select: none;
}
.xm-disable-edit * {
pointer-events: none;
touch-action: none;
cursor: not-allowed;
-ms-user-select: none;
user-select: none;
}
.xm-disable-edit-overlay {
position: absolute;
z-index:1001 !important;
background-color: white;
opacity:.00;
filter: alpha(opacity=00);
top:0 !important;
left:0 !important;
height:100% !important;
width:100% !important;
}
.xm-disable-edit .xm-error-hint:after {
display: none !important;
}
.xm-disable-edit .xm-error-hint {
position:unset !important;
}
.xm-disable-edit .select2-dropdown {
display:none !important;
}
.xm-disable-edit option, .xm-disable-edit optgroup {
display: none;
}
.xm-disable-edit .select2-selection {
box-shadow: none;
}
.xm-disable-edit .select2-selection__arrow,
.xm-disable-edit .select2-results,
.xm-disable-edit .select2-selection__clear {
display: none;
}
/*bootstrap 2 "fixes"*/
/*XM-2 objects*/
.sign-holder {
width: 480px;
max-width: 100%;
margin: 0 auto;
}
/*class to replace xm-box-alt in pod.css*/
.content-padding{
padding: 9px 14px 13px; margin: 0 0 20px;
}
/*messageboard*/
#xm1-messageboard {
height:1%;
overflow:hidden;
padding:0 0 28px;
}
#xm1-messageboard .xm1-box{
border:1px solid #ddd;
background:#fff;
position:relative;
margin:0 0 22px;
}
#xm1-messageboard .threccoluns .xm1-box{width:278px;}
#xm1-messageboard .xm1-box:before,
#xm1-messageboard .xm1-box:after,
.xm1-add-nav .drop:after,
.xm1-add-nav .drop:before{
content:"";
clear:both;
position:absolute;
z-index:-2;
bottom:17px;
left:10px;
width:50%;
height:20%;
max-height:20px;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
#xm1-messageboard .xm1-box:after,
.xm1-add-nav .drop:after{
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
#xm1-messageboard .xm1-box .xm1-box-holder{
background:#f7f7f7;
margin:-1px 0 0;
padding:8px 13px 5px 13px;
position:relative;
}
#xm1-messageboard .xm1-box{margin:0 0 16px;}
#xm1-messageboard .xm1-box input[type=submit]{
float:right;
width:70px;
border:0;
height:17px;
font:11px/17px Verdana, Geneva, sans-serif;
color:#565555;
text-align:center;
background:none;
margin:0 0 0 19px;
padding:0 0 2px;
}
#xm1-messageboard .xm1-box input[type=submit]:hover{cursor:pointer; text-decoration:underline;}
#xm1-messageboard .xm1-box input[type=submit].btn-update{
float:right;
width:63px;
border:0;
height:17px;
font:10px/17px Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#565555;
text-align:left;
padding:0 0 1px;
margin:0 10px 0 0;
background:url(../images/sprite.png) no-repeat 100% -3px;
}
#xm1-messageboard .xm1-box .btn-update:hover{cursor:pointer;}
#xm1-messageboard .xm1-box .xm1-box-holder{
margin:-1px 0 1px;
padding:6px 9px 18px;
border-top:1px solid #ddd;
height:1%;
}
#xm1-messageboard .xm1-box .xm1-box-holder:after{
display:block;
clear:both;
content:'';
}
#xm1-messageboard .xm1-box{margin:0 0 16px;}
#xm1-messageboard .xm1-box input[type=submit]{
float:right;
width:70px;
border:0;
height:17px;
font:11px/17px Verdana, Geneva, sans-serif;
color:#565555;
text-align:center;
background:none;
margin:0 0 0 19px;
padding:0 0 2px;
}
#xm1-messageboard .xm1-box input[type=submit]:hover{cursor:pointer; text-decoration:underline;}
#xm1-messageboard .xm1-box input[type=submit].btn-update{
float:right;
width:63px;
border:0;
height:17px;
font:10px/17px Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#565555;
text-align:left;
padding:0 0 1px;
margin:0 10px 0 0;
background:url(../images/xm1-sprite.png) no-repeat 100% -3px;
}
#xm1-messageboard .xm1-box .btn-update:hover{cursor:pointer;}
#xm1-messageboard .xm1-box .xm1-visual{
float:left;
}
#xm1-messageboard .xm1-box .xm1-visual a{
display:block;
cursor:pointer;
}
#xm1-messageboard .xm1-box .xm1-comment-block{
height:1%;
overflow:hidden;
position:relative;
padding:19px 0 20px 10px;
line-height:21px;
}
#xm1-messageboard .xm1-box .xm1-comment-block .xm1-inner-holder{
background:#fff;
border:1px solid #cdcdcd;
padding:13px 21px 5px 15px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#xm1-messageboard .xm1-box .xm1-comment-block .xm1-pointer{
position:absolute;
top:30px;
left:0;
width:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/xm1-pointer-02.gif) no-repeat;
height:11px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading{
overflow:hidden;
line-height:18px;
padding:0 0 18px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-date{
float:right;
color:#828485;
font-size:11px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-name{
float:left;
font-weight:normal;
color:#bfbcbc;
padding:0 5px 0 0;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-name a{color:#009dab;}
#xm1-messageboard .xm1-box .xm1-comment-block p{margin:0 0 17px;}
#xm1-messageboard .xm1-box .xm1-comment-block input[type=text]{
background:#fff;
border:1px solid #cdcdcd;
padding:4px 8px;
font:11px/15px Arial, Helvetica, sans-serif;
color:#7a7a7a;
display:block;
height:23px;
margin:0 0 1px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#xm1-messageboard .xm1-comment-form{
position:relative;
}
#xm1-messageboard .xm1-box form .xm1-row a{
float:right;
color:#575757;
line-height:17px;
font-size:11px;
}
#xm1-messageboard .xm1-decor{
text-indent:-9999px;
overflow:hidden;
position:absolute;
bottom:-4px;
left:50%;
width:84px;
height:8px;
z-index:1;
margin:0 0 0 -42px;
background:url(../images/xm1-bg-decor.gif) no-repeat;
}
#xm1-messageboard .xm1-box .a-right .xm1-visual{
float:right;
margin:20px 0 0 14px;
}
#xm1-messageboard .xm1-box .a-right .xm1-comment-block{padding:19px 10px 20px 0;}
#xm1-messageboard .xm1-box .a-right .xm1-comment-block .xm1-pointer{
left:auto;
right:0;
background:url(../images/xm1-pointer-01.gif) no-repeat;
}
#xm1-messageboard .xm1-box .xm1-comment-holder{
overflow:hidden;
margin:0 0 -6px;
}
#xm1-messageboard .xm1-box .xm1-active-block .xm1-inner-holder{border-color:#8bb9ca;}
#xm1-messageboard .xm1-box .xm1-active-block .xm1-pointer{background:url(../images/xm1-pointer-03.gif) no-repeat;}
#xm1-messageboard .xm1-box .a-right .xm1-active-block .xm1-pointer{background:url(../images/xm1-pointer-04.gif) no-repeat;}
/* pod list */
.xm-pod-list, .xm-pod-data, .xm-pod-boxes{
overflow:hidden;
padding:0;
margin:-5px -1px 18px;
list-style:none;
font-size:0.917em;
line-height:1.364em;
/*border-bottom:1px solid #eaeaea;*/
}
.xm-pod-list li, .xm-pod-data li{
overflow:hidden;
border-bottom:1px solid #eaeaea;
}
.xm-pod-data li, .xm-pod-boxes li{
display:block;
color:#999 !important;
/* padding:4px 0px 4px 2px !important;*/
}
.xm-pod-boxes li{
float: left;
padding:5px 0;
}
.xm-pod-data .highlight {
background-color:#f4f4f4;
}
.xm-pod-list a{
display:block;
color:#999;
padding:9px 10px 11px 50px;
position:relative;
min-height:30px;
}
.xm-pod-list a:before{
content:attr(data-icon);
width:30px;
height:30px;
background:#8bc2a5;
position:absolute;
top:10px;
left:10px;
border-radius:15px;
text-align:center;
color:#fff;
line-height:30px;
font-size:10px;
font-weight:600;
}
.xm-pod-list .single a {
line-height:18px;
min-height:0px;
padding:0;
}
.xm-pod-list .link a {
line-height:22px;
min-height:0px;
padding:0;
font-size: 12px;
}
.xm-pod-list .link span{
color:#555;
font-weight:600;
}
.xm-pod-list .xm-title, .xm-pod-data .xm-title {
display:block;
font-size:1.091em;
line-height:1.25em;
color:#555;
}
.xm-pod-list .xm-text, .xm-pod-data .xm-text {display:block;}
.xm-pod-data .xm-text {font-size: 11px;}
.xm-pod-list a:hover{
text-decoration:none;
background:#f4f4f4;
}
.xm-pod-list .noicon a, .xm-pod-boxes .noicon a{
/*padding:2px 2px 0px 0;*/
padding-left:0;
}
.xm-pod-list .plain a{
padding:0px 2px 0px 0;
line-height:30px;
min-height:22px;
}
.xm-pod-list .noicon a:before, .xm-pod-list .plain a:before, .xm-pod-boxes .noicon a:before{
content:normal !important;
}
.xm-pod-list .noborder {
border-bottom:none;
}
.xm-pod-list .first, .xm-pod-list li:first-child {
padding-top:9px;
}
/*Google Analytics Opt out modal box styles*/
#ga_opt_out_data { font: bold 17px/24px Helvetica, Arial, sans-serif; color: #327cce; } /*default header font*/
#ga_opt_out_data .inner_wrp { /*border*/
padding: 15px;
border: 2px solid #327cce;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#ga_opt_out_data span { font-weight:normal; font-size: 14px; color: #327cce; padding: 0px 0 0px 0px;} /* Text box copy */
#ga_opt_out_data p { margin: 5px 0 8px 5px; font-size: 12px; line-height: 14px; color: #000; } /*standard copy*/
#ga_opt_out_data .clr10 {clear:both;margin:0 0 10px 0;padding:0;}
#ga_opt_out_data .clr {clear:both;margin:0;padding:0;}
.ga_optout_column { float: left; width: 50%;}
/* Clear floats after the columns */
.a_optout_row:after {
content: "";
display: table;
clear: both;
}
.ga_save_button {background-color:#327cce; border: 1px solid #fff; color:#fff; padding: 13px 13px 13px 13px; font-size:14px;}
/*For _widget_album.cfm */
.popup-holder {
position: relative;
overflow: hidden;
height: 0;
}
@media (min-height: 750px){
.page-head {
padding: 17px 31px 14px 22px;
}
.navbar_category {
margin: 0 0 15px;
}
.navbar_category .btn-holder {
height: 49px;
padding: 12px 3px;
}
.navbar_category .slideset > ul > li a {
padding:12px;
}
.reports-block .frame_container ul li {
padding: 9px 18px;
}
.head {
padding: 24px 60px 13px 26px;
}
}
@media print {
.noPrint, #header, .page-head, .navbar_category, .frame_container {
display: none !important;
}
a[href]:after {
content: none !important;
}
body {background-color:white;padding:5px !important;}
* { -webkit-print-color-adjust: exact; }
}
/* XM CLASSES */
:root {
interpolate-size: allow-keywords;
}
.tippy-box[data-theme~=light] {
box-shadow: none !important;
border: 1px solid #ddd;
}
.tippy-content .tippy-menu-item {
padding:8px 14px;
display:block;
width:100%;
color:inherit;
font-size:0.9em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
cursor:pointer;
}
.tippy-content .tippy-menu-item:hover {
background:#efefef;
}
.tippy-content .tippy-menu-item:not(:last-child) {
border-bottom: 1px solid #ccc; /* Example style */
}
/* 2) Remove padding on .tippy-content if it contains .tippy-menu-item */
.tippy-content:has(.tippy-menu-item) {
padding: 0;
min-width:150px;
}
#xmMainContainer details {
overflow:hidden;
}
#xmMainContainer details::details-content {
block-size:0;
transition:block-size 1s, content-visibility 1s;
transition-behavior: allow-discrete;
}
#xmMainContainer details[open]::details-content {
block-size:auto;
}
@media (hover:none) {
/* start mobile styles */
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],input[type="tel"],
input[type="url"]{ font-size: 16px; }
/* end mobile styles */
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
}
}
#XMErrorBanner {
background:#4285F4;
opacity:0.85;
color:white;
text-align:center;
position:fixed;
cursor:pointer;
bottom:0;
left:0;
width:100%;
min-height:66px;
max-height:66px;
font-size:16px;
z-index:9999;
padding:20px;
}
#XMErrorBanner:hover {
opacity:1;
}
.sigImg {border:1px solid #dadada;background:white;}
.scrolltop {
display:none;
width:100%;
margin:0 auto;
position:fixed;
bottom:0;
right:0;
z-index:10;
}
.scroll {
position:absolute;
right:20px;
bottom:10px;
background:rgba(178,178,178,0.2);
color:#c0c0c0;
padding:9px;
text-align: center;
margin: 0 0 0 0;
cursor:pointer;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
border-radius: 8px;
}
.scroll:hover {
background:rgba(178,178,178,1.0);
transition: 0.5s;
color:#4e4e4e;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.scroll:hover .fa {
padding-top:-10px;
}
.xm-linear-progress {
background: linear-gradient(
to right,
var(--startcolor) 0% var(--progress),
var(--endcolor) var(--progress) 100%
) !important;
}
@property --progress {
syntax: '';
inherits: false;
initial-value: 0%;
}
@property --angle {
syntax: '';
inherits: true;
initial-value: -90deg;
}
@keyframes progress {
0% {
--progress: 0%;
--angle: 0deg;
}
2% {
--angle: -90deg;
}
100% {
--progress: 100%;
}
}
.scroll.icon {
--yellow: oklch(92.33% 0.14 92.12);
--white: rgba(178,178,178,0.2);
background-image: linear-gradient(var(--yellow) 0% var(--progress), var(--white) var(--progress) 100%);
animation: progress linear;
animation-timeline: scroll();
}
.scroll .fa {
font-size:20px;
margin-top:-5px;
margin-left:1px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.xmBodyNoHeaderMenu .page-head, .xmBodyNoHeaderMenu .navbar_category, .xmBodyNoHeaderMenu .moduleBar, .xmBodyNoHeaderMenu #PageInstructionsBox {
display:none;
}
.xmBodyNoHeaderMenu .controlBar {
top:0;
}
.xmBodyNoHeaderMenu .fa-window-maximize {
font-weight:bold;
color:#4285F4;
}
.controlBarTabs span:focus, .controlBarTabs a:focus {
outline: none;
box-shadow:none;
}
.xm-avatar-initials {
/* Center the content */
align-items: center;
display: flex;
justify-content: center;
cursor:pointer;
/* Colors */
background-color: #4285F4;
color: #fff;
/* Rounded border */
border-radius: 50%;
height: 40px;
width: 40px;
margin-left: -10px;
transition: margin 0.1s ease-in-out;
}
.xm-avatars {
display: flex;
list-style-type: none;
margin: auto;
padding: 0px;
flex-direction: row;
}
.xm-avatar-initials:first-child {
z-index: 5;
}
.xm-avatar-initials:nth-child(2) {
z-index: 4;
}
.xm-avatar-initials:nth-child(3) {
z-index: 3;
}
.xm-avatar-initials:nth-child(4) {
z-index: 2;
}
.xm-avatar-initials:nth-child(5) {
z-index: 1;
}
.xm-avatar-initials:last-child {
z-index: 0;
}
.xm-avatar-initials img {
width: 100%;
}
.xm-avatars:hover .xm-avatar-initials {
margin-right: 10px;
}
.visually-hidden:not(:focus) {
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.xm-pulse {
animation: shadow-pulse 1s 5;
}
.memberCardPhotoBar {
text-align:center;padding:5px;
}
.memberCard {
max-width:100%;min-width:300px;
}
.input-group select:not([multiple]) {
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
padding: .5em;
padding-right: 1.5em;
border-radius: 0;
}
.encFld {
color: transparent;
cursor:pointer;
text-shadow: 0 0 7px rgba(95, 95, 95, 0.5);
}
.semiSecret {
color: transparent;
text-shadow: 0 0 7px rgba(95, 95, 95, 0.5);
}
.semiSecret:hover {
color:unset;
text-shadow:none;
}
.xmFieldValue .xmTipRemote:not(:first-child) {
margin-left: 5px;
}
.xmTokenList {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 1.42857143;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
vertical-align: middle;
/* width: 85%; */
text-overflow: ellipsis;
white-space: nowrap;
}
.xmTokenList .xmTokenItem {
border: 1px solid #ccc;
border-radius: 4px;
cursor: default;
float: left;
white-space: normal;
margin: 0px 3px 3px 0;
padding: 0 6px;
/* max-width: 85%; */
overflow: hidden;
text-overflow: ellipsis;
background: #DDDDDD;
color: #333;
}
figure.table table {
width:100%;
}
audio {
background: #f1f3f4;
border: 1px solid #ddd;
border-radius: 5px;
}
.xmTokenPill:empty {
display:none;
}
.xmTokenPill {
padding: .2em .6em .3em;
font-size:80%;
border-radius: 5px;
background: #dddddd;
}
.pq-grid-cell .xmTokenList, .pq-grid-cell .xmTokenList .xmTokenItem {
max-width: 100%;
}
.xmTokenList a {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
}
.xmTokenList:empty, .xmTokenItem:empty {
display:none;
}
.XMDisplayFieldLabel .historyIcon {
visibility: hidden;
}
.XMDisplayFieldLabel:hover .historyIcon {
visibility: visible;
}
.historyIcon {
/* position:absolute;
right:-5px; */
cursor:pointer;
margin-right:5px;
font-size:13px;
color:#C0C0C0;
}
/* FULLSCREEN MODE */
.fullScreenMode header#header, .fullScreenMode #footer, .fullScreenMode .page-head, .fullScreenMode .navbar_category, .fullScreenMode .controlBar, .fullScreenMode .moduleBar, .fullScreenMode #ControlBar {display: none;}
.fullScreenMode {padding:0;background:white;}
.fullScreenMode #main.fixed_layout {
max-width: unset;
}
.fullScreenMode table thead th, .fullScreenMode table thead td {top: 0;}
/*Sliding panels*/
.xm-panel-wrap {
position: fixed;
top: 64px;
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
bottom: 0;
right: 0;
z-index: 9999;
width: 600px;
transform: translateX(100%);
transition: .3s ease-out;
}
@media (max-width: 1200px) {
.xm-panel-wrap {
width: 450px;
}
}
@media (max-width: 768px) {
.xm-panel-wrap {
width: 390px;
}
}
.xm-panel-frame {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #333;
color: #eee;
overflow: auto;
padding: 0 0 0 0;
}
.list-group-hover .list-group-item:hover {
background-color: #f5f5f5;
}
/* ADA compliant global changes */
.xmh1,
.xmh2,
.xmh3,
.xmh4 {
display: block;
font-weight: bold;
margin-top: 20px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.xmh1,
.xmh2,
.xmh3 {
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-bottom: 10px;
margin: 0.67em 0;
}
.xmh3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
font-family: inherit;
font-weight: 500;
margin-top: 20px;
margin-bottom: 10px;
}
.xmh4,
.xmh4 a {
font-size: 18px;
}
.xmh4 a {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.head .xmh1 {
font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
margin: 0 0 5px;
text-transform: uppercase;
color: #4e4e4e;
}
#main .xmh1,
{
display: block;
}
.ev-tbl-list .event-details .xmh4 {
padding: 0;
margin: 0;
margin-bottom: 5px;
font-size: 13px;
font-weight: 600;
color: #91288d
}
.ev-tbl-list .event-details .xmh4 a {
color: #91288d!important;
margin-block-start: 0em;
margin-block-end: 0em;
font-size: 13px;
}
.ev-tbl-list .event-details .xmh4 a:hover {
color: #52bd4b;
}
.full-width {
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
.panel-default > .panel-heading {
background-color:#ffffff;
}
.panel-title {
color: #666666;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.xm-list-card {
margin-bottom:0;
}
.xmAccordionDetail details {
margin-bottom:10px;
border:1px solid #ddd;
overflow:auto;
}
.xmAccordionDetail details > summary {
outline: 0;
padding: 12px 16px;
color: #222222;
background: #fefefe;
border:1px solid #ddd;
border-left:0;
border-right:0;
position: sticky;
cursor:pointer;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.xmAccordionDetail details > summary i {
font-size:16px;
}
.xmAccordionDetail details:first-child > summary {
border-top:0;
}
.xmAccordionDetail summary::-webkit-details-marker {
display: none;
}
.xmAccordionDetail details .table .XMDisplayFieldLabel {
text-align:right;
font-weight:700;
}
.xmAccordionDetail details .table {
margin-bottom:0;
}
.xmAccordionDetail details > summary label {
padding: 10px;color: #666666;
cursor:pointer;
background:#fcfcfc;
border:1px solid #ddd;
display:block;
margin: 5px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.xmAccordionDetail details > summary:after {
content: "\f0d7";
color: gray;
font-size: 1.15rem;
font-family: 'FontAwesome';
position: absolute;
line-height: 0;
margin-top: 0.75rem;
right: 10px;
font-weight: 200;
transform-origin: center;
transition: 400ms linear;
}
.xmAccordionDetail details[open] > summary {
color: #222222;
background:#DDF3FE;
font-weight:bold;
}
.xmAccordionDetail details[open] > div > details[open] > summary {
background:#e0e0e0;
}
.xmAccordionDetail details[open] > div > details[open] > div > details[open] > summary {
background:#efefef;
}
.xmAccordionDetail details[open] > summary:after {
transform: rotate(180deg);
}
.xmReveal:not(.xmRevealed) {
min-height:100px;
}
.xmLoading, .xmReveal:not([data-created]) {
background:url(/lib/img/loading-bars.svg) no-repeat;
background-position: center center;
}
.embed-responsive-item.modal-tmp {
height:calc(100vh - 130px) !important;
}
.unobstructed .page-head, .unobstructed .navbar_category, .unobstructed #PageInstructionsBox, .unobstructed .moduleBar {display: none;}
.unobstructed .controlBar h1, .unobstructed .controlBar .cbSubTitle {
display:inline;
}
.unobstructed #main.fixed_layout {
max-width: unset;
}
/* Chrome, Safari, Edge, Opera */
.xmNumNoArrow::-webkit-outer-spin-button,
.xmNumNoArrow::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.xmNumNoArrow {
-moz-appearance: textfield;
}
.xmStickyTop {
position: -webkit-sticky; /* Safari */
position: sticky;
}
#XMSidePanel {
max-width:420px;
min-width:200px;
}
/* When sidebar is in slide in right panel */
@media (max-width: 1399px) {
#XMSidePanel {
display:none;
position:relative;
flex: 5;
height:100%;
width:100%;
}
}
@media (min-width: 1620px) {
#main:has(#XMSidePanel) {
max-width:1604px !important;
display:flex !important;
justify-content:center !important;
}
}
.xmLeaving {
background:url(/lib/img/loading-wa.svg) no-repeat;
background-position: center center;
background-size: 200px;
#main, #footer, .navbar_category, .page-head {
opacity: 0;
}
}
/*VIEW TRANSITIONS*/
@view-transition {
navigation: auto;
}
/*END VIEW TRANSITIONS*/
/* END XM CLASSES */