html, body { height:100%; margin: 0; padding: 0; color:#1a1a1a; font-family: museo-sans, sans-serif; font-weight: 300; cursor: auto;}
table tr th, table tr td { color:#1a1a1a; }

h1, h2, h3, h4, h5, h6 { font-family: museo-slab, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:300; }
h1 { font-size:2.20rem; }

p { font-weight: 300; }

select, select option {font-family: museo-sans, sans-serif; font-weight:300;}

pre { line-height: initial; }

/* hides elements with v-cloak to hide vue initial rendering */
[v-cloak] { display: none; }

.row.collapseSides > .columns:first-child { padding-left: 0px; }
.row.collapseSides > .columns:last-child { padding-right: 0px; }

/* foundation creates whitespace at the bottom of the page due to the size of the dropdowns so we have to show and hide them */
.f-dropdown { display: none; }
.f-dropdown.open { display: block; }
.f-dropdown li:hover, .f-dropdown li:focus { background:#8cc43f;color:#fff; }
.f-dropdown li:hover a:not(.disabled), .f-dropdown li:focus a:not(.disabled) { color:#fff; }
.f-dropdown li.disabled { opacity: .4; }
.f-dropdown li.disabled:hover { background: #fff; }
.f-dropdown li.disabled:hover a { color: #555; cursor: default; }
.f-dropdown li .disabled { pointer-events: none; background: #fff; color: rgba(85, 85, 85, .3); cursor: default; } 
.cmsButtonRow .cmsButton { margin-right: 10px; }

.cmsButton {
	display:inline-block;border:0px solid transparent;cursor:pointer;position:relative;line-height:normal;
	text-decoration:none;text-align:center;
	font-family: museo-sans, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight:900;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	padding: 9px 22px;
	font-size: .8125rem;
	text-transform: uppercase;
	margin-bottom: 0px;
	outline-color: transparent;
	white-space: nowrap;
}

.cmsButton .inProgress { display: none; margin-left:-11px; position: relative; left: 15px; }
.cmsButton .inProgress.show { display:inline-block; }

.cmsButton.disabled { opacity:0.4; cursor:default; pointer-events: none; }

.cmsButton.blue, .cmsButton.blue:hover, .cmsButton.blue:focus { color:#fff; background-color: #0088c6; border: 1px solid #0070A3; }
.cmsButton.blue:hover:not(.disabled) { background-color: #0070A3; }

.cmsButton.lightblue, .cmsButton.lightblue:hover, .cmsButton.lightblue:focus { color:#fff; background-color: #04b0cd; border: 1px solid #0391AA; }
.cmsButton.lightblue:hover:not(.disabled) { background-color: #0391AA; }

.cmsButton.green, .cmsButton.green:hover, .cmsButton.green:focus { color: #fff; background-color: #79a935; border: 1px solid #648D2A; }
.cmsButton.green:hover { background-color: #648D2A; }
.cmsButton.green.inverted, 
.cmsButton.green.inverted:hover, 
.cmsButton.green.inverted:focus { 
	color: #000; 
	background-color: #333333; 
	border: 1px solid #79a935; 
}

.cmsButton.darkgray, .cmsButton.darkgray:hover, .cmsButton.darkgray:focus { color:#fff; background-color: #707070; border: 1px solid #5C5C5C; }
.cmsButton.darkgray:hover:not(.disabled) { background-color: #5C5C5C; }

.cmsButton.orange, .cmsButton.orange:hover, .cmsButton.orange:focus { color: #fff; background-color: #d0592c; border: 1px solid #BC451A; }
.cmsButton.orange:hover:not(.disabled) { background-color: #BC451A; }

.alert-box.lightblue { color: #fff; background-color: #04b0cd; border: 1px solid #0391AA; }

/* approved method of clearing floats from https://developer.mozilla.org/en-US/docs/Web/CSS/clear */
.clear::after { content: ""; display: block; clear: both; }

.cmsHome { min-height: 100%; position: relative; }

.cmsHome .sharedBar { height: 60px; background: #1a1a1a; width: 100%; position: relative; transition: background-color .4s ease; }
.cmsHome .sharedBar .clickable { cursor:pointer; }
.cmsHome .sharedBar .fa { color: #bebebe; }
.cmsHome .sharedBar .area { height: 60px; display: table; }
.cmsHome .sharedBar .area .inner { display: table-cell; vertical-align: middle; }
.cmsHome .sharedBar .logoArea { border-right: 1px solid #313131; padding: 0px 20px; }
.cmsHome .sharedBar .switchArea { height: 60px; font-size: 18px; padding: 0px 20px; border-right: 1px solid #313131;}
.cmsHome .sharedBar .switchArea .inner { cursor: pointer; }
.cmsHome .sharedBar .switchArea span { margin-left: 10px; color: #fdb924; font-weight: 900;}
.cmsHome .sharedBar .switchArea .fa { position: relative; top: -3px; margin-left: 5px;}
.cmsHome .sharedBar .clientArea { color: #bebebe; font-size: 16px; width: 300px; padding-left: 20px;}
.cmsHome .sharedBar .userArea { color: #bebebe; font-size: 16px; padding-right: 20px; }
.cmsHome .sharedBar .helpArea { font-size: 24px; border-left: 1px solid #313131;}
.cmsHome .sharedBar .helpArea .inner .fa {padding: 18px;}
.cmsHome .sharedBar .taskArea { font-size: 24px; padding-top: 3px; border-left: 1px solid #313131; width: 60px; text-align: center;}
.cmsHome .sharedBar .searchArea { font-size: 20px; border-left: 1px solid #313131; text-align: center; width: 60px;}
.cmsHome .sharedBar .area.clickable:hover { background: black; }
.cmsHome .sharedBar .mobileArea { display: none; padding: 0px 20px; border-left: 1px solid #313131; font-size: 25px; }

.cmsHome .sharedBar .productDropdown { position: absolute; position: top left; z-index: 999; top: 60px; left: 193px; display: none; }
.cmsHome .sharedBar .productDropdownContainer  { background-color: #1a1a1a; border: 1px solid #313131; min-width: 112px; }
.cmsHome .sharedBar .productDropdownContainer .loading { text-align: center; }
.cmsHome .sharedBar .productDropdownContainer ul { display: block; list-style: none; margin: 0; padding: 0; }
.cmsHome .sharedBar .productDropdownContainer li { border-top: 1px solid #313131; cursor: pointer; height: auto; padding: 8px; width: 100%; }
.cmsHome .sharedBar .productDropdownContainer li span { color: #bebebe; font-weight: bold; padding: 8px; text-transform: uppercase; }
.cmsHome .sharedBar .productDropdownContainer li a { color: #bebebe; padding: 8px; text-transform: uppercase; }
.cmsHome .sharedBar .productDropdownContainer li:hover { background-color: #313131; }
.cmsHome .sharedBar .productDropdownContainer li.selected:hover { background-color: transparent; }

.sv-eq-small .cmsHome .sharedBar .logoArea { padding: 0px 10px; }
.sv-eq-small .cmsHome .sharedBar .clientArea { display: none; }
.sv-eq-small .cmsHome .sharedBar .userArea { display: none; }
.sv-eq-small .cmsHome .sharedBar .switchArea { display: none; }
.sv-eq-small .cmsHome .sharedBar .searchArea { display: none; }
.sv-eq-small .cmsHome .sharedBar .taskArea { display: none; }
.sv-eq-small .cmsHome .sharedBar .mobileArea { display: table; }

.sv-eq-medium .cmsHome .sharedBar .clientArea { display: none; }

.cmsHome .leftNav { color: #999; position: absolute; left: 0px; top: 60px; width: 306px; bottom: 0px;}
.cmsHome .leftNav .topBlock { background: #1A1A1A; font-size: 12px; padding: 10px; }
.cmsHome .leftNav .topBlock .logo { height: 20px; }
.cmsHome .leftNav .topBlock .cvb { font-size: 1.2rem; }
.cmsHome .leftNav .topBlock .cvb a { color: #999; }
.cmsHome .leftNav .topBlock .user { padding-top: 5px; }
.cmsHome .leftNav .topBlock .user a { color: white; }
.cmsHome .leftNav .primaryNav {background-color: #313131;width: 90px;float: left;height: 100%;font-size: .9rem;position: relative;z-index: 15;}
.cmsHome .leftNav .primaryNav .item {cursor: pointer;margin: 0 auto;transition: background-color .4s ease;font-size: 22px;text-align: center;padding: 13px 0px;border-bottom: 2px solid #444444;}
.cmsHome .leftNav .primaryNav .item .primaryLabel {font-weight: 300;text-transform: uppercase;margin-bottom: 0.25rem;font-size: .8rem;display: block;margin-top: 5px;}
.cmsHome .leftNav .primaryNav .item:hover { background: #1A1A1A; }
.cmsHome .leftNav .primaryNav .item.active { background: #33a4b9; color: #00748a; }
.cmsHome .leftNav .primaryNav .item.openCurrent {display: none;color: #8bc23d;-webkit-font-smoothing: antialiased;padding: 24px 0px 23px 0px;}
.cmsHome .leftNav.enabled .primaryNav .item.openCurrent { display: block; }
.cmsHome .leftNav .primaryNav .item.openCurrent .openMe { display: inline; }
.cmsHome .leftNav .primaryNav .item.openCurrent .closeMe { display: none; }
.cmsHome .leftNav .primaryNav .item i.material-symbols-outlined { vertical-align: top; }
.cmsHome .leftNav .primaryNav.active .item.openCurrent .openMe { display: none; }
.cmsHome .leftNav .primaryNav.active .item.openCurrent .closeMe { display: inline; }

.cmsHome .leftNav .secondaryNavContainer { left: -290px; height: 100%; float: left; position: relative; width: 200px; transition: left .6s ease; z-index: 13;}
.cmsHome .leftNav .secondaryNavContainer.active { left: 0px; }

.cmsHome .leftNav .secondaryNav { z-index: 3; position: absolute; top: 0px; display: none; background: #33a4b9; color: white; width: 280px; height: 100%; padding: 10px 17px; border-right: 6px solid #008da8; left: 0px; transition: left .6s ease, background .5s ease; overflow: hidden; overflow-y:auto; word-wrap: break-word;}
.cmsHome .leftNav .secondaryNav a { color : white; }
.cmsHome .leftNav .secondaryNav.active { display: block; } 
.cmsHome .leftNav .secondaryNav.bottom { z-index: 2; background: #008da8; }
.cmsHome .leftNav .secondaryNav.leftShift { left: -290px; z-index: 4; }
.cmsHome .leftNav .secondaryNav h2 { color: white; font-size: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} 
.cmsHome .leftNav .secondaryNav .titleSection { border-bottom: 1px solid #008da8; margin-bottom: 10px;}
.cmsHome .leftNav .secondaryNav .description { padding: 0px 0px 16px 0px; }
.cmsHome .leftNav .secondaryNav .description p { margin: 0px; line-height: 1.2rem; font-size: 14px;}
.cmsHome .leftNav .secondaryNav .item { cursor: pointer; font-size: 18px; margin: 0px -17px; position: relative; padding: 10px 30px 10px 17px; }
.cmsHome .leftNav .secondaryNav .item .fa { position: absolute; right: 17px; top: 13px; font-size: 14px; font-weight: normal; }
.cmsHome .leftNav .secondaryNav .item.hasAction .fa { display: none; }
.cmsHome .leftNav .secondaryNav .item:hover { background: #008da8; }
.cmsHome .leftNav .secondaryNav .parent { border-bottom: 1px solid #008da8; margin-bottom: 10px; padding-bottom: 10px; }
.cmsHome .leftNav .secondaryNav .parent .item { color: white; }
.cmsHome .leftNav .secondaryNav .parent .item .fa { position: static; }

.cmsHome .leftNav .helpButton { transition: background-color .4s ease; font-size: 18px; padding: 24px 0px 23px; width: 90px; border-bottom: 2px solid #444; display: block; cursor: pointer; text-align: center; }
.cmsHome .leftNav .helpButton > .background { display: block; width: 23px; height: 23px; border: 1px solid white; border-radius: 23px; background: #008da7; padding-top: 2px; margin: auto; }
.cmsHome .leftNav .helpButton:hover { background: #1A1A1A; }
.sv-gt-medium .cmsHome .leftNav .helpButton { position: fixed; bottom: 30px; left: 0px; border-top: 2px solid #444444; }

.cmsHome .navRender { margin-left: 90px; padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 10px; padding-bottom: 20px; position: relative; }
.cmsHome .row { max-width: none; }

/* Styles to hide the chrome for pop-ups */
.cmsHome.hideChrome .leftNav { display: none; }
.cmsHome.hideChrome .sharedBar { display: none; }
.cmsHome.hideChrome .navRender { margin-left: 0; }

.cmsLoginContainer { width: 100%; height: 100%; }
.cmsLoginContainer .imageBackground { width: 100%; height: 100%; position:relative; }
.cmsLoginContainer .imageBackground .imageDiv { width: 100%; height: 100%; background-image: url(/includes/public/managed/core/plugins/cms/public/images/login_hazy_optimized.jpg); background-size: cover; }
.cmsLoginContainer .imageBackground .mask { background: black; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: .4;}
.cmsLoginContainer .cmsLoginForm { font-size: 14px; width: 550px; position: absolute; color: #eee; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px 40px; box-sizing: border-box;}
.cmsLoginContainer .cmsLoginForm > .background { background: black; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .7; border-radius: 15px; }
.cmsLoginContainer .cmsLoginForm h1.titleLoadingForm { display: none; position: relative; color: #fff; }
.cmsLoginContainer .cmsLoginForm h1.titleLoadingForm.show { display: block; }
.cmsLoginContainer .cmsLoginForm form { position: relative; }
.cmsLoginContainer .cmsLoginForm p { font-size: 25px; font-weight: 300; }
.cmsLoginContainer .row { margin-top: 20px; overflow: hidden;}
.cmsLoginContainer label { margin-bottom: 5px; display: block;}
.cmsLoginContainer .logo { height: 30px; }
.cmsLoginContainer h2 { margin: 0px 0px 20px 0px; font-size: 25px; font-weight: normal; color: white; }
.cmsLoginContainer .textInput { position: relative; width: 100%; border: 0px; /* padding: 20px; */ box-sizing: border-box; margin: 0px; font-size: 18px; height: 45px; -webkit-box-shadow: inset 1px 1px 1px 0px #444; border: 1px solid black; transition: none; -webkit-transition: none; padding: 10px; background: none;}
.cmsLoginContainer .textInput:focus { -webkit-box-shadow: inset 1px 1px 1px 0px #444; border: 1px solid black; }
.cmsLoginContainer button { float: right; margin-bottom: 0px; width: 200px; }
.cmsLoginContainer .loading { display: none; -webkit-filter: blur(0); margin-left: 5px; position: absolute;}
.cmsLoginContainer .loading .fa { -webkit-filter: blur(0); }
.cmsLoginContainer .inputRow { position: relative; }
.cmsLoginContainer .inputRow .background { position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background: white; opacity: .9;}
.cmsLoginContainer .linkRow a {float: right; color: white;}
.cmsLoginContainer .textRow {line-height: 20px;}

.cmsLoginContainer .cmsLoginForm.forgot, .cmsLoginContainer .cmsLoginForm.reset, .cmsLoginContainer .cmsLoginForm.done {display: none;}
.cmsLoginContainer.flipped .cmsLoginForm.forgot {display: block;}
.cmsLoginContainer.flipped .cmsLoginForm.login {display: none;}

.plugins_nav_pagePanels .svTabs{ overflow: hidden; border-bottom: 1px solid #ccc; padding: 0px 20px 0px 20px; }
.plugins_nav_pagePanels .svTabs .svTab { float: left; margin-right: 25px; color: #999; position: relative; cursor: pointer;}
.plugins_nav_pagePanels .svTabs .svTab.active{ color: black; }
.plugins_nav_pagePanels .svTabs .svTab.active .triangle{ margin: 0 auto; border-bottom: 6px solid #ccc; width: 10px; height: 10px; border-right: 10px solid transparent; border-left: 10px solid transparent; }
.plugins_nav_pagePanels .panes .pane { margin-top: 20px; }

.sv_overlay { position: fixed; display: none; width: 100%; height: 100%; z-index: 15; top: 0px; left: 0px; }
.sv_overlay .row { max-width: none; }
.sv_overlay .mask { background: rgba(0,0,0,.6); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 00px; }
.sv_overlay .contentWrapper { background: white; position: relative; margin: 0 0 0 10%; height: 100%; overflow-y: auto; padding: 20px;}

.sv_overlay .breadWrapper {position: relative;overflow: hidden;margin-bottom: 20px;}
.sv_overlay .breadWrapper .close { position: absolute; right: 0px; top: 0px;}
.sv_overlay .breadWrapper .breadcrumb { position:relative; min-height: 35px; margin-right: 65px; padding: 0px .875rem; margin-left: 91px;}
.sv_overlay .breadWrapper .breadcrumb .breadItem { font-size: 14px; text-transform: none; line-height: 33px; float: left; margin-right: 10px;}
.sv_overlay .breadWrapper .breadcrumb .separator { line-height: 33px; float: left; margin-right: 10px;}
.sv_overlay .breadWrapper .breadBack { position: absolute; left: 0px; top: 0px;}

body .ui-datepicker .ui-datepicker-title select {padding: 0;}
body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button, body .ui-widget { font-family: museo-sans, sans-serif;}
body .ui-datepicker .ui-datepicker-prev span, body .ui-datepicker .ui-datepicker-next span{top: 69%;}
.calTrigger {position:absolute; right:8px; top:15px;}

body .has-tip, body .has-tip:hover { border-bottom:0; border: 1px solid #fff; color: #fff; font-size: 12px; font-weight: 100; }
body .has-tip { display:inline-block; margin-left: .5rem; position:relative; background: #008da7; border-radius: 7px; width: 16px; height: 16px; }
body .has-tip i.fa { position: relative; top: 1px; left: 3px; font-weight: 100; color:#fff; }
body .has-tip:hover { background:#0072A7; }
body .has-tip.white { background:#fff; }
body .tooltip.fix-tip-rightScreen { margin-left:-64px;margin-top:10px; }

@media (min-width: 1025px) {
	.cmsHome .sharedBar {
		position: sticky;
		top: 0px;
		z-index: 16;
	}
	.sv_overlay {
		z-index: 16;
	}
}

/* BEGIN SNACKBAR */
body .snackbar {
	position: fixed;
	z-index: 15;
	background-color: #79a935;
	box-shadow: rgba(0,0,0,0.5) 0 0 10px, rgba(255,255,255,0.3) 0 0 20px;
	color: white;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	padding: 12px 25px;
}
body .snackbar i { margin-right: 10px; }
body .snackbar.blue { background-color: #0088c6; }
body .snackbar.yellow { background-color: #FDB924; }
body .snackbar.red { background-color: #AA0000; }
body .snackbar.gray { background-color: #707070; }
body .snackbar.darkgray { background-color: #5C5C5C; }
body .snackbar.top_right { transform: translate(0%); left: auto; right: 0; }
body .snackbar.top_left, body .snackbar.bottom_left { transform: translate(0%); left: 0; }
body .snackbar.bottom, body .snackbar.bottom_left, body .snackbar.bottom_right { top: auto; bottom: 0; }
body .snackbar.bottom_right { left: auto; right: 0; transform: translate(0%); }
/* END SNACKBAR */

/* DASHBOARD */
.plugins_cms_dashboard .dashletTitle .has-tip { top:11px; }
.plugins_cms_dashboard .dashletTitle { overflow: hidden; }
.plugins_cms_dashboard .dashletTitle h3 { float: left; }
.plugins_cms_dashboard .dashlet { margin-bottom: 20px; }
.plugins_cms_dashboard .dropContainer { position: absolute; right: 0px; top: 9px;  }
.plugins_cms_dashboard .dropContainer > a { color: #8cc43f; border: 1px solid #ccc; padding: 5px 10px 7px 10px; }
.plugins_cms_dashboard .dropContainer > a span { margin-right: 5px; }
.plugins_cms_dashboard .dropContainer > a i { position: relative; top: -2px; }
.plugins_cms_dashboard .dropContainer ul { width: 150px; }
.sv-eq-small .plugins_cms_dashboard .dropContainer { position: relative; right: 0px; top: 0px; height: 30px; }

.plugins_cms_dashboard .dataRows { overflow: auto; border: 1px solid #ccc; height: 252px; }
.plugins_cms_dashboard .dataRows .item { padding: 9px 0px; font-size: 14px; position: relative; }
.plugins_cms_dashboard .dataRows .item:nth-of-type(odd) { background: #e4e4e4; }
.plugins_cms_dashboard .dataRows .item:nth-of-type(even) { background: #f4f4f4; }

.plugins_cms_dashboard .dashlet.taskContainer { height: 267px; }
.plugins_cms_dashboard .dashlet.taskContainer .list { height: 223px; }

.sv-eq-medium .plugins_cms_dashboard .dashlet.taskContainer { height: 512px; }
.sv-eq-medium .plugins_cms_dashboard .dashlet.taskContainer .list { height: 464px; }

.plugins_cms_dashboard .cards-container { }
.plugins_cms_dashboard .cards-container .card-info-header { color:white; font-size: 1.6rem; font-weight: 300; position: relative; margin: 0px; }
.plugins_cms_dashboard .card { color:white; padding:10px 15px; height: 222px; position: relative; }
.plugins_cms_dashboard .card-info-header > span span { font-size:1.4rem; }
.plugins_cms_dashboard .card-info-header .has-tip { position: absolute; right: 0px; border:0; width:15px; height:15px; }
.plugins_cms_dashboard .card-info-header .has-tip i.fa { top:0px;left:4px; }
.plugins_cms_dashboard .card .icon { color: #fff; font-size: 48px; height: 60px; text-align: center; position: absolute; width: 60px; left: 50%; margin-left: -30px; top: 60%; }

.plugins_cms_dashboard .card.purple { background: #6c1f7d; }
.plugins_cms_dashboard .card.purple  .fa-question { color: #6c1f7d; }
.plugins_cms_dashboard .card.yellow { background: #FDB924; }
.plugins_cms_dashboard .card.yellow .fa-question { color: #FDB924; }
.plugins_cms_dashboard .card.green { background: #8DC53E; }
.plugins_cms_dashboard .card.green .fa-question { color: #8DC53E; }
.plugins_cms_dashboard .card.blue { background: #009AB6; }
.plugins_cms_dashboard .card.blue .fa-question { color: #009AB6; }

.sv-eq-medium .plugins_cms_dashboard .card.row1 { margin-bottom: 20px; }

.sv-eq-small .plugins_cms_dashboard .card { margin-bottom: 20px; height: 75px; }
.sv-eq-small .plugins_cms_dashboard .card .icon { top: 20%; margin-left: 0px; }

.plugins_cms_dashboard .actionItems table { margin-bottom: 0px; width: 100%; }
.plugins_cms_dashboard .actionItems .dataRows .num { text-align: right; font-weight: normal; font-size: 13px; width: 50px; }
.plugins_cms_dashboard .actionItems .dataRows td { line-height: 1rem; }
.plugins_cms_dashboard .actionItems .dataRows .item.none { font-style: italic; text-align: center; }

.plugins_cms_dashboard .visitors { position: relative; }
.plugins_cms_dashboard .visitors .graphContainer { height: 252px; border: 1px solid #ccc; }
.plugins_cms_dashboard .visitors .graphContainer > p { margin-left: 5px; }
.plugins_cms_dashboard .visitors .loading { display: none; }
.plugins_cms_dashboard .visitors.isLoading .graphContainer { display: none; }
.plugins_cms_dashboard .visitors.isLoading .loading { display: inline; }
.plugins_cms_dashboard .visitors.hasData .graphContainer > p { display: none; }
.plugins_cms_dashboard .visitors .dataRows .item span { width: 100px; display: inline-block; text-align: right; margin-right: 15px; font-weight: normal; font-size: 13px;}

.plugins_cms_dashboard .topPages { position: relative; }
.plugins_cms_dashboard .topPages .buttonFloat { position: absolute; top: 11px; left: 150px; }
.plugins_cms_dashboard .topPages .buttonFloat span { transition: all 0.5s ease; border: 1px solid #ccc; padding: 5px; margin-right: 10px; cursor: pointer; color: #00A4EF;}
.plugins_cms_dashboard .topPages .buttonFloat span:hover { background: #eee; }
.plugins_cms_dashboard .topPages .buttonFloat span.selected { background: #ddd; color: #444; }
.plugins_cms_dashboard .topPages .loading { display:none; }
.plugins_cms_dashboard .topPages p.noData { display:inline; }
.plugins_cms_dashboard .topPages.hasData p.noData { display:none; }
.plugins_cms_dashboard .topPages.isLoading .loading { display:inline; }
.plugins_cms_dashboard .topPages.isLoading .dataRows { display:none; }
.plugins_cms_dashboard .topPages .dataRows { }
.plugins_cms_dashboard .topPages .dataRows > p { margin-left: 5px; }
.plugins_cms_dashboard .topPages .dataRows .num { position: absolute; left: 10px; color: #999; }
.plugins_cms_dashboard .topPages .dataRows .pageviews { position: absolute; text-align: right; left: 0px; width: 80px; font-weight: normal; font-size: 13px;}
.plugins_cms_dashboard .topPages .dataRows .title { margin-left: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 10px;}

.plugins_cms_dashboard .siteActivity { position: relative; }
.plugins_cms_dashboard .siteActivity .graphContainer { display: none; border: 1px solid #ccc; padding: 5px; height: 300px;}
.plugins_cms_dashboard .siteActivity svg text { font-size: 12px; }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* begin: tests */
.testContainer { border:4px solid yellow;padding:5px; }
.testContainer.success { border-color:green; }
.testContainer.fail { border-color:red; }
	
#mocha { margin:0 0 20px 0;position:relative; }
#mocha-stats { position:absolute;top:-15px;right:0px; }
/* end: tests */

.moduleBreadWrapper { position:relative;overflow:hidden; }
.moduleBreadWrapper .breadItem { font-size: 14px; text-transform: none; line-height: 24px; float: left; margin-right: 10px;}
.moduleBreadWrapper .separator { line-height: 24px; float: left; margin-right: 10px; }

/* search form */
.cmsHome .sharedBar .searchDropdown { width: 300px; height: auto; position:absolute; top:67px; right:0; z-index: 999; overflow:visible; display: none; }
.cmsHome .sharedBar .searchDropdownContainer  {
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.18);
	background-color:white;padding:15px;
	border-top: 3px solid black;
}
.cmsHome .sharedBar .searchDropdownContainer form { margin:0; padding:0; }
.cmsHome .sharedBar .searchDropdownContainer input, .cmsHome .sharedBar .searchDropdownContainer select {
	margin:0;margin-right:12px;margin-bottom:8px;
}
.cmsHome .sharedBar .searchDropdownContainer input {
	color: #444;
	box-shadow: inset 1px 1px 1px 0px #aaa;
	font-size: 18px;
	height: 2.8rem;
	border: 1px solid #999;
	line-height: 1.8rem;
}

.cmsHome .sharedBar .searchDropdownContainer select  {
	height: 2.8rem;
	line-height: 1.4rem;
	font-size: 18px;
	font-family: museo-sans, sans-serif;
}
.cmsHome .sharedBar .searchDropdownContainer .sv_validator_has_error { border-color:#d00; }
.cmsHome .sharedBar .searchDropdown .up-arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #000000 transparent;
	margin-left: 205px;
	position: absolute;
	margin-top: -6px;
}

/*** special classes for custom forms ***/

/* .module_roles .section.permissions-header .sectionLabel {margin-bottom: 0px; padding-bottom: 0px;} */
.module_roles .permissions-header { position: relative; }
.module_roles .permissions-header .allButton { position: absolute; right: 10px; top: -5px; }
.module_roles .permissions-header .field_name_permissions { display: none; } /* hide at the beginning to prevent fouc */
.module_roles .permissions-header .field_name_permissions .group { margin-bottom: 10px; }
.module_roles .permissions-header .field_name_permissions .group .labelContent {background-color: #e5e5e5; border: 1px solid #999; font-size: 16px;  margin-bottom: 10px; padding: 10px;overflow: hidden;}
.module_roles .permissions-header .field_name_permissions .group .labelContent .left { font-weight: 500; color: #444; text-transform: uppercase; padding-top: 10px;}

.module_roles .permissions-header .field_name_permissions .group .checkboxInline {width: 24%;}
.module_roles .permissions-header .field_name_permissions .group .checkboxInline .textLabel {margin-right: 0px;}
.module_roles .permissions-header .field_name_permissions .group .checkboxInline .has-tip {margin-left: 4px;}