ul li{ list-style: none; } a{ text-decoration: none } .header_logo{ width:100%; height:74px; } .header_logo_left{ width:25%; height:74px; float: left; } .header_logo_right{ width:75%;height:74px; float: right } .header_logo_right ul { float: right; margin:22px 17% 0 0; width: 83%; } .header_logo_right ul li { float: right; padding:0 1.8%; height: 30px; line-height:30px; } .header_logo_right a { text-decoration: none !important; height: 30px; line-height:30px; display:block; font-size: 16px; color: #555 !important; } .header_logo_right a:hover{ color:#FB6E50 !important; } .service-tab{ z-index: 9999; position: relative; } .service-tab ul{ width: 130%; margin:0; position: absolute; background: #fff; } .service-tab ul li{ width: 100%; padding:0 !important; } .service-tab ul li a{ margin-left: 5px !important; } .Multi{ width: 100%; height: 227px; } .Multi-center{ width: 1100px; margin: 0 auto; height: 227px; } .Multi-center ul{ float: left; padding:0 1%; } .Multi-ul1{ width: 23%; } .Multi-ul1 li:nth-child(1) { text-align: center; } .Multi-ul1 li:nth-child(2) { font-size: 16px; } .Multi-ul1 li:nth-child(3) { font-size: 12px; } .body_synopsis{ width:100%; height:227px; } .body_synopsis_1{ width:15%; height:227px; float: left; } .body_synopsis_2{ width:70%; height:227px; float: left; } .body_synopsis_2 ul { float: left; width: 100%; height:227px; } .body_synopsis_2 ul li { float: left; padding:0 1%; width: 23%; height:227px; text-align: center!important; } .body_synopsis_img{ width: 67%; height:97px; padding:30px 0 0 20%; } .body_synopsis_text{ width: 100%; height:100px; padding:0 5%; } .body_synopsis_text h6{ text-align: center; margin-bottom:10px; font-size: 16px; color: #4a4a4a; } .body_synopsis_text_h6{ text-align: center; margin-bottom:10px; font-size: 16px; color: #4a4a4a; } .body_synopsis_text p{ color: #aaa; text-align: center; font-size: 14px; line-height: 20px; } .body_synopsis_3{ width:15%; height:227px; float: right; } .Tracking{ width: 100%; padding-bottom:20px; } .Tracking_center_img{ text-align: center; height: 135px; padding-top: 35px; } .Tracking_center{ margin: 0 auto; color: #000; overflow: hidden; } .Tracking_center a:hover{ /* text-decoration: underline; */ } .Tracking_center h1{ font-size: 26px; text-align: center; margin-bottom: 30px; } .Tracking_center p{ font-size: 14px; text-align: center; margin: 0; } .Tracking_center p span{ padding: 0 20px; } .Tracking_btn{ width: 100%; margin-top:30px; text-align: center; } .Tracking_btn span{ margin-left: 8%; } .Tracking_btn input { font-size: 15px; padding: 14px 8px 14px 8px; border: 1px solid #bdc3c7; border-radius: 5px; } .Tracking_btn2{ width: 19%; height: 57px; background: #d7d9d9; } .Tracking_btn p { height: 57px; line-height: 57px; } .btn-query { /*background: #FB6E50 url(../images/suo_03.png) no-repeat scroll 20px 12px; transition:background 0.2s; color: #FFF; border-radius: 5px; padding: 18px 40px 18px 70px;*/ } .btn-query { background: #FB6E50; /*transition:background 0.2s;*/ font-size: 18px; padding: 11px 30px 11px 20px; border-radius: 5px; margin-left: 7px; text-align: left; background-color: #FB6E50; color: #fff; } .Tracking_btn p { height: 55px; } .btn-query:hover{ background: #FB6E50; } .btn-query:link,.btn-query:visited{ text-decoration:none; /*超链接无下划线*/ } .track{ width: 100%; overflow: hidden; } .track-center h1{ text-align: center; font-size: 30px; padding-top:30px; /*font-family: "Segoe UI"*/ } .track-center_h1{ text-align: center; font-size: 38px; padding:30px 0 30px 0; } .track-center_h1 a{ color: #000; text-decoration: underline; } .track-center{ max-width: 1000px; margin: 0 auto; padding:0px 0 30px 0; } .track-carriers{ max-width: 1000px; padding:0 22px; margin:50px auto 20px auto; } .track-carriers-p { height: 50px; line-height: 50px; } .tab-main-content{ font-size:14px; } .tab-main-content a{ transition:background 0.3s; } .tab-main-content a:hover{ background:#E3E3E3; } .track-carriers input{ background: url(png/suo_03.png) no-repeat scroll 90% 50%; background-size:20px; float: right; font-size: 16px; width: 25%; padding: 14px 8px 14px 8px; border: 1px solid #bdc3c7; border-radius: 5px; color:#858585; } .track-carriers span{ font-size: 16px; } .clearboth { width: 100%; height: 39px; line-height: 39px; } .tab-content{ clear: both; width: 100%; } .tab-content a{ background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 75px; float: left; line-height: 60px; padding: 7px; text-decoration: none; color: #000; margin-top:3%; } .tab-content img{ width: 60px; height:60px; } .tab-contenta{ clear: both; width: 100%; } .tab-contenta a{ background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 61px; float: left; line-height: 60px; padding: 7px; text-decoration: none; color: #000; margin-top:3%; } .tab-contenta img{ width: 60px; height:60px; } .tab-content-div1{ margin-right: 10px; width: 60px; height: 60px; float: left; background-size: 60px; background-position: center; background-repeat: no-repeat; } .tab-content-div2{ height: 75px; vertical-align: middle; display: table-cell; overflow: hidden; zoom: 1; } .tab-content-div2 p{ word-break:break-word;line-height: 20px; } .tab-content-div2a{ height: 61px; vertical-align: middle; display: table-cell; overflow: hidden; zoom: 1; } .tab-content-div2a p{ word-break:break-word;line-height: 20px; } .clearboth{ clear: both; } .tabs{ border-bottom: 1px solid #ddd ;width: 100%;} .tabs::before,.tabs::after{display:table;content: "";clear: both;line-height: 0;} .tabs li{float:left;margin-bottom: -1px;overflow: hidden;position: relative;} .tabs li a {display: block;padding: 10px 14px; border-radius: 4px 4px 0 0; outline: none;height:39px;line-height:18px; text-decoration: none;} .thistab,.thistab a,.thistab a:hover,.thistab a:focus{background: #fff;} .tabs li a:hover,.tabs li a:focus{background: #eee; text-decoration: none;} .thistab a{border-color: #ddd #ddd transparent !important; border-width:1px !important; border-style:solid;color: #555 !important; text-decoration: none !important;} .declare{ width: 100%; text-align: center; } .declare p{ line-height:60px; } .track-fotn{ width: 100%; } .track-content{ max-width: 1000px; margin: 0 auto; padding:0 22px; } .track-content h1{ font-size: 24px; text-align: center; margin: 20px 0 30px 0; } .track-content_h1{ font-size: 24px; text-align: center; padding: 75px 0 30px 0; border-top: 1px solid #dddddd; } .track-content_h2{ font-size: 24px; text-align: center; padding: 30px 0 30px 0; } .track-content_h3{ font-size: 24px; text-align: center; padding: 75px 0 30px 0; } .sms_div_1{ width:50%;float:left;padding:20px;text-align: center; } .sms_div_2{ width:50%;float:left;padding:20px;text-align: center;font-size: 34px; background-color: #eee; } .track-fotn_h2{ background:#f6f6f6; padding-bottom:30px; } .sms_div{ width:80%;margin:0 auto;border: 1px solid #d3d3d3; border-radius: 5px;margin-top:30px;background:#fff; } .track-content p{ font-size: 14px; margin: 0; text-align: center; } .try{ width: 20%; height: 50px; margin: 15px auto; } .try a { text-decoration: none } .try p{ line-height:50px; text-align: center; background: #fb6e50; transition:background 0.2s; border-radius: 5px; color: #fff; font-size: 16px; } .try p:hover{ background: #e26e50; } .track_detailed{ width: 30%; height: 50px; margin: 0 auto; } .track_detailed a { text-decoration: none; color:#e26e50; } .track_detailed_div{ max-width:956px; #background: #F4F4F4; margin:20px auto; border: 1px solid #dddddd; padding: 22px; } .track_detailed_div h3{ font-size:16px; } .track_detailed_div_h3{ #font-size:16px; } .track_detailed_div a{ color:#00F !important; } .fotn{ width: 100%; height: 229px; border-top: 1px solid #dddddd; } .fotn-center{ width: 88%; height: 229px; margin: 31px 0 0 12%; } .fotn-center ul{ float: left; width:19%; margin-right: 1%; } .fotn-center ul li{ line-height:30px; } .fotn-center ul li a{ font-weight:normal; color: #000; font-size: 14px; } .communicas{ font-size: 22px; font-weight: 400; margin-bottom: 10px; } .communicas_right_a{ float:right; } .code img{ width:80px; height:80px; } .logo-ul-a img:hover{ opacity:0.8; } .fotn-center a:hover{ color:#FB6E50 !important; } #back-to-top{ position:fixed; display:none; bottom:20px; right:20px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:64px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ background:transparent url(png/sprite1477.png) no-repeat -0 -0; display:block; height:64px; width:56px; margin-bottom:5px; /*使用CSS3中的transition属性给标签背景颜色添加渐变效果*/ -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background:transparent url(png/sprite1477.png) no-repeat -0 -0; } .reset-bootstrap-box-sizing, .reset-bootstrap-box-sizing *, .reset-bootstrap-box-sizing *:before, .reset-bootstrap-box-sizing *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } button { padding: 0px; } button::-moz-focus-inner { padding: 0; border: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } fieldset { min-width: 0; } .FIREFOX fieldset { display: table-cell; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } .container { margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px; } .container { width: 75%; margin:30px 0 ; } .solutions-form{ width: 75%; } .awanimateclass86{ float:left; width:60%; margin-top:20px; } .main-body-right{ height:500px; width:35%; float:left; margin-left:30px; margin-top:63px; margin-bottom:20px; padding-left:30px; border-left: 1px solid #ccc; } .main-body-right a{ color:#008fff; text-decoration: underline; } .main-body-right ul li{ margin-bottom:20px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 { position: relative; min-height: 1px; padding-left: 0px; padding-right: 0px; } .col-xs-1 { float: left; } .col-xs-1 { width: 100%; } .col-xs-pull-1 { right: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-push-1 { left: 100%; } .col-xs-push-0 { left: auto; } .col-xs-offset-1 { margin-left: 100%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 541px) { .col-sm-1 { float: left; } .col-sm-1 { width: 100%; } .col-sm-pull-1 { right: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-push-1 { left: 100%; } .col-sm-push-0 { left: auto; } .col-sm-offset-1 { margin-left: 100%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 736px) { .col-md-1 { float: left; } .col-md-1 { width: 100%; } .col-md-pull-1 { right: 100%; } .col-md-pull-0 { right: auto; } .col-md-push-1 { left: 100%; } .col-md-push-0 { left: auto; } .col-md-offset-1 { margin-left: 100%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1024px) { .col-lg-1 { float: left; } .col-lg-1 { width: 100%; } .col-lg-pull-1 { right: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-push-1 { left: 100%; } .col-lg-push-0 { left: auto; } .col-lg-offset-1 { margin-left: 100%; } .col-lg-offset-0 { margin-left: 0%; } } /* commons.less Most of the css here will be !important. It will forcefully override element's css. Use it with caution. */ .CM .rowS { margin-left: 0px; margin-right: 0px; text-align: center; } .CM .rowM { margin-left: -4px; margin-right: -4px; text-align: center; } .CM .rowL { margin-left: -8px; margin-right: -8px; text-align: center; } .CM .image-preload-hidden { height: 0; width: 0; } .XS .row-xs-0 { margin-bottom: 0px; } .XS .row-xs-1 { margin-bottom: 4px; } .XS .row-xs-2 { margin-bottom: 8px; } .XS .row-xs-3 { margin-bottom: 12px; } .XS .row-xs-4 { margin-bottom: 16px; } .XS .row-xs-5 { margin-bottom: 20px; } .XS .row-xs-6 { margin-bottom: 24px; } .XS .row-xs-7 { margin-bottom: 28px; } .XS .row-xs-8 { margin-bottom: 32px; } .XS .row-xs-9 { margin-bottom: 36px; } .XS .row-xs-10 { margin-bottom: 40px; } .XS .row-xs-11 { margin-bottom: 44px; } .XS .row-xs-12 { margin-bottom: 48px; } .XS .row-xs-13 { margin-bottom: 52px; } .XS .row-xs-14 { margin-bottom: 56px; } .XS .row-xs-15 { margin-bottom: 60px; } .XS .row-xs-16 { margin-bottom: 64px; } .XS .header-grad-bg { background-color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6)); background: -webkit-linear-gradient(top, #FFF, #f6f6f6); background: -moz-linear-gradient(top, #FFF, #f6f6f6); background: linear-gradient(to bottom, #FFF, #f6f6f6); /* IE6-9 */ } .XS .header-grad-bg h2 { padding-top: 24px; padding-bottom: 24px; } .XS .hidden-xs { display: none !important; } .SM .row-sm-0 { margin-bottom: 0px; } .SM .row-sm-1 { margin-bottom: 4px; } .SM .row-sm-2 { margin-bottom: 8px; } .SM .row-sm-3 { margin-bottom: 12px; } .SM .row-sm-4 { margin-bottom: 16px; } .SM .row-sm-5 { margin-bottom: 20px; } .SM .row-sm-6 { margin-bottom: 24px; } .SM .row-sm-7 { margin-bottom: 28px; } .SM .row-sm-8 { margin-bottom: 32px; } .SM .row-sm-9 { margin-bottom: 36px; } .SM .row-sm-10 { margin-bottom: 40px; } .SM .row-sm-11 { margin-bottom: 44px; } .SM .row-sm-12 { margin-bottom: 48px; } .SM .row-sm-13 { margin-bottom: 52px; } .SM .row-sm-14 { margin-bottom: 56px; } .SM .row-sm-15 { margin-bottom: 60px; } .SM .row-sm-16 { margin-bottom: 64px; } .MD .row-md-0 { margin-bottom: 0px; } .MD .row-md-1 { margin-bottom: 4px; } .MD .row-md-2 { margin-bottom: 8px; } .MD .row-md-3 { margin-bottom: 12px; } .MD .row-md-4 { margin-bottom: 16px; } .MD .row-md-5 { margin-bottom: 20px; } .MD .row-md-6 { margin-bottom: 24px; } .MD .row-md-7 { margin-bottom: 28px; } .MD .row-md-8 { margin-bottom: 32px; } .MD .row-md-9 { margin-bottom: 36px; } .MD .row-md-10 { margin-bottom: 40px; } .MD .row-md-11 { margin-bottom: 44px; } .MD .row-md-12 { margin-bottom: 48px; } .MD .row-md-13 { margin-bottom: 52px; } .MD .row-md-14 { margin-bottom: 56px; } .MD .row-md-15 { margin-bottom: 60px; } .MD .row-md-16 { margin-bottom: 64px; } .LG .row-lg-0 { margin-bottom: 0px; } .LG .row-lg-1 { margin-bottom: 4px; } .LG .row-lg-2 { margin-bottom: 8px; } .LG .row-lg-3 { margin-bottom: 12px; } .LG .row-lg-4 { margin-bottom: 16px; } .LG .row-lg-5 { margin-bottom: 20px; } .LG .row-lg-6 { margin-bottom: 24px; } .LG .row-lg-7 { margin-bottom: 28px; } .LG .row-lg-8 { margin-bottom: 32px; } .LG .row-lg-9 { margin-bottom: 36px; } .LG .row-lg-10 { margin-bottom: 40px; } .LG .row-lg-11 { margin-bottom: 44px; } .LG .row-lg-12 { margin-bottom: 48px; } .LG .row-lg-13 { margin-bottom: 52px; } .LG .row-lg-14 { margin-bottom: 56px; } .LG .row-lg-15 { margin-bottom: 60px; } .LG .row-lg-16 { margin-bottom: 64px; } .LG .hidden-lg { display: none !important; } .CM h1:focus, .CM h2:focus, .CM h3:focus, .CM h4:focus, .CM h5:focus, .CM h6:focus { outline: none; } .CM .float-none { float: none !important; } .CM .padding-none { padding: 0 !important; } .CM .padding-horizontal-none { padding-left: 0 !important; padding-right: 0 !important; } .CM .padding-vertical-none { padding-top: 0 !important; padding-bottom: 0 !important; } .CM .margin-center { margin: 0 auto !important; } .CM .text-center { text-align: center !important; } .CM .inline-block { display: inline-block !important; } .CM .border-bottom-radius-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .CM .border-bottom { border-bottom: 1px solid #d6d6d6; } .CM .clickable { cursor: pointer; } .CM .margin-top-none { margin-top: 0; } .CM .border-round { border: 1px solid #d6d6d6; border-radius: 4px; } .CM .container-eq-height { display: table !important; padding-left: 0px; padding-right: 0px; } .CM .col-eq-height { display: table-cell !important; float: none !important; } .CM ._voiceover-annotation { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .CM .small-icon { /*height: 21px;*/ display: inline-block; margin-left: 0.2em; vertical-align: text-top; } .CM .small-icon img { width: 13px; height: 21px; display: inline-block; margin-left: 0; vertical-align: auto; } .CM .text-noselection { -webkit-touch-callout: none; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .center-block-level-element { margin-right: auto; margin-left: auto; } .col-center { float: none !important; display: inline-block; } /** * mixins */ .CM.EXPLORER.focus-outline { -webkit-box-shadow: 0px 0px 8px #158cfb; box-shadow: 0px 0px 8px #158cfb; } .CM:not(.EXPLORER).focus-outline { outline: none; position: relative; } .CM:not(.EXPLORER).focus-outline:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: -1px; left: -1px; height: 100%; width: 100%; content: ''; display: block; border: 1px solid #158cfb; border-radius: 4px; z-index: 1; pointer-events: none; -webkit-box-shadow: 0px 0px 8px #158cfb; box-shadow: 0px 0px 8px #158cfb; } /** * Generates the css needed to style the XS map callout with a max width * @param {int} @counter The number to start the iteration at */ /* Generates the equivalent spacing - currently used for days in the timeslot (when length <= 3) @cell-equidistant - refers to the number of equivalent spacing required @cell-totalsize - total width of day-slots (length multiplied by width(28px)) @cell-fixedwidth - @cell-intfixedwidth divided by number of equidistant space required Arguments-: length: (no. of blocks), width, cell size, margin-space: additional outside size (23px-LG and 8%-XS) */ .CM { font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-weight: 400; color: #333; /* commented as part of RTL language support */ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; } .CM button { font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-weight: 200; } .CM ._font-casetitle { color: #333; font-weight: 400; } .CM ._font-maps-store-number { font-size: 18px; color: #FFF; font-weight: 600; } .CM ._font-body-link { color: #08C; font-size: 18px; line-height: 24px; font-weight: 400; } .CM ._font-inputgrey-placeholder::-webkit-input-placeholder { color: #888 !important; text-overflow: ellipsis; opacity: 100; } .CM ._font-inputgrey-placeholder:-moz-placeholder { color: #888 !important; text-overflow: ellipsis; opacity: 100; } .CM ._font-inputgrey-placeholder::-moz-placeholder { color: #888 !important; text-overflow: ellipsis; opacity: 100; } .CM ._font-inputgrey-placeholder:-ms-input-placeholder { color: #888 !important; text-overflow: ellipsis; opacity: 100; } .CM .blue-placeholder textarea:-moz-placeholder, .CM .blue-placeholder input:-moz-placeholder, .CM .blue-placeholder:-moz-placeholder, .CM .blue-placeholder .location-mode:focus:-moz-placeholder { color: #08C !important; text-overflow: ellipsis; opacity: 100; } .CM .blue-placeholder textarea::-moz-placeholder, .CM .blue-placeholder input::-moz-placeholder, .CM .blue-placeholder::-moz-placeholder, .CM .blue-placeholder .location-mode:focus::-moz-placeholder { color: #08C !important; text-overflow: ellipsis; opacity: 100; } .CM .blue-placeholder textarea:-ms-input-placeholder, .CM .blue-placeholder input:-ms-input-placeholder, .CM .blue-placeholder:-ms-input-placeholder, .CM .blue-placeholder .location-mode:focus:-ms-input-placeholder { color: #08C !important; text-overflow: ellipsis; opacity: 100; } .CM .black-placeholder::-webkit-input-placeholder { color: #000; text-overflow: ellipsis; opacity: 100; } .CM .black-placeholder:-moz-placeholder { color: #000; text-overflow: ellipsis; opacity: 100; } .CM .black-placeholder::-moz-placeholder { color: #000; text-overflow: ellipsis; opacity: 100; } .CM .black-placeholder:-ms-input-placeholder { color: #000; text-overflow: ellipsis; opacity: 100; } .CM ._font-hero1 { font-size: 40px; font-weight: 200; letter-spacing: -0.01em; } .CM ._font-hero2 { font-size: 22px; font-weight: 200; letter-spacing: -0.5px; margin-top:20px; margin-bottom:20px; } .CM ._font-hero2-text { font-size: 28px; font-weight: 400; } .CM ._font-hero2-bold { font-size: 28px; font-weight: 600; } .CM ._font-herocentered { /*text-align: center;*/ } .CM ._font-input-label { color: #666; font-size: 16px; line-height: 16px; font-weight: 400; } .CM ._font-input-radio { color: #333; font-size: 14px; line-height: 22px; font-weight: 400; } .CM ._font-input-error { color: #ff1200; display: inline-block; font-size: 18px; font-weight: 400; line-height: 24px; } .CM ._font-confirm-time { font-size: 32px; line-height: 36px; color: #08C; } .CM ._font-confirm-button { font-size: 32px; line-height: 36px; } .CM ._font-white-button { font-size: 18px; } .CM ._font-sendin-normal { color: #333; font-size: 18px; line-height: 24px; font-weight: 600; } .CM ._font-requote-hero-text { color: #333; font-size: 22px; line-height: 28px; } .CM ._font-requote-header-inner { color: #333; font-size: 22px; line-height: 28px; } .CM ._font-sosumi-text { color: #888; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; } .CM ._font-small-link-centered { font-size: 16px; color: #08C; line-height: 22px; text-align: center; font-weight: 400; } .CM ._font-body-semibold { font-weight: 600; font-size: 18px; color: #333; line-height: 24px; text-align: left; } .CM ._font-body-semibold-center { font-weight: 600; font-size: 18px; color: #333; line-height: 24px; text-align: center; } .CM ._font-helpblock-text { color: #333; font-size: 18px; line-height: 32px; font-weight: 400; text-align: center; } .CM ._font-checkbox-label, .CM ._font-geolocation-error, .CM ._font-bodycenter, .CM ._font-input-customerinput, .CM ._font-body { color: #333; font-size: 18px; line-height: 24px; font-weight: 400; } .CM ._font-body { text-align: left; } .CM ._font-bodycenter { text-align: center; } .CM ._font-buttonbody { font-size: 18px; color: #333; line-height: 24px; text-align: left; } .CM ._font-charactercount { font-size: 16px; color: #666; line-height: 16px; } .CM ._font-charactercount .aw-textarea-char-count { display: inline-block; line-height: 16px; } .CM ._font-bodylink, .CM ._font-nearby-store { font-size: 18px; line-height: 24px; font-weight: 400; color: #08C; } .CM ._font-trigger-button { font-size: 18px; color: #333; line-height: 22px; font-weight: 400; } .CM ._font-address-text { font-size: 16px; color: #666; line-height: 24px; font-weight: 400; } .XS ._font-section-header { font-size: 24px; line-height: 28px; color: #333; text-align: center; } .XS ._font-navlabel { color: #888; font-size: 16px; line-height: 16px; font-weight: 400; } .XS ._font-navlabel-selected { color: #333; } .XS ._font-selected-store { font-size: 24px; line-height: 32px; font-weight: 200; color: #333; } .XS ._font-day-name { font-size: 18px; font-weight: 200; line-height: 20px; color: #888; } .XS ._font-day-num { font-size: 20px; font-weight: 400; line-height: 20px; color: #333; } .XS ._font-biglink { font-weight: 400; font-size: 20px; color: #08C; line-height: 28px; } .XS ._font-region-button-text { font-weight: 400; font-size: 17px; color: #333; line-height: 24px; } .XS ._font-body-align-right { font-size: 18px; color: #333; line-height: 24px; float: right; } .XS ._font-bodylighter { font-size: 18px; color: #666; line-height: 24px; } .XS ._font-nav-locale-link { font-size: 18px; color: #08C; line-height: 32px; font-weight: 400; } .XS ._font-navlanguage { font-size: 18px; color: #666; line-height: 32px; } .XS ._font-navlanguage-selected { font-size: 18px; color: #888; line-height: 32px; font-weight: 400; } .XS .aw-locale-language .aw-link { color: #666; } .XS ._font-casetitle { font-size: 22px; line-height: 32px; } .XS ._font-listlabels { font-size: 16px; color: #888; line-height: 16px; } .XS ._font-sign-in-text { font-size: 16px; line-height: 16px; } .XS ._font-timeslots { font-size: 24px; line-height: 24px; font-weight: 200; color: #333; } .XS ._font-time-picker { font-size: 24px; color: #333; line-height: 32px; font-weight: 200; } .XS ._font-contact-text { font-size: 18px; color: #333; line-height: 18px; font-weight: 400; } /* form.less Guidelines for aligning form with vertical grid, Adding Important in most of the css, as these are the guidelines for vertical grid and need to be followed in all forms*/ .CM .form-fieldset { padding-bottom: 16px; } .CM .form-input { padding-top: 9px !important; padding-bottom: 0 !important; } .CM .form-input [aw-input-type='component.input.TextAreaInput'], .CM .form-input [aw-input-type='app.cas.common.input.TriggerRadioInput'] { padding-top: 7px; } .CM .form-input [aw-input-type='component.input.TextAreaInput'] ._font-input-label, .CM .form-input [aw-input-type='app.cas.common.input.TriggerRadioInput'] ._font-input-label { margin-bottom: 8px; } .CM .form-file-input-button { padding-bottom: 0 !important; } .CM .form-section { padding-top: 30px !important; padding-bottom: 2px !important; } .CM .form-section .nested-form-section:not(:last-child) { margin-bottom: 16px; } .CM .form-submit-button { margin-top: 36px !important; } .CM .form-legaltext { margin-top: 28px !important; padding-bottom: 0 !important; } .CM .last-form-checkbox { padding-bottom: 0 !important; margin-bottom: -26px !important; } .XS .form-input .last-row-radio:last-child { padding-bottom: 0; } @font-face { font-family: 'AC AppleIcons'; font-style: normal; font-weight: 100; src: url(appleicons-ultralight.html); src: url(appleicons-ultralightd41d.html#iefix) format("embedded-opentype"), url(appleicons-ultralight-2.html) format("woff"), url(appleicons-ultralight-3.html) format("truetype"); } @font-face { font-family: 'AC AppleIcons'; font-style: normal; font-weight: 200; src: url(appleicons-thin.html); src: url(appleicons-thind41d.html#iefix) format("embedded-opentype"), url(appleicons-thin-2.html) format("woff"), url(appleicons-thin-3.html) format("truetype"); } @font-face { font-family: 'AC AppleIcons'; font-style: normal; font-weight: 400; src: url(appleicons-text.html); src: url(appleicons-textd41d.html#iefix) format("embedded-opentype"), url(appleicons-text-2.html) format("woff"), url(appleicons-text-3.html) format("truetype"); } ._icon:before, .more:before, .breadcrumbs-list > li:before { display: none; padding-right: 0.3em; } ._icon:after, .more:after, .breadcrumbs-list > li:after { display: inline-block; padding-left: 0.3em; } ._icon ._icon-htc, .more ._icon-htc, .breadcrumbs-list > li ._icon-htc { padding-left: 0.3em; padding-right: 0.3em; } ._icon:before, .more:before, .breadcrumbs-list > li:before, ._icon:after, .more:after, .breadcrumbs-list > li:after, ._icon ._icon-htc, .more ._icon-htc, .breadcrumbs-list > li ._icon-htc, .is-open:after { color: inherit; font-family: "AC AppleIcons"; font-size: 1em; font-style: normal; font-weight: inherit; line-height: 1; position: relative; text-decoration: none; z-index: 1; } ._icon-before:before, .breadcrumbs-list > li:before { display: inline-block; position: relative; top: -0.125em; } ._icon-before:after, .breadcrumbs-list > li:after { display: none; } ._icon-ie-parent:link { text-decoration: none; } html.no-js ._icon-ie-parent:link:hover { text-decoration: none; } html.no-js ._icon-ie-parent:link:hover ._icon-ie-link { text-decoration: underline; } html.no-touch ._icon-ie-parent:link:hover { text-decoration: none; } html.no-touch ._icon-ie-parent:link:hover ._icon-ie-link { text-decoration: underline; } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #888; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 540px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .accordionHead { border-top: 1px solid #d6d6d6; margin: 0; padding: 8px 0; } .accordionHead.expanded { padding: 32px 0; } .accordionHead.expanded > span { color: #333; font-size: 32px; line-height: 1; /*32/32*/ } #aw-animate-modal { background-color: rgba(0, 0, 0, 0.005); /* browser block */ display: none; height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 20000; pointer-events: none; } .CM .aw-spinner { width: 30px; height: 30px; display: block; position: absolute; visibility: hidden; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; } .CM .aw-spinner-start-spin { visibility: visible; -webkit-animation: spin 0.65s linear infinite; -moz-animation: spin 0.65s linear infinite; animation: spin 0.65s linear infinite; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .CM #aw-busy-modal { /*background-color: rgba(0, 0, 0, 0.02);*/ display: block; height: 100%; margin: auto !important; overflow: auto !important; position: fixed; width: 100%; z-index: 20001; cursor: progress; } /* Styles related to all the screen sizes */ .CM { /**Deck Animations styles - They should be outside _aw-deck**/ } .CM ._aw-deck { background-color: transparent; display: block !important; height: 100%; margin: auto !important; overflow: auto; -webkit-overflow-scrolling: touch; position: fixed; width: 100%; z-index: 10000; top: 0; left: 0; /**Deck Header styles**/ /**Deck Body styles**/ } .CM ._aw-deck:focus { outline: none; } .CM ._aw-deck .deck-container-header { background-color: #FFF; position: absolute; border-bottom: 1px solid #d6d6d6; } .CM ._aw-deck .deck-container-header ._font-callout-title { line-height: 81px; } .CM ._aw-deck .deck-container-header > span { color: #000; display: table; line-height: 64px; margin-left: auto; margin-right: auto; } .CM ._aw-deck .deck-container-header .deck-container-next { right: 20px; } .CM ._aw-deck .deck-container-body { background-color: #FFF; position: absolute; top: 82px; bottom: 0px; overflow: auto; width: 100%; padding-top: 12px; -webkit-overflow-scrolling: touch; } .CM ._aw-deck.aw-deck-header-less .deck-container-header, .CM ._aw-deck.aw-deck-header-less .deck-container-close { display: none; } .CM ._aw-deck.aw-deck-header-less .deck-container-body { border-left: 1px solid #d6d6d6; /** border left **/ } @-webkit-keyframes deckInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes deckInUp { 0% { -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -moz-transform: none; transform: none; } } @keyframes deckInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: none; -moz-transform: none; transform: none; } } .CM .deckInUp { -webkit-animation-name: deckInUp; -moz-animation-name: deckInUp; animation-name: deckInUp; } @-webkit-keyframes deckOutDown { 100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes deckOutDown { 100% { -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes deckOutDown { 100% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .CM .deckOutDown { -webkit-animation-name: deckOutDown; -moz-animation-name: deckOutDown; animation-name: deckOutDown; } @-webkit-keyframes deckInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes deckInRight { 0% { -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -moz-transform: none; transform: none; } } @keyframes deckInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { -webkit-transform: none; -moz-transform: none; transform: none; } } .CM .deckInRight { -webkit-animation-name: deckInRight; -moz-animation-name: deckInRight; animation-name: deckInRight; } @-webkit-keyframes deckOutLeft { 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes deckOutLeft { 100% { -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes deckOutLeft { 100% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .CM .deckOutLeft { -webkit-animation-name: deckOutLeft; -moz-animation-name: deckOutLeft; animation-name: deckOutLeft; } /* Styles related to Large screen sizes */ .LG { /**Deck Animations styles - They should be outside _aw-deck**/ /**Deck Animations styles - They should be outside _aw-deck**/ } .LG .deckInUp { -webkit-animation-duration: 0.75s !important; -moz-animation-duration: 0.75s !important; animation-duration: 0.75s !important; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .LG .deckInRight { -webkit-animation-duration: 0.70s !important; -moz-animation-duration: 0.70s !important; animation-duration: 0.70s !important; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-box-shadow: -10px 81px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: -10px 81px 10px -5px rgba(0, 0, 0, 0.2); } .LG .deckOutDown { -webkit-animation-duration: 0.65s !important; -moz-animation-duration: 0.65s !important; animation-duration: 0.65s !important; } .LG .deckOutLeft { -webkit-animation-duration: 0.60s !important; -moz-animation-duration: 0.60s !important; animation-duration: 0.60s !important; -webkit-box-shadow: -10px 81px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: -10px 81px 10px -5px rgba(0, 0, 0, 0.2); } /* Styles related to Medium screen sizes */ /* Styles related to Small screen sizes */ /* Styles related to Extra Small screen sizes */ .XS { /**Deck Animations styles - They should be outside _aw-deck**/ } .XS ._aw-deck .deck-container-body { top: 48px; padding-top: 0; } .XS ._aw-deck .deck-container-body .button-content { border-top: 0; } .XS ._aw-deck .deck-container-header { top: 0; position: sticky; position: -webkit-sticky; z-index: 999; height: 48px; margin: 0; padding: 0; border-bottom: 1px solid #d6d6d6 !important; background-color: #FFF; } .XS ._aw-deck .deck-container-header > ._font-callout-title { line-height: 48px; white-space: nowrap; width: -webkit-calc(80% - 40px); width: -moz-calc(80% - 40px); width: calc(80% - 40px); text-overflow: ellipsis; margin: auto; overflow: hidden; text-align: center; } .XS ._aw-deck .deck-container-header > ._font-callout-title, .XS ._aw-deck .deck-container-header > ._font-callout-title ._font-callout-title { font-size: 24px; } .XS ._aw-deck .deck-container-header > ._font-callout-title * { line-height: 48px; display: inline; } .XS ._aw-deck .deck-container-header > span { font-size: 20px; } .XS ._aw-deck .deck-container-close { padding: 0 !important; left: 8% !important; top: 24px !important; margin: -10px 0 0 0 !important; height: 20px !important; } .XS ._aw-deck .deck-container-close .button-content-container { height: 20px; } .XS ._aw-deck .deck-container-close .button-content-container .button-close-img { height: 100% !important; width: 100% !important; } .XS ._aw-deck .deck-container-close.close-button { width: 20px !important; } .XS ._aw-deck .deck-container-close.close-button .button-content-container { width: 20px; } .XS ._aw-deck .deck-container-close.prev-button { width: 12px !important; } .XS ._aw-deck .deck-container-close.prev-button .button-content-container { width: 12px; } .XS .deckInUp, .XS .deckOutDown, .XS .deckInRight, .XS .deckOutLeft { -webkit-animation-duration: 0.4s !important; -moz-animation-duration: 0.4s !important; animation-duration: 0.4s !important; /* let angular to finish it's enter painting before kick off animation*/ -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1); -moz-animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1); animation-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1); } .CM ._aw-grid { position: relative; } .CM { /* aw-img-disable-animation class can be used on parent element to disable animation. ie. parent ele want to use it's own animation and skip img load animation */ } .CM *[aw-img] { /* box-shadow: 0 0 2px @image-shawdow inset; */ } .CM *[aw-img].aw-loaded { -webkit-box-shadow: none; box-shadow: none; } .CM *[aw-img].aw-error { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; } .CM *[aw-img] > img { opacity: 0; } .CM *[aw-img].aw-loaded.aw-normal > img { opacity: 1; -webkit-transition: opacity 2s; -moz-transition: opacity 2s; transition: opacity 2s; } .CM .aw-img-disable-animation *[aw-img].aw-loaded > img { opacity: 1; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .CM *[aw-img].aw-loaded.aw-fast > img { opacity: 1; } .CM *[aw-img].aw-busy-processing { opacity: 0.0 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } .CM div.aw-img-bg { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .CM.EXPLORER.V10_0 .aw-input select { cursor: default; opacity: 0.99; /*IE 10 browser fix for pointer-events for drop down*/ } .CM.EXPLORER.V10_0 .aw-input select.ng-pristine { color: black !important; } .CM.EXPLORER select::-ms-value { background: none; color: #000; } .CM [ng-form].ng-submitted input.ng-invalid, .CM [ng-form].ng-submitted input.ng-invalid, .CM [ng-form].ng-submitted input.invalid { border: 1px solid #ff1200; -webkit-box-shadow: inset 0px 1px 2px 0px #C2C2C2; box-shadow: inset 0px 1px 2px 0px #C2C2C2; background-color: #fff4f6; } .CM .dropdown-image-select .input-aux-control { pointer-events: none; } .CM .error-message { float: left; } .CM .aw-input-clear { clear: both; } .CM .aw-input { text-align: left; /* make room for inputbox glow ( box-shadow ) */ /*input[type='checkbox'],*/ } .CM .aw-input *:disabled { background-color: rgba(0, 0, 0, 0.1); } .CM .aw-input input, .CM .aw-input select, .CM .aw-input textarea, .CM .aw-input option, .CM .aw-input .input-text { font-family: inherit; font-size: 18px; white-space: nowrap; line-height: 24px; color: #333; } .CM .aw-input select, .CM .aw-input input[type='file'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .CM .aw-input select:-moz-focusring { color: transparent !important; text-shadow: 0 0 0 #000 !important; } .CM .aw-input select::-ms-expand { display: none; } .CM .aw-input input[type='text'], .CM .aw-input input[type="search"], .CM .aw-input select, .CM .aw-input textarea, .CM .aw-input input[type='checkbox'] + .input-checkbox { float: left; clear: both; border-radius: 4px; width: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; border: 1px solid #d6d6d6; outline: none; background-color: #FFF; -webkit-box-shadow: inset 0px 1px 2px 0px #C2C2C2; box-shadow: inset 0px 1px 2px 0px #C2C2C2; height: 44px; padding: 0px 12px; padding-top: 1px; padding-left: 11px; } .CM .aw-input input[type='text']:focus, .CM .aw-input input[type="search"]:focus, .CM .aw-input select:focus, .CM .aw-input textarea:focus, .CM .aw-input input[type='checkbox'] + .input-checkbox:focus, .CM .aw-input input[type='text'].focused, .CM .aw-input input[type="search"].focused, .CM .aw-input select.focused, .CM .aw-input textarea.focused, .CM .aw-input input[type='checkbox'] + .input-checkbox.focused { /* Current mixin doesn't work with multiple box-shadows .box-shadow(0px 0px 4px 0px @blue-medium, inset 0px 1px 4px 0px @box-shadow-color);*/ -webkit-box-shadow: 0px 0px 4px 0px #158cfb, inset 0px 1px 4px 0px #C2C2C2; box-shadow: 0px 0px 4px 0px #158cfb, inset 0px 1px 4px 0px #C2C2C2; border: 1px solid #158cfb; } .CM .aw-input textarea { padding-top: 11px; margin: 0; } .CM .aw-input.aw-input-file div.file-display { float: left; clear: both; border-radius: 4px; width: 100%; border: 1px solid #d6d6d6; height: 44px; padding: 0px 12px; } .CM .aw-input.aw-input-file div.file-display .file-size { display: inline; float: right; padding: 0px 36px 0px 10px; } .CM .aw-input.aw-input-file div.file-display .file-main-text { display: block; left: 12px; overflow: hidden !important; padding-top: 10px; position: absolute; right: 116px; text-overflow: ellipsis; white-space: nowrap; width: auto; } .CM .aw-input.aw-input-file div.aw-input-file-wrap { left: 0; position: absolute; right: 96px; } .CM .aw-input.aw-input-file div.aw-input-file-size { height: 100%; position: absolute; right: 10px; width: 86px; } .CM .aw-input.aw-input-file input[type='file'] { bottom: 0; height: 44px; left: 0px; opacity: 0; position: absolute; } .CM .aw-input.aw-input-file .input-aux-control.input-aux-control-left { right: 48px; width: auto; } .CM .aw-input.aw-input-file.aw-input-aux.aw-input-aux-left input { padding-left: 12px; } .CM .aw-input select { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d6d6d6; background-position: right 10px center; background-repeat: no-repeat; background-size: auto 12px; background-color: transparent; cursor: pointer; } .CM .aw-input.aw-input-select .input-aux-control-right { pointer-events: none; } .CM .aw-input.aw-input-select .input-aux-control-right .aw-input-aux-content { height: 100%; padding-top: 2px; } .CM .aw-input.aw-input-select .input-aux-control-right .aw-input-aux-content .aw-img-bg { background-size: 22px auto; } .CM .aw-input input[type='checkbox'] { margin-left: 0; margin-right: 0; } .CM .aw-input input[type='checkbox'] + .input-checkbox { width: 44px; cursor: pointer; } .CM .aw-input input[type='checkbox']:checked + .input-checkbox { background-image: url("check.html"); background-position: center center; background-repeat: no-repeat; background-size: 32px auto; } .CM .aw-input input[type='radio']:checked + .aw-input-radio-button { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #158cfb; } .CM.EXPLORER.CM .aw-input input[type='radio']:focus + .aw-input-radio-button { -webkit-box-shadow: 0px 0px 8px #158cfb; box-shadow: 0px 0px 8px #158cfb; } .CM:not(.EXPLORER).CM .aw-input input[type='radio']:focus + .aw-input-radio-button { outline: none; position: relative; } .CM:not(.EXPLORER).CM .aw-input input[type='radio']:focus + .aw-input-radio-button:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: -1px; left: -1px; height: 100%; width: 100%; content: ''; display: block; border: 1px solid #158cfb; border-radius: 4px; z-index: 1; pointer-events: none; -webkit-box-shadow: 0px 0px 8px #158cfb; box-shadow: 0px 0px 8px #158cfb; } .CM .aw-input input[type='radio'] { opacity: 0; position: absolute; } .CM .aw-input input[type='file'] { opacity: 0; width: 100%; height: 34px; } .CM .aw-input textarea { height: auto; white-space: normal; } .CM .aw-input.has-error .fake-mask { background-color: #fff4f6; } .CM .aw-input > label { display: block; width: 100%; margin-bottom: 15px; } .CM .aw-input.aw-input-hide-label { /* make room for inputbox glow ( box-shadow ) */ padding-top: 2px; padding-bottom: 2px; } .CM .aw-input.aw-input-hide-label label { display: none; } .CM .aw-input.aw-input-hide-label .input-aux-control { margin-top: -24px; } .CM .aw-input .aw-input-error-spacer { display: none; } .CM .aw-input .input-label { /*float:left;*/ clear: both; display: inline-block; } .CM .aw-input .aw-input-radio-button { border: 1px solid #d6d6d6; border-radius: 4px; display: block; line-height: 24px; outline: medium none; padding: 10px 5px; text-align: center; cursor: pointer; } .CM ._cas-button.btn-type-super-primaryBtn .button-content { background-color: #fb6e50; border-radius: 4px; border-color: #fb6e50; } .CM ._cas-button.btn-type-super-primaryBtn .button-content .button-content-container { padding: 0px 30px; } .CM ._cas-button .button-content { text-align: center; background-color: #FFF; border-radius: 4px; border: 1px solid #d6d6d6; width: 100%; height: 100%; } .CM ._cas-button .button-content .button-content-container .button-content-desc > span { display: table-cell; height: 42px; vertical-align: middle; color:#fff; } .LG .col-lg-M12-1, .LG .col-lg-M12-2, .LG .col-lg-M12-3, .LG .col-lg-M12-4, .LG .col-lg-M12-5, .LG .col-lg-M12-6, .LG .col-lg-M12-7, .LG .col-lg-M12-8, .LG .col-lg-M12-9, .LG .col-lg-M12-10, .LG .col-lg-M12-11, .LG .col-lg-M12-12 { float: left; } .LG .col-lg-M12-12 { width: 100%; } .LG .col-lg-M12-6 { width: 50%; } .LG .col-lg-M12-3 { width: 50%; } .LG .col-lg-M12-1, .LG .col-lg-M12-2, .LG .col-lg-M12-3, .LG .col-lg-M12-4, .LG .col-lg-M12-5, .LG .col-lg-M12-6, .LG .col-lg-M12-7, .LG .col-lg-M12-8, .LG .col-lg-M12-9, .LG .col-lg-M12-10, .LG .col-lg-M12-11, .LG .col-lg-M12-12 { position: relative; min-height: 1px; padding: 4px; } .container { margin-right: auto; margin-left: auto; padding-left: 4px; padding-right: 4px; } #aw-page-wrapper{ padding-top:65px; border-top: 1px solid #ccc; }