Sie sind auf Seite 1von 103

/* MinifyError

(1994,31): run-time error CSS1055: Expected media-query expression, found 'not'


(2003,31): run-time error CSS1055: Expected media-query expression, found 'screen'
(2012,31): run-time error CSS1055: Expected media-query expression, found 'screen'
*/
/*! jQuery UI - v1.11.4 - 2016-02-06
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 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:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */


.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}

/* with multiple calendars */


.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png")
50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50%
repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
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;
background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50%
repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50%
repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50%
repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50%
repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.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); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */


.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
}

/* Matches WebCore */
/* Matches WebCore */
/* Matches WebCore */
/* Matches WebCore */
.horizontal-flip {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
/*
START: Common element override
*/
html,
span,
div,
input,
hr,
select,
textarea {
outline: none;
}
body h3 {
text-align: left;
}
html[dir='rtl'] body h3 {
text-align: right;
}
body {
overflow-x: hidden;
overflow-y: auto;
-ms-overflow-style: scrollbar;
word-wrap: break-word;
transition: margin-right ease-in-out 0.5s;
}
body.dialog-buffer {
margin-right: 400px;
}
body h2 {
text-align: center;
color: #ffffff;
}
body hr {
padding-bottom: 12px;
display: block;
height: 0;
border: 0;
border-top: 1px solid;
margin: 0;
padding: 0;
color: #949396;
width: 100%;
}
body .btn-link-inline {
padding: 0;
margin: 0;
min-width: 0;
vertical-align: inherit;
}
body .btn-link-inline[disabled] {
background-color: transparent !important;
color: inherit !important;
}
.footer-padding {
padding-bottom: 68px;
}
table {
border-width: 2px;
}
table tr,
table td {
border-width: 2px;
border-color: #bbb;
padding: 4px;
}
table tr:first-child {
border-top-style: none !important;
}
table td:first-child {
border-left-style: none;
}
table.border-solid {
border-style: solid;
}
table.border-solid tr {
border-top-style: solid;
}
table.border-solid td {
border-left-style: solid;
}
table.border-dotted {
border-style: dotted;
}
table.border-dotted tr {
border-top-style: dotted;
}
table.border-dotted td {
border-left-style: dotted;
}
table.border-dashed {
border-style: dashed;
}
table.border-dashed tr {
border-top-style: dashed;
}
table.border-dashed td {
border-left-style: dashed;
}
.no-list-spacing li {
margin-bottom: 0;
}
.element-tabbable:focus {
border: dotted thin;
border-color: #777777;
border-width: 1px;
margin: -1px;
}
.element-tabbable:focus:active {
border: none;
margin: auto;
}
.win-icon.win-icon-Cancel {
cursor: pointer;
}
.image-as-background {
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.normalize-button {
padding: 0;
border: 0;
min-width: unset;
margin: 0;
}
.card {
padding: 0;
border: 3px solid #e6e6e6;
}
.card .card-header {
padding: 8px 12px;
position: relative;
background-color: #e6e6e6;
}
.card .card-header-cancel {
font-weight: 500;
color: #0078d7;
cursor: pointer;
}
.card .card-content {
position: relative;
padding: 12px;
overflow: hidden;
background-color: white;
}
.no-gutter > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.container .container {
width: 100%;
}
}
/*
END: Common element override
*/
/*
START: Common classes override
*/
/* http://docs.angularjs.org/api/ng/directive/ngCloak */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}
.glyphicon-refresh-animate {
-animation: spin .7s infinite linear;
-webkit-animation: spin2 .7s infinite linear;
}
.vertically-center {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.horizontally-center {
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
html[dir='rtl'] .horizontally-center {
right: 50%;
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.absolute-center {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
html[dir='rtl'] .absolute-center {
right: 50%;
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.bold {
font-weight: 600;
}
.alert-banner {
font-weight: 600;
padding: 20px;
background-color: #F25022;
color: #ffffff;
}
.alert-banner a {
color: #ffffff;
text-decoration: underline;
}
.bubble-content::after {
content: "";
display: block;
position: absolute;
top: -12px;
left: 10px;
border-style: solid;
border-width: 0 16px 12px 0;
border-color: white transparent;
width: 0;
}
.bubble-content.bubble-right::after {
left: auto;
right: 10px;
top: auto;
bottom: -12px;
border-color: transparent white;
border-width: 12px 0 0 16px;
}
.bubble-content.bubble-below::after {
left: auto;
right: auto;
top: 100%;
border-width: 12px 12px 12px 0;
}
.message .message-text {
position: relative;
padding: 12px;
margin-right: 48px;
}
.message .message-text.virtual-agent-message-text {
background: #f2f2f2;
color: black;
}
.message .message-text.virtual-agent-message-text::after {
border-color: #f2f2f2 transparent;
}
.message .message-text.virtual-agent-message-text.bubble-left::after {
border-color: transparent #f2f2f2;
}
.message .message-text.agent-message-text {
background: #0078d7;
color: white;
}
.message .message-text.agent-message-text::after {
border-color: #0078d7 transparent;
}
.message .message-text.agent-message-text.bubble-left::after {
border-color: transparent #0078d7;
}
.message .message-text.agent-message-text a {
color: white;
text-decoration: underline;
}
.message .message-text.user-message-text {
background: rgba(0, 120, 215, 0.1);
color: black;
margin-left: 48px;
margin-right: 0;
}
.message .message-text.user-message-text::after {
border-color: rgba(0, 120, 215, 0.1) transparent;
}
.message .message-text.user-message-text.bubble-left::after {
border-color: transparent rgba(0, 120, 215, 0.1);
}
html[dir='rtl'] .message .message-text.user-message-text {
margin-left: 0;
margin-right: 48px;
}
html[dir='rtl'] .message .message-text {
margin-left: 48px;
margin-right: 0;
}
.message .message-error {
color: #4d4d4d;
}
.message .message-button-container {
margin-top: 12px;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -12px;
}
.message .message-button-container .message-button {
width: 100%;
cursor: pointer;
}
.message-slots {
overflow: hidden;
}
.message-slots .slot-list-container {
margin-top: 8px;
}
.message-slots .slot-list-container .slot-list-option {
padding: 0;
border: 0;
min-width: unset;
margin: 0;
display: block;
height: 34px;
padding: 7px 0 8px;
}
.message-slots .slot-list-container .slot-list-option:active,
.message-slots .slot-list-container .slot-list-option:focus {
color: #666;
}
.message-slots .slot-dropdown-container {
margin: 12px 20px 10px 0;
}
.message-slots .slot-dropdown-container .slot-dropdown-option {
height: 44px;
}
html[dir='rtl'] .message-slots .slot-dropdown-container {
margin: 12px 0 10px 20px;
}
.hide-message-slots .message-slots {
opacity: 0;
}
.message-slot-slideup {
animation-name: slot-slide-up;
animation-duration: 600ms;
animation-fill-mode: forwards;
}
.message-animation {
width: 40px;
}
.message-animation .dot {
display: inline-block;
width: 5px;
animation-iteration-count: infinite;
animation-name: message-animation;
}
.message-animation .dot:before {
content: "\E872";
font-family: "Dev Center MDL2 Assets", "Membership MDL2 Assets";
}
.va-message-slideout {
animation-name: message-slide-out;
animation-duration: 400ms;
animation-fill-mode: forwards;
}
@keyframes slot-slide-up {
from {
max-height: 238px;
}
to {
max-height: 0;
}
}
@keyframes message-slide-out {
from {
transform: scale(0);
-ms-transform: scale(0);
transform-origin: left;
-ms-transform-origin: left;
}
to {
transform: scale(1);
-ms-transform: scale(1);
transform-origin: left;
-ms-transform-origin: left;
}
}
@keyframes message-animation {
from {
color: #e2e2e2;
}
to {
color: #4d4d4d;
}
}
.clickable {
cursor: pointer;
}
.skylight-nav-entry {
display: table;
}
.skylight-nav-entry .skylight-image-container,
.skylight-nav-entry .skylight-nav-header {
display: none;
}
.skylight-nav-entry,
.skylight-nav-entry .skylight-nav-details,
.skylight-nav-entry .skylight-nav-btn {
width: 100%;
}
.skylight-nav-entry .skylight-nav-details {
display: table-cell;
vertical-align: middle;
padding-left: 0;
}
.skylight-nav-entry .skylight-nav-details .skylight-nav-header h1 {
font-size: 36px;
margin-bottom: 4px;
}
.skylight-nav-entry .skylight-nav-details .skylight-nav-header h2 {
margin-bottom: 24px;
}
.skylight-nav-entry .skylight-nav-details img {
display: inline-block;
}
.skylight-nav-entry .skylight-nav-details sup {
left: 2px;
font-size: 50%;
top: -1em;
}
.skylight-nav-entry .skylight-image-container {
width: 182px;
float: left;
}
.skylight-nav-entry .skylight-head-icon {
width: 40px;
height: 28px;
padding-right: 12px;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn {
padding: 12px 24px;
font-size: 13px;
border-color: #ffffff;
border-width: 0;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn:hover {
border-color: #ffffff;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn .win-icon {
top: -1px;
padding-left: 4px;
}
@media (min-width: 540px) {
.skylight-nav-entry {
margin: 48px auto;
}
.skylight-nav-entry:not(.skylight-nav-collapsed) {
min-height: 182px;
}
.skylight-nav-entry:not(.skylight-nav-collapsed) .skylight-nav-details {
padding-left: 32px;
}
.skylight-nav-entry:not(.skylight-nav-collapsed) .skylight-nav-details img {
display: none;
}
.skylight-nav-entry .skylight-image-container,
.skylight-nav-entry .skylight-nav-header {
display: block;
}
.skylight-nav-entry.skylight-nav-collapsed {
margin-top: 24px;
margin-bottom: -12px;
}
.skylight-nav-entry.skylight-nav-collapsed .btn.btn-primary.skylight-nav-btn {
padding-top: 8px;
padding-bottom: 7px;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn {
border-width: 1px;
width: auto;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn:hover,
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn:focus {
background-color: #086cbf;
border-color: #76b5e8;
}
.skylight-nav-entry .btn.btn-primary.skylight-nav-btn:active {
background-color: #004e8c;
}
}
.skylight-entry {
max-width: 320px;
width: 100%;
margin: 12px auto;
z-index: 1;
/* Make message bubble appear to come from Virtual Agent Image */
}
.skylight-entry .bubble-content.bubble-below::after {
border-width: 10px 12px 0 0;
}
.skylight-entry .message-bubble {
background-color: #e2e2e2;
margin-bottom: 4px;
padding: 8px;
position: relative;
width: 60px;
display: none;
}
.skylight-entry .message-bubble message-animation .message-animation {
position: relative;
padding: 10px;
width: 60px;
height: 100%;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
html[dir='rtl'] .skylight-entry .message-bubble message-animation .message-
animation {
right: 50%;
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.skylight-entry .message-bubble .message-bubble-content {
width: 100%;
opacity: 0;
}
.skylight-entry .message-bubble .message-bubble-content .message-bubble-header {
font-family: 'Segoe UI Bold', 'Segoe UI';
font-size: 20px;
line-height: 20px;
margin-bottom: 8px;
}
.skylight-entry .message-bubble .message-bubble-content.visible {
opacity: 1;
}
.skylight-entry .message-bubble.full-width {
width: 100%;
}
.skylight-entry .message-bubble:after {
border-color: #e2e2e2 transparent;
left: 50px;
z-index: 1;
}
html[dir='rtl'] .skylight-entry .message-bubble:after {
left: auto;
right: 50px;
}
.skylight-entry button {
width: 100%;
height: 48px;
color: white;
background-color: #0078d7;
text-overflow: ellipsis;
padding: 0 20px;
margin: 0;
}
.skylight-entry button span {
vertical-align: middle;
}
.skylight-entry button:focus,
.skylight-entry button:hover,
.skylight-entry button:active {
background-color: #086cbf;
}
.skylight-entry img {
width: 32px;
height: 32px;
margin-right: 4px;
}
html[dir='rtl'] .skylight-entry img {
margin-right: 0;
margin-left: 4px;
}
@media (min-width: 540px) {
.skylight-entry {
position: fixed;
bottom: 20px;
right: 20px;
margin: 0;
}
.skylight-entry .message-bubble {
display: block;
}
html[dir='rtl'] .skylight-entry {
left: 20px;
right: auto;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.radio:hover,
.radio:focus,
.radio:active {
-ms-high-contrast-adjust: none;
background-color: #1aebff;
color: black;
}
.radio:not(:hover) label input:checked ~ span:before {
background-color: #1aebff;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.radio:hover,
.radio:focus,
.radio:active {
-ms-high-contrast-adjust: none;
background-color: #37006e;
color: white;
}
.radio:not(:hover) label input:checked ~ span:before {
background-color: #37006e;
}
}
/*
END: common class override
*/
@media (min-width: 768px) {
.site-footer {
padding-bottom: 64px;
}
}
#search-box .search-container {
/* Home page */
background-color: #0078d7;
padding: 0;
margin: 0;
position: relative;
}
#search-box .search-container.other {
/* Overrides for pages other then home page */
padding-top: 24px;
padding-bottom: 12px;
}
#search-box .search-container .commercial-search {
margin-bottom: 16px;
}
#search-box .search-container .search-header {
padding-bottom: 24px;
color: #ffffff;
}
#search-box .primary-search {
top: 0;
cursor: pointer;
position: absolute;
z-index: 10;
color: #777777;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
margin-left: 2px;
padding: 6px;
line-height: 24px;
}
#search-box .primary-search:active {
color: white;
background-color: #0078D7;
}
html[dir='rtl'] #search-box .form-control-feedback {
left: 0;
right: auto;
}
#search-box input[type="text"].search-text {
box-shadow: none;
border: none;
border-radius: 0;
-webkit-appearance: none;
background: rgba(255, 255, 255, 0.8);
}
#search-box input[type="text"].search-text::-webkit-input-placeholder {
color: #777777;
}
#search-box input[type="text"].search-text::-moz-placeholder {
/* Firefox 19+ */
color: #777777;
}
#search-box input[type="text"].search-text:-ms-input-placeholder {
color: #777777;
}
#search-box input[type="text"].search-text::-ms-clear {
display: none;
}
#search-box input[type="text"].search-text:focus {
background: #ffffff;
}
#search-box input[type="text"].search-text {
height: 40px;
padding: 9px 24px 11px 12px;
}
@media screen and (-ms-high-contrast: active) {
#search-box input[type="text"].search-text {
border-style: solid;
border-color: #777777;
border-width: 1px;
}
}
.virtual-agent-window .va-intro-image {
width: 130px;
}
.virtual-agent-window .va-container {
position: fixed;
top: 48px;
bottom: 0;
width: 100%;
margin: auto;
}
.virtual-agent-window .va-container.in-app-sdk {
top: 0;
bottom: 0;
}
.virtual-agent-window .va-container.native {
width: 100%;
}
.virtual-agent-window .va-container .btn {
margin-top: 4px;
}
.virtual-agent-window .va-container .instant-answer .btn {
margin-top: 0;
}
.virtual-agent-window .va-container .va-section-header {
border-bottom: 0px;
padding-top: 32px;
}
.virtual-agent-window .va-container .va-media-container {
margin-bottom: 12px;
}
.virtual-agent-window .va-container-inapp {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.virtual-agent-window .va-message-container {
overflow-y: auto;
overflow-x: hidden;
bottom: 93px;
padding-bottom: 25px;
-webkit-overflow-scrolling: touch;
}
.virtual-agent-window .va-message-container .bubble-content {
display: inline-block;
}
.virtual-agent-window .card .modality-icon {
float: left;
}
html[dir='rtl'] .virtual-agent-window .card .modality-icon {
float: right;
}
.virtual-agent-window .card .modality-icon-image {
float: left;
position: relative;
top: 4px;
width: 18px;
}
.virtual-agent-window .card .modality-content {
display: inline;
}
.virtual-agent-window .card .modality-content div {
margin-left: 37px;
}
html[dir='rtl'] .virtual-agent-window .card .modality-content div {
margin-left: 0;
margin-right: 37px;
}
.virtual-agent-window .card .container-fluid {
padding: 0;
}
.virtual-agent-window .card .modality-schedule-callback .spinner-
container.absolute-center {
position: relative;
left: auto;
top: auto;
-webkit-transform: none;
transform: none;
}
.virtual-agent-window .card .modality-schedule-callback #CAD-asap-call-confirm {
margin-top: 16px;
}
.virtual-agent-window .card .support-survey .chat-overlay {
position: static;
border: none;
max-width: 100%;
padding: 0;
background-color: white;
}
.virtual-agent-window .card .support-survey .chat-overlay .section-header {
border: none;
padding: 0;
margin: 0;
}
.virtual-agent-window .card .support-survey .section-header {
display: none;
}
.virtual-agent-window .va-input {
width: 100%;
position: fixed;
bottom: 0;
overflow-x: hidden;
}
.virtual-agent-window .va-input.native {
bottom: -8px;
}
.virtual-agent-window .va-input .va-chat-info {
padding-bottom: 3px;
padding-left: 12px;
}
.virtual-agent-window .va-input .va-chat-info.error {
color: #e81123;
}
html[dir='rtl'] .virtual-agent-window .va-input .va-chat-info {
padding-left: 0;
padding-right: 12px;
}
.virtual-agent-window .va-input .va-input-container {
position: relative;
}
.virtual-agent-window .va-input textarea {
width: 100%;
resize: none;
transition: height ease-in-out 0.5s;
height: 80px;
padding-top: 12px;
padding-right: 32px;
padding-bottom: 0;
padding-left: 12px;
margin-bottom: 12px;
}
html[dir='rtl'] .virtual-agent-window .va-input textarea {
padding-right: 12px;
padding-left: 32px;
}
.virtual-agent-window .va-input textarea.native {
margin-bottom: 0;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
}
.virtual-agent-window .va-input .win-icon-Send {
position: absolute;
right: 0;
top: 0;
padding: 12px;
cursor: pointer;
}
html[dir='rtl'] .virtual-agent-window .va-input .win-icon-Send {
left: 0;
right: auto;
}
.virtual-agent-window .va-input html[dir='rtl'] textarea {
padding-right: 0;
padding-left: 32px;
}
.virtual-agent-window .va-input html[dir='rtl'] .win-icon-Send {
left: 0;
right: auto;
}
.virtual-agent-dialog-container .separator-top,
.virtual-agent-window .separator-top {
border-top: solid 1px #CCC;
}
.virtual-agent-dialog-container .message .search-result-panel,
.virtual-agent-window .message .search-result-panel {
margin-bottom: 12px;
}
.virtual-agent-dialog-container .message .virtual-agent-assisted-support-link,
.virtual-agent-window .message .virtual-agent-assisted-support-link {
padding-top: 16px;
border-top: solid 1px #CCC;
}
.virtual-agent-banner {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
padding-top: 14px;
padding-bottom: 17px;
}
.virtual-agent-banner .virtual-agent-banner-icon {
float: left;
padding-left: 12px;
}
.virtual-agent-banner .virtual-agent-banner-icon img {
width: 24px;
height: 24px;
}
html[dir='rtl'] .virtual-agent-banner .virtual-agent-banner-icon {
float: right;
padding-left: 0;
padding-right: 12px;
}
.virtual-agent-banner .virtual-agent-banner-details {
margin: 0 48px 0 48px;
}
.virtual-agent-banner .virtual-agent-banner-details .virtual-agent-banner-message {
padding-bottom: 4px;
}
.virtual-agent-banner .virtual-agent-banner-details .virtual-agent-banner-action {
display: block;
}
@media (max-width: 360px) {
.virtual-agent-banner .virtual-agent-banner-details {
font-size: 13px;
line-height: 20px;
}
}
.virtual-agent-banner .virtual-agent-banner-dismiss {
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 48px;
background-color: #f2f2f2;
}
.virtual-agent-banner .virtual-agent-banner-dismiss .win-icon {
width: 16px;
height: 16px;
}
.virtual-agent-banner .virtual-agent-banner-dismiss:hover,
.virtual-agent-banner .virtual-agent-banner-dismiss:active,
.virtual-agent-banner .virtual-agent-banner-dismiss:focus {
background-color: #cccccc;
}
html[dir='rtl'] .virtual-agent-banner .virtual-agent-banner-dismiss {
right: auto;
left: 0;
}
.virtual-agent-banner .virtual-agent-banner-dismiss,
.virtual-agent-banner .virtual-agent-banner-details .virtual-agent-banner-action {
padding: 0;
border: 0;
min-width: unset;
margin: 0;
}
.quick-nav {
/* Mobile First */
margin-top: 4px;
color: #0078d7;
padding: 0 16px;
}
.quick-nav a:hover span.text-body,
.quick-nav a:active span.text-body {
text-decoration: underline;
}
.quick-nav.other {
/* Overrides for pages other than home page*/
background-color: #0078d7;
margin: 0;
padding-bottom: 24px;
max-width: none;
width: 100%;
}
.quick-nav.other a {
color: #ffffff;
}
.quick-nav.home a:hover {
color: black;
/* browser fallback */
color: rgba(0, 0, 0, 0.6);
}
.quick-nav.home a:active {
color: black;
/* browser fallback */
color: rgba(0, 0, 0, 0.4);
}
.quick-nav a {
color: #0078d7;
white-space: normal;
text-align: left;
}
.quick-nav .win-icon {
padding: 0 12px 0 0;
font-size: 24px;
vertical-align: middle;
}
.quick-nav .help-link {
margin-top: 12px;
}
.quick-nav .help-link a {
padding: 5px 0 7px;
}
.quick-nav .help-link .premier-img {
width: 32px;
height: 32px;
}
@media (max-width: 540px) {
.quick-nav .help-link .premier-img {
width: 24px;
height: 24px;
}
}
@media (min-width: 540px) {
.quick-nav {
text-align: center;
}
.quick-nav a {
display: inline-block;
vertical-align: middle;
}
.quick-nav .help-link {
display: inline-block;
padding-left: 32px;
margin-top: 24px;
}
.quick-nav .help-link a {
padding: 9px 8px 12px 8px;
}
.quick-nav .help-link:first-child {
padding-left: 0;
}
.quick-nav .win-icon {
font-size: 32px;
}
}
.notification-banner {
min-height: 75px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
}
.notification-banner .banner-text {
display: inline-block;
text-align: left;
line-height: normal;
vertical-align: middle;
color: #ffffff;
margin-top: 2%;
margin-bottom: 2%;
width: 80%;
}
.notification-banner .banner-image {
width: 15%;
height: 90px;
}
.notification-banner .banner-image-top-right {
height: 65%;
vertical-align: top;
float: right;
}
.notification-banner .banner-image-bottom-right {
height: 65%;
vertical-align: bottom;
float: right;
}
.notification-banner .banner-image-top-left {
height: 65%;
vertical-align: top;
float: left;
}
.notification-banner .banner-image-bottom-left {
height: 65%;
vertical-align: bottom;
float: left;
}
.notification-banner .banner-image-right {
float: right;
}
.notification-banner .banner-image-left {
float: left;
}
html[dir='rtl'] .notification-banner {
background-position: left top;
}
html[dir='rtl'] .notification-banner .banner-text {
text-align: right;
}
@media (max-width: 768px) {
.notification-banner .banner-text {
padding-right: 25px;
}
html[dir='rtl'] .notification-banner .banner-text {
padding-left: 25px;
}
}
@media (max-width: 540px) {
.notification-banner .banner-text {
font-size: 14px;
}
}
@media (min-width: 540px) {
.dropdown-toggle-header {
display: none;
}
.landing-section-content {
width: 100%;
display: inline-block;
height: auto !important;
}
}
@media (max-width: 539px) {
.dropdown-no-toggle-header {
display: none;
}
}
a.dropdown-toggle {
padding: 0;
margin: 0 10px;
color: #4d4d4d;
text-decoration: none;
}
a.dropdown-toggle:after {
content: "\E70E";
}
.collapsed a.dropdown-toggle:after {
content: "\E70D";
}
span.section-toggle {
padding: 0;
margin: 0 10px;
color: #4d4d4d;
text-decoration: none;
}
span.section-toggle:after {
content: "\E70E";
}
.collapsed span.section-toggle:after {
content: "\E70D";
}
/*
Boostrap fix for IPhone where the links aren't clickable
*/
.dropdown-backdrop {
position: static;
}
#connection-failed {
height: 230px;
padding: 20px;
}
/*
END: Contact Wizard
*/
/*
START: Link farm
*/
#link-farm {
padding: 0;
}
#link-farm ul,
#link-farm ol {
margin-top: 20px;
margin-bottom: 0;
}
#link-farm .item-section {
padding: 0;
margin: 0;
}
@media (min-width: 540px) {
#link-farm .item-section {
padding-right: 16px;
}
html[dir='rtl'] #link-farm .item-section {
padding-right: 0;
padding-left: 16px;
}
}
#link-farm a.dropdown-toggle {
margin: 0;
}
#link-farm li:last-child {
margin-bottom: 42px;
}
/*
END: Link farm
*/
/*
START: User Devices
*/
#user-products {
background-color: #ffffff;
min-height: 150px;
padding-top: 25px;
}
.ms-products {
margin-top: 4px;
}
.ms-products #home-products-list {
margin: 0 16px 0 0;
}
html[dir='rtl'] .ms-products #home-products-list {
margin: 0 0 0 16px;
}
.ms-products .win-icon {
padding: 0 24px 24px 24px;
font-size: 20px;
vertical-align: middle;
}
.ms-products .product-hub-section {
padding-top: 30px;
}
.ms-products .ms-products-header {
text-align: center;
margin-bottom: 48px;
margin-top: 48px;
}
.ms-products .ms-product-list {
padding-left: 0px;
}
.ms-products .ms-product-list .product-item {
background-color: rgba(0, 0, 0, 0);
padding: 10px 2px;
text-align: left;
width: 164px;
min-height: 124px;
border: none;
}
@media not screen and (-ms-high-contrast: active) {
.ms-products .ms-product-list .product-item:focus,
.ms-products .ms-product-list .product-item:hover {
outline: 1px solid;
outline-color: rgba(0, 0, 0, 0.2);
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.ms-products .ms-product-list .product-item:focus,
.ms-products .ms-product-list .product-item:hover,
.ms-products .ms-product-list .product-item:active {
background-color: #1aebff;
border-color: #1aebff;
color: black;
}
.ms-products .ms-product-list .product-item:focus .product-name,
.ms-products .ms-product-list .product-item:hover .product-name,
.ms-products .ms-product-list .product-item:active .product-name {
color: black;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.ms-products .ms-product-list .product-item:focus,
.ms-products .ms-product-list .product-item:hover,
.ms-products .ms-product-list .product-item:active {
background-color: #37006e;
border-color: #37006e;
color: white;
}
.ms-products .ms-product-list .product-item:focus .product-name,
.ms-products .ms-product-list .product-item:hover .product-name,
.ms-products .ms-product-list .product-item:active .product-name {
color: white;
}
}
.ms-products .ms-product-list .product-image {
margin: auto;
height: 32px;
width: 32px;
display: block;
}
.ms-products .ms-product-list .product-name {
color: #000000;
text-align: center;
min-height: 20px;
margin: 16px 0;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
overflow: hidden;
}
.ms-products .ms-product-list .user-product-detail {
color: #4d4d4d;
}
.ms-products .all-products-linkurl {
display: block;
text-align: center;
margin: 30px 0 56px 0;
}
@media (min-width: 540px) {
.ms-products {
margin-top: 4px;
}
.ms-products .all-products-linkurl {
margin-top: 18px;
margin-bottom: 96px;
}
.ms-products .ms-product-list {
padding-left: 0px;
}
html[dir='rtl'] .ms-products .ms-product-list {
padding-right: 0px;
padding-left: initial;
}
.ms-products .ms-product-list .product-item {
padding: 20px 2px 20px 2px;
display: block;
text-align: left;
width: 164px;
min-height: 124px;
}
.ms-products .ms-product-list .product-item a {
color: #000000;
}
.ms-products .ms-product-list .product-image {
margin: auto;
height: 64px;
width: auto;
display: block;
}
.ms-products .ms-product-list .product-name {
min-height: 40px;
margin: 16px 0;
white-space: nowrap;
overflow: initial;
}
.ms-products .ms-product-list .product-hub-item {
width: auto;
height: 150px;
display: block;
}
.ms-products .ms-product-list .product-hub-item a {
color: #000000;
}
.ms-products .ms-product-list .product-hub-item:hover {
border: 2px solid rgba(0, 0, 0, 0.2);
}
.ms-products .ms-product-list .product-hub-item:active {
border: 2px solid rgba(0, 0, 0, 0.4);
}
.ms-products .ms-product-list .product-hub-name {
font-size: 18px;
}
.ms-products .ms-product-list .product-hub-description {
max-width: 300px;
}
}
@media (min-width: 540px) and not screen and (-ms-high-contrast: active) {
.ms-products .ms-product-list .product-item:hover {
border: 2px solid rgba(0, 0, 0, 0.2);
padding: 18px 0 18px 0px;
}
.ms-products .ms-product-list .product-item:active {
border: 2px solid rgba(0, 0, 0, 0.4);
}
}
@media (min-width: 540px) and screen and (-ms-high-contrast: white-on-black) {
.ms-products .ms-product-list .product-item:hover {
border: 2px solid #1aebff;
padding: 18px 0 18px 0px;
}
.ms-products .ms-product-list .product-item:active {
border: 2px solid #1aebff;
}
}
@media (min-width: 540px) and screen and (-ms-high-contrast: black-on-white) {
.ms-products .ms-product-list .product-item:hover {
border: 2px solid #37006e;
padding: 18px 0 18px 0px;
}
.ms-products .ms-product-list .product-item:active {
border: 2px solid #37006e;
}
}
.ms-products .all-products-linkurl-no-margin {
margin-bottom: 0px;
}
@media all and (max-width: 640px) {
.ms-products .text-small {
display: block;
text-align: left;
}
.ms-products .text-regular {
display: none;
text-align: left;
}
html[dir='rtl'] .ms-products .text-small {
text-align: right;
}
html[dir='rtl'] .ms-products .text-regular {
text-align: right;
}
}
@media all and (min-width: 640px) {
.ms-products .text-small {
display: none;
text-align: left;
}
.ms-products .text-regular {
display: block;
text-align: left;
}
html[dir='rtl'] .ms-products .text-small {
text-align: right;
}
html[dir='rtl'] .ms-products .text-regular {
text-align: right;
}
}
/*
START: Product Pages
*/
.ms-productpages {
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;
}
.ms-productpages .win-icon {
padding: 0 24px 10px 0px;
font-size: 20px;
vertical-align: middle;
float: left;
}
html[dir='rtl'] .ms-productpages .win-icon {
float: right;
padding: 0 0px 10px 24px;
}
.ms-productpages .product-hub-chevron-icon {
font-size: 16px;
}
.ms-productpages .pp-text-subheader {
font-size: 24px;
font-weight: 200;
}
.ms-productpages .pp-breadcrumb {
position: relative;
top: 12px;
z-index: 2;
}
.ms-productpages .pp-section-header {
padding-bottom: 12px;
margin-bottom: 0px;
padding-top: 20px;
}
.ms-productpages .no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.ms-productpages .section-no-margin {
margin-bottom: 0px;
}
.ms-productpages .product-page-title {
padding-bottom: 24px;
display: inline-block;
}
.ms-productpages .product-page-overflow {
padding-bottom: 24px;
display: inline-block;
float: right;
margin-right: 0;
}
html[dir='rtl'] .ms-productpages .product-page-overflow {
float: left;
margin-left: 0;
}
.ms-productpages .product-page-section {
margin-top: 0;
}
.ms-productpages .product-hub-img {
max-height: 158px;
max-width: 109px;
width: auto;
margin-top: 48px;
margin-bottom: 24px;
}
.ms-productpages .pp-category-title {
color: #000000;
}
.ms-productpages .pp-category-title:hover {
opacity: 0.8;
}
.ms-productpages .product-hub-title {
margin-top: 48px;
padding-bottom: 4px;
display: inline-block;
}
.ms-productpages .product-page-row-margin {
padding-right: 0px;
}
.ms-productpages .product-page-hr {
height: 1px;
width: 100%;
}
.ms-productpages .product-page-promo-item {
padding-left: 0px;
}
.ms-productpages .product-page-grid {
padding-top: 36px;
padding-bottom: 48px;
}
.ms-productpages .product-page-leftnav {
padding-left: 0px;
margin: 0px 4px 0px 0px;
}
.ms-productpages .product-page-linkdropdown {
margin-left: 6px;
}
.ms-productpages .product-page-dropdown {
float: none;
margin-left: 180px;
width: auto;
}
.ms-productpages .product-page-searchbox {
width: 280px;
}
.ms-productpages .promotion-product-title {
padding-bottom: 32px;
}
.ms-productpages .promotion-product-item {
background-color: rgba(0, 0, 0, 0);
padding: 10px 2px;
text-align: left;
margin-top: 0px;
border: none;
}
.ms-productpages .promotion-product-item a {
color: #000000;
}
.ms-productpages .promotion-product-item:focus,
.ms-productpages .promotion-product-item:hover {
outline: 1px solid;
outline-color: rgba(0, 0, 0, 0.2);
}
.ms-productpages .promotion-product-item .promotion-product-image {
float: left;
font-size: 32px;
margin: 0 12px 24px 0;
width: 32px;
height: 32px;
}
html[dir='rtl'] .ms-productpages .promotion-product-item .promotion-product-image {
float: right;
margin: 0 0 24px 12px;
}
.ms-productpages .promotion-product-item .promotion-product-name {
font-size: 18px;
padding-bottom: 6px;
max-width: 304px;
color: black;
text-align: left;
}
html[dir='rtl'] .ms-productpages .promotion-product-item .promotion-product-name {
text-align: right;
}
.ms-productpages .promotion-product-description {
color: #919191;
margin-bottom: 48px;
text-align: left;
}
html[dir='rtl'] .ms-productpages .promotion-product-description {
text-align: right;
}
.ms-productpages .promotion-product-selector-image {
float: left;
font-size: 48px;
width: 50px;
height: 50px;
padding-bottom: 15px;
}
.ms-productpages .promotion-product-hub-image {
display: inline-block;
margin-bottom: 24px;
height: 64px;
width: 64px;
}
@media (max-width: 767px) {
.ms-productpages .ph-section-header {
width: 30%;
float: left;
}
.ms-productpages .leftnav-links {
width: 70%;
float: right;
padding-left: 4px;
padding-top: 48px;
}
}
@media all and (min-width: 540px) {
.ms-productpages .promotion-product-item {
padding: 20px 2px 20px 2px;
display: block;
text-align: left;
}
.ms-productpages .promotion-product-item a {
color: #000000;
}
.ms-productpages .promotion-product-item:hover {
border: 2px solid rgba(0, 0, 0, 0.2);
padding: 18px 0 18px 0px;
}
.ms-productpages .promotion-product-item:active {
border: 2px solid rgba(0, 0, 0, 0.4);
}
.ms-productpages .product-page-leftnav {
margin: 0px 24px 0px 0px;
padding-left: 0px;
}
.ms-productpages .product-hub-img {
max-height: 158px;
max-width: 130px;
width: auto;
margin-top: 48px;
margin-bottom: 24px;
}
}
@media all and (min-width: 768px) {
.ms-productpages .product-page-leftnav {
margin: 0px 48px 0px 0px;
padding-left: 0px;
}
.ms-productpages .product-hub-img {
max-height: 100%;
max-width: 100%;
width: auto;
margin-top: 48px;
margin-bottom: 24px;
}
}
@media (min-width: 640px) {
.ms-productpages .promotion-product-hub-image {
float: left;
margin-right: 12px;
height: 64px;
width: 64px;
}
html[dir='rtl'] .ms-productpages .promotion-product-hub-image {
float: right;
margin-left: 12px;
margin-right: auto;
}
.ms-productpages .promotion-product-item .promotion-product-image {
float: left;
font-size: 48px;
width: 48px;
height: 48px;
}
html[dir='rtl'] .ms-productpages .promotion-product-item .promotion-product-image
{
float: right;
margin: 0 12px 24px 0px;
}
}
.image-height {
height: 70px;
}
.product-page-modal .modal-dialog {
width: 1018px;
max-height: 636px;
background-color: white;
}
/*
END: Product Pages
*/
/*
END: User Devices
*/
/*
START: Feedback container
*/
#feedback-wizard {
position: fixed;
bottom: 0;
right: 0;
min-width: 300px;
background-color: #f2f2f2;
}
#feedback-submit {
float: right;
margin-bottom: 10px;
}
html[dir='rtl'] #feedback-submit {
float: left;
}
#feedback-form {
padding: 10px 20px;
}
#feedback-form .feedback-input-type {
display: block;
}
#feedback-form .feedback-input-box {
width: 100%;
}
#feedback-form .feedback-box {
display: block;
width: 100%;
height: 90px;
margin: 10px 0;
}
.btn-splash {
color: #777777;
background-color: #ffffff;
border-color: #ffffff;
}
.btn.btn-splash:hover,
.btn.btn-splash:active,
.btn.btn-splash:focus {
color: #333333;
}
/*
END: Feedback container
*/
/*
START: Loader Animations
*/
.progress-bar,
.progress {
-webkit-box-shadow: none;
box-shadow: none;
float: none;
}
.progress-bar-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.progress-bar-top .progress {
margin: 0;
}
.spinner-container .progress {
margin-left: auto;
margin-right: auto;
}
.spinner-inline {
top: 8px;
position: relative;
}
/*
END: Loader Animations
*/
/*
START: Bing Auto Suggest
*/
.auto-suggest-results {
position: absolute;
background-color: white;
width: 100%;
z-index: 10;
}
.auto-suggest-results b {
font-weight: 600;
}
.auto-suggest-results ul {
border: 1px solid #e2e2e2;
list-style-type: none;
cursor: pointer;
margin: 0;
text-align: left;
}
.auto-suggest-results ul li {
height: 44px;
line-height: 44px;
padding: 2px 11px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0;
}
.auto-suggest-results ul li:hover,
.auto-suggest-results ul li.selected {
background-color: #f2f2f2;
}
html[dir='rtl'] .auto-suggest-results ul {
text-align: right;
}
/*
START: Online/Offline detection
*/
.online-detect {
position: fixed;
max-width: 540px;
padding: 8px;
margin: auto;
background-color: #f2f2f2;
z-index: 99999;
border: #CCCCCC 1px solid;
}
@media (min-width: 540px) {
.online-detect {
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/*
END: Online/Offline detection
*/
/*
END: Bing Auto Suggest
*/
@media not screen and (-ms-high-contrast: active) {
button:hover,
button:active,
button:focus {
background-color: inherit;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
button:hover,
button:active,
button:focus {
-ms-high-contrast-adjust: none;
background-color: #1aebff;
border-color: #1aebff;
color: black;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
button:hover,
button:active,
button:focus {
-ms-high-contrast-adjust: none;
background-color: #37006e;
border-color: #37006e;
color: white;
}
}
/*
START: All Products List
*/
.all-products-list .product-category {
float: none;
display: inline-block;
vertical-align: top;
}
@media (min-width: 540px) {
.all-products-list .product-category {
padding: 0 32px 0 0;
}
html[dir='rtl'] .all-products-list .product-category {
padding: 0 0 0 32px;
}
}
/*
END: All Products List
*/
.kb-article a {
color: #0078d7;
}
.kb-article .section {
margin-top: 64px;
}
.kb-article .section-title {
font-size: 32px;
line-height: 40px;
}
.kb-article .indent {
padding: 8px 16px;
}
.kb-article #product-picker {
margin: 16px 0;
}
.kb-article .kb-disclaimer-msi {
display: inline;
}
.kb-article .sbody-free_list {
padding: 0 20px;
list-style-type: disc;
}
.kb-article .sbody-alpha_list {
list-style-type: lower-alpha;
}
.kb-article .sbody-error {
padding: 8px;
margin: 8px 0;
background-color: #f2f2f2;
}
.kb-article .sbody-msg {
padding: 8px 16px;
}
.kb-article .sbody-h3 {
margin-top: 24px;
margin-bottom: 24px;
}
.kb-article .sbody-h4 {
margin-top: 16px;
margin-bottom: 16px;
}
.kb-article .sbody-h5 {
margin-top: 8px;
margin-bottom: 8px;
}
.kb-article img.graphic {
padding: 0 8px;
}
.kb-article .kb-document-diagnostics {
background-color: #f2f2f2;
border: 1px solid;
margin-top: 100px;
padding: 6px;
}
.kb-article .kb-document-diagnostics p,
.kb-article .kb-document-diagnostics h3 {
margin-bottom: 6px;
}
.kb-article .mats-container {
width: 554px;
}
.kb-article .mats-container #content {
width: 100%;
background-color: #EFF7FB;
}
.kb-article .mats-container #content #left-pane {
width: 80%;
padding: 5px;
}
.kb-article .mats-container #content #left-pane a {
margin-left: 5px;
}
.kb-article .mats-container #content #right-pane {
width: 20%;
text-align: center;
padding: 5px;
vertical-align: top;
}
.kb-article .mats-container #content #right-pane a {
text-decoration: none;
background-color: #0072C6;
color: white;
padding: 15px;
position: relative;
top: 20px;
}
.kb-article .title {
padding: 0;
}
.kb-article .kb-detect-os {
border: #000000 solid 1px;
padding: 8px;
margin: 32px 0;
}
.kb-article .kb-thirdparty img {
display: block;
}
.kb-article .kb-querywords-section {
display: none;
}
.kb-article .kb-notice-section {
background-color: #f2f2f2;
padding: 8px;
margin: 32px 0;
}
.kb-article .kb-notice-section-title {
font-weight: 800;
}
.kb-article .fix-it a {
display: block;
}
.kb-article .kb-banner {
background-color: #e2e2e2;
padding: 8px;
margin: 32px 0;
}
.kb-article .kb-banner img,
.kb-article .kb-banner div {
display: inline-block;
}
.kb-article .kb-banner img {
vertical-align: top;
}
.kb-article .kb-hotfix-link {
background-color: #0072C6;
color: white;
padding: 15px;
font-weight: 800;
}
.kb-article .kb-hotfix-link:link,
.kb-article .kb-hotfix-link:visited,
.kb-article .kb-hotfix-link:hover,
.kb-article .kb-hotfix-link:active {
color: white;
}
.kb-article #machine-translated {
padding: 0;
background: none;
color: inherit;
}
.content-survey .choices {
display: inline-block;
word-wrap: normal;
}
.content-survey .choice-caption {
margin-right: 48px;
}
.content-survey .radio {
display: inline-block;
margin: 0 32px 0 0;
}
.content-survey .radio:first-child {
margin-left: 0;
}
.content-survey .suggestion {
width: 100%;
}
.content-survey .suggestion textarea {
height: 100px;
}
@media (max-width: 540px) {
.content-survey {
position: fixed;
bottom: 0;
margin-bottom: 0;
padding: 4px;
width: 100%;
background: #ffffff;
left: 0;
z-index: 99;
}
.content-survey .choices {
display: block;
}
.content-survey .choice-caption {
padding-top: 12px;
}
.content-survey .choice-caption {
margin-right: 0;
}
.content-survey .form-group {
display: inline-block;
margin-top: 0;
padding-right: 20px;
float: right;
}
.content-survey .form-group .button-inline {
margin-bottom: 0;
}
.content-survey .form-group .button-inline .btn-primary {
background-color: #ffffff;
border-color: #ffffff;
color: #0078d7;
}
.content-survey .form-group .button-inline .btn-primary:hover {
color: #086cbf;
}
.content-survey #content-survey-somewhat {
display: none;
}
.content-survey .section-header {
display: none;
}
}
.content-media .media-widget {
padding-top: 20px;
margin-top: 0;
}
.content-media .media-widget .win-icon {
padding: 0 10px 4px 0;
}
.content-media .media-widget li {
margin-bottom: 10px;
}
.content-media .media-widget a {
word-wrap: normal;
}
@media (max-width: 768px) {
.content-media {
display: none;
}
}
.responsive-iframe-16-9 {
position: relative;
padding-bottom: 56.25%;
/*16-9 aspect ratio*/
padding-top: 20px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.responsive-iframe-16-9 iframe {
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
/*
START : FileExchange
*/
.file-exchange {
min-height: 650px;
}
.file-exchange .page-header {
margin-top: 27px;
}
.file-exchange .file-list-section {
padding-top: 35px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.file-exchange .file-list-section .left-panel .icon {
font-size: 32px;
padding-right: 20px;
}
.file-exchange .file-list-section .left-panel .file-count-message {
opacity: 0.6;
}
.file-exchange .file-list-section .right-panel .icon {
font-size: 16px;
margin-right: 4px;
padding-top: 4px;
width: 24px;
height: 24px;
}
.file-exchange .file-list-section .right-panel .item {
margin-right: 48px;
text-decoration: none !important;
}
.file-exchange .table-hover tr:hover {
cursor: pointer;
}
.file-exchange .table-hover .hover:hover {
background-color: #f2f2f2;
color: #000000;
}
.file-exchange .selected-row {
background-color: #0078d7;
color: #ffffff;
}
.file-exchange .error-row {
cursor: default;
background-color: #a80000;
color: #ffffff;
}
.file-exchange .file-size {
text-align: right;
}
.file-exchange .select-column {
width: 40px;
min-width: 40px;
}
.file-exchange .select-column .win-icon {
font-size: 14px;
}
.file-exchange .upload-progress .progress {
margin: 4px 0;
}
.file-exchange .upload-progress[row-selected='true'] .progress .progress-bar {
background-color: #ffffff !important;
}
.file-exchange .upload-progress[row-selected='true'] .progress .progress-bar:hover
{
background-color: #0078d7;
}
.file-exchange .span-align-middle {
vertical-align: middle;
}
.file-exchange .authorization-message {
margin-top: 29px;
}
/*
END : FileExchange
*/
/*
START : DAD & eDAD V2
*/
.accessibility .hero-content {
background-color: black;
opacity: 0.8;
padding: 36px 8px;
color: #ffffff;
}
.accessibility .hero-content .title {
margin-bottom: 24px;
}
@media (min-width: 540px) {
.accessibility .hero-content {
padding: 36px 24px;
}
}
.accessibility .display-inline-block {
display: inline-block;
float: none;
}
.accessibility .jumbotron-hero .background img {
-ms-transform: translateX(-85%);
-moz-transform: translateX(-85%);
-webkit-transform: translateX(-85%);
transform: translateX(-85%);
margin-left: 85%;
}
.accessibility .jumbotron-hero .background img html[dir='rtl'] {
-ms-transform: scaleX(-1) translateX(-185%);
-moz-transform: scaleX(-1) translateX(-185%);
-webkit-transform: scaleX(-1) translateX(-185%);
transform: scaleX(-1) translateX(-185%);
margin-left: 0 !important;
margin-right: 85% !important;
transform-origin: top left;
}
.accessibility .jumbotron-hero .hero-container {
height: 400px;
}
@media (min-width: 1084px) {
.accessibility .jumbotron-hero .hero-container {
height: 600px;
}
}
.accessibility .jumbotron-hero .hero-content-wrapper {
display: table-cell;
vertical-align: middle;
}
.accessibility .jumbotron-hero .hero-content {
height: 250px;
width: 450px;
padding-top: 38px !important;
padding-left: 32px !important;
padding-right: 32px !important;
}
@media (min-width: 1084px) {
.accessibility .jumbotron-hero .hero-content {
height: 309px;
width: 559px;
padding-right: 64px !important;
}
}
@media (min-width: 540px) {
.accessibility {
margin-left: -24px;
margin-right: -24px;
}
}
.accessibility .connect-section {
padding-bottom: 64px;
padding-top: 40px;
text-align: center;
}
.accessibility .connect-section .connect-with-expert-dad {
margin-bottom: 40px;
}
.accessibility .connect-section .connect-with-expert-dad .header {
margin-bottom: 38px;
color: #000000;
}
.accessibility .connect-section .connect-with-expert-dad .connect-item {
float: none;
display: inline-block;
vertical-align: top;
margin-bottom: 24px;
}
.accessibility .connect-section .connect-with-expert-dad .connect-item .icon {
height: 32px;
width: 32px;
}
.accessibility .connect-section .connect-with-expert-dad .connect-item .title {
margin-top: 19px;
text-align: center;
}
.accessibility .connect-section .connect-with-expert-dad .connect-item .description
{
margin-top: 16px;
}
.accessibility .connect-section .connect-with-expert-edad .header {
margin-bottom: 32px;
color: #000000;
}
.accessibility .connect-section .connect-with-expert-edad .description {
margin-bottom: 32px;
}
.accessibility .connect-section .connect-with-expert-edad .email-us {
margin-bottom: 32px;
}
.accessibility .connect-section .deflection {
padding-top: 40px;
border-top: 1px solid #e2e2e2;
margin-bottom: 24px;
}
.accessibility .connect-section .deflection .header {
padding-bottom: 42px;
color: #000000;
}
.accessibility .connect-section .deflection .deflection-item {
display: inline-block;
}
.accessibility .connect-section .deflection .deflection-item .deflection-container
{
height: 74px;
width: 226px;
border: 1px solid black;
margin-bottom: 24px;
display: table;
margin-right: 24px;
}
.accessibility .connect-section .deflection .deflection-item .deflection-
container .content {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.accessibility .resources {
background-color: #f2f2f2;
padding-bottom: 40px;
padding-top: 40px;
text-align: center;
}
.accessibility .resources .header {
margin-bottom: 34px;
color: #000000;
}
.accessibility .resources .resources-item {
float: none;
display: inline-block;
vertical-align: top;
margin-bottom: 24px;
}
.accessibility .resources .resources-item .item-container {
text-align: left;
}
.accessibility .resources .resources-item .item-container .description {
margin-top: 15px;
}
.accessibility .resources .resources-item .item-container .refrence-link {
margin-top: 13px;
}
.accessibility .feedback-section {
padding-top: 40px;
text-align: center;
}
.accessibility .feedback-section .header {
margin-bottom: 34px;
color: #000000;
}
.accessibility .feedback-section .feedback-item {
float: none;
display: inline-block;
vertical-align: top;
margin-bottom: 24px;
}
.accessibility .feedback-section .feedback-item .icon {
height: 32px;
width: 32px;
}
.accessibility .feedback-section .feedback-item .reference-link {
margin-top: 13px;
}
/*
END : DAD & eDAD V2
*/
/*
START: lifecycle hub
*/
.lifecycle-home {
margin-left: -12px;
margin-right: -12px;
}
.lifecycle-home .hero-section-description {
font-size: 16px;
}
.lifecycle-home .category-links {
margin-top: -48px;
}
.lifecycle-home .index-item {
margin-right: 20px;
}
.lifecycle-home .back-to-top {
margin-right: 5px;
}
.lifecycle-home .jumbotron-hero .background img {
-ms-transform: translateX(-85%);
-moz-transform: translateX(-85%);
-webkit-transform: translateX(-85%);
transform: translateX(-85%);
margin-left: 85%;
}
html[dir='rtl'] .lifecycle-home .jumbotron-hero .background img {
-ms-transform: scaleX(-1) translateX(-185%);
-moz-transform: scaleX(-1) translateX(-185%);
-webkit-transform: scaleX(-1) translateX(-185%);
transform: scaleX(-1) translateX(-185%);
margin-left: 0 !important;
margin-right: 85% !important;
transform-origin: top left;
}
@media (min-width: 540px) {
.lifecycle-home {
margin-left: -24px;
margin-right: -24px;
}
}
.lifecycle-search {
margin-left: 0;
margin-right: 0;
}
.lifecycle-search .form-searchbox {
margin-top: 4px;
}
.lifecycle-search .serach-criteria {
margin-bottom: 32px;
}
.lifecycle-search .serach-criteria .filter-selector-section {
margin-bottom: 10px;
}
.lifecycle-search .serach-criteria .filter-selector-link {
padding-left: 6px !important;
padding-right: 6px !important;
}
.lifecycle-search .search-results .btn-link {
padding: 0;
}
.lifecycle-search .search-results th {
vertical-align: middle !important;
}
.lifecycle-search .search-results .btn {
text-align: left !important;
}
.lifecycle-search .add-filters {
padding: 0;
}
.lifecycle-search .add-filters .align-middle-span {
vertical-align: middle;
}
.lifecycle-search .auto-suggest-wrapper {
position: relative;
}
.lifecycle-search .search-button .btn {
margin-top: 0;
}
.lifecycle-search .filter-section {
margin-left: 0;
margin-right: 0;
}
.lifecycle-search .filter-section .filter-section-item {
padding: 20px;
}
.lifecycle-search .filter-section .filter-label {
padding-bottom: 4px;
}
.lifecycle-search .filter-section .remove-filter {
padding: 8px 5px;
}
.lifecycle-search .select-time-range {
margin-top: 4px;
}
@media (min-width: 768px) {
.lifecycle-search .select-time-range {
margin-top: 0;
}
}
.lifecycle-search .select-time-range select {
width: 100%;
}
.lifecycle-search .form-control {
background-color: #ffffff !important;
}
.lifecycle-search input[type="text"]:disabled {
background-color: #ffffff !important;
cursor: not-allowed;
}
.lifecycle-search select:disabled {
background-color: #ffffff !important;
}
.lifecycle-search .name-cloumn {
width: 200px;
padding-right: 15px;
}
html[dir='rtl'] .lifecycle-search .name-cloumn {
margin-left: 15px;
}
.lifecycle-search .date-column {
width: 200px;
margin-left: 15px;
margin-right: 15px;
}
.lifecycle-search .notes {
padding-left: 15px;
}
html[dir='rtl'] .lifecycle-search .notes {
margin-right: 15px;
}
.lifecycle-search .remove-filter a {
color: #000000;
}
/*
END: lifecycle hub
*/
/*
START: Verify me Page
*/
.verifyme {
min-height: 460px;
}
.verifyme .formatedCode {
font-weight: 500;
}
/*
END: Verify me page
*/
/*
START: Search Results Page
*/
.search-result-panel .search-result-display-link {
color: #009345;
}
.search-result-panel .search-result-title {
padding-bottom: 4px;
}
.search-result-panel strong,
.search-result-panel b {
font-weight: 600;
}
.search-results-page .search-results-page-description {
margin-bottom: 24px;
}
.search-results-page .instant-answer {
padding: 16px;
}
.instant-answer .instant-answer-title a:not(:link) {
color: #333333;
}
.instant-answer ul.nav-tabs {
display: table;
width: 100%;
}
.instant-answer ul.nav-tabs li {
margin-bottom: -2px;
display: block;
}
@media (max-width: 539px) {
.instant-answer ul.nav-tabs li {
width: 100%;
}
}
.instant-answer ul.nav-tabs,
.instant-answer ul.nav-tabs a {
height: auto;
font-size: 16px;
border-bottom: 2px solid #e2e2e2;
}
.instant-answer ul.nav-tabs a {
color: #333333;
padding: 10px 15px;
display: block;
}
.instant-answer ul.nav-tabs li.active a {
border-color: #ffb900;
}
.instant-answer .ia-bullet {
list-style-type: disc;
}
.instant-answer .ia-numbered {
list-style-type: decimal;
}
.instant-answer .ia-bullet,
.instant-answer .ia-numbered {
padding-left: 16px;
}
.instant-answer .ia-single-bullet {
list-style-type: none;
padding-left: 0;
}
.instant-answer .image-container {
display: inline-block;
position: relative;
}
.instant-answer .image-container .win-icon-Play {
position: absolute;
top: 45%;
left: 45%;
color: white;
background-color: rgba(0, 0, 0, 0.5);
padding: 12px;
padding-left: 16px;
border-radius: 50%;
font-size: 200%;
border: 2px solid white;
}
.instant-answer .image-container iframe {
max-width: 100%;
}
.instant-answer .image-container:hover .win-icon-Play {
background-color: rgba(0, 0, 0, 0.8);
}
.instant-answer .container {
width: 100%;
margin: 0;
}
.instant-answer .container-fluid {
padding: 0;
}
.instant-answer .dropdown #instant-answer-solution-dropdown {
width: 100%;
}
@media (min-width: 540px) {
.instant-answer .dropdown #instant-answer-solution-dropdown {
width: auto;
}
}
.instant-answer .dropdown .dropdown-menu {
right: 0;
}
html[dir="rtl"] .instant-answer .dropdown .dropdown-menu {
left: 0;
}
@media (min-width: 540px) {
.instant-answer .dropdown .dropdown-menu {
right: auto;
}
}
.instant-answer .instant-answer-extras-container {
position: relative;
}
.instant-answer .instant-answer-show-more-less {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
height: 32px;
padding: 0 0 0 12px;
}
.instant-answer .instant-answer-show-more-less .instant-answer-show-more-less-text
{
padding-right: 12px;
}
html[dir="rtl"] .instant-answer .instant-answer-show-more-less .instant-answer-
show-more-less-text {
padding-right: 0;
padding-left: 12px;
}
html[dir="rtl"] .instant-answer .instant-answer-show-more-less {
left: auto;
right: 0;
padding: 0 12px 0 0;
}
.instant-answer .instant-answer-survey button {
margin-left: 8px;
}
.instant-answer .instant-answer-survey button:first-child {
margin-left: 0;
}
html[dir="rtl"] .instant-answer .instant-answer-survey button {
margin-left: 0;
margin-right: 8px;
}
html[dir="rtl"] .instant-answer .instant-answer-survey button:first-child {
margin-right: 0;
}
.instant-answer .instant-answer-survey .instant-answer-survey-question {
margin-right: 0;
}
html[dir="rtl"] .instant-answer .instant-answer-survey .instant-answer-survey-
question {
margin-left: 0;
}
.instant-answer .instant-answer-survey img {
width: 16px;
height: 16px;
}
@media (min-width: 540px) {
.instant-answer .instant-answer-survey .instant-answer-survey-question {
margin-right: 16px;
}
html[dir="rtl"] .instant-answer .instant-answer-survey .instant-answer-survey-
question {
margin-right: 0;
margin-left: 16px;
}
.instant-answer .instant-answer-survey .instant-answer-survey-buttons {
display: inline;
}
}
html[dir='rtl'] .search-pagination li a {
float: right;
}
html[dir='rtl'] .search-pagination li.previous-pagination a span::before {
content: "\E76C";
}
html[dir='rtl'] .search-pagination li.next-pagination a span::after {
content: "\E76B";
}
/*
END: Search Results Page
*/
/*
START: Product Hub Page
*/
#product-hub .product-hub-dropdown {
height: 64px;
}
#product-hub .product-hub-leftbar-line {
width: 70%;
text-align: left;
padding-top: 10px;
margin-top: 10px;
}
html[dir='rtl'] #product-hub .product-hub-leftbar-line {
text-align: right;
}
#product-hub .content-section {
margin-bottom: 24px;
}
#product-hub .content-section .section-header {
margin-bottom: 0;
}
#product-hub .lefthand-section {
margin-top: 0px;
margin-bottom: 0px;
}
#product-hub .user-details {
margin-top: 26px;
}
#product-hub .section-header {
border-color: #949396;
}
@media (max-width: 540px) {
#product-hub .section {
margin-top: 0;
}
#product-hub .selector-section {
margin-top: 16px;
}
}
/*
END: Product Hub Page
*/
#silent-signin-frame {
position: absolute;
left: -1000px;
}
html[dir='rtl'] #silent-signin-frame {
left: auto;
right: -1000px;
}
.f1-footer {
/* Mobile First */
background-color: #f2f2f2;
margin-top: 64px;
}
.f1-footer .section {
margin: 16px auto;
padding: 10px 0;
}
.f1-footer .section .section-header {
cursor: pointer;
}
@media (min-width: 540px) {
.f1-footer {
margin-top: 84px;
padding-bottom: 16px;
}
}
.selfhostpositioncontrol {
position: fixed;
-ms-transform: rotate(-90deg);
/* IE 9 */
-webkit-transform: rotate(-90deg);
/* Chrome, Safari, Opera */
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
right: -45px;
top: 50%;
z-index: 400;
}
.selfhost-feedback-section a:link,
.selfhost-feedback-section a:visited,
.selfhost-feedback-section a:hover,
.selfhost-feedback-section a:active {
text-decoration: none;
color: black;
}
.selfhost-feedback-section #selfhostsectiontext {
text-align: center;
background-color: #FF8C00;
margin-bottom: 0px;
padding-right: 10px;
padding-left: 10px;
}
.selfhost-feedback-section #selfhostsectiontext a:link {
color: #EFF7FB;
}
.selfhost-feedback-section #selfhostsectiontext a:visited,
.selfhost-feedback-section #selfhostsectiontext a:hover,
.selfhost-feedback-section #selfhostsectiontext a:active {
color: #EFF7FB;
}
.selfhost-feedback-section .win-icon {
color: white;
}
.language-selector-section {
background-color: #505050;
color: #FFFFFF;
}
.language-selector-section a:link,
.language-selector-section a:visited,
.language-selector-section a:hover,
.language-selector-section a:active {
text-decoration: none;
color: #e5e5e5;
}
/*
START: Error Content
*/
.ng-hide .error-content.error-500,
.ie8-content {
display: none;
}
.error-content {
padding-top: 64px;
}
.error-content .warning-symbol {
font-size: 64px;
}
/*
Styles for the Bing translator widget. Please don't change these or the Widget
will not work properly.
*/
#MicrosoftTranslatorWidget {
color: white;
background-color: #555555;
position: absolute;
left: -500px;
}
.gwt .gwt-body {
padding: 24px;
width: 100%;
background-color: #F2F2F2;
}
.gwt .gwt-body ul,
.gwt .gwt-body ol {
padding-bottom: 48px;
}
.gwt .gwt-step-number-container {
margin-top: -10px;
}
.gwt .gwt-step-number-container .gwt-step-number {
position: absolute;
text-align: center;
width: 100%;
height: 100%;
line-height: 41px;
font-size: 20px;
color: #0078d7;
}
html[dir='rtl'] .gwt .gwt-step-number-container .gwt-step-number {
left: auto;
right: 40%;
}
.gwt .gwt-step-number-container.active {
color: white;
background-color: #0078d7;
border: solid 2px #0078d7;
}
.gwt .gwt-step-number-container.active .gwt-step-number {
color: white;
}
.gwt .gwt-step-number-container-unselected {
color: #000000;
opacity: 0.4;
}
.gwt .gwt-all-panes-list {
display: none;
}
@media (min-width: 768px) {
.gwt .section.has-traintracks {
border-left: solid 2px #0078d7;
}
html[dir='rtl'] .gwt .section.has-traintracks {
border-right: solid 2px #0078d7;
border-left: none;
}
.gwt .gwt-step-number-container {
background-color: #ffffff;
border: solid 2px;
border-radius: 50%;
color: #0078d7;
position: absolute;
height: 48px;
width: 48px;
left: 0;
display: block;
}
html[dir='rtl'] .gwt .gwt-step-number-container {
left: auto;
right: 0;
}
}
.content-article select {
width: 150px;
}
.content-article h2 {
color: black;
text-align: left;
}
html[dir='rtl'] .content-article h2 {
text-align: right;
}
div[dir='rtl'] .content-article h3 {
text-align: right;
}
.content-article ul {
list-style-type: disc;
padding: 8px 24px;
}
.content-article ul.list-unstyled {
list-style-type: none;
}
.content-article .internal-content-band .article-info {
margin-top: 5px;
font-size: 13px;
}
.content-article div[content-section]:not(.internal-content-section) {
margin-bottom: 20px;
}
.content-article div [internal-content-body] .internal-content {
border-width: 1px;
border-color: #0078d7;
border-style: solid;
padding: 16px;
}
.content-article .section {
margin-bottom: 12px;
}
.content-article .section img {
padding: 12px;
}
.content-article .section.internal-content {
border-width: 1px;
border-color: #0078d7;
border-style: solid;
padding: 16px;
}
.content-article .section.hotfix-section,
.content-article .section.kb-banners-section {
margin-bottom: 64px;
}
html[dir='rtl'] .content-article [style^="text-align: left"] {
text-align: right !important;
}
html[dir='rtl'] .content-article [style^="text-align: right"] {
text-align: left !important;
}
.content-article .pane {
padding-bottom: 60px;
margin-bottom: -12px;
}
.content-article .pane .pane-dropdown {
max-width: 315px;
}
@media (min-width: 768px) {
.content-article .pane {
padding-left: 64px;
}
html[dir='rtl'] .content-article .pane {
padding-right: 64px;
padding-left: 0;
}
}
.content-article img {
max-width: 100%;
}
.content-article .section-body h1:not(.section-header),
.content-article .section-body h2:not(.section-header),
.content-article .section-body h3:not(.section-header),
.content-article .section-body h4:not(.section-header),
.content-article .section-body h5:not(.section-header) {
margin-bottom: 32px;
}
.content-article .notice-section {
margin-bottom: 32px;
}
.content-article a.disabled {
pointer-events: none;
cursor: default;
}
.content-article .imageAsset {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
}
.content-article .imageAsset img {
z-index: 1;
}
.content-article .imageAsset .caption {
position: absolute;
z-index: 2;
top: 0;
width: 100%;
}
.content-article .sarValueDetail {
padding-right: 24px;
padding-left: 24px;
}
.content-article .sarValueDetail h1,
.content-article .sarValueDetail h2 {
font-size: x-large;
font-weight: 400;
}
.content-article .sarValueDetail p {
text-align: justify;
}
.notice {
padding-top: 20px;
padding-bottom: 20px;
}
.notice img.icon {
height: 20px;
padding-left: 2px;
padding-right: 2px;
}
.notice .notice-text {
padding-left: 20px;
padding-right: 20px;
}
/*
START: KB Compatibility
*/
.content-article .sbody-free_list {
padding: 0 20px;
list-style-type: disc;
}
.content-article .sbody-alpha_list {
list-style-type: lower-alpha;
}
.content-article .sbody-error {
padding: 8px;
margin: 8px 0;
background-color: #f2f2f2;
}
.content-article .sbody-msg {
padding: 8px 16px;
}
.content-article .sbody-h3 {
margin-top: 24px;
margin-bottom: 24px;
}
.content-article .sbody-h4 {
margin-top: 16px;
margin-bottom: 16px;
}
.content-article .sbody-h5 {
margin-top: 8px;
margin-bottom: 8px;
}
.content-article .sbody-italic {
font-style: italic;
}
.content-article img.graphic {
padding: 0 8px;
}
.content-article .kb-document-diagnostics {
background-color: #f2f2f2;
border: 1px solid;
margin-top: 100px;
padding: 6px;
}
.content-article .kb-document-diagnostics p,
.content-article .kb-document-diagnostics h3 {
margin-bottom: 6px;
}
.content-article .mats-container {
width: 554px;
}
.content-article .mats-container #content {
width: 100%;
background-color: #EFF7FB;
}
.content-article .mats-container #content #left-pane {
width: 80%;
padding: 5px;
}
.content-article .mats-container #content #left-pane a {
margin-left: 5px;
}
.content-article .mats-container #content #right-pane {
width: 20%;
text-align: center;
padding: 5px;
vertical-align: top;
}
.content-article .mats-container #content #right-pane a {
text-decoration: none;
background-color: #0072C6;
color: white;
padding: 15px;
position: relative;
top: 20px;
}
.content-article .kb-detect-os {
border: #000000 solid 1px;
padding: 8px;
margin: 32px 0;
}
.content-article .kb-thirdparty img {
display: block;
}
.content-article .kb-querywords-section {
display: none;
}
.content-article .kb-notice-section {
background-color: #f2f2f2;
padding: 8px;
margin: 32px 0;
}
.content-article .kb-notice-section-title {
font-weight: 800;
}
.content-article .fix-it a {
display: block;
}
.content-article .kb-banner {
background-color: #e2e2e2;
padding: 8px;
margin: 16px 0;
}
.content-article .kb-banner img,
.content-article .kb-banner div {
display: inline-block;
}
.content-article .kb-banner img {
vertical-align: top;
}
.content-article .kb-hotfix-link {
background-color: #0072C6;
color: white;
padding: 15px;
font-weight: 800;
}
.content-article .kb-hotfix-link:link,
.content-article .kb-hotfix-link:visited,
.content-article .kb-hotfix-link:hover,
.content-article .kb-hotfix-link:active {
color: white;
}
.content-article #machine-translated {
padding: 0;
background: none;
color: inherit;
}
.content-article .indent {
padding: 8px 16px;
}
/*
END: KB Compatibility
*/
@media screen and (-ms-high-contrast: white-on-black) {
select option:hover,
select option:focus {
background-color: #1aebff;
color: black;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
select option:hover,
select option:focus {
background-color: #37006e;
color: white;
}
}
.ms-contactus .modality-icon {
float: left;
margin-right: 8px;
color: #0078d7;
}
html[dir='rtl'] .ms-contactus .modality-icon {
float: right;
margin-right: 0;
margin-left: 16px;
}
.ms-contactus .text-header {
font-weight: 200;
font-size: 34px;
}
.ms-contactus .text-title {
font-size: 20px;
}
.ms-contactus .instant-answer-container {
background-color: #f2f2f2;
border: solid thin #f2f2f2;
padding: 12px 24px;
}
.ms-contactus .instant-answer-container .text-subtitle {
margin: 12px 0;
}
.ms-contactus .instant-answer-container .hr {
margin-bottom: 12px;
}
.ms-contactus .contactus-banner {
background-color: #f2f2f2;
/* Larger screens */
}
.ms-contactus .contactus-banner .collection-text textarea {
background-color: #ffffff;
margin: 12px auto 20px auto;
}
@media (min-width: 768px) {
.ms-contactus .contactus-banner {
margin: 0 -48px;
height: 444px;
position: relative;
float: none;
/*
There are two Contact Us banner images on different parts of the
page to allow for different
flows on different screen sizes. Hide the small one for larger
screens
*/
}
.ms-contactus .contactus-banner .contactus-banner-text {
left: 50%;
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 500px;
width: 45%;
}
.ms-contactus .contactus-banner .contactus-banner-text .text-header {
padding-bottom: 24px;
}
.ms-contactus .contactus-banner .contactus-banner-text .intro-text {
max-width: 350px;
}
.ms-contactus .contactus-banner .contactus-banner-text .intro-text .btn {
margin-top: 24px;
}
.ms-contactus .contactus-banner .contactus-banner-img {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: calc(50% - 350px);
width: 248px;
}
.ms-contactus .contactus-banner .contactus-banner-img-small {
display: none;
}
}
@media (max-width: 767px) {
.ms-contactus .contactus-banner {
margin: 0 -36px;
/*
There are two Contact Us banner images on different parts of the
page to allow for different
flows on smaller screens. Hide the larger one for smaller screens
*/
}
.ms-contactus .contactus-banner .text-header {
padding-top: 32px;
text-align: center;
}
.ms-contactus .contactus-banner .contactus-banner-text {
text-align: center;
margin: 0 auto;
max-width: 350px;
}
.ms-contactus .contactus-banner .contactus-banner-text .intro-text {
text-align: start;
margin: 0 10px;
}
.ms-contactus .contactus-banner .contactus-banner-text .intro-text .btn {
margin-top: 32px;
}
.ms-contactus .contactus-banner .contactus-banner-text .collection-text {
text-align: start;
margin: 0 10px;
}
.ms-contactus .contactus-banner .contactus-banner-text .btn {
margin-bottom: 32px;
width: 100%;
}
.ms-contactus .contactus-banner .contactus-banner-img-small {
padding: 32px 0;
margin: auto;
width: 130px;
}
.ms-contactus .contactus-banner .contactus-banner-img {
display: none;
}
}
@media (max-width: 767px) and (max-width: 539px) {
.ms-contactus .contactus-banner {
margin: 0 -16px;
}
}
.ms-contactus .contactus-link-farm {
padding-bottom: 72px;
float: none;
width: 100%;
margin: 0 auto;
}
.ms-contactus .contactus-link-farm .title-group .text-title,
.ms-contactus .contactus-link-farm .title-group .text-subtitle {
margin-top: 32px;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.ms-contactus .contactus-link-farm .title-group {
margin: 0 8.3333333333%;
}
}
.ms-contactus .contactus-link-farm .link-group {
margin-top: 20px;
}
.ms-contactus .contactus-link-farm .link-description {
margin-top: 12px;
}
.ms-contactus .modality-link {
padding: 16px;
}
.ms-contactus .modality-link .modality-wait-status {
margin-left: 5px;
padding: 3px 10px;
background-color: #f2f2f2;
}
@media (max-width: 400px) {
.ms-contactus .modality-link .modality-wait-status {
display: block;
margin-left: 0;
margin-top: 3px;
padding: 3px 3px;
}
}
.ms-contactus .modality-link.clickable {
cursor: pointer;
}
@media not screen and (-ms-high-contrast: active) {
.ms-contactus .modality-link:hover,
.ms-contactus .modality-link:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.ms-contactus .modality-link:active {
background-color: rgba(0, 0, 0, 0.2);
}
.ms-contactus .modality-link.contactus-link {
color: #0078d7;
}
.ms-contactus .modality-link.contactus-link .link-description {
color: #000000;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.ms-contactus .modality-link:hover,
.ms-contactus .modality-link:focus,
.ms-contactus .modality-link:active {
-ms-high-contrast-adjust: none;
background-color: #1aebff;
}
.ms-contactus .modality-link:hover .modality-icon,
.ms-contactus .modality-link:focus .modality-icon,
.ms-contactus .modality-link:active .modality-icon,
.ms-contactus .modality-link:hover .text-body,
.ms-contactus .modality-link:focus .text-body,
.ms-contactus .modality-link:active .text-body,
.ms-contactus .modality-link:hover .modality-wait-status,
.ms-contactus .modality-link:focus .modality-wait-status,
.ms-contactus .modality-link:active .modality-wait-status,
.ms-contactus .modality-link:hover .link-description,
.ms-contactus .modality-link:focus .link-description,
.ms-contactus .modality-link:active .link-description {
color: black;
background-color: #1aebff;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.ms-contactus .modality-link:hover,
.ms-contactus .modality-link:focus,
.ms-contactus .modality-link:active {
-ms-high-contrast-adjust: none;
background-color: #37006e;
}
.ms-contactus .modality-link:hover .modality-icon,
.ms-contactus .modality-link:focus .modality-icon,
.ms-contactus .modality-link:active .modality-icon,
.ms-contactus .modality-link:hover .text-body,
.ms-contactus .modality-link:focus .text-body,
.ms-contactus .modality-link:active .text-body,
.ms-contactus .modality-link:hover .modality-wait-status,
.ms-contactus .modality-link:focus .modality-wait-status,
.ms-contactus .modality-link:active .modality-wait-status,
.ms-contactus .modality-link:hover .link-description,
.ms-contactus .modality-link:focus .link-description,
.ms-contactus .modality-link:active .link-description {
color: white;
background-color: #37006e;
}
}
.ms-contactus .modality-link.contactus-link {
max-width: 100%;
margin-left: -16px;
}
.ms-contactus .modality-link.contactus-link .link-description {
font-size: 14px;
}
.ms-contactus .links-section {
margin-left: auto;
}
html[dir='rtl'] .ms-contactus .links-section {
margin-right: auto;
}
.ms-contactus .contactus-collection .problem-request {
margin-bottom: 48px;
}
.ms-contactus .contactus-collection .contactus-textarea {
margin-bottom: 24px;
}
.ms-contactus .contactus-collection .contactus-textarea::-webkit-input-placeholder
{
font-style: italic;
}
.ms-contactus .contactus-collection .contactus-textarea:-moz-placeholder {
/* Firefox 18- */
font-style: italic;
}
.ms-contactus .contactus-collection .contactus-textarea::-moz-placeholder {
/* Firefox 19+ */
font-style: italic;
}
.ms-contactus .contactus-collection .contactus-textarea:-ms-input-placeholder {
font-style: italic;
}
.ms-contactus .contactus-result {
max-width: 1400px;
padding-top: 32px;
margin-left: auto;
margin-right: auto;
float: none;
}
.ms-contactus .contactus-result .search-result-panel {
margin-bottom: 20px;
}
.ms-contactus .contactus-result hr {
color: rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
}
.ms-contactus .contactus-result .prev-data {
padding-bottom: 12px;
}
.ms-contactus .contactus-result .contactus-result-section {
margin-bottom: 32px;
}
.ms-contactus .contactus-result .change-problem-button {
min-width: 0;
padding: 7px 0px;
margin-top: 3px;
}
@media screen and (-ms-high-contrast: active) {
.ms-contactus .contactus-result .change-problem-button {
border-width: 2px;
}
.ms-contactus .contactus-result .change-problem-button:hover,
.ms-contactus .contactus-result .change-problem-button:focus {
text-decoration: none;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.ms-contactus .contactus-result .change-problem-button:hover,
.ms-contactus .contactus-result .change-problem-button:focus {
background-color: #1aebff;
color: black;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.ms-contactus .contactus-result .change-problem-button:hover,
.ms-contactus .contactus-result .change-problem-button:focus {
background-color: #37006e;
color: white;
}
}
.ms-contactus .contactus-result .external-link-card {
width: 100%;
background-color: #f2f2f2;
padding: 12px;
max-width: 315px;
}
.ms-contactus .contactus-result .external-link-card .card-content {
margin-bottom: 12px;
}
.ms-contactus .contactus-result .service-agreement {
margin: 24px 12px 12px 0;
}
@media (min-width: 768px) {
.ms-contactus .contactus-result .modality-divider {
display: none;
}
}
.ms-contactus .self-help-solutions {
padding: 0 20px 20px 0;
}
.ms-contactus .display-problem-text {
padding-top: 16px;
padding-bottom: 32px;
line-height: 22px;
}
.ms-contactus .display-problem-text .problem-text {
display: inline-block;
overflow: hidden;
max-width: 70%;
white-space: nowrap;
text-overflow: ellipsis;
}
.ms-contactus .contactus-viewmore {
text-align: center;
}
.ms-contactus .contactus-normalwhitespace {
white-space: normal;
}
.ms-contactus .contactus-header {
padding-bottom: 40px;
display: inline-block;
}
.ms-contactus .contactus-subtitle {
padding-top: 0px;
padding-bottom: 28px;
}
.ms-contactus .contactus-base {
padding-top: 10px;
padding-bottom: 10px;
}
.ms-contactus .contactus-media-icon {
width: 20px;
height: 20px;
font-size: 20px;
}
.ms-contactus .drop-down {
margin-left: 0;
margin-right: 0;
}
.ms-contactus .drop-down .btn-dropdown {
max-width: 315px;
}
.ms-contactus .selfhelp-description {
margin-top: 4px;
}
.ms-contactus .self-help-solutions {
float: left;
}
html[dir='rtl'] .ms-contactus .self-help-solutions {
float: right;
}
.ms-contactus .all-products-button {
display: block;
margin: 0 auto;
background: none;
color: #0078d7;
}
@media not screen and (-ms-high-contrast: active) {
.ms-contactus .all-products-button {
border: none;
}
.ms-contactus .all-products-button:focus {
outline: 1px dotted;
}
}
@media screen and (-ms-high-contrast: active) {
.ms-contactus .all-products-button {
border: 2px solid;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.ms-contactus .all-products-button:hover,
.ms-contactus .all-products-button:focus {
background-color: #1aebff;
color: black;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.ms-contactus .all-products-button:hover,
.ms-contactus .all-products-button:focus {
background-color: #37006e;
color: white;
}
}
.font-blue {
color: #0078d7;
}
ul.side-nav {
list-style-type: none;
padding-left: 0;
padding-right: 0;
}
ul.side-nav li {
margin-bottom: 5px;
}
ul.side-nav .link-level-1 {
max-width: 200px;
padding-left: 2px;
}
ul.side-nav .link-level-2 {
margin-left: 32px;
max-width: 200px;
padding-left: 2px;
}
html[dir='rtl'] ul.side-nav .link-level-2 {
padding-left: 0;
padding-right: 32px;
}
ul.side-nav .selected-nav {
background-color: #0078d7;
}
ul.side-nav .selected-nav a {
color: #ffffff;
}
ul.side-nav .nav-link a {
color: #0078d7;
}
.object-table .spinner-label {
text-align: center;
margin: 15px 0;
}
.object-table .sortable-column-header:focus {
background-color: #f2f2f2;
}
.object-table .sortable-column-header:hover {
cursor: pointer;
}
.commercial-hub-container {
min-height: 600px;
}
.commercial-hub {
min-height: 760px;
}
.commercial-hub .commercial-unauthenticated {
position: relative;
text-align: center;
}
.commercial-hub .commercial-unauthenticated img {
width: 100%;
}
html[dir='rtl'] .commercial-hub .commercial-unauthenticated img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
@media (min-width: 768px) {
.commercial-hub .commercial-unauthenticated .positioner {
position: absolute;
left: 0;
top: 0;
z-index: 200;
width: 100%;
}
.commercial-hub .commercial-unauthenticated .positioner .info-section {
color: black;
background-color: none;
text-align: left;
width: 500px;
margin-top: 48px;
}
}
@media (max-width: 768px) {
.commercial-hub .commercial-unauthenticated .info-section {
margin-left: 8px;
margin-top: 20px;
color: black;
background-color: none;
text-align: left;
}
}
.commercial-hub .commercial-unauthenticated .sign-in-button {
margin-top: 48px;
}
.commercial-hub .commercial-unauthenticated .premier-message {
margin-top: 80px;
margin-bottom: 80px;
}
.commercial-hub .commercial-unauthenticated .premier-message .premier-message-title
{
margin-bottom: 8px;
}
.commercial-hub .entitlements-spinner {
min-height: 320px;
margin-top: 60px;
}
.commercial-hub .entitlements-spinner .spinner-label {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.commercial-hub .commercial .action-links {
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: 540px) {
.commercial-hub .commercial .action-links {
margin-bottom: 52px;
}
}
.commercial-hub .commercial .action-links .action-link {
text-align: center;
background-color: #004e8c;
border-color: #004e8c;
color: #ffffff;
border-style: solid;
border-width: 2px;
padding: 10px 0px 40px 0px;
margin-bottom: 60px;
height: 200px;
}
.commercial-hub .commercial .action-links .action-link .link-text-container {
margin-bottom: 5px;
}
.commercial-hub .commercial .action-links .action-link .link-text-container .link-
text {
display: inline-block;
font-size: 18px;
padding-bottom: 5px;
}
.commercial-hub .commercial .action-links .action-link .link-description {
font-size: 13px;
margin-top: 10px;
padding-top: 5px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.commercial-hub .commercial .action-links .action-link a,
.commercial-hub .commercial .action-links .action-link a:link {
color: #ffffff;
display: inline-block;
padding: 20px;
}
.commercial-hub .commercial .action-links .action-link a:hover,
.commercial-hub .commercial .action-links .action-link a:focus {
padding: 20px;
}
.commercial-hub .commercial .action-links .action-link a:hover .link-text-container
.link-text,
.commercial-hub .commercial .action-links .action-link a:focus .link-text-container
.link-text {
text-decoration: underline;
}
.commercial-hub .commercial .action-links .action-link .action-image {
height: 48px;
width: 48px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
display: block;
}
.commercial-hub .commercial .action-links .action-link .greyed-action {
opacity: .4;
filter: alpha(opacity=40);
}
@media (max-width: 540px) {
.commercial-hub .commercial .action-links .action-link {
margin-bottom: 8px;
}
}
.commercial-hub .commercial .action-links .action-link.alternative-link {
background-color: #ffffff;
border-color: #e2e2e2;
color: #000000;
}
.commercial-hub .commercial .action-links .action-link.alternative-link a,
.commercial-hub .commercial .action-links .action-link.alternative-link a:link {
padding: 20px;
color: #000000;
}
.commercial-hub .commercial .view-all .view-all-link {
display: inline-block;
}
.commercial-hub .commercial .view-all .commercial-inline-spinner {
display: inline-block;
position: relative;
top: 18px;
left: 8px;
}
.commercial-hub .commercial-promotion {
text-align: center;
margin-bottom: 32px;
}
.commercial-hub .commercial-promotion .service-image {
height: 130px;
width: 158px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
display: block;
}
.commercial-hub .commercial-promotion h3 {
text-align: center;
margin-bottom: 25px;
}
.commercial-hub .commercial-promotion .service-description {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.commercial-hub .commercial-promotion .service-description {
width: 70%;
}
}
@media (min-width: 1084px) {
.commercial-hub .commercial-promotion .service-description {
width: 60%;
}
}
@media (min-width: 1400px) {
.commercial-hub .commercial-promotion .service-description {
width: 50%;
}
}
.commercial-hub .commercial-promotion p {
margin-bottom: 20px;
}
.commercial-hub .commercial-promotion .supplementary-info {
font-size: 13px;
}
.commercial-hub .commercial-promotion a {
display: block;
margin-bottom: 30px;
}
.commercial-hub .commercial-link-farm {
margin-top: 58px;
}
.commercial-site-alerts {
margin-top: -8px;
}
.commercial .commercial-spacer-50-top {
margin-top: 50px;
}
.commercial .my-support-header {
margin: 64px 0 12px 0;
}
.commercial .sign-in-message {
margin: 15px 0;
}
.commercial .spinner-label {
text-align: center;
margin: 15px 0;
}
.commercial .register-form-div {
margin-top: 32px;
}
.commercial .register-contract .register-link {
overflow: auto;
}
.commercial .register-contract .register-contract-form-container {
clear: both;
margin-top: 16px;
padding: 10px 0 32px 0;
overflow: auto;
}
.commercial .register-contract .register-title {
margin-top: 16px;
margin-bottom: 16px;
}
.commercial .register-contract .register-margin {
margin-top: 16px;
}
.commercial .register-contract .register-form input {
width: 100%;
}
.commercial .register-contract .spinner-container {
text-align: center;
}
.commercial .register-contract register-contract-modal {
background-color: #4d4d4d;
}
.commercial .incidents-table .navigation-section {
margin-top: 48px;
}
.commercial .incidents-table .navigation-section .new-support-request {
margin-bottom: 48px;
}
.commercial .incidents-table .navigation-section .no-incidents-message {
width: 50%;
}
.commercial .incidents-table .navigation-section .table-header .search-form {
margin-top: 0;
}
.commercial .incidents-table .navigation-section .table-header .menus ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.commercial .incidents-table .navigation-section .table-header .menus ul .separator
{
border-right: 2px #bbb solid;
}
.commercial .incidents-table .navigation-section .table-header .menus ul li {
float: left;
margin: 0;
}
.commercial .incidents-table .navigation-section .table-header .menus ul li .menu-
link {
padding: 2px 16px;
display: inline-block;
}
.commercial .incidents-table .navigation-section .table-header .menus ul li .menu-
link-end {
padding: 0 0 0 16px;
}
.commercial .incidents-table .navigation-section .table-header .menus ul li a {
text-align: center;
text-decoration: none;
}
.commercial .incidents-table .table-filters .calendar-group .calendar-icon {
display: inline-block;
height: 36px;
width: 36px;
padding: 8px 8px 8px 8px;
border: 1px solid rgba(0, 0, 0, 0.4);
border-left-style: none;
cursor: pointer;
}
.commercial .incidents-table .table-filters .calendar-group .calendar-icon:hover {
border-color: #000000;
}
.commercial .incidents-table .table-filters .calendar-group .calendar-icon:focus {
border-color: #0078d7;
}
html[dir='rtl'] .commercial .incidents-table .table-filters .calendar-group
.calendar-icon {
border-left: 1px solid rgba(0, 0, 0, 0.4);
border-right-style: none;
}
.commercial .incidents-table .table-filters .calendar-group table td {
padding: 0px 0px;
}
.commercial .incidents-table .table-filters .calendar-group table td button,
.commercial .incidents-table .table-filters .calendar-group table th button,
.commercial .incidents-table .table-filters .calendar-group table th {
background-color: #ffffff !important;
}
.commercial .incidents-table .table-filters .calendar-group table td button,
.commercial .incidents-table .table-filters .calendar-group table th button {
min-width: 100%;
width: 100%;
margin: 0px 0px;
}
.commercial .incidents-table .table-filters .calendar-group table td button.active,
.commercial .incidents-table .table-filters .calendar-group table th button.active
{
color: #000000;
}
.commercial .incidents-table .table-filters,
.commercial .incidents-table .column-selectors {
padding: 40px;
background-color: #f2f2f2;
}
.commercial .incidents-table .table-filters .apply-buttons-row,
.commercial .incidents-table .column-selectors .apply-buttons-row {
margin-top: 40px;
}
.commercial .incidents-table .view-all {
margin-top: 24px;
}
.commercial .incident-detail-header {
margin-top: 36px;
margin-bottom: 36px;
}
.commercial .incident-detail .incident-fields label {
font-size: 0.808rem;
}
.commercial .incident-detail .incident-fields p {
margin-bottom: 12px;
}
.commercial .incident-detail .incident-detail-show-more-link {
margin-top: 15px;
margin-bottom: 20px;
}
.commercial .incident-detail .engineer-notes ul {
margin-left: 18px;
margin-right: 18px;
}
.commercial .incident-detail .engineer-notes ul li {
list-style: disc;
margin-bottom: 8px;
white-space: pre-line;
}
.commercial .incident-detail .engineer-notes ul li:last-child {
margin-bottom: 20px;
}
@media (min-width: 540px) {
.commercial .incident-detail .incident-messages .section-subtitle {
width: 50%;
display: inline-block;
}
}
.commercial .incident-detail .incident-messages .win-icon-Mail {
margin-right: 8px;
}
html[dir='rtl'] .commercial .incident-detail .incident-messages .win-icon-Mail {
margin-right: 0;
margin-left: 8px;
}
.commercial .incident-detail .incident-messages header {
margin-bottom: 0;
}
.commercial .incident-detail .incident-messages .new-message-link {
display: inline-block;
}
.commercial .incident-detail .incident-messages .message-table .message-field {
padding: 12px;
display: inline-block;
width: 100%;
overflow-wrap: break-word;
}
.commercial .incident-detail .incident-messages .message-table .message-subject {
display: inline-block;
}
.commercial .incident-detail .incident-messages .message-table .message-subject-
ellipsis {
display: table;
table-layout: fixed;
white-space: nowrap;
overflow: hidden;
}
.commercial .incident-detail .incident-messages .message-table .message-subject-
ellipsis > * {
display: table-cell;
overflow: hidden;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.commercial .incident-detail .incident-messages .message-table .column-header {
font-size: 0.68rem;
opacity: 0.6;
filter: alpha(opacity=60);
}
.commercial .incident-detail .incident-messages .message-table .table-row {
border-bottom: 1px solid #e2e2e2;
}
.commercial .incident-detail .incident-messages .message-table .message-row {
cursor: pointer;
}
.commercial .incident-detail .incident-messages .message-table .message-row:hover,
.commercial .incident-detail .incident-messages .message-table .message-row:focus {
background-color: #0078d7;
color: #ffffff;
border-left: 1px solid #0078d7;
border-right: 1px solid #0078d7;
}
.commercial .incident-detail .incident-messages .message-table .message-row
.sender-column {
opacity: 0.6;
filter: alpha(opacity=60);
}
.commercial .incident-detail .incident-messages .message-table .message-row .first-
message {
font-weight: bold;
}
.commercial .incident-detail .incident-messages .message-table .active-message {
background-color: #f2f2f2;
}
.commercial .incident-detail .message-detail .message-header {
padding: 16px;
}
.commercial .incident-detail .message-detail .message-header .message-reply-div {
margin-top: 10px;
}
.commercial .incident-detail .message-detail .message-body {
white-space: pre-line;
padding: 8px 16px;
margin-bottom: 24px 0;
}
.commercial .incident-detail .message-detail .message-nav-div {
margin-top: 20px;
padding: 0 16px;
}
.commercial .incident-detail .message-detail .message-nav-div a {
display: inline-block;
margin-right: 20px;
}
html[dir='rtl'] .commercial .incident-detail .message-detail .message-nav-div a {
margin-right: 0px;
margin-left: 20px;
}
.commercial .incident-detail .message-edit .message-edit-header-section {
margin-top: 0;
padding: 8px 16px;
}
.commercial .incident-detail .message-edit .message-edit-header-section .subject-
input-box {
margin-top: 0;
}
.commercial .incident-detail .message-edit .message-edit-header-section .message-
reply-header {
width: 50%;
display: inline-block;
}
.commercial .incident-detail .message-edit .message-edit-header-section .message-
attachment-link-section {
max-width: 168px;
}
.commercial .incident-detail .message-edit .message-edit-header-section .message-
attachment-link-section .max-file-size-information {
margin-left: 16px;
}
.commercial .incident-detail .message-edit .message-edit-header-section label {
margin-bottom: 8px;
}
.commercial .incident-detail .message-edit .message-edit-header-section
.attachment-size-limit {
font-size: 12px;
padding-left: 16px;
padding-right: 16px;
}
.commercial .incident-detail .message-edit .message-edit-body-section {
margin-top: 0px;
border: 1px solid #f2f2f2;
}
.commercial .incident-detail .message-edit .message-edit-body-section textarea {
width: 100%;
border: none;
}
.commercial .incident-detail .message-edit .message-edit-body-section.has-error {
border-color: #e81123;
}
.commercial .incident-detail .message-edit .message-edit-footer-section {
background-color: #f2f2f2;
padding: 20px 20px 20px 20px;
}
html[dir='rtl'] .commercial .incident-detail .message-edit .message-edit-footer-
section {
padding-left: 20px;
padding-right: 0px;
}
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-privacy {
padding-left: 8px;
padding-right: 8px;
}
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-privacy span {
font-size: 12px;
}
.commercial .incident-detail .message-edit .message-edit-footer-section .form-group
{
margin-top: 0px;
margin-bottom: 0px;
}
@media (max-width: 539px) {
.commercial .incident-detail .message-edit .message-edit-footer-section .btn {
min-width: 120px;
}
}
@media (min-width: 540px) {
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-button-section .message-button-group {
float: right;
}
}
@media (max-width: 539px) {
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-button-section .message-button-group {
padding-left: 8px;
padding-right: 8px;
}
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-button-section .message-button-group button {
width: 48%;
}
}
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-button-section .message-send-wait {
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 540px) {
.commercial .incident-detail .message-edit .message-edit-footer-section .message-
edit-button-section .message-send-wait {
float: right;
}
}
.commercial .accounts-hub {
min-height: 760px;
}
.commercial .accounts-hub .register-form {
width: 260px;
}
.commercial .accounts-hub .register-form input {
width: 100%;
}
.commercial .premier-contacts {
min-height: 760px;
}
.commercial .premier-contacts .no-incidents-message {
margin-top: 34px;
}
.commercial .premier-contacts .contacts-section .by-phone-contacts {
width: 75%;
}
.commercial .premier-contacts .contacts-section .contact-section {
margin-bottom: 18px;
width: 60%;
}
.commercial .premier-contacts .contacts-section .contacts-form {
margin-top: 0;
margin-bottom: 24px;
}
.commercial .premier-contacts .contacts-section .contacts-list {
margin-top: 22px;
width: 75%;
}
.commercial .premier-contacts .contacts-section .contacts-list .label {
font-size: 13px;
font-weight: 400;
color: #898989;
}
.commercial .premier-contacts .contacts-section .contacts-list .sla {
font-size: 11px;
font-weight: 400;
color: #898989;
}
.commercial .files-container .file-container {
background-color: #f2f2f2;
display: inline-block;
padding: 5px;
margin: 5px 5px 5px 0;
}
html[dir='rtl'] .commercial .files-container .file-container {
margin-left: 5px;
margin-right: 0px;
}
.commercial .files-container .file-container .file-common {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 20px;
vertical-align: middle;
}
.commercial .files-container .file-container .file-name {
max-width: 100px;
text-align: left;
}
.commercial .files-container .file-container .file-remove {
width: 20px;
text-align: center;
}
.commercial .files-container .file-container .file-remove:hover,
.commercial .files-container .file-container .file-remove:focus {
border: 1px dotted #333333;
}
.commercial .files-container .file-container .file-remove:hover {
cursor: pointer;
}
.incident-creation-workflow {
min-height: 625px;
}
.incident-creation-workflow hr {
color: #bfbfbf;
}
.incident-creation-workflow .required:after {
color: #e81123;
}
.incident-creation-workflow .header {
margin-top: 45px;
margin-bottom: 38px;
font-size: 36px;
}
.incident-creation-workflow .step-number {
opacity: .6;
filter: alpha(opacity=60);
margin-bottom: 6px;
}
.incident-creation-workflow .step-description {
font-size: 18px;
margin-bottom: 24px;
}
.incident-creation-workflow .product-suggestions-wrapper {
position: relative;
}
.incident-creation-workflow .product-suggestions-wrapper .product-no-match {
position: absolute;
background-color: #ffffff;
border: 1px solid #e2e2e2;
width: 100%;
z-index: 10;
}
.incident-creation-workflow .product-suggestions-wrapper .product-no-match .inner-
message {
padding: 20px;
}
.incident-creation-workflow .product-disclaimers {
clear: both;
}
.incident-creation-workflow .secondary-support-topics {
clear: both;
}
.incident-creation-workflow .navigation-buttons {
margin-top: 56px;
}
.incident-creation-workflow .contract-picker-form h4 {
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.incident-creation-workflow .contract-picker-form h5 {
font-size: 13px;
}
.incident-creation-workflow .contract-picker-form .contract-group {
margin-bottom: 30px;
}
.incident-creation-workflow .contract-picker-form .contract-group .radio-selector {
display: table;
}
.incident-creation-workflow .contract-picker-form .contract-group .radio-selector
input {
margin: 8px;
display: table-cell;
}
.incident-creation-workflow .contract-picker-form .contract-group .radio-selector
label {
display: table-cell;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
}
.incident-creation-workflow .contract-picker-form .contract-group .contract-expire-
date {
margin-top: 5px;
margin-left: 52px;
}
html[dir='rtl'] .incident-creation-workflow .contract-picker-form .contract-
group .contract-expire-date {
margin-right: 52px;
margin-left: 0px;
}
.incident-creation-workflow .contract-picker-form .contract-group .contract-expire-
date label {
display: block;
}
.incident-creation-workflow .contract-picker-form .contract-group .contract-expire-
date > span {
display: block;
}
.incident-creation-workflow .contract-picker-form .contracts-table .radio-selector
{
vertical-align: middle;
}
.incident-creation-workflow .contract-picker-form .contracts-table .component-name
{
margin-left: 8px;
}
html[dir='rtl'] .incident-creation-workflow .contract-picker-form .contracts-
table .component-name {
margin-left: 0px;
margin-right: 8px;
}
.incident-creation-workflow .contract-picker-form .contracts-table .expire-date {
width: 30%;
}
.incident-creation-workflow .contract-picker-form .contract-group:last-of-type {
margin-bottom: 0px;
}
.incident-creation-workflow .incident-severity-form .severity-group {
display: table;
margin-bottom: 32px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-radio
{
display: table-cell;
vertical-align: top;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content {
margin-left: 8px;
}
html[dir='rtl'] .incident-creation-workflow .incident-severity-form .severity-group
.severity-content {
margin-left: 0px;
margin-right: 8px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-label {
margin-bottom: 8px;
font-size: 15px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla {
font-size: 12px;
color: #5e5e5e;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-bottom {
margin-bottom: 20px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-options {
margin-bottom: 20px;
display: table;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-options .severity-sla-option-input {
display: table-cell;
vertical-align: top;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-options .severity-sla-option-label {
display: table-cell;
vertical-align: top;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-options .severity-sla-option-label .severity-option {
margin-left: 8px;
}
html[dir='rtl'] .incident-creation-workflow .incident-severity-form .severity-group
.severity-content .severity-sla-options .severity-sla-option-label .severity-option
{
margin-left: 0px;
margin-right: 8px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-
content .severity-sla-options:last-of-type {
margin-bottom: 0px;
}
.incident-creation-workflow .incident-severity-form .severity-group .severity-no-
radio {
margin-left: 28px;
}
html[dir='rtl'] .incident-creation-workflow .incident-severity-form .severity-group
.severity-no-radio {
margin-left: 0px;
margin-right: 28px;
}
.incident-creation-workflow .incident-severity-form .severity-group:last-of-type {
margin-bottom: 0px;
}
.incident-creation-workflow .product-disclaimers {
clear: both;
}
.incident-creation-workflow .secondary-support-topics {
clear: both;
}
.incident-creation-workflow .navigation-buttons {
margin-top: 56px;
}
.incident-creation-workflow .contract-picker-form h4 {
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.incident-creation-workflow .contract-picker-form h5 {
font-size: 13px;
}
.incident-creation-workflow .contract-picker-form .contract-group {
margin-bottom: 30px;
}
.incident-creation-workflow .contract-picker-form .contracts-table .radio-selector
{
vertical-align: middle;
}
.incident-creation-workflow .contract-picker-form .contracts-table .component-name
{
margin-left: 8px;
}
html[dir='rtl'] .incident-creation-workflow .contract-picker-form .contracts-
table .component-name {
margin-left: 0px;
margin-right: 8px;
}
.incident-creation-workflow .contract-picker-form .contracts-table .remain-unit {
text-align: right;
}
html[dir='rtl'] .incident-creation-workflow .contract-picker-form .contracts-
table .remain-unit {
text-align: left;
}
.incident-creation-workflow .contract-picker-form .contract-group:last-of-type {
margin-bottom: 0px;
}
.incident-creation-workflow .primary-contact-form .contact-method input {
margin-right: 8px;
}
html[dir='rtl'] .incident-creation-workflow .primary-contact-form .contact-method
input {
margin-right: 0px;
margin-left: 8px;
}
.incident-creation-workflow .primary-contact-form .contact-method-email {
margin-top: 0px;
}
.incident-creation-workflow .primary-contact-form .contact-method-phone {
margin-top: 12px;
margin-bottom: 0px;
}
.incident-creation-workflow .primary-contact-form .contact-method-phone label {
margin-bottom: 0px;
}
.incident-creation-workflow .incident-review {
margin-top: 15px;
}
.incident-creation-workflow .incident-review .incident-property {
margin-bottom: 10px;
}
.incident-creation-workflow .incident-review .incident-property label {
font-weight: normal;
opacity: 0.6;
filter: alpha(opacity=60);
}
.incident-creation-workflow .incident-review .incident-property p {
font-weight: 600;
}
.incident-creation-workflow .service-agreement {
font-weight: 600;
margin-top: 30px;
}
.incident-creation-workflow .service-agreement input {
margin-right: 8px;
}
html[dir='rtl'] .incident-creation-workflow .service-agreement input {
margin-right: 0;
margin-left: 8px;
}
.incident-creation-workflow .privacy-statement {
font-weight: 600;
margin-top: 15px;
margin-bottom: 52px;
}
.incident-creation-workflow .incident-success header.incident-success-header {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.incident-creation-workflow .incident-success .success-description {
width: 50%;
}
}
.incident-creation-workflow .incident-success .success-next-header {
margin-top: 48px;
margin-bottom: 19px;
}
.incident-creation-workflow .incident-success .what-next-description {
margin-top: 19px;
}
@media (min-width: 768px) {
.incident-creation-workflow .incident-success .what-next-description {
width: 50%;
}
}
.incident-creation-workflow .incident-success .what-next-description p {
margin-bottom: 18px;
}
.incident-creation-workflow .submitting-wait-mask {
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 100;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
}
.incident-creation-workflow .submitting-wait-spinner.spinner-container {
opacity: 1.0;
filter: alpha(opacity=100);
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin-top: -50px;
margin-left: -100px;
z-index: 101;
}
.incident-creation-workflow .incident-description-form textArea {
height: 247px;
}
.incident-creation-workflow .mobile-table > .mobile-table-row {
padding: 20px 20px;
}
.incident-creation-workflow .mobile-table > .mobile-table-row:nth-child(odd) {
background-color: #f2f2f2;
}
/*
Image Text Block styling
*/
.image-text-blocks .menu-item {
height: 80px;
overflow: hidden;
}
.image-text-blocks .menu-item.clickable {
cursor: pointer;
}
.image-text-blocks .menu-item.clickable:hover,
.image-text-blocks .menu-item.clickable:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.image-text-blocks .menu-item span {
display: block;
}
.image-text-blocks .menu-item .content {
display: inline;
}
.image-text-blocks .menu-item .win-icon {
float: left;
font-size: 32px;
vertical-align: top;
height: 80px;
width: 80px;
color: #0078d7;
margin-right: 10px;
}
html[dir='rtl'] .image-text-blocks .menu-item .win-icon {
float: right;
margin-right: 0;
margin-left: 10px;
}
.image-text-blocks .menu-item .menu-title {
color: #0078d7;
}
.image-text-blocks .menu-item .menu-description {
color: rgba(0, 0, 0, 0.6);
}
.image-text-blocks a:hover {
text-decoration: none;
}
.faq-section {
margin-bottom: 24px;
}
.faq-section .section-title {
margin: 0 !important;
}
.faq-section .link-expand {
text-decoration: none;
display: inline-block;
margin-bottom: 5px;
width: 100%;
}
.faq-section .faq-chevron {
float: left;
color: #5C2D91;
font-size: 12px;
padding: 2px 0;
}
[dir='rtl'] .faq-section .faq-chevron {
float: right;
}
.faq-section .link-expand-all {
margin-bottom: 15px;
text-decoration: none;
display: inline-block;
}
.faq-section .link-expand-image {
float: left;
display: block;
}
[dir='rtl'] .faq-section .link-expand-image {
float: right;
}
.faq-section .link-expand-text {
display: block;
margin-left: 27px;
}
[dir='rtl'] .faq-section .link-expand-text {
margin-right: 27px;
margin-left: auto;
}
.faq-section .faq-panel-body {
margin-left: 27px;
}
[dir='rtl'] .faq-section .faq-panel-body {
margin-right: 27px;
margin-left: auto;
}
.fre-hololens {
color: #F2F2F2;
background-color: #292929;
width: 1021px;
}
.fre-hololens header {
width: 100%;
background-color: #0078D7;
}
.fre-hololens header h1 {
padding: 8px 40px;
font-size: 36px;
font-weight: 200;
}
.fre-hololens .section {
width: 100%;
height: 370px;
margin-bottom: 10px;
background-repeat: no-repeat;
}
.fre-hololens .section .overlay {
float: left;
margin: 0 40px;
padding-top: 52px;
max-width: 340px;
}
.fre-hololens .section .overlay h3 {
padding-bottom: 24px;
color: #F2F2F2;
font-size: 36px;
font-weight: 200;
}
.fre-hololens .section .overlay p {
font-weight: 300;
font-size: 20px;
}
.fre-hololens .section:nth-child(2n) .overlay {
float: right;
}
.fre-hololens .section:nth-child(2n + 1) {
background-position-x: right;
}
.fre-hololens footer {
background-color: #BCBEC0;
padding: 0 60px;
}
.fre-hololens footer .title {
padding-top: 18px;
padding-bottom: 4px;
font-size: 20px;
font-weight: 400;
color: #1E1E1E;
}
.fre-hololens footer .hl-f1-footer {
margin-top: 4px;
color: #0078D7;
font-size: 18px;
font-weight: 500;
}
.fre-hololens footer .hl-f1-footer div {
display: inline-block;
padding-right: 48px;
}
html[dir='rtl'] .fre-hololens footer .hl-f1-footer div:first-of-type {
margin-right: 0;
margin-left: 24px;
}
.fre-hololens footer .hl-f0-footer {
margin-top: 18px;
padding-bottom: 12px;
font-size: 16px;
font-weight: 400;
}
.fre-hololens footer .hl-f0-footer a,
.fre-hololens footer .hl-f0-footer a:link,
.fre-hololens footer .hl-f0-footer div {
color: #626262;
}
.fre-hololens footer .hl-f0-footer .link {
display: inline-block;
width: 25%;
}
html[dir='rtl'] .fre-hololens footer .hl-f0-footer .link:first-of-type {
margin-right: 0;
margin-left: 24px;
}
.fre-hololens footer .hl-f0-footer .copyright-notice {
float: right;
}
html[dir='rtl'] .fre-hololens footer .hl-f0-footer .copyright-notice {
float: left;
}
.locations .locations-filter {
background-color: #f2f2f2;
}
.locations .locations-filter .filter-field {
margin-top: 24px;
}
.locations .locations-filter .filter-field .searchable-dropdown {
padding-top: 5px;
padding-bottom: 5px;
}
.locations .locations-filter .form-group {
margin-top: 12px;
}
.locations .store-locator-results .results-count {
font-size: 15px;
margin-top: 32px;
margin-bottom: 32px;
}
.locations .store-locator-results .results-list {
overflow-y: auto;
}
.locations .store-locator-results .results-list .store-name {
color: #333333;
}
.locations .store-locator-results .results-list .store-description {
color: #919191;
}
.locations .store-locator-results .location-info {
margin-bottom: 32px;
}
.locations .store-locator-results .location-info li {
margin-bottom: 12px;
}
@media (min-width: 768px) {
.locations .store-locator-results .location-info:nth-child(3n+1) {
clear: none;
}
.locations .store-locator-results .location-info:nth-child(2n+1) {
clear: both;
}
}
@media (min-width: 1084px) {
.locations .store-locator-results .location-info:nth-child(2n+1) {
clear: none;
}
.locations .store-locator-results .location-info:nth-child(4n+1) {
clear: both;
}
}
.searchable-dropdown {
margin-bottom: 20px;
}
.searchable-dropdown .search-bar {
position: relative;
}
.searchable-dropdown .search-bar .form-control {
padding-right: 25px;
}
.searchable-dropdown .search-bar .win-icon {
position: absolute;
padding: 7px;
}
.searchable-dropdown .current-active {
background-color: #0078d7;
color: #ffffff;
}
.searchable-dropdown .item-block {
display: block;
}
.searchable-dropdown .item-block .item {
width: 400px;
margin: auto;
text-align: left;
padding: 8px;
cursor: pointer;
}
.searchable-dropdown .item-block .item .title {
font-size: 18px;
}
.device-center-div {
margin-top: 50px;
}
.device-center-div .device-order-status {
display: inline-flex;
}
.device-center-div .device-order-status span {
padding-right: 5px;
color: blue;
padding-bottom: 15px;
}
.device-center-div hr {
margin-top: 10px;
margin-bottom: 10px;
}
.device-register-new {
text-align: center;
display: inline-block;
cursor: pointer;
}
.device-register-new div {
font-size: 16px;
}
.modal-dialog-less-opacity {
opacity: .2;
pointer-events: none;
}
.modal-loading-spinner-position {
position: absolute;
top: 40%;
left: 40%;
}
.device-list-item {
display: inline-block;
cursor: pointer;
text-align: center;
}
.device-list-item img {
width: auto;
height: 64px;
margin-bottom: 16px;
}
.device-no-padding-top {
padding-top: 0px !important;
}
.devices-radio-content {
min-height: 180px;
}
.device-list-item-block:hover {
outline: 1px solid;
outline-color: rgba(0, 0, 0, 0.2);
}
.device-list-item-block:active {
border: 2px solid rgba(0, 0, 0, 0.4);
}
.device-item-height {
height: 200px;
}
.device-modal-item-height {
height: 140px;
}
.device-warranty-item {
display: inline-flex;
}
.device-modal-window .modal-dialog {
width: 360px;
}
.device-modal-window .modal-content {
background-color: #f2f2f2;
}
.device-modal-seeall .modal-content {
background-color: #f2f2f2;
}
.repiar-order-icon {
display: inline;
}
.confirmation-message {
margin-top: 32px;
margin-bottom: 32px;
}
.warranty-list-item {
padding: 5px;
}
.warranty-list-item img {
max-width: 72px;
max-height: 72px;
}
.device-pages-nopadding {
padding: 0px !important;
}
.device-pages-selfhelp-alert {
padding: 20px !important;
}
.device-new-register {
font-size: 32px !important;
}
.devices-gav-padding {
padding: 5px;
}
.device-iframe-border {
border: 0px;
}
.devices-gav-extended-postal {
display: inline;
}
.device-item-block-content {
text-align: center;
}
.devices-images-padding {
padding-right: 2.5% !important;
}
.devices-new-order-textarea {
padding: 10px !important;
}
.devices-vertical-align {
vertical-align: top;
}
#register-new-device-modal .txtRegisterTitle {
margin-bottom: 36px;
}
#register-new-device-modal .inputSerialNumber {
margin-bottom: 4px;
}
#register-new-device-modal .find-serial-help-image {
height: 192px;
margin-bottom: 34px;
}
#register-new-device-modal .terms-and-conditions {
font-size: 15px;
margin-bottom: 12px;
}
#register-new-device-modal .accept-terms-conditions label {
display: inline;
line-height: 20px;
}
#register-new-device-modal .placeholder {
display: none;
}
.modal-backdrop.smc-modal-backdrop {
background-color: #ffffff;
opacity: .6;
filter: alpha(opacity=60);
}
.antivirus-vendors-page .vendor-block {
height: 152px;
margin-bottom: 20px;
}
.antivirus-vendors-page .vendor-block .image-section {
height: 74%;
}
.antivirus-vendors-page .vendor-block .info-section {
margin-left: 12px;
font-size: 12px;
}
/* Geo component styles */
.geo .geo-option {
color: #0078d7;
cursor: pointer;
}
.geo .geo-option:hover,
.geo .geo-option:active {
text-decoration: underline;
}
/*location block page styles*/
.location-block label {
font-weight: bold;
display: block;
}
.location-block span {
display: block;
margin-top: 4px;
}
.location-block button {
margin-top: 30px;
}
.location-block .spinner-widget {
margin-left: 40px;
}
.spinner-small .ring {
margin-top: 0px;
}
.spinner-small .ring.ring-medium {
width: 24px;
height: 24px;
overflow: visible;
}
.spinner-small .ring.ring-medium .indeterminate-medium {
width: 24px;
height: 24px;
overflow: visible;
}
/* disability answer desk styles */
.accessibility-page .accessibility-subtitle {
color: black;
text-align: left;
}
.accessibility-page .accessibility-hero-removemargin {
margin-left: -24px;
margin-right: -24px;
}
.accessibility-page .accessibility-hero {
background-size: cover;
position: relative;
height: 600px;
}
.accessibility-page .accessibility-hero .section-header {
border-bottom: none !important;
}
.accessibility-page .accessibility-innovators {
padding-bottom: 60px;
}
.accessibility-page .accessibility-connect-options .icon-box {
height: 250px;
padding-top: 50px;
color: #ffffff;
}
.accessibility-page .accessibility-connect-options .icon-box .overlay {
background-color: rgba(0, 0, 0, 0.2);
display: block;
position: relative;
z-index: 100;
margin-top: 50px;
height: 49%;
}
.accessibility-page .accessibility-connect-options .accessibility-contact-text {
padding-left: 5px;
padding-right: 5px;
}
.accessibility-page .accessibility-connect-options .dad-contactcard-item {
background-color: rgba(0, 0, 0, 0);
text-align: center;
padding: 2px 1px 2px 1px;
display: block;
border: none;
}
.accessibility-page .accessibility-connect-options .dad-contactcard-item:focus,
.accessibility-page .accessibility-connect-options .dad-contactcard-item:hover {
outline: 3px solid;
outline-color: rgba(0, 0, 0, 0.4);
}
.accessibility-page .photo-box {
text-align: left;
}
.accessibility-page .accessibility-information {
width: 50%;
}
.accessibility-page .accessibility-hero-section {
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
}
@media (max-width: 768px) {
.accessibility-page .accessibility-information {
width: 100%;
}
}
/* answer desk purchase page styles */
.answer-desk-purchase-page .answer-desk-logo {
margin-top: 8px;
margin-bottom: 48px;
}
@media (max-width: 767px) {
.answer-desk-purchase-page .answer-desk-logo {
margin-bottom: 24px;
}
}
.answer-desk-purchase-page .answer-desk-logo img {
width: 100%;
height: 100%;
min-height: 63px;
}
.answer-desk-purchase-page .answer-desk-heading {
margin: 0;
}
.answer-desk-purchase-page .answer-desk-bulleted-list {
list-style-type: disc;
}
.answer-desk-purchase-page .answer-desk-pcsiframe {
border: none;
height: 100%;
width: 100%;
min-height: 1920px;
}
.answer-desk-purchase-page .answer-desk-img-tile {
padding-top: 67.6%;
}
@media (min-width: 768px) {
.answer-desk-purchase-page .answer-desk-img-tile {
padding-top: 33.8%;
}
}
@media (max-width: 767px) {
.answer-desk-purchase-page .answer-desk-tile {
padding: 48px 12px;
min-height: 240px;
}
}
@media (min-width: 540px) {
.answer-desk-purchase-page .answer-desk-tile {
padding-top: 67.6%;
}
.answer-desk-purchase-page .answer-desk-tile .answer-desk-tile-content {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
html[dir='rtl'] .answer-desk-purchase-page .answer-desk-tile .answer-desk-tile-
content {
left: 0;
right: 50%;
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
@media (min-width: 768px) {
.answer-desk-purchase-page .answer-desk-tile {
padding-top: 33.8%;
}
}
.answer-desk-purchase-page .answer-desk-tile-content {
padding: 0 24px;
width: 100%;
}
.answer-desk-purchase-page .answer-desk-tile-content img {
margin-bottom: 24px;
}
.answer-desk-purchase-page .answer-desk-requirements {
margin: 48px 0;
}
.answer-desk-purchase-page .answer-desk-requirements .list-item {
display: list-item;
margin: 12px 16px 0 16px;
}
.answer-desk-purchase-page .answer-desk-color-bg-light-blue {
background: #2FB7EA;
}
.answer-desk-purchase-page .answer-desk-order-summary {
width: 100%;
}
.answer-desk-purchase-page .answer-desk-order-summary.table > thead > tr > th {
vertical-align: top;
}
.answer-desk-purchase-page .answer-desk-order-summary.table > tbody > tr > td {
vertical-align: top;
padding: 8px 16px;
}
.answer-desk-purchase-page .answer-desk-order-summary.table > tbody > tr >
td:first-child {
color: #898989;
}
.answer-desk-purchase-page .answer-desk-proccessing-order-spinner {
padding-top: 60px;
}
/* LogMeIn eula page styles */
.logmein-eula-page {
font-size: 12px;
}
.logmein-eula-page blockquote {
font-size: inherit;
padding: 0px 12px 0px 12px;
margin: 0px;
}
.logmein-eula-page li,
.logmein-eula-page ul {
margin-bottom: 0px;
}
.logmein-eula-page h1,
.logmein-eula-page h2,
.logmein-eula-page h3,
.logmein-eula-page h4,
.logmein-eula-page h5 {
margin-bottom: 5px;
}
.logmein-eula-page p {
font-size: inherit;
}
.logmein-eula-page p:last-child {
margin-bottom: 5px;
}
.logmein-eula-page #eulaAcceptReject {
padding-bottom: 10px;
}
.logmein-eula-page #logmein {
padding-top: 10px;
}
.logmein-eula-page .eulaButton {
margin: 0px 5px;
}
.logmein-eula-page .logmein-content {
text-align: center;
display: block;
}
.logmein-eula-page .logmein-pincode-dialog {
color: #e81123;
margin-bottom: 10px;
text-align: center;
display: block;
}
.logmein-eula-page .scroll-pane {
overflow: auto;
float: left;
border: thin solid #000000;
height: 180px;
font-family: Arial, Helvetica, sans-serif;
font-size: inherit;
}
.logmein-eula-page .last-review {
padding: 10px;
font-size: 10px;
text-align: right;
white-space: nowrap;
}
/*Internal signin page*/
.internal-signin p {
margin-top: 30px;
margin-bottom: 10px;
}
.indent-1 {
margin-left: 40px;
}
.indent-2 {
margin-left: 80px;
}
.indent-3 {
margin-left: 120px;
}
.indent-4 {
margin-left: 160px;
}
.indent-5 {
margin-left: 200px;
}
.indent-6 {
margin-left: 240px;
}
.indent-7 {
margin-left: 280px;
}
.indent-8 {
margin-left: 320px;
}
.indent-9 {
margin-left: 360px;
}
.productslist-height {
min-height: 500px;
}
.productslist-min-width {
min-width: 400px;
}
.productslist-max-width {
max-width: 400px;
}
.csa-next-button-width {
width: 50% !important;
}
.csa-margin-right-fixed {
margin-right: -48px;
}
.csa-contact-link-farm-width {
max-width: 1920px;
}
.csa-contact-link-farm-styles {
margin-right: -24px;
margin-left: -24px;
min-height: 110px;
text-align: center;
padding-top: 32px;
padding-bottom: 32px;
bottom: 0px;
background-color: #f2f2f2;
}
.csa-contact-link-farm-description {
padding: 4px 20px 0px 20px;
}
.csa-contact-link-description {
margin-top: 2px;
}
.imageStyleCSA {
width: 130px;
padding-bottom: 20px;
}

.csa-modality-left-padding{
padding-left:10px;
}

@media screen and (max-width: 539px) and (min-width: 320px) {


.marginBottomFixed {
margin-left: 8px;
}
}

@media screen and (min-height: 610px) {


.showDisabilityInApp {
position: fixed;
bottom:0;
width:100%;
}
}

@media screen and (min-width: 768px){


.csaContentLeftAlign {
text-align:left;
}
}

.modality-wait-status-description{
padding-bottom:5px;
}

Das könnte Ihnen auch gefallen