/* Minification failed. Returning unminified contents. (4729,45): run-time error CSS1019: Unexpected token, found '(' (4729,45): run-time error CSS1042: Expected function, found '(' (4729,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (4729,103): run-time error CSS1019: Unexpected token, found '(' (4729,103): run-time error CSS1042: Expected function, found '(' (4729,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (4730,55): run-time error CSS1019: Unexpected token, found ' ' (4730,55): run-time error CSS1019: Unexpected token, found ' ' (4730,55): run-time error CSS1042: Expected function, found ' ' (4730,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4730,111): run-time error CSS1019: Unexpected token, found ' ' (4730,111): run-time error CSS1019: Unexpected token, found ' ' (4730,111): run-time error CSS1042: Expected function, found ' ' (4730,111): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4731,58): run-time error CSS1019: Unexpected token, found ' ' (4731,58): run-time error CSS1019: Unexpected token, found ' ' (4731,58): run-time error CSS1042: Expected function, found ' ' (4731,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4743,48): run-time error CSS1019: Unexpected token, found ' ' (4743,48): run-time error CSS1019: Unexpected token, found ' ' (4743,48): run-time error CSS1042: Expected function, found ' ' (4743,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* Minification failed. Returning unminified contents. (4705,45): run-time error CSS1019: Unexpected token, found '(' (4705,45): run-time error CSS1042: Expected function, found '(' (4705,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (4705,103): run-time error CSS1019: Unexpected token, found '(' (4705,103): run-time error CSS1042: Expected function, found '(' (4705,103): run-time error CSS1062: Expected semicolon or closing curly-brace, found '(' (4706,55): run-time error CSS1019: Unexpected token, found ' ' (4706,55): run-time error CSS1019: Unexpected token, found ' ' (4706,55): run-time error CSS1042: Expected function, found ' ' (4706,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4706,111): run-time error CSS1019: Unexpected token, found ' ' (4706,111): run-time error CSS1019: Unexpected token, found ' ' (4706,111): run-time error CSS1042: Expected function, found ' ' (4706,111): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4707,58): run-time error CSS1019: Unexpected token, found ' ' (4707,58): run-time error CSS1019: Unexpected token, found ' ' (4707,58): run-time error CSS1042: Expected function, found ' ' (4707,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4719,48): run-time error CSS1019: Unexpected token, found ' ' (4719,48): run-time error CSS1019: Unexpected token, found ' ' (4719,48): run-time error CSS1042: Expected function, found ' ' (4719,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* * jQuery UI CSS 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI Accordion 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Progressbar 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Slider 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { margin-top: 0; position: relative; padding: .2em; zoom: 1; font-size: 1em; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } #regBodyContent .ui-tabs .ui-tabs-nav li { list-style: none; list-style-type: none; float: left; position: relative; top: 1px; margin: 0 1px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 10px; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0;padding: 0 30px 10px 30px; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS SolidSolutions 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 0} .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header {border: 0; padding: 0;} .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(../images/jquery/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(../images/jquery/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../images/jquery/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/jquery/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(../images/jquery/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(../images/jquery/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/jquery/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* AUTOSUGGEST */ div.autosuggest { position: absolute; background-image: url(data:image/gif;base64,R0lGODlhFAAKAIAAADMzM////yH5BAEHAAEALAAAAAAUAAoAAAIZjH8AyG2qnIRQMkrtw3ly7HzfJY5bOaJoAQA7); background-position: top; background-repeat: no-repeat; padding: 3px 0 0 0; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-image: url(data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIJBIJhhst+oAQFADs%3D); background-position: top right; background-repeat: no-repeat; overflow: hidden; } div.autosuggest div.as_footer { background-image: url(data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIIhI9pkXzhICwAOw%3D%3D); } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-image: url(data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIJjANgmcj6okwFADs%3D); background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { background-image: url(data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIIhI8WuRitXisAOw%3D%3D); } div.autosuggest div.as_header div.as_barxxx, div.autosuggest div.as_footer div.as_barxxx { height: 6px; overflow: hidden; background-color: #333; } div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #eaeaea; border: 1px solid gray; } div.autosuggest ul li { color: black; padding: 0; margin: 0 4px 4px; text-align: left; } div.autosuggest ul li a { color: black; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0 0 5px; position: relative; padding: 0; width: 100%; } div.autosuggest ul li a:hover { background-color: #777777; } div.autosuggest ul li.as_highlight a:hover { background-color: #777777; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; } div.autosuggest ul li a span small { font-weight: normal; color: black; } div.autosuggest ul li.as_highlight a span small { color: black; } div.autosuggest ul li.as_highlight a { color: #fff; background-color: #777777; background-image: url(data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDI1PP///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOSAqsxMKxwOCoYlwR9EgAOw%3D%3D); background-position: bottom right; background-repeat: no-repeat; } div.autosuggest ul li.as_highlight a span { background-image: url(data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDI1PP///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOCEosy+GR4RQY1OIRXAIAOw%3D%3D); background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-color: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; color: Black; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; background-image: url(data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDE2Pf///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOOBoC2sDBGCK58JIIdAIAOw%3D%3D); background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; background-image: url(data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDE2Pf///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOCBLT8MI9NYh9wRKoZwIAOw%3D%3D); background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; } div.autosuggest ul em { font-style: normal; color: red; } /* VERTICAL MENU */ #accordion { visibility: hidden; box-shadow: 0 0 12px rgba(0,0,0,0.3); } #accordion-top { padding: 35px 35px 0px 35px; } /* root UL */ #accordion ul { padding: 0; margin: 0; list-style: none; } /* sub UL */ #accordion ul ul { padding: 0px 0px 0px 15px; } /*---------- Indents------*/ /*top-level*/ #accordion .top > a, #accordion .top > div { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } /*2nd-level*/ #accordion li li > a, #accordion li li > div { padding-left: 30px; padding-top: 8px; padding-bottom: 8px; } /*3rd-level*/ #accordion li li li > a, #accordion li li li > div { padding-left: 50px; } /*---------- Other styles ------*/ /* headings */ #accordion li > div { color: #565656; } #accordion .active > div { color: #da291c; font-weight: 700; } #accordion li { font-size: 13px; padding: 0; margin: 0; overflow: hidden; cursor: pointer; } #accordion .accordion-support { width: 100%; background: #565656; text-align: center; padding: 8px 0px 8px 0px; color: #fff; font-weight: 400; letter-spacing: 0.1em; font-size: 1.0em; } /*------------------Search Panel --------------*/ #accordion-search { padding: 15px 15px 20px 15px; text-align: center; } #accordion-search input[type="submit"] { cursor: pointer; -webkit-appearance: none; background-color: #d6291c; text-align: center; color: #fff; text-transform: uppercase; padding: 3px 3px; border-radius: 3px; } #accordion-search input[type="button"] { margin: 50px; } #accordion-search input[type="text"] { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ccc; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 6px 30px; margin-right: 6px; width: 60%; box-shadow: none; } .accordion-search-btn { padding-top: 0px !important; padding-bottom: 6px !important; } /* Add borders to the top LIs */ #accordion .top { /*border:1px solid #000;*/ } /* links */ #accordion a { color: #333; font-weight: normal; font-size: 13px; text-decoration: none; display: block; line-height: 1; transition: all 0.3s; } #accordion a:hover { background-color: #da291c; color: #fff; } #accordion a.active { background-color: #dd0d0d; color: #fff; border-style: solid; border-width: 0px 20px 0px 0px; border-color: #565656; } /* carets */ #accordion .caret { color: inherit; display: inline-block; /*float:right;*/ margin-top: 0px; margin-right: 12px; width: 0; height: 0; overflow: hidden; /*for IE6*/ border-style: solid; border-width: 6px; /*caret size is 6px now*/ position: relative; border-bottom: 6px solid transparent; border-right: none; border-left-color: initial; border-top-color: transparent; } #accordion .caret.active { margin-bottom: 2px; margin-right: 6px; border-bottom: none; border-right: 6px solid transparent; border-left-color: transparent; border-top-color: initial; } #accordion li { -ms-user-select: none; -mos-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #accordion .accordion-main { background: #fff; text-transform: uppercase; } #accordion .accordion-main:hover { background: #565656; color: #fff; } #accordion .accordion-sub:hover { background: #565656; color: #fff; } /*---- SUPER PANEL ----*/ #panel1 { position: fixed; z-index: 9000; top: 0; left: 0; width: 360px; height: 100%; background: white; padding: 20px 0; box-sizing: border-box; box-shadow: 4px 0 18px rgba(0,0,0,0.2); visibility: hidden; } /*---- transparent layer ---- Available when the option transparentLayer is true in pane-panel.js */ .transparent-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); display: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } /*---- panel button ----*/ .panel-button { -ms-user-select: none; -mos-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .panel-button { position: fixed; margin: 12px 0 0 12px; top: 0; left: 0; /*display:inline-block;vertical-align:middle;position:relative;*/ background-color: black; border-radius: 3px; height: 3px; width: 24px; border-style: solid; border-color: white; border-top-width: 18px; border-bottom-width: 18px; border-left-width: 8px; border-right-width: 8px; cursor: pointer; box-sizing: content-box; } .panel-button:before, .panel-button:after { background-color: black; content: ""; position: absolute; top: -8px; left: 0; width: 24px; height: 3px; display: block; transition: all .2s linear; } .panel-button:after { top: 8px; } .panel-button.active { background-color: white; } .panel-button.active:before { transform: rotate(45deg); top: 0; } .panel-button.active:after { transform: rotate(-45deg); top: 0; } /*--- subMenu---*/ #regBodyContent .subMenu, .subMenu li { display: flex; padding: 0; margin: 0; } #regBodyContent .subMenuEmpty { height: 20px; } #regBodyContent .subMenu svg { display: none; } #regBodyContent .subMenu li { text-indent: 0em !important; } #regBodyContent .subMenu { width: 100%; list-style: none; flex-wrap: wrap; border-top: 4px solid; border-radius: 0px 0px 4px 4px; border-color: #da291c; background: #565656; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; box-sizing: border-box; text-align: center; align-self: start; margin: 0 auto 20px; padding: 0; } #regBodyContent .subMenu li { flex-shrink: 1; flex-grow: 1; padding: 0; height: 35px; white-space: nowrap; border: solid 1px #4b4b4b; } #regBodyContent .subMenu li:hover { background: #da291c; } #regBodyContent .subMenu a { display: flex; justify-content: center; align-items: center; width: 100%; padding: .5em 1em; text-decoration: none; color: #fff; font-size: 1rem; font-weight: 400; } #regBodyContent .subMenu a:hover { color: #fff; } /* Rebuilt Apr 2021*/ div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th { margin: 0; padding: 0px; } body { font-family: 'Open Sans', sans-serif; font-size: 1.0em; color: #757575; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } iframe[name='google_conversion_frame'] { height: 0; width: 0; line-height: 0; font-size: 0; margin-top: -13px; float: left; } #page { margin: 0 auto; max-width: 1350px; min-width: 320px; } /*regHeader*/ #regHeader { width: 100%; height: 60px; } #regHeader .Inner { display: grid; } #regHeader .Acc, #regHeader .Search { display: inline-block; vertical-align: middle; height: 100%; width: 3%; font: 0/0 a; } #regHeader .excellence { display: flex; flex-direction: column; align-self: center; text-transform: uppercase; color: #fff; text-align: center; font-weight: 100; height: 100%; padding-top: 3%; } #regHeader .Nav { display: inline-block; vertical-align: top; font: 0/0 a; background-color: #FFF; text-align: center; border-top: 30px solid #DADADA; border-left: 30px solid transparent; border-right: 30px solid transparent; } #regHeader .Nav:before, #regHeader .Nav:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #regHeader #regSearchMob { width: 25px; height: auto; margin-left: 15px; margin-right: 15px; display: none } #regHeader #regAccount { width: 25px; height: auto; margin-right: 15px; margin-left: 5px; display: none } #regHeader .SolidWorks { text-align: end; display: flex; flex-direction: column; align-self: center; } #regHeader .MySolidSolutions { display: inline-block; width: 22%; margin: 0 5.5%; vertical-align: top; } #regHeader .MySolidSolutions img { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 190px } .headerContainer { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; align-content: center; min-height: 60px; } .headerContainer .trimech-logo { font-size: 1em} .headerContainer .ssm-logoB { font-size: 1em; border-left: 1px solid #979797; border-right: 1px solid #979797; padding: 2px 10px 0 10px; margin: 10px 10px; } .headerContainer .javelin-logo { font-size: 1em; margin-top: -3px } .mainSSM { background: #1d4f91; border-color: #290000; margin-bottom: 0%; } .mySSM { background: radial-gradient(circle, rgb(43, 43, 43) 0%, rgb(66, 64, 64) 27%, rgb(53, 53, 53) 82%); border-color: #931212; } .myssm-logo { color: #fff; font-size: 2.5em; } .ssm-logo { color: #fff; font-size: 1.4em; } .ssm-logo a { color: #fff; } .myssm-logo a { color: #fff; } .ssm-logo a:hover { color: #fff; } .myssm-logo a:hover { color: #fff; } .swks-logo { color: #fff; font-size: 2.2em; } .my-ssm-logo { width: 290px; height: 56px; color: #fff; } .excel { color: #fff; font-size: 1.7em; } .excel-top { font-size: 1.2em; font-weight: 400; } .excel-bottom { font-size: 1.8em; font-weight: 700; } .myssm-excel-bottom { font-size: 1.5em; font-weight: 700; margin-top: -10px; } .excel-mob { display: none; } .accordion-logo-top { font-size: 1.4em; text-align: left; padding-left: 60px; } .accordion-logo-bottom { font-size: 3.4em; text-align: center; } .ssmred { color: #1d4f91; } #divfixMenu { width: 80px; left: 15px; display: block; top: 16px; right: 0; position: fixed; z-index: 3000; border-color: #1d4f91; border-style: none; border-width: 1px 1px 1px 0; padding: 5px 5px 10px 10px; -webkit-perspective-origin-x: center; cursor: pointer !important; text-align: right; color: #fff; height: 13px; font-weight: 100; } #divfixMenuTitle { width: 80px; left: 15px; top: 16px; position: fixed; padding: 5px 5px 10px 10px; text-align: right; color: #fff; font-weight: 100; } header { background-color: #565656; } a img { border: 0; } #regBodyContent { /*padding-top: 20px;*/ } img { height: auto; max-width: 100%; } table { border-collapse: collapse; } html { -ms-overflow-style: scrollbar; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none; } .visible-tablet { display: none; } .hidden-desktop { display: none; } .visible-desktop { display: inherit; } img[usemap] { border: none; height: auto; max-width: 100%; width: auto; } .Inner { max-width: 1350px; margin: auto; overflow: hidden } .main4 h3 { overflow: hidden; text-align: center; padding-bottom: 2%; color: #565656; } .main4 h3:before { background: -webkit-gradient(radial, 0% 0%, 0, 50% 50%, 60, from(#DADADA), to(#565656)); content: ""; display: inline-block; height: 1.5px; position: relative; vertical-align: middle; width: 30%; } .main4 h3:after { background: -webkit-gradient(radial, 100% 0%, 0, 50% 50%, 60, from(#DADADA), to(#565656)); content: ""; display: inline-block; height: 1.5px; position: relative; vertical-align: middle; width: 30%; } .main4 h3:before { right: 0.5em; margin-left: -50%; } .main4 h3:after { left: 0.5em; margin-right: -50%; } picture { line-height: 0; } .regNavCont, .regNavContNew { cursor: pointer; } /*Skeleton-----*/ .card-col-container, .filter-container { display: grid; grid-gap: 10px; margin-bottom: 20px; } .filter-container { grid-gap: 10px; } .one { grid-template-columns: repeat(1, 1fr); } .two { grid-template-columns: repeat(2, 1fr); } .three { grid-template-columns: repeat(3, 1fr); } .four { grid-template-columns: repeat(4, 1fr); } .five { grid-template-columns: repeat(5, 1fr); } .six { grid-template-columns: repeat(6, 1fr); } .seven { grid-template-columns: repeat(7, 1fr); } .eight { grid-template-columns: repeat(8, 1fr); } .nine { grid-template-columns: repeat(9, 1fr); } .ten { grid-template-columns: repeat(10, 1fr); } .eleven { grid-template-columns: repeat(11, 1fr); } .twelve { grid-template-columns: repeat(12, 1fr); } .thirteen { grid-template-columns: repeat(13, 1fr); } .fourteen { grid-template-columns: repeat(14, 1fr); } .fifteen { grid-template-columns: repeat(15, 1fr); } .grid-right-end-A { grid-column-end: -1; } .flex-row-gap { grid-row-gap: 0; } .flex-row-gap-four { grid-row-gap: 4%; } .flex-row-gap-two { grid-row-gap: 2%; } /*skeleton end---*/ /*Flex box setup start---*/ .stretch { align-self: auto; } .shrink { align-self: flex-start; } .across-one { grid-column: span 1; } .across-two { grid-column: span 2; } .across-three { grid-column: span 3; } .across-four { grid-column: span 4; } .across-five { grid-column: span 5; } .across-six { grid-column: span 6; } .across-seven { grid-column: span 7; } .across-eight { grid-column: span 8; } .across-nine { grid-column: span 9; } .across-ten { grid-column: span 10; } .across-eleven { grid-column: span 11; } .across-twelve { grid-column: span 12; } .across-thirteen { grid-column: span 13; } .across-fourteen { grid-column: span 14; } .across-fifteen { grid-column: span 15; } .across-all { grid-column: 1/-1; } .down-two { grid-row: 1/3; } .down-twoB { grid-row: 3/2; } .downThree { grid-row: 1/4; } .inset3-4 { grid-column: 3 / span 4; } /*Main card formatting*/ .card-span { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; flex-direction: column; box-sizing: border-box; text-align: center; font-size: 1.0em; font-weight: 400; align-self: auto; } .stretch { align-self: auto; } .shrink { align-self: flex-start; } .card-heading-prod { display: flex; align-items: center; background-image: url(https://images.solidsolutions.co.uk/uploaded/image/Cards/Hex_Corner_White.png); background-repeat: no-repeat; background-position: right; background-size: contain; height: 60px; flex-wrap: nowrap; justify-content: center; } .card-heading { display: flex; align-items: center; height: 50px; flex-wrap: nowrap; justify-content: center; border-style: solid; border-width: 0px 0px 7px 0px; border-color: rgba(86, 86, 86, 0.00); } .card-headingTitle { flex-grow: 2; font-weight: 400; color: #ffffff; font-size: 1.4em; order: 1; text-align: left; padding: 15px; line-height: 1; } .card-headingImage { flex: none; order: 2; width: 60px; padding-right: 15px; } .card-headingProdImage { padding-top: 8px; order: 2; width: 70px; } .card-headingImage-webcastLeft { background-color: #000066; flex-grow: 1; order: -1; } .card-headingTitle-webcastMiddle { flex-grow: 1; order: 2; inline-size: 18%; padding-left: 10px; } .card-headingImage-webcastRight { flex-grow: 1; font-weight: 500; color: #565656; font-size: 1.3em; max-width: 55%; min-width: 55%; order: 1; text-align: left; padding-left: 13px; } .card-middle { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; padding: 10px; flex-grow: 2; } .card-subtitle { font-size: 1.3em; font-weight: 400; color: #1d4f91; border-color: #1d4f91; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom: 10px; width: 100%; } .card-body { padding: 10px; text-align: left; flex-grow: 2; } .card-text { text-align: left; margin-bottom: 12px; flex: 1; } .align-left { text-align: left; } .align-center { text-align: center; } .card-button input[type=submit] { width: 100%; text-transform: none; color: #333; font-weight: 400; font-size: 1em; background: #FFF; border: 0 } .card-button input[type=submit]:hover { background: #565656; color: #FFF } .locked { background: #ccc; } .ticketSummary { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; margin-bottom: 5px; } .ticketSummary:hover, .ticketSummary:focus { border-color: #1d4f91; cursor: pointer; background-color: #EFEFEF } .ticketHistorySummary { width: 100%; margin-bottom: 5px; text-align: left } .ticketSummary div { padding: 10px; } .ticketHead { color: #1d4f91; font-weight: 700 } .ticketFooter { border-top: 1px solid #c3c3c3; } .noRecords { text-align: center; font-style: italic; } .card-body .typed { font-size: 1em; } .support-ticket h1 { color: #1d4f91; font-weight: 500; font-size: 3em; margin: 30px } .card-body .notification, #regBodyContent .card-body .notification a { color: #1d4f91; font-weight: 500; } .support-ticket .case-reference { font-size: 2em; } .support-ticket .larger { font-size: 1.5em } #secNewTicket { margin-bottom: 50px; } #secOnlineSupport .card-heading { height: 52px; } #secOnlineSupport .card-headingTitle { font-size: 1.2em; padding: 15px 15px 8px 15px } #secNewTicket .card-body, #secOnlineSupport .card-body { width: 100% } .card-body .label { padding-bottom: 5px; } .card-body .ticketStatus { font-weight: 500; font-size: 1.1em; padding-bottom: 5px; } .card-body .caseItem { border: 1px solid #ccc; border-radius: 4px; padding: 8px; margin: 5px 0; } .card-body .action { padding: 5px 0; } .card-body .actionDate { font-style: italic } .card-button { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ccc; max-height: 35px; min-height: 35px; line-height: 35px; position: relative; flex: 1; box-shadow: 0 3px 1px #aaa; background: #f4f4f4; } .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */ } .card-button a:hover, .card-button:hover { color: white; background: #565656; cursor: pointer; } .card-button:hover a { color: #FFF } .multi-button-container { display: flex; flex-direction: row; } .card-span-FAQ { background: #fff; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } .card-image { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: column; flex-grow: 2; } /*------Flexbox ends here----*/ #regBodyContent a { color: #565455; text-decoration: none; } #regBodyContent a:hover { color: #1d4f91; text-decoration: none; } #regBodyContent ul, #regBlue ul, #regGrey ul { margin-left: 10px; padding-left: 0; list-style: none; } #regBodyContent ul li, #regBlue ul li, #regGrey ul li { padding-left: 1.68571429em; text-indent: -1.68571429em; padding-bottom: 3px; } #regBodyContent ul li::before, #regBlue ul li::before, #regGrey ul li::before { content: "\f312"; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin: 0 5px 0 -15px; display: none; } #regBodyContent ul li svg, #regBlue ul li svg, #regGrey ul li svg { color: #a2a2a2; padding-right: 10px; font-size: 0.75em; line-height: 0.11em; } .tabs-nav-wrap svg { display: none; } .tabs-nav-wrap ul li { text-indent: 0em !important; } /* #regBodyContent ul li, #regBlue ul li, #regGrey ul li { padding-left: 15px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA15pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDowMEQzQzA0NzBFM0JERTExQTE5QUJGMzQ2Q0QwMDM0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMTYwRUIyOTA2MTUxMUUxQUY4Q0YwMzY1QTgxQUE3RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMTYwRUIyODA2MTUxMUUxQUY4Q0YwMzY1QTgxQUE3RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0ZCODg0RTEyMDZFMTExQTk1RjlCNDA2RjdBNUU4OSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDowMEQzQzA0NzBFM0JERTExQTE5QUJGMzQ2Q0QwMDM0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnnT860AAACHSURBVHjaYrylKSPKwMCwCIiLgfgaAxSoXnvMwASkdwGxBxAfBmJjBiQAkswF4i9ALATEe4HYElnyCBC7AfFHIOaHmmQGkwSB40C8D8rmAWIbmCQzEM8H4kCo5CYgngKTBLk0ASqxDIiDgPgXTPIUVGIWEMcB8V+Yg1iAeCIQn4U6DAUABBgAhDIYR9zmdCwAAAAASUVORK5CYII=') ; background-repeat: no-repeat; background-position: 0 8px; } */ #regBodyContent .Inner.Inner { display: block; } #regBodyContent hr { height: 2px; color: #CCCCCC; } #regTopFaderBar { width: 1350px; height: 300px; margin: 0 auto; } div#wrapper { float: right; width: 100%; margin-left: -210px; } #regBodyContent .BlogEntries, #regBodyContent .BlogDetail { margin-left: 280px; display: inline-block; } .UnL { width: 10% } .UnR { width: 90% } #regRHS .menuItemsBox { padding: 0; margin-bottom: 5px; } #regBodyContent #regRHS .menuItemsBox .Middle input[type=text] { display: inline; margin: 5px 3px; padding: 3px 6px; border: 1px solid #E6E7E8; background-color: #E6E7E8; color: #58595B; } #regBodyContent #regRHS .menuItemsBox .Middle input[type=submit] { display: inline; -webkit-appearance: none; margin: 5px 3px; padding: 6px 6px; margin-right: -20px; border: 0; background-color: #1d4f91; color: #FFFFFF; text-decoration: none; font-size: 14px; cursor: pointer; } #regBodyContent .SocialNetworking { clear: both; text-align: center; padding: 20px } #regBodyContent .menuItemsBox input[type=submit] { padding: 0 10px; } #regBodyContent .blogCatItem a { text-transform: uppercase; font-size: 0.9em; color: #565656; text-decoration: none; } #regBodyContent .blogCatItem { padding: 5px; margin: 5px 5px auto; background-color: #dadada; border: 1px solid #565656; border-radius: 3px; display: inline-block; white-space: nowrap } #regBodyContent .blogCatItem:hover { text-decoration: none; color: White; background-color: #565656; cursor: pointer } #regBodyContent .blogCatItem:hover a { color: #fff; } .ui-widget-content h2 a { color: #1d4f91; text-decoration: none; } .ui-widget-content h2 a:hover { color: #004487; text-decoration: underline; } .ui-widget-content h3 a { text-decoration: underline; color: #004487; } .ui-widget-content h3 a:hover { text-decoration: underline; color: #1d4f91; } #regBodyContent #container a, #regBodyContent #containerA a, #regBodyContent #containerB a { border: 0; margin: 0; } #regBodyContent .GalleryImage { border: 1px solid #Cccccc; width: 140px; height: 140px; margin-bottom: 5px; } #regBodyContent .GalleryImage:Hover { border: 1px solid #DE011D; } #regBodyContent .NewsLink a { text-decoration: none; font-size: 0.9em; } #regBodyContent .highlight { background-color: Yellow; } #regBodyContent .NoEvents { padding: 5px; text-align: center; color: #E78501; font-size: 1.2em; border: 1px solid #D1D1D1; } #regBodyContent .CalDayTitle { font-size: 1.2em; color: #333333; padding-top: 5px; padding-bottom: 4px; font-style: italic; } #regBodyContent .CalTitle { font-size: 1.9em; color: #333333; border: 2px solid #CCCCCC; background-color: #CCCCCC; padding: 6px; } #regBodyContent .CalDay { font-size: 1.4em; border: 1px solid #CCCCCC; color: #004487; background-color: #FFFFFF; } #regBodyContent .CalDay a { color: #004487; font-size: 13px; } #regBodyContent .CalDayLive { font-size: 1.4em; border: 1px solid #CCCCCC; color: #004487; background-color: #FFFFFF; background-image: url('data:image/gif;base64,R0lGODlhQgAHAMQAAOvr6/v7+/Hx8fX19fLy8vb29vPz8/Dw8Pf39/T09O/v7+zs7O7u7vj4+Pn5+e3t7fr6+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABCAAcAAAWbICAuJPmcD6MyStse8CHMAmETRm4kfDL8g4KwgCgiGsiGY+mAOJ2j0gKVWrFcMRnthtP1fMAh0ZhUMpvPAEA6RVmvrxitdtPtesDg0HhMntFOAQFsVFUqLgpZc1x2X3lifGV/TxCCgyWFVoiKW3VeeGF7ZH5nlJWCmFSaWHKdNo2gP5CjpEumlpeZK5utM4yfPI+iRWVmtpS4ASEAOw==') /*../../images/template/CalendarBG.gif*/; background-repeat: repeat-y; } #regBodyContent .CalDayLive a { color: #004487; font-size: 13px; } #regBodyContent .CalDayWeekend { border: 1px solid #CCCCCC; color: #FFFFFF; background-color: #EFEFEF; font-size: 1em; } #regBodyContent .CalDayWeekend a { color: #FFFFFF; font-size: 1em; } #regBodyContent .CalPrevNext { font-size: 14px; white-space: nowrap; color: #333333; } #regBodyContent #content { background: #fff; padding: 10px 0; min-height: 220px; position: relative; z-index: 2; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; /*box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);*/ } .MessageToUser { margin: 0 0 10px 0; clear: both; width: 98%; color: #333333; background: #F4EF91; border: none; text-align: center; padding: 1%; font-size: 1.2em; } #regBodyContent .slider { z-index: 1; } #regBodyContent .NewsListDate { color: #333333; } #regBodyContent .ReadMoreButton { padding: 1%; color: #ffffff; background-color: #cecece; border: 1px solid transparent; text-align: center; } #regBodyContent .ReadMoreButton a { border: none; color: #3c0000; text-transform: uppercase } #regBodyContent .ReadMoreButton:hover { background-color: #1d4f91; text-decoration: none; } #regBodyContent a.ReadMoreButton:hover { color: #ffffff; text-decoration: none; } #regBodyContent .FormDetail { margin-bottom: 2%; } #regBodyContent .FormDetail div { float: left; margin-right: 2% } #regBodyContent .FormDetail .Label { } #regBodyContent .FormDetail div select { width: 350px; } #regBodyContent .FormDetail div input[type=submit] { font-size: 1em; } #regBodyContent .FormDetail div input[type=text] { padding: 4%; font-size: 1em; width: 80px; } #regBodyContent .Datagrid { border-style: solid; border-width: 1px; border-radius: 4px 4px 4px 4px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } #regBodyContent .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 1px #000000; margin-bottom: 10px; font-size: 1em; color: #333; } #regBodyContent .Datagrid.Blue {margin: 20px auto; width: 810px; box-sizing: border-box} #regBodyContent .Datagrid.Blue .datagridHeader td { padding: 6px 8px; text-transform: uppercase; border: 0; border-bottom: solid 1px #1d4f91; margin-bottom: 10px; font-size: 1em; color: #FFF; background-color: #1d4f91; } #regBodyContent .Datagrid.Blue .datagridItem td {padding: 6px 8px} #regBodyContent .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td { padding: 1%; border: 0; background-color: #FFFFFF; color: #212121; font-size: 1em; } #regBodyContent .Datagrid .datagridAlternatingItem td { background-color: #EFEFEF; } #regBodyContent .EmptyDatagridMessage { padding: 1%; color: #1d4f91; text-align: center } #regBodyContent .Datagrid .datagridFooter td { text-align: right; padding: 1%; text-transform: uppercase; border: 0; border-top: solid 2px #c3c3c3; margin-bottom: 10px; font-size: 1em; color: #333; } #regBodyContent .paging { padding-top: 10px; padding-bottom: 20px; } #regBodyContent .paging a { text-decoration: none; } #regBodyContent .paging table { width: 100%; } #regBodyContent .paging .currentPageLabel { width: 180px; color: black; } #regBodyContent .paging .previousPage { width: 100px; text-align: left; } #regBodyContent .paging .previousPage a { color: Gray; } #regBodyContent .paging .pageNumbers { text-align: center; } #regBodyContent .paging .pageNumbers a.unselectedPage { color: #999999; } #regBodyContent .paging .pageNumbers a.selectedPage { color: red; } #regBodyContent .paging .nextPage { width: 80px; text-align: right; } #regBodyContent .paging .nextPage a { color: Gray; } #password_description { font-size: 10px; font-style: italic; } #password_strength { height: 10px; display: block; } #password_strength_border { width: 160px; height: 10px; border: 1px solid black; } .strength0 { width: 160px; background: #cccccc; } .strength1 { width: 40px; background: #ff0000; } .strength2 { width: 80px; background: #56e500; } .strength3 { background: #399800; width: 120px; } .strength4 { background: #4dcd00; width: 160px; } #lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails { font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption { float: left; } #keyboardMsg { float: right; } #closeButton { top: 5px; right: 5px; } #lightbox img { border: none; clear: both; } #overlay img { border: none; } .registerNow { cursor: pointer; } .viewMap { cursor: pointer; } #overlay { background-color: #333; background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../js/lightbox/overlay.png", sizingMethod="scale"); } #MyAccount { text-align: left; margin-bottom: 25px; margin-top: 15px; padding: 5px; } #MyAccount a { background-color: #7C7C7C; color: #FFFFFF; border: 1px solid #FFFFFF; text-decoration: none; margin: 6px 0 6px 1px; padding: 11px; font-size: 1.1em; text-transform: uppercase; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } #MyAccount a:hover { background-color: #FFFFFF; color: #7C7C7C; text-decoration: none; border: 1px solid #7C7C7C; } #regBodyContent .Green { color: green; } #regBodyContent .Red { color: red; } #regBodyContent .None input { border: 0; padding: 0; font-size: 1.1em; } .tabContainer { padding: 0; } .tabContainer > p { padding-left: 10px; } #regBodyContent .FindACourseNearMe { padding: 3px; border: 1px solid #d1d1d1; margin-left: 80px; margin-right: 80px; margin-top: 20px; } #cookieNotification { display: none; position: relative; background-color: #3b3b3b; color: #FFFFFF; border: none; width: 96%; padding: 0.5% 2%; font-size: .9em; clear: both; } #cookieNotificationClose { float: right; margin: 10px; padding: 5px 10px 5px 10px; color: white; background-color: #1d4f91; cursor: pointer; } #cookieNotification a { color: #FFFFFF; } .AddressContainer { min-height: 300px; max-height: 300px; width: 285px; margin-left: 10px; margin-right: 10px; float: left; position: relative; } .PDFMapContainer { min-height: 280px; max-height: 280px; width: 198px; margin-left: 10px; margin-right: 10px; float: left; position: relative; border: 1px solid #ccc; } #regBodyContent .PDFMapContainer input { padding: 0; } .OfficeImageContainer { min-height: 280px; max-height: 280px; width: 380px; margin-left: 10px; margin-right: 10px; float: right; border: 1px solid #ccc; position: relative; } .OfficeImageHeader { background-color: #1d4f91; min-height: 45px; max-height: 45px; width: 100%; float: left; position: relative; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .OfficeImageHeader h2 { color: #FFFFFF; padding-top: 7px; } .Container { min-height: 400px; width: 98.5%; margin-top: 0%; border: 10px solid #fff; position: relative; } #googleMap { width: 100%; min-height: 400px; height: 100% } #regBodyContent .ReadMore { padding: 0.6% 2%; float: right; color: #ffffff; text-transform: uppercase; background-color: #1d4f91; } #regBodyContent .ReadMore:hover { background-color: #1d4f91; } #regBodyContent .ReadMore a, #regBodyContent a.ReadMore { text-decoration: none; color: #ffffff; } #regBodyContent .ReadMore a:hover, #regBodyContent a.ReadMore:hover { text-decoration: none; } #CaseStudyContentBottom { padding-bottom: 10px; } #CaseStudyDetail h2 { margin: 15px 0 5px 0; } #CaseStudyDetail h3 { color: #333333; padding-bottom: 5px; padding-top: 15px; font-size: 1.2em; } .CompanyInfo { width: 275px; float: left; } .CompanyInfo .CustomerDetails { margin-top: 10px; } .CompanyInfo .CustomerDetailsRight .Title { font-size: 1.2em; margin-top: 10px; } .SuccessContainer { margin-top: 5px; } .SuccessContainer .ClientQuote { text-align: center; color: #FFF; padding-bottom: 5px; padding-top: 13px; } .SuccessContainer .ClientQuoteName { text-align: center; color: #FFF; } .LabelDir { text-align: right; font-size: 14px; color: #333333; font-weight: normal; padding-right: 10px; width: 150px; } #regBodyContent .EventPanel { float: left; clear: both; width: 100%; } #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0; border: 1px solid #9A9997 } #regBodyContent .EventPanel .Description { margin: 0; } #regBodyContent .EventPanel .TitleDate { text-align: center; padding: 2%; } #regBodyContent .EventPanel .Description .Inn, #regEvenLoc .Inn { padding: 2%; width: 96%; text-align: center; } #regBodyContent .EventPanel .Description p { margin-top: 0; margin-bottom: 10px; text-align: center; } #regBodyContent .EventPanel .TitleDate h2, #regBodyContent .EventPanel .Description h2 { text-align: center; color: #FFF; padding: 2% 3%; margin: 0; background-color: #587D90 } #regBodyContent .EntitlementContainer { color: #333; background-color: #F4EF91; text-align: center; padding: 1%; margin: 0 0 1% 0; } #regBodyContent .EventPanel .Inn { height: auto; } #regBodyContent .Registration .Butt { float: left; margin-right: 20px; } #regBodyContent .Registration { margin-bottom: 4%; clear: both; } #regBodyContent #regForm.EventReg { margin: 0 auto; width: 96%; margin-top: 2%; float: none; clear: both } #regBodyContent #regForm.EventReg input[type=text] { margin-bottom: 1% } #regBodyContent #regForm.EventReg input[type=checkbox] { height: 1.5em; width: 1.5em } .TeamM { float: left; width: 14%; margin: 2% 7.5% 0 0; line-height: 1.1em; text-align: center; } .TeamM:nth-child(5n) { margin-right: 0; } .TeamM Img { width: 100% } .TeamMN { margin: 1% 0; color: white; height: 100px; display: table-cell; vertical-align: middle; width: 100%; float: left; } #regBodyContent .ProductContainerSpan-1 a { text-decoration: none; } #regBodyContent .ProductContainerSpan-1 a:hover { color: #1d4f91; text-decoration: none; } .BoxShadowWW { border: 1px solid #ccc; float: left; width: 435px; height: 200px; margin: 10px; } .BoxShadowWW h2 { margin: 0; padding: 10px; text-align: left; color: #333333; font-size: 1.2em; /* IE10 Consumer Preview */ background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } #divCalendar { float: right; position: relative; top: -35px; width: 42px; right: -10px; font-style: italic; padding-top: 5px; padding-bottom: 10px; background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA6CAYAAAAkydC5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABE9JREFUeNrsml1s00YcwP9OmrTNZxsTmgRo2SoqygNCaGJCQuKjPBRt056GUKdJ20BioGkV7IENXoCHwQOMUiGBKKOTEEh8bATa8YjK1tGSpOWFBwRDojRN6VdWNy0lrRPzP7d2fcUO0IfKRj7pdHf2z3c/X+4uiX0AOcLxEydrI9HY6PXwTe5uW3uNGnPs17ra9nuRVFPzLS4ai6kzx+u+ikSj3I2bzalYR8f3GvVsi8U6uPCNptGOzs69ubwsOU9arIdZlnU6HA4Pz/MH1CnmkM/nc7ndbk9BQcE+dYT5CRkPMq7CwsLDGvX8jG15XC6XE+s5OGdphmE8KAx2ux1vwOLRYLwSg0KFGozD6XRKTLFWWwrGPWfpqd62kArFqBWsVqvIYSpoIILEkPgmhqS5Qp6UKS9bSvLLMOYr7l5OM5mMDZlVGr0kphMTE/lqDF5rV9Y1ByaN8fGTrqe8LI3AYkxaSFbr7rjh4RJM7ufqgYH+/jI15sXY2OxDc2GeoOcGFI9LPb2bCJ+oPwlLSktl6u/WNjnvY1m4Fr7+mujtln/kfCAYVGXutkeo8rsy3c+ewZ4fasunPfdL0iEc/JOffFRpk8B44jlVyQjHQYU3D3xFXvlYb9/A7J6GD5wM+FnfzLGhJCSHhijOL7yAYIlfLieHOfg/mZwZ3IIAPj4Fi0MBsbxyYSXsR7/x8fHQaxMx2/VQjmdOnxEvlirBJQ8unm+kmMaGc/J5EgjTePYczWA5k8lCNpudagPT82cbKIbUy/MZmSH1kfaVjOpEFCdD138zd9/XB0XpNExOTooyYzjm+ru7Kaa/pwcCpctlJpVKQbI3QdeDZZs3JDI42cReH0jQzEAc6/2wWGY4/FRJ+0pGW7q7S85vDhbBhTstsGnjevGjawqH4dsS9yzGC7/92wqbqzbB4OAg/Hn1MtQEPBRTheW66D3oTXwGQyh86a9mqMbrKAbrPRqJQE88Dkls648rl8X2lYymtDCSkvNbAl4YG+mBX3Z+g2snA18uXwIfexdSTJXfjcwoHN21HSy4TG2tWATrigMUs67YAdyCEWR2QBY/9i+QqSoPUswaTwF8F8qHI7u34xAR4HM8vwU5JUMtsdNL3u84EWvaPl1tA52Gtc2dZCJewiXva7qnX06AEUIevcIbUFowpedJ+umDhH5N7RrSPAg67l9G48tFMKXnZ0zzhpQGs6fnRzojZI0obcCe9ldX69e09Y669JqG0/qVrlzx9g9r9BhMaVPalDalTWlT2pQ2pU3pd/k9LT2JN4y0oHNpQaunDfJva9bwMNwfW+xmQc9jWjEMjD0Rp27GgI8QyJslc502V4/35huRLHk6HtLKRSKvvGwp2XvTm06nbafq64FlWd0Jk3fqxA+zz4kvQ3arYIHsozgIU9uB9BoeTzsmyPBwYSRvzn/ESHag5OtQmOxh4qbzLiJNdoBUYLQqTug1ZDA+eiXAAIXmGdh5y/VKAAAAAElFTkSuQmCC); background-repeat: no-repeat; padding-right: 15px; height: 100px; } .CenterGlow { background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } #divCalendarM { margin-left: 5px; text-align: center; font-style: italic; padding-top: 5px; padding-bottom: 10px; background-image: url(data:image/x-png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAwCAYAAAB9sggoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGJJREFUeNrsWV1sFFUU/nZ2dvrDZv9qi7WFbt2aromGUjVqyoOJFh+IQDBogm/wJA/VxBisGCW1UhEkpjZINJoYUEJJmwZlxUK1CNttgC7QoLSF2i61AtuU1LKl3Z0/751lZn86NejLLHFP9mbvnO+ce74559ydm1lgAWnZs/fw8a6fxJ5A76l0bOeu3Taiv3qwtS3aEwhsSsd37f5k49m+YPTHzuNjR3w+ezr+9b5vAkd8R0Vi07ZQfEZP+X5jo4lhzC84nU7GbrfX7Nu/PzcZN5lMS10u15L8/HxOluVX0v1NJmZ9YWEhZ7PZSsmlJxlr2rEjj2UtTxGMcTgc62isuyZmsXAMCQ6O45CTkwNCkkkjpuhZlqVzTmcJluIWi4Vam1N8yWpEFIzaeL3euyeWTuK/ykK+qv6f1lYQT5n7WWL0LSlLkerwRv1WrKh5GqRcWLVyJXie15xcBQVobW/HwMAQwtfH0fDetpRFV697EVve2oLx8T/x5uuvIRQKJVXDgm3bP4S7bClKS0vwTE0NSFyVaJjMNwyHRrvYO/YNz9XWFjV80Aiz2awYHmrr0Bb7pcev6FUJT0xo80qvF6eDfSnEvvvep80//+pLkF7VrgVBwM8nEvup9+wZJRGiKOLdre8UHevsbCDqLrWUi558fDkKbo3DMXUVgY4DKYHav2hR9OpobmrUsMuDQ7h16YyG0fnF/n4N3/vxRym+dK1kobGonsamHCgXpUlVA5mPQRyKL3jsaCcerl2jZE6SJHR3n8TG6vjmivIC+i4OKBgdgijA/4MP61c8puD+U33gBVbzDf46iNnfguDYeKjuEyex9qFlGk5jPV9i0zhouyeRYx7ClUvK1JNrwhjpi7nqKoRGR+HOZzWMFtRplhEOhxGLxXAuGMQGWzThK8/i0MgEZmZmMDk5iTxhFszoZQh3wpTnsQjfuI7i+xcj4PejgsRSfSHeN6/5z79d9+qyl6cGFSVP7mTP+REEb0yh0mVF3XIPrFziHn7/a0bBb87FsNpTjLUVxSnl6bhyDYeHr8GVy2FzVTketC/SsEhMQPO5YQzejKB6sUPBLUy8ow46KrG9+bMLpPmrEtEkUprbc1oa67wlAB3xjoUsCJppucWMnU9UaNeqnyprHnAqQw+nFOsfLUsYk5uT1blN1ikl7ZnbURgqsi4x8okYTQw6xGgpjSYm6WRMIE0Z6v/DUF5ClTCfGOXKJ9XY4EomlZIyNpgY9IjFMyZlM/YvMiZnQI/J+hkTDS6lfsYIWUEyOGN6P7CC3YZV5BRgpHza0qJfShPLZkwpGWSoZIlliWWJZYllif3fiCWdLuLvEow9Xcj3EDGJKEWDiUnyQq8IDCaGe6qUVCdl4tE6s3elnJG7UlLeHBu7K6V5xOToXNTwHqMc1DcFJk+Z202+mxiGeclqtc4aSSwSieSRPm8l03qasUfIOEAUI9PT04UGPyLpPxu9lBMlNkbGEjICGfL8pqUc+1uAAQDIVReYuGV6cgAAAABJRU5ErkJggg==); background-repeat: no-repeat; } #divDay, #divDayL { width: 36px; color: #fff; padding: 2px 0; text-align: center; } #divDate, #divDateL { width: 36px; color: #000; clear: both; text-align: center; font-size: 13px; } #divDayL { width: 42px; } #divDateL { width: 42px; padding-top: 4px; } div.FeaturesBox:hover { background-color: #1d4f91; color: #ffffff; cursor: pointer; } div.FeaturesHeader { margin-top: 0; color: #333; background: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Mozilla Firefox */ background: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Opera */ background: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* Webkit (Safari/Chrome 10) */ background: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); /* Webkit (Chrome 11+) */ background: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #CCCCCC 100%); /* W3C Markup, IE10 Release Preview */ background: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #CCCCCC 100%); } .VidMainTitle { color: #565656; text-align: center; margin-bottom: 10px } #regWhite .VidMainTitle a { text-decoration: underline; } #VidShare { margin: 30px auto 10px; } .dgLarge { font-size: 1.2em; } .VideoContainer { float: right; height: 345px; max-width: 460px; width: 100%; position: relative; } #regBodyContent .qsf-demo-canvas { } #regBodyContent .qsf-demo-canvas .ruProgress { margin: 20px 0 0 0; } #regBodyContent .qsf-demo-canvas ul { margin: 10px 0 0 0; padding: 0; list-style: none; } #regBodyContent .qsf-demo-canvas ul li { margin: 10px 0 0 0; background-image: none; } #regBodyContent .qsf-demo-canvas .ruFileCount { display: none; } #regBodyContent .qsf-demo-canvas ul li.ruProgressHeader { background-color: #5b7f95; color: #fff; font-size: 14px; margin: 0; } #regBodyContent .qsf-demo-canvas ul li.ruTimeSpeed { padding-bottom: 10px; } #regBodyContent .RadUpload .ruFileWrap { width: 250px; } #regBodyContent .RadUpload_Default .ruButton { float: right; margin-right: 100px; } #page #inline1, #page #inline2, #page #inline3, #page #inline4 { display: none; font-size: 14px; } .Fade { filter: alpha(opacity=35); -moz-opacity: .35; opacity: .35; cursor: default; } #refFeefoFeedback { clear: both; } #feefo_TotalCustomers { background-color: #CCC; padding: 10px; color: #333333; font-size: 13px; text-align: justify; } #regTechBlog h2, #regQuickLinks h2, #regDemoSchedule h2 { margin-bottom: 4%; text-transform: uppercase; color: #555; text-align: left } #regQuickLinks h2 { margin-bottom: 9%; } #regTechBlog h2 a, #regQuickLinks h2 a { color: #555 } #regDemoSchedule h2 { text-align: center; color: #FFF; margin-bottom: 2% } #regTechBlog { width: 65%; float: left } #regTechBlog .Month { text-transform: uppercase } #regTechBlog .Day { font-size: 1.4em } #regTechBlog .Post { background-color: #FFF; padding: 2% 3%; margin-bottom: 2%; clear: both; } #regTechBlog .blogPostTitle { padding: 0% 1%; vertical-align: middle; font-size: 1.1em } #regTechBlog .blogIntro { padding: 0% 1%; vertical-align: middle; display: none } #regTechBlog .blogDateFiled { padding: 0% 0.5%; float: left; height: 100%; display: block; margin-right: 2%; width: 50px; border-left: 1px solid #555; border-right: 1px solid #555; text-align: center } #regQuickLinks { width: 30%; float: right } #regQuickLinks div { margin-bottom: 2%; background-color: #555; color: #FFF; padding: 2% 3%; } #regQuickLinks div a { color: #FFF; text-transform: uppercase; } #regQuickLinks div a:hover { text-decoration: underline; color: #FFF } #regDemoSchedule #divSeminarSection { color: #555; float: left; width: 42%; background-color: #FFF; padding: 2%; margin-bottom: 2% } #regDemoSchedule #divSeminarSection a { color: #555 } #divSeminarSection .Date, #divSeminarSection .Title { padding: 0% 1%; vertical-align: middle; margin-bottom: 2% } #divSeminarSection .Date { width: 50px; float: left; margin-right: 2%; display: block; border-left: 1px solid #555; border-right: 1px solid #555; text-align: center } #divSeminarSection .Month { text-transform: uppercase } #divSeminarSection .Day { font-size: 1.4em } #regDemoSchedule #divMapSection { float: right; text-align: center; margin-bottom: 2%; width: 50% } #regDemoSchedule #divMapSection img { width: 60%; height: auto } #regDemoSchedule .CTA { clear: both; width: 60%; margin: 0 auto; padding: 1%; text-align: center; background-color: #FFF; text-transform: uppercase; font-size: 1.2em; } #regDemoSchedule .CTA a { color: #555 } .DSCon { width: 22%; text-align: center; margin: 0 5% 0 0; float: left; background-color: #FFF; } .DSCon img { width: 82%; margin-top: 9%; border: 1px solid #ccc } .DSConh3 { margin: 3% 9%; font-size: 1.1em; text-align: center; color: #1d4f91; display: table-cell; width: 1%; vertical-align: middle; height: 90px; padding: 0 2%; } #googleMap { width: 100%; } #googleMap.dirMap { width: 48%; padding: 1%; height: 600px; float: left } .dirInst { width: 48%; padding: 0 1%; float: right } .ProdConShadow { background-image: url('/Uploaded/Image/SSG/underShadow.png'); background-repeat: no-repeat; opacity: 0.5; background-position: bottom; } #regLogin { float: left; color: #555; font-weight: 400 } .WarningBox { margin: 0 auto; clear: both; color: #333; width: 96%; background-color: #f4ef91; text-align: center; padding: 1%; font-weight: 400; } #lightboxGallery { text-align: left; } #lightboxGallery div { display: inline-block; vertical-align: middle; padding: 0 1%; } #screen, #mask { position: absolute; left: 0; top: 0; background: #000; z-index: 999; } #fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #515153; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } #divPopup { margin: 0; z-index: 9999999; height: 34%; width: 46%; padding: 1.5% 2%; position: fixed; left: 25%; top: 31%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopup #PopupClose { float: right; font-weight: bold; } #divPopup h2 { float: left; } #divPopup #PopupClose:hover { cursor: pointer; } #divPopup .ProductBDetails div { display: inline-block; padding: 2%; font-size: 1.3em; vertical-align: middle; font-weight: bold; } #divPopup .ProductBDetails div.img { width: 20%; text-align: center; } #divPopup .ProductBDetails div.img img { max-width: 100px; } #divPopup .ProductBDetails div.name { width: 52%; } #divPopup .ProductBDetails div.price { width: 15%; text-align: right; color: #1d4f91; font-weight: bold; } .MyAccountNav { clear: both; overflow: hidden } .MyAccountPanel { float: left; overflow: hidden; width: 26.3%; padding: 1% 2%; margin: 1.5%; background-color: rgb(245, 245, 245); height: 150px; cursor: pointer } .MyAccountPanelLogout { clear: both; overflow: hidden; width: 93%; padding: 1% 2%; margin: 1.5%; background-color: rgb(245, 245, 245); height: 60px; cursor: pointer } .MyAccountPanelLogout .LHS { float: left; width: 75% } .MyAccountPanelLogout .RHS { text-align: right; height: 50px; float: left; width: 25% } #regBodyContent .MyAccountPanelLogout .RHS img { height: 60px; margin-right: 5% } .MyAccountPanel .LHS { float: left; width: 65% } .MyAccountPanel .RHS { float: left; width: 31%; text-align: right; padding: 10% 2% } .MyAccountPanel h2 { font-size: 1.2em; padding: 0 0 10px 0; line-height: 1em; } .b-lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0; } .b-lazy.b-loaded { opacity: 1; } #lightboxGallery { text-align: left; } #lightboxGallery div { display: inline-block; vertical-align: middle; padding: 0 1%; } #divPopupIE { text-align: center; z-index: 9999999; position: fixed; top: 50%; height: 360px; margin-top: -180px; left: 50%; margin-left: -160px; width: 320px; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopupIE #PopupClose { color: #555555; clear: both; padding-top: 20px; font-size: 18px } #divPopupIE #PopupClose:hover { cursor: pointer; } #divPopupAdminShare, #divPopupAdminLink { display: none; text-align: center; z-index: 9999999; position: fixed; top: 50%; min-height: 420px; overflow: hidden; margin-top: -210px; left: 35%; margin-left: -160px; width: 50%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; padding-bottom: 30px; } #divPopupAdminLink { top: 40%; height: 220px; margin-top: -105px; left: 35%; margin-left: -160px; width: 50%; } #PopupCloseShare, #PopupCloseLink { color: #555555; clear: both; padding: 10px; font-size: 18px; text-align: right; } #PopupCloseShare:hover, #PopupCloseLink:hover { cursor: pointer; } #divPopupAdminShare h2, #divPopupAdminLink h2 { font-size: 24px; padding-bottom: 20px; } #divPopupAdminLink input[type=text], #divPopupAdminShare input[type=text], #divPopupAdminShare input[type=email], #divPopupAdminShare textarea { margin-bottom: 5px; padding: 1%; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #divPopupAdminLink input[type=text] { width: 550px; } .eventTitle { font-weight: bold; padding-bottom: 5px; } .ProdHead { background-color: #fff; padding: 2%; } .App { width: 100%; margin: 2% 5% 2% 0; float: left; } .ProdCon:nth-child(3n) { margin-right: 0 } .App img { width: 100% } .ProdConShadow { background-image: url('/Uploaded/Image/SSG/underShadow.png'); background-repeat: no-repeat; opacity: 0.5; background-position: bottom; } #regLogin { float: left; color: #555; font-weight: 400 } .regNavCont, .regNavContNew { cursor: pointer } #regBodyContent a { font-weight: 400; color: #565455; text-decoration: none } #regBodyContent a:hover { font-weight: 400; color: #1d4f91; text-decoration: none } #regBodyContent .BlogDetail .blogPostTitle { font-size: 1.2em; font-weight: 400; } #regBodyContent .BlogDetail .Comments .leaveComment .heading { color: #333; font-weight: 400; padding-top: 4px } #regRHS { font-size: 1em; color: #333; width: 250px; display: block; font-weight: 400; background-color: #fff; padding: 0 } #regRHS h2 { background: #1d4f91; color: #fff; font-size: 1.4em; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-transform: uppercase; margin: 0; padding: 2% 3% } #regBodyContent .menuItemsBox .blogCategoryItem a { font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-transform: uppercase; color: #333; text-decoration: none } .EventDate { margin-top: 3px; font-size: 1.2em; font-weight: 100; color: #1d4f91 } #regBodyContent .NoEvents { font-weight: 400; padding: 5px; text-align: center; color: #e78501; font-size: 1.2em; border: 1px solid #d1d1d1 } #regBodyContent .CalDayTitle { font-size: 1.2em; color: #333; padding-top: 5px; padding-bottom: 4px; font-style: italic } #regBodyContent .CalTitle { font-size: 1.9em; color: #333; border: 2px solid #ccc; background-color: #ccc; padding: 6px } #regBodyContent .CalDay { font-size: 1.4em; font-weight: 400; border: 1px solid #ccc; color: #004487; background-color: #fff } #regBodyContent .CalDay a { color: #004487; font-size: 13px } #regBodyContent .CalDayLive { font-size: 1.4em; font-weight: 400; border: 1px solid #ccc; color: #004487; background-color: #fff; } #regBodyContent .NewsListDate { color: #333; font-weight: 400; } #regBodyContent .FormDetail .Label { font-weight: 400; } #regBodyContent .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 2px #000; font-weight: 400; margin-bottom: 10px; font-size: 1em; color: #333 } #regBodyContent .Datagrid .datagridFooter td { text-align: right; padding: 1%; text-transform: uppercase; border: 0; border-top: solid 2px #c3c3c3; font-weight: 400; margin-bottom: 10px; font-size: 1em; color: #333 } #regBodyContent .paging .pageNumbers a.unselectedPage { font-weight: 400; color: #999 } #regBodyContent .paging .pageNumbers a.selectedPage { font-weight: 400; color: red } #MyAccount a { background-color: #7c7c7c; color: #fff; border: 1px solid #fff; font-weight: 400; text-decoration: none; margin: 6px 0 6px 1px; padding: 11px; font-size: 1.1em; text-transform: uppercase; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px } #regBodyContent .Green { font-weight: 400; color: green } #regBodyContent .Red { font-weight: 400; color: red } #regBodyContent .None input { border: 0; padding: 0; font-weight: 400; font-size: 1.1em } #cookieNotificationClose { float: right; margin: 10px; padding: 5px 10px 5px 10px; font-weight: 400; color: #fff; background-color: #1d4f91; cursor: pointer } .CompanyInfo .CustomerDetailsRight .Title { font-weight: 400; font-size: 1.2em; margin-top: 10px } .SuccessContainer .ClientQuoteName { text-align: center; color: #fff; font-weight: 400; } .LabelDir { text-align: right; font-size: 14px; color: #333; padding-right: 10px; width: 150px; font-weight: 400; } #regBodyContent .EventPanel .head { font-weight: 400; } #regBodyContent .EntitlementContainer { color: #333; background-color: #f4ef91; text-align: center; padding: 1%; margin: 0 0 1% 0; font-weight: 400; } #divDay, #divDayL { width: 36px; color: #fff; font-weight: 400; padding: 2px 0; text-align: center } #divDate, #divDateL { width: 36px; color: #000; font-weight: 400; clear: both; text-align: center; font-size: 13px } #regBodyContent .qsf-demo-canvas ul li.ruProgressHeader { background-color: #1d4f91; color: #fff; font-size: 14px; margin: 0; font-weight: 400; } #regTechBlog .blogPostTitle { padding: 0% 1%; vertical-align: middle; font-weight: 400; font-size: 1.1em } #regTechBlog .blogDateFiled { padding: 0% .5%; float: left; height: 100%; display: block; margin-right: 2%; width: 50px; border-left: 1px solid #555; border-right: 1px solid #555; font-weight: 400; text-align: center } #divSeminarSection .Date { width: 50px; float: left; margin-right: 2%; display: block; border-left: 1px solid #555; border-right: 1px solid #555; font-weight: 400; text-align: center } #regBodyContent .OfLoc a.Buttons2 { font-size: 1.4em; font-weight: 400; padding: 10px 10px; background-color: #1d4f91 } #adminToolbarQuotes input[type=submit].Approve { background-color: green; color: #fff; padding: 4px 10px; font-size: 1.1em; font-weight: 400; } #adminToolbarQuotes input[type=submit].Reject { background-color: #1d4f91; color: #fff; padding: 4px 10px; font-size: 1.1em; font-weight: 400 } #adminToolbarQuotes input[type=text] { border: 1px solid #fff; font-weight: 400; padding: 3px 10px; width: 250px } #adminToolbarQuotes .actions { color: #fff; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; font-weight: 400; font-size: 1.1em } #regBodyContent .ReadMoreButton:hover a { color: #FFF } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 1%; color: #333; background-color: #fff; border: 1px solid #ccc } #regBodyContent textarea { font-weight: 400 } #regBodyContent select { -webkit-appearance: none; font-weight: 400; border: 0 !important; background-color: #fff; color: #333; padding: 4px 5px } #regBodyContent option { -webkit-appearance: none; font-weight: 400 !important; } #regBodyContent .FormDetail select { background-image: url(../../Images/downarrow.png); background-size: contain; background-position: right center; background-repeat: no-repeat; text-transform: none; -webkit-appearance: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regBodyContent option { font-family: 'Open Sans' !important; } input[type=submit], input[type=button] { font-family: 'Open Sans', sans-serif; } #regBodyContent .blogContent a { font-weight: normal; color: #2a24ff; } .ProdCon:hover { box-shadow: 0px 11px 18px -10px #505050; } a:hover { font-family: 'Open Sans', sans-serif; color: #1d4f91; text-decoration: none; } .VideoR { margin-left: 20px; margin-right: 15px; margin-top: 15px; float: right; } .clean { border-style: none; box-shadow: none; padding: 0px 15px 0px 0px; padding: 0px; } .LessonBox { box-shadow: 0px 11px 18px -10px #909090; border-radius: 10px; } .panel-button.active { filter: none; } .panel-button { filter: drop-shadow(1px 1px 1px #1d4f91) drop-shadow(-1px -1px 1px #1d4f91); } /*------------------------------------------ New Banner masthead CSS starts here --------------------------------------------*/ .Overlay { position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(140deg, rgba(20, 10, 0, 0.55) 0%, rgba(10, 0, 0, 0.75) 100%); background-size: 200%; z-index: 1000; width: 100%; height: 100%; } #BGVideo { top: -100px; left: 0; right: 0; margin: auto; position: absolute; max-width: 1920px; width: 250%; min-width: 960px !important; filter: saturate(2.5) blur(1px); } #BGImg { top: 0; left: 0; position: absolute; } /*------------------------------------------ New Banner masthead CSS ends here --------------------------------------------*/ /* --- searchStyles --- */ #regSearchBar, #regSearchBarC { padding: 2% 1%; background-color: #1d4f91; color: #FFF; max-width: none !important } #regSearchBar .Left { float: left; color: #FFFFFF; font-size: 20px; padding: 6px 30px 6px 30px; } #regSearchBar .Right { float: right; padding: 0 0 0 0; background-color: #FFF; margin: 1% 2%; height: 40px; } #regSearchBar .Right input { width: 40px; height: 40px; } #regSearchBar .menuLinksB { float: left; width: 75%; } #regSearchBar .menuLinksB input { width: 100%; font-size: 1.5em; padding: 2%; border: none; box-shadow: none; } #regSearchBar .InputWrapper { margin: 0 auto; background: #FFF; width: 60%; border: 1px solid #FFF; border-radius: 5px; overflow: hidden; } #regSearchBar .SubNav { text-align: center; margin-top: 1% } #regSearchBar .SubNav input { margin: 0 1%; } #regSearchBar h1 { font-size: 2.2em; max-width: 50% } #regSearchBar .blogDateFiled { font-size: 1.3em; padding-top: 8px; } #regSearchBarC { background-image: none; margin: 0 auto; max-width: 500px !important; } #regSearchBarC input[type=text] { max-width: 500px; Box-shadow: 0 11px 18px -10px #909090; } .bs-container { max-width: 1250px; } /* --- carouselStyles ---*/ .carouselImg { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; } .carouselImg img { display: block; max-width: 100%; max-height: 100%; } .blog .carouselBtn { background: #3F51B5; } .blog .carouselBtn::after { content: 'READ MORE'; } .carouselBtn { background: #1d4f91; width: 140px; display: block; margin: auto auto 20px; padding: 0 12px; line-height: 30px; text-align: center; border-radius: 4px; color: #fff !important; font-weight: 400; transition: background-color 0.5s; } .carouselBtn::after { content: 'WATCH NOW'; } .carouselBtn:hover { background-color: #1d4f91; } .carouselArrow { position: absolute; top: 0; z-index: 3; height: 100%; width: 80px; background: rgba(0, 0, 0, 0.3) no-repeat center center; background-size: 18px; transition: opacity 0.3s ease-out; cursor: pointer; border-radius: 8px; opacity: 0.6 } .carouselArrow.left { left: 0; background-image: url('/Images/arrow_white_left.svg'); border-left: black; border-width: 0px 0px 0px 1px; border-style: solid; border-radius: 8px 0px 0px 8px; } .carouselArrow.right { right: 0; background-image: url('/Images/arrow_white_right.svg'); border-left: black; border-width: 0px 1px 0px 0px; border-style: solid; border-radius: 0px 8px 8px 0px; } .carouselTitle { width: 100%; padding: 10px 10px; text-align: center; line-height: 1.4; font-weight: 100; font-size: 0.9em; } .carouselText { width: 100%; padding: 10px 10px 20px; font-size: 1em; display: none; } .carouselTile { border-radius: 4px; overflow: hidden; width: 300px; border-style: solid; border-width: 1px; border-color: #cecece; margin-right: 7px; background: #fff; display: flex; flex-direction: column; } .videosCarousel, .videosCarousel * { box-sizing: border-box; } .videosCarousel:hover .carouselArrow { opacity: 0.3; } .videosCarousel .carouselArrow:hover { opacity: 1; } .videosCarousel, .lightboxCarousel { height: 260px !important; } .videosCarousel { width: 100%; clear: both; margin: 30px 0; overflow: hidden; position: relative; height: 263px; aspect-ratio: 4.43 / 1; background: transparent !important; } .carouselWrap { padding: 35px 15px 35px 35px; position: absolute; z-index: 2; top: 0; left: 0; display: flex; justify-content: space-between; align-content: center; transition: transform 0.3s ease-out; transform: translateX(0px); margin-top: 0px; } /*-----2020 grey wash ------*/ /*------2020 grey wash end ----*/ /* ---- tabsSearch ----*/ #txtsearch { border: 1px solid #FFF; border-radius: 5px; margin-right: 12px; font-size: 1.1em; position: absolute; display: none; right: 50px; width: 250px; padding: 10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #tabsSearch .tile {position:relative;} #tabsSearch .tile .imgWrap { height: 159px; } #tabsSearch .tile .Type { position: absolute; right: 6px; top: 6px; background-color: #FFF; border-radius: 5px; padding: 3px 6px; border: 1px solid #ccc } #tabsSearch .tile .assetTitle { padding: 8px 5px 8px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; background: #565656; color: white; font-weight: 100; line-height: 1em; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #232323; margin-bottom: -2%; } #tabsSearch .tile .imageDimensions { padding: 3px 5px; white-space: nowrap; font-size: 1em; color: #777; height: 25px; text-align: center; display: none; } #tabsSearch { width: 100%; clear: both; padding-top: 10px; } #tabsSearch ul.tabs { margin: 0; padding: 0 0 0 5px; width: 100%; box-sizing: border-box; list-style: none } #tabsSearch ul.tabs svg {display:none} #tabsSearch ul.tabs li { margin: 0 0 -1px 0; display: inline-block; list-style-image: none; list-style: none; background-image: none; width: 31%; box-sizing: border-box; font-size: 1.4em; padding: 15px 50px; font-weight: 400; border-radius: 10px; border-bottom: 0px solid #FFF; } #tabsSearch ul.tabs li.active { font-weight: normal; text-decoration: none; background-color: #FFF; border-bottom: 1px solid #FFF; } #tabsSearch ul.tabs li:hover { cursor: pointer; } #tabsSearch ul.tabs li img { max-width: 90px; float: left; margin-right: 15px } #tabsSearch div.info { clear: both; box-sizing: border-box; padding: 2% 5%; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; transition: all .45s ease-in-out; display: none } #tabsSearch div.info.visible { display: block; -webkit-transition: all .45s ease-in-out; -moz-transition: all .45s ease-in-out; -o-transition: all .45s ease-in-out; transition: all .45s ease-in-out; } .bs-container { max-width: 1250px; } /*-- regTopBar--*/ #regTopBar .TelUK, #regTopBar .TelIE { float: left; color: #555555; display: none; } #regTopBar .TelUK, #regTopBar .TelIE a { color: #555555; text-decoration: none } #regTopBar .TelUK { margin-right: 50px; } #regTopBar .Inner .SearchBox input[type=submit] { margin-left: 5px; cursor: pointer; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 8% 5px; font-size: 16px; background-color: #1d4f91 } #regTopBar .Inner { max-height: 62px; padding: 0px; } /*regWhite*/ #regWhite .blogContent h3 { font-weight: bold; color: #565656; font-size: 1.8em; margin-bottom: 5px; margin-top: 20px; } #regWhite h1 { font-size: 2.0em; } #regWhite .Inner, #regGrey .Inner, #regMySolidSolutions .Inner, #regBlue .Inner { background-color: transparent; /*padding: 0% 2% 1% 2%; font-size: 1.25em; line-height: 1.35em;*/ } #regWhite h3 a { text-decoration: underline; color: #000; } #regWhite h3 a:hover { text-decoration: underline; color: #000; } #regWhite h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #000; } #regWhite h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #000; padding-bottom: 7px; margin-bottom: 10px; } #regWhite h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #000; line-height: 1.1em; } #regWhite .OfLocH2 { height: 55px; VERTICAL-ALIGN: MIDDLE; text-align: left; } #regWhite .OffConH2 { height: 55px; display: TABLE-CELL; WIDTH: 1%; VERTICAL-ALIGN: MIDDLE; text-align: center; font-size: 1.4em; background-color: #5b7f95; color: #fff; } #regWhite .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */ } #regWhite .card-button a:hover { color: white; background: #565656; } /*regGrey*/ #regMySolidSolutions h2, #regGrey h2 { margin-bottom: 1%; margin-top: 1%; font-size: 1.6em; font-weight: normal; color: #000; line-height: 1.1em; text-align: center; } #regMySolidSolutions h2 a, #regGrey h2 a { color: #FFF; text-decoration: none; } #regMySolidSolutions h2 a:hover { color: #FFF; text-decoration: underline; } #regGrey h3 a { text-decoration: underline; color: #333; } #regGrey h3 a:hover { text-decoration: underline; color: #FFF; } #regGrey h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #333; } #regGrey h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #333; padding-bottom: 7px; margin-bottom: 10px; } #regGrey h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #333; line-height: 1.1em; } #regGrey .OfficeList { float: left; background-color: #FFF; width: 30%; margin: 1% 0 1% 7.5%; } #regGrey .OfficeList h3 { background-color: #5b7f95; color: #FFF; margin: 0; padding: 3% 2%; font-size: 1.3em; text-align: center; } #regGrey .OfficeMap { float: right; width: 45%; margin-right: 5%; margin-top: 6%; } #regGrey ul.Offices { margin: 0; padding: 3% 5%; } #regGrey ul.Offices li { padding-left: 0; font-size: 1em; padding-bottom: 3px; list-style: none; list-style-image: none; background-image: none } #regGrey #regEvenOrg h2 { margin-top: 0; margin-bottom: 0.5%; font-size: 1.3em; } #regGrey .reviewDetail { clear: both; padding: 1%; background-color: #FFF; font-size: 0.9em; } #regGrey .reviewDetail .Row { clear: both; overflow: hidden; height: auto !important; } #regGrey .reviewDetail .Row:nth-child(2n+1) { background-color: #EFEFEF; } #regGrey .OfficeList h3 { background: #565656 } #regGrey .BlogDetail .blogPostTitle { font-size: 1.2em; font-weight: 400; } #regGrey .EventCon h2 a { color: #000; font-weight: 400; } #regGrey .EventCon h2 { margin: 2% 0 0; font-weight: 400; padding: 3% 1% 0% 1%; background-color: #fff; font-size: 1em } #regGrey .EventCon a.Buttons-1 { color: #000; } #regGrey .EventCon .Buttons-1:hover { background-color: #555; color: #FFF } #regGrey .EventCon a.Buttons-1:hover { background-color: #555; color: #FFF } #regGrey .EventCon .Buttons-1 { text-align: center; border-radius: 0; font-weight: 400; background-color: #fff; width: 100%; margin-right: 2%; margin-top: 3%; display: inline-block; border: 0 solid #fff; padding: 3% 0 } #regGrey .BlogEntries h1 { text-align: center; margin: 2% } #regGrey .BlogEntries h2 { visibility: hidden; } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-weight: 400 } #regGrey select { font-weight: 400; font-size: 1em; border: 0; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regGrey .hBlogArticle { min-height: 280px; width: 24%; background-color: #FFF; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: space-between; } #regGrey .hBlogArticle .Img img { width: 100%; height: auto; display: block; } #regGrey .hBlogArticle .Title { padding: 15px 5px; text-align: center; font-size: 1.1em; line-height: 1.3em; } #regGrey .hBlogArticle .Title a { color: #333; font-weight: bold; text-decoration: none; } #regGrey .hBlogArticle .Content { padding: 6% 1% 0% 1%; height: 130px; overflow: hidden; text-align: center; font-size: 0.9em } #regGrey .hBlogArticle a { color: #E31837; text-decoration: none; font-weight: normal; } #regGrey .hBlogArticle .ReadMore { background-color: #1d4f91; border-radius: 3px; width: 120px; text-align: center; margin: 12px auto; font-size: 1.1em; padding: 1% 2%; text-transform: uppercase; } #regGrey .hBlogArticle .ReadMore a { color: #FFF; font-weight: 400; } #regGrey .BlogListing { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #regGrey .BlogListingOnPage { display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; } #regGrey .BlogListing .hBlogArticle { } #regGrey .BlogListing .hBlogArticle:nth-child(4n) { } #regGrey .hBlogArticle:nth-child(4n), #regGrey .BlogListing .hBlogArticle:nth-child(3n) { } #regGrey .OfficeList h3 { background: #565455 } #regGrey a { text-decoration: none; color: #565656; } #regGrey h2 a { font-weight: 400 } #regGrey a:hover { font-weight: 400; color: #000; text-decoration: underline; text-decoration-color: #c3c3c3; text-underline-offset: 0.2em; } #regGrey .EventCon h2 a { color: #000; font-weight: 400; } #regGrey .EventCon h2 { margin: 2% 0 0; font-weight: 400; padding: 3% 1% 0% 1%; background-color: #fff; font-size: 1em } #regGrey .EventCon .Buttons-1 { text-align: center; border-radius: 0; font-weight: 400; background-color: #fff; width: 100%; margin-right: 2%; margin-top: 3%; display: inline-block; border: 0 solid #fff; padding: 3% 0 } #regGrey .feefo_ProductName, #regGrey .feefo_ProductNameText { float: left; width: 18%; padding-left: 1%; } #regGrey .feefo_Posted, #regGrey .feefo_PostedText { width: 14%; float: left; padding-left: 1%; } #regGrey .feefo_Rating, #regGrey .feefo_RatingText { width: 15%; float: left; } #regGrey .feefo_Comment, #regGrey .feefo_CommentText { width: 49%; float: left; padding-left: 1%; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { float: left; width: 70%; } #regGrey .feefo_RatingText { padding: 5px 0 5px 0; } #regGrey .feefo_CommentText { padding: 5px 0 5px 1%; } #regGrey .feefo_RatingText .Inn { max-width: 100px; margin: 5px 0 5px 0; padding: 0; background: url(../../images/ratings_star_off.svg); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjQ0NDQ0NDIiBwb2ludHM9IjEwNy4zLDEwNC43IDE0OC44LDIxLjEgMTkyLjIsMTAzLjcgMjg0LjYsMTE3LjMgMjE5LjQsMTg0LjIgMjM1LDI3Ni4zIDE1MS4zLDIzNC45IDY4LjUsMjc4LjIgDQoJODIsMTg1LjggMTUuMiwxMjAuNSAiLz4NCjwvc3ZnPg0K'), none /*../../images/ratings_star_off.svg*/; background-size: 20px 20px; background-repeat: repeat-x; } #regGrey .feefo_RatingText .divRating { margin-bottom: 5px; background: url(../../images/ratings_star.png); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4yIiBiYXNlUHJvZmlsZT0idGlueSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRjg5QjAwIiBwb2ludHM9IjEwNy4zLDEwNC43IDE0OC44LDIxLjEgMTkyLjIsMTAzLjcgMjg0LjYsMTE3LjMgMjE5LjQsMTg0LjIgMjM1LDI3Ni4zIDE1MS4zLDIzNC45IDY4LjUsMjc4LjIgDQoJODIsMTg1LjggMTUuMiwxMjAuNSAiLz4NCjwvc3ZnPg0K'), none; background-size: 20px 20px; background-repeat: repeat-x; } #regGrey .feefo_ProductNameText { padding: 5px 0 5px 1%; font-weight: 400 } #regGrey .feefo_ReviewOuter { float: left; border-bottom: solid 2px #000; clear: both; font-weight: 400; text-transform: uppercase; width: 100% } #regGrey .feefo_ProductNameText { padding: 5px 0 5px 1%; font-weight: 400 } #regGrey .feefo_PostedText { font-weight: 400; padding: 5px 0 5px 1% } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-weight: 400 } #regGrey select { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; border: 0 !important; background-color: #1d4f91; color: #fff; padding: 4px 5px } #regGrey h2 { font-weight: 400; } #regGrey .Buttons-1:hover, #regGrey .Buttons-2:hover, #regGrey .Buttons-3:hover { background-color: #555; color: #FFF } #regGrey a.Buttons-1:hover, #regGrey a.Buttons-2:hover, #regGrey a.Buttons-3:hover { color: #FFF } #regGrey .Buttons-1 { margin-top: 0%; font-weight: 400 } #regGrey .Buttons-2 { margin-top: 0%; font-weight: 400 } #regGrey .Buttons-3 { margin-top: 0%; font-weight: 400 } #regGrey .card-headingTitle { font-size: 1.2em } #regGrey .card-button a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; color: #565656; } #regGrey .card-button a:hover { color: #fff; background: #565656; } #regGrey .card-button-capa a { position: absolute; width: 108%; height: 90%; top: 0; left: -8px; z-index: 10; } #regGrey .card-button-capa a:hover { color: white; background: #1d4f91; } #regGrey .capability { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } #regGrey .Datagrid { border-style: solid; border-width: 1px; border-radius: 8px 8px 8px 8px; border-color: #c3c3c3; background: #fff; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; box-sizing: border-box; text-align: left; font-size: 1.0em; font-weight: 400; } #regGrey .Datagrid .datagridHeader td { padding: 1%; text-transform: uppercase; border: 0; border-bottom: solid 2px #000; margin-bottom: 10px; font-size: 1.2em; color: #333; padding-right: 30px; } #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { padding: 1%; border: 0; background-color: #fff; color: #212121; font-size: 1em; border-bottom: 1px solid #b2b9bf; } #regGrey .Datagrid .datagridItem input[type='checkbox'] { width: 20px; height: 20px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555; } #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { padding: 1%; border: 0; background-color: #fff; color: #212121; font-size: 1em; border-bottom: 1px solid #b2b9bf; } #regGrey .Datagrid tbody > tr:nth-child(even) td { background: white; } #regGrey .CPDQuestion h2 { text-align: left; margin: 0 0 20px 0; padding: 10px 0 20px 0; border-bottom: 1px solid #333 } /* regBlue */ #regBlue .across-six .card-heading { border-color: #565656; } #regBlue { background-color: #1d4f91; margin-top: 0; padding-top: 20px; padding-bottom: 20px; } #regBlue .Inner { padding-top: 0px; padding-bottom: 0px; } #regBlue a { font-weight: 400; color: #fff; text-decoration: none; } #regBlue a:hover { font-weight: 400; color: #fff; text-decoration: none } #regBlue .NSCon:hover a { font-weight: 400 } #regBlue h2 { margin-bottom: 1%; font-size: 1.6em; font-weight: normal; margin-top: 1%; color: #FFF; line-height: 1.1em; text-align: center; } #regBlue h2 a { color: #FFF; text-decoration: none; } #regBlue h3 a { text-decoration: underline; color: #FFF; } #regBlue h3 a:hover { text-decoration: underline; color: #FFF; } #regBlue h3 { margin-top: 8px; margin-bottom: 3px; font-size: 1.6em; font-weight: normal; color: #FFF; } #regBlue h4 { margin-top: 8px; font-size: 1.6em; font-weight: normal; color: #FFF; padding-bottom: 7px; margin-bottom: 10px; } #regBlue h5 { margin-top: 0; margin-bottom: 8px; font-size: 1.6em; font-weight: normal; color: #FFF; line-height: 1.1em; } .relatedContentRed { font-weight: 400; color: white; text-align: center; font-size: 1.3em; } .RedTitle { text-align: center; background-color: #1d4f91; border-width: 2px; box-shadow: 0 5px 14px -5px #440000; } #regBlue .card-headingTitle { text-align: center; } #regBlue .card-heading { background-color: #1d4f91; } #BlueTitle { border-width: 2px; box-shadow: 0 5px 14px -5px #505050; } /*-- regBreadCrumb --*/ #regBreadCrumb { background-color: #DADADA; clear: both; border-top: 1px solid #979797; } #regBreadCrumb .Inner { background-color: #DADADA; font-size: 0.9em; height: 40px; display: flex; justify-content: space-between; } #regBreadCrumb .Inner .pSSG { text-transform: uppercase; display: flex; align-items: center; } #regBreadCrumb .Inner .pSSG svg { font-size: 2.0em; color: #1d4f91; } #regBreadCrumb .Inner .social-icons { text-transform: uppercase; display: flex; align-items: center; font-size: 2em; } #regBreadCrumb .Inner .social-icons .fak { font-size: 0.5em; border-left: 1px solid #979797; margin-left: 5px; padding-left: 10px; } .social-icons svg { color: #565656; padding-right: 20px; } /*-- regFooterMenu--*/ #regFooterMenu { color: #ffffff; background-color: #555555; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; font-weight: 100; font-size: 0.9em; text-transform: uppercase; } #regFooterMenu a { color: white; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; text-decoration: none; } #regFooterMenu a:hover { text-decoration: underline; font-family: 'Open Sans Condensed', Arial Narrow, sans-serif; } #regFooterMenu .MenuBottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; /*padding: 1% 0 2% 0;*/ } #regFooterMenu .Copyright { font-weight: 200; text-transform: uppercase } #regFooterMenu ul { width: 100%; margin: 0; float: none; padding: 0; border: none; } /*--- #regForm ---*/ #regForm .Control input[type=text], #regForm .Control input[type=password], #regForm3 .Control input[type=text], #regForm3 .Control input[type=password] { font-weight: 400; background-color: #dbdbdb; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; border: 1px solid #dbdbdb } input[type=submit] { cursor: pointer; -webkit-appearance: none; background-color: #1d4f91; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; text-align: center; font-weight: 400; color: #fff; font-size: 1.5em; text-transform: uppercase; padding: 8px 16px } #regForm .FormTop { font-weight: 400 } #regForm .Label { float: left; font-weight: 400; color: #333; font-size: 1.2em; clear: left; width: 40%; text-align: right; padding-right: 2% } #regUploadFileForm { background-color: #5b7f95; min-height: 20px; width: 450px; margin: 0 auto; border: 1px solid #ccc; padding: 10px; } #regUploadFileForm .Label { text-align: right; font-size: 15px; color: rgb(255, 255, 255); font-weight: normal; vertical-align: top; padding-top: 5px; } #regUploadFileForm h2 { text-align: center; font-size: 21px; color: #FFFFFF; margin-bottom: 15px; } #regUploadFileForm input[type=text], #regCallToActionForm textarea, #regCallToActionForm select { font-size: 14px; padding: 4px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } /*-- EVENTS --*/ .BookEvent { border-radius: 4px; padding: 2px; } #regGrey .BookEvent a { color: white; } #regEvenOrg { width: 80%; text-align: center; margin: 0 auto; padding: 2%; color: #000 } #regEvenOrg img { max-width: 160px; margin-bottom: 10% } #regEvenOrg a { color: #000 } #regEvenLoc { width: 100%; color: #FFF; clear: both; text-align: center; } #googleMap.GoogleMapContainer { clear: both; min-height: 400px; max-height: 400px; border: 5px solid #FFF; width: 100%; } .EventCon { min-height: 270px; /*max-height: 390px;*/ width: 30%; text-align: center; margin: 2% 5% 2% 0; float: left; } .EventCon:nth-child(3n) { margin-right: 0 } .EventCon img { width: 100% } .DemoBod { background-color: #FFF; padding-top: 12px; height: 200px; padding: 3%; } .EventCon .ProdTxt { height: 200px; padding: 3%; margin: 0; background-color: #FFF; } .EventCon #ctl00_ContentPlaceHolder2_btnSearch { font-size: 1em; color: #000; text-transform: none; } .EventCon #ctl00_ContentPlaceHolder2_btnSearch:hover { color: #FFF } .EventCon .Control { margin: 0 auto 20% auto; width: 183px; padding-top: 20%; } /* regCallToAction */ #regBodyContent #CallToAction a { text-decoration: none; color: #FFF; font-size: 1.5em; font-weight: normal; } #regCallToActionForm { float: right; background-color: #fff; min-height: 350px; width: 450px; margin-left: 10px; margin-right: 10px; border: 1px solid #ccc; padding: 10px; } #regCallToActionForm .Label { text-align: right; font-size: 15px; color: rgb(255, 255, 255); font-weight: normal; vertical-align: top; padding-top: 5px; } #regCallToActionForm h2 { text-align: center; font-size: 21px; color: #FFFFFF; margin-bottom: 15px; } #regCallToActionForm input[type=text], #regCallToActionForm textarea, #regCallToActionForm select { font-size: 14px; padding: 4px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #regCallToActionFormLeft { min-height: 50px; clear: both; width: 940px; margin-bottom: 20px; } #regCallToActionFormRight { width: 46%; float: left; min-height: 100px; } #CallToAction { clear: both; white-space: nowrap; margin: 0 auto; padding: 1%; width: 33%; margin-top: 2%; min-width: 380px; text-align: center; border: 1px solid #1d4f91; background-color: #1d4f91; } #CallToAction a:hover { color: #FFF; } #CallToAction .Act { background-image: none; padding-left: 0; } #CallToAction.Grey { border: 1px solid #555555; background-color: #555555; } #CallToAction.Blue { border: 1px solid #5b7f95; background-color: #5b7f95; } #CallToAction.Simu { border: 1px solid #5bb9c2; background-color: #5bb9c2; } #CallToAction.Data { border: 1px solid #f1ba13; background-color: #f1ba13; } #CallToAction.Tech { border: 1px solid #9b0372; background-color: #9b0372; } #CallToAction.Elec { border: 1px solid #3b5aa8; background-color: #3b5aa8; } #CallToAction.Manu { border: 1px solid #910505; background-color: #910505; } #CallToAction { border-radius: 6px; } /* --- searchStyles --- */ .ContentSearch .SearchResults { border-bottom: 1px solid #999999; padding: 0.5% 0; } .ContentSearch .SearchResults:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ContentSearch .SearchResults .Date { font-style: italic; font-size: 0.9em; } #searchResults .Thumbnail .Bl { color: #5b7f95; font-weight: 400; text-transform: uppercase } #searchResults .Thumbnail { float: left; min-height: 390px; width: 30%; margin: 1% 5% 2% 0; } #searchResults .Thumbnail:nth-child(3n) { margin-right: 0 } #searchResults .Thumbnail .ThumbnailText a { text-decoration: none; color: #555 } #searchResults .Thumbnail .ThumbnailText { font-size: 1.2em; padding: 0 4%; text-align: center; height: 100px; display: table-cell; width: 1%; vertical-align: middle; background: #FFF; } #searchResults .Thumbnail .ThumbnailPhoto { text-align: center; height: 270px; padding: 0 4%; background: #FFF; } #searchResults .Thumbnail .Description { padding: 2% 1%; float: left; width: 98%; margin-top: 2%; background: #FFF; } #searchResults .Thumbnail img.videoImage { border: 1px solid #555555; /* max-width: 335px; */ width: 100%; max-height: 251px; display: block; } #searchResults .Thumbnail .Icon { float: left; max-width: 70px; margin-right: 7%; } #searchResults .Thumbnail .Icon img { max-width: 70px; } #searchResults .Thumbnail .Dur, #searchResults .Thumbnail .Add { float: left; margin-top: 5%; font-size: 1.1em } #searchResults .Thumbnail .Dur { margin-right: 7% } /* -- CaseStudy Styles ---*/ #regCaseStudies { margin: 0 auto } #CaseStudyListL .Item { font-weight: 400; padding-bottom: 10px; } #CaseStudyListL .ItemB { font-weight: 400; padding-top: 10px; } #CaseStudyListL .ItemBB { font-weight: 400; height: 60px } #CaseStudyListL { cursor: pointer; text-align: center; width: 30%; margin: 2% 5% 2% 0; min-height: 350px; float: left; background-color: #FFF } #CaseStudyListL:nth-child(3n) { margin-right: 0 } #CaseStudyList:nth-child(4n) { margin-right: 0 } #CaseStudyList .CaseStudyPhoto { height: 60px; } #CaseStudyListL .CaseStudyPhoto img { max-width: 100%; } #CaseStudyListL .CompanyLogo { width: 100%; height: 50px; padding-top: 10px; vertical-align: middle; text-align: center } #CaseStudyListL h2 a { color: #1d4f91; font-size: 0.7em; } #CaseStudyList { cursor: pointer; width: 22%; margin: 2% 4% 1% 0; text-align: center; padding-top: 2%; min-height: 245px; float: left; background-color: #FFF; padding-bottom: 2%; } #CaseStudyList.Low { min-height: 170px; } #CaseStudyList .Title { padding-top: 20px; height: 70px; line-height: 1.25em } #CaseStudyList .Loc { height: 40px; } #CaseStudyList .ReadMore { padding: 0 0 2% 0; } #CaseStudyList .ReadMore a { color: #555; } #CaseStudyList .ReadMore a:hover { font-weight: 400; } /* JOB CARD*/ #JobCards { margin: 0 auto; display: flex; flex-wrap: wrap; } #JobCards .Loc svg { color: red; } #JobCardList { cursor: pointer; width: 24%; margin: 5px; text-align: center; padding-top: 2%; min-height: 245px; float: left; background-color: #FFF; } .jobCard { Border-Radius: 4px; border-style: solid; border-width: 1px; border-color: #ccc; } #JobCardList .JobCardPhoto { height: 60px; } #JobCardList .Company { padding-top: 10px; font-weight: 700; } #JobCardList .Title { padding: 1%; height: 70px; line-height: 1.25em; color: #1d4f91; } #JobCardList .Loc { height: 40px; } #JobCardList .Item { font-weight: 400; padding-bottom: 10px; } #JobCardList .card-button a:hover { background: #1d4f91; color: white; } /*JOB PAGE*/ #JobPage { display: flex; } #JobPage .datePosted { font-weight: 700; color: #1d4f91; } .MainJobL { padding: 4%; text-align: left; margin: 10px; } .JobTitle { padding-top: 10px; padding-bottom: 10px; font-weight: 700; color: #565656; } .MainJobConR { } .MainJobR { padding: 4%; text-align: left; margin: 10px; } .MainJobImg { padding: 0 10%; } .MainJobImg Img { width: 100% } .MainJobTxtR { margin: 0; padding: 4%; } .MainHTCon { text-align: justify } #regGrey .MainJobTxtL { margin: 0; } #regGrey .MainJobConL h2 { margin: 0; } /* blogStyles */ .blogQuote { font-size: 1.5em; font-weight: bold; color: #1d4f91; line-height: 1.5em; } .fade-effect2 { display: block; border: none; color: white; height: 1px; background: black; background: -webkit-gradient(radial, 0% 1%, 0, 70% 50%, 60, from(#565656), to(#ffffff)); clear: both; } .blogQuote .fade-effect2 { background: linear-gradient(45deg, #1d4f91, transparent); margin-top: 10px; } .blogPDF { max-width: 300px; margin: 10px auto 20px; } #regBodyContent .BlogEntries .BlogArticle { border-bottom: 1px solid #cccccc; padding-bottom: 8px; } #regBodyContent .BlogEntries .blogPostTitle { padding-top: 5px; } #regBodyContent .BlogEntries .blogPostTitle a { font-size: 1.2em; } #regBodyContent .BlogEntries .blogDateFiled { color: Gray; padding-top: 2px; padding-bottom: 8px; } #regBodyContent .BlogEntries .blogDateFiled img { -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; border: 1px solid #ccc; border-radius: 5px; } #regBodyContent .blogContent { line-height: 1.8em; background: #fff; margin: 0% 20%; } #regBodyContent .BlogEntries .blogNoEntries { margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogDetail .blogFooter { padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #regBodyContent .BlogDetail .blogNoEntry { margin-left: 15px; color: Navy; padding-top: 10px; } #regBodyContent .BlogEntries .SocialNetworking, #regBodyContent .BlogDetail .SocialNetworking { width: 100%; padding-top: 0; text-align: right; clear: both } /* BLOG NOV 2020 */ .BlogListingOnpage { display: flex; flex-wrap: wrap; justify-content: space-between; } #blogColumn { display: flex; justify-content: center; flex-direction: column; } #blogMainSection { display: flex; justify-content: center; } .blogTitle { border-style: solid; border-width: 0px 0px 2px 0px; border-color: #1d4f91; margin: 2% auto 2%; text-align: center; } #regWhite .blogTitle { padding-bottom: 10px; } .blogFeatures { display: grid; grid-template-columns: 12% 38% 38% 12%; } .blogDateFiled { text-align: center; padding: 25px; grid-column-start: 2; min-height: 50px; padding: 10px; } .blogDateFiled svg { margin-right: 10px; margin-left: 10px; color: #1d4f91; } .blogCatItemInside { padding: 0px; margin: 0px; background-color: #fff; border: 0px solid #565656; border-radius: 3px; display: inline-block; white-space: nowrap; } #blogMainSection { display: flex; justify-content: center; } #regBodyContent .blogCategories { width: 48%; margin-left: 2%; float: right; overflow: hidden; margin-top: -80px; } .BlogImage { margin: 20px auto 20px; max-width: 600px; width: 80%; } .BlogImage img { height: auto !important; } .blogPicture { margin: 0% 20%; } .blogIntro { margin: 0% 20%; } #BLOG h1 { font-size: 2em; padding-top: 1%; padding-bottom: 1%; text-align: center; font-weight: 500; color: #565656; } #BLOG .card-span { align-self: flex-start; } #BLOG { margin-bottom: 0px; } #BLOG .card-heading { border-color: #1d4f91; border-style: solid; border-width: 0px 0px 7px 0px; } #blogMainSection .blogCatItem { padding: 0%; margin: 5px 5px auto; background-color: #fff; color: #565656; border: 0px solid #dadada; border-radius: 3px; white-space: nowrap; } #blogMainSection .blogCatItem a { color: #565656; } #regBodyContent .blogContentShort { width: 100%; display: flex; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ccc; } /* --- DAM Styles ---*/ #DAMSharing { overflow: hidden } #DAMSharing .intro { float: left; width: 35%; padding: 03% 3% 3%; margin-right: 2%; color: white; } #DAMSharing .StaffPic { float: left; width: 14%; text-align: center; margin-top: 2%; padding: 2%; margin-right: 2%; clear: right } #DAMSharing .StaffPic img { width: 100% } #DAMSharing .BCard { float: right; text-align: center; margin-top: 2%; } #DAMSharing .BCardR { height: 250px; width: 300px; float: left; border-radius: 0 16px 16px 0; border: 1px solid #dadada; background: white; } #DAMSharing .BCardL { height: 252px; width: 60px; float: left; background-color: #1d4f91; border-radius: 16px 0 0 16px; text-align: center; } #DAMSharing .BCard1 { float: right; width: 94%; text-align: right; padding: 10px 10px 10px 0; } #DAMSharing .BCard2 { float: left; text-align: left; padding: 0 0 10px 10px; width: 100px; } #DAMSharing .BCard3 { float: right; text-align: right; padding: 0 10px 10px 0; } #DAMWrap { width: 100%; overflow: hidden; position: relative; margin-top: 1px; } #DAMWrap, #DAMWrap *, #DAMWrap *::after, *::before { box-sizing: border-box; } #DAMWrap .row { width: 100%; clear: both; overflow: hidden; } #DAMWrap { width: 100%; overflow: hidden; position: relative; margin-top: 1px; } #DAMWrap .files { min-height: 100px; height: 700px; overflow-y: auto !important; } /* ----------------office location pages ------*/ #offLoc { display: flex; justify-content: space-between; } .offices { flex: auto; margin: 5px; } .offDetails { flex-direction: row; margin: 5px; line-height: 0px; } .off-card { display: flex; flex-direction: row; padding: 5px; } .offAdd { flex: 2; text-align: left; padding: 0.5% 1% 0.5% 7%; } .offImg { flex: 2; max-height: 304px; overflow: hidden; align-self: center; } .offMapDownload { flex: 1; max-height: 295px; max-width: 208px; padding: 5px; align-self: center; } #offLoc .card-subtitle { padding-top: 15px; } #offLoc .Buttons2 { color: #565656 !important; padding: 0px !important; } #offLoc a.Buttons2:hover { color: #fff !important; padding: 0px; } .Inn { height: 241px; width: 100%; float: inherit; vertical-align: middle; text-align: left; } .OffCon { width: 18%; text-align: center; margin: 2% 0 0 0; float: left; background-color: #FFF; } .Map { border: 1px solid #ccc; } .OffCon:nth-child(2n) { float: right; width: 41%; } a.OffImg img { } /* ------------- office location pages end -------------------- */ /*-------------------------------- PROMO POP-UP START ------------------------------*/ .PromoPopContainer { position: fixed; margin: 5% auto; top: 15%; width: 100%; display: none; height: 100%; z-index: 99999 } .PromoPop { background-image: url("https://www.solidsolutions.co.uk/Uploaded/Image/PromoModal_v1.png"); background-repeat: no-repeat; background-color: rgb(53, 12, 87); background-position: center; background-size: contain; width: 60%; margin: 0 auto; height: 400px; } .PromoPopButtonContainer { position: relative; left: 27.5%; margin: 10px; bottom: -79%; width: 50%; } .PromoPopButtons { color: #4d2188 !important; text-align: center; background-color: #ffffff; width: 40%; margin-right: 2%; margin-top: 2%; display: inline-block; border: 0px solid #FFF; padding: 3% 1%; font-weight: 600 !important; font-size: 1.2em; border-radius: 5px 5px 5px 5px; float: left; } .PromoPopButtons:hover { font-weight: 400 !important; } /*-------------------------------- PROMO POP-UP END ------------------------------*/ .mb { display: none; } #IMG-MASTHEAD { display: flex; flex-direction: column; flex-wrap: wrap; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #000; height: 360px; box-sizing: border-box; background-repeat: no-repeat; background-size: auto; background-position: center; justify-content: center; align-content: center; align-items: center; } #IMG-MASTHEAD .space { display: none; } #IMG-MASTHEAD .MastheadCTA { position: relative; color: #fff; text-align: center; padding: 5px 20px; border: solid 2px; border-radius: 8px; border-color: #1d4f91; font-size: 1.5em; font-weight: 100; text-shadow: 0 0 1px #1d4f91; margin: 40px auto 0px; text-transform: uppercase; text-decoration: none; box-shadow: 5px 5px 14px -10px #909090; transition: transform 1s,background-color 1s; -webkit-transition: transform 1s,background-color 1s; z-index: 2000; font-weight: 400; background: linear-gradient(305deg, rgba(29,79,145,0) 55%, rgba(29,79,145,0.8) 55%, rgba(29,79,145,0.4)85%); background-size: 450%; animation: OverlayMove 4s ease-out; animation-fill-mode: forwards; } @keyframes OverlayMove { 0% { background-position: 100% 50% } 100% { background-position: 0% 50% } } #IMG-MASTHEAD .MastheadCTA:hover { transform: scale(1.1); transform-origin: 50% 50%; background-color: rgba(29,79,145, 1); } #IMG-MASTHEAD .masthead-container img { display: block; } #IMG-MASTHEAD .space { visibility: hidden; } #INNER-MASTHEAD { padding-top: 1%; padding-bottom: 1%; display: flex; flex-wrap: wrap; justify-content: center; align-content: stretch; flex-direction: row; font-size: 5.0rem; } #INNER-MASTHEAD img { display: none; } #INNER-MASTHEAD .MastheadCTA { display: none; } #INNER-MASTHEAD h1 { font-size: 1.0em; color: #1d4f91; font-weight: 700; text-transform: uppercase; text-align: center; flex-basis: 100%; white-space: nowrap; } #INNER-MASTHEAD h2 { font-size: 0.4em; color: #565656; letter-spacing: 4px; text-transform: uppercase; text-align: center; font-weight: 400; flex-basis: 100%; white-space: nowrap; } /*------------------------------------------ New masthead CSS ends here --------------------------------------------*/ /* bookflip icons */ .far { margin-right: 10px; } .fas { margin-right: 10px; } .fa-wrench:before { content: "\f0ad"; font-family: "Font Awesome 5 Pro"; } .fa-chevron-right:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; } .fa-share:before { content: "\f064"; font-family: "Font Awesome 5 Pro"; } .ti-angle-double-left:before { content: "\f100"; font-family: "Font Awesome 5 Pro"; } .ti-close:before { content: "\f057"; font-family: "Font Awesome 5 Pro"; } .ti-angle-double-right:before { content: "\f101"; font-family: "Font Awesome 5 Pro"; } .ti-control-play:before { content: "\f04b"; font-family: "Font Awesome 5 Pro"; } .ti-menu-alt:before { content: "\f0c9"; font-family: "Font Awesome 5 Pro"; } .ti-layout-grid2:before { content: "\f00a"; font-family: "Font Awesome 5 Pro"; } .ti-zoom-in:before { content: "\f00e"; font-family: "Font Awesome 5 Pro"; } .ti-zoom-out:before { content: "\f010"; font-family: "Font Awesome 5 Pro"; } .ti-volume:before { content: "\f028"; font-family: "Font Awesome 5 Pro"; } .ti-facebook:before { content: "\f082"; font-family: "Font Awesome 5 Pro"; } .ti-google:before { content: "\f0d4"; font-family: "Font Awesome 5 Pro"; } .ti-twitter-alt:before { content: "\f081"; font-family: "Font Awesome 5 Pro"; } .ti-email:before { content: "\f199"; font-family: "Font Awesome 5 Pro"; } .far { margin-right: 10px; } .fas { margin-right: 10px; } /*------------------------------------------ Playlist starts --------------------------------------------*/ /*------------------------------------------ Playlist ends --------------------------------------------*/ /*--- editing Video PLayer ----*/ .jw-controls.jw-controls-disabled, .jw-instream, .jw-preview, .jwplayer .jw-aspect { padding-top: 56.5% !important; } .jw-state-idle .jw-controls { background-color: transparent !important; } /* --- Product Branding for button and rules ---*/ #CAD .card-button a:hover { background: #1d4f91; } #CAD .card-heading { border-color: #1d4f91; } #VIZ .card-button a:hover { background: #000000; } #VIZ .card-heading { border-color: #000000; } #VIZ .accordion-header:hover { background-color: #000; } #PDM .card-button a:hover { background: #f1ba13; } #PDM .card-heading { border-color: #f1ba13; } #PDM .accordion-header:hover { background-color: #f1ba13; } #SIM .card-button a:hover { background: #5bb9c2; } #SIM .card-heading { border-color: #5bb9c2; } #TEK .card-button a:hover { background: #9b0372; } #TEK .card-heading { border-color: #9b0372; } #TEK .accordion-header:hover { background: #9b0372; } #MAN .card-button a:hover { background: #910505; } #MAN .card-heading { border-color: #910505; } #MAN .accordion-header:hover { background: #910505; } #COL .card-button a:hover { background: #1f315d; } #COL .card-heading { border-color: #1f315d; } #PCB .card-button a:hover { background: #3b5aa8; } #PCB .card-heading { border-color: #3b5aa8; } #PCB .accordion-header:hover { background-color: #3b5aa8; } #REP .card-button a:hover { background: #cc6600; } #REP .card-heading { border-color: #cc6600; } #DRAF .card-heading { border-color: #82b74f; } #DRAF .accordion-header:hover { background: #82b74f; } #DRAF .card-button a:hover { background: #82b74f; } #SIMU .card-heading { border-color: #00176c; } #SIMU .accordion-header:hover { background: #00176c; } #SIMU .card-button a:hover { background: #00176c; } #DELM .card-heading { border-color: #ffcc00; } #DELM .accordion-header:hover { background: #ffcc00; } #DELM .card-button a:hover { background: #ffcc00; } #ENO .card-button a:hover { background: #cc6600; } #ENO .card-heading { border-color: #cc6600; } #ENO .accordion-header:hover { background: #cc6600; } /*---------------------- Section Titles Start ------------------------------- */ #regWhite .section-title, #regGrey .section-title, #regBlue .section-title { color: white; justify-content: center; margin: 10px 0 10px 0; padding: 0 10px; font-size: 1.5em; background-color: #565656; background-image: url(/uploaded/image/Cards/CardTitleBlank.png); border: 2px solid white; border-radius: 4px; box-shadow: 0 5px 14px -5px #909090; height: 70px; background-repeat: no-repeat; background-position: right; background-size: contain; display: flex; align-items: center; grid-column: -1/1; } #regBlue .section-title { background-color: #1d4f91; margin-top: 0px; } /*---------------------- Section Titles End ------------------------------- */ /*------------------------------------------ New capabilities CSS starts here --------------------------------------------*/ .card-capabilities { display: flex; align-items: center; height: 60px; flex-wrap: nowrap; justify-content: center; font-size: 0.9em; } .card-capabilitiesTitle { flex-grow: 2; font-weight: 400; color: #000; font-size: 1em; order: 2; text-align: left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; } .card-capabilitiesImage { flex: none; order: 1; width: 65px; padding-right: 15px; margin-top: 10px; } .card-button-capa { border-width: 1px 0px 0px 0px; border-color: #ccc; max-height: 35px; min-height: 75px; line-height: 75px; position: relative; order: 2; flex: 1; left: -8px; } /*------------------------------------------ New capabilities CSS ends here --------------------------------------------*/ /*---------------------- Border Container Start ------------------------------- */ .border-container { box-shadow: 0 5px 14px -10px #909090; padding: 10px; border: solid 1px #c3c3c3; border-radius: 8px; background: #FFF; } /*---------------------- Border Container End ------------------------------- */ /*---------------------- 3DX DROP DOWNS & BACKGROUND START --------------------------------------*/ .threedx { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } .roleTitle { text-transform: uppercase; color: #565656; } .roleSubTitle { padding-top: 8px; padding-bottom: 8px; } .roleBody { color: #1d4f91; } #introText { flex-direction: row; } .expRed:hover { background: #1d4f91; } .expDkBlue:hover { background: #1f315d; } .expTurq:hover { background: #288d98; } .expGreen:hover { background: #588b39; } .expOrange:hover { background: #cc6600; } .expBlue:hover { background: #255a8b; } #HeadingOne { grid-row: 1 / 5; padding: 10px; text-align: left; } #HeadingTwo { grid-row: 1 / 4; padding: 10px; text-align: left; } #HeadingThree { grid-row: 1 / 8; padding: 10px; text-align: left; } #HeadingFour { grid-row: 1 / 5; padding: 10px; text-align: left; } /*---------------------- 3DX DROP DOWNS & BACKGROUND END --------------------------------------*/ /*---------------------- LAUNCH IMAGE HOVER START --------------------------------------*/ .Launch { height: 160px; position: relative; justify-content: center; } .Inside { position: relative; color: #fff; font-weight: bolder; font-size: 1.15em; text-shadow: 0px 0px 15px #1d4f91; padding: 15px 10px; line-height: normal; transition: transform 1s, background-color 1s; -webkit-transform: transform 1s, background-color 1s; } .gLeft { background: linear-gradient(to left, rgba(29,79,145,0.0), rgba(29,79,145,1)); } .gRight { background: linear-gradient(to right, rgba(29,79,145,0.0), rgba(29,79,145,1)); } .Launch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(0.5px); transition: transform 2s, filter 2s; -webkit-transform: transform 1s; } .Launch:hover .Inside { transform: scale(1.1); transform-origin: 50% 50%; background-color: rgba(29,79,145,1); } #regWhite .Launch:hover, #regGrey .Launch:hover, #regBlue .Launch:hover { text-decoration: none; } .Launch:hover:before { transform: scale(1.05); transform-origin: 50% 50%; filter: blur(1px) brightness(0.7) } /*---------------------- LAUNCH IMAGE HOVER END --------------------------------------*/ /* Floating Modal Starts*/ #divfix { display: block; bottom: 48%; right: 0; position: fixed; z-index: 3000; background-image: linear-gradient(to top right, red, #be2015); border-color: black; border-style: solid; border-width: 1px; padding: 8px; border-radius: 4px 0px 0px 4px; -webkit-perspective-origin-x: center; cursor: pointer !important; -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6); text-align: center; color: white; background: #1d4f91; transition: background 1s; } #divfix:hover { background-image: linear-gradient(to top right, red, #7d140d); background: #7d140d; } .iconLeft:before { float: left; position: relative; font-size: 2.0em; top: 10px; } .iconLeft { float: left; position: relative; font-size: 2em; } .fixRight { float: left; position: relative; margin-left: 8px; } .fixheading { font-weight: 500; text-align: left; text-transform: Uppercase; } .fixbody { color: white; text-decoration: none; font-weight: 500; } .fixbody a { color: white; text-decoration: none; } /* Floating Modal Ends */ .DX { font-weight: 600; } /* ------------------ 2020 Accordion Start ------------*/ .accordion { font-size: 1rem; width: 100%; border-radius: 5px; } .accordion-header, .accordion-body { background: white; } .accordion-header { padding: 7px; cursor: pointer; font-size: 1.0em; transition: all .3s; text-align: left; padding-left: 20px; } .accordion__item { border-bottom: 1px solid #1d4f91; } .accordion__item .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .accordion-header:hover { background: #1d4f91; position: relative; z-index: 5; color: white; } .accordion-body { background: #fcfcfc; color: #353535; display: none; } .accordion-body__contents { padding: 10px 20px 10px 20px; font-size: 1em; text-align: left; } .accordion__item.active:last-child .accordion-header { border-radius: 0; } .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; } .accordion__item > .accordion-header::before { display: none; content: "\f300"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .accordion__item.active > .accordion-header::before { display: none; content: "\f307"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .accordion-header svg { margin-right: 20px; transition: .3s all; transform: rotate(0deg); } .accordion__item.active .accordion-header { background: #565656; color: white; } .accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: #353535; } .accordion__item:nth-last-child(1) { border-bottom: none; } .accordion-header { padding-left: 3.0em; text-indent: -2.3em; } /* ------------------ 2020 Accordion End ------------*/ /*-----------------MATRIX Start---------------------------*/ #matrix-container .active .accordion-header { white-space: normal; } #matrix-container { display: flex; flex-wrap: nowrap; flex-direction: column; border-radius: 8px; overflow: hidden; margin-bottom: 20px; border: solid 1px #c3c3c3; } #matrix-container .accordion__item { border-bottom: none; } #matrix-container .accordion-body__contents { font-size: 0.85em; } #matrix-container .accordion-header, .accordion-body { background-color: transparent; color: #565656; } #matrix-container svg { color: #1d4f91; } #matrix-container > div:nth-child(odd) { background: #f9f9f9; } #matrix-container > div:nth-child(even) { background: #fff; } #matrix-container > div:nth-child(1) { padding-top: 5px; } .matrix-row { display: flex; flex-wrap: nowrap; align-items: center; line-height: 2.0em; padding: 0 10px; } .matrix-description-header { text-align: left; font-weight: 700 } .matrix-column-tick-header { text-align: center; font-weight: 700 } .matrix-description { text-align: left; } .matrix-column-tick { text-align: center; } .matrix-ten { flex: 1 0 10% } .matrix-twenty { flex: 1 0 20% } .matrix-thirty { flex: 1 0 30% } .matrix-fourty { flex: 1 0 40% } .matrix-fifty { flex: 1 0 50% } .matrix-sixty { flex: 1 0 60% } .matrix-seventy { flex: 1 0 70% } .matrix-eighty { flex: 1 0 80% } .matrix-ninety { flex: 1 0 90% } /*------------------MATRIX End----------------------------*/ /* old matrix*/ .matrix-span { text-align: center; background: #fff; overflow: hidden; display: flex; flex-direction: row; box-sizing: border-box; justify-content: center; align-items: center; border-bottom: 1px solid #1d4f91; } #regBlue .across-six { justify-content: left; } .matrix-span .accordion__item { border-bottom: 0px; } #matrix-container .green svg { color: green; } #matrix-container .silver svg { color: #999999; } #matrix-container .gold svg { color: #b2a110; } #matrix-container .platinum svg { color: #35342c; } .green { color: green; } /* old matrix end*/ /*---------------------- SLIDER GALLERY CSS START---------------------------------------*/ /* Position the image container (needed to position the left and right arrows) */ .containergal { position: relative; } /* Hide the images by default */ .mySlides { display: none; line-height: 0; } .mySlides img { width: 100%; } /* Next & previous buttons */ .prevgal, .nextgal { cursor: pointer; position: absolute; top: 40%; width: auto; padding: 22px 18px; margin-top: -26px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; background: rgba(0,0,0,.25); background-repeat: no-repeat; background-position: center; background-size: auto; } /* Position the "next button" to the right */ .nextgal { right: 0; border-radius: 8px 0 0 8px; } .prevgal { left: 0; border-radius: 0px 8px 8px 0px; } /* On hover, add a black background color with a little bit see-through */ .prevgal:hover, .nextgal:hover { background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 16px 12px; position: absolute; top: 0; } /* Container for image text */ .caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white; } .rowgal:after { content: ""; display: table; clear: both; } /* Six columns side by side */ .column { float: left; width: 16.66%; display: inline-flex; } .column img { width: 100%; } /* Add a transparency effect for thumnbail images */ .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } /*---------------------- SLIDER GALLERY CSS END---------------------------------------*/ /*---------------------- OVERLAY IMAGE START --------------------------------------*/ .Sliders { grid-gap: 10px; border-style: solid; border-color: #1d4f91; border-width: 1px; padding: 10px; border-radius: 8px; background: #ffffff; } .card-subtitle.slideroverlaytitle { color: #fff; } .slidercontainer { position: relative; background: #333; padding-top: 64.25%; background-size: cover; } .slidercontainer img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100% } .slideroverlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.6); overflow: hidden; width: 100%; height: 46px; transition: .5s ease; } .slidercontainer:hover .slideroverlay { height: 100%; } .slidertext { color: white; position: absolute; text-align: center; padding: 8px; padding-top: 12px; } .card-subtitle.overlaytitle { padding-bottom: 10px; color: #fff; } /*---------------------- OVERLAY IMAGE END --------------------------------------*/ /*---------------------- Card Image Icon Start ------------------------------- */ .card-icon img { height: 120px; } .across-four .card-icon img { height: 150px; } /*---------------------- Card Image Icon End ------------------------------- */ /*---------------------- Submenu Flex Sizing and Accordion Start --------------------------------------*/ .subDrop { border-radius: 0 0 4px 4px; overflow: hidden; } #regBodyContent .subDrop .subMenu { border-top: none; margin: 0; } .subDrop .accordion-header { border-style: solid; border-color: #1d4f91; border-width: 4px 0 0 0; text-align: center; background-color: #565656; color: #fff; } .subDrop .accordion-header:hover { background-color: #1d4f91; } .subFourteen li { flex-basis: 14%; } .subSixteen li { flex-basis: 16%; } .subEighteen li { flex-basis: 18%; } .subTwenty li { flex-basis: 20%; } /*---------------------- Submenu Flex Sizing and Accordion End --------------------------------------*/ /*----------------- Submenu search icon ------------------*/ /*.subMenu li:nth-child(1) { display: flex !important; FLEX-GROW: 0.1 !important; background: #f1ba17; } .subMenu svg:nth-child(1) { display: flex !important; font-size: 1.25em !important; color: white !important; } svg.svg-inline--fa.fa-f312.fa-w-18 { display: none !important; } svg.svg-inline--fa.fa-search.fa-w-16 { padding: 0px !important }*/ /*----------------- Submenu search icon End ------------------*/ /*---MySSM Elements anbd Controls */ #mySSM-login { display: flex; align-content: center; margin-top: 20px; margin-bottom: 30px; justify-content: space-between; } #myAcc { display: flex; align-content: center; margin-bottom: 30px; justify-content: space-between; } #myAcc .card-span { width: 49%; } .SubsValidated { background-color: #0a8e31; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; color: #fff; border: 1px solid #dbdbdb; } #mySSM-login h5 { color: #1d4f91; font-weight: 500; font-size: 1.25em; } #regLoginTV { padding: 10px; background: #e8e8e8; overflow: hidden; box-shadow: 0 5px 14px -10px #909090; display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 49%; text-align: left; } #regNotCustomer { padding: 10px; background: #e8e8e8; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; flex-basis: 49%; text-align: left; } #regBodyContent #mySSM-login #regLoginTV .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent #mySSM-login #regNotCustomer .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent #mySSM-login #regForm .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } #regBodyContent .mySSMbtn { width: 50%; border-style: solid; border-radius: 4px; } .mySSMforgot { margin-top: 5px; } .CPDQuestion { background: #FFF; position: fixed; top: 20%; width: 90%; left: 5%; z-index: 9999; font-size: 1.2em; } .CPDQuestion .top { padding: 20px; overflow: hidden } .CPDQuestion .bottom { background-color: #CDCDCD; padding: 20px; line-height: 1.6em; } .CPDQuestion .button { width: 150px; margin: 20px; text-align: center; text-transform: uppercase; cursor: pointer; background-color: #a9ce9a; float: left; font-weight: bold; padding: 10px } .CPDQuestion .button.No { background-color: #f8ae91 } .typed { font-size: 1.5em; text-align: center; padding: 10px; } #btnSearchC { border-width: 0px; width: 25px; height: 25px; float: right; position: relative; top: 8px; cursor: pointer } .templateSearchPanel { margin: 0 auto; min-width: 320px; overflow: hidden } .templateSearchPanel input[type=text] { margin: 5px 5%; padding: 10px; box-sizing: border-box; font-size: 1.1em; border: 1px solid #cecece; width: 90%; border-radius: 5px; } .templateSearchPanel input[type=submit] { display: none } .tvSearch #btnSearchC { float: none; position: absolute; top: 12px; right: 4px; } .tvSearch #txtsearch { top: 4px; } /*#filesList, #contentList, #blogList { background: #ededed; overflow: hidden; overflow-y: auto !important; padding: 5px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }*/ .files .tile { width: calc((25%) - (20px)); margin: 10px; background: #fff; float: left; padding-bottom: 5px; cursor: pointer; position: relative; transition: transform 0.15s ease-out; border-radius: 8px; overflow: hidden; border: 1px solid #ccc; } .files .tile::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px; z-index: -1; opacity: 0; transition: opacity 0.15s ease-out; } .files .tile:hover { border-color: #fff; transform: scale(1.05); } .files .tile:hover::after { opacity: 1; } .files .tile.active { border-color: #D95101; } .tile .imgWrap { background: #bbb; height: 220px; display: flex; justify-content: center; flex-direction: column; } .tile .imgWrap img { min-width: 40px; max-width: 100%; max-height: 100%; align-self: center; } .tile .assetTitle { padding: 10px 5px 3px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; } .tile .fileTitle { padding: 3px 5px; white-space: nowrap; text-overflow: ellipsis; font-size: 0.9em; height: 18px; } .tile .imageDimensions { padding: 3px 5px; white-space: nowrap; font-size: 1em; color: #777; height: 20px; } .tile .assetDescription { padding: 3px 5px; font-size: 1em; font-style: italic; } .tile .starRating { padding: 3px 5px; } .tile .starRating img { margin-right: 5px; width: 11px; } .terms { text-align: center; margin-bottom: 10px; clear: both; max-width: 600px; margin: 5px auto; padding-bottom: 15px; overflow: hidden; } #regForm.EventReg #dvCaptcha { max-width: 305px; margin: 5px auto; padding-bottom: 15px; overflow: hidden; } .terms .checkbox { padding: 5px 5px 1px 5px; width: 20px; display: block; float: left; background-color: #B2B9BF } label { display: block; float: left; text-align: left; width: calc((100%) - (40px)); padding-left: 8px; } #regTopMenuBar .menuLinks li:last-child:hover { background-color: transparent } #regTopMenuBar .menuLinks ul li ul li:last-child:hover { background-color: #565656 } #regTopMenuBar .menuLinks ul li ul.thirdlevel li:last-child:hover, #regTopMenuBar .menuLinks ul li ul.thirdlevel li:hover { background-color: #1d4f91 } #regTopMenuBar .menuLinks ul li ul.thirdlevel li:last-child:hover a, #regTopMenuBar .menuLinks ul li ul.thirdlevel li:hover a { color: #FFF } .filters { padding: 10px 15px; overflow: hidden; color: #fff; } .filters .filtersContainer { margin-bottom: 6px; width: 31%; float: left; margin: 0 1% } .filtersList input[type=checkbox] { border: none; margin-right: 3px; padding: 1px } .filtersContainer .btn { height: 30px; width: 80px; line-height: 30px; background: #1d4f91; color: #fff; text-align: center; cursor: pointer; font-size: 1.1em; border-radius: 4px; } .filters .filtersTitle { padding: 5px; font-size: 1.05em; font-weight: bold; color: #1d4f91; } .filters .filtersList { padding: 5px; width: 100%; max-height: 200px; overflow: auto !important; } .filters .filtersList .row { padding: 1px 0; } .filters .filtersList input { vertical-align: middle; } .filters .alwaysVisibleContainer { display: block; } .filters .sortByList input[type="radio"] { margin: 0 0 0 3px; } #FT { display: flex; flex-direction: row; flex-wrap: wrap; } .footerColumn { flex-wrap: wrap; flex-grow: 1; padding-top: 2%; } .pdfViewer { display: none; position: relative; left: 0; top: 0; width: 100%; height: 100vh; z-index: 1000; background: #ededed; overflow: hidden; } .regNavCont { font-family: 'Open Sans', sans-serif !important; } .cd-container { width: 90%; max-width: 768px; margin: 2em auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 10px; right: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #d6291c url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==') /*../../images/cd-top-arrow.svg*/ no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #d6291c; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } #adminToolbar {position: fixed; bottom: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAAHXptwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDM1QkJGNTQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDM1QkJGNDQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PppYkfwAAAEKSURBVHjaYmQp3rCfAQmwSApwMaAIqIkLoAoISouhCAAEECMVzAAIIEa+qi0oZqADFkVhXga8ClSkhPAqAAggDGei6OZiZ8FtND8nG25JIS523JIivJy4JQXwSTLy4fYvQAAxcpRtwhtaeAOKl4OVgWzNglxs5GsW5uGgQDOe0CKomZubfM0AAUgnAxMAYBCGwezc/P/ewT5QaA4IkWLaxxnNiuWfnQLwUfjw3QAuBsuHu4xnOEEYRcyHmEUGe+WH8QUYI1vJRrIzBiUA6GMmhgGxmI2CPEWRxRwDZjHrAFnMyTZQFlOQnyiymJt9gCzmYmcdoMTFNkAWs7INUFAzswyQxU/5hQfEYgAFGxUeGXSYOAAAAABJRU5ErkJggg==') /*../images/_toolbar/tbar_bg_all.png*/; background-repeat: repeat-x; width: 100%; height: 26px; top: 0; left: 0; padding: 0; margin: 0; color: White; font-size: .9em; } #adminToolbar .version {float: right; height: 26px; color: white; text-transform: uppercase; font-weight: bold; padding: 6px 40px 0 30px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAAHXptwiAAAHCElEQVRIx4WW229cVxXGf2vttc9tLp7x2GPnXqdpapLQG61oRdsIgUQfEPDES4WAB3jircADL/wTSAikquI/KBXiAQlFXNKmpGkobdOkSZza9SVxxo7tzHhuZ87hYcapnd6WtLSP9vnW+rS11/rWFnvp1TMAP5719T9d7q/avkrC/nLk6zXHvkoLOz5V4RHtV+u1Or94eq2u1QN1Fi8vE40VyZK3EXvp1TNfP1ItALw5f6dl+yoJRzbPF6YqIQuVh1vy0suvvz9WK6Lhx8TxPmzh/RtIXqNw8iqzJ1aR8m/+cgbg4Fjkv3XQqlnaxbznlfe2VwF0plZiplbie0dr1aVLrzM9lpA03uJXpw/XZ2ol7Nj+cfjXhfqNpQIBjxCVCjQqRsWf5cXHXV12jgrw0xNRXX3Ey+9sDNMnoZGExg+KH9Yt7+Ad/Ozwcj0JDRuLg2FYCp3bN6gUFe8cY3GAjichJ6bKfmb2NK1mk7DboHz0CQ5XCiq//dvVi6uXF4PqRIlStYDYTfIsx2wCK8QBjWvL3JkrI6YUj73P5EREZTxEu0GYZQqD3KNByGZP2ewrWZgj0a9fu3eUHfv5U/vqrdVrqIWIRaiPEIsIogJ/ODe/uoOzUuT3BB4Yi/zye2cITImCkNrD36A9/28QZYBQio7ew1o1CfYEj8Ue2QIB8iwlpoO4DCQHlN14qxUjAF54cHxy4fKSRC4jPnaaKAkQmhQLBaIHn6Q7WEc15kca1VUT1Iq51kox3z25r3Lxtf/I3cV1JqpFquWEufMrXDm3QU6PhaXXydNtinHCWKGI04uQ/UOsUIiJwgBjAP0eV85dhUEBUcFUcc5od6Cxvky7c4vJacOZggh7CmfHQlN58bGpicHWiohFROVJXnlr6XY3zfLdODOnewK/f2pfpdScC7KNeZxFiFMG3RY/eWJ6cmU77/71g1ubO1gNTNntE7od9NpNwriEmeKdEviAvPEuM7Uk3I210NweZqdCp7lO3tmkevgUmm6Rrn+AimKq7MZb5O8Ldjq8UqC1fIlyLHgVIMM7ZTfe4vuCTQWRYZEo4HWUScA7ZTdeY2/s+A8fPVBL20Zl8hCtZpNms4W2G2hnjWRqlqzf4DsP18d28PLM786eOT5ZiMtbrVK/2ydKAqIkIC6ErC9eZCLJSCdqCIZqjGqCtxL/u9XZsiTwTHc6pc1WDx86vNtxJSycIK1uYNrESYiqQ9VhTnnyoC9bHBqrc/NsNJo8cOoIgSl5N+e/b84hKhRn3iNJjJkjz5NnfcTdodt7myh8CA0Dj1NwkrN0ZZmsB9cuLONyweVCmsIghZWVs6jdoj+4inM55gQzbwgg5AgZKoLkILlALvRT6Kc5vRSQPqI5IhniQAdxzP5TM6QqDFTJnCMVIxVj9tljhOU67czRzhwDr2ReGJhg8UEk+OWfP9UYn2UPThTCpw+Vi0F/06XtTUAQZ4gOHTXEGeZDBi7Mz3105+6lW3c7n5fPvOkXEh4ci/0Lx6vVbmsD6TUYtLdw6hB1iFNEFXS4ilMkzwkkl+cOSPmbx4+W//jGR6ufSRzc11P3m7dhN9++fmGoKyqU6g8QlydIuy1EFDWP8wH99TkGnQ0yBESISqf5vPwWfQlx6BxudPGMfLsxT29tAfOe8ZnH6SxdYACoCCoyBAl4FaLPJfZfQuwd5oace0wgHwzwTkglA5HRfj78Cdh9wrGHOA6+mPjYRCFMYgijmLTXHjEq5JBLNuwnzYbFxkh9EKw4hTdlppb4m3e7/U8Te9uzETiVJw6USxMmUePmBoM7W9xpGvX9Tw1lwmesL3/Axsp1vBMCyeh11lALCeonYaxGmnVAlLS7xPOHfNW5MuYLXGl0WldWW9u9QZbL879/4wzAo/vLxelAk+vvfowIOO8wb5h3mHd473Cj1YLhXhAGqFM6nSU63WVEPCoewSPqEbFd3x7FQD3eeywJhy+CyWJoH/7zXTZW7zI9M0Vtssx2s4uZ+8S9I4wCbs1vsDS3Bgpf+/Y01+fOUiqOM1X/Ck4zsqwHoqg4BIc6j3NGL12gl67g9CgWBUPiwAwTwZHRmF9lbXENUUdcinn02VkunVugudke3qOCE4EMVJRBCtutDRYX38R7JfDK5MRjJIVxmtvnSQdtGCgyGkRmgvlgeMfOHCo5suNkiAi97Q5rK5u07rQRGU4vchnVkKCqpOmoqHXoojm3199hKpgmlxYqO50gCDnOgTmze/N09Gi6J9SS5SDZ8JTZJxWLDpMMVV7pp6N2u9fsMuIZCvuQMBvtC6KCPPf3xj2tPjlmhUM+T66+cUmWri7BaJgde+w4187fZChIQv2BCrPPHGYhd63l9qD71TFf7K5fD65eP49IiveK98Kxh6bop7dHba/E4XGwk4NLW9L8P6djXeofbN9yAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_logo_zarr.png*/; background-repeat: no-repeat; background-position:right top;} #adminToolbar .actionsL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .actions {float: left; height: 26px; color: Yellow; padding: 4px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .actions div.text {float: left; padding: 2px 10px 0 0; vertical-align: top;} #adminToolbar .actions div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .actions a {color: white; text-decoration: none;} #adminToolbar .actionsR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .seoL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .seo {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .seo div.text {float: left; padding: 1px 10px 0 0; vertical-align: top;} #adminToolbar .seo div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .seo a {color: white; text-decoration: none;} #adminToolbar .seoR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .previewPageL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .previewPage {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x; text-transform: uppercase } #adminToolbar .previewPageR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbarQuotes {position: fixed; bottom: 0; background-color: #808080; width: 100%; height: 40px;left: 0; padding: 0; margin: 0; color: White; font-size: 1em; text-transform: uppercase } #adminToolbarQuotes .version {float: right; height: 40px; color: white; text-transform: uppercase; font-weight: bold;line-height: 40px; padding-right: 20px; } #adminToolbarQuotes input[type=submit].Approve {background-color: green; color: #FFF; padding: 4px 10px; font-size: 1.1em; font-family: '3dsweb'} #adminToolbarQuotes input[type=submit].Reject {background-color: #d9291c; color: #FFF; padding: 4px 10px; font-size: 1.1em;font-family: '3dsweb'} #adminToolbarQuotes input[type=text] {border: 1px solid #fff; font-family: '3dsweb'; padding: 3px 10px; width: 250px;} #adminToolbarQuotes .actions { color: #FFF; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; font-family: '3dsweb'; font-size: 1.1em;} #adminToolbarQuotes .actions div.text {float: left; padding: 2px 10px 0 0; vertical-align: top;} #adminToolbarQuotes .actions div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbarQuotes .actions a {color: white; text-decoration: none;} #adminToolbarQuotes .previewPageL {float: left; width: 3px; height: 26px; margin-left: 20px; } #adminToolbarQuotes .previewPage {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; } #adminToolbarQuotes .previewPageR {float: left; width: 3px; height: 26px; margin-right: 20px;} #devToolbar { position: fixed; bottom: 0; background-repeat: repeat-x; background-color: #ff6a00; width: 100%; height: 26px; line-height: 26px; left: 0; padding: 0; margin: 0; color: White; text-align: center; font-size: 1em; } #adminToolbarQuotes input[type=submit].Approve { background-color: green; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; } #adminToolbarQuotes input[type=submit].Reject { background-color: #d9291c; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter } #adminToolbarQuotes input[type=text], #adminToolbarQuotes input[type=email] { border: 1px solid #fff; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; padding: 3px 10px; width: 250px } #adminToolbarQuotes .actions { color: #fff; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto;float: left; font-family: 'Ubuntu','3dsweb',Helvetica,Arial,sans-serif; font-weight: lighter; font-size: 1.1em } #regForm.Payment h3, #divPaymentSection h3 {background-color: #999999; color: #fff; padding: 8px 5px;} #regBodyContent #regForm h2 {margin-bottom: 2%;} #regBodyContent #regForm { width: 46%; padding: 2%; float: right; background-color: #DADADA } #regBodyContent #regFormContent { width: 45%; float: left;} #regForm .Label { float: left; font-family: 'Ubuntu'; color: #333; font-size: 1.2em; line-height: 39px; margin-bottom: 1%; clear: left; width: 40%; text-align: right; padding-right: 2% } #regForm .Control { float: right; margin-bottom: 1%; width: 58% } #regForm .Control input[type=text], #regForm .Control input[type=email], #regForm .Control select, #regForm .Control input[type=password], #regForm3 .Control input[type=text], #regForm3 .Control input[type=password] { font-family: 'Ubuntu'; font-weight: lighter; background-color: #DBDBDB; width: 96%; padding: 1% 2%; font-size: 1.2em; margin-bottom: 3%; border: 1px solid #DBDBDB } #regGrey input[type=text], #regGrey textarea { margin-bottom: 5%; width: 45.5%; float: left; font-size: 1.2em; font-family: 'Ubuntu' !important; font-weight: lighter; } #regGrey select { background-image: url(../../Images/downarrow.png); background-size: contain; background-position: right center; background-repeat: no-repeat; text-transform: none; -webkit-appearance: none; font-family: 'Ubuntu'; font-weight: lighter; font-size: 1em; border: 0 !important; background-color: #d6291c; color: #FFF; padding: 4px 5px; } .SubscribeCheck { padding: 5px 5px 1px 5px; width: 20px; margin: 0 auto; background-color: #DADADA } #regBodyContent #regForm.Checkout { width: 96%; padding: 1% 2%; float:none; max-width: 800px; margin: 1% auto; } #regBodyContent #regForm.Checkout .Label {line-height: 40px; height: 40px; margin-bottom:1%} #regBodyContent #regForm.CTA select:focus { color: #333 } #regBodyContent #regLoginTV input[type=text], #regBodyContent #regLoginTV input[type=password] , #regNotCustomer input[type=text], #regNotCustomer input[type=password] ,#regBodyContent #regForm3 input[type=text], #regBodyContent #regForm input[type=text], #regBodyContent #regForm input[type=email], #regBodyContent #regForm input[type=number], #regBodyContent #regForm input[type=password],#regBodyContent #regForm textarea { margin-bottom: 3%; width: 45.5%; float: left; font-size:1.2em;} #regBodyContent #regForm.CTA select { margin-bottom: 3%; width: 47.5%; float: left; padding: 1%; font-size:1.2em;color: #CCC;} #regBodyContent #regLoginTV input[type=text], #regBodyContent #regForm input[type=text], #regBodyContent #regForm input[type=text] { margin-right: 4% } #regBodyContent #regLoginTV input[type=text]:nth-child(2n), #regBodyContent #regForm input[type=text]:nth-child(2n) {margin-right: 0} #regBodyContent #regForm.CTA input[type=checkbox], .dynamicForm input[type=checkbox] { width: 20px; height: 20px; border-radius: 5px; background-color: #FFF; position: relative; border-radius: 3px; border: 1px solid #333; -webkit-appearance: none; } #regBodyContent #regForm.CTA input[type=checkbox]:checked, .dynamicForm input[type=checkbox]:checked { background: #85b358; } #regBodyContent #regForm.CTA input[type=checkbox]:checked:after, .dynamicForm input[type=checkbox]:checked:after { content: '✓'; display: inline-block; position: absolute; color: #333; font-weight: bolder; font-size: 30px; top: -16px; } #regBodyContent #regForm.Checkout input[type=text], #regBodyContent #regForm.Checkout input[type=email], #regBodyContent #regForm.Checkout select { width: 90%; background-color: #FFF; margin-bottom: 1% } #regBodyContent #regForm.AccountRegister { margin: 0 auto; margin-bottom: 2%; float: none; } #regBodyContent #regLoginTV input[type=text], #regBodyContent #regLoginTV input[type=password] {width: 96%; clear: both;} #regBodyContent #regLoginTV input[type=submit] { text-align: center; width: 98%; padding: 1% 2%} #regBodyContent #regLoginTV.SeatID {height: auto; margin:0 auto; margin-bottom: 2%; float: none;} #regBodyContent #regForm3 select{width: 101.5%; max-width: 365px;} #regBodyContent #regForm.Checkout select { max-width: none; width: 94.5%; -webkit-appearance:menulist; } #regBodyContent #regForm .Validator { float: left; clear: right; width: 10%; } #regBodyContent #regForm .Three { width: 83%; clear: both; max-width: 620px;padding-top: 0;} #regBodyContent #regForm .B { margin-right: 12%; float: left; text-align: right} .validationSummary {color: red;} /*Password Tool CSS */ #regForm #password_description { font-size: 10px; font-style: italic; } #regForm #password_strength { height: 27px; display: block; } #regForm #password_strength_border { width: 100%; height:27px; border: 1px solid #DBDBDB; margin-bottom: 3%} #regForm .strength0 { width: 100%; background: #DBDBDB; } #regForm .strength1 { width: 40%; background: #ff0000; } #regForm .strength2 { width: 60%; background: #56e500; } #regForm .strength3 { background: #399800; width: 80%; } #regForm .strength4 { background: #4dcd00; width: 100%; } #regBodyContent #regForm input[type=submit].Secure {background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; padding-left: 40px; background-position: 10px center} #regBodyContent #regLoginTV *:focus, #regBodyContent #regForm *:focus { outline: none; } #regBodyContent #regLoginTV .required_notification , #regBodyContent #regForm .required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; clear: both; height: 25px; width: 100%; text-align: right; } #regBodyContent #regLoginTV input[type=password]:focus, #regBodyContent #regLoginTV input[type=text]:focus, #regBodyContent #regForm input[type=text]:focus, #regBodyContent #regForm input[type=email]:focus, #regBodyContent #regForm input[type=number]:focus, #regBodyContent #regForm input[type=password]:focus, #regBodyContent #regForm textarea:focus {} #regBodyContent #regLoginTV input, #regBodyContent #regForm input, #regBodyContent #regForm textarea { -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } #regBodyContent #regForm input[type=submit].buttonLP {width: 100%;} #regBodyContent #regLoginTV input:required, #regBodyContent #regForm select:required, #regBodyContent #regForm input:required, #regBodyContent #regForm textarea:required { background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF+M7O6Wxt+djY63Z3/vX18qeo7ICA++Hi/Ovr75OU8Z2e7omK6GJj////SyXd4gAAAEtJREFUeNqczksKgEAMA9D0Nx/N3P+6uqplQBC7fIGkWNvhM2jfgGeFO7ZYGAmNZk0YCQOTDPjT0WVK81Jq4sqjgGvu4f/r73AJMAA5UgvJnpeyCQAAAABJRU5ErkJggg==') /*../images/forms/red_asterisk.png*/ no-repeat 95% center; } #regBodyContent #regLoginTV input[type=password]:focus:invalid, #regBodyContent #regLoginTV input[type=text]:focus:invalid, #regBodyContent #regForm select:focus:invalid, #regBodyContent #regForm input[type=text]:focus:invalid, #regBodyContent #regForm input[type=email]:focus:invalid, #regBodyContent #regForm input[type=number]:focus:invalid, #regBodyContent #regForm input[type=password]:focus:invalid, #regBodyContent #regForm textarea:focus:invalid { /* when a field is considered invalid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNpivBIUxEAJYMIhngnEB4D4PxLeBcQJhAxQhGqcBsT2aHKuQDwfiLcDsTQ2A3SB+CqyRmY+PgYmDg4wjQQ8gPgSEKsgG8AGxOuAmBNZJYugIAOPlRUDm7g4usuFgHg1yA6YAckwE5EBt64ug2x2NgOPtTW2cDIA4kCYAVF4g5qREZdMAhOS/zHA70+fGP7+B0bA16+4DNCFGcCPTfbv+/cMf37+ZPj98SMuA/hhBrzGJvsHaMCHrVsZfj16hMuA1zADLmNNZcAo/PvlC8N/3GFwGWbAAmyyXJqaDJLx8Qx85ua4DJgLM2AZEJ/FCMQXLxi+XL7M8OvhQ2yaDwLxVkakzARKxseAWAIl+kCxAKMRABQoJshhAAL3gRjk1uNwEZgmVM37oOrAAc+C5iyQyVZA7A3NeYrQNAIK5JvQsNqNrAEgwAAO6VaUCoOyHgAAAABJRU5ErkJggg==') /*../images/forms/invalid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #d45252; border-color: #b03535; } #regBodyContent #regForm textarea {width: 98%; } #regBodyContent #regLoginTV input:required:valid, #regBodyContent #regForm select:required:valid, #regBodyContent #regForm input:required:valid, #regBodyContent #regForm textarea:required:valid { /* when a field is considered valid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASdJREFUeNpiibkQzEAJYMIhngnEB4D4PxI+ABXHa4AiVOE0ILZHk7OHih+AqgMDFiQFckB8Hoj5CbjaHqpOD4gfIbtgPhGaYYAfqh7uhVggdiIx/EDqY2EGJBBS3SFXxNAqm4sunAAzwBif5na5AgYJbisGZkZ2dCljkAHM6H5frL+GYbb6QjC7VTabQZrPhuH518MMFY96MMICZMBfIH6NLBp7MQQo+J1hoc4aBhl+R4YnHw8xVD6aiM1xr2FeuIkuk3Ezg+Hnnw8Mzz4eZah6PAmX727C0sFcILZBl027kUIobOfCXLAYiC+QGI0g9YthBoDCIRQ9LPCA11D1f5FT4h0gtiLCJReg6u5gy0wgQUMgjgbiTUD8FCr+FMqPhsrfgWkACDAAdeFJlrFXYEcAAAAASUVORK5CYII=') /*../images/forms/valid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #5cd053; /*border-color: #28921f;*/ border:1px solid #28921f !important } #regBodyContent #regLoginTV.form_hint, #regBodyContent #regForm .form_hint { background: #d45252; color: white; margin-left: 8px; padding: 1px 6px; z-index: 999; /* hints stay above all other elements */ position: absolute; /* allows proper formatting if hint is two lines */ display: none; } #regBodyContent #regForm .SubmitButton {text-align: right; clear: both;} #regBodyContent #regLoginTV .form_hint::before, #regBodyContent #regForm .form_hint::before { content: "\25C0"; /* left point triangle in escaped unicode */ color: #d45252; position: absolute; top: 1px; left: -6px; } #regBodyContent #regLoginTV input:focus + .form_hint, #regBodyContent #regForm input:focus + .form_hint { display: inline; } #regBodyContent #regLoginTV input:required:valid + .form_hint, #regBodyContent #regForm input:required:valid + .form_hint { background: #28921f; } /* change form hint color when valid */ #regBodyContent #regLoginTV input:required:valid + .form_hint::before, #regBodyContent #regForm input:required:valid + .form_hint::before { color: #28921f; } /* change form hint arrow color when valid */ #regBodyContent #regLoginTV :-moz-placeholder, #regBodyContent #regForm :-moz-placeholder { color: lightgray; } #regBodyContent #regLoginTV ::-webkit-input-placeholder, #regBodyContent #regForm ::-webkit-input-placeholder { color: lightgray; } /* RESPONSIVE: MOBILE FRIENDLY FORM LAYOUT */ @media (max-width: 910px) { #regBodyContent #regForm input[type=text], #regBodyContent #regForm input[type=email], #regBodyContent #regForm input[type=number], #regBodyContent #regForm input[type=password],#regBodyContent #regForm textarea { max-width: 97%; width: 97%;font-size: 1.2em;} #regBodyContent #regForm input[type=submit] { font-family: 'Ubuntu' !important; font-weight: lighter; } #regBodyContent #regForm select, #regBodyContent #regForm.CTA select {width: 101%; padding:2% ; font-size: 1.2em; margin-right: 0} #regBodyContent #regForm input, #regBodyContent #regForm textarea { padding-right: 2%; } #regBodyContent #regForm input[type=checkbox] { clear: both; margin: 0 auto} } @media (max-width: 680px) { #regBodyContent #regForm input[type=text] {margin-right: 0} #regBodyContent #regForm {width: 96%; padding: 2%; margin-bottom: 2%; margin-top: 2%} #regBodyContent #regFormContent { width: 96%; padding: 2%; float: none} #regBodyContent #regForm .Label { clear: both;margin-top: 5px; color: #000;text-align: left; padding-right: 0;font-size: 1.2em; width: 100%; } #regBodyContent #regForm select, #regBodyContent #regForm.CTA select {width: 99%;max-width: 99%; padding:2% 1%; font-size: 1.2em;} #regBodyContent #regForm .Validator {float: left; clear: right;width: 0;} #regBodyContent #regForm .Three { width: 100%; clear: both; font-size: 1.1em; line-height: 1.3em; padding-top: 10px;} /* FOR MOBILES MAKE A BIG CHUNKY BUTTON EASY TO HIT */ #regBodyContent #regForm .B { text-align: left ; margin-right: 0; float: left } #regBodyContent #regForm input[type=submit] {width: 100%; padding: 6px 0 6px 0} #regBodyContent #regForm input[type=text], #regBodyContent #regForm input[type=email], #regBodyContent #regForm input[type=number], #regBodyContent #regForm input[type=password],#regBodyContent #regForm textarea { max-width: 95%; width: 95%;font-size: 1.2em;} #regBodyContent #regForm input[type=text]:focus, #regBodyContent #regForm input[type=email]:focus, #regBodyContent #regForm input[type=number]:focus, #regBodyContent #regForm input[type=password]:focus, #regBodyContent #regForm textarea:focus { /* add this to the already existing style */ padding: 8px 5px; font-size: 1.4em; } #regBodyContent #regForm input[type=submit].Secure {background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; background-position: 10px center; padding-left: 40px;font-size: 1.1em; } } select.unselected{ color: gray; } select{ color: black; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible; -webkit-transform: translate3d(0,0,0);} #colorbox { border: 2px solid #808080; border-radius: 5px; background: #FFF; } #cboxWrapper { max-width: none; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.6 !important; filter: alpha(opacity = 60) !important;} #colorbox{outline:0;} #cboxContent{margin:15px; overflow:visible; background:#FFF;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent { background: #FFF; padding: 1px; opacity: 1 } #cboxLoadingGraphic { background: url(../../js/colorbox/images/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #FFF; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #FFF; } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:50px; height:50px; position:absolute; top:-50px; background-repeat: no-repeat; background-position: center center; background-size: 70%;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{ background-image: url('../../js/colorbox/images/Grey_Arrow_left.svg'); right:110px;} #cboxPrevious:hover { background-image: url('../../js/colorbox/images/Blk_Arrow_left.svg'); } #cboxNext { background-image: url('../../js/colorbox/images/Grey_Arrow_right.svg'); right: 55px; } #cboxNext:hover { background-image: url('../../js/colorbox/images/Blk_Arrow_right.svg'); } #cboxClose { background-image: url('../../js/colorbox/images/Grey_Close.svg'); right: 0; } #cboxClose:hover { background-image: url('../../js/colorbox/images/Blk_Close.svg'); } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* media queries only in here for now */ @media (max-width: 1550px) { .files .tile { width: calc((25%) - (20px)); } } @media (max-width: 1350px) { .files .tile { width: calc((33.3333%) - (20px)); } } @media (max-width: 1100px) { .files .tile { width: calc((50%) - (20px)); } } @media (max-width: 1400px) { #divfix { bottom: 1%; } #divfixMenu { display: none !important;} } @media (max-width: 1350px) { #regHeader .Inner { max-width: 90%; margin: 0 auto; } #regWhite .Inner, #regGrey .Inner, #regBlue .Inner { padding: 0% 2% 0% 2%; } } @media (max-width: 1200px) { #JobCardList { width: 32%; } #regGrey .hBlogArticle { width: 32%; } } @media (max-width: 1100px) { #regTopMenuBar .menuLinks ul li ul.Show, #regTopMenuBar .menuLinks ul li ul li ul.Show { left: 10px; } #regTopMenuBar .menuLinks ul li:hover ul { left: 10px; } #regTopMenuBar .menuLinks ul li ul li ul li, #regTopMenuBar .menuLinks ul li ul li ul li.selected { background: #da291c; } #regTopMenuBar .menuLinks ul li ul li ul li a, #regTopMenuBar .menuLinks ul li ul li ul li a.selected { color: #fff; margin: -13px; } #regTopMenuBar .menuLinks ul li ul li ul li a:hover { color: #555555; } #regBodyContent .blogCategories { margin-top: 10px; width: 100% } #regBodyContent .blogContentShort { width: 100%; height: auto } #regSearchBar h1 { max-width: none } #CaseStudyListL { width: 32%; margin-right: 2% } .EventCon { width: 32%; margin-right: 2% } .OfLoc { width: 33%; margin-right: 0%; } #DAMSharing .StaffPic { margin-left: 10%; width: 20%; } #DAMSharing .BCard { margin-right: 2%; clear: right } #DAMSharing .intro { width: 50% } } @media (max-width: 1024px) { #regFooterMenu ul { width: 22%; margin: 0 2% 0 2%; } #regFooterMenu ul:nth-child(4) { margin: 0; } #regFooterMenu ul:nth-child(3) { margin-left: 0; } #regFooterMenu ul:nth-child(2) { margin-left: 0; } #regFooterMenu .MenuLinks { padding-left: 1% } #regGrey .OfficeMap { display: none; } #regGrey .OfficeList { width: 80%; margin: 0 10%; text-align: center; } #regTechBlog { width: 60%; float: left } #regQuickLinks { width: 35%; float: right } #regDemoSchedule #divMapSection img { width: 80%; } .cd-top { height: 60px; width: 60px; left: 30px; bottom: 30px; } } @media (max-width: 1000px) { .across-four { grid-column: span 6; } .across-eight { grid-column: span 6; } .across-five {grid-column: span 6;} .across-seven {grid-column: span 6;} .flex-row-gap { grid-row-gap: 10px; } #regHeader .Inner { max-width: 87%; margin: 0 auto; } .swks-logo { display: none; } } @media (max-width: 960px) { #regSearchBarC { display: none } #regBodyContent #mySSM-login #regNotCustomer .mySSMbtn { width: 100%; } #regBodyContent #mySSM-login #regLoginTV .mySSMbtn { width: 100%; } #regBodyContent .FormDetail div { clear: both; margin-bottom: 2%; width: 100%; margin-right: 0; } #regBodyContent .FormDetail div select { width: 100%; padding: 1%; } #regBodyContent .FormDetail .Label { clear: both; width: 98%; } #regBodyContent .FormDetail div input[type=submit] { font-size: 1em; width: 100%; } #regBodyContent .FormDetail div input[type=text] { padding: 0.5% 1%; font-size: 1em; width: 98%; } .Inn { height: 222px; margin-top: 0; } #regBodyContent .EventPanel .Description .Inn { height: auto } #regGrey .SKUsTable { width: 54%; padding: 1%; } #regGrey .SKUsTable .Item .Size { width: 42%; } #regGrey .SKUsTable .Item .price { width: 52%; } #regBuy { float: left; width: 40%; padding: 1%; } #regGrey .USPs li { width: 100%; } #divPopup { margin: 0; z-index: 9999999; height: 47%; width: 66%; padding: 1.5% 2%; position: fixed; left: 15%; top: 15%; } .MyAccountPanel { width: 43%; height: 140px; } #regGrey .ProdThumbs .Th { float: left; min-height: 375px; width: 32%; margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(4n) { margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(4n-7) { margin: 2% 1%; } #regGrey .ProdThumbs .Th:nth-child(3n) { margin-right: 0; } #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin-left: 0; } #regGrey .hBlogArticle .Title { font-size: 1.2em; } #regGrey .BlogListing .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; } #regGrey .BlogListing .hBlogArticle:nth-child(3n) { margin: 1% 2% 1% 0; } #regGrey .BlogListing .hBlogArticle:nth-child(2n) { margin-right: 0; } #regSearchBarC { display: none } #offLoc { flex-direction: column; } } @media (max-width: 910px) { #JobCardList { width: 48%; } #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent textarea { max-width: 97%; width: 97%; font-size: 1.2em; } #regBodyContent input[type=submit] { font-family: 'Ubuntu' !important; font-weight: 400; } #regBodyContent select, #regBodyContent #regForm.CTA select { width: 101%; padding: 2%; font-size: 1.2em; margin-right: 0 } #regBodyContent #regForm input, #regBodyContent textarea { padding-right: 2%; } #regBodyContent input[type=checkbox] { clear: both; margin: 0 auto } .across-three { grid-column: span 6; } .EventCon { width: 98%; margin-right: 4%; margin-top: 2% } #searchResults .Thumbnail { width: 98%; margin-right: 4%; margin-top: 2% } #regBodyContent .Datagrid table, #regBodyContent .Datagrid thead, #regBodyContent .Datagrid tbody, #regBodyContent .Datagrid th, #regBodyContent .Datagrid td, #regBodyContent .Datagrid tr { display: block; } #regBodyContent .Datagrid { width: 100%; margin: 1px } #regBodyContent .Datagrid .datagridHeader td { position: absolute; top: -9999px; left: -9999px; } #regBodyContent .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td { /* Behave like a "row" */ border: none; background-color: #FFF; position: relative; padding: 0.1%; width: 100%; vertical-align: top; text-align: center; } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1) a, #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) a { color: #333; } #regBodyContent .Datagrid .datagridItem td:first-child, #regBodyContent .Datagrid .datagridAlternatingItem td:first-child { border-top: 2px solid #D4D4D4; padding-top: 1.5%; margin-top: 1.5%; } #regBodyContent .Datagrid .ReadMoreButton { width: 98%; padding: 1%; font-size: 1.1em; margin-top: 8px } #regEvenOrg { clear: both; width: 96% } #regEvenOrg img { max-width: none; margin-bottom: 0 } #regBodyContent .Datagrid .datagridItem td:nth-of-type(1), #regBodyContent .Datagrid .datagridAlternatingItem td:nth-of-type(1) { font-size: 1.2em; font-weight: 400; } #regBodyContent #regForm input[type=submit] { font-family: 'Ubuntu Condensed' } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2% } #JobPage { flex-direction: column-reverse; } .Launch {height:250px;} .Inside {font-size: 1.3em;} } @media (max-width: 880px) { #searchResults .Thumbnail { width: 45%; margin: 2% 4% 2% 3%; } #searchResults .Thumbnail:nth-child(3n) { margin-left: 27% } #searchResults .Thumbnail:nth-child(2n) { margin-right: 0; margin-left: 0 } #CaseStudyList { width: 32%; margin: 2% 2% 1% 0; min-height: 245px; } #CaseStudyList:nth-child(4n) { margin-right: 2% } #CaseStudyList:nth-child(3n) { margin-right: 0 } #CaseStudyListL { width: 48%; margin-right: 4% } #CaseStudyListL:nth-child(3n) { margin-right: 4% } #CaseStudyListL:nth-child(9n) { margin-left: 0 } #CaseStudyListL:nth-child(2n) { margin-right: 0; margin-left: 0; } #CaseStudyListL h2 a { font-size: 0.9em; } .EventCon { width: 48%; margin-right: 4% } .EventCon:nth-child(3n) { margin-left: 26% } .EventCon:nth-child(2n) { margin-right: 0; margin-left: 0; } .EventCon .HeadImg { display: none; } .EventCon .HTCon { width: 100%; } .TeamM { width: 22%; margin-right: 4% } .TeamM:nth-child(5n) { margin-right: 4%; } .TeamM:nth-child(4n) { margin-right: 0 } .MainJobConL { width: 60%; } .MainJobConR { width: 35%; } .OfLoc { width: 100%; margin-right: 0%; text-align: center; } #regWhite .OfLocH2 { text-align: center; } .Inn { text-align: center; height: 234px; } #regBodyContent .EventPanel .Description .Inn { height: auto } .OffCon { width: 29%; } .OffCon:nth-child(2n) { width: 66%; } #regBodyContent .blogContent { flex-basis: 90%; } #regBodyContent .blogContent, #regBodyContent .blogIntro {margin: 0 5%;} #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { padding: 2%; } .Launch {height:250px;} .Inside {font-size: 1.3em;} } @media (max-width: 835px) { #regTechBlog { width: 47%; float: left } #regQuickLinks { width: 47%; float: right } #regQuickLinks h2 { margin-bottom: 4%; } #DAMSharing .StaffPic { margin-left: 5%; } #DAMSharing .BCard { margin-right: 5% } .footerColumn { flex-wrap: wrap; flex-grow: 1; padding-top: 2%; } #regGrey .hBlogArticle { width: 48%; } } @media (max-width: 770px) { .CPDQuestion { top: 5%; font-size: 1em; } .CPDQuestion .top img { max-width: 100px } .CPDQuestion .button { margin: 5px auto } .CPDQuestion .bottom { font-size: 0.9em } #regRHS { display: none; } div#wrapper { float: left; width: 100%; margin-left: 0; } #regBodyContent .BlogEntries, #regBodyContent .BlogDetail { margin-left: 0; display: block; clear: both; } #regWhite h1 { font-size: 1.8em; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.5em; } #regHeader #regSearchMob, #regHeader #regAccount { display: inline-block; cursor: pointer } #regTopBar .Inner .SearchBox { float: none; width: 98%; margin: 1%; } #regTopBar .Inner .SearchBox .TextBox { width: 96%; padding: 1% 2%; font-size: 1.2em; vertical-align: top; } #regTopBar .Inner .SearchBox input[type=submit] { margin-left: 5px; cursor: pointer; color: #FFF; padding: 2px 10px !important; font-size: 16px; background-color: #d6291c } #regTopBar .Inner .SearchBox .sButton { width: 12%; height: auto; float: right; display: table-cell; margin-left: 0 } #regTopBar .Inner .SearchBox .sBox { width: 88%; height: auto; float: left; display: table-cell } #regHeader .excellence-top { font-size: 1.1em; font-weight: 100; } #regHeader .excellence-bottom { font-size: 1.8em; font-weight: 700; } #regFooterMenu ul { width: 45%; margin: 0 2% 0 2%; } #regFooterMenu ul:nth-child(even) { border-right: 0; } #regFooterMenu ul:nth-child(3) { margin-top: 20px; margin-left: 2% } #regFooterMenu ul:nth-child(4) { margin: 20px 2% 0 0; } #regFooterMenu .MenuLinks { padding-left: 2%; } #regFooterMenu .MenuLinks ul li { display: list-item; } #regFooterMenu .Copyright { clear: right; width: 48%; text-align: right; } #regGrey .OfficeList { float: left; width: 98%; margin: 1%; } #regGrey .OfficeMap { float: none; width: 98%; margin: 1%; clear: left; text-align: center; } #googleMap.GoogleMapContainer { width: 50% } #regGrey .feefo_RatingText .Inn { margin-top: 0; } #regGrey .feefo_Posted { display: none; } #regGrey .feefo_PostedText { width: 25%; } #regGrey .feefo_ProductName, #regGrey .feefo_ProductNameText { width: 26%; clear: none; } #regGrey .feefo_ProductNameText { clear: both; width: 74%; } #regGrey .feefo_Rating { display: none; } #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; } #regGrey .feefo_CommentText { width: 72%; margin-left: 26%; padding-top: 0; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 74%; margin-left: 26%; padding-top: 0; } #regGrey .feefo_CommentW { margin-left: 0; } #regPurchaseOptions { border-bottom: 0; } #regGrey .SKUsTable { width: 98%; clear: both; float: none; border: 0; } #regBuy { width: 98%; clear: both; border: 0; float: none; text-align: right; } #regGrey #tabsProduct .left, #regGrey #tabsProduct .right { width: 100%; float: left; clear: right; } #regGrey #tabsProduct .bottom { padding-top: 1%; } #regSocialNetworking { display: none; } #regGrey .WhyBuy { width: 70%; } #regGrey input[type=radio] { transform: scale(1.4); } #regBodyContent .PaymentRHS { width: 96%; padding: 1% 2%; float: right; margin-bottom: 2%; } #regBodyContent .PaymentLHSO { margin-bottom: 2%; width: 96%; padding: 1% 2%; float: left; } #regBodyContent .InvoicePDF { width: 96%; padding: 1% 2%; } #regBodyContent .InvoicePDF input[type=image] { max-width: 50px; height: auto; } #regSecure .Cert { float: left; clear: right; text-align: center; width: 94%; padding: 1%; margin: 0 2% 1% 2%; } #regSecure .Blurb { float: right; text-align: center; width: 100%; padding: 1%; } #regGrey .hBlogArticle .Title { font-size: 1.2em; } #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 49%; margin: 1% 2% 2% 0; } #regGrey .hBlogArticle:nth-child(2n) { margin-right: 0; } #regGrey .hBlogArticle .Content { height: 150px } .CPDQuestion { top: 5%; font-size: 1em; } .CPDQuestion .top img { max-width: 100px } .CPDQuestion .button { margin: 5px auto } .CPDQuestion .bottom { font-size: 0.9em } .cd-top { left: 20px; bottom: 20px; } } @media (max-width: 700px) { .across-three { grid-column: span 6; } .across-five {grid-column: span 12;} .across-seven {grid-column: span 12;} .across-six { grid-column: span 12; } .across-eight { grid-column: span 12; } .across-four { grid-column: span 12; } .across-nine { grid-column: span 12; } .videosCarousel { margin: 15px 0; } .carouselWrap { padding: 20px 5px 20px 20px; } .carouselImg { height: 130px; } .carouselTile { width: 240px; } .carouselTitle { padding: 5px; font-size: 1.05em; } .carouselText { font-size: 0.9em; } .carouselArrow { opacity: 0.3; width: 48px; } #regHeader .excellence { display: none; } #regHeader .SolidWorks { display: none; } #regHeader .three { grid-template-columns: repeat(1, 1fr); } #regHeader .Inner { max-width: 80%; } #regHeader .Logo img { max-width: 80%; width: 100%; height: auto; padding: 2% 2% 2% 10%; } #divfixMenu { display: none; } #divfixMenuTitle { display: none; } #regBreadCrumb .Inner { justify-content: center; } #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 263px; } } @media (max-width: 680px) { #regSearchBarControls { width: 420px; } #regWhite h1 { font-size: 1.6em; text-align: center } #regWhite .VidMainTitle h1 { text-align: left; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.4em; } #regHeader .Nav { display: none; } #regHeader .SolidWorks { width: 5%; margin-left: 0 } #regHeader .MySolidSolutions { clear: both; float: right; width: 100%; margin: 0; display: block } #regHeader .Tel { padding: 0 0 1% 0 } #regHeader #regSearchMob { margin-left: 0 } #CaseStudyList { max-height: 300px; width: 48%; margin: 2% 4% 2% 0; } #CaseStudyList:nth-child(3n) { margin-right: 4% } #CaseStudyList:nth-child(2n) { margin-right: 0 } #regBodyContent #regForm { width: 96%; } #regCallToActionFormRight { width: 96%; float: left; min-height: 100px; padding: 1% 2% } #regBodyContent .EventPanel { clear: both; width: 100%; } #regEvenLoc, #regBodyContent .EventPanel .TitleDate, #regBodyContent .EventPanel .Description, #regBodyContent .EventPanel .Prerequisites { margin: 0 0 2% 0; } #regEvenOrg { width: 96%; clear: both; margin-top: 0; } #googleMap.GoogleMapContainer { width: 100%; clear: both; } #regEvenOrg img { max-width: 140px; } .MainJobConL { width: 100%; } .MainJobConR { width: 100%; margin-top: 0; } .MainJobBodyR { width: 100%; margin-right: 0%; min-height: 0; margin-bottom: 5%; } .MainJobBodyR:nth-child(3n) { width: 100% } .MainJobBodyR:nth-child(2n) { margin-left: 0; margin-right: 0 } .MainJobImg { padding: 0 11%; } .MainJobTxtR { padding: 3%; } #regGrey .MainJobTxtL { padding: 3%; } #regTechBlog, #regQuickLinks, #regDemoSchedule #divMapSection { width: 100%; } #regDemoSchedule #divSeminarSection { width: 96%; } #regDemoSchedule #divMapSection img { width: 80%; margin: 5% 10% } #regDemoSchedule .CTA { width: 98% } #googleMap.dirMap { width: 98%; padding: 1%; height: 400px; clear: both; } .dirInst { width: 98%; padding: 0 1%; clear: both; float: right } #regGrey .CartDelivery .Label { float: left; width: 100%; text-align: left; padding: 1% 0; } #regForm.Checkout .Control { float: right; text-align: left; padding-bottom: 5px; width: 100%; } #regGrey .CartDelivery select { float: right; font-size: 1em; margin-left: 1%; width: 100%; } #regBodyContent #regForm.Checkout input { padding: 2% 2% } #divPopup .ProductBDetails div { display: block; clear: both; width: 96%; text-align: center; padding: 2%; font-size: 1.3em; vertical-align: middle; font-weight: bold; } #divPopup .ProductBDetails div.img { width: 96%; text-align: center; } #divPopup .ProductBDetails div.img img { max-width: 100px; } #divPopup .ProductBDetails div.name { width: 96%; } #divPopup .ProductBDetails div.price { width: 96%; text-align: center; color: #d6291c; font-weight: bold; } #divPopup .GenericButton, #divPopup .SubmitButton { clear: both; float: none; margin: 2%; width: 96%; box-sizing: border-box } #regExisting { clear: both; width: 100%; margin-bottom: 2%; } #regGuest { clear: both; width: 100%; } #regBodyContent .CartLoginBox { min-height: 0; padding: 1% 5% 3% 4%; } #regGrey .ProductPhotos { margin: 1% 10%; width: 80%; } #regGrey .MainPhoto { float: left; width: 100%; text-align: center; } #regGrey .BuyNow { width: 100%; } #DAMSharing .StaffPic { margin-left: 0; width: 28%; } #DAMSharing .BCard { margin-right: 0 } #tabsSearch ul.tabs { padding: 0; border-bottom: 0 } #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; } #tabsSearch ul.tabs li.active { background-image: none } #tabsSearch ul.tabs li img { float: none; } #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA } #tabsSearch ul.tabs { padding: 0; border-bottom: 0 } #tabsSearch ul.tabs li { width: 100%; text-align: right; font-size: 1.3em; clear: both; box-sizing: border-box; border-radius: 0; border: 0; border-top: 2px solid #BABABA; padding: 15px 15px; background-image: url(../../Images/tv/mag_glass.png); background-position: left 10px bottom 10px; background-repeat: no-repeat; background-size: 30px; } #tabsSearch ul.tabs li.active { background-image: none } #tabsSearch ul.tabs li img { float: none; } #tabsSearch ul.tabs li:last-child { border-bottom: 2px solid #BABABA } #regBodyContent input[type=text] { margin-right: 0 } #regBodyContent #regFormContent { width: 96%; padding: 2%; float: none } #regBodyContent .Label { clear: both; margin-top: 5px; color: #000; text-align: left; padding-right: 0; font-size: 1.2em; width: 100%; } #regBodyContent select, #regBodyContent #regForm.CTA select { width: 99%; max-width: 99%; padding: 2% 1%; font-size: 1.2em; } #regBodyContent .Validator { float: left; clear: right; width: 0; } #regBodyContent .Three { width: 100%; clear: both; font-size: 1.1em; line-height: 1.3em; padding-top: 10px; } /* FOR MOBILES MAKE A BIG CHUNKY BUTTON EASY TO HIT */ #regBodyContent .B { text-align: left; margin-right: 0; float: left } #regBodyContent input[type=submit] { width: 100%; padding: 6px 0 6px 0 } #regBodyContent input[type=text], #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=password], #regBodyContent #regForm textarea { max-width: 95%; width: 95%; font-size: 1.2em; } #regBodyContent input[type=text]:focus, #regBodyContent input[type=email]:focus, #regBodyContent input[type=number]:focus, #regBodyContent input[type=password]:focus, #regBodyContent textarea:focus { /* add this to the already existing style */ padding: 8px 5px; font-size: 1.4em; } #regBodyContent input[type=submit].Secure { background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; background-position: 10px center; padding-left: 40px; font-size: 1.1em; } } @media (max-width: 600px) { #JobCardList { width: 47%; } .files .tile { width: calc((100%)- (20px)); clear: both; } #mySSM-login { flex-direction: column; } #regLoginTV { margin: 11px; } #regNotCustomer { margin: 11px; } .across-four { grid-column: span 12; } .across-three { grid-column: span 12; } .across-eight { grid-column: span 12; } .across-nine { grid-column: span 12; } .excel-mob { display: block; font-size: 1.4em; font-weight: 400; } .excel { display: none; } #regGrey .ProdThumbs .Th { float: left; min-height: 310px; width: 47%; margin: 2% 1.5%; } #regGrey .ProdThumbs .Th:nth-child(3n) { margin: 2% 1.5%; } #regGrey .ProdThumbs .Th:nth-child(3n-8) { margin: 2% 1.5%;} #regGrey .ProdThumbs .Th:nth-child(2n) { margin-right: 0; } .Launch {height:200px;} .gRight {background:linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1));} .gLeft {background:linear-gradient(to right, rgba(218,41,28,0.4), rgba(218,41,28,1));} .headerContainer .trimech-logo, .headerContainer .javelin-logo {display:none} .headerContainer .ssm-logoB { border-left: 0; border-right: 0; } } @media (max-width: 550px) { .files .tile { width: calc((100%)- (20px)); clear: both; } #regBodyContent .blogCategories { margin-top: 0 } #regTopBar .Inner .SearchBox .sButton { width: 16%; height: auto; float: right; display: table-cell; margin-left: 0 } #regTopBar .Inner .SearchBox .sBox { width: 84%; height: auto; float: left; display: table-cell } #regTopBar .Inner .SearchBox input[type=submit] { padding: 6% 5px; } #regWhite h1 { font-size: 1.4em; } #regGrey h2, #regBlue h2, #regMySolidSolutions h2 { font-size: 1.3em; } #searchResults .Thumbnail { width: 100%; margin: 5% 0; } #searchResults .Thumbnail:nth-child(3n) { margin-left: 0; margin-right: 0; } #searchResults .Thumbnail:nth-child(2n) { margin-left: 0; margin-right: 0; } #CaseStudyList { margin: 3% 4% 3% 0; } #CaseStudyList:nth-child(2n) { margin-right: 0 } #CaseStudyListL { width: 100%; min-height: 0; margin: 5% 0 } #CaseStudyListL:nth-child(2n) { margin-left: 0; margin-right: 0; } #CaseStudyListL:nth-child(3n) { margin-right: 0; } #CaseStudyListL:nth-child(9n) { margin-left: 0 } .EventCon { width: 100%; margin: 5% 0 } .EventCon:nth-child(3n) { margin-left: 0; } .EventCon:nth-child(2n) { margin-left: 0; margin-right: 0; } .DemoBod, .EventCon .ProdTxt { height: auto; padding: 3%; min-height: 0; } .EventCon .Control { margin: 0 auto; padding-top: 15px; } #CallToAction { padding: 2.5%; margin: 4% 0 -5% -6%; width: 106%; min-width: 0; } .TeamM { width: 30%; margin-right: 5% } .TeamM:nth-child(5n) { margin-right: 5%; } .TeamM:nth-child(4n) { margin-right: 5% } .TeamM:nth-child(3n) { margin-right: 0 } .MainJobBodyR { width: 100%; margin-right: 0; min-height: 0 } .MainJobImg { padding: 0 20%; } .OffCon { width: 100%; } .Map { width: 53%; margin: 7%; } .OffCon:nth-child(2n) { width: 100%; } a.OffImg img { margin-bottom: 0; } #regGrey .hBlogArticle .Title { font-size: 1.2em; height: 60px; } #regGrey .BlogListing .hBlogArticle, #regGrey .hBlogArticle { float: left; min-height: 0; width: 96%; margin: 1% 2% 2% 2%; } #regGrey .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(2n), #regGrey .BlogListing .hBlogArticle:nth-child(3n), #regGrey .BlogListing .hBlogArticle:nth-child(4n) { margin: 1% 2% 2% 2%; } #regGrey .hBlogArticle .Content, #regGrey .hBlogArticle .Title { height: auto; padding: 2% } #DAMSharing .intro { width: 100%; } #DAMSharing .StaffPic { display: none } #DAMSharing .BCard { float: left; margin-bottom: 5%; } #DAMSharing .BCardL { display: none; } #DAMSharing .BCardR { border-radius: 16px; width: 98%; } } @media (max-width: 480px) { #regSearchBarControls { width: 320px; } #IMG-MASTHEAD h2 {letter-spacing: 7px;} #JobCardList { width: 100%; } .pSSG p { display: none; } .card-headingTitle { font-size: 1em; order: 1; text-align: left; padding: 15px; } .filters .filtersContainer { width: 98%; float: none; margin: 1% } .across-three { grid-column: span 12; } .across-nine { grid-column: span 12; } .across-eight { grid-column: span 12; } #regTopBar .Inner .SearchBox .sButton { width: 20%; height: auto; float: right; display: table-cell; margin-left: 0; } #regTopBar .Inner .SearchBox .sBox { width: 80%; height: auto; float: left; display: table-cell; } #regHeader .SolidWorks #img { display: none; } #regHeader .Logo { width: 80%; margin: 1% 2% 1% 4%; } #regHeader .Search { margin-right: 5px; } #regHeader #regSearchMob { margin-left: 0; } #regHeader .Logo img { margin-left: 6%; } #regHeader .Logo, #regTopProd { width: 98%; margin: 2% 1% 1% 1%; } #regTopPageContent .Inner .Desc { width: 96%; margin-top: 0; padding: 2%; float: left; font-size: 0.9em; } #regTopPageContent h1 { margin-bottom: 15px; font-size: 1.6em; line-height: 32px; font-weight: normal; color: #515153; } #regGrey .feefo_Posted, #regGrey .feefo_PostedText { width: 35%; } #regGrey .feefo_RatingText { width: 60%; clear: right; padding-bottom: 0; } #regGrey .feefo_Comment, #regGrey .feefo_CommentText { width: 64%; margin-left: 36%; padding-top: 0; } #regGrey .feefo_CommentW, #regGrey .feefo_CommentTextW { width: 64%; margin-left: 36%; padding-top: 0; } #regGrey .feefo_CommentW { margin-left: 1%; padding: 0; } #regFooterMenu ul, #regFooterMenu ul:nth-child(3), #regFooterMenu ul:nth-child(2), #regFooterMenu ul:nth-child(4) { width: 80%; margin: 2% 10%; text-align: center; border-right: none; } #regFooterMenu .MenuLinks { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; } #regFooterMenu .Copyright { float: left; clear: both; width: 80%; margin: 2% 10%; padding: 0; text-align: center; } #regFooterMenu ul li, #regFooterMenu .MenuLinks ul li { padding: 1%; font-size: 1.3em; } #divPopup { margin: 0; z-index: 9999999; height: 56%; width: 86%; padding: 1.5% 1%; position: fixed; left: 5%; top: 20%; } .offDetails { flex-direction: column; } #offLoc .Map { width: 100%; margin: 0%; } .matrix { font-family: 'Open Sans Condensed',sans-serif; font-weight: 600; } #matrix-container .accordion-header { max-width: 170px; } #regBodyContent input[type=email], #regBodyContent input[type=number], #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent textarea { font-size: 1.1em; } input[type='checkbox'] { width: 20px; height: 20px; background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #555; } input[type='checkbox']:checked { background: #abd; } #regBodyContent .subMenu li {flex-basis: 20%;} } @media (max-width: 400px) { #CaseStudyList { width: 100%; margin: 5% 0; } .TeamM { width: 48%; margin-right: 4% } .TeamM:nth-child(5n) { margin-right: 4%; } .TeamM:nth-child(3n) { margin-right: 4% } .TeamM:nth-child(2n) { margin-right: 0 } #DAMSharing .BCard2 { display: none; } .card-headingTitle { font-size: 1.2rem; } .ssm-logo { font-size: 1.2em; } .card-headingTitle { font-size: 1.2rem; } .myssm-logo { font-size: 1.2em; } } @media (max-width: 375px) { .dt { display: none; } .mb { display: block; } #regSearchBar, #regSearchBarC { display: none; } .blogDateFiled { padding: 10px; } .blogIntro { margin: 0%; } #regBodyContent .blogContent { margin: 0%; } #matrix-container .accordion-header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 170px; } .headerContainer { justify-content: flex-end; padding-right: 13px; } #regBodyContent ul li, #regBlue ul li, #regGrey ul li { text-indent: -1.85714em; } #IMG-MASTHEAD .MastheadCTA { animation: none; } } /* Container for BookShelf /*/ #bookshelf { margin-top:50px; } .bs-container { max-width: 850px; margin: 0 auto; background:#FFFFFF; overflow:hidden; margin-bottom:0px; text-align:center; } /* Description for BookShelf /*/ .bs-description{ font-family:Tahoma, Helvetica, sans-serif; margin-bottom:18px; margin-top:0px; color:#333333; } .bs-description h3{ font-size:30px; margin-bottom:20px; margin-top:0px; font-family: 'GothamRounded-Medium'; font-weight:200; color:#1c1c1c; } .bs-description p{ font-size:12px; margin-bottom:6px; margin-top:0px; } /* Shelf /*/ .bs-container .bs-shelf{ position:relative; height:150px; margin-bottom:10%; } /* Shelf - image /*/ .bs-container .bs-shelf-image { width: 140px; height: 100%; display: inline-block; vertical-align:bottom; position:relative; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:15px; max-width: 100%; } .bs-container .bs-shelf-image:hover { cursor:pointer; } .bs-container .bs-shelf-image:last-child { margin-right:0px; } .bs-container .bs-shelf-image:nth-child(2) { margin-left:0px; } .bs-container .bs-shelf-image img { max-width:100%; max-height:100%; box-shadow: 0px 0px 3px #666666; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Image - textbox /*/ .bs-container .bs-shelf-image .bs-mask { width:100%; height:100%; pointer-events: none; overflow:hidden; position:relative; } .bs-container .bs-shelf-image .bs-textbox { position:absolute; background:#FFFFFF; width:100%; bottom:-100px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity:1; padding:5px 0; pointer-events: none; } .bs-container .bs-shelf-image .bs-textbox p { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; margin:0; line-height:1.5; } /* Shelf - background /*/ .bs-container .bs-shelf-background{ position:absolute; border:0px solid #FF0000; left:0; bottom:-15px; width:100%; height:35px; } .bs-container .bs-shelf-background .bs-rectangle { width:100%; height:100%; border:0px solid #FFF000; position:absolute; top:0; left:0; -webkit-transform: perspective(100px) rotateX(15deg); -webkit-transform-origin: 50% 100% 0; -ms-transform: perspective(100px) rotateX(15deg); -ms-transform-origin: 50% 100% 0; box-shadow: 0px 7px 1px #CCCCCC; background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.06) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.06) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#0f000000',GradientType=0 ); } .pdff-abs-center { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pdff-abs-h-center { position: absolute; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .pdff-container { min-height: 320px; background: no-repeat 50%; background-size: cover; width: 100%; position: relative; /* background-color: #A6322D; */ /*Smoothing of images in Firefox*/ image-rendering: auto; direction: ltr; } .pdff-container.pdff-transparent:not(.pdff-fullscreen) { background: transparent !important; } .pdff-container.pdff-custom-fullscreen.pdff-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; border: 0 !important; z-index: 999999; } .pdff-container .loading-info { position: absolute; top: 100%; margin-top: 20px; margin-left: 5px; padding: 6px 20px; background-color: rgba(0, 0, 0, 0.09); text-transform: uppercase; border-radius: 5px; font-size: 10px; max-height: 30px; color: #fff; max-width: 200px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; opacity: 0.7; transition: 0.3s top ease; -webkit-transition: 0.3s top ease; } .loading-info.pdff-old-browser { color: gray; background-color: white; opacity: 0.9; text-align: center; max-height: none; } .loading-info.pdff-old-browser a { font-weight: bold; font-style: normal; text-transform: uppercase; color: #2196F3; display: block; text-decoration: underline; margin: 10px 0 0; } .pdff-container.pdff-init .loading-info { top: 50%; } .pdff-3dcanvas { position: absolute; z-index: 1; right: 0; } .pdff-rtl .pdff-3dcanvas { right: auto; right: initial; left: 0; } .pdff-container > canvas { } .pdff-container a { outline: none; text-decoration: none; box-shadow: none; } .pdff-container.pdff-zoom-enabled canvas.pdff-3dcanvas, .pdff-container.pdff-zoom-enabled .ppdff-flipbook-stage { cursor: move; /*noinspection Annotator*/ cursor: -webkit-grab; } .pdff-container:before, .pdff-container:after { content: " "; transition: 0.3s 0.1s opacity; -webkit-transition: 0.3s 0.1s opacity; opacity: 0; height: 50px; width: 50px; left: 50%; top: 50%; font-size: 12px; margin: -45px -25px -25px; box-sizing: border-box; position: absolute; pointer-events: none; } .pdff-container.pdff-loading:before, .pdff-container.pdff-loading:after { content: " "; z-index: 100; opacity: 1; /*display:none;*/ } .pdff-container.pdff-loading .pdff-loading-icon { } .pdff-container.pdff-loading:after { content: " "; background-image: url("../../js/pflip/images/loading.gif"); background-repeat: no-repeat; background-size: 35px; background-position: 50%; } .pdff-container.pdff-loading:before { background-color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px solid rgba(62, 71, 79, 0.1); } .ppdff-flipbook-stage { position: absolute; overflow: hidden; right: 0; bottom: 0; z-index: 1; top: 0; left: 0; /*Blurry image fixation*/ filter: blur(0); -webkit-filter: blur(0); padding: 30px 50px 70px; } .pdff-floating .ppdff-flipbook-stage { } .pdff-container.pdff-xs .ppdff-flipbook-stage { padding-left: 20px; padding-right: 20px; } .pdff-container.pdff-sidemenu-open .ppdff-flipbook-stage { padding-left: 230px; padding-right: 10px; } .pdff-container.pdff-sidemenu-open > .pdff-ui-btn.pdff-ui-prev { left: 220px; } .pdff-rtl.pdff-container.pdff-sidemenu-open > .pdff-ui-btn.pdff-ui-prev { left: 0; } .pdff-rtl.pdff-container.pdff-sidemenu-open > .pdff-ui-btn.pdff-ui-next { right: 220px; } .ppdff-flipbook-stage.pdff-zoom-enabled { cursor: move; } .pdff-page-front:before, .pdff-page-back:before { content: " "; } .ppdff-flipbook-page .pdff-page-front:before { background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); } .ppdff-flipbook-page .pdff-page-back:before { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0)); } .ppdff-flipbook-wrapper, .pdff-page-wrapper, .ppdff-flipbook-page, .pdff-page-content, .pdff-page-front:before, .pdff-page-wrapper:after, .pdff-page-back:before, .pdff-page-content:after, .pdff-page-effects, .pdff-page-effects:before, .pdff-page-effects { position: absolute; height: 100%; display: block; top: 0; } .pdff-page-content, .ppdff-flipbook-page { width: 100%; } .ppdff-flipbook-wrapper { position: relative; margin: 0 auto; transition: 0.3s left; -webkit-transition: 0.3s left; left: 0; /* box-shadow: 0 2px 8px #aaa; */ } .pdff-zoom-enabled .ppdff-flipbook-wrapper { transition: none; -webkit-transition: none; } .pdff-loading.pdff-container .ppdff-flipbook-wrapper { left: 100%; } .ppdff-flipbook-wrapper.close-right { left: 25%; } .ppdff-flipbook-wrapper.close-left { left: -25%; } .ppdff-flipbook-shadow { position: absolute; z-index: -1; height: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .ppdff-flipbook-wrapper .ppdff-flipbook-side-buttons { position: absolute; left: 100%; width: 40px; opacity: 0.3; height: 100%; cursor: pointer; z-index: 30; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } .ppdff-flipbook-prev-button.ppdff-flipbook-side-buttons { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } .ppdff-flipbook-wrapper .ppdff-flipbook-side-buttons:hover { opacity: 0.5; background-color: rgba(0, 0, 0, 0.18); } .ppdff-flipbook-wrapper .ppdff-flipbook-prev-button { right: 100%; left: auto; left: initial; } .ppdff-flipbook-wrapper .ppdff-flipbook-side-buttons:before { position: absolute; font-size: 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; } .ppdff-flipbook-wrapper .ppdff-flipbook-prev-button:before { } .pdff-page-wrapper { overflow: hidden; } .pdff-hard-page .pdff-page-wrapper { width: 100% !important; height: 100% !important; overflow: visible; transform-style: preserve-3d; -webkit-transform-origin: 0 50% 0; -moz-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; transform-origin: 0 50% 0; } .ppdff-flipbook-page.pdff-flipping, .ppdff-flipbook-page.pdff-folding { box-shadow: -2px 0 10px rgba(0, 0, 0, 0.0); } .ppdff-flipbook-page.pdff-left-side { left: 0; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .ppdff-flipbook-page.pdff-right-side { left: 50%; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .ppdff-flipbook-page.pdff-hard-page { } .ppdff-flipbook-page.pdff-right-side + .pdff-page-wrapper.pdff-right-side { z-index: -1; } .ppdff-flipbook-page .pdff-page-front, .ppdff-flipbook-page .pdff-page-back { width: 100%; background-size: 100.5% 100%; background-size: 100% 100%; height: 100%; background-color: white; position: absolute; box-sizing: border-box; } .pdff-page-back > canvas, .pdff-page-front > canvas { width: 100%; position: relative; z-index: -1; } /*right left shadow during flip*/ .pdff-page-wrapper:before { } .pdff-quick-turn:before { opacity: 0; } .ppdff-flipbook-page.pdff-flipping.pdff-left-side:before { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); width: 10px; left: -10px; } .ppdff-flipbook-page.pdff-right-side:before { } .ppdff-flipbook-page { width: 50%; } .ppdff-flipbook-page.pdff-flipping, .ppdff-flipbook-page.pdff-folding { z-index: 200 !important; } .pdff-page-content { background-size: 100.25% !important; background-repeat: no-repeat !important; transition-property: transform; -webkit-transition-property: -webkit-transform; width: 100%; overflow: hidden; /*this causes page cuts in IE*/ } .ppdff-flipbook-page.pdff-left-side .pdff-page-front { /*overflow: hidden;*/ z-index: 2; } .ppdff-flipbook-page.pdff-left-side .pdff-page-back { z-index: 1; } .ppdff-flipbook-page.pdff-left-side.pdff-folding:not(.pdff-hard-page) .pdff-page-back { z-index: 3; } .ppdff-flipbook-page.pdff-right-side .pdff-page-front { top: 0; left: 0; z-index: 0; } .ppdff-flipbook-page, .pdff-page-front, .pdff-page-back, .pdff-page-fold-inner-shadow, .pdff-page-fold-outer-shadow, .pdff-page-wrapper { position: absolute; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; } .pdff-page-front, .pdff-page-back { overflow: hidden; } .pdff-page-fold-outer-shadow { z-index: -1; width: 100%; height: 100%; } .pdff-page-fold-inner-shadow { position: absolute; z-index: 5; display: none; } .ppdff-flipbook-page.pdff-folding .pdff-page-fold-inner-shadow { display: block; } .ppdff-flipbook-page.pdff-right-side .pdff-page-back { left: 0; z-index: 1; } .ppdff-flipbook-page.pdff-right-side.pdff-folding .pdff-page-front { z-index: 2; } .pdff-page-wrapper.pdff-right-side .pdff-page-back { left: 100%; z-index: 1; overflow: hidden; } .pdff-hard-page .pdff-page-front, .pdff-hard-page .pdff-page-back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .pdff-hard-page.pdff-right-side .pdff-page-front { -webkit-transform-origin: right 50%; -moz-transform-origin: right 50%; -ms-transform-origin: right 50%; transform-origin: right 50%; z-index: 3 !important; /*transform-style: preserve-3d;*/ /*this causes issues in FF*/ } .pdff-hard-page.pdff-left-side .pdff-page-front { -webkit-transform-origin: right 50%; -moz-transform-origin: right 50%; -ms-transform-origin: right 50%; transform-origin: right 50%; } .pdff-hard-page.pdff-right-side .pdff-page-back { -webkit-transform-origin: left 50%; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; transform-origin: left 50%; z-index: 3; /*transform-style: preserve-3d;*/ /*this causes issues in FF*/ } .pdff-hard-page.pdff-left-side .pdff-page-back { -webkit-transform-origin: left 50%; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; transform-origin: left 50%; } /*Mid shadows*/ .pdff-page-front:before, .pdff-page-back:before { width: 20%; z-index: 5; pointer-events: none; } .pdff-page-front:before { right: 0; } .pdff-page-wrapper.pdff-right-side.pdff-flipping { z-index: 4; } /*Book UI*/ .pdff-ui { height: 60px; padding: 20px 16px 0; } .pdff-ui-wrapper, .pdff-ui-btn { color: #b2bbbd; vertical-align: top; background-color: #3e474f; box-sizing: border-box; text-align: center; } .pdff-ui-wrapper { background-color: #3e474f; position: absolute; } .pdff-share-wrapper { z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); display: none; } .pdff-share-wrapper.pdff-hidden { } .pdff-share-box { position: absolute; top: 50%; width: 280px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; background-color: #3f474e;; border-radius: 10px; padding: 10px 15px 5px; text-align: center; border: 3px solid #ccc; } span.pdff-share-title { color: #ccc; margin-bottom: 10px; display: block; } .pdff-share-url { /* border: 0; */ background-color: #fff; height: 60px; color: #666; padding: 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; font-size: 12px; box-sizing: border-box; margin-bottom: 0px; display: none; } .pdff-share-button { display: inline-block; text-align: center; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 10px; margin: 3px; color: #ccc; } .pdff-share-button:hover { color: #fff; } .pdff-ui-btn { position: relative; width: 35px; right: 0; height: 40px; font-size: 17px; cursor: pointer; z-index: 2; display: inline-block; padding: 12px 5px; /* -webkit-border-radius: 3px; */ line-height: 1; } .pdff-floating .pdff-ui-controls > .pdff-ui-btn:first-child { border-radius: 5px 0 0 5px; } .pdff-floating .pdff-ui-controls > .pdff-ui-btn:last-child { border-radius: 0 5px 5px 0; } .pdff-ui-btn:before { box-sizing: border-box; } .pdff-ui-fit, .pdff-ui-thumbnail { } .pdff-ui-thumbnail, .pdff-ui-share, .pdff-ui-outline, .pdff-ui-help, .pdff-ui-sound { float: left; } .pdff-ui-zoomin, .pdff-ui-zoomout { } .pdff-ui-btn:hover { color: #00ACCE; } .pdff-ui-btn.disabled, .pdff-ui-btn.disabled:hover { color: #ccc; } .pdff-ui-share:before { } .pdff-ui-page { padding: 8px 5px 2px; font-size: 12px; width: auto; width: 50px; margin: 0 0; /* border-right: 1px solid #ddd; */ border-radius: 0; /* float: left !important; */ background-color: rgba(0, 0, 0, 0.03); } .pdff-ui-page input { width: 100%; background-color: transparent; height: 25px; margin: 0; padding: 0 !important; border: 1px solid rgb(143, 143, 143); text-align: center; vertical-align: top; color: transparent; font-size: 14px; top: 0; box-sizing: border-box; z-index: -1; display: inline-block; opacity: 0; } .pdff-ui-page input:focus { z-index: 2; opacity: 1; color: inherit; } .pdff-ui-page input:focus + label { opacity: 0; display: none; } .pdff-ui-page label { position: absolute; height: 30px; width: 100%; display: block; top: 0; padding-top: 14px; /* letter-spacing: 0.5px; */ line-height: 1.1em; /*it was getting overwritten in some theme*/ color: #999; font-size: 13px; /* vertical-align: top; */ font-weight: normal; left: 0; cursor: pointer; background-color: transparent; z-index: 1; box-sizing: border-box; /* border: 1px solid rgba(0, 0, 0, 0.11); */ } .pdff-ui-share { float: left; } .pdff-ui-share:before { } .pdff-ui-fullscreen { bottom: 0; } .pdff-ui-fullscreen:before { } .pdff-ui-zoom { top: 24px; height: 60px; right: 24px; width: 30px; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pdff-ui-sidemenu-close { position: absolute; top: 10px; right: -32px; font-size: 14px; width: 32px; height: 35px; cursor: pointer; padding: 10px 0px; background: inherit; border-radius: 0 5px 5px 0; z-index: -1; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .pdff-ui-controls { bottom: 0; width: 100%; /* border-radius: 5px; */ height: 40px; padding: 0; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ user-select: none; /* non-prefixed version, currently not supported by any browser */ z-index: 4; /* bottom: 15px; */ display: block; } .pdff-floating .pdff-ui-controls { bottom: 10px; width: auto; /*noinspection CssInvalidPropertyValue*/ width: intial; /*IE fallback*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin: 0 auto; display: table; /*IE fallback*/ display: flex; text-align: center; padding: 0 20px; border-radius: 20px; opacity: .9; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.20) } .pdff-floating.pdff-controls-top .pdff-ui-controls { bottom: auto; /*noinspection CssInvalidPropertyValue*/ bottom: intial; /*IE fallback*/ top: 10px; } .pdff-floating.pdff-controls-hide .pdff-ui-controls { display: none; } .pdff-ui-wrapper.pdff-ui-controls .pdff-ui-btn { /* display: table-cell; */ float: none; } .pdff-ui-size { bottom: 24px; height: 60px; right: 24px; } .pdff-ui-zoom:before, .pdff-ui-size:before { height: 0; border-bottom: 1px solid; content: " "; right: 5px; opacity: 0.3; display: block; position: absolute; top: 30px; left: 5px; z-index: 2; } .pdff-ui-zoomin { top: 0; } .pdff-ui-zoomin:before { } .pdff-ui-zoomout { bottom: 0; } .pdff-ui-btn.pdff-ui-zoomout { /* display: none; */ } .pdff-zoom-enabled .pdff-ui-btn.pdff-ui-zoomout { /* display: block; */ } .pdff-zoom-enabled .pdff-ui-btn.pdff-ui-zoomin { /* display: none; */ } .pdff-ui-zoomout:before { } .pdff-ui-next { right: 24px; right: 0; } .pdff-container.pdff-floating > .pdff-ui-next { border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 10px; background: rgba(0,0,0,1.00) } .pdff-container.pdff-floating > .pdff-ui-prev { border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding-right: 10px; background: rgba(0,0,0,1.00) } .pdff-container > .pdff-ui-next, .pdff-container > .pdff-ui-prev { margin-top: -5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); */ opacity: 0.3; background-color: transparent; height: auto; height: initial; font-size: 36px; color: #000; width: auto; text-align: center; width: initial; width: 40px; color: #b2bbbd; background-color: #3e474f; padding: 10px 0; margin: 0; font-size: 30px !important; } .pdff-container > .pdff-ui-next:hover, .pdff-container > .pdff-ui-prev:hover { opacity: 0.7; } .pdff-container.pdff-floating > .pdff-ui-next, .pdff-container.pdff-floating > .pdff-ui-prev { width: 40px; } .pdff-ui-next:before { } .pdff-ui-prev { left: 0; right: auto; border-radius: 0; } .pdff-ui-prev:before { } .pdff-ui-alt { position: relative !important; right: auto; right: initial; left: auto; left: initial; box-shadow: none !important; } .pdff-ui-alt.pdff-ui-next, .pdff-ui-alt.pdff-ui-prev { /* display: none !important; */ } .pdff-ui-alt.pdff-ui-next { } .pdff-ui-start { } .pdff-ui-start:before { } .pdff-ui-end { } .pdff-ui-end:before { } .pdff-ui-thumbnail:before { } .pdff-ui-outline:before { } .pdff-ui-btn.pdff-active { color: #5fcf80; } .pdff-ui-fit { display: none; } .pdff-ui-zoomin, .pdff-ui-zoomout, .pdff-ui-fullscreen, .pdff-ui-more { float: right; } .pdff-ui-fit { top: 0; } .pdff-ui-fit:before { } .pdff-ui-fit.button-fit-active:before { } .pdff-page-content div { } .pdff-ui-more .more-container { display: none; position: absolute; bottom: 100%; margin-bottom: 8px !important; right: 10px; background-color: #f7f7f7; z-index: 20; border-radius: 5px; /* overflow: hidden; */ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); } .pdff-controls-top .pdff-ui-more .more-container { bottom: auto; bottom: initial; margin-top: 8px !important; top: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .more-container:before { content: " "; position: absolute; border: solid transparent; border-width: 7px; border-top-color: #eee; height: 0; width: 0; bottom: -14px; /* background-color: white; */ right: 13px; margin-right: -8px; pointer-events: none; } .pdff-controls-top .more-container:before { border: solid transparent; border-bottom-color: #eee; border-width: 7px; top: -14px; } .more-container .pdff-ui-btn { width: auto; width: initial; width: 170px; text-align: left; padding: 8px 10px; height: 36px; border-top: 1px solid #e4e4e4; border-radius: 0; } .more-container .pdff-ui-btn:hover { background-color: #eee; } .more-container > .pdff-ui-btn:first-child { border-radius: 5px; border-top: none; } .more-container > .pdff-ui-btn:last-child { border-radius: 0 0 5px 5px; } .more-container .pdff-ui-btn:before { position: absolute; top: 11px; font-size: 14px; } .pdff-ui-btn span { display: none; } .more-container .pdff-ui-btn span { font-size: 12px; padding-left: 20px; vertical-align: middle; display: inline-block; } .pdff-ui-more.pdff-active .more-container { display: block; } .annotationLayer section, .annotationDiv section, .customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation, .linkAnnotation, .highlightAnnotation, .popupAnnotation { position: absolute; z-index: 5; cursor: pointer; pointer-events: all; /* border: none !important; */ } .annotationDiv .popupWrapper { position: absolute; width: 20em; } .annotationDiv .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word; } .annotationDiv .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em; } .annotationDiv .popup p { padding-top: 0.2em; } .annotationDiv .highlightAnnotation, .annotationDiv .underlineAnnotation, .annotationDiv .squigglyAnnotation, .annotationDiv .strikeoutAnnotation, .annotationDiv .fileAttachmentAnnotation { cursor: pointer; } .annotationDiv .textAnnotation img { position: absolute; cursor: pointer; } section.linkAnnotation a, .annotationDiv .buttonWidgetAnnotation.pushButton > a { display: block; height: 100%; } section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation { background-color: transparent; background-color: rgb(255, 255, 0); /* border-bottom: 1px solid #2196F3; */ opacity: 0.1; } a.customLinkAnnotation { /* opacity: 0.15; */ } section.linkAnnotation a:hover, a.linkAnnotation:hover, .highlightAnnotation:hover, a.customLinkAnnotation:hover { opacity: 0.4; border-color: transparent; background-color: #2196F3; } .annotationDiv { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } section.linkAnnotation a .annotationLayer > a { display: block; position: absolute; height: 100%; cursor: pointer; box-sizing: border-box; } section.linkAnnotation a.internalLink:hover { } .pdff-page-loading:after, .pdff-page-loading:before { content: " "; height: 44px; width: 44px; position: absolute; top: 50%; left: 50%; margin: -22px -22px; } .pdff-page-loading:before { background-color: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; /* box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4); */ box-sizing: border-box; } .pdff-page-loading:after { background-image: url("../../js/pflip/images/loading.gif"); background-repeat: no-repeat; background-size: 22px; content: ""; height: 22px; width: 22px; position: absolute; top: 50%; left: 50%; margin: -11px -11px; } .pdff-thumb-container .pdff-vrow { height: 124px; left: 0; width: 90%; margin: 10px auto; background-position: 50%; cursor: pointer; background-repeat: no-repeat; right: 0; border-radius: 5px; /* opacity: 0.7; */ } .pdff-thumb-container .pdff-vrow:before { content: ""; background-image: url("../../js/pflip/images/loading.gif"); background-color: rgba(255,255,255,1.00); background-position: center center; background-repeat: no-repeat; background-size: 22px; height: 32px; width: 32px; display: block; top: 60px; margin: 0 auto; position: relative; z-index: 0; border-radius: 5px; } .pdff-thumb-container .pdff-vrow:hover { background-color: #3f474e; } .pdff-floating .pdff-thumb-container .pdff-vrow:hover, .pdff-vrow.pdff-selected { background-color: #3f474e; opacity: 1; } .pdff-thumb-container .pdff-vrow.pdff-thumb-loaded { background-size: contain; /* opacity: 1; */ } .pdff-thumb-container .pdff-vrow.pdff-thumb-loaded:before { display: none; } .pdff-vrow > div { /* padding: 25%; */ height: 20px; background-color: rgba(170, 170, 170, 0.54); width: 40px; margin: 0 auto; } .pdff-sidemenu { float: left; width: 220px; height: auto !important; position: absolute !important; top: 0; z-index: 3; transition: 0.5s transform ease; -webkit-transition: 0.5s -webkit-transform ease; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); left: -50px; background-color: rgba(69, 76, 83, 0.8); } .pdff-rtl .pdff-sidemenu { left: auto; left: initial; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); right: -50px; direction: rtl; } .pdff-thumb-container { text-align: center; } .pdff-outline-container { color: #666; font-size: 12px; } .pdff-outline-wrapper, .pdff-thumb-wrapper { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; height: auto !important; box-shadow: 1px 0 4px rgba(102, 102, 102, 0.38); } .pdff-outline-wrapper { overflow: auto; padding: 10px 10px 5px 10px; } .pdff-floating .pdff-outline-container, .pdff-floating .pdff-thumb-container { bottom: 0; } .pdff-sidemenu.pdff-sidemenu-visible { display: block; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); left: 0; } .pdff-outline-toggle { cursor: pointer; float: left; width: 18px; padding: 5px 0; margin-left: -18px; text-align: center; } .pdff-outline-toggle.pdff-outlines-hidden ~ .pdff-outline-items { display: none; } .pdff-outline-items > .pdff-outline-item { margin-left: 18px; /* padding: 5px 0; */ } .pdff-outline-item a:hover, .pdff-outline-toggle:hover { background-color: #3f474e; } .pdff-outline-item a { color: #ccc; text-decoration: none !important; display: block; padding: 5px 0 5px 5px; overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */ border: none !important; box-shadow: none !important; } .pdff-outline-toggle:before { content: "\e64b"; font-size: 10px; font-family: 'themify'; } .pdff-outline-toggle.pdff-outlines-hidden:before { content: "\e649"; } .pdff-lightbox-wrapper { position: fixed !important; top: 20px; bottom: 20px; right: 20px; left: 20px; height: auto !important; background-color: transparent; z-index: 99999; } .pdff-lightbox-controls { /* height: 40px; */ float: right; padding: 5px; z-index: 1000; position: relative; } .pdff-lightbox-close { float: right; height: 40px; text-align: center; font-size: 50px; cursor: pointer; /* line-height: 30px; */ color: #444; /* padding: 5px; */ border-radius: 50%; /* border: 1px solid; */ border-color: transparent; width: 40px; background-color: transparent; transition: 0.2s; -webkit-transition: 0.2s; } .pdff-lightbox-close:hover { color: white; background-color: rgba(0, 0, 0, 0.21); /* border-color: black; */ border-color: black; } .pdff-lightbox-close:before { top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; font-size: 24px; } .pdff-lightbox-wrapper .pdff-container { position: absolute !important; width: 100%; top: 0; bottom: 0; height: auto !important; border-radius: 25px; box-shadow: 3px 3px 3px rgba(86,86,86,0.65); } .pdff-container.pdff-xs .pdff-ui-controls .pdff-ui-btn.pdff-ui-next, .pdff-container.pdff-xs .pdff-ui-controls .pdff-ui-btn.pdff-ui-prev { /* display: none; */ } .pdff-container.pdff-xs .pdff-ui-controls .pdff-ui-btn.pdff-ui-page { display: none !important; } ._PDFF_btt, ._pdff_thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative; cursor: pointer; } ._PDFF_btt { padding: 5px 15px; background-color: #444; background: #0085ba; color: white; font-size: 14px; border-color: #0073aa #006799 #006799; cursor: pointer; border-width: 1px; border-style: solid; -webkit-appearance: none; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; } ._pdff_thumb { border: none; width: 140px; height: 200px; text-align: center; } ._pdff_thumb { cursor: pointer; /* background-color: #eee; */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); display: inline-block; -webkit-transform-style: flat; -moz-transform-style: preserve-3d; transform-style: preserve-3d; box-sizing: border-box; -webkit-transition: 0.2s; margin: 30px 10px 10px; /*-webkit-perspective: 1200px;*/ -moz-perspective: 1200px; perspective: 1200px; } .PDFFlips ._pdff_thumb, .PDFFlips .pdff-dummy { width: 140px; height: 200px; text-align: center; display: inline-block; position: relative; margin: 20px 10px; /* clear: left; */ vertical-align: top; } .PDFFlips .pdff-dummy { } ._pdff_thumb[thumbtype="img"] { height: auto; } ._pdff_thumb[thumbtype="img"] img { max-width: 100%; max-height: 200px; } .PDFFlip-cover { background-size: 100% 100%; height: 100%; width: 100%; -webkit-transform-origin: left; transform-origin: left; top: 0; background-color: #eee; position: relative; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); } ._pdff_thumb .PDFFlip-title { bottom: -100%; position: absolute; width: 100%; left: 0; padding: 5px; font-size: 12px; background: rgba(1, 163, 163, 0.87); background: rgba(60, 60, 60, 0.8); box-sizing: border-box; display: block; color: white; transition: 0.4s; -webkit-transition: 0.4s; opacity: 0; } ._pdff_thumb .PDFFlip-tag { float: left; padding: 0 4px 2px; background-color: rgba(0, 0, 0, 0.26); text-transform: uppercase; font-size: 10px; margin: -15px 0 0 2px; z-index: -1; color: rgba(255, 255, 255, 0.8); position: relative; } ._pdff_thumb:hover .PDFFlip-title, ._pdff_thumb-not-found .PDFFlip-title { opacity: 1; bottom: 0; } ._pdff_thumb:hover .PDFFlip-title i { /* font-size: 1em; */ } ._pdff_thumb:hover { /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.40); */ } ._pdff_thumb:hover .PDFFlip-cover { -webkit-transform: rotateY(-20deg) rotateZ(0deg); -moz-transform: rotateY(-20deg) rotateZ(0deg); -ms-transform: rotateY(-20deg) rotateZ(0deg); transform: rotateY(-20deg) rotateZ(0deg); box-shadow: 3px 0 12px rgba(0, 0, 0, 0.60); } .pdff-webkit ._pdff_thumb:hover .PDFFlip-cover { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; box-shadow: 1px 0 12px rgba(0, 0, 0, 0.60); } .PDFFlips { max-width: 960px; margin: 0 auto; text-align: center; position: relative; z-index: 1; padding: 20px 5px 150px; } .PDFFlips-break { color: rgba(255, 255, 255, 0.3); font-size: 14px; letter-spacing: 1px; font-weight: 600; margin-top: 25px; text-transform: uppercase; /* text-shadow: 0 -1px 0 rgba(85, 85, 85, 0.31); */ } .PDFFlips-break:after { content: " "; bottom: 0; width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.24); display: block; margin: 10px auto; } .pdff-page-wrapper { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .pdff-container ::-webkit-scrollbar { width: 8px; } .pdff-container ::-webkit-scrollbar-button { height: 8px; } .pdff-container ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border: 0 none #ffffff; border-radius: 100px; /* margin-right: 5px; */ } .pdff-container ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); } .pdff-container ::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.5); } .pdff-container ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.20); border: 0 none #ffffff; border-radius: 100px; } .pdff-container ::-webkit-scrollbar-track:hover { background: rgba(0, 0, 0, 0.2); } .pdff-container ::-webkit-scrollbar-track:active { background: rgba(0, 0, 0, 0.15); } .pdff-container ::-webkit-scrollbar-corner { background: transparent; } .pdff-skipTransition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important; } .pdff-container.pdff-fullscreen { height: 100% !important; max-height: 100% !important; width: 100% !important; max-width: 100% !important; } .pdff-container.pdff-double-internal .pdff-page-front { background-position: left; background-size: cover; } .pdff-container.pdff-double-internal .pdff-page-back { background-position: right; background-size: cover; } .customHtmlAnnotation iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .pdff-rtl .more-container .pdff-ui-btn { text-align: right; direction: rtl; } .pdff-rtl .more-container .pdff-ui-btn:before { right: 10px; } .pdff-rtl .more-container .pdff-ui-btn span { padding: 0; padding-right: 20px } .pdff-rtl .pdff-outline-items > .pdff-outline-item { margin: 0 18px 0 0; text-align: right; direction: rtl; } .pdff-rtl .pdff-outline-toggle { float: right; margin: 0 -18px 0 0; } .pdff-rtl .pdff-outline-toggle.pdff-outlines-hidden:before { content: "\e64a"; } .pdff-rtl .pdff-sidemenu.pdff-sidemenu-visible { left: auto; left: initial; right: 0; } .pdff-rtl .pdff-ui-sidemenu-close { right: auto; right: initial; left: -32px; border-radius: 5px 0 0 5px; } ._pdff_thumb[thumbtype="img"] ._pdff_thumb-not-found { height: 200px; position: relative; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../../js/pflip/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../../js/pflip/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../js/pflip/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../js/pflip/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../js/pflip/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../js/pflip/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-square-x-twitter:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-ppdff-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } #caseDetail .card-body .action {padding: 15px 8px; margin-left: -8px; margin-right: -8px } #caseDetail .card-body .action:nth-child(even) { background-color: #efefef } .ticketSummary.active { border-color: #1d4f91; cursor: pointer; background-color: #EFEFEF } .card-body .actionDate, .ticketHistorySummary .ticketID { color: #1d4f91; font-weight: bold } #regBodyContent #secNewTicket ul li svg {display:none} #regBodyContent #secNewTicket #ticketHistory ul li svg { display: inline-block } .ticketHistorySummary {text-align: left} #openTickets ul , #ticketHistory ul {padding:0; margin: 0 0 0 3px } #openTickets li, #ticketHistory li { box-sizing: border-box; cursor: pointer; } #openTickets.card-body, #ticketHistory.card-body {padding: 5px 0 0 0; overflow-y: auto } #caseDetail { overflow-y: hidden; } #ticketHistoryN { padding: 5px 0 0 0; max-height: 150px; overflow-y: auto; overflow-x: hidden } #secOnlineSupport #openTickets.card-body, #secOnlineSupport #ticketHistory.card-body { max-height: 226px; } #secNewTicket .RadUpload .ruBrowse { text-indent: 0 } #regBodyContent .RadUpload .ruFileWrap {width: auto} #secNewTicket .card-middle {justify-content:normal} #secNewTicket .card-body, #secOnlineSupport .card-body {box-sizing: border-box} #secNewTicket a, .ticketHistorySummary a { color: #757575 !important } .mainDR .ssm-logo { color: #fff; font-size: 2.9em; } .mainDR .excel { color: #fff; font-size: 2.7em; } #divfixMenu { display: none; } .mainDR .panel-button { display: none; } .mainDR { background-color: #004a7c; margin-bottom: 0%; } #accordion-search {overflow:hidden} .svgLogo { width: 100%; max-width: 350px;} .card-span.restrict { max-height: 570px; overflow-y: scroll } .wordCountInfo { padding: 1%; border-radius: 3px; color: #363636; font-size: 0.8em; font-weight: normal; background-color: rgb(230, 240, 239); border: 1px solid #b0c8d4; margin-top: -2%; } .wordCountWarning, .SerialsNotes { color: #1d4f91; } .dark { background-color: #262626; } #regSearchBarControls { margin: 0 auto; width: 920px;} #regSearchBarControls input[type=submit] { background-color: #1d4f91 } #regSearchBarControls input[type=text] { margin-right: 1%; width: calc((95%) - (90px)); } #regSearch { background-color: #1d4f91; color: #FFF; position: absolute; text-align: center; top: 50px; right: 5px; height: 50px; width: 50px; } #searchMenu { transition: all 0.5s; width: 240px; height: 50px; background-color: #FFF; border-radius: 0; border: 1px solid #fff; box-sizing: border-box; position: absolute; right: 50px; } .sticky #regSearch {top: 5px;} #searchMenu input[type=text] { border: 0px; width: 238px; box-shadow: none; border-radius: 0; height: 48px; box-sizing: border-box; padding: 5px } #regSearch img { width: 30px; margin-top: 10px ; cursor: pointer;} #searchMenu.slide-in { animation: slide-in 0.5s backwards; -webkit-animation: slide-in 0.5s backwards; top: -60px; } #searchMenu.slide-out { animation: slide-out 0.5s backwards; -webkit-animation: slide-out 0.5s backwards; top: 0px } #regBodyContent .EnquireNow a { color: #ff6319 } #regBodyContent .EnquireNow a:hover { font-weight: 600 } #regBodyContent .CourseName a { font-weight: 600; } #regBodyContent .CourseName a:hover { color: #1d4f91 } @media (max-width: 910px) { #regBodyContent .rgMasterTable.table, #regBodyContent .rgMasterTable thead, #regBodyContent .rgMasterTable tbody, #regBodyContent .rgMasterTable th, #regBodyContent .rgMasterTable td, #regBodyContent .Datagrid tr { display: block; } #regBodyContent .rgMasterTable { width: 100%; margin: 1px } #regBodyContent .rgMasterTable thead th { position: absolute; top: -9999px; left: -9999px; } #regBodyContent .rgMasterTable td { /* Behave like a "row" */ border: none; background-color: #FFF; position: relative; padding: 0.1%; width: 100%; vertical-align: top; text-align: center; } #regBodyContent .rgMasterTable td:nth-of-type(1) { font-size: 1.2em; } #regBodyContent .rgMasterTable td:nth-of-type(1) a, a { color: #333; } #regBodyContent .rgMasterTable td:first-child { border-top: 2px solid #D4D4D4; padding-top: 1.5%; margin-top: 1.5%; } /* #regBodyContent .Datagrid .ReadMoreButton { width: 98%; padding: 1%; font-size: 1.1em; margin-top: 8px } */ #regBodyContent .EnquireNow a { font-weight: 600 } #regBodyContent .rgMasterTable td:nth-of-type(1) { font-size: 1.2em; font-weight: 400; } } /* Region: Information boxes - warning and information */ .msgboxInformation { display: none; background: url(../images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAHNUlEQVR4XpWXa2wU1x3Fz8zsem0vfkAMTuKmmEb4S6oYHDVIVFUkQtKqFULBpFWTIqARaVUFOTIUiRZFSqNCRJHaRP0E9YdQ4eCCLVVp1QcVTaJ8oHWV4KCgpDU0hhQTG7zG9u687qPn3p2RrBX2wl/+6czrzv/smavrGUdrjbQcx0FaW7duxbxyiGv02LFj62tra7/ped7jAGo45mHeowjg39SClPIvk5OTQ3v27PkUgCbK6rw6ffo05lfq4U7MOIYTJ048SwM/A9BuxswnHTsfpdSZYrH4k127dr1vzZBqZjKoUv39/V+kiSEAXWaQjCcg4s/JVWgVcP8Gm3twvUY47hJkc6vgZe+Dl2l6orGx8QmO//X58+d/fPjw4QALV3Uzp06deswITSyX8XWo+D8Q4QiUFDRCtIIDASjF7XGTM4QYhvJqoOs3IJN7FJlM5oWurq7OQ4cOde/fv38Si5S7iJE1lD+R5cYE/AHo4D04sgCoAhw1Dc+thecQr87Cczx+k3oNuvhbqNlfQItrYLJfa29v/+u2bdsa7joZkwTlD6ROxyNw/EGbBHRMJTIGdAYN9/0c82vms+/zXBHQyUQTU0BxDDrfi0x29ZqNGze+sXnz5m8DEHeTzK9IG8RHgP8GoGdo4lbCNBtOQYqbqCwes+e0KiTQjBiloVe4PYNcLvfUpUuXngXgVUsmTWUN5RnoALr0O2gZQSlBFVAihLREkMpDZck4BByiKBpwiXIBiDHAOQ7kf4jW1taXu7u73xocHCwA0NWSeYlAh+egOWm1DEkAJX2aKSUUrVYWzZLAjlE0JuOICB6LIWfehAo+MBN6JSfydwBkF02GqdRRvkGgZ4cAFRJJYpuQjtlIROVG1KvDXTY1QMN1wEYOHGKGOJ4Hc1C7LhyjGkDxbTiNX8aKFSs2AegngqiFHtMGUqfDC/Qxaa/TSrJhbA0oUf61wpoBvNyDcJSyZhxIiOBjOFljwIPyFCetC+W46WIKPf03eEt+hKampg2dnZ3NIyMjPoDoto9JKbXWqv8JmwfEt8jIaEANCTUMoXUD7l9zCl/oGiRDaFs7xHMxIl9AhDFEJBAHZru8H1Pj0jgk783KcWXurHxUbsVjWmk1vAYVlZiOnyoN0ByRQcjtiMSYX3A8RKW0uUlJEGuECF6f7k9CKYWWlpYHEjPOQsk0WI1uJUYIDaQqApsKDUU8JlBZKpKQiRFrILLb1kiKikvWjOu6+cSMu1AyRasyw4alefjGCLVsRPgx92NUVuRLxIYgUXudoBKqQaqs6YO5ubkombPubSewEOJqTU0NtHePTYauoIgUVGKjjhRkrABNKkrQhM5owKIA4cD1kgnMP2WGuc1UhcuXL08CcBacM77vjxj18g+VE6EhZROJTBJ2LshIUctUlD0mA0k1qARJymkp3Qy3vgNSyvDkyZOfLrro8cXpbUYYZJd9FVLUMt4ojdfGLkz8KaUSKovXWAN8XERYRGCxqXpLN9hUrl+/fm50dNQHIIm6rRmujHN8IXrXDKj9Uk/anA3SiUk1hIqNfVSW49SVHyNRhrg8NiXb8jhMcX15lyJIvKAZlrxw4cKrxkzugaeBzL1lE6GAjCVRFkW00KgsJVyo5BoRpZhxkvd7hsk8glKp9L99+/adBZAueHohM2r9+vX/vHHjxlvaW4J85ysQUWKEKGGgEVmmouwxJSzl6xPjqGlD/ernYers2bN9ExMTcwBKJK72jzLs6+v7aRRFE7n7n0TDo68xdp2koqFtMw1IUlFamfMGRcpj4C1D0yOvwqlZivHx8Xe48p5JjBSJqPZyJQ8cOHC5ra3tef6rH6hf1Z3TOouJd160L05KmqagQR+f/P4Fm7FOXqZU6HM7MUnNNj2Iex57Hdnm1ZidnR3dsmXLweTx3EoMqWpmNAl27tz5HlfJH2zatOn12pXfamx5shUzH7+JWx+dKF8hQ4z/6zdQyva1bhyDzdpDc9eLaHzoOe5nUCgURnp7e1++cuXKjDGSEN/pC7kis9u3b//z7t27v7t3795f5pev7Vi27GHUrXoKxWvnUPzvGcSlAqLpMSCT469vR6ahDfn2ryPX+hVkue24LsbGxv7Iz57XknkyTW4Sv2KNWfy7ieWQnOd5S3l8xfHjx5/m5H6OK/S9SimkcHxKOt4q0/hwYGCg78iRIx/yXMBrCwAmyUzlXOH5xb8O+Gs0JZRSTlHHd+zY0d/R0bHl6NGjPRcvXhwwcyAIgs/4KMESXJ9Gp6am3h8eHj7a09PzvXXr1vXSyAdsNEsjEwA+T4zIu/5uSg3x6y9qaGgosFnIxsWDBw/+HcA/+OtrqBmqx4YO0QAURZKYhGSO540BQ8D7yeSLcnEzVRKKeYPZfD4fKqWm2SAPoJ7NctzPADCGFM2mRnxe4zPVEoCQCHOfO/+irG5KUQKaCqlFkjFwDtlkhBA2mQSRoKyJO6z/A+Cji1mq1x1uAAAAAElFTkSuQmCC) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .msgboxWarning { display: none; background: url(../images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAHrUlEQVR4Xq2XfUxU2RnGnzsfgCPyIYpl0WLturZGYm1w0Wq7YIjaIlSCtWaz6DZqu2b9aGhag6t2E5O2ZnUraxphra2tuqldG6DdRrdd/cdKQqndTSiu1KqACLJ8jcjM/b6nzxzudIBpJSF9kl/eM4eZc57znvfcc1FACSESGA6TNYTtmPg3OI6jMEaAZVmybdu2jBgjRVGE1+sVkejz+SIRRHg8HtmeIJXUsf9NuPK5sZa8jHhFJ5GmiNuORRL9Ttz3GSX/S1zk6mAwqKWlpdUAcHz8USqAFwnCjX8AbDs6opsZ+SMJszEO9o0xAzAD8BJmBx5FYVuBByDCHciGIDLOmInEFcWg9pFfEdUH4FmSYA/2wnzQ5pogMsqVjzPCbYLwJSLx04viMkOgddyGYqjw0RS9wKsIKILY1qgJjmESGwqwrAgc+9nc3NzZLS0tPT7TNB2/3w+AE4Yfx4wwCrkijDPC7wOBFMwrKMN/092ag0BoCCweacSBgFdmxYLtOETQjAOL7YTQCL/n8wQCgQwAA74bN27cKSgosL0zs7zCMOHo4dgWgbhmLFsaGWXwEwh+Vrw+jJXgBOGuu/DRBKuW2QF8ENKEA9CAII6MSE6HyWCq6nBTU5MFwOsrLCxUqT8nJSWtD6wqRbCuBsoYM44QblaINGPAMAzoA71IyszGWBnBPuj9vTIrLBgImrIURnhgR0wJwHKzk/zCFrmwrq6uZrkNhN7hMDuHuXfhaUu+hKRFy+GEw3BUlZGEwjKyD3YEfrZGwlB7OjFR2qMuWE9CsEcIoxGiaXUiJpSFefAu/CI0TVNra2vPArCITTMQRUVFrbdv3z4KKvnLJbA1jZOGQGIGRk2xTRjVngeYKPXRQxpVYYxo0DixSjRV56Q626aMmmEiMa9IZqWxsbH23LlzdwGoxPJEM1xcXPz28PDwh/6s+Ugvf3U0IzQjZAwzqowa0SHCBsIP4jIj+8yQCUOVRDMho6ERtqev2wonLRMDAwMtu3fvrgcQIsPEiJqx29vbg5cuXfq+SSXlF8E7fzEsrsRSmaUocrs0QjP372GiRjppRrc4scWMmNKARqQRXQeyPwt/bj44hVVTU3M8TAEIkifuNkkJYmzfvr353r17b7NgMaO4gkZMiU0cLYIFodsQmg21vQPxZjpgGbY05CJ/rxOTBL5SIh8Pt27deuf8+fN33IwEiUGEBzE5RK2oqPgJDbcnLFqKtM2vcHCaMSxGi9GGbcoHF49wvJlw9wPYVvTkuYaMCDSybjO8Oc+BYz/cu3fvrwFEs6K6c0PBeCkkqa6urnjt2rXvgup8dTO0+3dg2Q4ncWASTiZj4V/+AX9qGihp8PfL5kNAQPHKu4FRXgTwPzMPc147DqEouHDhwp4TJ040A+h10Ygg8GC8BNHLyso+6O7u/o0QAjO37YHDFUq4SmEy0owgoY77saz0PGQmTJk5ZlBi6abMaMrXX5JGOjs736ORj9waCRKdiNitHS+HhI8cOfJ6dXX1mkDeqszUjS9i4J1fAo4D2IJRQDBTA003AEWuHsFbLdKg3HhOLIjiUZD61Y1IXLIMuq73c8xad3uG3OhM2JZ4uf2Ba9euVeTl5Z0yenvwr5dKYQwNyke5SSzBSEOm9EZkBbqvDAqkGU9KKub9+CR8GbPAsX5YVVX1JwB95JFrRkxqZtOmTeAx9wJI5ZH/Hd83CoLvv4f2/XtgSSOQcWbRevhnz5EjasEhdP6xXg5JU3KeT1W+hhmrXkB/f3/jhg0b9rtb000eExsTFKuZeEM2Q+jMmTM/4FEPT1+zDsmF60drgZhk4a59yHujGsvJksr9sEz3JBkWAvmrEVixGvyteuzYsZ8C0FwzIXdsTGImTsbRo0fbWltbj4PK2LYTwhEQliVPD4SAK9l2LAc2EQ6QVvZNdgk0Nzf//Pr164/cbBAYiFesgJ+SHXH16lV1x44dpy9fvlw67bnPLc068Do6Dh8YrZFxZiCLmn2Ys+978Od8BrxeWg8dOtTAvujpUSNjTsWMVFZWls1Bh/jsqdqyZUtDWtk3/J9cehfG32/ir7u+DSUwXW6+qWvyNAVylyJl3ddAA9bZs2ereTOHWNT/eeQTTNnM4sWLBa8Inc+Hv61cufIX2dnZ35m9azeC39qK4Y8/huXO4AhIzdr6sjxRbW1tv21oaPgn28N8Jw6ydgw3K1M3Q4kFCxbYkRVWVla+wdWuDyzPz5mz57t4+BbrklKIh8za+QoCX5DvKV0HDx48DyCSlaHExES1tLTUwSTykMkFCG6X2dfX189iPCAzsH0nsl8/ghnP5yM573k8U3UIsyq2yf8Q6uvr3wwGg08ADPHzY26zCer/ZQbp6el2ZmamyoL8gKfrR0IIM710I3JOnkLOWz9D+oYSUNbNmzdPnj59+iP+/TGNDGVkZOhx2zP1bZISBHPnzrX4zvqEN/up8vLyppKSknJO9nnWA3p6etouXrz4/pUrV7poZNjn8w2wVkIrVqywQU3BzOSGUlJSdL6lDfJ95EPewJ2ceFp0HLZNBpV1MsisBEdGRgxMrsmvg6eJV4WHIYEkk+lum4JBQmSEGBzHecoYU6mZeLmT6GSI9JJul163T483Mrn+DUgYPL7OdTGMAAAAAElFTkSuQmCC) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .azfooter { background: #1c1c1c; padding: 10px; color: #FFF; font-weight: 500; font-size: 1em; text-align: center; position:relative } .azfooter ul li { padding: 0 11px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0; } .azfooter ul { width: 100%; padding: 0; margin: 11px; text-align: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .azfooter .inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; } .azfooter a { color: #FFF; text-decoration: none } .azfooter .pSSG { float: right; text-transform: uppercase; display: flex; align-items: center; font-size: 0.8em; padding-right: 40px; } .azfooter .pSSG svg { font-size: 2.0em; color: #FFF; } .azfooter a:hover, #regFilesNav ul li a, .logout a { opacity: .7; } .azfooter a, .azfooter a:hover, #regFilesNav ul li a, #regFilesNav ul li a:hover, .logout a:hover { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .azfooter a:hover, .Datagrid.Blue a, #regFilesNav ul li a { opacity: .8; } .azfooter a, .Datagrid.Blue a, .azfooter a:hover, .Datagrid.Blue a:hover, .logout a { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .Datagrid.Blue a:hover {text-decoration:underline !important} #regSearchFiles { margin: 10px auto; width: 780px; clear: both; overflow: hidden; } #regBodyContent #regSearchFiles input[type=text] { width: 100%; margin:0 0 10px 0; box-sizing: border-box; } article { flex: 1 1 auto; } #regFiles {clear:both} .box-container { display: contents; } .logout { max-width: 1600px; text-align: right; padding: 5px; text-transform: uppercase } #regFilesNav { margin: 10px auto; width: 780px; clear: both; overflow: hidden; } #regFilesNav .Inner { font-size: 0.9em; height: 25px; } #regFilesNav a { color: #1d4f91; text-transform: uppercase; } #regFilesNav ul { list-style: none; /*display: inline-table;*/ padding: 0; margin: 0; } #regFilesNav ul li { display: inline-block; list-style: none; border: 0 } #regFilesNav ul li svg { display: none; } #regFilesNav ul li a { display: block; height: 25px; padding: 6px 10px 6px 0; position: relative; margin: 0 5px 0 5px; text-decoration: none; color: #1d4f91; } #regFilesNav ul li a::before { content: url('../../images/yellowfolder_sm.webp'); width:30px; position: relative; /*or absolute*/ z-index: 100000; /*a number that's more than the modal box*/ left: -5px; top: 5px; } #IMG-MASTHEAD { background-color: #000; } #IMG-MASTHEAD h1 { font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 3px 8px #333; white-space: normal; text-align: center; } #IMG-MASTHEAD h2 { color: #fff; letter-spacing: 10px; text-transform: uppercase; font-weight: 100; text-shadow: 0 2px 3px #000; text-align: center; } @media (max-width: 450px) { #IMG-MASTHEAD h2 { letter-spacing: 7px; } } .webp .mh { background-image: linear-gradient(to bottom right,#000000cc,#00000042), url("https://static.solidsolutions.co.uk/uploaded/Image/mastheads/sm/CADUser3.webp"); } .no-webp .mh { background-image: linear-gradient(to bottom right,#000000cc,#00000042), url("https://static.solidsolutions.co.uk/uploaded/Image/mastheads/sm/CADUser3.jpg"); } @media (max-width: 450px) { .webp .mh { background-image: linear-gradient(to bottom right,#000000cc,#00000042), url("https://static.solidsolutions.co.uk/uploaded/Image/mastheads/mobile/450_CADUser3.webp"); } .no-webp .mh { background-image: linear-gradient(to bottom right,#000000cc,#00000042), url("https://static.solidsolutions.co.uk/uploaded/Image/mastheads/mobile/450_CADUser3.jpg"); } } div#regWhite { BACKGROUND: white; } div#regBlue { BACKGROUND: white; } .PDFDown { margin: auto; } .QuoteNum { padding-top: 10px; } .card-value { font-size: 3em; font-weight: 400; color: #da291c; border-color: #da291c; border-style: solid; border-width: 0 0 1px 0; padding-bottom: 10px; width: 100%; display: flex; align-items: flex-end; justify-content: center; padding: 0.5rem 0rem 1rem; } .period { padding: 0 0 5px 4px; font-size: 1.125rem; font-weight: 300; color: rgba(0, 0, 0, 0.54); } .sale { padding: 0 .5rem; border-radius: 4px; background-color: #da291c; font-size: 1rem; line-height: 2; color: white; font-weight: bold; } .card-headingProdImage.sale { width: 100px; margin-right: 10px; } .card-saving.space { padding-top: 33px; } .card-body-shoppingbag { text-align: left; } .card-saving { font-size: 1.5em; font-weight: 400; color: #565656; } .section-title { background-color: teal !important; } .PayCon { width: 96%; margin: 0 auto; text-align: center; } .PayCon label { float: none; display: inline; width: auto} select#ctl00_ddlPaymentMethod { float: none; margin-right: 0; margin-bottom: 1em; width: 345px; height: 34px; padding: 5px; border-radius: 3px 3px 3px 3px; } input#ctl00_btnSubmitForm { background: #008000; max-width: 350px; } .card-button input[type="radio"] { opacity: 0; position: fixed; width: 0; } .card-button label { display: inherit; width: 100%; } .card-button input[type="radio"]:checked + label { background-color: #565656; color: white; } input[type=button], input[type=text], input[type=password], input[type=email] { box-shadow: 0 0 3px #909090; border: 1px solid #c3c3c3; } input[type=text] { margin-bottom: 1em; width: 96%; } #regBlue section.card-col-container.twelve { grid-gap: 0px; } #regBlue label { padding: 5px; } @media (max-width: 1200px) { .across-three { grid-column: span 6 !important; } } /*----CLAMP ERROR ---*/ #IMG-MASTHEAD h1 { font-size: clamp(2.2rem, (1.000rem + 5.333vw), 5.5rem); line-height: clamp(2.2rem, (1.000rem + 5.333vw), 5.5rem); } #IMG-MASTHEAD h2 { font-size: clamp(1.5rem, 1.136rem + 1.616vw, 2.5rem); line-height: clamp(1.8rem, 1.364rem + 1.939vw, 3rem) } #regWhite .blogTitle h1 { font-size: clamp(1.4rem, 1rem + 1.777vw, 2.5rem); color: #565656; } #regBodyContent .inner { display: none; } /*----Edits to fix Header resizing overlap issues START ---*/ @media (max-width: 1200px) { #divfixMenuTitle { display: none; } } @media (max-width: 750px) { .excel { display: none; } } .ssm-logo { font-size: clamp(1.3rem, 0.842rem + 2.285vw, 1.7rem) !important; } /*----Edits to fix Header resizing overlap issues END ---*/ /*---- Job Page Minor Fixes START ----*/ #JobPage { padding: 20px; } .MainJobR { margin: 10px 0; } .MainJobL { margin: 10px 10px 10px 0; } @media (max-width: 550px) { .MainJobBodyR { flex-direction: column; display: flex; align-items: center; text-align: center; } } /*---- Job Page Minor Fixes END ----*/ #IMG-MASTHEAD { background-color: #000; } #IMG-MASTHEAD h1 { font-weight: 700; text-transform: uppercase; color: #fff; text-shadow: 0 3px 8px #333; white-space: normal; text-align: center; } #IMG-MASTHEAD h2 { color: #fff; letter-spacing: 10px; text-transform: uppercase; font-weight: 100; text-shadow: 0 2px 3px #000; text-align: center; } @media (max-width: 450px) { #IMG-MASTHEAD h2 { letter-spacing: 7px; } } #regBodyContent .inner { display: none; } .fade-effect2 { background: -webkit-linear-gradient(left, black, white); } /*----------------------- Header Graphics Start -------------*/ .card-span header { background-image: url(/uploaded/image/Cards/CardTitleBlank.png); background-repeat: no-repeat; background-position: right; background-size: contain; } /*----------------------- Header Graphics End -------------*/ /*----------------------- Blog Headings Start -------------*/ #regWhite .blogIntro h3 { font-weight: bold; color: #565656; font-size: 1.8em; margin-bottom: 5px; margin-top: 20px; text-transform: uppercase; } #regWhite .blogContent h3 { text-transform: uppercase; margin-top: 40px; } .fade-effect2 { margin-bottom: 20px; } #regWhite .blogContent h4 { font-size: 1.4em; font-weight: bold; color: #da291c; margin-top: 20px; margin-bottom: 0; } /*----------------------- Blog Headings End -------------*/ /*-----------------------Avoid Chat Icon overlapping with CTA start -------------*/ @media (max-width: 1400px) { #si-wrapper .silc-btn { bottom: 75px !important; } } /*-----------------------Avoid Chat Icon overlapping with CTA end -------------*/ /*---------------------- Schedule List Changes Start --------------------------------------*/ #regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage { background-color: #f6f6f6; border-bottom: none; } #regWhite .datagridItem a { color: #565656; } #regWhite .datagridAlternatingItem a { color: #565656; } #regBodyContent .Datagrid { border-style: none; } /*---------------------- Schedule List Changes End --------------------------------------*/ /*---------------------- Side Menu Style Changes Start --------------------------------------*/ #accordion-search input[type="text"] { width: 80% } #accordion a.active { border: none; } .accordion-search-btn { padding-top: 3px !important; padding-bottom: 3px !important; } /*---------------------- Side Menu Style Changes End --------------------------------------*/ /* =================== Hyperlink Changes Start =================== */ #regWhite .card-span a, #regGrey .card-span a, #regBlue .card-span a { color: #2a24ff; } #regWhite .card-span a:hover, #regGrey .card-span a:hover, #regBlue .card-span a:hover { text-decoration: underline; text-underline-offset: .2em; } #regGrey .card-button-capa a, #regWhite .card-button a, #regGrey .card-button a, #regBlue .card-button a { color: #565656; } #regGrey .card-button-capa a:hover, #regWhite .card-button a:hover, #regGrey .card-button a:hover, #regWhite .subMenu a:hover, #divfix a:hover { text-decoration: none; } #regBlue .card-button a:hover { color: #fff; text-decoration: none; } #openTickets.card-body a, #ticketHistory.card-body a { color: #565656; } #openTickets.card-body, #ticketHistory.card-body { overflow-y: auto; } /* =================== Hyperlink Changes End =================== */ /*----------------------MySSM Header Start --------------------------------------*/ .excel-top { display: none; } /*---------------------- MySSM Header End --------------------------------------*/ /*--------------------- Masthead for Support Portal Start -----------------------------------------*/ .webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TechSuppTeam.webp"); } .no-webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TechSuppTeam.jpg"); } @media (max-width: 450px) { .webp .mh-support2 { background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_TechSuppTeam.webp"); } .no-webp .mh-support2 { background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_TechSuppTeam.jpg"); } } /*--------------------- Masthead for Support Portal End -----------------------------------------*/ /*----------------- Submenu search icon ------------------*/ .subMenu li:nth-child(1) { display: flex !important; FLEX-GROW: 0.1 !important; background: #f1ba17; } .subMenu svg:nth-child(1) { display: flex !important; font-size: 1.25em !important; color: white !important; } .subMenu svg.svg-inline--fa.fa-f312.fa-w-18 { display: none !important; } svg.svg-inline--fa.fa-search.fa-w-16 { padding: 0px !important } /*----------------- Submenu search icon End ------------------*/ @media (max-width: 910px) { #regBodyContent .Datagrid .datagridFooter td:nth-of-type(1), #regBodyContent .Datagrid .datagridFooter td:nth-of-type(2), #regBodyContent .Datagrid .datagridFooter td:nth-of-type(3), #regBodyContent .Datagrid .datagridFooter td:nth-of-type(4) { display: none } } #tabsSearch ul.tabs li {padding: 15px 50px; } #tabsSearch .tile .imageDimensions { display: none; } #tabsSearch .tile .assetTitle { margin-bottom: -2%; } /*----------------- MYSSM Ticket ------------------*/ #caseDetail .card-middle.align-left { max-height: 700px !important; } #ticketHistoryN { max-height: 270px !important; } #ticketHistoryN .card-span a { color: #565656 !important; } /*----------------- MySSM Ticket End ------------------*/ #HOMEBLOG .hBlogArticle { min-height: 280px; background-color: #fff; border: 1px solid #ccc; cursor: pointer; border-radius: 4px; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: space-between; } #HOMEBLOG .hBlogArticle .Content { display: none; } #HOMEBLOG .hBlogArticle .Title { padding: 15px 5px; text-align: center; font-size: 1.1em; line-height: 1.3em; } .card-button { background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); box-shadow: none; text-align: center; } .cd-top.cd-is-visible { position: fixed; margin-right: 5%; margin-bottom: 3%; } #regBodyContent select { float: none; margin-right: 0; margin-bottom: 1em; width: 345px; height: 34px; padding: 5px; border-radius: 3px 3px 3px 3px; } #regBodyContent input[type=button], #regBodyContent select, #regBodyContent input[type=text], #regBodyContent input[type=password], #regBodyContent input[type=email] { font-family: 'Open Sans',sans-serif !important; -webkit-appearance: none; box-shadow: 0 0 3px #909090; border: 1px solid #c3c3c3; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 1em; margin-bottom: 1%; margin-right: 1%; width: 97%; float: left; padding: 5px; border-radius: 3px 3px 3px 3px; } #regBodyContent .Buttons2, #regBodyContent input[type=submit].Buttons, .SubmitButton, .GenericButton { padding: 5px 5px; color: #fff; border: 1px solid transparent; position: relative; } #regBodyContent input[type=submit] { font-family: 'Open Sans',sans-serif !important; cursor: pointer; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; border: 0; text-align: center; color: #fff; font-size: 1.5em; text-transform: uppercase; padding: 8px 16px; border-radius: 5px 5px 5px 5px; } #regBodyContent .PayCon input[type=text], #regBodyContent .PayCon select, #regBodyContent .PayCon input[type=password] {float: none; margin-right: 0} .regExpired { position: fixed; color: #000; opacity: 0.3; -webkit-transform: rotate(-35deg); padding: 25% 0 0 25%; width: 65%; text-align: left; font-size: 7em; text-transform: uppercase; z-index: 999999; line-height: 100%; } .card-span.across-three.stretch:hover, .card-span.across-three.stretch.checked { border-color: #da291c; cursor: pointer } .card-span.across-three.stretch:hover .card-button, .card-span.across-three.stretch.checked .card-button { background: #da291c; color: #FFF } input#ctl00_btnSubmitForm:disabled { opacity: 0.5 } .selectPlan { color: #da291c; text-align: center; font-weight: bold; } @media (max-width: 910px) { .across-three { grid-column: span 6 !important; } } @media (max-width: 600px) { .across-three { grid-column: span 12 !important; } } .sub-heading { text-align: left; font-weight: bold; padding-left: 10px; margin: 20px 0 10px; text-transform: uppercase; color: #262626; } .enhanced svg path { fill: #ef972e; } .enhanced .accordion-header:hover { background: #ef972e; } .enhanced .accordion-header:hover svg path { fill: white; } .enhanced .accordion__item.active svg path { fill: white; } .partner-offer { width: 100%; margin: 20px 0 10px; } .partner-offer .offer { display: flex; justify-content: end; align-items: center; } .partner-offer .offer p { color: white; background: #ef972e; width: fit-content; padding: 10px; text-transform: uppercase; font-weight: 600; font-size: 1.3em; } @media (max-width: 700px) { .partner-offer .offer { align-items: center; } .partner-offer .partner { justify-content: center; } }