*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font: 400 16px/1.5 "Roboto", sans-serif; color: #2d2d2d; margin: 0; padding: 0; background: #f0f0f0; }

body * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

main { display: block; }

html, body { overflow-x: hidden; }

/*  .content {} specific styles ---> this is pulled into _base-utilies.scss (site) and editor.scss  */
hr { border: 0; margin: 3em 0 2em; width: 100%; height: 2px; background: #3960ac; }

h1 { margin: 0; padding: 0; font-size: 2.2em; line-height: 1.1; font-weight: 700; color: #3960ac; font-family: "Roboto"; }

h2 { margin: 0; padding: 0; font-size: 1.87em; line-height: 1.25; font-weight: 700; color: #f49621; font-family: "Roboto"; }

h3 { margin: 0; padding: 0; font-size: 1.595em; line-height: 1.25; font-weight: 700; color: #000000; font-family: "Roboto"; }

h4 { margin: 0; padding: 0; font-size: 1.43em; line-height: 1.25; font-weight: 400; color: #3960ac; font-family: "Roboto"; }

h5 { margin: 0; padding: 0; font-size: 1.32em; line-height: 1.25; font-weight: 400; color: #2d2d2d; font-family: "Roboto"; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; font-weight: inherit; text-decoration: none; }

@media (min-width: 61.25em) { h1 a:hover { color: #264073; text-decoration: none; }
  h2 a:hover { color: #bf6e09; text-decoration: none; }
  h3 a:hover { color: black; text-decoration: none; }
  h4 a:hover { color: #264073; text-decoration: none; }
  h5 a:hover { color: #070707; text-decoration: none; } }

ul, ol { margin: 0; padding: 0; }

li { list-style: none; padding: 0; margin: 0; }

p { color: #2d2d2d; padding: 0; margin: 0; font-size: 1em; line-height: 1.5; }

a { color: #3960ac; text-decoration: none; border: none; outline: none; background-color: transparent; }

a img { border: none; }

.txt-left { text-align: left; }

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

.txt-center { text-align: center; }

.clear:before, .clear:after { display: table; content: ''; }

.clear:after { clear: both; }

.no-wrap { white-space: nowrap; }

.hidden { display: none !important; }

strong, b { font-weight: 700; }

em, i { font-style: italic; }

blockquote { margin-left: 2em; }

img, audio, canvas, video { max-width: 100%; vertical-align: top; }

img::selection { background: transparent; }

img::-moz-selection { background: transparent; }

@-ms-viewport { width: device-width; }

::selection { background: #3960ac; color: #fff; text-shadow: none; }

::-moz-selection { background: #3960ac; color: #fff; text-shadow: none; }

body { font-weight: 400; font-family: "Lato"; background: #f2f2f2; }

h1, h2 { font-weight: bold; }

a:hover, a:focus { text-decoration: none; }

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus { text-decoration: none; }

h1 { font-size: 2em; }

h2 { font-size: 1.7em; }

h3 { font-size: 1.45em; }

h4 { font-size: 1.3em; }

.admin-logo { display: block; position: relative; padding: 11px; z-index: 20; width: 50%; max-width: 250px; background: url(/images/admin/logo.svg) no-repeat center left; background-size: contain; }

@media (min-width: 75em) { .admin-logo { width: 20%; position: absolute; top: 0; bottom: 0; } }

.admin-alert { color: #464646; }

.admin-alert .svg-check-mark-icon { fill: #fff; background-color: #3960ac; }

.admin-alert-title { color: #3960ac; }

#APP-modal .content .close-btn .svg-container .svg-icon { fill: #3960ac; }

.button { color: #fff; background-color: #3960ac; }

.button.ghost { background-color: transparent; color: #3960ac; box-shadow: inset 0 0 0 2px #3960ac; font-weight: 700; }

.button.grey-300 { color: #464646; background-color: #e9e9e9; }

.button.color-a { background-color: #3960ac; }

.button.color-b { background-color: #f49621; }

.button.color-c { background-color: #D14343; }

.button.color-d { background-color: #add06d; }

.button.ghost { background-color: transparent; color: #3960ac; box-shadow: inset 0 0 0 2px #3960ac; }

.button.ghost-white { background-color: transparent; color: #fff; box-shadow: inset 0 0 0 2px #fff; }

@media (min-width: 70.625em) { .button:hover, .button:focus { color: #fff; background-color: #2d2d2d; } }

.admin-nav-hamburger { background: transparent; color: #fff; }

.admin-nav-hamburger .hamburger-title { color: #000; }

.admin-nav-hamburger .hamburger { background-color: #8c8c8c; }

.admin-nav-hamburger .hamburger:before, .admin-nav-hamburger .hamburger:after { background-color: #8c8c8c; }

.admin-header { border-bottom: 2px solid #f2f2f2; background: #fff; }

.admin-nav-list li .link { color: #fff; }

.admin-nav-list li .link:hover { background-color: #fff; color: #000; }

.admin-nav-list li.fast_button_active .link { background-color: #3960ac !important; color: #fff !important; }

.active-mobile-nav .admin-header-wrapper { background: #fff; }

.active-mobile-nav .admin-header-wrapper .admin-nav-hamburger { background-color: transparent; }

.active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger-title { color: #3960ac; }

.active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger { background-color: #3960ac; }

.active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:before { background-color: #3960ac; }

.active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:after { background-color: #3960ac; }

.active-mobile-nav .admin-header-wrapper .admin-nav-list { background-color: rgba(0, 0, 0, 0.8); color: #f0f0f0; }

.active-mobile-nav .admin-header-wrapper .admin-nav-list:before { background-color: #fff; border-bottom: 2px solid #f0f0f0; }

.active-mobile-nav .admin-header-wrapper .admin-nav-list li.fast_button_active .link { background-color: #d7d7d7 !important; color: #000 !important; }

.menu-drop-down { background: #505050; color: #fff; box-shadow: inset 0 0 5px #505050; }

.drop-down-container .button { background-color: #808080; color: #fff; box-shadow: 0 0 0 1px #333; }

.drop-down-container .button:hover, .drop-down-container .button:focus { background-color: #000 !important; }

.drop-down-container .button.fast_button_active { background-color: #000 !important; }

.switch-multi-drop-down, .close-multi-drop-down { fill: #ddd; }

@media (min-width: 75em) { .admin-nav-list li { color: #fff; }
  .admin-nav-list li .link { color: #8c8c8c; } }

.admin-left-nav { background-color: #fff; }

.admin-left-nav [offc-trigger] { color: #fff; background-color: #3960ac; }

.not-tree-view-list a { color: #000; background-color: #f0f0f0; }

.not-tree-view-list a:before { background-color: #d3d3d3; }

.not-tree-view-list a:hover { color: #000; background-color: #ebebeb; }

.not-tree-view-list a:hover:before { width: 2px; background-color: #d3d3d3; }

.not-tree-view-list .not-tree-view-list-item.active a { background-color: #e3e3e3; }

.not-tree-view-list .not-tree-view-list-item.active a:before { background-color: #3960ac; }

.shortcuts-menu .add-shortcut { border: 1px solid #8c8c8c; }

.shortcuts-menu .add-shortcut .svg-container:hover { background: #cecece; }

.shortcuts-menu .add-shortcut:hover { border: 2px solid #264073; }

.shortcuts-menu .add-shortcut:hover .add-shortcut-icon { background-color: #3960ac; }

.shortcuts-menu .add-shortcut:hover .add-shortcut-icon:before, .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:after { background-color: #fff; }

.shortcuts-menu .add-shortcut-menu { background-color: #c6c6c6; color: white; }

.shortcuts-menu .add-shortcut-menu ul li:hover { background-color: #bababa; }

.shortcuts-menu .add-shortcut-menu ul li.fast_button_active { background-color: #3960ac; }

.shortcuts-menu .add-shortcut-icon:before, .shortcuts-menu .add-shortcut-icon:after { background-color: #8c8c8c; }

.shortcuts-menu .add-shortcut-icon .fast_button_active { background: #3960ac !important; }

.box .panel.generic-toggle.theme-a > .panel-collapse { background-color: #f0f0f0; }

.box .panel.generic-toggle.theme-a > .panel-heading .panel-title { border: 1px solid #1d3158; background-color: #3960ac; }

.box .panel.generic-toggle.theme-a > .panel-heading .panel-title .box-title { color: #fff; }

.box .panel.generic-toggle.theme-a > .panel-heading .panel-title .svg-container { fill: #fff; }

.box .panel.generic-toggle.theme-a input[type="text"], .box .panel.generic-toggle.theme-a select, .box .panel.generic-toggle.theme-a textarea { background-color: #fff; }

.box .panel.generic-toggle.theme-a:hover > .panel-heading .panel-title { background-color: #2b4882; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title { border: 1px solid #1d3158; background-color: #3960ac; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .box-title { color: #fff; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .svg-container { fill: #fff; }

.box .panel.generic-toggle.theme-a-minimal:hover > .panel-heading .panel-title { background-color: #2b4882; }

.segment.two-sided .segment-title { color: #3960ac; }

.shortcuts-popup .popup-tab label { color: #3960ac; }

.shortcuts-popup .button.active { background-color: #3960ac; }

.media-gallery [offc-trigger]:before, .media-gallery [offc-mobile-btn]:before { color: #3960ac; }

.media-gallery.editor .bar .heading:after { background-color: #3960ac; }

.media-gallery.editor .bar .svg-container { fill: #3960ac; }

.media-gallery.editor .bar .svg-container:hover { background-color: #3960ac; }

.image-selector.ntfy-popup .bar .svg-container { fill: #3960ac; }

.image-selector.ntfy-popup .bar .svg-container:hover { background-color: #3960ac; }

.socialicons img { background-color: #3960ac; }

#body .admin-left-nav .RadTreeView .rtSelected .rtIn { background-color: #3960ac !important; background-image: none; color: #fff !important; }

#body .admin-left-nav .RadTreeView .rtSelected .rtIn:before { width: 4px; background-color: #3960ac; }

#body .reMode_selected, #body .reTool:hover, #body .rtbItem:hover, #body .rtIn:hover { background-color: #3960ac !important; background-image: none !important; }

#body .RadToolBar_Metro .rtbItemClicked .rtbWrap, #body .RadToolBar_Metro .rtbSplBtnExpanded .rtbWrap, #body .RadToolBar_Metro .rtbDropDownExpanded .rtbWrap, #body .RadToolBar_Metro .rtbChecked .rtbWrap, #body .RadToolBar_Metro li.rtbChecked .rtbWrap:hover { background-color: #3960ac !important; border: 1px solid #3960ac; }

#body .RadTreeView_Metro .rtSelected .rtIn { border-color: #3960ac; background-color: #3960ac; }

.box { background: #fff; border-top: 1px solid #3960ac; }

.box .box { background-color: #f2f2f2; }

.box .box-title { color: #3960ac; }

.box .svg-arrow-icon.box-arrow-toggle { background: #3960ac; }

.box .box-button { background-color: #fff; }

.box .box-controls .fast_button_active { background: #3960ac !important; }

.box .box-controls-message { background: #7997d2; color: #20355f; }

.box .box-arrow-toggle.fast_button_active { background: #060a13 !important; }

.box .panel-title .svg-container { fill: #274276; }

.box .box-button-primary { /* COPIED FROM _buttons.scss */ background: #3960ac; color: #fff; }

.box .box-button-primary:hover { background-color: #3f6bbf !important; color: white !important; }

.box .box-button-primary.fast_button_active { background: #335599 !important; color: #f2f2f2 !important; }

.box .box-button-primary .svg-icon { fill: #fff; }

.box .box-button-secondary { /* COPIED FROM _buttons.scss */ background: #e9e9e9; color: #3960ac; }

.box .box-button-secondary:hover { background-color: #f6f6f6 !important; color: #3f6bbf !important; }

.box .box-button-secondary.fast_button_active { background: gainsboro !important; color: #335599 !important; }

.box .box-button-secondary .svg-icon { fill: #3960ac; }

.box .box-arrow-toggle { fill: #fff; }

.box .inset-label.button.box-button-primary { border: 1px solid #3960ac; }

.box.active { background: #3960ac; color: #fff; border-top: 1px solid #fff !important; /* ??? ADDED / NEEDED ??? */ }

.box.active .box-title, .box.active .box-link, .box.active .segment-title { color: #fff; }

.box.active .box-arrow-toggle { fill: #3960ac; background: #fff; }

.box.active .box-button { background-color: #fff; color: #3960ac; }

.box.flex-item { border-top: 1px solid #3960ac; }

.box.loading:after { /* follow line to change loading color ----------------------------------------------------------------------------------------------------------------------------------------------- RIGHT BELOW HERE --------------------- */ background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-facebook'%3E%3Cstyle type='text/css'%3E.highlight %7B fill: %233960ac %7D /* CHANGE HIGHLIGHT COLOR HERE. %3C/style%3E%3Cg transform='translate(20 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(50 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.8'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.1s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(80 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.2s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }

.box-offset-action { fill: #fff; background-color: #d3d3d3; }

.box-offset-action.fast_button_active { background-color: #3960ac; }

.box-offset-action:hover { background-color: #636363; }

.roll-link { color: #d3d3d3; }

.roll-link span:after { background: none repeat scroll 0 0 #3960ac; color: #fff; }

.roll-link.fast_button_active span { background: white !important; color: #2d2d2d !important; }

.roll-link.fast_button_active span:after { background: white; color: #2d2d2d; }

.bg-grey-100 { background-color: #F3F3F3; }

.bg-grey-200 { background-color: #f0f0f0; }

.theme-list-grey-200 li { list-style: none !important; }

.theme-list-grey-200 li:nth-child(odd) { background-color: #f0f0f0; }

.loader > div { background: #3960ac; }

.blue_color { color: #3960ac; }

.title { font-size: 1.75em; font-weight: 400; color: #3960ac; }